body { font: 11px Tahoma,Arial,Helvetica,sans-serif; color: #000; background: #EEF8FD url('images/bg.gif') repeat-x scroll center top; margin: 0px; padding: 0px; }
#layout { width: 980px; text-align: left; line-height: 18px; margin: 0px auto; padding: 0px 0px 0px 0px; }
.top { background: transparent url(images/top.png) no-repeat scroll left top; height: 13px; width: 980px; }
.center { background: transparent url(images/center.png) repeat-y scroll left top; width: 950px; padding: 10px 15px 10px 15px;  min-height:350px;height:auto!important;height:350px;}
.bottom { background: transparent url(images/bottom.png) no-repeat scroll left top; height:  35px;width: 950px; padding: 0px 15px 0px 15px;  }
#toppanel { height: 75px; }
#topzoneleft { float: left; padding: 0px 10px 0px 0px; }
#topzoneright { float: right; padding: 0px 0px 0px 0px; }
.loginmenu { padding: 5px; float: right; }
.loginmenu .label, .loginmenu a { color: #fff; text-decoration: none; }
.loginmenu a:hover { text-decoration: underline; }
.banner { height: 205px; padding: 60px 0px 0px 5px; background: url('images/banner.gif') no-repeat scroll left top transparent; }
.clear { clear: both; margin: 0px; padding: 0px; }
h1 { color: #1B7098; border-bottom: 1px dotted #47B0E0; padding: 5px 0px 10px 0px; margin: 0px 0px 15px; font-family: Arial,Helvetica,sans-serif; font-size: 25px; font-weight: normal; }
h2 { font: bold 15px Tahoma,Arial,Helvetica,sans-serif; color: rgb(101, 139, 165); padding: 0px; margin: 0px; }
h3 { font: 29px Arial,Helvetica,sans-serif; color: rgb(101, 139, 165); padding: 0px 0px 10px; margin: 0px; }
a { color: rgb(101, 139, 165); text-decoration: underline; }
a:hover { text-decoration: none; }
#topmenu { }
#topmenu ul { margin: 0px; padding: 1px 0px 0px 5px; float: left; }
#topmenu ul li { display: block; float: left;  list-style: none outside none; margin: 0px 10px 0px 0px; }
#topmenu li a { font: 12px Arial,Helvetica,sans-serif; color: #333; text-decoration: none; display: block; float: left; padding: 3px 0px; font-weight: bold; }
#topmenu li a span { display: block; float: left; padding: 22px 20px 20px 25px; background: url('images/topdisc.gif') no-repeat scroll 10% 48% transparent; cursor: pointer; }
#topmenu li a:hover { color: #47B0E0;  }
#topmenu li a.active { color: #47B0E0; }
.topurl { font: 11px tahoma,Arial,Helvetica,sans-serif; background: url('images/home.gif') no-repeat scroll 0px 3px transparent; padding: 0px 0px 5px 18px; margin: 0px; }
.topurl a { font: 11px tahoma,Arial,Helvetica,sans-serif; color: rgb(109, 109, 109); text-decoration: underline; }
.topurl a:hover { text-decoration: none; }
.footer a { color: #47B0E0; text-decoration: underline; }
.footer a:hover { text-decoration: none; }
.footer {padding: 5px 0px 0px 0px; border-top: dotted 1px #47B0E0; }
.footer p { padding: 0px; margin: 0px; }
fieldset { clear: both; padding: 6px; }
/* form css */
.floatleft { float: left; }
.floatright { float: right; }
.floatclear { float: none; }
.overflow { overflow: hidden; }
td { vertical-align: top; }
label, span { }
.rightBlog { background: url('images/memberzonebg.gif') repeat-x scroll left top rgb(220, 220, 220); padding: 40px 50px 30px 20px; }
.rightBlog .lbl { width: 70px; color: rgb(106, 106, 106); font-weight: bold; float: left; margin: 0px; }
.rightBlog input.txt { float: left; margin: 0px 5px 5px 0px; }
.rightBlog .forgetpassword { padding: 0px 0px 0px 80px; }
.rightBlog .forgetpassword a { font-size: 11px; color: rgb(0, 147, 199); text-decoration: underline; }
.textarea, input.text { font-weight: normal; margin: 1px 2px 1px 0px; padding: 2px; width: 96%; }
.label, .requiredfield { color: rgb(106, 106, 106); font-weight: bold; margin: 0px 2px; }
.requiredfield { padding: 0px 0px 0px 8px; margin: 0px 0px 0px 0px; *margin:0px0px0px0px;
background:url(images/errorimg.gif)no-repeatscrollleft2px;
}
.setanotherlabel { margin-right: 4px; *margin-right:2px;float:right;width:55%;
}
textarea { margin: 1px 2px; }
input.button { background: none repeat scroll 0 0 #414141; border: 1px solid #000000; color: #FFFFFF; font: bold 11px Arial,Helvetica,sans-serif; margin: 0 5px 5px 3px; padding: 5px; text-decoration: none; overflow: visible; }
.topbtn input.button { *margin:0px!important;
position:relative;
top:-3px;
}
.spanblack, a.spanblack { color: #000; font-weight: bold; font-size: 12px; margin: 0px 2px; display: block; width: 100px; }
.spangray, a.spangray { color: rgb(106, 106, 106); font-weight: bold; font-size: 12px; margin: 0px 2px; }
.Chkbox input { float: left; margin: 3px 5px 0px 0px; }
.Chkbox .clrspn { background: #FFFF00; font-weight: bold; padding: 2px; }
.select { font-weight: normal; margin: 1px 2px; padding: 2px; width: 90%; }
/*Grid Style*/
.GridStyle { border-collapse: collapse; font-weight: normal; }
.GridStyle a, .GridAlterRowStyle a {color:#47B0E0;text-decoration: none;  padding: 3px; font-weight:bold;}
.GridStyle a:hover, .GridAlterRowStyle a:hover { color: #49A4CF; text-decoration: underline; }
.GridStyle td { border: solid 1px #ECE9D8; line-height: 20px; padding: 3px; }
.tdset { padding-left: 10px !important; }
.tdset1 { padding-right: 10px; }
tr.noGridheader { display: none; }
.GridHeaderStyle th { border-collapse: collapse; border: 0px; background: #47B0E0; text-indent: 0pt; line-height: normal; color: #ffffff; font-size: 13px; font-weight: bold; height: 25px; padding: 3px; margin: 0px; text-align: left; vertical-align: middle; }
.GridHeaderStyle th a { color: #ffffff; text-decoration: none; font-weight: bold; }
.GridHeaderStyle th a:hover { color: #ffffff; text-decoration: underline; font-weight: bold; }
tr.centertext th { text-align: center; }
.GridHeaderStyle span, .GridAlterRowStyle span, .GridStyle span, .GridHeaderStyle input, .GridAlterRowStyle input, .GridStyle input { float: none !important; }
.GridAlterRowStyle { font-weight: normal; border-collapse: collapse; }
.GridAlterRowStyle td { border: solid 1px #ECE9D8; line-height: 20px; padding: 3px; }
.highlighttdrow { background: #ECF9FF; }
.normalrow, .highlighttdrow { line-height: 20px; padding: 3px; }
.GridSelectedRowStyle { font-weight: normal; color: #ffffff; background-color: #000000; text-decoration: none; }
.GridSelectedRowStyle a { color: #ffffff; text-decoration: none; }
.GridSelectedRowStyle a:hover { color: #ffffaa; text-decoration: underline; }
.GridPagingStyle { font-weight: normal; color: #333; }
.GridPagingStyle td table td { padding: 5px 1px; line-height: normal; text-align: center; }
.GridPagingStyle span { padding: 6px; border: solid 1px #47B0E0; color: #0073AA; }
.CustomPaging .activelnk, .CustomPaging a:hover { padding: 6px; border: solid 1px #aaa; color: #0073AA; }
.GridPagingStyle a, .CustomPaging a { color: #333; border: solid 1px #eee; text-decoration: none; padding: 6px; }
.GridPagingStyle a:hover { color: #0073AA; border: solid 1px #aaa; text-decoration: none; /*background:#E4E7E9;*/ padding: 6px; }
.alternetRowStyle { background-color: #000000; }
.GridEmptyRowStyle td { color: #000000; text-align: center; }
/*End Grid style*/

/* start  Modalpopup */
.modalBackground { background: #888; filter: alpha(opacity=50); opacity: 0.5; }
.modalProgressGreyBackground { background: #888; filter: alpha(opacity=50); opacity: 0.5; }
.modalPopup { text-align: left; padding: 13px; background-color: #fff; border: solid 3px #7CBFE5; font-weight: bold; }
fieldset { border: solid 1px #ddd; }
legend { font-size: 12px; color: #6A6A6A; font-weight: bold; }
#topmenu li:hover div.submenu { display: block; }
.modalBackground { background: #666; opacity: 0.30; filter: alpha(opacity=30); }
.updateProgress { background-color: #fff; padding: 10px; text-align: center; font-size: 13px; font-weight:bold; border: solid 2px #47B0E0; }
/* ============================================================================== */
/* End of modalpopup */
/* ============================================ */

.ContextMenuPanel { border: 1px solid #868686; z-index: 1000; background: #FAFAFA; cursor: default; padding: 1px 1px 0px 1px; font-size: 11px; width: 120px; left: auto; font-family: verdana; }
.ContextMenuPanel { /*left:auto!important;*/ }
.ContextMenuBreak { margin: 1px 1px 1px 32px; padding: 0; height: 1px; overflow: hidden; display: block; border-top: 1px solid #C5C5C5; }
a.ContextMenuItem { margin: 1px 0 1px 0; display: block; color: #003399; text-decoration: none; cursor: pointer; font-size: 11px; padding: 0px 0px 2px 2px; white-space: nowrap; font-weight: normal; }
a.ContextMenuItem-Selected { font-weight: normal; }
a.ContextMenuItem:hover { background-color: #FFF9EA; color: #1F5B93; display: block; text-decoration: none; cursor: pointer; font-size: 11px; font-weight: normal; white-space: nowrap; }
.ContextMenuPanel table, .ContextMenuPanel td, .ContextMenuPanel th { border: 0px; }
.ContextMenuPanel a{display:block;}
.ContextMenuPanel a:hover{background-color:#FFF9EA;}

/* ================================================ */

.overdiv { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #7F9DB9; overflow-y: auto; position: relative; text-align: left; z-index: 100; width: 496px; height: 97px; padding: 0px 3px; margin: 0px 0px 1px 0px; }
.txt_area { font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: left; height: 95px; width: 500px; }
.cal_Theme1 .ajax__calendar_container { background-color: #eee; border: solid 1px #658BA5; }
.cal_Theme1.ajax__calendar_header { background-color: #ffffff; margin-bottom: 4px; }
.cal_Theme1 .ajax__calendar_title, .cal_Theme1 .ajax__calendar_next, .cal_Theme1 .ajax__calendar_prev { color: #004080; padding-top: 3px; }
.cal_Theme1 .ajax__calendar_body { /*background-color: #ECECEC;  	border: solid 1px #cccccc;*/ }
.cal_Theme1 .ajax__calendar_dayname { text-align: center; font-weight: bold; margin-bottom: 4px; margin-top: 2px; }
.cal_Theme1 .ajax__calendar_day { text-align: center; }
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_day, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_month, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_year, .cal_Theme1 .ajax__calendar_active { color: #fff; font-weight: normal; background-color: #658BA5; }
.cal_Theme1 .ajax__calendar_today { font-weight: bold; }
.cal_Theme1 .ajax__calendar_other, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_today, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_title { color: #3A85AC; }


/* =========================================== auto complete textbox ================================== */

.tabelTopLeft { *text-align:left;
*vertical-align:top;
*position:relative;
*z-index:1;
}
.tabelTopLeft td { *text-align:left;
*vertical-align:top;
}
.scroll { margin: 0px 0px 0px 4px; background-color: #F4FBFF; z-index: 100; overflow: auto; clear: both; }
.scroll div { background-color: #fff; margin: 0 auto; text-align: left; }
.scroll table { background-color: #fff; width: 300px; font-size: 11px; font-weight: normal; color: #676767; text-decoration: none; border: solid 1px #333; padding: 0px; text-align: left; margin: 0px 0px 0px 0px; position: absolute; z-index: 100; }
.highlightrow { background-color: #F0F4F7; color: #2EA3DA; cursor: pointer; }
.IEscroll { *position:absolute;
margin:0auto;
visibility:hidden;
z-index:3;
width:340px;
*left:185px;
}
.IEscroll table { background-color: #FBFDFD; width: 270px; font-size: 11px; font-weight: normal; color: #676767; text-decoration: none; border: solid 1px #1667A6; padding: 0px; text-align: left; margin: 0px; position: absolute; *position:relative;
*top:25px;
_left:45px;
}
.IEscroll table a, .scroll table a { color: #808080; font-size: 11px; }
.IEscroll table a:hover, .scroll table a:hover { color: #2EA3DA; font-size: 11px; }

a.eng{background:transparent url(images/us.png) no-repeat scroll left top;height:16px;width:11px;padding:0px 10px;}
a.ptg{background:transparent url(images/pt.png) no-repeat scroll left top;height:16px;width:11px;padding:0px 10px;}
a.spn{background:transparent url(images/sp.png) no-repeat scroll left top;height:16px;width:11px;padding:0px 10px;}