/*********************************************************

	Styles for the Loansome DOC homepage
	
**********************************************************/
body {
	margin:10px 10px 0px 10px;
	padding:0px;
	font-size:76%;
	font-family:verdana,arial,helvetica,sans-serif;
}
a:link {
	color:#336699;
}

div.clear {
	clear:both;
}	
span.help {
	padding:3px;
	color:white;
	font-weight:bold;
	background:#5889D2;
}
form {
	margin:0px;
	padding:0px;
}
/* generic class for forcing text to be non-bold/italic */
.plain {
	font-style:normal;
	font-weight:normal;
}	
/********************************
	Top level positioning Syles 
********************************/
#centerWrap {
	width:760px;/********************************
	Top level positioning Syles 
********************************/
	margin:0px auto 0px auto;
	position:relative;
}


#body{
	position:relative;
	width:100%;
	background:url(../../../images/admin/login/backgrou.jpg) bottom left no-repeat;
	float:left;
	margin-bottom:5px;	
}
#left {
	width:476px;
	/*position:relative;
	height:350px;*/
	background:url(../../../images/admin/login/big_back.jpg) no-repeat;
	float:left;
	padding:0px;
}
#right {
	/*position:absolute;
	top:0px;
	left:475px;*/
	
	border-left:1px solid white;
	float:left;
	width:264px;
	w\idth:263px; /* box model hack to provide correct width to newer browsers */
}



/* Contains the NLM Title */
#nlmTitle {
	color:white;
	background: url(../../../images/admin/login/corner_g.gif) bottom left no-repeat #333;
	margin:0px 0px 5px 0px;
	font-weight:bold;
	width:673px;
}
	#nlmTitle p {
		margin:0px;
		text-align:right;
		padding:0px 5px 4px 0px;
		font-size:.9em;
		background: url(../../../images/admin/login/corner_h.gif) bottom right no-repeat;
	}
	#nlmTitle div.top{
		background: url(../../../images/admin/login/corner_i.gif) right top no-repeat;
		display:block;
		width:100%;
	}
	#nlmTitle a {
		color:white;
		text-decoration:none;
	}
		#nlmTitle a:hover {
			text-decoration:underline;
		}
/* contains the NLM logo */
#nlmLogo {	
	z-index:50;
	position:absolute;
	top:5px;
	left:688px;
}
/********************************
	Layer Syles 
********************************/
#logo {
	/*position:absolute;
	position:relative;
	top:55px;
	left:77px;*/
	padding:55px 0px 0px 77px;
}
	#logo p {
		color:white;
		font-weight:bold;
		font-size:1.1em;
		margin-top:5px;
	}
#mainContent {
	/*position:absolute;
	position:relative;
	top:160px;
	left:0px;*/
	color:white;
	font-size:1em;
	width:476px;
}
/** Layer containing system messages **/

#systemMessages{
	background:url(../../../images/admin/login/corner_s.gif) top left no-repeat ;
	margin: -10px 0px 10px 30px;
	color:white;
	padding:0px;
	float:left;
	width:416px;
}
	* html #systemMessages {
		margin:0px 0px 0px 20px;
		width:401px;
	}
	/* 2nd wrapper div */
	#systemMessages div {
		background:url(../../../images/admin/login/corner_s.gif) top right no-repeat ;
	}
		#systemMessages div div {
			background:url(../../../corner_s.gif) bottom left no-repeat ;
			
		}
		/* innermost wrapper div */
		#systemMessages div div div{
			
			background:url(../../../corner_s.gif) bottom right no-repeat;
			padding:10px;
		}
	#systemMessages h2 {
		font-size:1em;
		margin:0px 0px .5em 0px;
	}
	#systemMessages h3 {
		font-size:.9em;
		margin:0px;
	}
	#systemMessages p {
		margin:5px 0px 5px 0px;
		font-size:.8em;
	}


	#systemMessages a { color: #ffc; }
	#systemMessages a:visited { color: #fff; }

/** Layer containing the login form and welcome info **/

