﻿html, body, #leftnav ul, .popupMenu ul {
	padding: 0px;
	margin: 0px;
}
body {
	background: #919fb4 url(images/bg.gif) repeat-x;
	font: 13px Arial, Helvetica, sans-serif;
	color: #343434;
	padding: 0px 12px;

   scrollbar-face-color:#a0a9b1;
   scrollbar-arrow-color:#fff;
   scrollbar-track-color:#e6e6e6;
   scrollbar-shadow-color:#a5a5a5;
   scrollbar-highlight-color:a5a5a5;
   scrollbar-3dlight-color:#a5a5a5;
   scrollbar-darkshadow-color:#777;

}
.iframeBody {
	background: #fff;
	padding:0px;
	margin:0px;
}
.iframeBody form
{
	padding:0px;
	margin:0px;
}

.popupBody {
	background: #fff;
	font-size:12px;
}
.popupBody .commonControl,.popupBody  input,.popupBody  select,.popupBody  option,.popupBody  textarea
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
}

img {border: none;}
a {color: #37424b;}
a:hover {text-decoration:none; }
strong, H4{color:#37424b; font-weight:bold;}

.label {font-size:11px;}
.errorLabel {color: #f00;}

/* headers style */
.header td.label{color: #FFF;} 
.header td.label a {color: #A5AEB6;}
.header td.label a:hover {color: #FFF; }


h1 
{
	color:#6493B5;
	font-weight: normal;
	font-size: 24px;
}

#topnav {
	height: 34px;
	line-height: 34px;
	padding: 0px 5px 0px 160px;
	font-size: 13px;
	font-weight: bold;
	color:#37424B;
}
#topnav span { padding: 0px 10px; }
#topnav a{color:#37424B; font-weight:normal}

 
#leftnav {
	width: 157px;
	vertical-align: top;
	background: url(images/leftnav.gif) right repeat-y;
}
#leftnav ul, .popupMenu ul {
	list-style: none;
}

#leftnav li {
	height: 31px;
	line-height: 25px;
	padding-left: 10px;
	background: url(images/leftnav_li.png) no-repeat top left;
	cursor: default;
}
#leftnav li a{color:#37424B; text-decoration: none; cursor: default;}

.popupMenu
{
	background-color: #ffffff;
	border:1px solid #a5aeb6 ;
}
.popupMenu ul { font-size:12px;}
.popupMenu ul li, 
.popupMenu li.press {
	background: #fff; padding:5px; height: auto; line-height:normal;
 }
.popupMenu li.press {padding:6px 4px 4px 6px;} 


#leftnav li.press {
	padding-left: 11px;
	padding-top: 1px;
	height: 30px;
}
#leftnav li.current, #leftnav li.current:hover {
	background-image: url(images/leftnav_li_current.png);
}
#leftnav li:hover {
	background-image: url(images/leftnav_li_hover.png);
}

/* search form styles */
#search_form {
	background: url(images/search_form.gif) no-repeat top right;
	padding-left: 9px;
	height: 130px;
	margin-top: 0px;
}
#search_form p {
	margin: 0px;
	padding: 8px 0px 12px 3px;
}
#search_form .txt {
	width: 130px;
	color: #57626b;
	font-size: 11px;
	padding-left: 5px;
	border: 1px solid #BCCDF0;
}
#search_form strong{
	color:#ee9d1a;
}

.left_top_content {background: url(images/left_top_content_corner.png) no-repeat top left;}
#content {vertical-align: top; background: #fff; padding: 10px 14px 20px 20px;}
.content_shadow {background: url(images/content.png) repeat-y; width: 6px;}
.bottom_shadow {background: url(images/bottom_shadow.png) no-repeat top left;}


#copy {
	padding: 14px 0px 10px 157px;
	color:#47525b;
	border-top:solid 1px #fff;
	margin:5px 5px 0px 5px;
}
#copy a { color: #47525b; }

/* ----------- Table styles ----------- */
.grid {
	border-collapse: collapse;
	border: 1px solid #d3d3d3;
}
.grid > td {
	border: 1px solid #d3d3d3;
}
.grid .even {
	background: #ececec;
}
.grid th {
	color: #fff;
	text-align: left;
	padding: 4px;
	background: #1b4079;
	border: none;
}

