body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin:0; padding:0;}

html, body {font-family:Arial, Helvetica, sans-serif; font-size: 13px;  margin:0 0!important; padding:0 0; height: 100%;   }


/* PARAGRAPH STYLES */

H1, H2, H3, H4, H5 {font-size:100%;	font-weight:normal;}
H1 {font-size:16px; font-weight:bold; color:#333333; padding:8px 0;}
H2 { font-size:14px; font-weight:bold; color:#333333;}
H3 {}
H4 {}
 
UL, OL {list-style: none; }
li {list-style-type:none;}
 
A { color:#3164ff; text-decoration:underline;}
/*A:visited{ text-decoration:none; color:#;}*/
A:hover {color:#3164ff; text-decoration:none;}
/*A:active { text-decoration:none; color:#;}*/
A:focus {outline:none;}

:focus {outline: 0;}
fieldset, img {border:0;}
q:before, q:after {	content:'';}

input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
input, textarea, select {font-family:inherit; font-size:inherit; font-weight:inherit;}
img { vertical-align: text-bottom; }
img { vertical-align: bottom; *vertical-align: baseline; }

.clr {clear: both;}

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.lF {float:left;}
.rF {float:right;}
.alignCenter {text-align:center;}
.alignRight {text-align:right;}
.alignLeft {text-align:left;}
.underline {text-decoration:underline;}
.emhead {font-size:15px; font-style:italic;}
.imgLeftMargin {margin:0 18px 6px 0;}
.blackHead { font-size:14px; font-weight:bold; color:#000!important;}
.inputGreyBox { background-color:#dddddd; border:1px solid #282828; width:88%;}
.MarginBottom1 {margin-bottom:2px;}

.lftMar{ margin-left:15px;}

.topMar{ padding-top:5px; text-align:left;}
.topMar10{ padding-top:10px;}
.marBtm{ margin-bottom:5px;}

.W150{ width:150px; float:left; font-style:normal;}
.W80{ width:80px; float:left; font-style:normal; font-weight:normal;}
.W120{ width:120px; float:left; font-style:normal;}
.W160{ width:160px; float:left; font-style:normal;}
.W180{ width:180px; float:left; font-style:normal;}
.W250{ width:250px; float:left; font-style:normal;}
.numericQ{
	width:40px;
	display:inline-block;
}

.centered{ text-align:center;}

.headerW{
	
	width:100%;
}
#headerW, #top-thunk {}


/* LAYOUT STYLES */
/* home*/
 #outermost {  padding: 0; margin: 0;  }
#listWrapper{ width:800px; margin:0 auto;  position: relative; padding:0 0; }
#listHeader{ height:80px; padding:10px; height/**/:/**/60px; background:url(../images/header_bg2.gif) no-repeat center top; color:#ffffff;}
#page-content {
        background:#ffffff;
      }
.resultlogo{ float:left;}
.dateresult{ float:right; padding-top:15px;}
.listTopBar{ padding:10px; background:#f5e0f6; height:60px; height/**/:/**/40px; line-height:40px; font-size:22px; color:#111111; text-align:center;}
.progressBar{ border:1px solid #a1c6ed; padding:5px; background:#ffffff;}
.progress{ float:left; width:75%; padding:4px; border:1px solid #cccccc;}
.progressSolid{ background:#3C3; height:12px;}
.progressData{ float:right; width:20%; font-weight:bold;}
.resultBorBtm{ padding:15px 10px; border-bottom:2px solid #cccccc;}

.resultDone{ background:url(../images/grn_tick.png) no-repeat center top; width:6%; padding-top:25px; text-align:center; float:left; }
.resultError{ background:url(../images/error.gif) no-repeat center top; width:6%; padding-top:25px; text-align:center; float:left; }
.resultCurrent{ background:url(../images/current.png) no-repeat center top; width:6%; padding-top:25px; text-align:center; float:left; }
.resultWaiting{ background:url(../images/waiting.png) no-repeat center top; width:6%; padding-top:25px; text-align:center; float:left; }
.resultCont{ float:right; width:92%; text-align:left;}

.legendDone{ background:url(../images/grn_tick.png) no-repeat left top; padding-left:35px; min-height:25px; padding-bottom:10px;  }
.legendCurrent{ background:url(../images/current.png) no-repeat left top; padding-left:35px; min-height:25px; padding-bottom:10px;  }
.legendWaiting{ background:url(../images/waiting.png) no-repeat left top; padding-left:35px; min-height:25px; padding-bottom:10px;  }
.legendError{ background:url(../images/error.gif) no-repeat left top; padding-left:35px; min-height:25px; padding-bottom:10px;  }
.legendCont{ float:right; width:92%; text-align:left;}
.legendClose{
	float:right;
	margin:5px 5px;
	background:url(../images/cross.png) no-repeat;
	display:block;
	height:15px;
	width:15px;
}


.resultCont h6{ font-weight:bold; margin-bottom:5px; font-size:15px; color:#C09;}
.resultCont h6 a{ text-decoration:none; color:#C09;}
.resultCont input[type="text"]{ padding:2px; height:18px;}

.numberedList{
	margin-left:20px;
}
.numberedList li{ list-style:decimal; list-style-type:decimal; margin-bottom:8px; list-style-position:outside; position:relative;}

.paginationResult{ text-align:center; padding-top:15px;}
.paginationResult a{ padding:0 5px; text-decoration:none; color:#3b5998;}
.paginationResult a:hover{ text-decoration:underline;}
.paginationResult a.inactive{ text-decoration:none; color:#666666;}

.listOppositesRow{ padding:5px 0;}
.listoppositesA{ float:left; width:30%;}
.listoppositesB{ float:right; width:30%;}
.listOppRadios{ float:left; width:35%;}


.listContent{ padding:10px; min-height:500px;}
h1.listQuestion{ font-size:14px; font-weight:bold; color:#3d6dff;}
.listSpacing{ padding:8px 0; border-bottom:1px dotted #cccccc; margin-bottom:10px;}
.listSpacing p{ margin-bottom:8px;}
.listTxt{ border:1px solid #cccccc; padding:4px;}
.frmbutttons{ background:url(../images/btn_bg.gif) repeat-x; height:26px;  border:1px solid #b5b5b5; text-align:center; font-size:12px; font-weight:bold; color:#063781; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-decoration:none; padding:0 10px; font-family:Arial, Helvetica, sans-serif; }
.frmbutttons:hover{ color:#008fe6;}

.frmbutttonsMain{ background:url(../images/btn_bg.gif) repeat-x; height:26px;  border:1px solid #3396bb; text-align:center; font-size:12px; font-weight:bold; color:#ffffff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-decoration:none; padding:0 10px; font-family:Arial, Helvetica, sans-serif; background:url(../images/blu_btn_bg.gif) repeat-x; }
.frmbutttonsMain:hover{ color:#008fe6;}
.grnBtn{ height:28px; background:url(../images/send_btn_bg.gif) repeat-x; border:1px solid #030; width:100px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; color:#ffffff;}
/* matrix question*/
.matrix p em{ float:left; width:100px; font-style:normal;}
.matrix{ font-size:11px; }
.matrixRow{ padding:5px; margin-bottom:5px;}
.matrixLft{ float:left; width:100px;}
.matrixRght{ float:left; width:500px; margin-top:10px;}
.matrixCol{ float:left; width:40px; display:inline-block; text-align:center;  min-height:30px; padding:5px 0;}
.matrixRight{ float:left; width:100px; padding:10px 0;}

/* matrix new styles*/
.subQuesiton{ 
		 float:left;
		 width:120px;
}
.subQuesiton input[ type=text]{
		width:115px;
}

.value{
		 float:left;
		 width:75px;
		 text-align:center;
}

.value input[ type=text]{
		width:80px;
}

.surveyPassword{
	background:#eeeeee;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px;
	padding:20px;
	width:400px;
	margin:50px auto;
	text-align:left;
	color:#000000;
	
}
.passwordField{
	height:30px; width:300px; padding:4px; font-family:Arial, Helvetica, sans-serif; font-size:14px;
}
		
.redText{ color:#900;}
.redHead{
	font-size:18px;
	color:#900;
}

.matrixTable td{
	padding:4px;
}

.rankingdrop-drag-holder{
	position:absolute;
	right:0;
	top:0;
	margin-left:15px;
	width:50px;
}

/******** footer **********/


#footerResult{  border-top:2px solid #dddddd;  line-height:30px;}

#footerResult a{ text-decoration:none; color:#333333;}
#footerResult a:hover{ text-decoration: underline;}
		

.txtBold{ font-weight:bold;}