/* THEME CSS IS USED FOR .NET CONTROLS AND AJAX CONTROLS ONLY*/


/*###########  ASP.NET Server Control sytles ###########*/

/*=====================Grid=======================*/
/*Grid DIV  Main style for entire gridview, no fonts*/
.GridDIV
{
	border:solid 1px #808080;
    background-color:#fff;
	text-align:center;		
}

/*==================Grid Header===================*/
.GridHeader
{
	height:24px;
	color:#000;
	text-align:left;
	vertical-align:middle;
	overflow:hidden;
	white-space:nowrap;	
	padding:3px 0px 3px 6px;
	background-color:#E1E1E1;
	background-image:url(images/HeaderBg.gif);	
	background-repeat:repeat-x;	
	border-bottom:solid 1px #808080;
	font-size:13px;
}

.GridHeader a, .GridHeader a:link, .GridHeader a:visited, .GridHeader a:hover, .GridHeader a:active
{
	font-size:13px;
	font-weight:bold;	
	color:#000;
	text-decoration:none;
	border:none;
	display:block;	
}
.GridHeaderHover
{
	background-color:#E9E9E9;
	background-image:url(images/HeaderBgOver.gif);	
	background-repeat:repeat-x;	
	border-bottom:solid 1px #283c98;
	padding:3px 0px 3px 6px;
	text-align:left;	
	cursor:pointer;
}
.GridHeaderHover a, .GridHeaderHover a:link, .GridHeaderHover a:visited, .GridHeaderHover a:hover, .GridHeaderHover a:active
{
	color:#283c98;
	text-decoration:none;
	text-align:left;
	border:none;
	display:block;
}
.gridHeaderAsc
{
	background:#D2D2D2 url(images/asc.gif) no-repeat 97% 50%;
	border-bottom:solid 1px #808080;
	color:#fff;
	padding-left:6px;
}
.gridHeaderDesc
{
	background:#D2D2D2 url(images/desc.gif) no-repeat 97% 50%; 
	border-bottom:solid 1px #808080;
	padding-left:6px;
}

/*footer row with ADD links*/
.GridFooter
{
	font-family:Trebuchet MS, Arial;
	font-size:12px;
	font-weight:bold;
	height:24px;
	color:#000;
	text-align:left;
	vertical-align:middle;
	overflow:hidden;
	white-space:nowrap;	
	padding:3px 6px 3px 6px;
	background-color:#fff;
}
.GridFooter a, .GridFooter a:link, .GridFooter a:visited, .GridFooter a:active
{
	color:#283c98;
	text-decoration:underline;
	padding:3px 6px 0px 6px;
	border:none;
	font-size:13px;
}
.GridFooter a:hover
{
	background-color:#fff;
	border:solid 1px #009fe1;
	padding:2px 5px 2px 5px;	
	cursor:pointer;
	color:#009fe1;
	text-decoration:none;	
	font-size:13px;
}
/*================Grid Rows & Cells===============*/

/*Row Cell*/
/*background color for data rows*/
.GridRows
{
	background-color:#fff;
}

/*Row Cells (Even Rows)*/
.GridRowEven
{
	background-color:#f5f5f5;
}

.GridRowHovered
{
	background:#CEEBF9 url(images/RowOver.gif) repeat-x top center;
	cursor:pointer;
}

/*borders, padding are only valid on the td tags*/
.GridRows td, .GridRowEven td, .GridRowHovered td
{
	font-size:12px;
	font-weight:normal;
	text-align:left;
	padding: 3px 4px 3px 4px;
	border:none;
	border-top:solid 1px #fff;
	border-bottom:solid 1px #ccc;
	white-space:normal;	
	cursor:default;	
	min-height:35px;
}
.GridRowHovered td{
	border-top:solid 1px #8DD8FB; 
	border-bottom:solid 1px #8DD8FB;
}
/*.GridRows a, .GridRows a:link, .GridRows a:visited, .GridRows a:hover, .GridRows a:active*/
.GridRows a, .GridRowEven a, .GridRowHovered a, .GridRows a:link, .GridRows a:visited, .GridRows a:active, .GridRowEven a:link, .GridRowEven a:visited, .GridRowEven a:active
{
	color:#009fe1;
	border:none !important;
	text-decoration:underline !important;	
}
.GridRows a:hover, .GridRowEven a:hover,  .GridRowHovered a:hover
{
	color:#283c98;
	text-decoration:underline !important;
	border:none !important;	
}
/*====================Grid Bottom Bar Pages====================*/

