/* ----------------------------- RADIO/CHECKBOX  -----------------------------*/

div#container form table tr.ans td:hover {
   background-color: #A7CBDF;
}

.AnsSelected {
    background-color: #7DBADF;
}

table.Radio {
    margin-bottom: 10px;
}

td.radio {
   vertical-align: top; 
   padding: .3em .2em .35em .15em;
}

td.radio1 {
   vertical-align: top; 
   padding: .3em .2em .35em .15em;
}

td.checkbox {
   vertical-align: top;
   padding: .3em .2em .35em .15em;
}

td.checkboxMIDDLE {
   vertical-align: middle;
   padding: 0 0 0 .4em;
}

label {
   /* display: block;   ....this line will force the other box to wrap under the "Other..: label*/
   padding: 3px 5px 3px 5px;
   margin: 0;
}

input.openend {
   padding: .15em .2em;
}
      
tr.other td {
   vertical-align: middle;
   padding-top: 0;
   padding-bottom: 0;
}

   tr.other label {
      float: left;
      vertical-align: top;
      padding: .45em 3px .45em 5px;
   }

   tr.other input.openend {
      margin: .15em;
   }
   
td.pic1 {
	text-align: center;
	border: 1px solid silver;
}

td.pic2 {
	border-top: 1px solid silver;
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
}

td.pic3 {
	border-top: 1px solid silver;
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
}

td.pic4 {
	text-align: center;
	border-top: 1px solid silver;
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
}

td.button1 {
	padding: 10px;
	text-align: center;
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
}

td.button2 {
	padding: 10px;
	text-align: center;
	border-right: 1px solid silver;
}

td.button3 {
	border-right: 1px solid silver;
}

td.button4 {
	padding: 10px;
	text-align: center;
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
}
   
/* ----------------------------- DROP DOWN  -----------------------------*/

select {
   font-size: 1em;
   padding: 2px;
}
   
/* ----------------------------- XB  -----------------------------*/
						    
tr.alt {
	background-color: #EFEFEF;
}
	
table.XB { }

table.XB tr.XBRow  { }
table.XB tr.XBRow Error {
    background-color: yellow;
}


table.XB td.XBRadio {		                  /* td containing the radio buttons */
	height: 25px;
	border-bottom: 1px solid silver;

	text-align: center;
}

table.XB rs.XBRow td.clickable {		          /* td containing the radio buttons */
	height: 25px;
	border-bottom: 1px solid silver;
	text-align: center;
}

   td.RadioH  {                   /* TD highlight when clicked (JS) */
      background-color: #9BB9CF;
   }
   
    div#container table.XB tr.XBRow td.clickable:hover {	/* highlight when hovering over an XBRadio clickable td */
    	background-color: #CED7DE;
    }
    
		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: #CED7DE;
		}   

table.XB td.XBHeader {                       /* td containing the column labels */
	text-align: center;

	line-height: 1.2em;
	padding: 1px 4px 3px 4px;
	background-color: #efefef;
}



table.XB td.XBHeaderS {                      /* td containing the column labels */
	text-align: center;

	line-height: 1.2em;
   font-size: smaller;
	padding: 1px 4px 3px 4px;
	background-color: #efefef;
	vertical-align: bottom;
}


table.XB td.XBText {                            /* column cell containing text, no adio button */
   padding: 2px 4px 2px 4px;
   border-bottom: 1px solid silver;

   text-align: center;
}


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


td.error {
	color:#FF0000;
}

/* --------------------- PROGRESS BAR --------------------- */
div.progress {
	padding-right: 15px;
	float: right;
}

/* --------------------- TRACKING PAGE CONTROLS --------------------- */

td.trackingtd0 {
	border-bottom: solid gray;	
}

td.trackingtd1 {
	border-bottom: 1px solid gray; 
	padding-right: 15px;
}

td.trackingtd2 {
	border-bottom: 1px solid gray; 
	text-align: right;
}

/* -- CBC -- */

.Alternative {
   background: #efefef;
   text-align: center;
   padding: 4px !important;
   border-top: 1px solid silver;
}

.Field {
   text-align: center;
   padding: 3px;
   color: black;
}

