/* Psyleron Website - Information - Page CSS */
/* CSS Common across browsers */
/* NOTE: background CSS are in seperate files chosen at runtime by the masterfile code */

body{	
	background-position:left;
	background-repeat:repeat;
	background-color:#5588BB;
	font-size:11px;
	font-family:Verdana, "Lucida Grande", "Bitstream Vera Sans", Arial, sans-serif;
	margin:0px;
}
	
a{
	color:#1E57AC;
	text-decoration:none;
}

a.menulink{
	color:#0C378C;
	text-decoration:none;
	border:0px none;
}

a:hover{
	color:#3E77CC;
	border-bottom:1px solid #D88311;	/* to make an underline a custom color (orange in this case) */
}

a.menulink:hover
{
	border-bottom:0px none;
}

a.nounderline:hover
{
	border-bottom:0px none;
}

img{
	border:0px none;
	margin:0px;
	padding:0px;
	float:none;
}

span.orangenote{
	color: #D88311;
}

td{
	vertical-align:top;
}

p.alert
{
	padding:8px;
	background-color:#D3DCE4;
	border:1px dashed #C87301;
	text-indent:0px;
	line-height:18px;
}

div.menugroup{
	position:relative;
	padding:2px;
	margin-top:10px;
}

div.collapser{
	position:absolute;
	left:150px;
	top:1px;
	background-image:URL(../img/menu_collapse.png);
	width:25px;
	height:25px;
	cursor:pointer;
}

div.expander{
	position:absolute;
	left:150px;
	top:1px;
	background-image:URL(../img/menu_expand.png);
	width:25px;
	height:25px;
	cursor:pointer;
}
	
div.sky{
	background-position:left;
	background-repeat:repeat-x;
	border:0px none;
	height:467px;
	width:100%;
	position:absolute;
	left:0px;
	top:0px;
	min-width:800px;
}
		
div.complete{
	background:none;
	border:0px none;
	height:100%;
	width:100%;
	position:absolute;
	left:0px;
	top:0px;
	padding:0px;
	margin:0px 0px 0px 0px;
	text-align:center;
}

/*Needed to correctly center-align the divs inside div.complete*/
div.floatingbody{
	width:780px;
	margin-left:auto;
	margin-right:auto;
}

div.pageheader{
	position:relative;
	background-image:url(../img/wide_foreheader.png);
	background-position:left;
	background-repeat:no-repeat;
	border:0px none;
	width:780px;
	height:113px;
	padding:0px;
	text-align:left;
}

div.printheader{
	position:relative;
	background-image:url(../img/printheader.png);
	background-position:left;
	background-repeat:no-repeat;
	border:0px none;
	width:516px;
	height:62px;
	padding:0px;
}

div.pageheaderlinks{
	position:absolute;
	left:0px;
	top:97px;
	width:755px;
	height:20px;
	margin:0px;
	padding:2px 15px 0px 15px;
	text-align:left;
}

div.pageheaderlinks span.cart {
    display:block;
    position:relative;
    bottom:1px;
    float:right;
    clear:none;
    vertical-align:bottom;
}

div.pageheaderlinks span.cart img {
    vertical-align:bottom;
}

div.pageheaderlinks span.home {
    display:block;
   
    float:left;
    clear:none;
    vertical-align:bottom;
}

div.cart{
	position:absolute;
	left:300px;
	top:93px;
	#top:66px;
	width:450px;
	height:20px;
	margin:0px;
	padding:6px 15px 0px 15px;
	text-align:right;
}

a.logoclick{
	position:absolute;
	left:5px;
	top:10px;
	width:265px;
	height:93px;
}

div.pagebody{
	position:relative;
	width:780px;
	background:none;
	height:100%;
}

div.pagebody_back{
	width:780px;
	height:100%;
	background-color:#993300;
}
		
div.pagebody_top{
	left:0px;
	top:0px;
	background-image:url(../img/wide_forebody_top.png);
	background-position:left;
	background-repeat:no-repeat;
	width:780px;
	height:240px;
}

div.pagebody_mid{
	left:0px;
	top:0px;
	background-image:url(../img/wide_forebody_mid.gif);
	background-position:left;
	background-repeat:repeat-y;
	width:780px;
	text-align:center;
}
		
