body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: smaller;
   text-align: center;
   behavior: url("csshover2.htc");
   margin: 0;
   padding: 5px 0 0 0;
}

#container {    /* styling for container; contains entire page. combos that work: (#CED7DE, #103052) (#F7F7FF, #3F3F3F)  */
	width: 760px;
	margin: auto;
	color: #103052;
	padding: 0;
	border: 1px solid black;
	text-align: left;
}

#header {  /* styling for header ...  margins, padding, border */
   margin: 0 0 0 0;    /* top right bottom left */
   padding: 0;
   background: #003473;
   height: 77px;
   background-image: url(../images/fblc_survey_header.gif);
}

div.next {
	margin-top: 15px;
	padding-left: 0px;
	padding-right: 15px;
}  

#footer {   /* styling for footer... margins, padding, border */
	margin: 0 0 0 0;
	padding: 7px 8px;
	clear: both;
   background: #003473;
   color: white;
   font-size: smaller;
}

   #footer a {
      color: white;
   }

form {   /* padding: top, right, bottom, left */
	margin: 0;
	padding: 5px 15px 15px 15px;
}

table {	/* virtually all tables are border=0 cellpadding=0 cellspacing=0 */
		/* so let's set them that way here instead of specifying the same */
		/* attributes every time! */
		border: 0; 		      /* border = 0 */
		border-spacing: 0;	/* cellspacing = 0 */
		padding: 0;		      /* cellpadding = 0 */
}

p.question {
   font-weight: bold;
   line-height: 1.5em;
}

						/* ----------------------------------------- X5B STYLES */
						
	tr.alt {
		background-color: #e3e3e3;
	}
	
	table.x5b {
	
	}

		td.x5b-label {		/* each "answer" - left-most column */
			border-bottom: 1px solid silver;
			padding: 2px 0 2px 4px;
		}

		td.x5b-radio {		/* td containing the radio buttons */
			border-bottom: 1px solid silver;
			text-align: center;
         vertical-align: middle;
		}
		
			div#container table tr td.x5b-radio:hover {	/* highlight when hovering over an x5b-radio td */
         	background-color: #AFAFAF;
			}

		td.x5b-header-item { 	/* td containing the column labels */
			text-align: center;
			font-size: smaller;
			line-height: 1.2em;
			padding: 3px 5px;
			background-color: #efefef;
		}
						/* ----------------------------------------- X2C STYLES */
      td.x2c-header-item {
			text-align: center;
			font-size: smaller;
			line-height: 1.2em;
			padding: 3px 5px;
			background-color: #efefef;         
      }

      td.x2c-label {
			border-bottom: 1px solid silver;
			padding: 2px 0 2px 4px;         
      }
      
		td.x2c-checkbox {
			border-bottom: 1px solid silver;
			text-align: center;
         vertical-align: middle;         
      }

			div#container table tr td.x2c-checkbox:hover {	/* highlight when hovering over an x5b-radio td */
         	background-color: #AFAFAF;
			}         
						/* ----------------------------------------- RADIO / CHECK STYLES */

      div#container form table tr.ans td:hover {
      	background-color: #e3e3e3;
      }
      
      label {
         display: block;
         padding: 3px 5px 3px 3px;
      }
      
      input {
         margin: 0;
         padding: 0;
      }
      
      td.radio {
         vertical-align: top; 
         padding: .38em 0 0 .4em;
      }
         
         td.radio input {

         }
      
      td.checkbox {
         vertical-align: top;
         padding: .38em 0 0 .4em;         
      }
      
      .other {
         margin: 0 5px 3px 3px;
      }