/*
	
	CONTENTS ----------
	
	   1.BODY
	   2.DEFAULT STYLING
	   3.HEADINGS
	   4.LINKS
	   5.IMAGES
	   6.LAYOUT
	   7.BRANDING/MASTHEAD
	   8.NAVIGATION
	   9.SITEINFO/FOOTER
	   10.SECTION SPECIFIC
	   
    -------------------
	
*/

@import url(reset.css); /* RESET CSS */
@import url(forms.css); /* FORMS CSS */

/* 1.BODY
---------------------------------------------------------------------- */

html {  }
body {
	font-size: 14px;
	line-height: 18px;
	font-family: verdana, arial, helvetica, sans-serif;
	margin: 0 auto;
	width: 976px;
	height: auto;
	background-color: #666;
	color: #494949;
}

/*#nav_access a { 
	display: block; 
	position: absolute; top:0; left: -999px; 
	padding: 10px 20px; 
} 
#nav_access a:focus { left: 0; }*/

/* 2.DEFAULT STYLING
---------------------------------------------------------------------- */

p {
	/*font-size : 0.75em;*/ /* 0.75*16=12px*/
	/*line-height : 1.25em;*/ /* 12*1.667em=20px */
	margin: 0 0 5px 0;
}
ul, dl, ol { }

ul li { margin-bottom: 0em; }
dl { margin: 0 0 0em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 0; }

ol { list-style-type: decimal; }
ol li {  }

ol p { margin-top: 0; }

abbr { border-bottom:1px dotted #EAEAEA; cursor:help; }
del { text-decoration:line-through; }
strong { font-weight: bold; }
em { font-style: italic; }
sup { font-size: 0.75em; position: relative; top: -3px; }

cite { font-size: 0.8em; }

table { }
th { font-weight:bold; }
th, td { vertical-align: middle; }

hr {  }

pre {
	background-color: #eee;
	padding: 10px;
	font-size: 11px;
}

/* 3.HEADINGS
---------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 { font-weight: bold; clear: both; }
h1, h2, h3, h4, h5, h6, label, th {  }
h1 { font-size: 36px; line-height: 40px; padding: 10px 0; }
h2 { font-size : 32px;  line-height: 36px; padding: 10px 0; }
h3 { font-size : 24px; line-height: 28px; padding: 10px 0; }
h4 { font-size : 18px; line-height: 20px; padding: 10px 0; }
h5 { font-size : 14px; line-height: 18px; padding: 5px 0; }
h6 { font-size : 12px; line-height: 16px; padding: 5px 0; }

/* 4.LINKS
---------------------------------------------------------------------- */

a:link, a:visited { text-decoration : none; /*color : #333;*/ color : #494949; }
a:hover, a:focus { text-decoration : underline; /*color : #111;*/ /*color : #666;*/ }
/*a { color: #000; }
a:visited { color: #666; }
a:hover { color: #fff; background-color:#000; }*/

/* 5.IMG STYLES
---------------------------------------------------------------------- */
img { /*display: block;*/ }
p img {  }

/*img.left { float: left; margin-right: 10px; }
img.right { float: right; margin-left: 10px; }*/

/* 6.LAYOUT
---------------------------------------------------------------------- */

/* do positioning here */

#container {
	position: relative;
/*	width: 970px;*/
	margin: 0 auto;
/*	padding: 0 10px;*/
	background: green;
}

#header {
}

#top_nav {
	clear: both;
}

#content_container {
	clear: both;
}

#nav_sub {
	clear: both;
}

#siteinfo {
	clear: both;
}

#debug {
	clear: both;
}

#section_top_left, #section_top_right, #section_bottom_left, #section_bottom_right {
	position: fixed;
}

/* 7.GLOBAL STYLES
---------------------------------------------------------------------- */

.clear { clear: both; }
.hide { display: none; }
.break { clear: both; }

.center { text-align: center; margin: 0 auto; }
.left { text-align: left; }
.right { text-align: right; }
.float_left { float: left; }
.float_right { float: right; }

.underline { text-decoration: underline; }
.highlight {  }

.currency_unit { font-size : 80%; }

/* 7.BRANDING/MASTHEAD
---------------------------------------------------------------------- */

#branding {
}

#nav_main {
}

/*#branding {
	background-color : #fff;
	height : 90px;
}

#branding .logo {
	font : bold 48px Rockwell, Helvetica, Arial, sans-serif;
	color : #FFF;
	margin-left : 10px;
	position : relative; top : 10px;
	width: 235px;
}

#branding .logo a {
	color : #FFF;
}
#branding h1 a {
	display : block;
	width : 300px; height : 100px;
	background: transparent url(/images/logo_ct.png) no-repeat 50% 100%;
	text-indent : -999em;
}
#branding h2 { display : none; }*/

