﻿.HeaderStyle
{
	background-color: #018762;  /* #513B4B;*/ 
}
.HeaderStyle1
{
	background-color: #018762;  /* #513B4B;*/ 
}

.HeaderStyleLine1
{
	font-family:Verdana; font-size:15px; font-weight:bold; color:#FFF; display:block;
}

.HeaderStyleLine2
{
	font-family:Verdana; font-size:11px; font-weight:bold; color:#FFF; display:block;
}
.DashboardLinks { font-family:Verdana; font-size:11px; color:#FFF; }
.DashboardTableCell { padding:11px; margin:0px; vertical-align:top; padding-bottom:0px; color:#4681B2; }
a.DashboardLinks { font-family:Verdana; font-size:11px; color:#FFFFFF; text-decoration:underline; }
a.DashboardLinks:link { font-family:Verdana; font-size:11px; color:#00F; text-decoration:underline; }
a.DashboardLinks:hover { text-decoration:none; color:#000; }

body {
	font-family: verdana;
	font-size: 11px;
	color: #000000;
	background-color:White;
	text-align:center;
	margin:0px;
	padding:0px;
}

h1, h2, h3 {
	margin-top: 0;
}

h1 {
	font-size: 1.2em;
}

h2 {
	font-size: 1.0em;
}

h3 {
	font-size: 0.7em;
}

div, li {
	font-family: verdana;
	font-size: 11px;
	color: #000000;
}
span {
	font-family: verdana;
	color: #000000;
}
form { margin:0; padding:0; }

ul li { list-style-type:none; }

li  { font-size:11px; line-height:13px; padding:5px 0; }

ol, ul, li { margin:0; padding:0; }

a img {
	border: none;
}

img.left {
	float: left;
	margin: 0 20px 0 0;
}

img.right {
	float: right;
	margin: 0 0 0 20px;
}

.tblBorder
{
	border-right: #ededef thin solid; 
	border-top: #ededef thin solid; 
	border-left: #ededef thin solid; 
	border-bottom: #ededef thin solid;
	
}
.Heading1
{
	font-size: 1.3em;
	color: #d56e23;
	font-family: Verdana;
	font-weight: bold;
}

.MasterHeading
{
	font-size: 0.8em;
	color: #00008b;
	font-family: Verdana;
	font-weight: bold;
}

.MenuBar 
{
	background-color: #6DBBA5; /* #C1ACBB */
}
.ContentPlaceHolder { height: 569px; vertical-align: top; text-align: center; background-color:#f5fafe; text-indent:0; }

.StaticMenu 
{
    font-family:Verdana; font-size:11px !important; font-weight:bold; color:#000000; background-color:#6DBBA5; padding:4px; margin:0px;
   
}
.StaticMenuHover 
{
    font-family:Verdana; font-size:11px !important; font-weight:bold; background-color:#117e95; color:#fcdb04; padding:4px; margin:0px;
    
}
/* In DynamicMenu z-index:100 have been added for IE8 compatibality */
.DynamicMenu 
{
    font-family:Verdana; font-size:11px !important; font-weight:bold; color:#FFF; background-color:#117e95; padding:4px ;  margin:0px; z-index:100;
}
.DynamicMenuHover 
{
    font-family:Verdana; font-size:11px !important; font-weight:bold; background-color:#117e95; color:#fcdb04; padding:4px; margin:0px;
}

/* Footer */
#footer 
{
    background-color:#018762; text-align:center; padding:5px; margin:0px; color:#FFF; font-size:11px;
	border-top:1px solid #018762; border-bottom:1px solid #117e95; display:block; width:auto; 
}
#footer a { color: #000000; text-decoration:underline; border-bottom: none; }
#footer a:link  { color:#000000; }
#footer a:hover  { text-decoration:none; border-bottom: none;}
#footer > SPAN  { color:#000000; }

.ctl00_Menu1_0 { background-color:#117e95 !important; visibility:hidden;display:none;position:absolute;left:0px;top:0px; 
    border:1px solid #117e95;}
    
.ctl00_cPlhCenter_lblTitle { display:block; background-color:#96CAD6;  color:#000; font-family:Imprint MT Shadow; font-size:20px !important; 
    font-weight:bold; text-align:center; padding:5px; }
.ctl00_cPlhCenter_lblSubTitle { display:block; background-color:#96CAD6; color:#000; font-family:Verdana; font-size:10px !important; 
    font-weight:bold; text-align:center; padding:5px; }
.ctl00_cPlhCenter_upMain { background-color:#fff; color:#000; font-family:Verdana; font-size:11px !important; 
    text-align:center; padding:5px; height:575px; vertical-align:top; border:1px solid #96CAD6; }
.ctl00_cPlhCenter_uProgress { display:block; background-color:#96CAD6; color:#000; font-family:Verdana; font-size:11px !important; 
    font-weight:normal; text-align:center; padding:5px; width:auto; }

.NewSideBar
{
    margin: 0 0 11px 0; padding: 5px 11px;
	background-color:#E3E3E3;
	border: 1px solid #F2F2F2;
	font-size: 11px; font-weight:bold;
}
.GridHeadingBolder
{
    margin: 0 0 11px 0; padding: 5px 11px;
	background-color:#E3E3E3;
	border: 1px solid #F2F2F2;
	font-size: 11px; font-weight:bold;
}

.FilterPanel {
	background:#EBEBEB; color:#5D5D5D; border:1px solid #63ce48;
    font-family:Verdana; font-weight:bold; font-size:11px; text-align:center;
	padding:5px; -webkit-border-radius:10px; margin-bottom:3px;
}

.demoarea {
	padding:20px;
	background:#FFF url(Common/images/demotop.png) no-repeat left top;
}

.demoarea p 
{
	padding:5px;
}

.heading {
	padding: 1em 0 1em 0;
	color:#5377A9;
	/* font-family:Arial, Sans-Serif; */
	font-weight:bold;
	font-size:1.2em;
}

em {font-style:italic}

i {font-style: italic;}

strong {font-weight:bold;}

pre, code {
	display:block;
	margin:15px 15px 15px 0;
	padding:11px;
	border:1px dashed #CCC;
	background-color:#FFF;
	color:#000;
	/* font-family:'Courier New', Monospace; */
	font-size:0.9em;
	font-style:normal;
}

/*Reorder List*/
.dragHandle {
	width:11px;
	height:25px;
	background-color:Blue;
	background-image:url(common/images/bg-menu-main.png);
	cursor:move;
	border:outset thin white;
}

.reorderCue {
	border:dashed thin black;
	width:100%;
	height:25px;
}

.itemArea {
	margin-left:5px;
	/* font-family:Arial, Verdana, sans-serif; */
	font-size:1.2em;
	text-align:left;
}

.callbackStyle {
	border:thin blue inset;		
}

.callbackStyle table {
	background-color:#5377A9;	
	color:Black;
}

.reorderListDemo li {
	list-style:none;
	margin:2px;
	background-image:url(common/images/bg_nav.gif);
	background-repeat:repeat-x;
	color:#FFF;
}

.reorderListDemo li a {color:#FFF !important; font-weight:bold;}

/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	/* font-family: Arial, Sans-Serif; */
	font-size: 11px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
	border: 1px solid #2F4F4F;
	color: white;
	background-color: #5078B3;
	/* font-family: Arial, Sans-Serif; */
	font-size: 11px;
	font-weight: bold;
	padding: 5px;
	margin-top: 5px;
	cursor: pointer;
}

#master_content .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
	background-color: #D3DEEF;
	border: 1px dashed #2F4F4F;
	border-top: none;
	padding: 5px;
	padding-top: 11px;
}

.modalBackground
{
	/*background-color: Gray;*/
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalPopupBackground
{
	cursor: move;
	background-color: blue;
	color: white;
	text-align: center;
	background-image: none;
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 3px;
	padding-top: 3px;
	font-weight: bold;
	border-bottom: midnightblue 2px solid;
	border-top: midnightblue 0px solid;
	border-left: midnightblue 0px solid;
	border-right: midnightblue 0px solid;
}

.popupPanel
{
	color: Black;
	border-right: midnightblue 2px solid;
	border-top: midnightblue 2px solid;
	border-left: midnightblue 2px solid;
	border-bottom: midnightblue 2px solid;
	background-image: none;
	background-color: #99ccff;
}

/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 200px;
    text-align : left; 
    list-style-type : none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}
/*color: #b22222; */

/*CollapsiblePanel*/
.collapsePanel {
	
	background-color:white;
	overflow:hidden;
}

.collapsePanelHeader{
	width:100%;
	height:20px;
	background-image: url(common/images/bg-menu-main.png);
	background-repeat:repeat-x;
	color:#FFF;
	font-weight:bold;
}

/*Index Page related styles */
.TitleText0
{
    font-size: 12pt; 
    font-weight: bold; 
    color: #FFFFFF;
}
.TitleText1
{
    font-size: 12pt; 
    font-weight: bold; 
    color: #000;
}

.TitleText2
{
    font-size: 9pt;
    font-weight: bold;
    color: #FFFFFF;
}

.NText
{
    /* font-family: Arial; */
    font-size: 9pt;
    text-align: justify; 
}

.tblBorder
{
    border: 1px solid #AAA; 
    background-color: #FFF;
}

.PanelTitle
{
    font-weight: bold;
    font-size: 13px;
    color: white;
    background-color: #BBB;
}

.lblMsg {
    display:block; width:auto; padding:11px; margin-bottom:3px; font-family:Trebuchet MS; font-size:13px; font-weight:bold; 
    color:#338113;
}
.lblMsgDisplay {
    display:block; width:auto; padding:5px; margin-bottom:3px; font-family:Trebuchet MS; font-size:13px; font-weight:bold; 
    color:#338113;
}

.saveCancelButton {
    -moz-border-radius:11px 11px 11px 11px;
	background:none repeat scroll 0 0 #BCCBD8; border:1px solid #6E90AF; color:#003A6E;
	font-family:verdana;
	font-size:11px;
	font-weight:bold;
	padding:6px; padding-left:30px;padding-right:30px;
	text-align:center; 
	border-radius:4px;
}
.saveCancelButton:hover
{
 background-color: #4CAF50;
 
 color:white;
}

.BackButton 
{
    display:block; width:100%; text-align:right; padding:0px; margin:0px; padding-bottom:5px;
}
.BackButton a:link {
    color: Navy;
    text-decoration: underline;
    font-family: Verdana; 
}
.BackButton a:active {
    color: Navy;
    text-decoration: underline;
    font-family: Verdana; 
}
.BackButton a:visited {
    color: Navy;
    text-decoration: underline;
    font-family: Verdana; 
}
.BackButton a:hover {
    color: #ff9966;
    text-decoration: none;
    font-family: Verdana; 
}
.NewHeaderStyle
{
	background-color: #004175;
}

.ajax__tab_inner { padding-left:2px !important; }


a.HomeStaticMenu, a.HomeStaticMenu:link, a.HomeStaticMenu:visited
{
    font-family:Verdana; font-size:12px !important; font-weight:bold; color:#000; background-color:#FFFF00; padding:5px; margin:0px;
    border-right:solid 3px #004175; text-decoration:none;
}
a.HomeStaticMenu:hover
{
    font-family:Verdana; font-size:12px !important; font-weight:bold; background-color:#96CAD6; color:#004175; padding:5px; margin:0px;
    border-right:solid 3px #004175;text-decoration:none;
}

.FilterPanel1 {
	background:#EBEBEB; color:#000; border:1px solid #b9b9b9; 
    font-family:Verdana; font-weight:bold; font-size:11px; text-align:center;
	padding:0px; margin-bottom:20px;
}
.FilterPanel2 {
	background:#b9b9b9; color:#000; border:1px solid #b9b9b9; 
    font-family:Verdana; font-weight:bold; font-size:15px; text-align:center;
	padding:5px; 
}

.box_rotate {
     -moz-transform: rotate(90deg);  /* FF3.5+ */
       -o-transform: rotate(90deg);  /* Opera 10.5 */
  -webkit-transform: rotate(90deg);  /* Saf3.1+, Chrome */
             filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=1);  /* IE6,IE7 */
         -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; /* IE8 */
}

html, body
{
  height: 100%;
}

.SubTitle { display:block; background-color:White; color:#96CAD6; font-family:Verdana; font-size:14px !important; 
    font-weight:bold; text-align:center; padding:5px; }
    
    .cal_Theme1 .ajax__calendar_container   
 {
	z-index:3;
background-color: #DEF1F4;
border:solid 1px #77D5F7;
width:200px;
}

.cal_Theme1 .ajax__calendar_header  
{
	
	
background-color: #ffffff;
margin-bottom: 4px;
}

.cal_Theme1 .ajax__calendar_title,
.cal_Theme1 .ajax__calendar_next,
.cal_Theme1 .ajax__calendar_prev    
{
	
   color : #004080;
  padding-top : 3px;
}

.cal_Theme1 .ajax__calendar_body    
{
	
background-color: #ffffff;
border: solid 1px #77D5F7;
 width:200px;
}

.cal_Theme1 .ajax__calendar_dayname 
{
text-align:center;
font-weight:bold;
margin-bottom: 4px;
margin-top: 2px;
color: #004080;
}

.cal_Theme1 .ajax__calendar_day 
{
color: #004080;
text-align:center;
}

.cal_Theme1 .ajax__calendar_hover .ajax__calendar_day,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_month,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_year,
.cal_Theme1 .ajax__calendar_active 
{
	color: #80006a;
	font-weight: bold;
	border-radius: 50px;
	background-color: #1df217;
}

.cal_Theme1 .ajax__calendar_today   
{
font-weight:bold;
}

.cal_Theme1 .ajax__calendar_other,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_today,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_title 
{
color: #bbbbbb;
}
    
    

/* GridView Formatting */
.gridview { font-family:Verdana; font-size:11px; padding:5px; background-color:White; border:1px solid black; }
.gridViewRow { font-family:Verdana; font-size:11px; color:Navy; background-color: #FFF; vertical-align:middle; padding:5px; }
.gridViewRow:hover { background-color:#99ea8f; } 
.gridViewAltRow { font-family:Verdana; font-size:11px; color:Navy; background-color:#cfe9f7; vertical-align:middle; padding:5px; }
.gridViewAltRow:hover { background-color:#99ea8f; }
.gridViewHeader { font-family:Verdana; font-size:12px; color:White; background-color:Navy; vertical-align:middle; font-weight:bold; text-align:center; padding:5px; }
.gridViewSelRow { font-family:Verdana; font-size:11px; color:White; background-color:Silver; vertical-align:middle; font-weight:bold; padding:5px; }
.gridViewPager { font-family:Verdana; font-size:11px; color:White; background-color:#7670B3; vertical-align:middle; font-weight:bold; padding:5px; }
.gridViewFooter { font-family:Verdana; font-size:11px; color:#00008b; background-color:#CBC5F7; vertical-align:middle; font-weight:bold; padding:5px; }

.gridViewRow td { padding:3px; }
.gridViewAltRow td { padding:3px; }
.gridViewHeader td { padding:3px; }
.gridViewSelRow td { padding:3px; }
.gridViewPager td { padding:3px; }
.gridViewFooter td { padding:3px; }