/* ----------- Controls ------------ */
.commonControl, input, select, textarea 
{
	border: solid 1px #d3d3d3;
}
.commonControl, input, select, option, textarea
{
	font-size:11px;
}
input[type="text"], input[type="password"]
{
	height: 22px !important;
	line-height: 22px;
	padding-top: 0px;
	padding-bottom: 0px;
	vertical-align:middle;	
}

.chbList
{
	overflow:auto; 
	border: solid 1px #d3d3d3;
	width: 95%;
	height:220px;
	background-color:#ffffff;
	font-size: 11px;	
	font-family:Arial, Times New Roman, Courier New;
	font-weight:normal;
	padding:0px;
	margin:0px;
}
.chbList input, .chbInput, .chbAspInput input
{
	border: 0px;
	height:auto;
	color:Green;
}

	
.dropDownContainer
{
	background-color: white; 
	cursor: default; 
	position: absolute; 
	z-index: 3;
	margin: 0px; 
	padding:0px;
	border:solid 1px #a5aeb6;
	font-size:11px;
}
.dropDownContainer TD
{
	padding:2px 5px 3px 5px; 
	color:#343434;
}

.hoverDropDownItem TD
{
	background-color:#57626b;
	color:White;
}
.dropDownSearchDialog
{
	background-color:#fff;
	border:solid 1px #DCE0E6;
	padding:2px;	
	color:#24406A;
}

