/* Stylesheet written by Tyler Mulligan of www.saltermitchell.com */
#tool_wrapper {
	padding:0 20px 0 42px;
}
#tool {
	padding:5px 38px;
}
#step_1 {
	display:block;
	width:390px;
	height:29px;
	background:transparent url('img/step-1.png') 0 0 no-repeat;
	font-size:0;
	text-indent: -100em;
	overflow: hidden;
}
#step_2 {
	display:block;
	width:382px;
	height:27px;
	background:transparent url('img/step-2.png') 0 0 no-repeat;
	font-size:0;
	text-indent: -100em;
	overflow: hidden;
}
#step_2_text ul {
	padding-left: 15px;
	font-size:13px;
	line-height:16px;
	margin:4px 0 10px;
	width:85%;
}
#step_2_text li {
	margin-bottom:16px;
}
#step_quiz {
	display:block;
	width:168px;
	height:29px;
	background:transparent url('img/step-quiz.png') 0 0 no-repeat;
	font-size:0;
	text-indent: -100em;
	overflow: hidden;
}
#step_3 {
	display:block;
	width:302px;
	height:27px;
	background:transparent url('img/step-3.png') 0 0 no-repeat;
	font-size:0;
	text-indent: -100em;
	overflow: hidden;
}
#step_4 {
	display:block;
	width:420px;
	height:27px;
	background:transparent url('img/step-4.png') 0 0 no-repeat;
	font-size:0;
	text-indent: -100em;
	overflow: hidden;
}
#step_4_psa {
	display:block;
	width:414px;
	height:27px;
	background:transparent url('img/step-4_psa.png') 0 0 no-repeat;
	font-size:0;
	text-indent: -100em;
	overflow: hidden;
}
.step_4_link {
	color:#23AAE5 !important;
}
#step_5 {
	display:block;
	width:326px;
	height:27px;
	background:transparent url('img/step-5.png') 0 0 no-repeat;
	font-size:0;
	text-indent: -100em;
	overflow: hidden;
}
#step_final {
	display:block;
	width:226px;
	height:24px;
	background:transparent url('img/step-final.png') 0 0 no-repeat;
	font-size:0;
	text-indent: -100em;
	overflow: hidden;
}
#tool h3 {
	font-size:18px;
	color:#425968;
	font-weight:bold;
}
#tool .audience, #tool .ac {
	display:block;
	float:left;
	width:225px;
	height:180px;
}
#tool .ac {
	display:block;
	float:left;
	width:248px;
	height:190px;
	padding:6px 6px 0 6px;
}
#tool .ac.selected {
	background:transparent url('img/audience_selected.png') 0 0 no-repeat;
}
#audience_selector {
	position:relative;
	height:480px;
}
#audience_families { background:transparent url('img/audiences-families.png') 0 0 no-repeat; }
#audience_tweens_and_teens { background:transparent url('img/audiences-tweens.png') 0 0 no-repeat; }
#audience_kids { background:transparent url('img/audiences-kids.png') 0 0 no-repeat; }
#audience_families:hover, #audience_tweens_and_teens:hover, #audience_kids:hover { background-position:0 -180px; }
#tab {
	z-index:100 !important;
	position:relative;
	float:left;
}
#tab_bridge {
	position:absolute;
	top:-10px;
	left:7px;
	display:block;
	height:15px;
	width:235px;
	background:transparent url('img/tab_bridge_left.png') 0 0 no-repeat;
}
#audience_details {
	z-index:100 !important;
	position:relative;
	clear:left;
	float:left;
	margin:5px 0 0 6px;
	padding:15px 10px 10px 10px;
	height:325px;
	width:725px;
	background:#3c4143 url('img/audience_footer.gif') bottom left no-repeat;
	color:#ccc;
}
#audience_details #fact_left, #audience_details #fact_right {
	margin-left:10px;
}
#audience_details h4 {
	color:#7AC142;
	font-size:14px;
	font-weight:bold;
}
#audience_details h4 span {
	font-weight:normal;
	color:#60A9D8;
	font-size:12px;
}
#audience_details ul li {
	color:#fff;
	font-size:13px;
	margin:0 0 15px 10px;
	line-height: 16px;
}
#audience_details #fact_left {
	float:left;
	width:310px;
}
#audience_details #fact_right {
	clear:none;
	float:left;
	width:390px;
}
#next_step {
	clear:both;
	float:right;
	display:block;
	width:103px;
	height:25px;
	background:transparent url('img/tool_next.png') 0 0 no-repeat;
}
#next_step_preview {
	clear:both;
	float:right;
	display:block;
	width:103px;
	height:25px;
	background:transparent url('img/tool_next_prev.png') 0 0 no-repeat;
}
#back_step {
	float:right;
	display:block;
	width:61px;
	height:15px;
	background:transparent url('img/tool_back.png') 0 0 no-repeat;
	margin:10px 4px 0 0;
}
#back_step:hover { background-position:0 -15px; }
#submit_step {
	clear:both;
	float:right;
	display:block;
	width:103px;
	height:25px;
	background:transparent url('img/tool_submit.png') 0 0 no-repeat;
}
#audience_selector #next_step {
	display:block;
	position:absolute;
	top:215px;
	left:645px;
	width:103px;
	height:25px;
	background:transparent url('img/tool_next.png') 0 0 no-repeat;
	z-index:0;
}
#audience_selector #next_step:hover, #next_step:hover,  #next_step_preview:hover, #submit_step:hover { background-position:0 -25px; }

