/* 
This is the INDEX/LOGIN layout stylesheet for Anso Advantage v3. This contains all
style definitions used for index page layout and design.
*/



html, body {
    height: 100%;
}

body {
	background: #514836;
	margin: 0;
    padding: 0;
    text-align: center;
	font-family: Arial, Helvetica, sans-serif; font-weight: normal; 
	font-size: 11px; line-height: 14px;		
	color: #333333;	
}

div {					
	font-size: 11px;
	line-height: 14px; 
}	

#pageWrapper {
    position: relative;
    margin: 0 auto; 
	padding:0px;		/* *** DMS - remove for real layout!! ***/
  	text-align: left;
    width: 975px;	
    min-height: 100%;
    height: auto;		
	background-color: #514836;
	border: 0px solid #FF0000;
}
/* Hack for IE */
* html #pageWrapper {
    height: 100%;
}
/* End IE Hack */ 

#tableWrapper {
	width: 975px;
	height: 652px;
	margin-top:-326px;
	position:absolute;
	top:50%;
	background-color: #695E4A;
}

#shadowTop {
	width: 945px;
	height: 15px;
	position: absolute;
	top: 0px; left: 15px;	
	background: #514836 url(../../graphics/layout2009/index/screen_top.gif) repeat-x left bottom;
}

#topLeftCorner {
	width: 15px;
	height: 15px;
	position: absolute;
	top: 0px; left: 0px;
}

#topRightCorner {
	width: 15px;
	height: 15px;
	position: absolute;
	top: 0px; right: 0px;
}

#shadowBot {
	width: 945px;
	height: 15px;
	position: absolute;
	bottom: 0px; left: 15px;	
	background: #514836 url(../../graphics/layout2009/index/screen_bottom.gif) repeat-x left bottom;
}

#botLeftCorner {
	width: 15px;
	height: 15px;
	position: absolute;
	bottom: 0px; left: 0px;
}

#botRightCorner {
	width: 15px;
	height: 15px;
	position: absolute;
	bottom: 0px; right: 0px;
}

#shadowLeft {
	width: 15px;
	height: 622px;
	position: absolute;
	top: 15px; left: 0px;	
	background: #514836 url(../../graphics/layout2009/index/screen_left.gif) repeat-y left top;
}

#shadowRight {
	width: 15px;
	height: 622px;
	position: absolute;
	top: 15px; right: 0px;	
	background: #514836 url(../../graphics/layout2009/index/screen_right.gif) repeat-y left top;
}

#indexContent {
	position: absolute;
	top: 15px; left: 55px;
	width: 860px;
	height: 622px;
	border: 0px solid #FFCCCC;
}

#header {
	position: absolute;
	top: 0px; left: 0px;
	height: 130px; width: 860px;
	margin:0;
	padding:0;
	border-bottom: 0px solid #968572;
	overflow:hidden;
}

#logos {	height:130px; width:393px; 
			position: absolute;
			top: 0; left: 0; }
#ansoLogo {	height:130px; width:393px; }


#headerRight {	height:130px; width:467px; 
				position: absolute;
				top: 0; right: 0;}

#nylonLogo {	height:88px; width:132px; 
				position: absolute;
				top: 0; right: 0;}

#headerLinks { 	height:28px; width:467px; 
				padding:24px 0px 0px 0px;
				text-align:right; 
				position: absolute;
				bottom: 0; right: 0; }
	
	
.indexTopLink a:link, .indexTopLink a:visited, .indexTopLink a:active {
	background: url(../../graphics/layout2009/index/arrow_utility.gif) no-repeat 0 0;
	color: #CFBFA2;
	padding: 0 10px 0 12px;
	text-decoration: none;
}
.indexTopLink a:hover {
	color: #FFFFFF;
}

#loginForm {
	width: 188px; 
	height: 387px; 
	padding: 0px 34px 0 34px;
	position: absolute;
	top: 130px; left: 0px;	
	background: url(../../graphics/layout2009/index/screen_login.gif) repeat-x top left scroll;
	overflow: hidden;
}

.loginHeader {
	color: #FFFFFF;
	font-size: 28px; line-height: 28px;
	padding: 16px 0 0 0;
}

.loginGroup {
	margin: 7px 0 2px 0;	
}

input {
	color: #333333;
	font-size:11px;
	margin:0;
	
}

div.form {
	width: 188px;	
}
input.form {
	width: 123px;
}
input.image {
	float: right;
	width: 49px;
	position: relative;
	bottom: -4px;
}

label {
	color: #FFFFFF;
	font-size:11px;
}

#getAAAnum {
	color: #CFBFA2;
	padding: 6px 0 6px 0;
}
#getAAAnum a {
	color: #CCCCCC;
	text-decoration: none;
	font-weight: bold;
}
#getAAAnum a:hover {
	color: #FFFFFF;
}

#badLogin {
	position: absolute;
	top: 326px;
	left: 34px;
	font-weight: bold;
	color: #FFFFFF;
	width: 140px;
}

#springPromo {
	width: 188px; height: 190px;
}


#indexPromo {
	width: 612px; height: 387px;
	margin: 0; padding: 0;
	position: absolute;
	top: 130px; right: 0px;
	z-index: 1;
}


#indexShawLogo {
	width: 113px; height: 87px;
	position: absolute;
	bottom: 0px; right: -15px;
}

#indexGreenLogo {
	width: 198px; height: 87px;
	position: absolute;
	bottom: 0px; left: -15px;
}

#indexFooterLinks {
	position: absolute;
	bottom: 20px; left: 35px;	
}

.indexFooter {  			font-size: 10px; color: #CFBFA2; }
.indexFooter a:link {  		color: #CFBFA2; text-decoration: underline; padding:0px 3px 0px 3px; }
.indexFooter a:visited {  	color: #CFBFA2; text-decoration: underline; padding:0px 3px 0px 3px; }
.indexFooter a:active {  	color: #CFBFA2; text-decoration: underline; padding:0px 3px 0px 3px; }
.indexFooter a:hover {  	color: #FFFFFF; text-decoration: underline; padding:0px 3px 0px 3px; }


#clearFloats {			
  clear:both; 
}



#printHeader {
	position:absolute; top:12px; left:0px; width:952px;
	margin:0px 25px 0px 25px;
	font-size: 14pt; font-weight: bold; color: #5F5542; 	
	border-bottom: 4px solid #5F5542; z-index:4;
	visibility:hidden;
}