/*
Design based on template titled 'Pet Paws' from the fantastic free CSS Templates http://www.freecsstemplates.org kindly released for free under a Creative Commons Attribution 2.5 License.
*/

.problem {color: red;}

body {
	margin: 0;
	padding: 0;
	background: #546E09;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2E2E2E;
	background-image: url(../images/ipabanner.jpg);
	background-repeat:no-repeat;
}

h1, h2, h3, h4 {
	margin: 0;
	font-weight: normal;
	color: #8CB70E;
}

h1 { font-size: 44px; }

h2 {font-size: 30px;
	margin-bottom: 5px;
	color: #8CB70E;}

h3 {
	margin: 1em 0 0 0;
	font-size: 22px;
}

h4 {
	margin: 1em 0 0.5em 0;
	font-size: 17px;
}

p, ul, ol {
	margin-top: 0;
	line-height: 150%;
	text-align: justify;
}

p.large {font-size: larger;}
p.small {font-size: smaller;}

ul, ol    { }

dl {
	margin-left:1.4em;
	border-bottom: 1px dotted;
	padding-bottom:15px;
}

dt {
	font-size: 15px;
	padding: 0px; 
}

dt a {
	text-decoration: none;
}

dd {
	padding:8px 0px;
	margin: 0px 0px 0px 8px;
}

dd.last {
	border-bottom: 1px dashed #ADADAD;
	margin-bottom:10px;
}

blockquote { }

a { color: #546E09; }

a:hover { text-decoration: none; }

a img {
	border: none;
}

img.left {
	float: left;
	margin: 7px 30px 0 0;
}

img.right {
	float: right;
	margin: 7px 0 0 30px;
}

hr { display: none; }


/* Header */

#header {
	width: 980px;
	height: 98px;
	margin: 0 auto;
	background: #030303;
}

/* Menu */

#menu {
	float: right;
	width: 620px;
	margin-right: 10px;
}

#menu ul {
	float: right;
	margin: 0;
	padding: 50px 0px 0px 0px;
	list-style: none;
	line-height: normal;
}

#menu li {
	display: block;
	float: left;
	border-right: 1px solid #AFD147;
}

#menu a {
	display: block;
	float: left;
	padding: 0px 20px 0px 20px;
	text-decoration: none;
	text-align: center;
	text-transform: capitalize;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
}

#menu a:hover { 
	text-decoration: none; 
}

#menu .first {
	border-left: 1px solid #AFD147;
}

#menu .last {
	border-right: none;
}


/* Page */

#page {
	width: 940px;
	margin: 0 auto;
	padding: 40px 20px 0px 20px;
	background: #FFFFFF;
}


/** LOGO */

#logo {
	float: left;
	width: 260px;
	margin: 0 auto;
	padding-left: 35px;
}

#logo h1, #logo p {
	margin: 0px;
	line-height: normal;
	text-transform: none;
	font-weight: normal;
	color: #FFFFFF;
}

#logo p {
	margin-top: -4px;
	text-transform: lowercase;
	font-size: 13px;
	color: #AFD147;
}

#logo h1 {
	padding-top: 10px;
	font-size: 48px;
}

#logo a {
	text-decoration: none;
	color: #AFD147;
}

#logo h1 a {
	text-decoration: none;
	color: #FFFFFF;
}


/* Content */

#content {
	float: left;
	width: 650px;
}

#content.onecolumn {
	float: left;
	width: 940px;
}


#content ol li{ 
	margin-bottom: 10px;
	}

/* Chart elements */

#chart {
	margin-top: 10px;
}

#chart table {
	/*font-family: "Lucida Sans Unicode", "Arial Unicode MS";*/
	border-collapse: collapse;
	border: 1px;
}
#chart td {
	border: 1px solid #666666;
	padding: 4px 2px 4px 2px;
	font-size:150%;
	text-align:center;
}
#chart td.impossible {
	background-color: #aaaaaa;
}
#chart th {
	border: 1px solid #666666;
	padding: 4px;
	font-size: 85%;
	font-weight: normal;
}

#chart a {
	text-decoration: none;
}

#chart a:hover {
	background-color: #8CB70E;
	color:#FFFFFF;
}

#chart .missing {
	color: #ADADAD;
	}

/* symbol information */

#symbol  {
	font-size: 225%;
	padding:4px 2px 3px 2px;
	margin:0px;
	border-top: 1px dashed #ADADAD;
	line-height:100%;
}

#symbolinfo {
	font-size: 55%;
}

#tooltip {
	/*border: 1px dashed #ADADAD;*/
	padding: 0px 5px;
	height: 50px;
}

#tooltip h3 {
	font-weight: normal;
	}

#tooltip p {
	padding-top:2px;
	font-size: 11px;
	}

/* Video elements */

.video {
	margin-right: 3px;
}

#videoplayer {
padding-top:5px;
}


/* units */

#answerpanel {
	margin-top:5px;
	background-color:#CCC; 
	width:300px; 
	height:220px; 
	float:right; 
	padding: 10px; 
	margin-bottom:20px;
}

#unitanswer {
	background-color:#666;
	padding:10px;
	color:#FFF;
	margin-bottom:10px;
}

p#unit{
	font-size:1.7em;
	line-height:100%;
}

p#answer{
	float:right;
	position:relative;
	top:-45px;
	font-size:1.7em;
}

.unit {
	background-color:#CCC;
	margin-bottom:5px;
}

/* Sidebar */

#sidebar {
	float: right;
	width: 250px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#sidebar ul {
	margin: 0px 14px;
	padding: 0;
	list-style: none;
}

#sidebar li {
	margin: 0;
	padding: 12px 0px;
	border-bottom: 1px dashed #ADADAD;
}

#sidebar ul li ul li {
	border-bottom: none;
	list-style: disc;
	padding: 5px 1px;
	margin-left:15px;
}

#sidebar li a {
	padding: 0px 0px 0px 0px;
	font-weight: normal;
}

#sidebar h2 {
	height: 30px;
	margin: 0 0 4px 0px;
	padding: 6px 0 2px 4px;
/*	text-transform: capitalize;*/
	font-size: 18px;
	font-weight: normal;
}

#sidebar p {
	margin: 0;
	padding: 0px 0px 14px 14px;
	line-height: 200%;
	text-align:left;
	}

#sidebar a {
	text-align: left;
	text-decoration: none;
	font-weight: bold;
}



/* Footer */

#footer {
	width: 980px;
	height: 82px;
	margin: 0 auto 20px auto;
	background: #000000;
	position: relative;
}

#footer p {
	margin: 0px;
	padding: 24px 0px 0px 0px;
	text-align: center;
	line-height: normal;
/*	text-transform: uppercase;*/
	font-size: 12px;
	color: #FFFFFF;
}

#footer a {
	color: #FFFFFF;
}

#footer img {position:absolute; top: 0; right: 15px;}

#footer img.left {position:absolute; top: 10px; left: 15px;}


.player {
    padding-top: 5px;
    float: left;
}

#extra-player {
    padding-top: 20px;
    padding-right: 20px;
    float: left;
}

.aside-players {
    padding: 10px 5px 20px 0;
    float: left;
}

.non-float-player {
    padding: 20px 0;
}

#hidden-player {
    display: none;
}