#step_2_text {
	float:left;
	width:440px;
}
#fkc_screenshot {
	float:right;
	display:block;
	margin-top:-30px;
	width:329px;
	height:358px;
	background:transparent url('img/fkc_screenshot.png') 0 0 no-repeat;
	cursor:pointer;
}
#quiz h3 {
	color:#000;
}
#quiz ol {
	margin-left:20px;
	font-size:13px;

}
#quiz ol li {
	vertical-align: top;
}
#quiz input[type=radio] {
	margin-top:3px;
}
#quiz ol label {
	height:20px;
	line-height:20px;
	vertical-align:top;
	width:600px;
}
fieldset {
	border:0;
	margin-bottom:15px;
}
fieldset legend { font-weight:bold; }
fieldset label {
	clear:left;
	float:left;
}
#creative_summary {
	display:block;
	position:relative;
	background-color:#EEEEEE;
	border:2px solid #AAAAAA;
	left:-25px;
	width:716px;
	padding:18px;
	margin-bottom:10px;
	-moz-border-radius:10px 10px 10px 10px;
	-webkit-border-radius:10px 10px 10px 10px;
	border-radius:10px 10px 10px 10px;
	-moz-box-shadow:2px 2px 4px #CCCCCC;
	-webkit-box-shadow:2px 2px 4px #CCCCCC;
	box-shadow:2px 2px 4px #CCCCCC;
}
#creative_summary #download {
	display:block;
	position:absolute;
	top:26px;
	right:26px;
	width:88px;
	height:16px;
	background:transparent url('img/icon_download.png') 0 0 no-repeat;
	float:right;	
}
#creative_summary h3 {
	display:block;
	width:173px;
	height:13px;
	background:transparent url('img/creative_brief_title.png') 0 0 no-repeat;
	font-size:0;
	text-indent: -100em;
	overflow: hidden;
	margin-bottom:10px;
}
#creative_summary h4 {
	color:#222;
	font-weight:bold;
}
#creative_summary p {
	padding-bottom:10px;
}
#creative_summary select {
	margin-bottom:20px;
}
#creative_summary ul {
	margin-left:15px;
	font-size:13px;
}
#creative_summary li {
	line-height:20px;
	vertical-align:middle;
}
#pick_a_contest {
	width:720px;
	height:101px;
	margin-bottom: 80px;
}
#pick_a_contest p {
    float:right;
    width:350px;
    clear:none;
}
#which_contest {
	display:block;
	width:289px;
	height:101px;
	background:transparent url('img/which_contest-2011_2.png') 0 0 no-repeat;
	float:left;
	margin-right: 15px;
}
#create_a_billboard {
	display:block;
	clear:right;
	float:right;
	width:222px;
	height:24px;
	background:transparent url('img/create_a_billboard.png') 0 0 no-repeat;
	margin-top:4px;
	margin-bottom:15px;
}
#create_a_psa {
	display:block;
	width:222px;
	height:24px;
	background:transparent url('img/create_a_psa.png') 0 0 no-repeat;
	float:right;
	margin:15px 0 0;
}
#write_an_essay {
	display:block;
	width:222px;
	height:24px;
	background:transparent url('img/write_an_essay-2011.png') 0 0 no-repeat;
	float:right;
	clear:right;
	margin:5px 0 0;	
}
#create_a_psa:hover, #create_a_billboard:hover, #write_an_essay:hover { background-position: 0 -24px; }

#wrong h2, #correct h2 {
	font-family: sans serif, verdana, arial;
	margin:0;
	padding:0;
	font-size:24px;
	font-weight:bold;
}
#wrong p, #correct p {
	margin-bottom:0 !important;
}
#wrong h2, #wrong p { color:#A12424; }
#correct h2, #correct p { color:#6D3F8A; }
#done { visibility: hidden; }

#billboard_preview a {
	color:#fff;
	text-decoration:underline;
}

