/*  Copyright ©2008 TwinAct LLC (info@twinact.com). All Rights Reserved.
 *  Filename: urban-DNA.css
 *  Description: Style sheet for urban-DNA
 */

body { background-color: #ffffff; margin: 0px; text-align: center; 
    font-size: 9pt; font-family: Verdana, Arial, Helvetica, sans-serif; } 
td { font-size: 9pt; font-family: Verdana, Arial, Helvetica, sans-serif; }
a { color : #333333; text-decoration: none; }
a:hover { color : #ed1c24; text-decoration: none; }

#sitebg { position: relative; width: 800px; margin:0px auto; text-align: left;}
#frame { padding: 0px 40px; }

#content { clear: left; padding-top: 10px; }
#contentbody { padding: 0px 20px 10px 20px; border: 1px solid #e4e2d7;}
#points { font-size: 10pt; }
/* for minimum-height  http://www.greywyvern.com/code/min-height-hack.html */
#prop { float: right; width: 1px; height: 450px; }
#base { clear: both; height: 1px; overflow: hidden;}
/* #content a { color: #444444; text-decoration: none; } Change for contact page
#content a:hover { color: #24B0A7; text-decoration: none; } */

#footer { text-align: center; font-size: 7pt; color: #666666; margin-left: 10px; margin-right: 10px; padding: 20px 0px 10px 0px; }
#footer a { color: #666666; text-decoration: none; }
#footer a:hover { color : #ed1c24; text-decoration: none; }
#copy { text-align: left; font-size: 7pt; color: #fbf9f4; padding: 4px; }

#topbar { height: 30px; text-align: right; font: bold 9pt Verdana, Helvetica, sans-serif; color: #000000; background-color: #ffffff;}
#topbar div { padding: 4px 10px 0px 10px; }
#topbar a { color: #000000;  text-decoration: none; padding: 0px 8px 0px 8px;}
#topbar a:hover { color : #ed1c24; text-decoration: none; }
#topbar select { border: 1px solid #cccccc; font-size: 9pt; }
/*
#navigation { text-align: center; font: bold 10pt Verdana, Helvetica, sans-serif; color: #fbf9f4; background-color: #dd0000;}
#navigation a { color: #fbf9f4;  text-decoration: none; padding: 4px 8px 0px 8px;}
#navigation a:hover { color : #f7e5b8; text-decoration: none; }
#navigation a.tabon { color: #f7e5b8; text-decoration: none; }
*/
#navbar img { float: left; }
#navigation { float:left; margin: 48px 50px 0px 20px; text-align: left; font: bold 11pt Verdana, Geneva, Helvetica, sans-serif; color: #cccccc; }
#navigation a { color: #000000;  text-decoration: none; padding: 4px 8px 0px 8px;}
#navigation a:hover { color : #ed1c24; text-decoration: none; }
#navigation a.tabon { color: #ed1c24; text-decoration: none; }

img { display: block; }
form { margin: 0px; }

h1 { font-size: 18pt; font-weight: normal; color: #333333; margin-top: 0px;}
h1#pageheader { font-size: 16pt; font-weight: bold; height: 27px; color: #ffffff; margin: 0px; padding: 4px 10px; background: #ed1c24 url(../images/headerbar.gif); }
h3 { font-weight: bold;  font-size: 11pt; color: #666666; }
h5 { font-weight: bold;  font-size: 10pt; color: #666666; margin-top: 0pt;}
h6 { font-style: italic;  font-size: 8pt; color: #666666; margin-bottom: 0pt;}
.header { font-weight: bold;  font-size: 10pt; color: #9EE8E2; border-bottom: 1px solid #dddddd; }
.label, .rightlabel, .toplabel{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt; 
	font-weight: bold; 
	color : #666666; }
.formlabel { 
    text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt; 
	font-weight: bold; 
	color : #666666; }
input.text { width: 120px; }
.note { font-size: 8pt; }
table#points td { font-size: 8pt; }

h3.boxtop { margin: 0px; background-color: #eeeeee; padding: 4px 10px; }
div.boxpadding { padding: 10px; }
div.boxpadding h3 { margin-top: 0px; background-color: #eeeeee;  }

div.faq { font-weight: bold; margin-bottom: 6px; cursor: hand; cursor: pointer; text-decoration: none;}
div.faq_highlight { font-weight: bold; margin-bottom: 6px; cursor: hand; cursor: pointer; text-decoration: underline; }
div.faqa { display: none; padding: 10px; background-color: #eeeeee; margin-bottom: 6px; } /* display:none to hide */
div.faqa_display { display: block; padding: 10px; background-color: #eeeeee; margin-bottom: 6px; }

.instructions { 
	} 
.stem {
	padding: 20px 10px 0px 25px; 
	text-indent: -25px; 
	}
.choices { 
	margin: 5px 40px 0px 40px; 
	} 
.choice { 
	padding: 0px 0px 0px 15px; 
	text-indent: -40px; 
	} 
.formbutton { 
	font-family: Arial, Verdana, sans-serif;
	font-size:8pt;
	font-weight: bold;
	color: #ffffff;
	background-color: #ed1c24; 
	text-align : center;
	cursor: pointer;
	cursor: hand;  
	}

div#alert{ color: #cc0000; font-weight:bold; text-decoration: underline; padding: 10px; }

/* These are the latest styles for surveys */
span.qnumber { color:#000000; font-weight: bold; }
/* IE will not display correctly without borders on the blocks */
div.qblock1 { padding: 10px; background-color: #ffffff; border: 1px solid #ffffff; }
div.qblock1 div.stem { padding: 0px 10px 0px 25px; text-indent: -25px; }
div.qblock2 { padding: 10px; background-color: #eeeeee; border: 1px solid #eeeeee; }
div.qblock2 div.stem { padding: 0px 10px 0px 25px; text-indent: -25px; }
div.checkgrid { border: 1px solid #000000; height: 160px; width: 200px; overflow: auto; background-color: #ffffff; } 
th.scale { text-align: center; vertical-align: top; font-size: 8pt; }
/* For the admin pages */
table.data { background-color: #666666; }
table.data th { background-color: #ffffff; text-align: center; }
table.data td { background-color: #ffffff; }

#survey { clear: left; }
#survey #frame { padding: 0px; }
#survey #contentbody { padding: 0px; border: 1px solid #e4e2d7;}