/* CSS Document */

@import url(core.css);

html, body {
	height: 100%;
}
body {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background: #fafafa url(../../assets/images/bg_main.jpg) repeat-x 50% 50%;
}
body.authenticate #inner {
	background: transparent url(../../assets/images/authentication_area.png) no-repeat 50% 50% !important;
}
body.subpage, body.subpage #inner {
	background-image: none !important;
	background-color: #fff !important;
}
body.subpage {
	font: normal 12px/1.2em Arial, Helvetica, sans-serif;
}
body.subpage p {
	font-size: 12px;
	line-height: 1.5em;
	margin: 0 auto !important;
	display: block;
	width: 550px;
	text-align: left;
}
body.subpage #footer p {
	text-align: center !important;
	font-size: 10px;
	padding-bottom: 20px !important;
}
.external hr {
	margin-top: 20px !important;
}
.external h4 {
	font-size: 14px;
	margin: 30px auto 5px;
	color: #195B8A;
	display: block;
	width: 570px;
	text-align:left;
	border-bottom: 2px solid #195B8A;
}
.external a {
  font: bold 12px/1.2em Arial, Helvetica, sans-serif;
  margin-bottom: 3px;
  border-bottom: 0px dotted #777;
  color: #0140A5;     
  text-decoration: none;         
  /* font: normal 12px/1.2em Arial, Helvetica, sans-serif; */
}

.external a:hover{
  border-bottom: 1px dotted #777;
}

body.subpage form { 
	margin: 20px auto !important;
	width: 550px;
	padding: 20px 0;
	border: 1px solid #195B8A;
	background-color: #f0f4fb;
}
p.formitem {
	padding-left: 75px !important;
	width: auto;
}
p.formitem img {
	margin-top: 15px;
	margin-left: 270px;
	border: 1px solid #195B8A;
	text-align: right;
}
img.owalogin {
	border: 1px solid #195B8A;
    margin: 5px 20px 0px 20px;
}

/** The next three divs are used to horizontally and vertically center the login on the page regardless of dimensions **/
	#outer{
		height:100%;
		width:100%;
		display:table;
		vertical-align:middle;
	}
	#container {
		text-align: center;
		position:relative;
		vertical-align:middle;
		display:table-cell;
		height: 470px;
		width: 100%;
	}
	#inner {
		width: 899px;
		background: transparent url(../../assets/images/login_area.png) no-repeat 50% 50%;
		height: 470px;
		text-align: center;
		margin-left:auto;
		margin-right:auto;
	}

/** All elements inside the #outer div **/
		p {
			vertical-align: baseline;
			font: normal 9px/9px Verdana, Arial, Helvetica, sans-serif;
			color: #333;
		}

/** All elements inside the #inner div **/
		#inner h1 {
			width: 275px;
			height: 111px;
			background: transparent url(../../assets/images/network_alliance_logo.jpg) no-repeat;
			text-align: center;
			margin:0 auto;
			padding:0 0;
		}
		#inner h1 span {
			position: absolute; 
			display:none; 
			left: -300em; 
			width: 100em
		}
		#inner input[type="text"], #inner input[type="password"], input.loginField {
			background-color: #fff;
			border: 1px solid #195B8A;
			height: 21px;
			width: 162px;
			font: normal 14px/18px Arial, Helvetica, sans-serif;
		}
		#inner #authimg {
			margin-top: 80px;
		}
	/** Start form positioning **/
			/* IE 6 uses this one, ignored by IE 7 and others */
			* html form {
				margin-top: 98px;
			}			
			* html #username, 
			* html #password { 
				width: 159px; height: 20px; 
				vertical-align:bottom; 
				border: 1px solid #195B8A; 		
				margin-left: -98px;
				margin-top: 16px;
			}
			* html #submit {
				padding-top: 1px;
				vertical-align: top !important;
				margin-left: -37px;
				margin-top: 16px;
			}
		
			/* IE 7 uses this one, ignored by IE6 and others */
			form {
				margin: 72px 0 55px; padding:0;
			}

			/* margin and padding needs to be set to fix display issues in IE7 */
			#username, #password, #submit { 
				vertical-align: middle; !important; 
				margin-left: -37px;
				margin-top: 40px;
			}
			
			#username, #password {	margin-left: -98px;
				margin-top: 40px; }
			
			label {
				color: #195B8A;
				font: bold 11px/11px Arial, Helvetica, sans-serif;
			
				vertical-align: top;				
			}
			
			/* All other browsers Overrider that sets all browsers accordingly except IE 6 & 7 */ 
			*:lang(en) form {
				margin: 98px 0 60px !important;
			}
			*:lang(en) #username, *:lang(en) #password { vertical-align: bottom; !important;
				margin-left: -98px !important;
				margin-top: 16px;
			}
			
			*:lang(en) #submit {
				vertical-align: bottom !important;
				margin-top: 16px;
				margin-left: -37px;
			}
			
			*:lang(en) label {
				margin-left: 1px;
			}
			
			* html label {
				margin-left: 2px
			}
	/** End form positioning **/
		
	/** Secondary Links **/
		/** Unordered List styls **/
        ul .content{
			margin: 0; padding: 0;
		}
		ul.content, li.content {
			display: block;
			list-style: none outside none;
			font: normal 11px/20px Arial, Helvetica, sans-serif;
			color: #003F73;
		}
		/** List item, and anchor styles **/
		li .content{
			margin: 0 5px;
			padding-right: 6px;
            background-color: rgb(0,0,0);
		}        
		ul {
			margin: 0; padding: 0;
		}
		ul, li {
			display: inline;
			list-style: none outside none;
			font: normal 11px/20px Arial, Helvetica, sans-serif;
			color: #003F73;
		}
		/** List item, and anchor styles **/
		li {
			margin: 0 5px;
			padding-right: 6px;
			background: transparent url(../../assets/images/arrow.gif) no-repeat 100% 50%;
		}
       
		*:lang(en) li {
			background: none !important;
		}
		
			li:after {
				content: "  " url(../../assets/images/arrow.gif);
			}
		
			li a {
				color: #003F73;
			}
			li a:hover {
				color: #195B8A;
			}
td.form
{
  vertical-align: baseline; 
  font: normal 12px/15px Verdana, Arial, Helvetica, sans-serif; 
  color: #333;
  text-align: right;
  width: 50%;
}

p.contact_us
{
  width: 300px;
}

table.contact_us
{
  width: 645px;
  border: 0px solid #000000;
}

#password_change
{
  font: normal 10px/12px Verdana, Arial, Helvetica, sans-serif; 
  color: #333;
}
/*added for feedback report generation by Assyst on Nov 16, 2007 */
td.graphbg {
  background-color: #FFFFFF;
  padding: 1px 1px 1px 0px;
}
td.egraph {
  background: url(../../assets/images/excellent.jpg) repeat-x ;
}
td.ggraph {
  background: url(../../assets/images/good.jpg) repeat-x ;
}
td.agraph {
   background: url(../../assets/images/ave.jpg) repeat-x ;
}
td.sgraph {
  background: url(../../assets/images/sat.jpg) repeat-x ;
}
td.pgraph {
  background: url(../../assets/images/poor.jpg) repeat-x ;
}