/* -----------------------Clinet Side CSS -  OSFNS final ------------------*/

/* -------------------------Container------------------*/

body {
	margin: 0px;
	font:12px arial, verdana, sans-serif;
	color: #435257;
	background-color: #FFFFFF;
	text-align: center;
}

div.content-align {
	text-align: left;
	border:none;
	height: 100%;
	width:auto;
	min-height:400px;
	margin: 8px 0 10 0;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 20px;
}


.white {
background:#FFF !important;
}

/* ------------------------------ css for OSFNS blocklevel elements -----------------------*/

p {
line-height:1.3em;
margin:6px 20px 6px 0;
font:12px Arial, Helvetica, sans-serif;
}
h1 {
	font:bold 20px Arial, sans-serif;
	color:#195695;   /* blue  */
	margin:10px 0 8px 0;
	line-height:1em;
}
h2 {
	font:bold 16px Arial, sans-serif;
	color:#e17d1a;    /*orange */
	margin:10px 0 8px 0;
}
h3 {
	font:bold 14px arial;
	margin:10px 0 10px 0;
	color:#80b44e;     /* green  */
}
h4 {
	font:bold 13px arial;
	margin:10px 0 10px 0;
	color:#195695;      /*Brite Blue */
}
h5 {
	width:auto;
	margin:0px;
	color:#25292c;
	font-size:12px;    /* darker Blue  */
}

/*---------------------------------------------------------------------------------------
            Table Style - Regular without border
---------------------------------------------------------------------------------------*/
table.padding
{
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: left;
}

table.padding td, table.padding th
{
	padding-top: 4px;
	padding-bottom: 4px;
}

table.width100 {width:100%;}

table.center {margin:0 auto 0 auto;}
table.right { float:right;}
table th.right {
	text-align:right;
	color:#435257;
}
table td.right {text-align:right;}
table td.center {text-align:center; margin:0 auto 0 auto;}
table td.loginreqd {color:#ce0a0a; font-weight:bold; font-size:150%; width:20px;}

/*-------------------------------------Login---------------------------------------------------*/
div.loginbox{
	width: 372px; /* - padding */
	height: 217px;
	background-color: #fff;
	background-image: url("../../Images/Dept-images/login.gif");       
	background-repeat: repeat-x;
	background-position: center center;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
    text-align: left;
}

div.login-error {
	height:30px;
	position:relative;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 9px;
	padding-bottom: 2px;
	padding-left: 10px;
}

.login {
	width: 475px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 0px;
}
div.details {
	background-image: url("../../Images/Dept-images/details_bkg.jpg");    				background-repeat: repeat-x;
	height: 40px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

div.details h1 {
	margin-left: 10px;
	font-size: 18px;
	padding-top: 0px;
	padding-left: 10px;
	margin-top: 0px;
}
div.details a {
	background-image: url("../../Images/Dept-images/help.gif");       
	background-repeat: no-repeat;
	background-position: center top;
	float: right;
	height: 18px;
	width: 16px;
	margin-right: 20px;
	padding: 0px;
	margin-top: 10px;
}

div.details a:hover {
	background-image: url("../../Images/Dept-images/help.gif");
	background-repeat: no-repeat;
	background-position: center bottom;
	float: right;
	height: 18px;
	width: 16px;
	margin-right: 20px;
	padding: 0px;
	margin-top: 10px;
}

/* ------------------------- login panel on the right side -------------------------*/
div.login {
float:right;
text-align:right;
width:auto;
color:#999;
font:11px Arial, Helvetica, sans-serif;
margin-top:0px;
margin-bottom:10px;
}

/*---------------------------------------------------------------------------------------
            Table Style - Regular without border
---------------------------------------------------------------------------------------*/

div.loginbox table {margin:0px 0 10px 0; border-collapse:collapse; font: normal 12px arial;
}
.loginbox table.width100 {width:100%;}

.loginbox table.center {
	margin-top: 65px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.loginbox table.right { float:right;}
.loginbox table th, #loginbox table td {padding:8px 8px;}
.loginbox table th {text-align:left; vertical-align:middle;  font-weight:bold;}
.loginbox table a:hover{ color:#000000;}
.loginbox table th.right {
	text-align:right;
	color:#435257;
}
.loginbox table td.right {text-align:right;}
.loginbox table td.rem {color:#999999;}
.loginbox table td.center {text-align:center; margin:0 auto 0 auto;}
.loginbox table td.loginreqd {color:#c44e33; font-weight:bold; font-size:150%; width:10px;}

.apppage table.result {width:100%;font: normal 12px Arial, Helvetica, sans-serif;}
.apppage table td.goback {float:right; width:150px;}
.records {color:#CC3333; font-weight:bold;}

/*---------------------------------------------------------------------------------------
           Login-Error Alert Message
---------------------------------------------------------------------------------------*/
.loginbox .msg {padding:5px; padding-left:30px;}

/*warning */
.loginbox .msg.warning {background:url("../../Images/Dept-images/ico-alert1.gif") 5px 50% no-repeat;}
.loginbox .msg.warning {
	border:1px solid #F89838;
	background-color: #f8f1c5; color:#993300;
	-webkit-border-radius: .4em;
	-moz-border-radius: 0.4em;
	border-radius: .4em;
	background-color: #ecd453;
}
	
/*---------------------------------------------------------------------------------------
       Error Messages
---------------------------------------------------------------------------------------*/	
.msg{padding:5px; padding-left:30px; font: bold 12px Arial; margin:8px auto 8px auto;}

/*warning */
.msg.warning {background:url("../../Images/Dept-images/ico-alert.gif") 5px 50% no-repeat;}

.msg.warning {border:1px solid #cc6600; background-color: #f3af42; color:#700e03;
	-webkit-border-radius: .4em;
	-moz-border-radius: 0.4em;
	border-radius: .4em;
background-color: #f8f1c5;
	color:#993300;}
	
/*warning */
.msg.error {background:url("../../Images/Dept-images/ico-error.gif") 5px 50% no-repeat;}

.msg.error {border:1px solid #DF0000; background-color:#f7e3dd; color:#DF0000;
	-webkit-border-radius: .4em; 
	-moz-border-radius: .4em;
	border-radius: .4em; }
	
/*success */
.msg.success {
	background-image: url("../../Images/Dept-images/delta.gif");
	background-repeat: no-repeat;
	background-position: 5px 50%;
}
.msg.success {border:1px solid #5cb526;background-color:#e0f5d2; color:#21ac16;
	-webkit-border-radius: .4em; 
	-moz-border-radius: .4em;
	border-radius: .4em; }
	
/*Info */
.msg.info {background:url("../../Images/Dept-images/info.gif") 5px 50% no-repeat;}
.msg.info {
	border:1px solid #81aacc;
	background-color:#c9e6f4;
	color:#195695;
	-webkit-border-radius: .4em;
	-moz-border-radius: .4em;
	border-radius: .4em;
	font-family: Arial, Helvetica, sans-serif;
}
	
/* --------------- help --------------*/

div.help a {
	background-image: url("../../Images/Dept-images/help.gif");
	background-repeat: no-repeat;
	background-position: center top;
	width:16px;
	height:18px;
	margin-right:0px;
	margin-bottom:0;
	float: right;
	margin-left: 10px;
}

div.help a:hover {
	background-image: url("../../Images/Dept-images/help.gif");
	background-repeat: no-repeat;
	background-position: center bottom;
	width:16px;
	height:18px;
	margin-right:0px;
	margin-bottom:0;
	float: right;
	margin-left: 10px;
}

/*Images */

a img {
border:none;
}