/* CSS Document */
html
{
	height: 50%;
	padding: 0;
	margin: 0;
}
form
{
	padding: 0;
	margin: 0;
}
body
{
	margin: 0;
	padding: 0;
	font: 11pt tahoma;
	color: #393939;
}
.tableHeader
{
	border: 1px solid #463E6F;
	background-color: red;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 10px;
	font-weight: bold;
}
a
{
	text-decoration: underline; /*color:#014D92;*/
	color: #333;
}
.flatControl
{
	border: 1px solid Black;
	font-family: Verdana;
		font-size: 8pt;
	height: 89px;
}
.print-container .title
{
	background-color: #04a9d2;
	font-size: 12px;
	padding: 3px 0 3px 10px;
	margin: 0 10px 10px 0;
	clear: both;
	color: #FFFFFF;
	font-weight: bold;
}
.print-container p
{
	padding: 0px 4px 10px 4px;
}
.print-container
{
	width: 700px;
	margin: 20px 0 0 20px;
	background-color: #FFFFFF;
	border: 1px solid #04a9d2;
	padding: 0 0 10px 10px;
}

a:hover
{
	text-decoration: none;
	color: #2983BF;
}

.modalBackground
{
	background-color: gray;
	filter: alpha(opacity=90);
	opacity: 0.500;
}


h4
{
	padding: 8px 0 0 7px; /*background-color:#F2F5F7; 	border:#909AA6 1px solid;*/
	color: #E8112D;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	vertical-align: middle;
}
/*img
{
	border-style: none;
	border-color: inherit;
	border-width: 0;
	text-align: left;
	height: 38px;
	width: 39px;
}*/

.wrapper
{
	margin: 0 auto;
	width: auto;
}


.header
{
	height: 85px;
}
.logo
{
	float: left;
	margin-left: 5px;
	margin-top: 5px;
	/*width: 35px;
	height: 50px;*/
}
.admin-section
{
	float: right;
	font-size: 14px;
	color: #000000;
	margin: 0px;
	padding: 0px;
	text-align: right;
	margin-top: 40px;
	font-weight: bold;
	width: 200px;
}
.logout
{
	float: right;
	padding-right: 10px;
	margin-top: 10px;
	font-weight: bold;
	text-align: right;
	width: 200px;
	margin-left: 46px;
}
.heading
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	background-color: #2288c6;
	font-weight: bold;
	background-position: center;
	width: 100%;
	padding: 3px 0 3px 3px;
}
.note-details
{
	font-size: 10px;
	color: Black;
	font-weight: normal;
}
.logout a
{
	color: #3F3F3F;
}
.logout a:hover
{
	text-decoration: none;
	color: #3F3F3F;
}
.submit
{
	border-style: none;
	border-color: inherit;
	border-width: medium;
	background-color: #BD1604;
	color: #FFFFFF;
	font-weight: bold;
	margin-top: 1px;
}
.submit:hover
{
	background-color: #666;
}

.MenuItem
{
	font-size: 8pt;
	color: Black;
	font-family: Verdana;
}

.headingBar
{
	background-color: #2288C6;
	border-top: #FFFFFF 1px solid;
	clear: both;
	height: 30px;
}
.menus
{
	background-color: AliceBlue;
	border-top: #FFFFFF 1px solid;
	clear: both;
	height: 30px;
}
.menus:after
{
	content: "(.)";
	clear: both;
	height: 0px;
	visibility: hidden;
	display: block;
}
.menus ul
{
	margin: 0;
	padding: 0 10px;
	list-style: none;
}
.menus ul li
{
	display: block;
	float: left;
}
.menus ul li a
{
	display: block;
	text-decoration: none;
	padding: 8px 10px 9px 10px;
	border-right: 1px solid #FFFFFF;
	color: #fff;
}
.menus ul li a:hover
{
	background-color: #336A93;
	color: #fff;
}
.menus ul li.focus a
{
	background-color: #336A93;
	color: #fff;
}


.welcome
{
	padding: 50px 0 10px 0;
	text-align: center;
	font-size: 18px;
	color: #333;
}
.login
{
	border: 1px solid #463E6F;
	background: #F9F9F9;
	width: 300px;
	margin: 0 auto;
	padding: 0px;
}

.login1
{
	border: 1px solid #463E6F;
	background: #F9F9F9;
	margin: 0 auto;
	padding: 0px;
}
.login .title
{
	color: #000000;
	background-color:#CCD1D1;
	padding: 6px 7px 5px 7px;
	margin: 0px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}