.Alt1, .Alt2 {
   /*   background: #e3e3e3;*/

   border-left: 1px solid silver;
	padding: 5px 3px;
	text-align: center;
	vertical-align: middle;
}



.Alt3 {
   /*   background: #e3e3e3;*/

	border-right: 1px solid silver;
   border-left: 1px solid silver;
	padding: 5px 3px;
	text-align: center;
	vertical-align: middle;
}




.Attribute {

	text-align: center;
	font-weight: bold;
	border-left: 1px solid silver;
	border-top: 1px solid silver; 
	padding: 5px;
}



.AttributeB {
	background-color: white; 
	border-left: 1px solid silver; 
	border-top: 1px solid silver; 
	padding: 5px;
}




.Buy12 {
	border-left: 1px solid black; 
	border-top: 1px solid black; 
	border-bottom: 1px solid black; 
}




.Buy3 {
	border: 1px solid black; 
}


.Prefer12 {
	border-left: 1px solid black; 
	border-bottom: 1px solid black; 
}

.Prefer3 {
	border-left: 1px solid black; 
	border-bottom: 1px solid black;
	border-right: 1px solid black; 
}


.CBCChoice {
	background-color: #B3D5EF;
}

.CBCChoice1 {
	background-color: #B3D5EF;
}

.CBCChoice2 {
	background-color: #FA8072;
}

div#container table tr td.CBCChoice1:hover {	/* highlight when hovering over an x5b-radio td */
	background-color: #DFF1FF;
}

div#container table tr td.CBCChoice2:hover {	/* highlight when hovering over an x5b-radio td */
	background-color: #FFDAB9;
}

.Alt {
	text-align: center;
	font-weight: bold;
	padding: 10px;
   border-left: 1px solid silver;
   border-right: 1px solid silver;
}

.AttTitle {
	text-align:center;
	font-weight: bold;
	padding: 10px;
   border-left: 1px solid silver;
   border-right: 1px solid silver;
}

.AttSmall {
	text-align:center;
	font-size: 10px;
	font-weight: normal;
	padding-top: 10px;
}
   
.Alt11, .Alt22  {
   /*border-right: 1px solid silver;*/
   padding: 0 6px;
	vertical-align:top;

}


.Alt1 ul, .Alt2 ul, .Alt11 ul, .Alt22 ul{
	margin: 5px 0;
   padding-left: 18px;
   text-align: left;
}

/* ----------------------------------------- MAXDIFF STYLES */


table#MaxDiff {
   border-collapse: collapse;
   margin: 0 auto 10px auto;
   



}


   table#MaxDiff thead tr td {
      text-align: center;
      padding: 3px 15px;
      font-weight: bold;
   }
   



   div#container table#MaxDiff tr td.MDRadio:hover {	/* highlight when hovering over an x5b-radio td */
	   background-color: #CED7DE;




   }
   
   table#MaxDiff tr.MDRow td {
   	border-bottom: 1px solid silver;
      text-align: center;
      height: 25px;
      padding-left: 10px;
      padding-right: 10px;
   }
   
   table#MaxDiff td.MDRadio {
      vertical-align: middle;
      padding: 0;
   }
   
   table#MaxDiff td.MDRadioH {
      background-color: #9BB9CF;
      vertical-align: middle;
      padding: 0;
   }

   span.QCount {
      display: block;
      margin-top: 10px;
      text-align: center;
   }
   
div#container table tr td.x5b-radio:hover {	/* highlight when hovering over an x5b-radio td */
	background-color: #CED7DE;
}

/* ----------------------------------------- SURVEY SPECIFIC STYLES */




   td.textlabel {
      text-align: right;
      padding: 0 4px 0 0;
   }

   td.textbox {


      padding: 3px 0;   

   }
   
   p.warning {			/* inline warning - inserted at "<%=g_pageWarning%>" */
		border-top: 2px solid  #24b300;
		border-bottom: 2px solid #24b300;

		background-color: #b2ff9f;
		padding: 5px 10px 4px 32px;
		background-image: url(images/warning_icon.gif);
		background-repeat: no-repeat;
		background-position: left;
	}
	

	.x5b-radio-left	{	border-bottom:1px solid silver;}