﻿@font-face {
	font-family: 'Open Sans';
	src: url("../styles/OpenSans-Regular.ttf") format('truetype');
	font-weight: normal !important;
	font-style: normal;
}

/*###########  ASP.NET Server Control sytles ###########*/
/*=====================Grid=======================*/
/*Grid DIV  Main style for entire gridview, no fonts*/
.GridDIV{border:solid 1px #808080;background-color:gray;text-align:center;}
/*==================Grid Header===================*/
/* normal background for the gridview*/
.GridHeader{height:24px;color:#000;text-align:left;vertical-align:middle;overflow:hidden;white-space:nowrap;padding:3px 0px 3px 6px;background:#E1E1E1 url(images/HeaderBg.gif) repeat-x top center;border-bottom:solid 1px #808080;font-size:13px;}
.GridHeader a, .GridHeader a:link, .GridHeader a:visited, .GridHeader a:hover, .GridHeader a:active
{
	font-family:Arial;
	font-size:13px;
	font-weight:bold;	
	color:#000;
	text-decoration:none;
	border:none;
	display:block;
}
/*column header hover style*/
.GridHeaderHover
{
	height:24px;
	background:#E9E9E9 url(images/HeaderBgOver.gif) repeat-x top center;
	border-bottom:solid 1px #006699;
	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:#006699;
	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:#006699;
	text-decoration:underline;
	padding:3px 6px 0px 6px;
	border:0;
	font-size:14px;	
}
.GridFooter a:hover
{
	background-color:#fff;
	border:solid 1px #cc3333;
	padding:2px 5px 2px 5px;	
	cursor:pointer;
	color:#cc3333;
	text-decoration:none;	
	font-size:14px;
}

.GridFooterHover
{
	background-color:#fff;
	border:solid 1px Fuchsia;
	padding:2px 5px 2px 5px;	
	cursor:pointer;
	color:Fuchsia;
	text-decoration:none;
}
.GridFooterHover a, .GridFooterHover a:link, .GridFooterHover a:visited, .GridFooterHover a:hover, .GridFooterHover a:active
{
	color:#000;
	text-decoration:none;	
}

/*================Grid Rows & Cells===============*/

/*Row Cell*/
/*background color for data rows*/
.GridRows
{
	background-color:#fff; /*fafafa*/  /*ECF7FF  - blue*/
}

/*Row Cells (Even Rows)*/
.GridRowEven
{
	background-color:#f5f5f5; /*#DFE9F4; EDF2F9	*/
}

.GridRowHovered
{
	background:#CEEBF9 url(images/RowOver.gif) repeat-x;
	cursor:pointer;
}

/*borders, padding are only valid on the td tags*/
.GridRows td, .GridRowEven td /*, .GridRowHovered td*/
{
	font-family:Arial;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	padding: 3px 4px 3px 4px;
	border:none;
	border-top:solid 1px #fff;
	border-bottom:solid 1px #ccc;
	overflow:hidden;
	white-space:normal;
	overflow:hidden;
	cursor:default;	
}

.GridRowHovered td
{
	font-family:Arial;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	padding: 3px 3px 3px 4px;
	/*border:none;*/
	border-top:solid 1px #8DD8FB;
	border-bottom:solid 1px #8DD8FB;
	overflow:hidden;
	white-space:normal;
	overflow:hidden;
	cursor:pointer;	
}
.GridRows a, .GridRows a:link, .GridRows a:visited, .GridRows a:hover, .GridRows a:active
{
	color:#006699;
	padding-left:3px;
	font-size:11px;
	border:0;
	text-decoration:underline;
}
.GridRowEven a, .GridRowEven a:link, .GridRowEven a:visited, .GridRowEven a:hover, .GridRowEven a:active
{
	color:#006699;
	padding-left:3px;
	font-size:11px;
	text-decoration:underline;
	border:0;
}
.GridRowHovered a, .GridRowHovered a:link, .GridRowHovered a:visited, .GridRowHovered a:active
{
	color:#0066cc;
	padding-left:3px;
	font-size:11px;
	text-decoration:underline;
	border:0;
}

.GridRowHovered a:hover
{
	color:#000;
	text-decoration:none;
	padding-left:3px;
	font-size:11px;
	border:0;	
}

/*====================Grid Bottom Bar Pages====================*/

/*Bar DIV*/
.GridBarDIV
{
	background:#D4D4D4 url(images/BtmBarBg.gif) repeat-x top center;
	padding:0px;
	margin:0px auto;
	text-align:left;
	font-family:Arial;
    font-size:12px;
    font-weight:bold;
    color:#000;
    height:34px;
}

.GridBarDIV a, .GridBarDIV a:link, .GridBarDIV a:visited, .GridBarDIV a:active, .GridBarDIV a:hover
{
    display:block;
    font-family:Arial;
    font-size:12px;
    color:#000;
    padding: 0.2em 0.5em;
    font-weight:normal;
    border:solid 1px #000;
    text-decoration:none;
}
.GridBarDIV a:hover
{
    display:block;
    color:#CD8C39;
    background-color:#fff;
    border:solid 1px #CD8C39;    
    font-weight:normal;
}
.GridBarDIV td{
	margin-right: 0.1em;
}
.GridBarDIV span
{
	padding: 0.2em 0.5em;
	display:block;
	background-color:#CD8C39;
	color:#fff;
}
/*end GridView Style*/
/*###########  ASP.NET Server Control sytles ###########*/

/*Textbox controls*/
.formFieldOff, .formFieldOn {
	font-size: 1.0em;
	font-family: 'Open Sans', 'Segoe UI';
	background-color: white;
	color: #003366;
	border: solid 1px #ccc;
	height: 26px;
	padding: 4px 0px 1px 3px;
	vertical-align: middle;
	border-radius: 5px;
}

.formFieldOn {
	background-color: white;
	outline: none;
	border: solid 1px #003366;
}

	.formFieldOff input[type="text"], .formFieldOn input[type="text"] {
		font-family: 'Open Sans', 'Segoe UI';
	}

.formFieldError {
	outline: none;
	border: solid 1px red;
	font-size: 1.0em;
	font-family: 'Open Sans', 'Segoe UI';
	background-color: white;
	color: #272727;
	height: 26px;
	padding: 4px 0px 1px 3px;
	vertical-align: middle;
	border-radius: 5px;
}
.regformSelect {
	font-size: 1.0em;
	font-family: 'Open Sans', 'Segoe UI';
	background-color: white;
	color: #003366;
	border: solid 1px #ccc;
	padding: 5px;
	vertical-align: middle;
	border-radius: 5px;
}

.regformSelectError {
	font-size: 1.0em;
	font-family: "Open Sans", 'Segoe UI';
	background-color: white;
	color: #272727;
	border: solid 1px red;
	padding: 5px;
	vertical-align: middle;
	border-radius: 5px;
}
/*drop down list controls */
.regformSelect{font-size:13px;padding:2px;} /**/

/*button styles*/
.buttonOff, .buttonOn{font-size:14px; color:#000; text-transform:uppercase; vertical-align:middle;}

/* Validation Summary control*/
div.ValSummary {
    text-align:center;
    margin:0px auto;
}
.ValSummary
{
    padding:0px 0px 5px 0px;
    border:solid 1px #990000;
    margin: 0px 0px 10px 0px;
    background-color: #fff;
    width: 90%;
    font-size:13px !important;
    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; font-size:1.3em !important; 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;
font-size:1.0em;
}

/*Link buttons that have the box around them on mouseover */
.LinkSubmit
{
	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:#0073b6;
	text-decoration:none;
	padding:3px 6px 0px 6px;
	border-bottom:dotted 1px #0073b6;
}
.LinkSubmit 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 ###########*/
.modalBackground {
	background-color:#000;  /* dedede*/
	filter:alpha(opacity=70);
	opacity:0.7;
}
/*style of the modal popup itself*/
div.modalHeader
{
	padding:0px;
	margin:0px auto;
	background:transparent url(images/ModalHeader.png) no-repeat center top;
	height:37px;
	width:507px;
	overflow:hidden;
}
div.modalHeader div.Title
{
    float:left;
    width:450px;
    padding-left:20px;
    padding-top:10px;    
    font-weight:bold;
    font-style:italic;
    text-align:left;
}
div.modalHeader div.CloseIcon
{
	float:left;
	width:37px;
	background:transparent url(images/ModalClose.gif) no-repeat left top;
	height:20px;
	margin-top:10px;
	cursor:pointer;
}
div.modalPopup
{
	width:507px;
	background:transparent url(images/ModalBody.png) repeat-y center top;
	margin:0px auto;
	min-height:150px;	
}
div.modalPopup table {padding:10px; width:98%;}
div.modalPopup td {padding:5px 10px; text-align:left; font-size:13px;}
div.modalFooter
{
    padding:0px;
	margin:0px auto;
	background:transparent url(images/ModalFooter.png) no-repeat center bottom;
	height:32px;
	width:507px;
	overflow:hidden;
}
div.modalFooter div.closeLink
{
	text-align:right;
	position:relative;
	/*bottom:10px;*/
	right:15px;
	font-size:12px;
}
/*for the validatorcalloutextender*/
.HighlightExtender{background-color:#ffff00; font-size:12px;}
/*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:#EFEFEF; visibility:hidden; padding:10px 5px 10px 5px; border:solid 1px #999; overflow:visible; min-width:150px;}   
.popupMenu a:link, .popupMenu a:visited, .popupMenu a:active {font-size:11px !important; 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*/
#OuterTableCellOverlay
{
	top: 0px;
	left: 0px;
	margin:0px;
	padding:0px;
	width: 100%;
	height: 2000px;
	position: absolute;
	z-index: 998;	
	background-color:#000;  
	filter:alpha(opacity=70);
	opacity:0.7;
	text-align:left;
}
#InnerTableCellOverlay 
{
	position:relative;
	margin:0px auto;
	margin-top:400px;
	font-family:Arial;
	font-size:16px;
	text-align: center;
	width: 450px;
	color:#AD090E;
	border: 1px solid #AD090E;
	font-weight:normal;
	padding: 20px;
	background-color: #fff;
	z-index: 999;
	filter:alpha(opacity=100) !important; /*IE*/
	opacity:1 !important;/* All other browsers*/	
} 
#ManageUpdateProgress, #InlineUpdateProgress {color:#AD090E; position:relative; font-size:16px; text-align: center; width: 450px; border:none; padding: 10px; background-color: #fff; z-index: 1000; filter:alpha(opacity=100); -moz-opacity:1.00;}
#UpdateProgressLite{color:#AD090E; position:relative; font-size:14px; text-align: center; width: 450px; border: 1px solid #AD090E; padding: 10px; background-color: #fff; z-index: 1000; filter:alpha(opacity=100); -moz-opacity:1.00;}
/*###########  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 ###########*/