/* Main Containor */
div#container { width:996px; margin:0 auto; text-align: left; }

/* Headerblock */
div#headerblock {background:url(images/tab.png) top left no-repeat; width:996px; height:148px; }
	div#headerblock h1 { float:left; font-size:20px; color:#fff; padding:20px 12px; }
	div#headerblock h1 span.subline { font-size:12px; color:#fff; }	
	div#headerblock h1 a:hover span.subline { color:#000; background:#fff; text-decoration:none; -moz-border-radius: 2px;
	-webkit-border-radius: 2px;}
	div#headerblock h1 a { color:#fff; text-decoration:none;}
	div#headerblock h1 a:hover span.mainline { color:#000; background:#fff; text-decoration:none; -moz-border-radius: 2px;
	-webkit-border-radius: 2px;}
	div#headerblock h1 a span.mainline { padding:0 2px 0 2px;}
        
        div#headerblock div#usermeta { float:right; padding:28px 14px 0px 0px; }
        

/* TopBlocks: Search, Browse, Learn blocks */
div.topblock {
	float:left;
	padding:10px;
	color:#fff;
}
	div.topblock h3 { color:#999; padding-left:0; padding-bottom:5px;}
	div.topblock ul { padding:0; white-space: nowrap; }
	div.topblock ul li {padding:2px; display:inline; 
						padding-right:16px;margin-right:0px;}
	div.topblock ul li a {color:#fff; text-decoration:none;}
	div.topblock ul li:hover {background-color:#fff; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
	div.topblock ul li:hover a {color:#000;}

	
	div#searchblock { padding-left:20px; width:190px; }
	div#browseblock { width:290px; } 
	div#learnblock { width:160px; }
	
	input#search-field {width:140px; background:#ccc; border:1px solid #999; font-size:14px; vertical-align:top; }
	input#search-submit { vertical-align:top;}
	div#searchblock form {
		margin-top:-2px;
	}
	
	h3.disclaimer { padding: 0.5em 0 0 1em; font-size: 16px; font-weight: normal; font-style: italic; color:#aaa;}
	
/* Messageblock */
a#messageblock {
	display:inline-block;
    float: right;
	margin-top:49px;
	margin-right:13px;
	width:272px;
	height:100px;
	overflow:hidden;
}

a#messageblock.help {
	background: transparent url(images/help-sprite.png) 0 0 no-repeat;
}
a#messageblock.help:hover, a#messageblock.help.active {
	background: transparent url(images/help-sprite.png) 0 -103px no-repeat;
}
/*a#messageblock:hover, a#messageblock.active {
	display:inline-block;
        float: right;
	margin-top:49px;
	margin-right:13px;
	width:272px;
	height:100px;
	overflow:hidden;
        background: transparent url(images/help-sprite.png) 0 -103px no-repeat;
}
*/

/* Content */
div#content {
	background:#fff8d3;
	width:976px;
	margin-left:5px; margin-top:-6px;
	border:1px solid #ccc; border-top:none;
}

/* Contentwrap */
div#contentwrap { float:left; margin:10px 10px 0; width:712px;}
	div#contentwrap div.module { width:660px;}

/* Contentwrap subsections */
div#contentwrap-top { width:712px; padding:0 10px 0 10px; }
	div#contentwrap-top h2 { font-size:18px; padding:12px 10px 10px 0px;}
	div#contentwrap-top h2 span.mainsection {}
	div#contentwrap-top h2 span.crumbarrow { color:#666;}
	div#contentwrap-top h2 span.subsection { color:#333;}
	
div#contentwrap-middle {
	width:712px; padding:10px; color:#333; font-size:14px;
	background:url(images/contentwrap-middle.png) top left repeat-y;	
	}
	div#contentwrap-middle h3 { color:#000; padding:0.5em 0; }
	div#contentwrap-middle h2 { padding-bottom:0.5em; }
	
div#contentwrap-bottom {
	width:712px;padding:0 10px 0 10px;
}
    span#action a {
        color: #fff;
        }

/* Contentwrap subsection image classes */
div#contentwrap-top.con-generic { background:url(images/contentwrap-gen-top.png) no-repeat;height:49px;}
div#contentwrap-bottom.con-generic { background:url(images/contentwrap-gen-bottom.png) top left no-repeat;height:39px;}
div#contentwrap-top.con-brand { background:url(images/contentwrap-brand-top.png) -1px 0 no-repeat;height:227px;}

/* Sidebar */
div#sidebar {
	float:left;
	width:200px;
    margin-left:10px;
	margin-top:10px;
	padding-bottom:20px;
}
	div#sidebar h3 {
		color:#999;
		margin-top: 0.5em; 
	}
	div#navigation ul { padding-left:0; padding-bottom: 0; padding-top: 0.25em; font-size:12px; }
		
	div#add { font-size:12px; padding-bottom:1em;}
		div#add div.registerfirst {  margin-bottom:10px;}
		div#add div.addreport { margin-left:-10px;}
		div#add div.addreport a { 
			display:block; 
			background: transparent url(images/report-sprite.png) 0 0 no-repeat; 
			width:205px; height:90px; overflow:hidden;
			}
		div#add div.addreport a:hover { 
			display:block; 
			background: transparent url(images/report-sprite.png) 0 -90px no-repeat; 
			width:205px; height:90px; overflow:hidden;
			}
    div#login { padding-bottom: 1em; }
	div#legal_side { font-size:12px;}
				
/* Footer */
div#footer {
	background:url(images/footer.png) top left no-repeat;
	width:978px; height:34px;
	color:#fff; font-size:12px;
	padding:10px;
	margin-left: 5px;
}
	div#footer a {color:#fff;}
div#search-widget, div#user-meta {
	display:none;
}

/* For expanding menu:
div.topblock h3 { color:#999; padding-bottom:5px;}
div.topblock ul { padding-left:0; }
div.topblock ul li {display:inline; padding:0.2em 0.2em 0.2em ; }
div.topblock ul > li {position:relative;background:url(images/expand-btn.png) right center no-repeat; padding-right:12px;margin-right:6px;}
div.topblock ul li a {color:#fff; text-decoration:none;}
div.topblock ul li ol a {color:#ccc;}
div.topblock ul ol {display:none;background:#666; padding:0.2em; font-size:12px;}
div.topblock ul li ol li {display:block; width:10em; padding:0.2em; }			
div.topblock ul li:hover ol {display:block; position:absolute; top:24px; left:0; border-top:1px solid #555;}
div.topblock ul li:hover {background:#666; }
*/