/*Bar DIV*/
.GridBarDIV
{
	background:#D4D4D4 url(images/BtmBarBg.gif) repeat-x top center;
	padding:0px 0px 0px 10px;
	margin:0px auto;
	text-align:left;
	font-family:Arial;
    font-size:12px;
    font-weight:normal;
    color:#000;
    height:35px;
}

.GridBarDIV a, .GridBarDIV a:link, .GridBarDIV a:visited, .GridBarDIV a:active, .GridBarDIV a:hover
{
    display:block;
    font-family:Arial;
    font-size:12px;
    color:#283c98;
    padding: 0.2em 0.5em;
    font-weight:normal;
    border:solid 1px #283c98;
    text-decoration:none;
}
.GridBarDIV a:hover
{
    display:block;
    color:#009fe1;
    background-color:#fff;
    border:solid 1px #009fe1;    
    font-weight:normal;
}
/*
.GridBarDIV td
{
	color:#cc3333;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	height:20px;	
	padding:3px 0px 0px 2px;
}	
*/
.GridBarDIV td{
	margin-right: 0.1em;
}
.GridBarDIV span
{
	padding: 0.2em 0.5em;
	display:block;
	/*border:solid 1px #283c98;*/
	background-color:#283c98;
	color:#fff;
}
/*end GridView Style*/

