/*
 * v1.css
 *
 * main css file for acenture workforce assessment
 *
 * requires:
 * 	--
 *
 * = - = - = - = - = - = - = - = - = - = - = - = - = - = - = - = - = - = - = - = - = -
 *
 *	light gray:     #eee;    (body background)
 * gray:           #ddd;    (left/right border on page contents)
 * ligher gray:    #ececec; (footer background)
 * another gray:   #999;    (call-out box border)
 *
 * disabled gray:  #999;
 * enabled blue:   #069;
 * rollover blue:  ?
 *
 * burgandy:       #600;    (header background)
 * light burgandy: #aa1133; (bottom border of header)
 * yellow:         #ffc;    (call-out box background)
 *
 * = - = - = - = - = - = - = - = - = - = - = - = - = - = - = - = - = - = - = - = - = -
 */

/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
/* dl, dt, dd, ol, ul, li, */
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	/*
	font-size: 100%;
	font: inherit;
	*/
	vertical-align: baseline;
	}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
	}

h1 { font-size: 2.00em; margin: 0.67em 0; }
h2 { font-size: 1.50em; margin: 0.75em 0; }
/*h2 { font-size: 1.50em; margin: 0.75em 0; } */
h3 { font-size: 1.17em; margin: 0.83em 0; }
h4 { font-size: 1.00em; margin: 1.12em 0; }
h5 { font-size: 0.83em; margin: 1.50em 0; }
h6 { font-size: 0.75em; margin: 1.67em 0; }

p { margin: 0.83em 0; }

hr { display: none; }

/* - = - = - = - = - = - = - = - = - = - = - = - = - = - */

html {
	height: 100%;
	}

body {
	margin: 0;
	padding: 0;
	background: #eee;
	height: 100%;
	font-family: arial, sans-serif;

	font-size: 87.5% /* drop paragraph text from 16px to 14px */

	}

#wrap-outer {
	margin: 0 auto;

	width: 1000px;
    padding-left:0;
	background: #fff;
	overflow: hidden;
	border: 1px solid #ddd;
	border-width: 0 1px;
	min-height: 100.1%;

position: relative;
	}
	
/*	#wrap-outer {
	margin: 0 auto;

	width: 760px;

	background: #fff;
	overflow: hidden;
	border: 1px solid #ddd;
	border-width: 0 1px;
	min-height: 100.1%;

position: relative;
	}
*/

.USABanner {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 1000px;
	height: 67px;
	overflow: hidden;
	text-indent: -1000px;
	background: transparent url(../images/usa.jpg) no-repeat 0 0;
	}
	
	.PHIBanner {
	display: block;
	float:left;
	margin: 0;
	padding: 0;
	width: 1000px;
	height: 145px;
	overflow: hidden;
	background: transparent url(../images/phi.jpg) no-repeat 0 0;
	}
	
/*header h1 {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 1000px;
	height: 67px;
	overflow: hidden;
	text-indent: -1000px;
	background: transparent url(../images/usa.jpg) no-repeat 0 0;
	}
*/
/*
header h1 {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 157px;
	height: 67px;
	overflow: hidden;
	text-indent: -1000px;
	background: transparent url(../images/usa.jpg) no-repeat 0 0;
	}	
*/	

.USAHeader {
	padding: 0 0px;
	background: #787763;
	border-bottom: 6px solid #aa1133; /* total height at 73px */
	height: 90px;                     /* border + contents --> 67 + 6 = 73 */
	}

.PHIHeader {
	padding: 0 0px;
	background: #787763;
	border-bottom: 6px solid #aa1133; /* total height at 73px */
	height: 170px;                     /* border + contents --> 67 + 6 = 73 */
	}
/*	
header {
	padding: 0 0px;
	background: #787763;
	border-bottom: 6px solid #ab1133; 
	height: 90px;                     
	}
*/
/*
header {
	padding: 0 20px;
	background: #600;
	border-bottom: 6px solid #ab1133; 
	height: 67px;                     
	}
*/
.USATest {
	float: left;
	display: block;
	margin: 0 0 0 0; 
	padding: 0;
	height:20px;
	font-size: 18px;
	width:1000px;
	 text-align:center;
	color: #818001;
	font-family:sans-serif;
	font-weight:bold;
	color:White
	}
/*	
header span {
	float: left;
	display: block;
	margin: 0 0 0 0; 
	padding: 0;
	font-size: 18px;
	width:1000px;
	 text-align:center;
	color: #818001;
	font-family:Arial;
	font-weight:bold;
	color:White
	}
*/
/*header span {
	float: right;
	display: block;
	margin: 36px 0 0 0; 
	padding: 0;
	font-size: 18px;
	color: #fff;
	}	
*/

#main {
	padding: 0 20px 60px 20px;
	}

/* - = - = - = - = - = - = - = - = - = - = - = - = - = - */
 
    .StandardDiv
    {
    	padding: 5px;
    	margin-bottom: 5px;
    }
    
		.sub-head {
			font-weight: bold;
			font-size: 1.17em; /* h3-sized */
			}

		strong.green {
			font-weight: bold;
			text-transform: uppercase;
			color: green;
			}

		fieldset {}
		legend {
			margin: 0 0 0.83em 0; /* same bottom margin as paragraphs */
			}


		.lt-ie8 legend {
			margin-bottom: 0; /* not needed for ie7/compat */
			margin-left: -0.5em;
			}

		ul.nobullets {
			list-style-type: none;
			}

		ul {}
		ul li {
			margin-bottom: 1em;
			}

		div.call-out {
			border: 1px solid #999;
			margin: 0 0 0.83em 0; /* same bottom margin as paragraphs */
			padding: 0 20px;
			background: #ffc;
			}

		input[type="submit"] {
			border: 1px solid #069;
			color: #fff;
			background: #069;
			padding: 0.3em 1em 0.25em 1em;
			border-radius: 4px;
			cursor: pointer;
			font-weight: bold;
			}

		input[type="submit"][disabled] {
			border: 1px solid #999;
			cursor: default;
			color: #adaa9c;

			background: #999; /* try 1 */
			background: #efebde; /* try 2 */}

            .btn{
			border: 1px solid #069;
			color: #fff;
			background: #069;
			padding: 0.3em 1em 0.25em 1em;
			border-radius: 4px;
			cursor: pointer;
			font-weight: bold;
			}

		  .btn[disabled] {
			border: 1px solid #999;
			cursor: default;
			color: #adaa9c;

			background: #999; /* try 1 */
			background: #efebde; /* try 2 */

	color: #868686; /* try 3 */
	background: #dcdcdc; /* try 3 */

			}

/* - = - = - = - = - = - = - = - = - = - = - = - = - = - */

footer {
	background: #ececec;
	padding: 1px 20px;
	font-size: 90%;

	position: absolute;
	bottom: 0;
	height: 40px;
	width: 100%;
	}