﻿.active
{
	background: #bbc8e4 !important;
}
th.headerSortDown
{
	background-image: url(../Images/desc.gif);
	background-repeat: no-repeat;
	background-position: right;
}
th.headerSortUp
{
	background-image: url(../Images/asc.gif);
	background-repeat: no-repeat;
	background-position: right;
}
input.groovybutton
{
	font-weight: bold;
	font-size: 15px;
	min-width: 84px;
	border-color: #FFCC33;
	cursor: pointer;
	height: 25px;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 7px;
	/*border: 1px solid #25729a;*/
}
.clsLbl
{
	color: #2d8eb6;
}
.clsImage
{
	cursor: pointer;
}
.clsHeader
{
	/*color: #2d8eb6;*/
	color: White;
	text-align: center;
}
.clsTr
{
	height: 35px;
	background-color: #d1ddf5;
}
.clsDataTr
{
	height: 34px;
}
.gvRowStyle
{
	font-size: 12px;
	line-height: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	background-color: #d1ddf5;
	font-weight: normal;
	color: #000000;
}
.gvHeaderStyle
{
	background-color: #D3D3D3;
	font-weight: bold;
	font-size: 12px;
	color: #4a69a8;
	line-height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
}
.clsTxtBox
{
	/*font-weight: normal;*/
	font-size: 14px;
	color: Black;
	font-family: Arial, Helvetica, sans-serif;
	width: 99%;
	height: 20px;
	padding: 0px;
	border-width: 1px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.clsTxtArea
{
	font-size: 14px;
	color: Black;
	font-family: Arial, Helvetica, sans-serif;
	width: 99%;
	padding: 0px;
	border-width: 1px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.clsDrpDwn
{
	font-weight: normal;
	font-size: 12px;
	color: #2d8eb6;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	width: 96%;
	height: 20px;
}
.clsChkbox
{
	width: 30px;
	height: 20px;
	clear: left;
	vertical-align: middle;
}
.clsBody
{
	padding-bottom: 0px;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	background-color: #7690C9;
}
.ctrlLabel
{
	font-weight: bold;
	font-size: 12px;
	color: #4a69a8;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	line-height: 15px;
	text-decoration: none;
}
.bodywhite
{
	font-weight: bold;
	font-size: 15px;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.bodybluedark12
{
	font-weight: bold;
	font-size: 14px;
	color: #383552;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.bodybluedarktmp
{
	font-size: 12px;
	color: #383552;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.bodyblue14
{
	font-weight: bold;
	font-size: 14px;
	color: #7690c9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
label
{
	cursor: pointer;
}
.modalBackground
{
	z-index: 100 !important;
	background-color: #333333;
	filter: alpha(opacity=70);
	opacity: 0.5;
}
#AlertDiv
{
	left: 40%;
	top: 40%;
	position: absolute;
	padding: 12px;
	border: #000000 1px solid;
	background-color: white;
	text-align: left;
	visibility: hidden;
	z-index: 900009 !important;
}
#AlertButtons
{
	position: absolute;
	bottom: 5%;
}
.accordionHeader
{
	border: 1px solid #2F4F4F;
	color: white;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	margin-top: 5px;
	background-color: #bbc8e4;
	cursor: pointer;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.accordionHeaderSelected
{
	border: 1px solid #2F4F4F;
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	background-color: #7690C9;
	margin-top: 5px;
	cursor: pointer;
}
.accordionContent
{
	border: 1px dashed #2F4F4F;
	border-top: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 5px;
	background-color: #5f74a2;
	padding-top: 10px;
}

/*{
	width: 99%;
	height: 30px;
	font-weight: bold;
	font-size: 14px; */
/*background-image: url(../images/bggreen.gif); 	background-repeat: repeat-x;*/
/*background-color: #7e8fb4;
	color: White;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: solid 4px #FFFFFF;
	cursor: pointer;
}*/
.collapsePanelHeader:hover
{
	border: 1px solid #336699;
	background-color: #407fbf;
	background-image: linear-gradient(to bottom, #407fbf, #66b2ff);
	}
.collapsePanelHeader
{
	border: 1px solid #3e7dbb;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 15px;
	line-height:32px;
	font-family: helvetica, arial, sans-serif;
	padding: 5px 5px 5px 10px;
	text-decoration: none;
	display: inline-block;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
	font-weight: bold;
	color: #FFFFFF;
	background-color: #6699CC;
	width: 98%;
	background-image: linear-gradient(to bottom, #6699CC, #99CCFF);
}
.collapsePanelHeaderSel
{
	/*background-image: url(../images/bggreen.gif); 	background-repeat: repeat-x;*/
	background-color: #556891;
}
.collapsePanel
{
	width: 100%;
	background-color: white; /*overflow: scroll;*/ /*border: solid 2px white;*/
	/*padding: 5px 5px 5px 10px;*/
}
.TabSublbl
{
	background-color: Transparent;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #4f4f4f; /*#839bce*/
	color: White;
	height: 30px;
	text-align: center;
}
/*-------------Calendar Control CSS-------------*/

.MyPopupCalendar .ajax__calendar_container
{
	background-color: #DEF1F4;
	border: solid 1px #77D5F7;
	width: 400px;
	height: 300px;
}
.MyPopupCalendar .ajax__calendar_header
{
	font-size: 20px;
	background-color: #ffffff;
	margin-bottom: 4px;
	height: 25px;
}
.MyPopupCalendar .ajax__calendar_prev
{
	cursor: pointer;
	width: 40px;
	height: 15px;
	float: left;
	border-right: 1px solid #f5f5f5;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url(<%=WebResource("AjaxControlToolkit.Calendar.arrow-left.gif")%>);
}

.MyPopupCalendar .ajax__calendar_next
{
	cursor: pointer;
	width: 40px;
	height: 15px;
	float: right;
	border-left: 1px solid #f5f5f5;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url(<%=WebResource("AjaxControlToolkit.Calendar.arrow-right.gif")%>);
}

.MyPopupCalendar .ajax__calendar_body
{
	width: 400px;
	height: 240px;
	border: solid 0px red;
}
.MyPopupCalendar .ajax__calendar_footer
{
	font-size: 20px;
	border-top: 1px solid #f5f5f5;
	padding: 3px;
	margin: 3px;
	height: 25px;
}

.MyPopupCalendar .ajax__calendar_dayname
{
	border-bottom: 1px solid #f5f5f5;
	padding: 0;
	margin: 0;
	height: 25px;
	width: 57px;
	font-size: large;
}
.MyPopupCalendar .ajax__calendar_days
{
	border: solid 0px orange;
	overflow: hidden;
	width: 398px;
	height: 238px;
}
.MyPopupCalendar .ajax__calendar_day
{
	overflow: hidden;
	border: 0px solid Yellow;
	padding: 0;
	margin: 0;
	height: 35px;
	width: 57px;
	font-size: medium;
}
.MyPopupCalendar .ajax__calendar_active .ajax__calendar_day
{
	background-color: #edf9ff;
	border-color: #0066cc;
	color: #0066cc;
	height: 35px;
	width: 57px;
	font-size: medium;
}
.MyPopupCalendar .ajax__calendar_other .ajax__calendar_day
{
	background-color: #ffffff;
	border-color: #ffffff;
	color: #646464;
	height: 35px;
	width: 57px;
	font-size: medium;
}
.MyPopupCalendar .ajax__calendar_hover .ajax__calendar_day
{
	background-color: #edf9ff;
	border-color: #daf2fc;
	color: #0066cc;
	height: 35px;
	width: 57px;
	font-size: medium;
}

.MyPopupCalendar .ajax__calendar_months table
{
	border: solid 0px Yellow;
	overflow: hidden;
	width: 398px;
	height: 238px;
}
.MyPopupCalendar .ajax__calendar_month
{
	border: 0px solid blue;
	font-size: medium;
	height: 70px;
	width: 57px;
}
.MyPopupCalendar .ajax__calendar_active .ajax__calendar_month
{
	background-color: #edf9ff;
	border-color: #0066cc;
	color: #0066cc;
	font-size: medium;
}
.MyPopupCalendar .ajax__calendar_other .ajax__calendar_month
{
	background-color: #ffffff;
	border-color: #ffffff;
	color: #646464;
	font-size: medium;
}
.MyPopupCalendar .ajax__calendar_hover .ajax__calendar_month
{
	background-color: #edf9ff;
	border-color: #daf2fc;
	color: #0066cc;
	font-size: medium;
}

.MyPopupCalendar .ajax__calendar_years table
{
	border: solid 0px green;
	overflow: hidden;
	width: 398px;
	height: 238px;
}
.MyPopupCalendar .ajax__calendar_year
{
	border: 0px solid #ffffff;
	font-size: medium;
	height: 70px;
	width: 57px;
}
.MyPopupCalendar .ajax__calendar_active .ajax__calendar_year
{
	background-color: #edf9ff;
	border-color: #0066cc;
	color: #0066cc;
	font-size: medium;
}
.MyPopupCalendar .ajax__calendar_other .ajax__calendar_year
{
	background-color: #ffffff;
	border-color: #ffffff;
	color: #646464;
	font-size: medium;
}
.MyPopupCalendar .ajax__calendar_hover .ajax__calendar_year
{
	background-color: #edf9ff;
	border-color: #daf2fc;
	color: #0066cc;
	font-size: medium;
}

.MyPopupCalendar .ajax__calendar_hover .ajax__calendar_title
{
	color: #0066cc;
}
.MyPopupCalendar .ajax__calendar_hover .ajax__calendar_today
{
	color: #0066cc;
}
.MyPopupCalendar .ajax__calendar_invalid .ajax__calendar_day
{
	background-color: gray;
	color: White;
	text-decoration: none;
	cursor: default;
}

.clsTxtBx
{
	font-weight: bold;
	font-size: 15px;
	color: #2d8eb6;
	font-family: Arial, Helvetica, sans-serif;
	width: 99%;
	height: 20px;
	padding: 0px;
	border-width: 1px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.page-number
{
	padding: 0px 10px 0px 10px;
	cursor: pointer;
}

.clsTextBox_big
{
	/*font-weight: normal;*/
	font-size: 14px;
	color: Black;
	font-family: Arial, Helvetica, sans-serif;
	width: 99%;
	height: 20px;
	padding: 0px;
	border-width: 1px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-transform: uppercase;
}

.FormLabels
{
	background-color: Transparent;
	padding: 8px;
}
