/* 

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. forms stuff

*/



/* --------- 1. defaults  --------- */

* {/* zero margins and padding */
		margin: 0;
		padding: 0;
		}

body {/* set page background colour */
		background: #404040;
		padding-bottom: 30px;
		font: 1em Verdana, Arial, sans-serif;
		}
	
/*  --------- 2. structure  --------- */

#window 
{
    background-color:#ffffff;   
}

#wrapper {/* site content container */
		width: 86em;
		margin: 0 auto;
		background-color: #ffffff;
		border: 1px solid #555555;
		border-top: 0px;
		}
		
#masthead {/* add border to masthead */
		/*background: url(images/masthead-background08.gif) repeat-x;*/
		margin-bottom: 15px;
		background-color:#ffffff;
		height:90px;
		}
		
#logo {/* logo container */
		float: left;
		height: 63px;
		width: 200px;
}
	
#detailsArea 
{
        float:left;
        margin-left : 15px;
        margin-top : 15px; 
        text-align: right;
        width:600px;
}

#navContainer {/* navigation container */
		clear: left;
		}
		
#contentContainer
{
    margin: 10px 10px 10px 10px;   
    background:white;
}

#searchHolder
{
	width:720px;
}

#searchContainer1
{
	float:left;	
	min-height:140px;
	width:350px;
	margin: 0px 10px 0px 0px;
}

#searchContainer1 label
{
	width:150px;
	margin-left:5px;
	margin-bottom:10px;
	float:left;
}

#searchContainer1 br
{
	clear:left;
}

#searchContainer2 label
{
	width:150px;
	margin-left:5px;
	margin-bottom:10px;
	float:left;
	
}

#searchContainer2 br
{
	clear:left;
}


#searchContainer2
{	
	float:right;
	min-height:140px;
	width:350px;
	margin: 0px 10px 0px 0px;
}

#buttonRow, #buttonRow2
{
	margin-left:5px;
	margin-bottom:10px;
	clear:both;
}

#cpContainer #buttonRow
{
	margin-left:160px;
	margin-bottom:10px;
}


#btnConfirm
{
	margin-bottom:10px;
}

#content {/* content container */
		/*background: #f9f9f9 url(assets/page-divider.gif) repeat-y 54em 0;*/
		margin-bottom: 15px;
		}
		
#mainContent, #sidebar {
		float: left;
		padding: 1.5em;
		}
		
#mainContent {
		width: 51em;
		}
		
#sidebar {
		width: 28.9em;
		}

.introBox {
		border: 1px solid #bbbbbb;
		padding: 15px 85px 15px 15px;
		background: #e1e1e1 url(assets/intro-background.gif) repeat-x 0 100%;
		position: relative;
		}

.starburst {
		position: absolute;
		right: -30px;
		top: 10px;
		}

.clearFix:after {
	    content: "."; 
    	display: block; 
	    height: 0; 
    	clear: both; 
	    visibility: hidden;
		}
/*		
#loginArea
{
		font: 1em Verdana, Arial, sans-serif;
		text-align:left;  
}
*/		
#footer
{
		font: bold 1em Verdana, Arial, sans-serif;  
		text-align: right; 
		margin-right:15px;
		margin-bottom:15px; 
}

/* ---------- 3. links and navigation ---------- */

a {/* default link style */
		color: #000000;
		}
		
	/* -- skip navigation -- */
#skipNav a {
		font: 1.0em Arial, sans-serif;
		display: block;
		color: #000000;
		width: 60px;
		padding-bottom: 10px;
		} 
		
#skipNav a:hover {
		color: #898989;
		background: url(assets/skip-nav.gif) 50% 100% no-repeat;
		}


	/* -- main navigation -- */
#mainNavigation {
		background: #111111;
		border-top: 1px solid #555555;
		padding: 6px 0;
		}

#mainNavigation ul {
		text-align: center;
		}

#mainNavigation li {
		display: inline;
		}

#mainNavigation a {
		font: bold 1.8em Arial, sans-serif;
		color: #ffffff;
		text-decoration: none;
		padding: 6px 10px;
		}
		
#mainNavigation a:hover {
		color: #fe000b;
		}
		
.sectionHome #mainNavigation #linkHome a, .sectionNews #mainNavigation #linkNews a, .sectionDesign #mainNavigation #linkDesign a, .sectionBrowsers #mainNavigation #linkBrowsers a, .sectionStatistics #mainNavigation #linkStatistics a, .sectionCommunity #mainNavigation #linkCommunity a {/* automation for active tab */
		background: #28b767 url(assets/active-tab-background.jpg) 0 100% repeat-x;
		border-top: 1px solid #5cc98d;
		}

.sectionHome #mainNavigation #linkHome a:hover, .sectionNews #mainNavigation #linkNews a:hover, .sectionDesign #mainNavigation #linkDesign a:hover, .sectionBrowsers #mainNavigation #linkBrowsers a:hover, .sectionStatistics #mainNavigation #linkStatistics a:hover, .sectionCommunity #mainNavigation #linkCommunity a:hover {/* hover over-ride for automated tab */
		color: #0e5424;
		}
		
	/* -- sub-navigation -- */
#subNavigation {
		margin-top: -1px;
		background: #27b767 url(assets/sub-navigation-background.jpg) 0 100% repeat-x;
		border-bottom: 1px solid #6b6b6b;
		padding: 6px 0;
		}

#subNavigation ul {
		text-align: center;
		}

#subNavigation li {
		display: inline;
		}

#subNavigation a {
		font: bold 1.1em Arial, sans-serif;
		color: #ffffff;
		text-decoration: none;
		padding: 6px 10px;
		}

#subNavigation a:hover {
		color: #0e5424;
		}
		
/* ---------- 4. fonts ---------- */

html 
{

		font-size: 100%;
		}

body {
		font-size: 62.5%;
		}

h1 {/* main heading */
		font: normal 1.8em/1.1em Verdana, Arial, sans-serif;
		margin-bottom: 5px;
		margin-top:5px;
		}

h2 {/* cross-head */
		font: bold 1.2em/1.0em Verdana, Arial, sans-serif;
		margin-top: 1.3em;
		margin-bottom: 2px;
		color: #1a9f44;
		}

p {
		font: 1em Verdana, Arial, sans-serif;
}
		
label 
{
		font: 1em Verdana, Arial, sans-serif;    
}		

span
{
		font: 1em Verdana, Arial, sans-serif;
		
}		



/* ---------- 5. images ---------- */

a img {/* remove borders from linked images */
		border: 0;
		}
		
#logo img {
		margin-top: 10px;
		margin-left: 10px;
		}
		
/* ---------- 6. forms stuff ---------- */

		

hr
{
	margin: 10px 0px 10px 0px;
}


#cpContainer
{
	width:100%;
}
#cpDiv
{
	margin-top:20px;
}

#cpDiv label,#cpDiv input
{
	display:block;
	width:150px;
	float:left;	
	margin-bottom:10px;
}

#cpDiv label
{
	text-align:right;
	padding-right:10px;
}

#cpDiv span
{
	margin-top:10px;
	margin-bottom:10px;
}

#cpDiv br
{
	clear:left;
}

#rcbExecutive_DropDown, #rcbAdProduct_DropDown, #rcbSubmitter_DropDown, #rcbUser_DropDown
{
	margin-top: 10px;
	margin-left:10px;
}

.highlight
{
	color:Red;
}