/*Textbox controls*/
.formFieldOff, .formFieldOn, .formFieldWaterMark, .pwWaterMark, .usWaterMark{font-size:13px; font-family:Tahoma, Sans-Serif; background-color:#fff; color:#535353; border:solid 1px #b9b9b9; height:21px; padding:4px 0px 0px 3px; vertical-align:middle;}
.formFieldOn{color:#000; border:solid 1px #1758a8; background-color: #fff;}
.formFieldWaterMark{color:#A6A6A6; font-size:12px;}
.pwWaterMark{background:#fff url(images/passwordBG.gif) no-repeat left; color:#fff; text-align:right;}
.usWaterMark{background:#fff url(images/userBG.gif) no-repeat left; color:#fff; text-align:right;}

.inputText, .textWaterMark{font-family:arial,helvetica,sans-serif; font-size:11px; height:18px; padding:3px 0px 0px 5px; border:solid 1px #999;}
.textWaterMark{color:#999}


/*drop down list controls */
.ddlform, .ddlformSet, .ddlformWide{border:1px solid #cccccc; background-color:#FFFFFF; color: #404042; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding:2px;}
.ddlformSet{width:200px;}
.ddlformWide{width:330px;}

.multilinetext
{
	font-family:arial;
	font-size:13px;
}
.required{
	font-size:11px;
	color:#ff0000;
}

/*button styles*/
.buttonOff, .buttonOn{height:26px; font-size:14px; border:solid 1px #7e7e7e; color:#000; text-transform:uppercase; background-color:#dcdcdc;}
.buttonOn{cursor:pointer; background-color:#999; color:#fff;}
/* Validation Summary control*/
.ValSummary
{
    padding:0px 0px 5px 0px;
    border:solid 1px #990000;
    margin: 0px 0px 10px 0px;
    background-color: #fff;
    width: 90%;
    font-size:13px;
    color:#990000;
    font-weight:normal;
    text-align:left;     
}
.ValSummary .header {background:#FFE8E8 url(images/ErrorIcon.gif) no-repeat 5px; text-align:left; color:#990000; height:30px; padding-left:40px !important; padding-top:10px !important; vertical-align:text-bottom;}
.ValSummary ul
{
padding:10px;
margin:0px;
margin-left:5px;
list-style-position:inside;
}
.ValSummary li
{
margin-left:14px;
color:#990000;
list-style-type:disc;
}

/*Link buttons that have the box around them on mouseover */
.LinkSubmit
{
	font-family:Trebuchet MS, Arial;
	font-size:13px;
	font-weight:bold;
	height:24px;
	text-align:left;
	vertical-align:middle;
	overflow:hidden;
	white-space:nowrap;		
	padding:3px 6px 3px 6px;
	background-color:#fff;
}
.LinkSubmit a, .LinkSubmit a:link, .LinkSubmit a:visited, .LinkSubmit a:active
{
	color:#283c98;
	text-decoration:none;
	padding:3px 6px 0px 6px;
	border-bottom:dotted 1px #283c98;
}
.LinkSubmit a:hover
{
	background-color:#fff;
	border:solid 1px #009fe1;
	padding:2px 5px 2px 5px;	
	cursor:pointer;
	color:#009fe1;
	text-decoration:none;	
}
/* datalist with Checkboxes*/
.dlCheckBox
{
    /*width: 600px;*/
    margin:0px auto;
}
    .dlCheckBox th {
        border: 1px solid #4a9095;
        background-color: #4a9095;
        vertical-align: top;
        padding: 5px;
        overflow: visible;
        text-align: left;
        color:white;
    }
    .dlCheckBox td {
        border: 1px solid #4a9095;
        vertical-align: top;
        padding: 5px;
        width: 33%;
        overflow: visible;
    }

.dlBooth
{
   border:1px solid #BEC4E0;
   margin:0px auto;
}
.dlBooth .header
{
  background-color:#BEC4E0; font-size:13px; color:#283c98; font-weight:bold; 
}
.dlBooth .item
{
  border-left:1px solid #BEC4E0;   
  border-right:1px solid #BEC4E0;
  border-bottom:1px solid #BEC4E0;
  padding-left:2px;
  padding:2px;  
  text-align:left; 
}


/*###########  ASP.NET Server Control sytles ###########*/

/*###########  AJAX Control sytles ###########*/

/*AJAX Modal Popup*/
/*for the modalpopup extender*/
/*background of the non-modal portion of the page - overlays the page*/
.modalBackground {
	background-color:#000;
	filter:alpha(opacity=70);
	opacity:0.7;
	z-index:1;
}
div.modalPopup
{
    margin:0 auto;
	background-color:#FFFFFF;
	border-width:1px;
	border-style:solid;
	border-color:#aaa;
	width:550px;
	height:400px;
	z-index:2;
}
/*style of the modal popup itself*/
div.modalPopup div.modalHeader
{
	padding:0;
	margin:3px;
	background:url(images/jModalBg.gif) repeat-x top center;
	height:30px;
	width:546px;
}
div.modalPopup div.modalHeader div.Outer
{
	height:30px;
	background:url(images/jModalLeft.gif) no-repeat left top !important;
}
div.modalPopup div.modalHeader div.Outer div.Inner
{
	height:26px;
	background:url(images/jModalRight.gif) no-repeat right top !important;
	padding:0;	
	padding-top:4px !important;		
}
div.modalPopup div.modalHeader div.Outer div.Inner div.Title
{
	float:left;
	width:400px;
	padding:2px 0px 0px 10px;
	font-size:12px;
	font-weight:bold;
}
div.modalPopup div.modalHeader div.Outer div.Inner div.CloseIcon
{
	float:right;
	width:50px;
	text-align:right;
	padding-right:5px;	
}
div.modalPopup div.modalHeader div.Outer div.Inner div.CloseIcon a
{
	background:transparent url(images/ModalCloseOff.gif) no-repeat right;
	display:block;
	height:20px;
	width:20px;
	border:none;
	text-decoration:none;
	padding:0px;
	margin:0px;
}
div.modalPopup div.modalHeader div.Outer div.Inner div.CloseIcon a:hover
{
	background:transparent url(images/ModalCloseOn.gif) no-repeat right;
	display:block;
	height:20px;
	width:20px;
	border:none;
	text-decoration:none;
}
div .modalPopup div.modalContent
{
	margin:0 auto;
	background-color:#FFFFFF;
	padding:3px;
	width:544px;
	height:400px;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto;
}
div .modalPopup div.modalContent td {text-align:left; font-size:13px;}
div .modalPopup div.modalContent div.closeLink
{
	text-align:right;
	position:relative;
	bottom:5px;
	right:5px;	
}
div.passContent
{
    border:solid 1px #ccc;
    background-color:#fff;
    position:relative;
    z-index:2;
}
/*AutoComplete flyout */
.autocomplete_list
{  
    visibility:hidden;
    margin:0px!important;
    padding:0px;
    background-color:inherit;
    color:windowtext;
    border:buttonshadow;
    border-width:1px;
    border-style:solid;
    cursor:default;
    text-align:left; 
    list-style-type:none;
    overflow:auto;
    font-weight:normal;
    font-family:tahoma;
    font-size:12px;            
}

/* AutoComplete highlighted item */
.autocomplete_highlighted_listitem
{
    background-color:#ffffCC;
    color:#000;
    padding:3px;
}

/* AutoComplete item */
.autocomplete_listItem 
{
    background-color:window;
    color:windowtext;
    padding:3px;
} 
/*HOVER MENU CONTROL*/
.popupMenu{background-color:#f0f0f0; visibility:hidden; padding:10px 5px 10px 5px; border:outset 1px gray; overflow:visible; width:150px;}   
.popupMenu a:link, .popupMenu a:visited, .popupMenu a:active {font-size:11px; color:#0000FF; text-decoration:none; padding:3px 6px 0px 6px !important; border-bottom:dotted 1px #0000FF; font-weight:normal; white-space:nowrap;}
.popupMenu a:hover{background-color:#fff; border:solid 1px #cc0000; padding:2px 5px 2px 5px !important; cursor:pointer; color:#CC0000; text-decoration:none; font-size:11px; font-weight:normal;}

/*UPDATEPROGRESS*/
#OverlayOuter
{
	top: 0px;
	left: 0px;
	margin:0px;
	padding:0px;
	width: 100%;
	height: 2000px;
	position: absolute;
	z-index: 400;
	background-color:#000;  
	filter:alpha(opacity=70);
	opacity:0.7;
	text-align:left;
}
#OverlayInner 
{
	position:relative;
	top:-200px;
	margin:0px auto;	
	font-family:Arial;
	font-size:16px;
	text-align: center;
	width: 450px;
	color:#6f2a8e;
	border: 1px solid #6f2a8e;
	font-weight:bold;
	padding: 20px 10px;
	background-color: #fff;
	z-index: 500 !important;
	filter:alpha(opacity=100)!important;
	-moz-opacity:1.00 !important;
	opacity:1 !important;
}
#ManageUpdateProgress {color:#6f2a8e; position:relative; font-family:Arial; font-size:16px; text-align: center; width: 450px; padding: 10px; background-color: #fff; z-index: 500 !important; filter:alpha(opacity=100)!important; opacity:1 !important; -moz-opacity:1.00 !important;}
#UpdateProgressLite{color:#6f2a8e; position:relative; font-family:Arial; font-size:14px; text-align: center; width: 450px; border: 1px solid #6f2a8e; padding: 10px; background-color: #fff; z-index: 500 !important; filter:alpha(opacity=100)!important; opacity:1 !important; -moz-opacity:1.00 !important;}
.loading {
		position: absolute;
		top: 40%;
		left: 40%;		
	}

/*###########  AJAX Calendar Extender ###########*/
.MyCalendar .ajax__calendar_container {
    border:1px solid #999;
    background-color: #fff;
    color: #000;
    font-size:11px;
}
.MyCalendar th, .MyCalendar td
{
    border:none;
    font-size:11px;
    padding:0px;
}
.MyCalendar .ajax__calendar_header{
	background-color:#ccc;
}
.MyCalendar .ajax__calendar_day{
	color: black;
    font-size:11px;
    padding:1px;
    text-align:center;    
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: #ccc;
    font-size:11px;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: #0066cc;
    background-color:#E6F0FA;
    font-size:11px;
    border:solid 1px #0066cc;
    /*text-align:center;*/
    padding:0px;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: red;
    font-weight:bold;
    font-size:11px;
    /*background-color:#FFFFCC;*/
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_footer, .MyCalendar .ajax__calendar_hover .ajax__calendar_title{
	color: #0066cc;
}
/*###########  AJAX Control sytles ###########*/