﻿/*	font colors: #000000, #666666, #999999, red
	font size: 10px, 11px, 12px, 16px
	other colos: #CCCCCC, #AB1032, #B9B8B8 */
BODY  { font-family: arial, verdana, sans-serif; margin: 0px 0px 0px 0px; background-color:#FFFFFF}
TR, TH, TD  { font-family: arial, verdana, sans-serif; }
A:link, A:visited {	color: #666666; font-size: 11px; text-decoration: none; }
.cls_table, .cls_table TH, .cls_table TD { border-style: solid; border-color: #B9B8B8; border-width: 1px; border-collapse: collapse; }
.invisibleCol{display:none;}
.cls_underline { text-decoration: underline; }


/*----------Label-----------------------*/
.cls_label_title		{ color: #666666; font-size: 16px; font-weight:bold; }
.cls_label_header { color: #000000; font-size: 11px; font-weight: bold; }
.cls_label			{ color: #666666; font-size: 11px; font-weight: normal; }
.cls_label_info		{ color: #000000; font-size: 11px; font-weight: normal; }
.cls_label_tips		{ color: #999999; font-size: 10px; font-weight: normal; }
.cls_label_validation { color: red; font-size: 10px; font-weight: bold; }
/*----------Label-----------------------*/

/*----------Button-----------------------*/
.cls_button { background-color: #AB1032; border-style: none; color: #FFFFFF; cursor: pointer; font-size:11px; font-weight:normal; padding: 5px 8px 5px 8px; }
.cls_button[disabled] { background-color: #CCCCCC; color: #000000; cursor: default; } 
/*----------Button-----------------------*/

/*----------Controls-----------------------*/
.cls_textbox { border: solid 1px #CCCCCC; color: #666666; font-size: 11px; height: 14px; width: 150px; }
.cls_textarea { border: solid 1px #CCCCCC; color: #666666; font-size: 11px; height: 50px; width: 350px; }
.cls_dropdownlist { color: #666666; font-size: 11px; }
.cls_checkbox { color: #666666; font-size: 11px; }
.cls_radiobutton { color: #666666; font-size: 11px; }
.cls_button_img{ cursor:pointer; }
.cls_listbox {color: #666666; background-color:#ffffff; text-align:left; font-size: 11px;}
/*----------Controls-----------------------*/ 

/*----------Division-----------------------*/ 
.div_line_bottom { border-bottom: solid 1px #B9B8B8; width: 100%; padding-bottom: 5px; }
.div_line_seperator { border-top : dashed 1px #B9B8B8; width: 100%; margin-top:10px }
.div_border { border-color: #B9B8B8; border-style: solid; border-width: 1px; padding: 10px 10px 10px 10px; top: 1%; left: 1%; right: 1%; width: 96%; height: 100%; }
.div_border_inner { border-color: #B9B8B8; border-style: solid; border-width: 2px; width: 100%; }
/*----------Division-----------------------*/ 

/*----------Grid Styles-----------------------*/
.Grid, .Grid TH, .Grid TD { border: 1px solid #B9B8B8; }
.Grid TD A, .Grid TD A:link, .Grid TD A:visited  { color: #006699; font-size:10px; font-weight: normal; text-decoration: none; }
.GridHeader, .GridHeader A, .GridHeader A:link, .GridHeader A:visited { background-color: #AB1032; color: #FFFFFF; font-size: 10px; font-weight: bold; text-decoration: none; }
.GridFooter { background-color: #FFF39B; color: #4F6B72; font-size: 10px; font-weight: bold; text-align: right; text-decoration: none; }
.GridNormal { background-color: #E0E0E0; font-size: 10px; font-weight: normal; }
.GridSelected { background-color: #ECC3BF; font-size: 10px; font-weight: bold; }
.GridAlternate { background-color: #FAFAFA; font-size: 10px; font-weight: normal; }
/*----------Grid Styles-----------------------*/

/*----------Styles for Expand Grid -----------------------*/
.GridExpand, .GridExpand TH, .GridExpand TD { border: 1px solid #B9B8B8; }
.GridExpandHeader { background-color: #8EBAE5; color: #FFFFFF; font-size: 10px; font-weight: bold; text-decoration: none; }
.GridExpandItem { background-color: #FFFFFF; font-size: 10px; font-weight: normal; }
/*----------Styles for Expand Grid -----------------------*/

/*----------Details View-----------------------*/
.DV, .DV TH, .DV TD { border: 1px solid #B9B8B8; padding-left: 5px; }
.DVHeader { background-color: #AB1032; color: #FFFFFF; font-size: 10px; font-weight: bold; }
.DVNormal { background-color: #E0E0E0; font-size: 10px; }
.DVAlternate { background-color: #FAFAFA; font-size: 10px; }

.DV2, .DV2 TH, .DV2 TD { border: 1px solid #B9B8B8; padding-left: 5px; }
.DVHeader2 { background-color: #E0E0E0; color: #000000; font-size: 10px; font-weight: bold; }
.DVNormal2 { background-color: #FAFAFA; font-size: 10px; }
.DVAlternate2 { background-color: #FAFAFA; font-size: 10px; }
/*----------Details View-----------------------*/

/*----------Customize-----------------------*/
.div_border_R { background-color: #AB1032; color: #FFFFFF; font-size: 9px; font-style: normal; padding: 3px 3px 3px 3px; top: 1%; left: 1%; right: 1%; width: 98%; }
.div_border_G { background-color: #CCCCCC; color: #666666; font-size: 9px; font-style: normal; padding: 3px 3px 3px 3px; top: 1%; left: 1%; right: 1%; width: 98%; }
.IndexH { background-color: #AB1032; color: #FFFFFF; font-size: 11px; font-weight: bold; height:17px;  padding: 3px 0 0 9px; text-align: center; width: 139px; }
.SplitterBar_H { background-color: #DDDDDD; background-position: center; background-repeat: no-repeat; cursor: pointer; vertical-align: top; }
/*----Auto Complete textbox--*/
.suggestion_list { font-size: 10px; font-style: normal; }
.hoverlistitem { background-color: #999999; font-size: 12px; font-weight: bold; }
/*----Auto Complete textbox--*/
/*----------Customize-----------------------*/

/*----------Calendar-----------------------*/
.CalendarExtender .ajax__calendar_container {border:1px solid #AB1032; background-color:#ffffff; color:#AB1032; z-index : 99999; visibility: visible; display: block; }
.CalendarExtender .ajax__calendar_hover {background-color:#AB1032;color:#ffffff;font-weight:bold;}
/*----------Calendar-----------------------*/

/*----------Modal PopUp-----------------------*/
.modalPopup{background-color:#ffffff;border-color:#AB1032;border-style:solid;border-width:2px;padding:3px;width:250px;}
.modalBackground {background-color:#ffffff;filter:alpha(opacity=80);opacity:0.8;} 
/*----------Modal PopUp-----------------------*/

/*----------Pager-----------------------*/
.pagerInfo{color:#000000; font-size:11px; font-weight:bold; padding:5px;}
.pagerCurrentPage{color: #AB1032; font-size:11px; font-weight:bold; padding:1px}
.pagerOtherPage{color:#666666; font-size:11px; padding:1px}
/*----------Pager-----------------------*/


.cls_blockUI {background:url(../images/loading.gif) no-repeat;overflow: hidden;position: relative;width:13px;height:10px}

.cls_dialog { width: 1000px; height: 1000px; padding: 10px 20px; top:10px }

