body {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 12px;
   background-color : #DDDDDD;
   margin : 0px;
   padding : 0px;
   overflow : hidden;
}

#skip a, #skip a:hover, #skip a:visited  {
    position:absolute;
    left:0px;
    top:-500px;
    width:1px;
    height:1px;
    overflow:hidden;
}
#skip a:active, #skip a:focus {
    position:static;
    width:auto;
    height:auto;
}



body.questionSet {
   background-image : url('/dhqweb/images/background_new.gif');
   background-repeat : y-axis;
}

div {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 12px;
}

/* enclosing div id for the top section (header and linkbar) */
#top {
   position : absolute;
   top : 0px;
   left : 0px;
   width : 100%;
   border-bottom : 2px solid black;
   background-color : #96C8A2;
}

#ncilogo {
   border-bottom : 2px solid black;
   background-color : #B65627;
}

#header {
   background-image : url('/dhqweb/images/veggiesbanner2.jpg');
   border-bottom : 2px solid black;
   height : 62px;
}

#linkbar {
   border-bottom : 2px solid black;
}

#separator {
   border-bottom : 1px solid black;
}

#linkbar td.status {
   padding : 6px;
}

#linkbar a {
   display : block;
   padding : 6px;
   color : #003300;
   font-weight : bold;
   font-size : 12px;
   border-right : 1px solid #365736;
}

#linkbar a:hover {
   background-color : #8FBC8F;
}

#statusbar {
   font-size : 11px;
   padding : 4px;
}

#sideNav {
   position : absolute;
   top : 197px;
   left : 0px;
   bottom : 63px;
   width : 250px;
   overflow : auto;
   font-size : 12px;
}

#instructions {
   background-color : #FFFFDD;
   border-bottom : 1px solid #666666;
   position : absolute;
   top : 156px;
   left : 0px;
   height : 40px;
   width : 250px;
   overflow : auto;
}

#footer {
	position : absolute;
	bottom : 0px;
	left : 0px;
	width : 250px;
	height : 62px;
	border-top : 2px solid #666666;
	z-index : 999;
}

#questionSet {
   position : absolute;
   top : 156px;
   left : 252px;
   bottom : 0px;
   right : 0px;
   overflow : auto;
}

/* this is used for everything except question sets */
#content {
   position : absolute;
   top : 156px;
   left : 0px;
   bottom : 0px;
   right : 0px;
   padding : 10px;
   overflow : auto;
}

a {
   color : #006400;
}

form {
   margin : 0px;
   padding : 0px;
}

#exportType{
	display:block;
}	

#exportFormat{
	display:block;
}	

#exportIncomplete{
	display:block;
}	

.standardVerticalSpace {
		height : 20px;
}	

.column_link {
   color : #000000;
   font-weight : bold;
}

td.navseparator, td.navcaption {
   color:#003300;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 13px;
   font-weight:bold;
}

td.nolink {
   color : #999900;
   font-weight : bold;
   font-size: 12px;
}

#error {
   width : 99%;
   color : #FF0000;
   background-color : #FFDDDD;
   margin-bottom : 10px;
}

#message {
   background-color : #4682B4;
   color : #ffffff;
   border : 2px solid #00688B;
   padding : 6px;
   margin-bottom : 10px;
}


.hidden{
  display:none;
}

span.title {
   font-size : 18px;
   font-weight : bold;
}

span.subTitle {
   font-size : 11px;
}

span.index {
   color : #006400;
   font-weight : bold;
}

span.inactive {
   color : #999900;
}

div.padded {
   padding : 10px;
}

div.section {
   font-weight : bold;
}

div.section a {
   text-decoration : none;
}

div.container {
   padding : 4px;
   margin-left : 30px;
   text-decoration : none;
}

div.set {
   margin-bottom : 2px;
}

div.set a {
   text-decoration : underline;
}

div.start {
	background-color : white;
	width : 75%;
}

div.log_out {
	background-color : white;
	width : 57%;
}

td.hiddenSet {
   /*text-decoration : line-through;*/
   color : #AAAAAA;
}

td.hiddenSet a {
   color : #AAAAAA;
}

td.visibleSet {
   font-size : 12px;
}

td.selectedSet {
   width : 100%;
   padding : 2px;
   background-color : #EEEEFF;
   border : 1px solid #AAAAFF;
   font-weight : bold;
}

td.selectedSet a {
   color : blue;
}

/* div class for the memo before a question */
div.memo {
   width : 99%;
   margin-bottom : 10px;
   color : black;
   background-color : white;   
   font-weight : bold;
}
table.memoTable{
   color : black;
   background-color : white;   
   font-weight : bold;
}
/* enclosing div for an entire question (prompt and choices) */
div.question {
   width : 99%;
   margin-bottom : 10px;
   background-color : white;
}

table.prompt {
   width : 100%;
   border-bottom : 1px solid #555555;
}

td.picture {
   text-align : left;
   border-right : 1px solid #555555;
   width : 60px;
}

td.picture img {
   display : block;
}

td.prompt {
   padding : 6px;
   background-color : #DDEEDD;
}

td.mirror {
   background-color : #CCDDCC;
   width : 100px;
   border-right : 1px solid #AAAAAA;
}

td.mirror_checkbox {
   background-color : #DDEEDD;
   width : 24px;
   padding-left : 4px;
   text-align : center;
}

td.choicePicture {
}

td.choicePicture img {
   width : 32px;
   height : 32px;
   display : block;
}

div.choiceArea {
	padding:6px;
	max-height:250px;
	overflow:auto;
}

img {
   border : 0px;
}

input {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size: 10pt;
}

.headerLink { 
   color:#96C8A2; 
   text-decoration:underline;
}

table.viewable { /* this puts the border around the tables */
   background-color: #EEE;
   border : 2px solid black;
}

table.choices {
}

td {
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 12px;
}

tr.even, td.even {
   background-color:#C2D1C6;
}

tr.odd, td.odd  {
   background-color:#EEE;
}

tr.header, td.header {
   color : #003300;
   background-color : #96C8A2;
   font-weight : bold;
   font-size : 12px;
   border-bottom : 2px solid black;
}

th.subheader {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight:bold;
   background-color:#8FBC8F;
}

td.nav {
   color: #FFFFFF;
   background-color : #36C;
   border-style:solid;
   border-color:#000;
}

.editorDetailLabel { 
   text-align : right;
   white-space: nowrap; 
   vertical-align: top; 
   font-weight:bold;
   font-size: 13px;
   height: 22;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}

.editorDetailText {
   font-size: 13px;
   height: 22;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}

.editorDetailLabelEditable { 
   text-align : right;
   white-space: nowrap; 
   vertical-align: top; 
   background-color:#C2D1C6; 
   font-weight:bold;
   font-size: 13px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}

#loginbox {
  margin-left: auto;
  margin-right: auto;	
  background-color : white;
  border : 1px solid black;
	width : 80%;
}

#hhs_warning {
   margin-left: auto;
   margin-right: auto;   
   font-size: 80%;
   border : 1px solid black;
   width : 80%;

}