#billboard_preview {
	display:block;
	height:700px;
	width:810px;
	background:transparent url('img/step_5_background.png') 0 0 no-repeat;
}
#billboard_preview form {
	padding:0;
	margin:0;
}
#billboard {
	position:relative;
	width:801px;
	height:233px;
	display:block;
	top:7px;
	left:5px;
}
#billboard_final {
	margin:8px 0;
	width:801px;
	height:233px;
	display:block;
	border:2px solid #555;
}
#billboard_preview legend, #billboard_preview h3 a, #billboard_preview h3 {
	color:#425968;
	font-size:13px;
}

#submit_and_register div, #register div {
	float:left;
	padding:3px 0;
}
.long {
	clear:left;
}

#billboard_preview input {
	width:250px;
	float:left;
}
#billboard_preview label {
	width:80px;
	color:#fff;
	font-size:14px;
	float:left;
}
#billboard_preview .s_left {
	width:220px;
}
#billboard_preview .s_left input, #billboard_preview .s_left select {
	width:130px;
}
#billboard_preview .s_right {
	clear:none;
	width:114px;
}
#billboard_preview .s_right label {
	width:40px;
}
#billboard_preview .s_right input, #billboard_preview .s_right select {
	width:70px;
	float:right;
}
#billboard_preview .odurr label {
	width:210px;
}
#billboard_preview .odurr input {
	width:120px;
}
#agree_to_terms, #agree_to_terms2 {
	width:260px !important;
	margin-left:80px;
	padding-top:10px;
	font-size:13px !important;
}
#agree_to_terms input, #agree_to_terms2 input {
	margin-right:10px;
}
#billboard_preview p, #billboard_preview li {
	font-size:13px;
	color:#fff;
}
#billboard_preview li {
	margin:6px 0 0 15px;
}

#submit_and_register, #register, #checklist {
	position:relative;
	top:110px;
	width:380px;
	float:left;
	padding:10px;
}
#submit_and_register {
	padding-top:0 !important;
}

#submit_and_register, #register {
	width:364px;
	padding:10px 0 0 30px;
}
#submit_and_register, #register legend {
	margin-top:10px;
}

#submit_and_register label.error, #register label.error {
	display:none !important;
}
#submit_and_register input.error, #register input.error, #submit_and_register select.error, #register select.error {
	border:1px solid #A12424;
	background-color:#EBB5B5;
}

#submit_header, #submit_header2 {
	margin-bottom:8px;
}
#see_regions {
	color: #fff;
}
#agree, #agree2 {
	width:20px !important;
}
#checklist {
	margin-left:10px;
}
#checklist li {
	font-size:13px;
}
#forgot_pass, #see_regions {
	font-size:12px;
	line-height:18px;
	height:18px;
	vertical-align:middle;
}
#loading {
	display:block;
	width:32px;
	height:32px;
	background:transparent url('img/ajax_load.gif') 0 0 no-repeat;
	float:left;
	margin:90px 400px;
}
#print_billboard {
	display:block;
	height:17px;
	background:transparent url('img/icon_printer.png') 0 0 no-repeat;
	padding-left: 20px;
}
#psa_materials p {
	line-height: 12pt;
	margin-top: 2px;
	margin-bottom: 2px;
}
#psa_materials h4 {
	margin-top: 18px;
	margin-bottom: 0px;
}
#psa_materials ul {
	list-style: none;
	margin-bottom: 20px;
}
#psa_materials a {
	text-decoration: underline;
	color: #000;
}
#psa_materials a:hover {
	text-decoration: none;
	color: #000;
}
#psa_started a:hover {
	text-decoration: underline;
	color: #000;
}
#slideshow {
	color: 000;
}
#psa_back {
	display: block;
	border-top: solid 2px #d9d9d9;
	margin-bottom: 30px;
	width: 100%;
	text-align: right;
}
#psa_back h4 {
	color: #58595b;
	margin:8px 80px 0;
	font-weight: bold;
}
#psa_back p {
	margin-top: 3px;
	margin-right: 50px;
}
#psa_back_step {
	float:right;
	display:block;
	width:61px;
	height:15px;
	background:transparent url('img/tool_back.png') 0 0 no-repeat;
	margin:-25px 4px 0 0;
}
#psa_back_step:hover { background-position:0 -15px; }
.small_link {
	float:right;
	clear:right;
	width:221px;
	color:#000;
	font-size:11px;
}
.small_link a {
	color:#000;
	text-decoration:underline;
}
#theme_a, #theme_b, #theme_c { display:none; }
.visible { display:inline !important; }

#essay_contact_form_link {
	color: #7AC143;
}
#essay_contact_form_link:hover {
	text-decoration: underline;
}
.margin-top {
	margin-top:15px;
}
label a {
	margin-right: 10px;
}

label.error {
	color:#f00;
	font-weight: bold;
	margin-left: 15px;
}


