html, body { background: #666; height:100%; }
html { margin:0px auto; padding:0px; }
#content { background: #fff; height:100%;}
#footer { background:#4680c0; width:800px; }
#footer p, #footer a {
	text-align:center;
	color:#fff;
	text-decoration:none;
	padding-top:8px;
	padding-bottom: 8px;
}
#main { margin:0px auto; padding:0px; vertical-align:top; height:100%; }
#test1 { vertical-align:top;}
#survey_content { 
	margin:0px; padding:0px;
	padding:0px 40px;
	padding-top:14px;
	width: 90%;
}
#main_top {
	display:block;
	width:800px;
	
	margin:0px; padding:0px; padding-top:14px;
}
#main_bottom {
	display:block;
	height:14px;
	width:800px;
	
}
#empty { clear:both; }
BODY {
  padding:                          0px;
  margin:                           0px auto;
  scrollbar-face-color:             #6795E5;
  scrollbar-highlight-color:        #6795E5;
  scrollbar-shadow-color:           #6795E5;
  scrollbar-arrow-color:            #FFFF00;
  scrollbar-base-color:             #ffffff;
  scrollbar-dark-shadow-color:      #6795E5;
  font-size:                        12px;
  overflow:                         auto;
  line-height:                      17px;
  font-family:                      Verdana, Georgia, Arial, Helvetica, sans-serif;
  text-align:						center;
}

#left_shade {
   background:url("shade_left.png") repeat-y right;
   margin:0px auto;
}
#right_shade {
   background:url("shade_right.png") repeat-y left;
   margin:0px auto;
}

TABLE {
  font-size:                        11px;
  margin:                           0px;
  color:                            black;
  letter-spacing:                   0px;
}

TR {
  font-size:                        11px;
  margin:                           0px;
  color:                            black;
  letter-spacing:                   0px;
}

TD {
  font-size:                        11px;
  margin:                           0px;
  color:                            black;
  letter-spacing:                   0px;
}

A {
  font-weight:                      normal;
  color:                            #DB1010;
  text-decoration:                  none;
}

A:link {
  color:                            #000;
}

A:visited {
  color:                            #000;
}

A:hover {
  color:                            #000;
  text-decoration:                  underline;
}

.button_small {
  width:                            80px;
  background-color:                 #F6FFE4;
  border:                           1px solid #000000;
  color:                            #000000;
  font-weight:                      bold;
}

.button_wide {
  width:                            120px;
  background-color:                 #F6FFE4;
  border:                           1px solid #000000;
  color:                            #000000;
  font-weight:                      bold;
}

.scalecolumn {
  text-align:                       left;
  padding:							5px;
  vertical-align:top;
}


.ItemsPopupTable {
  cell-spacing:                     none;
  padding:                          0px;
}

.ItemsPopupCell {
  text-align:                       center;
}

.XPointsCell {
  text-align:                       center;
}

.GridLine1 {
  background-color:                 #DCFF93;
}

.GridLine2 {
  background-color:                 #F6FFE4;
}


DIV.TotalFont {
  text-align:                       right;
  padding-top:                      10px;
}
DIV.QuestFont {
  font-weight:                      bold;
}

.pbDone {
  background-color:                 #DB1010;
}

.pbToDo {
  background-color:                 #F6FFE4;
}

TD.checkbox { 
	text-align:center;
	vertical-align:top;
}
TD.radio { 
	text-align:center;
	vertical-align:top;
}

TD.item { 
	text-align:center;
	vertical-align:top;
	padding-top:2px;
}
table.MRTable TD{
	text-align:left;
	vertical-align:top;
}

table.SRTable TD{
	text-align:left;
	vertical-align:top;
}
TD.HeadFrame {
  padding:                          30px 40px;
  height:                           181px;
  color:                            #FFFFFF;
  font-size:                        24px;
  font-weight:                      bold;
  text-align:                       right;
  vertical-align:                   top;
  background:						url(images/header.jpg) top center no-repeat;
  /*border:							1px solid #ccc;*/
}