.login-details
{
	padding: 1px 1px;
}
.container
{
	padding: 0px 10px 40px 10px;
	min-height: 250px;
	height: auto !important;
	height: 250px;
	margin: 1px 0 0 0;
	clear: both;
}
.container:after
{
	content: "(.)";
	clear: both;
	height: 0px;
	visibility: hidden;
	display: block;
}
.Gridcontainer
{
	/* So the overflow scrolls */
	overflow: auto; /* Style */
	border: 1px solid black;
}
.Gridcontainer table th
{
	/* Keep the header cells positioned as we scroll */
	position: relative; /* Style */
	color: #F7F6F3;
	background: #5D7B9D;
	font-weight: bold;
	border-bottom: solid 1px #CCCCCC;
	text-align: center;
	padding-left: 5px;
}
.Gridcontainer table th a
{
	/* Style */
	color: #F7F6F3;
}
.Gridcontainer table tbody
{
	/* For alignment of the scroll bar */
	overflow-x: hidden;
}
.Gridcontainer table tbody tr td
{
	/* Style */
	color: #333333;
	background: White;
	border-bottom: solid 1px #CCCCCC;
	text-align: center;
	padding-left: 3px;
}
.left
{
	clear: both;
	float: left;
	width: 180px;
	padding: 10px 0 50px 0px;
	background: #E9ECEF;
}
.left p
{
	font-size: 12px;
	color: #FFF;
	background: #4586BE;
	padding: 7px 10px 7px 10px;
	margin: 0px;
	font-weight: bold;
}
.left ul
{
	margin: 0;
	padding: 4px 0 0 8px;
}
.left ul li
{
	height: auto !important;
	height: 0px /**/;
	margin-top: 1px;
	background: url(../images/arrow.gif) 3px 9px no-repeat;
	list-style: none;
}
.left ul li a
{
	padding: 5px 0 5px 15px;
	list-style: none;
	display: block;
	text-decoration: none;
	color: #4586BE;
}
.left ul li a:hover
{
	text-decoration: none;
	color: #4586BE;
	background: #FFFFFF url(../images/arrow-ho.gif) 3px 9px no-repeat;
}
.left ul li.focus a
{
	text-decoration: none;
	color: #4586BE;
	font-weight: bold;
	background: #FFFFFF url(../images/arrow-ho.gif) 3px 9px no-repeat;
}
.content
{
	float: left;
	width: 930px;
	height: auto;
	margin-left: 10px;
	margin-top: 10px;
}


table.table-bdr
{
	margin-bottom: 10px;
	padding: 0;
	border: 1px solid #AEB8C3;
}
table.table-bdr .grey
{
	background-color: #F5F5F5;
	margin: 0px;
	padding: 5px;
}
table.table-bdr .darkgrey
{
	background-color: #E9ECEF;
	margin: 0px;
	padding: 5px;
}
table.table-bdr th
{
	color: #333;
	background-color: #AEB8C3;
	text-align: center;
	padding: 5px;
	border-right: 1px #FFFFFF solid;
}
table.table-bdr th.no-border
{
	border-right: 1px;
}
table.table-bdr td
{
	margin: 0px;
	padding: 5px;
	border-top: 1px #FFFFFF solid;
	border-right: 1px #FFFFFF solid;
}

.footer
{
	clear: both;
	font-size: 10px;
	padding: 4px 5px 2px 10px;
	height: 24px;
	background: url(../images/bg-footer.jpg) repeat-x;
	color: #333;
	margin: 0px;
}
.footer p
{
	float: left;
	padding: 5px 0px 10px 10px;
	margin: 0px;
}
.footer span
{
	text-decoration: underline;
	color: #333;
}
.message
{
	font-weight: bold;
}
.errormessage
{
	color: Red;
	font-weight: bold;
}
.footer a:hover
{
	text-decoration: none;
}
.web
{
	padding: 5px 0px 10px 10px;
	margin: 0px 10px 0 0;
	float: right;
	width: 400px;
	text-align: right;
}
.footer-rt a
{
	padding: 5px 0px 10px 0px;
	margin: 0px 10px 0 0;
	color: #333;
	text-decoration: none;
}
.footer-rt a:hover
{
	text-decoration: underline;
}
.tabs
{
	width: 260px;
	height: 31px;
	margin-top: 10px;
	padding: 0px;
}
.tabs ul
{
	padding: 0px;
	margin: 0px;
	list-style: none;
}
.tabs ul li
{
	display: block;
	margin: 0px 2px 0 0;
	float: left;
	background-color: #336A93;
}
.tabs ul li a
{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	padding: 10px 25px 8px 16px;
	margin: 0px;
	display: block;
}
.tabs ul li a:hover
{
	text-decoration: none;
	background-color: #2288C6;
	display: block;
	color: #ffffff;
}
.tabs ul li.focus a
{
	text-decoration: none;
	background-color: #2288C6;
	display: block;
	color: #fff;
}
.title
{
	margin: 10px 0 10px 0px;
	padding: 8px 0 0 5px;
	color: #336A93;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}
.ValClass
{
	color: red;
	font-family: Verdana;
	font-size: 7pt;
	background-color: #FFCCFF;
}

.modaltable
{
	background-color: #FFFFFF;
}
span.mandatory-color
{
	color: #FF0000;
}
.input
{
	width: 250px;
	height: 12px;
	border: 1px #8A8989 solid;
}

.customCalloutStyle div, .customCalloutStyle td{
border: solid 1px Black;
background-color: #ffb2b2;
font-family: Arial;
font-size: 11px;
font-weight:bold;
color:black;
}

#pd span
{
	color: Red;
}

#pd
{
	/*background-color: Aqua;*/
}

.Dashboard
{
	border: 1px solid #463E6F;
	background: #F9F9F9;
	width: 350px;
	margin: 0 auto;
	padding: 0px;
}

.Dashboard .title
{
	color: #FFF;
	background-color: #2288C6;
	padding: 6px 7px 5px 7px;
	margin: 0px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}
.Dashboard-details
{
	padding: 4px 8px;
}