/* 8.NAVIGATION
---------------------------------------------------------------------- */

/* primary nav */
/*#nav_main {  }
#nav_main ul { position : absolute; top : 10px; right : 0px; }
#nav_main li { display : block; float : left; margin-left : 10px; }
#nav_main li.hide { display : none; }
#nav_main li a {
	display : block;
	font-size : 14px; line-height : 20px; 
	padding : 5px 10px;
	color : #494949;
}
#nav_main li a:hover { color : #FD7C11; text-decoration : none; }
#nav_main li.current a {  }

#nav_main #nav_user img { float : left; width : 20px !important; height : 20px !important; margin : 0 5px 0 -5px;}*/

/*secondary nav */
/*#nav_sub { clear : both; margin-top : 10px;}*/
/*#nav_sub ul {*/
/*	background : rgba(225,214,212,0.8);*/ /* Removed for IE compatibilty */
/*	background : #FFF;*/
/*}*/
/*#nav_sub li { display : inline; }
#nav_sub li a {
	font-size : 12px; line-height : 20px; 
	padding : 5px 10px;
}
#nav_sub li a:hover {  }*/

/* Hide Semantic Headings */
/*#nav_main h4, #nav_sub h4 { position : absolute; top : -9999px; }*/

/* Top nav menu */
/*#top_nav .design { position : absolute; right: 150px; top: 50px; }
#top_nav .vote { position : absolute; right: 75px; top: 50px; }
#top_nav .shop { position : absolute; right: 0px; top: 50px; }
#top_nav h3 {
	display : block;
	font-size : 18px; line-height : 24px;
	padding : 5px 10px;
	color : #494949;
	background : #FFF;
	text-transform : none;

}
#top_nav h3 a {
	color : #494949;
	text-decoration : none;
}
#top_nav h3:hover { text-decoration : none; cursor:pointer;}*/

/* 9.SITEINFO/FOOTER/DEBUG
---------------------------------------------------------------------- */

#siteinfo {
	text-align: center;
	color: #ffffff;
	background: #000000;
	font-size: 10px;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}

#siteinfo a:link, #siteinfo a:visited { text-decoration : none; color: #ffffff; }
#siteinfo a:hover, #siteinfo a:focus { text-decoration : underline; }

#siteinfo p { margin: 0; }

#debug {
	padding: 10px;
	color: #000000;
	background: #ffffff;
	font-size: 10px;
	font-family: 'Lucida Console', Monaco, monospace;
}

#debug p { margin: 0; }

/* 10.CONTENT MAIN STYLES
---------------------------------------------------------------------- */

#content_container {
	padding: 0 10px;
}

#flash .notice, #flash .error {
	border: 2px solid red;
	color: green;
	padding: 5px;
}

#main_content {
	margin-bottom: 3em;
}

#main_content .survey_title {  }
#main_content .page_title {  }
#main_content .page_description {  }
#main_content .question_heading {  }

#main_content .progress_bar_widget { margin-left: 80%; }

#main_content .progress_bar {
	width: 100px;
	height: 20px;
	margin: 5px 0;
	padding: 3px;
	border: 1px solid blue;
	background: white;
}

#main_content .progress_level {
	background-color: #ace97c;
	height: 20px;
}

#main_content .progress_bar_text { width: 100px; padding: 3px; position: relative; top: -31px; }
#main_content .progress_text { font-size: 10px; font-weight: bold; }

#main_content .report {
	margin: 0 0 0 80px;
	color: black;
	font-size: 16px; font-family: "Arial Black", Gadget, sans-serif;
}

#main_content .report .report_text { text-align: justify; margin: 0 0 20px 0; }

#main_content .report .report_text ul {
	margin: 0 0 0.5em 1.5em;
	list-style-type: disc;
}

#main_content .report .report_text ol {
	margin: 0 0 0.5em 1.5em;
	list-style-type: decimal;
}

#main_content .report .report_text li { margin: 0 0 0.5em 0; }

#main_content .report .report_text p { margin: 0.5em 0; }

#main_content .scoring_box { }

#main_content .scoring_box .scoring_score { }

#main_content .scoring_box .scoring_total { }

#main_content .thank_you {
	color: black;
	font-size: 16px; font-family: "Arial Black", Gadget, sans-serif;
}

#content_sup {
/*	padding-right: 20%;*/
	font-size: 12px;
	color: #000000;
	font-family: 'Comic Sans MS', Textile, cursive;
}

#content_sup p { margin: 0; }

/* 10.SECTION SPECIFIC STYLES
---------------------------------------------------------------------- */