﻿/* 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:14px;
}
/*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:0;
	font-size:14px;	
}
.GridFooter a:hover
{
	background-color:#fff;
	border:solid 1px #009fe1;
	padding:2px 5px 2px 5px;	
	cursor:pointer;
	color:#009fe1;
	text-decoration:none;	
	font-size:14px;
}
/*================Grid Rows & Cells===============*/

/*Row Cell*/
/*background color for data rows*/
.GridRows
{
	background-color:#EBF4F9; /*#E0EEF6;*/
}

/*Row Cells (Even Rows)*/
.GridRowEven
{
	background-color:#D6E9F4; /*#CCE3F1;*/
}

.GridRowHovered
{
	background-color:#fff;
	cursor:pointer;
}

/*borders, padding are only valid on the td tags*/
.GridRows td, .GridRowEven td, .GridRowHovered td
{
	font-family:Arial;
	font-size:12px;
	font-weight:normal;
	text-align:left;
	padding: 3px 4px 3px 4px;
	border:none;
	border-bottom:solid 1px #99C7E2;
	white-space:normal;	
	cursor:default;	
	min-height:35px;
}
/*.GridRows a, .GridRows a:link, .GridRows a:visited, .GridRows a:hover, .GridRows a:active*/
.GridRows a, .GridRowEven a, .GridRowHovered a
{
	color:#283c98;
	font-size:13px !important;
	border:none !important;
	text-decoration:underline !important;
	font-weight:bold;
}
.GridRows a:hover, .GridRowEven a:hover,  .GridRowHovered a:hover
{
	color:#009fe1;
	font-size:13px !important;
	text-decoration:underline !important;
	border:none !important;
	font-weight:bold;
}
.GridRows .track, .GridRowEven .track,  .GridRowHovered .track{
	font-weight:bold;
	color:#008752;
	font-size:12px;
}
.GridRows .speaker, .GridRowEven .speaker,  .GridRowHovered .speaker{
	font-weight:normal;
	color:#4d4d4d;
	font-size:12px;
	font-style:italic;
}
.GridRows .time, .GridRowEven .time,  .GridRowHovered .time{
	text-transform:lowercase;
}
/*====================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, .emWaterMark{font-size:13px; font-family:Tahoma, Sans-Serif; background-color:#fff; color:#535353; border:solid 1px #ccc; height:21px; padding:4px 0px 0px 3px; vertical-align:middle;}
.formFieldOn{color:#000; border:solid 1px #999; background-color: #fff;}
.formFieldWaterMark{color:#A6A6A6; font-size:12px;}
.pwWaterMark{background:transparent url(images/passwordBG.gif) no-repeat left; color:#fff; text-align:right;}
.emWaterMark{background:transparent url(images/emailBG.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{font-size:13px; height:22px;}

.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 !important;
margin:0px;
margin-left:5px !important;
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, .LinkBorder
{
	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:#336699;
	text-decoration:none;
	padding:3px 6px 0px 6px;
	border-bottom:dotted 1px #336699;
}
.LinkBorder a, .LinkBorder a:link, .LinkBorder a:visited, .LinkBorder a:active
{
	color:#336699;
	padding:2px 5px 2px 5px;
	border:solid 1px #0076c0;
	text-decoration:none;
}
.LinkSubmit a:hover, .LinkBorder a:hover
{
	background-color:#fff;
	border:solid 1px #cc0000;
	padding:2px 5px 2px 5px;	
	cursor:pointer;
	color:#CC0000;
	text-decoration:none;	
}
/*###########  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;	
}
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;	
}
/*for the validatorcalloutextender*/
.HighlightExtender{background-color:#ffff00;}
/*AutoComplete flyout */
.autocomplete_list
{  
    visibility:hidden;
    margin:0px!important;
    padding:0px;
    background-color:inherit !important;
    color:windowtext !important;
    border:buttonshadow !important;
    border-width:1px;
    border-style:solid;
    cursor:default;
    text-align:left; 
    list-style-type:none !important;
    overflow:auto;
    font-weight:normal;
    font-family:tahoma;
    font-size:12px;            
}

/* AutoComplete highlighted item */
.autocomplete_highlighted_listitem
{
    background-color:#ffffCC !important;
    color:#000;
    padding:3px;
}

/* AutoComplete item */
.autocomplete_listItem 
{
    background-color:window !important;
    color:windowtext !important;
    padding:3px;
} 
/*HOVER MENU CONTROL*/
.popupMenu{background-color:#F5F7F8; visibility:hidden; padding:10px 5px 10px 5px; border:outset 1px gray;}   
.popupMenu a, .popupMenu a:link, .popupMenu a:visited, .popupMenu a:active {background-color:#F5F7F8; font-size:11px; color:#0000FF; text-decoration:none; padding:3px 6px 0px 6px; border-bottom:dotted 1px #0000FF; font-weight:normal;}
.popupMenu a:hover{background-color:#F5F7F8; border:solid 1px #cc0000; padding:2px 5px 2px 5px; cursor:pointer; color:#CC0000; text-decoration:none; font-size:11px; font-weight:normal;}

/*UPDATEPROGRESS*/
#OuterTableCellOverlay
{
	top: 0px;
	left: 0px;
	width: 99%;
	height: 2000px;
	position: absolute;
	background-color: white;
	z-index: 200;
	filter:alpha(opacity=85); /*ie*/
	-moz-opacity:0.85;
/*	padding-top: 25%;
	padding-left: 30%;*/
	text-align:left;
}
#InnerTableCellOverlay 
{
	position:relative;
	margin:0px auto;
	margin-top:400px;
	font-family:Arial;
	font-size:16px;
	text-align: center;
	width: 444px;
	color:#29537C;
	border: 1px solid #29537C;
	padding: 10px;
	background-color: #fff;
	z-index: 300;
	filter:alpha(opacity=100); /*IE*/
	-moz-opacity:1.00;} /* All other browsers*/
#ManageUpdateProgress {color:#29537C; position:relative; font-family:Arial; font-size:16px; text-align: center; width: 444px; border: 1px solid 444; padding: 10px; background-color: #fff; z-index: 300; filter:alpha(opacity=100); -moz-opacity:1.00;}
#UpdateProgressLite{color:#29537C; position:relative; font-family:Arial; font-size:14px; text-align: center; width: 444px; border: 1px solid #29537C; padding: 10px; background-color: #fff; z-index: 300; filter:alpha(opacity=100); -moz-opacity:1.00;}
.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 .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 ###########*/