div.pagebody_bottom{
	top:0px;
	left:0px;
	background-image:url(../img/wide_forebody_bottom.png);
	background-position:left;
	background-repeat:no-repeat;
	border:0px none;
	width:780px;
	height:48px;
}

div.pagebody_content{
	position:relative;
	left:0px;
	top:-210px;
	padding:15px 20px 15px 20px;
	width:780px;
	overflow:visible;
	text-align:left;
	z-index:100;
}

div.contentarea{
	/* no settings here, just used for child selection css in page css */
}

div.pagefooter{
	position:relative;
	left:0px;
	top:0px;
	background-image:url(../img/wide_forefooter.png);
	background-position:left;
	background-repeat:no-repeat;
	border:0px none;
	width:780px;
	height:53px;
	text-align:left;
	vertical-align:middle;
}

div.pagefooter_content{
	position:absolute;
	top:20px;
	left:20px;
}

div.menubar{
	position:absolute;
	left:18px;
	top:0px;
	width:180px;
	text-align:left;
}

span.boldentry{
	font-size:12px;
	font-weight:bold;
}

span.normalentry{
	font-size:12px;
	text-decoration:none;	/*IE likes to underline the links even though they are within a div that is linked*/
}

span.subentry{
	font-size:10px;
	text-decoration:none;
	margin-left:10px;
}

img.shorthr
{  
	top:7px;
	width:170px;
	height:3px;
	margin:0px;
	padding:0px;
	line-height:0px;
}

div.pagetitle{
	width:100%;
	height:35px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:20px;
	border-bottom:1px solid #808088;
}

div.printablebar{
	width:100%;
	height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:right;
	font-size:10px;
}

/*-----------------------*/
div.articlenav{
	position:relative;
	bottom:0px;
	left:0px;
	bottom:0px;
	width:540px;
	height:30px;
	text-align:center;
	vertical-align:middle;
	padding:0px;
	margin:24px 0px 0px 0px;
	z-index:10;
}

div.articleprev{
	font-size:12px;
	position:absolute;
	left:0px;
	top:0px;
	text-align:right;
	padding:0px;
	margin:0px;
}

div.articleinfo{
	position:relative;
	width:280px;
	height:30px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

/* to align a div full of text in the middle of the articleinfo block */
div.articleinfomiddle{
	font-size:12px;
	position:absolute;
	left:0px;
	top:25%;
	width:100%;
}

div.articlenext{
	font-size:12px;
	position:absolute;
	right:0px;
	top:0px;
	text-align:left;
	vertical-align:middle;
	padding:0px;
	margin:0px;
}

img.navbuttonarrow
{
    border:0px none;
    height:25px;
    width:25px;
}

img.buttonhr{
	font-size:12px;
	top:7px;
	width:120px;
	height:3px;
	margin:0px;
	padding:0px;
	line-height:0px;
}
/*----------------------*/

div.bottomlinks{
	position:absolute;
	left:0px;
	bottom:0px;
	width:780px;
	height:130px;
}

div.lowerblock{
	position:absolute;
	width:217px;
	height:115px;
	background:none;
}
	
div.lowerblock_top{
	width:217px;
	height:15px;
	background-image:url(../img/lowblock_top.png);
	background-position:top;
	background-repeat:no-repeat;
}
	
div.lowerblock_mid{
	width:197px;
	height:65px;
	vertical-align:middle;
	text-align:center;
	padding:10px;
}
	
div.lowerblock_bottom{
	width:217px;
	height:15px;
	background-image:url(../img/lowblock_bottom.png);
	background-position:top;
	background-repeat:no-repeat;
}

div.bottom_extended{
	width:720px;
	height:20px;
	padding:2px;
	margin-left:auto;
	margin-right:auto;
	vertical-align:middle;
	padding-top:6px;
	/*border-top:2px solid #F0F0F8;
	border-bottom:2px solid #F0F0F8;*/
	border-top:1px solid #D0D0D8;
	border-bottom:1px solid #D0D0D8;
}

select{
	background-color:#D0D0D8;
	font-size:11px;
	border:1px solid #494960;
	padding-left:2px;
	height:16px;
}

input[type="text"], input[type="password"]{
	/*background-color:#F0F0FF;*/
	font-size:12px;
	padding-left:2px;
}

button,
input[type="submit"],
input[type="reset"],
input[type="button"]{
	padding:5px;
}

textarea{
	/*background-color:#F0F0FF;*/
}