/* --------------------- FORM / PAGE CONTENT --------------------*/
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 {		/* ensures that paragraph margins remain consistent in FF and IE */
	margin: 13px 0;
}


p.DevelopersBox {
	background-color: #f0e68c;
	padding: 6px;
	border: 1px solid black;
}

p.IdeaBox {
	background-color: #f0e68c;
	padding: 6px;
	border: 1px solid black;
}

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

span.highlight {	/* highlighted text, use this instead of blue/red text :) */
	background-color: #FFBA4F;	
	padding: 2px 4px;
	line-height: 1.5em;
	white-space: nowrap;
}

span.small {
   font-size: smaller;
}

div.next {
	margin: 15px 0 0 0;
}

.alt {
   background-color: #f3f3f3;
}

   }

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;
   }

/* --------------------- FORM CONTROLS --------------------*/

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

div#container table tr td.x5b-radio:hover {
	background-color: #a3baff;
}  
      
      label {
         display: block;
         padding: 5px 5px 3px 5px;
      }
      
      input {
         margin: 0;
         padding: 0;
      }
      
      td.radio {
         vertical-align: top; 
         padding: .55em 0 0 .4em;
      }
      
      td.checkbox {
         vertical-align: top;
         padding: .5em 0 0 .4em;         
      }
      
      .other {
         margin: 0 5px 3px 3px;
         padding: 3px 3px 2px 3px;
      }
      
      td.AddrFormInput input {
         padding: 3px 3px 2px 3px;
      }


/* ----------------------------------------- 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 */
	height: 25px;
	border-bottom: 1px solid silver;
	text-align: center;
}
	
div#container table tr td.x5b-radio:hover {	/* highlight when hovering over an x5b-radio td */
	background-color: #CED7DE;
}

td.x5b-header-item { 	/* td containing the column labels */
	text-align: center;
	line-height: 1.2em;
	padding: 1px 0 3px 0;
	background-color: #efefef;
}


.xbc-label {
	border-bottom: 1px solid silver;
	padding: 4px 3px 4px 0;
}

.xbc-radio {
	border-bottom: 1px solid silver;
	padding: 4px 3px 4px 0;
}

.xbc-checkbox {
	border-bottom: 1px solid silver;
	padding: 4px 3px 4px 0;
}

.xbc-header-item {
	font-weight: bold;
	text-align: center;
}

.xbc-header2-item {
	padding-top: 5px;
	text-align: center;
}

td.x2c-header2-item{ 	/* td containing the column labels */
	text-align: center;

}

.x2c-label {
	border-bottom: 1px solid silver;
	padding: 4px 3px 4px 0;
}

.x2c-checkbox {
	border-bottom: 1px solid silver;
	padding: 4px 3px 4px 0;
	background: none;
}

td.error {
	color:#FF0000;
}

div.progress {
	padding-right: 15px;
	float: right;
}

td.progress {
	padding-left: 350px;
}


		td.child {
			padding: 0 0px 0px 0;
			height: 35px;
			text-align: left;
			white-space: nowrap;
		}
		td.agegen {
			text-align: center;
			padding-top: 3px;
		}
		td.head {
			text-align: center;
			vertical-align: bottom;
		}


        #ScaleContainer {
            border: 0px solid red;
            width: 700px;
            height: 39px;
            padding: 0;
            margin: 0 0 0 0px;
        }

        #Key {
            background: url(images/line3.gif);
            background-repeat: no-repeat;
            background-position: 0px 9px;
        }
        
        .pos {
            padding: 0;
            width: 51px;
            border-right: 0px solid green;
            float: left;
            line-height: .5em;
            height: 40px;
            background-color: none;
            text-align: center;
        }
        
        .draggable {
            width: 18px;
            margin: 4px auto 0 auto;
            cursor: e-resize;
            padding-left: 3px;
        }
        
        .delete {
            margin-top: 10px;
            cursor: pointer;
        }
        
        #dragA {}
        #dragB {}
        #drag3 {}
        #drag4 {}
            
        .active {
            background-color: yellow !important;
        }