@import "layout.css";
@import "forms.css";
@import "nav.css";
@import "websurvey.css";

/* 
	Title:	SCG screen styles
	Author: craig.henneberry@bluearcgroup.com
*/

/****************************************************************************************
	[GENERAL SELECTORS]
*****************************************************************************************/

/* -------------Reset everything */
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, font, 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,
caption, tbody, tfoot, thead, tr {
	margin: 0;
	padding: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}
table, th, td {
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}
html, body, form, fieldset, a img {border: 0;}
ul, ol {list-style: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/* Over-ride those pesky font tags */
font {
	font-family: Arial, Helvetica, sans-serif !important; 
	font-size: 100% !important;
	color: #000 !important;
}

/* Back to my CSS */
body {
	color: #000;
	font: 0.75em/1.4 Arial, Helvetica, sans-serif;
	background: #003f7d url("../images/css/scg-bg.jpg") no-repeat center top;
}
a:link, a:visited {
	color: #012f5b; 
	text-decoration: none;
}
a:hover {text-decoration: underline;}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
table th {
	text-align: left;
	font-weight: normal;
}
table caption {
	font-weight: bold;
	font-size: 1.2em;
	padding-bottom: 0.40em;
}
abbr {
	cursor: help;
	border-bottom: 1px dotted #000;
}
strong {font-weight: bold;}
em {font-style: italic;}
blockquote {margin: 0 12px;} 
h1, h2, h3, h4, h5, h6 {
	font-size: 1.50em;
	color: #0055a5;
	margin-bottom: 0.60em;
	font-weight: bold;
}
h1 {text-transform: uppercase;}
h2 {
	font-size: 1.35em;
	color: #0681d1;
}
body.home h2 {
	font-size: 1.45em;
	text-transform: uppercase;
	color: #0055a5;
	}

h3 {font-size: 1.45em;}
h4 {font-size: 1.35em;}
h5 {font-size: 1.25em;}
h6 {
	font-size: 1.2em;
	color: white;
}

/* [MAIN CONTENT AREA]
-------------------------------------------------------*/
#main-content {font-size: 0.95em;}
/* Spacing */
#main-content p, #main-content ul,
#main-content ol, #main-content dl,
#main-content table {margin-bottom: 1.5em;}
#main-content table table {margin: 0;}
/* Lists */
#main-content ul {margin-left: 2px;}
	#main-content ul li {
		padding-left: 10px;
		background: url("../images/css/blue-arrow.gif") no-repeat 0 4px;
		margin-bottom: 0.20em;
	}
#main-content ol {
	list-style: decimal;
	margin-left: 42px;
}
#main-content ol ol {list-style: lower-alpha;}
#main-content ol ol ol {list-style: lower-roman;}
#main-content ul ul, 
#main-content ol ol {margin: 0.40em 0 0.80em 20px;}
#main-content dl dt {font-weight: bold;}
/* Links */
#main-content a:link,
#main-content a:visited {
	color: #0055a5;
	text-decoration: none;
}
body.home #main-content a.view-all:link,
body.home #main-content a.view-all:visited {
	color: #fff;
	text-decoration: none;
}
#main-content a:hover,
#main-content a:active {text-decoration: underline;}

/****************************************************************************************
	[COMMONLY USED CLASSES]
*****************************************************************************************/

/* [HIDE]
-------------------------------------------------------*/
.hide {
	position: absolute;
	left: -999em;
}
.hide-fully {display: none;}
/* hide .NET junk */
div.hide-dotnet {
	height: 0;
	font-size: 0;
}

/* [EASY CLEARING]
-------------------------------------------------------*/
.clearfix:after {
 	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}    
/* Hides from IE-mac \*/  
* html .clearfix {height: 1%;}  
.clearfix {display: block;}  
/* End hide from IE-mac */

/* [NOTIFICATIONS]
-------------------------------------------------------*/
#main-content div.errors,
#main-content div.success {
	padding: 0.6em 0.8em 0.6em 4.3em; 
	margin-bottom: 1.5em; 
	border: 2px solid #DBB38B;
}
	#main-content div.errors {
		background: #FEFAEB url("../images/icons/error_lrge.gif") no-repeat 10px 12px; 
		color: #BA624B; 
		min-height: 36px;
	}
	#main-content div.success {
		background: #EEF4D5 url("../images/icons/success_lrge.gif") no-repeat 10px 12px; 
		color: #529214; 
		border-color: #ABCD5A;
		min-height: 30px;
	}
	#main-content div.errors p,
	#main-content div.success p {margin: 0;}
	#main-content div.success p {padding-top: 3px;}
	#main-content div.errors ul,
	#main-content div.success ul {
		margin-top: 0.40em;
		margin-bottom: 0;
		font-weight: bold;
	}
	#main-content div.errors a {color: #BA624B;}
	#main-content div.success a {color: #529214;}
	
	#main-content div.errors ul li,
	#main-content div.success ul li,
	#main-content ul.multi-inputs li {background: none;}	

/* Simple Error Msg */
#main-content p.error {
	color: #D12F19;
	background: url("../images/icons/error2.gif") no-repeat 0 40%;
	padding-left: 20px; 
}

/* [ARROW LINK]
-------------------------------------------------------*/
#main-content a.arrow-link {
	background: url(../images/css/blue-arrow.gif) no-repeat 0 50%;
	padding-left: 10px;
	color: #0055a5;
}