TD.QuestFrame {
  padding:                          15px;
  text-align:                       left;
  vertical-align:                   top;
}

TD.ButtonFrame {
  padding-left:                     0px;
  height:                           42px;
  text-align:                       left;
  vertical-align:                   top;
}

DIV.scrollable {
  height:100%;
  vertical-align:top;
  width:                            800px;
  /*height:                           400px;
  overflow-y:                       auto;*/
}

.filteredText {
  height:                           50; 
  color:                            #FFFF00; 
  Filter:                           Blur(Add = 1, Direction = 135, Strength = 2);
}
.OptionFont { padding:5px; vertical-align:top;}
.OptionFont A:link {color:#000000;}
.OptionFont A:visited {color:#000000;}
.OptionFont A:hover { text-decoration:none; color:#0000FF;}

.bob{
	float:left;
	display:block;
	font-weight:bold;
	margin-right:5px;
	width:149px;
	margin-top:0px;
	vertical-align:middle;
	text-align:right;
	padding-right:0px;

}

.bob2{
	float:left;
	display:block;
	font-weight:bold;
	margin-right:12px;
	width:149px;
	margin-top:0px;
	vertical-align:middle;
	text-align:right;
	padding-right:0px;
}


/* checkboxes et al */

.uncheckbox{display:block; text-align:center; width:20px; height:20px; background:url(/images/checkbox/box_empty.gif) no-repeat center; margin:0px; padding:0 10px 0 0; cursor:pointer;}
.checkbox{display:block; text-align:center; width:20px; height:20px; background:url(/images/checkbox/box.gif) no-repeat center; margin:0px; padding:0 10px 0 0; cursor:pointer;}

.uncheckboxL{display:inline; float:left; width:20px; height:20px; background:url(/images/checkbox/box_empty.gif) no-repeat center; margin:0px; padding:0 10px 0 0; cursor:pointer;}
.checkboxL{display:inline; float:left; width:20px; height:20px; background:url(/images/checkbox/box.gif) no-repeat center; margin:0px; padding:0 10px 0 0; cursor:pointer;}

.unradio{display:block; text-align:center; width:20px; height:20px; background:url(/images/checkbox/radio_empty.png) no-repeat center; margin:0px; padding:0 10px 0 0; cursor:pointer;}
* html .unradio{background:url(/images/checkbox/radio_empty.gif) no-repeat center;}
.radio{display:block; text-align:center; width:20px; height:20px; background:url(/images/checkbox/radio.png) no-repeat center; margin:0px; padding:0 10px 0 0; cursor:pointer;}
* html .radio{background:url(/images/checkbox/radio.gif) no-repeat center;}

.unradioL{display:block; float:left; width:20px; height:20px; background:url(/images/checkbox/radio_empty.png) no-repeat center; margin:0px; padding:0 10px 0 0; cursor:pointer;}
* html .unradioL{background:url(/images/checkbox/radio_empty.gif) no-repeat center;}
.radioL{display:block; float:left; width:20px; height:20px; background:url(/images/checkbox/radio.png) no-repeat center; margin:0px; padding:0 10px 0 0; cursor:pointer;}
* html .radioL{background:url(/images/checkbox/radio.gif) no-repeat center;}


/* questions */
#qtable{color:#036803;}

/* --- TEXTBOX CONTROL --- */
.textBox {
	border:1px solid #93D8F9;	
	background: #E0E8F0;
	color :Blue;
 }

/* Manage the roll over on textbox control */
.textBox-hover {
	border:1px solid #003498;
	color:Blue;
 }

/* --- LABEL WHICH CONTENT THE RESPONSE CAPTION --- */
.response {
	padding-left:15px;
 }

/* --- IMAGE INSTEAD OF CHECKBOX --- */
.unchecked {
	border : 4px solid white;
 }
.checked {
	border : 4px solid red;
 }


/* First Cells of body (Text of loop items) */
.tblFirstBodyCells {
	border-left:1px solid #93D8F9;
	border-right:1px solid #93D8F9;
	border-bottom:1px solid #93D8F9;
 }
 
 
.open input{margin: 5px 0 5px 0;}