/*this style for highlight spec. disabled controls*/
.grayOutControl{ background-color:#f0f0f0;}

/* ----------- Headers ------------ */
.HPanel1
{
	background-color: #57626b; 
	font-size:12px;
	color:White;
}
.HPanel1 SPAN
{
	font-weight:bold;
	color:#a5aeb6;
}

H2, H3, H4, .ErrorMessageH4
{
	font-weight:bold;
	text-decoration: none;
	padding:0px;
	margin:0px;
}

H2{ font-size:16px; color: #6493B5;	}
H3{ font-size:13px; color:#37424b; }
H4, .ErrorMessageH4{ font-size: 12px; color: #57626b; }
H5{ font-size: 13px; font-weight:normal; padding:0px; margin:0px;}

.stdLabel
{
	font-size: 13px;
	font-weight:normal;
	padding:0px;
	margin:0px;
}

.ErrorMessageH4
{
	background-color:#d2d6da;
	color:Red;	
	padding:2px 5px 2px 5px;
}

/* ----------- Table with rounded corner ------------ */
.letfTopCorner
{
	background-image:url(images/LeftTop.png);
	background-position:top left;
	background-repeat:no-repeat;
	width:15px;
	height:15px;
}
.rightTopCorner
{
	background-image:url(images/RightTop.png);
	background-position:top right;
	background-repeat:no-repeat;
	width:15px;
	height:15px;
}
.letfBottomCorner
{
	background-image:url(images/LeftBottom.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	width:15px;
	height:15px;
}
.rightBottomCorner
{
	background-image:url(images/RightBottom.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	width:15px;
	height:15px;
	
}
.verticalLeftBorder
{
	background-image:url(images/vLeftBorder.gif);
	background-position:top left;
	background-repeat:repeat-y;
	width:15px;
}
.verticalLeftBorder DIV{ width:15px;}
.verticalRightBorder
{
	background-image:url(images/vRightBorder.gif);
	background-position:top left;
	background-repeat:repeat-y;
	width:15px;
}
.verticalRightBorder DIV{ width:15px;}
.horizontalTopBorder
{
	background-image:url(images/hTopBorder.png);
	background-position:top left;
	background-repeat:repeat-x;
	height:15px;
}
.horizontalBottomBorder
{
	background-image:url(images/hBottomBorder.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
	height:15px;
}
.letfInnerCorner
{
	background-image:url(images/LeftInner.gif);
	background-position:top left;
	background-repeat:no-repeat;
	width:15px;
	height:15px;
}

.horizontalTopBorder h4 
{
	background: #fff;
	float: left;	
}

/* !!! NEW rounded corner styles */
.set 				 	{background: url(images/bg-set.png) repeat-x bottom;}
.leftTopCorner2 	 	{background: url(images/corners.png) no-repeat 0px 7px;}
.leftTopCorner2 h4		{background: #fff; float:left; margin-left:10px;}
.rightTopCorner2		{background: url(images/corners.png) no-repeat 100% 7px;}
.verticalLeftBorder2	{background: url(images/leftBorder.png) repeat-y left;}
.verticalRightBorder2	{background: url(images/rightBorder.png) repeat-y right;}
.letfBottomCorner2  	{background: url(images/corners.png) no-repeat bottom left;}
.rightBottomCorner2 	{background: url(images/corners.png) no-repeat bottom right;}

/* additional styles */
.narrow 			 {width: 1%;}
.bind 			 {background: url(images/bind.png) no-repeat top right;}


/* CustomImageButton styles */
.HPanel1 .centerRest span,
.HPanel1 .centerHover span,
.HPanel1 .centerPressed span,
.HPanel1 .centerDisabled span{ color:#000;}

.centerRest
{
	height: 25px;
	background: url(images/button.png);
	background-position: 0px -25px;
	padding-left: 1px;
	padding-right: 1px;
}
.centerHover
{
	height: 25px;
	background: url(images/button.png);
	background-position: 0px -100px;
	padding-left: 1px;
	padding-right: 1px;
}
.centerPressed
{
	height: 25px;
	background: url(images/button.png);
	background-position: 0px -175px;
	padding-left: 1px;
	padding-right: 1px;
}
.centerDisabled
{
	height: 25px;
	background: url(images/button.png);
	background-position: 0px -250px;
	padding-left: 1px;
	padding-right: 1px;
}
.leftRest
{
	height: 25px;
	background: url(images/button.png);
	background-position: 0px 0px;
}
.leftHover
{
	height: 25px;
	background: url(images/button.png);
	background-position: 0px -75px;
}
.leftPressed
{
	height: 25px;
	background: url(images/button.png);
	background-position: 0px -150px;
}
.leftDisabled
{
	height: 25px;
	background: url(images/button.png);
	background-position: 0px -225px;
}
.rightRest
{
	height: 25px;
	background: url(images/button.png);
	background-position: 0px -50px;
}
.rightHover
{
	height: 25px;
	background: url(images/button.png);
	background-position: 0px -125px;
}
.rightPressed
{
	height: 25px;
	background: url(images/button.png);
	background-position: 0px -200px;
}
.rightDisabled
{
	height: 25px;
	background: url(images/button.png);
	background-position: 0px -275px;
}

/* download forms */
.downloadForms {height: 350px; overflow: scroll; width: 500px;}
.downloadForms table {border-collapse: collapse;}
.downloadForms td, .downloadForms th {border: 1px solid #71a9d8;}
.downloadForms th {background: #c9dbf0;}
.downloadForms .odd {background: #fff;}
.downloadForms .even {background: #e9f1f9;}

/* progress bar */
#progrDiv 
{
	width: 100%; 
	height: 18px; 
	border: solid 1px #37424b; 
	position: relative;
	padding: 1px;
}
#innerProgrDiv 
{
	height:100%; 
	width:0px; 
	border:none; 
	background-color: #c0c8cb;	
}

/* webeditor fixes */
#txtHtmlBody_tw {border: none !important; height: auto !important; overflow: visible; display: block; }
/*#txtHtmlBody_tw {border: none !important; width: auto !important; height: auto !important; overflow: visible; display: block; } */
/*#txtHtmlBody_tw font {border: 1px solid #fff;} - border must be none, it cut piece at letters*/

/* Dynamically size Telerik grids based on PageSize */
.radGrid .rgDataDiv {
	height: auto !important;
}

.radHeader{
    background: #2c476f !important;
    background-color: #2c476f !important;
    background-image:none !important;
}
    .radHeader a{
	font-weight:bold !important;
    color: #ffffff !important;
}

/* Used for styling PESubTabChooser controls */

#tabMenu {
	height: 26px;
}

.subTabChooser {
	display: inline; 
	font-weight: bold; 
	font-size: 13px; 
	padding: 2px 8px 2px 8px; 
	margin: 10px;
	background-color: aliceblue; 
	border: 1px dotted;
}

.RadPicker table.rcTable td {
	background-color: #a5aeb6;
}

.peHeader {
    font-weight: bold;
    font-size: 15px;
    color: #a5aeb6;
}