@charset "UTF-8";
/* CSS Document */

body {
	margin: 0 auto;
	background: #FFFFFF url(/images/backgrounds/headerBackground.png) 0 0 repeat-x;
	font-family: Helvetica;
	font-size: 12pt;
	color: #666666;
	-webkit-text-size-adjust: none;
}

body#home {
	background-position: 0 -50px;
}


/* RESET */

p {
	margin: 0;
	padding: 0;
	line-height: 15pt;
}

a {
	outline: none;
	border: none;
	text-decoration: none;
	color: #003F7E;
}

ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
}

/* END OF RESET */

div#wrapper {
	margin: 0 auto;
	max-width: 480px;
}


/* HEADER */

div#header {
	clear: both;
}

div#header div#logoBox {
	width: 150px;
	float: left;
}

div#header a#logo {
	display: block;
	margin: 10px 10px 0;
	background: url(/images/logoHeader.png) no-repeat;
	width: 130px;
	height: 90px;
}

div#header div#headerText {
	padding: 15px 10px 0 0;
	width: 150px;
	color: #FFFFFF;
	text-align: right;
	float: right;
}


/* END OF HEADER */

/* CONTENT */

div#contentHome, div#content {
	clear: both;
	padding-bottom: 10px;
	min-height: 227px;
	background: #FFFFFF;
} 

div#contentHome { 
	min-height: 277px; 
	/*min-height: 197px;*/
}

div#contentHome h1, div#content h1 {
	padding: 0 10px;
	font-size: 15pt;
	color: #0F8FEA;
} div#content h1 { padding-top: 10px; }

div#contentHome p, div#content p {
	padding: 5px 10px;
	line-height: 15pt;
}

div#switchContainer {
	margin: 10px 10px;
	background: url(/images/switchBorderText.png) no-repeat;
	text-align: center;
}

div#download {
	padding: 0 195px 14px 0;
}

div#download a {
	display: block;
	width: 105px;
	height: 18px;
}

div#upload {
	padding: 10px 32px 0 196px;
}

div#upload a {
	display: block;
	width: 72px;
	height: 23px;
}

div#switchBorder {
	/*display: block;*/
	outline: none;
	/*padding: 32px 105px 33px; -- without clickable text */
	padding: 0 105px;
	width: 90px;
	height: 35px;
	/*background: url(/images/switchButtonBorder.png) 0 no-repeat;*/
	/*background: url(/images/switchButtonBorderArrows.png) 0 no-repeat;*/
}
		
div#switchContainer #switch {
	outline: none;
	display: block;
	width: 45px;
	height: 35px;
	/*background: url(/images/switchButtonArrows.png) -47px 0 no-repeat;*/
	background: url(/images/switchButtonSmall.png) -4px 1px no-repeat;			
}

div#testButton {
	/*margin: 13px 90px 11px;*/
	margin: 10px;
	text-align: center;
}

div#testButton img {
	border: none;
	outline: none;
}

div#testButton li {
	display: inline;
	margin: 0 8px;
}

div#menuButtons {
	float: right;
	padding: 15px 0;
	color: #FFFFFF;
}

div#menuButtons ul {	
	text-align: center;
}

div#menuButtons li {
	padding: 0 5px 20px 0px;
	width: 55px;
	height: 40px;
	font-size: 10pt;
	text-align: center;
	float: left;
}

div#menuButtons li a.wwa {
	display: block;
	width: 60px;
	height: 60px;
	background: url(/images/wwaLinkButton.png) no-repeat;
}

div#menuButtons li a.retest {
	display: block;
	width: 40px;
	height: 40px;
	margin-left:7.5px;
	background: url(/images/retestButton.png) no-repeat;
}

div#menuButtons li a.stats {
	display: block;
	width: 40px;
	height: 40px;
	margin-left:7.5px;
	background: url(/images/statsButton.png) no-repeat;
}

div#menuButtons li a.about {
	display: block;
	width: 40px;
	height: 40px;
	margin-left:7.5px;
	background: url(/images/aboutButton.png) no-repeat;
}

div#testing, div#textBox {
	min-height: 152px;
}

div#results,div#mailToFriend {
	padding: 5px 10px 15px;
}

div#resultsText{
	padding: 5px 10px 15px;
	font-weight: bold;
}

div#results small {
	font-size: 10pt;
	font-weight: normal;
}

div#saveLocation {
	padding: 0 10px;
}

div#saveLocation ul {
	margin: 10px 0;
}

div#saveLocation li {
	display: inline;
	margin: 0 10px 0 0;
}

div#saveLocation input#submitButton {
	margin-right: 85px;
	float: right;
}

a#infoButton {
	display: block;
	margin-right: 70px;
	width: 18px;
	height: 18px;
	background: url(../images/infoButton.png);
	text-align: left;
	float: right;
}

div#aboutInfo {
	font-size: 10pt;
	line-height: 8pt;
}

div#textBox ul {
	margin: 10px;
}

div#textBox li {
	list-style: inside disc;
	line-height: 15pt;
}

/* END OF CONTENT */

/* FOOTER */

div#footer {
	margin: 0 auto;
	clear: both;
	min-height: 25px;
	background: #CCCCCC url(/images/backgrounds/footerBackgroundTop.png) repeat-x;
	text-align: center;
}

div#footer a, div#footer a:visited {
	color: #666666;
}





div#footer div#copyright {
	clear: both;
	padding: 12px 5px 5px;
	font-size: 8pt;
}
/* END OF FOOTER */

/* AD */

div#ad {
	background: #0F8FEA;
	height: 50px;
}