#login {
	/*position:absolute;
	top:160px;
	left:0px;
	color:white;
	width:476px;*/
	margin-top: 30px;
	clear: left;
}	
	#login form {
		margin-left:77px;
	}
	#login p {
		font-size:1em;
		/*width:350px;*/
	}
	#login p.forgot {
		padding-left:95px;
		margin-top:3px;
	}
	#login input.text {
		border:1px solid black;
		width:125px;
		padding-left:2px;
	}
	#login input.button {
		background:#3D5F91;
		color:white;
		border:1px solid #BCCADE;
		font-size:.8em;
		padding:1px 8px 1px 8px;
		margin-left:10px;
	}
	#login input.imgbutton {
		margin: -.2em 0 0 10px;
		vertical-align:middle;
		
	}
	#login .row {
		clear:both;
		display:block;
		padding-bottom:3px;
	}
	#login label {
		color:white;
		font-weight:bold;
		font-family:helvetica,arial,sans-serif;
		width:90px;
		float:left;
		text-align:right;
		line-height: 1.8em;
		padding: 0 5px 0 0;
	}
	#login a:link {
		color:#FFFFCC;
		font-size:.9em;
	}
		#login a:visited {
			color:white;
		}
		#login a:hover {
			color:#FFFFCC;
		}
/** Layer containing the signup link **/		
#signup {
	padding-top:10px;
	padding-bottom:25px;
	text-align:center;
}
#signup p {
	width:476px;
	font-weight:bold;
	color:#D4E0F2;
	margin:0px;
}
#signup a:link {
	color:#FFFFCC;
	font-size:1.4em;
}
	#signup a:visited {
		color:#FFFFCC;
		font-size:1.4em;
	}
	#signup a:hover {
		color:#FFFFCC;
	}
/* side navigation links */	
#nav {
	margin-top:0px;
	margin-bottom:0px;
	border-top:2px solid white;
	border-bottom:2px solid white;
	background:url(../../../corner_d.gif) bottom right no-repeat #4A70A8;
}
	#nav div {
		background:url(../../../corner_e.gif) top left no-repeat;
	}
	#nav div div{
		background:url(../../../corner_f.gif) top right no-repeat;
	}
	#nav ul {
		list-style:none;
		margin:0px;
		padding:9px 22px 9px 22px;
		background:url(../../../corner_j.gif) bottom left no-repeat;
	}
	#nav li {
		padding:4px;
		border-top:1px solid #7794BE;
		font-size:.9em;
		font-weight:bold;
	}
		#nav li.first {
			border:none;
		}
	#nav a:link {
		color:#FFFFCC;
		text-decoration:none;
	}	
		#nav a:visited {
			color:#FFFFCC;
			text-decoration:none;
		}
		#nav a:hover {
			text-decoration:underline;
		}

/* more info panel */
#moreInfo {
	clear:both;
	color:white;
	border-bottom:2px red;
	/*background:url(../images/home/corner_purple_RB.gif) bottom right no-repeat #666699;*/
	/* this was commented out -- added line below back in to address the issue of the vertical spacing when login message was too long
	*/
	background:#666699;
}
	#moreInfo div{
		background:url(../../../corner_p.gif) top left no-repeat;
	}
	#moreInfo div div{
		background:url(../../../corner_q.gif) top right no-repeat;
	}
	#moreInfo div div div{
		/*background:url(../images/home/corner_purple_LB.gif) bottom left no-repeat;*/
		padding:22px 23px 23px 23px;
	}
	#moreInfo h2 {
		font-size:1em;
		margin:10px 0px 0px 22px;
	}
	#moreInfo ul {
		padding:0px;
		margin:0px 0px 0px 40px;
	}
	#moreInfo li {
		margin-bottom:.2em;
	}
	#moreInfo p{
		margin:10px 0px 0px 40px;
	}
	#moreInfo a:link {
		color:#FFFFCC;
		font-weight:bold;
	}
		#moreInfo ul a:link {
			font-weight:normal;
		}
		#moreInfo a:visited {
			color:#FFFFCC;
		}
		#moreInfo a:hover {
			color:#FFFFCC;
		}		
/********************************
	Footer Syles 
********************************/

/* Page footer */
#footer {
	clear:both;
	border-top:4px solid #999;
	padding-top:5px;
	color:#666;
	font-size:.8em;
	width:740px;
	height:100%;
}
#footer .left {
	float:left;
	padding-left:15px;
}
#footer .right {
	float:right;
	padding-right:5px;
}

/* STyles to reveal formatting 
*[class] {
	border:2px solid #BD1627;
}
*[class]:before { 
	background-color: #BD1627 ! important; 
	color: white ! important; 
	content: "." attr(class) ! important;
	font-size:12px;
	font-weight:normal;
}
*[id] {
	border:2px solid #B8F63D;
}
*[id]:before { 
	background-color: #B8F63D ! important;
	color: black ! important; 
	content: "#" attr(id) ! important; 
	font-size:12px;font-weight:normal;
}
*[id][class] {
	border:2px solid #B8F63D;
}
*[id][class]:before { 
	background-color: #B8F63D ! important; 
	color: black ! important; 
	content: "." attr(class) ! important; 
	font-size:12px;font-weight:normal;
}
*/