@CHARSET "ISO-8859-1";

/***************************
* Questionnaire
****************************/

div.SurveyFormat {}
div.SurveyFormat, div.SurveyFormat p {width:100%;color:#000000;margin:0px;padding:0px;}
div.SurveyFormat p.heading {font-weight:bold;font-size:110%;margin: 0px 0px 10px 0px;}
div.SurveyFormat div.StdLayout, div.SurveyFormat div.JoinLayout {
	background-color:#dfe6f1;border:solid black 1px;margin: 0px 0px 10px 0px;padding: 5px;}
div.SurveyFormat table tr {}
div.SurveyFormat table th, div.SurveyFormat table td {text-align:center; padding:3px 5px; margin: 0px;}
div.SurveyFormat table td.topborder {border-top:solid 1px #000;}
div.SurveyFormat table th.ques, div.SurveyFormat table td.ques, div.ClassList table td {text-align:left; padding-left: 0px}

div.horiz {font-size:0px;width:100%;border-top:solid 1px #000;padding:0px;margin:0px;height:0px}

#tabformat {border: solid black 1px; padding:0;margin:0;}
#tabformat th {border-top: 0; padding:3px; vertical-align:bottom; }
#tabformat td {border-top: solid black 1px; padding:3px;}
#tabformat td.centercell {text-align:center;}
#tabformat tr.listtitle th {color:#000000;border:0;background-color:#94d6a1;}
#tabformat tr.hand td {cursor:pointer;}
#tabformat tr.priRow td {background-color:#fff;}
#tabformat tr.altRow td {background-color:#eaf5ed;}
#tabformat tr.priRow:hover td, #tabformat tr.divhover td {background-color:#b6cdf2;}
#tabformat tr.altRow:hover td, #tabformat tr.divhover td {background-color:#b6cdf2;}

.questionlabel:hover {background-color:#ace}

/***************************
* Sortable List
****************************/

ul.sortablelist {
    width: 100%;
	border: none;
	list-style-image : none;
	list-style-type : none;
	margin: 0px;
	padding: 10px 0px;
}

li.sortablelist {
	cursor : pointer;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	height: 100%;
	position:relative;
	left:0;
}
.grpheading {
	font-size:110%;
	font-weight:bold;
	margin:0 0 10px 0;
}
.tabs {
	width:100%;
	text-align:right;
	padding:0px;
	margin:0px;
}

.tabImage {
	position:relative;
	top:0px;
	left:0;
	text-align:center;
	padding: 3px 5px;
	margin: 0 0 0 4px;
	float:right;
	font-size:80%;
	opacity:0.33;
	filter:alpha(opacity=33);
}
.tabImage img {
	margin:2px 3px 0 0;
	padding:0;
	vertical-align:middle;
}
.tabImage span {
	vertical-align: 0px}
.tabImage:hover, .tabImage.spanhover {
	background-color:#b6cdf2;
	padding: 2px 4px;
	border: solid darkblue 1px;
	opacity:1;
	filter:alpha(opacity=100);
}

/*.tabs:hover, .tabs span.spanhover {
  	background-color:#eaf5ed;
  	color:#000000;
}*/

#toolTip {
	/*position:absolute;
	padding:3px;
	background-color:#fff;
	color:#000;*/
	position:absolute;
	background-color:#ffc;
	top:0;
	border: 1px black solid;
	padding: 4px 8px;
}

.columns {
	margin: 0px;
	padding: 0 5px 5px 5px;
	background-color:#dfe6f1;
	border: solid black 1px;
	width: 98%;
	/*	min-height: 110px;*/
}
html>body .columns {100%-10px;}

/* All the popup stuff is here. */
#q_bottomtable {
	
}

#bubbleup {
	position:absolute;
}
#bubbleup_img {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/grads/bubbleup.png');
	background: url("../img/grads/bubbleup.png") no-repeat;
	height:50px;
	width:55px;
}
#bubbledn {
	position:absolute;
}
#bubbledn_img {
	height:50px;
	width:55px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/grads/bubbledn.png');
	background: url("../img/grads/bubbledn.png") no-repeat;
	}
.qa_popup {
	position:absolute;
	height:257px;
	width:480px;
}
.qa_background {
	position:absolute;
	height:257px;
	width:480px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/grads/popupbubble.png');
	background: url("../img/grads/popupbubble.png") no-repeat;
	}

.qa_label {
	position:absolute;
	top:20px;
	left:25px;
	height:25px;
	width:350px;
	/*color:#c00;*/
	color:#fff;
	font-family:Comic Sans MS,cursive,Lucida Sans Unicode,Lucida Grande,sans-serif;
	font-size:150%;
	font-weight:normal;
	letter-spacing:.1em;
}
.qa_icons {
	position:absolute;
	top:25px;
	left:375px;
	height:20px;
	width:75px;
	text-align:right;
}
.qa_bottom {
	position:absolute;
	top:50px;
	left:15px;
	height:137px;
	width:442px;
	overflow:scroll;
	overflow-x:hidden;
	padding: 0px;
	margin:0px;
}
.qa_bottom td div input[type="text"] {font-size:100%;width:350px;height:1.25em;padding:2px;}
.qa_bottom td {
	padding:0px 2px;
	text-align:left;
	width: 100%;
}
.qa_bottom td.cmd {
	width: 30px;
}
.qa_bottom tr {
	line-height: 1.75em;
	padding:0px;
	width:100%;
}
.qa_bottom tr:hover, .qa_bottom tr.divhover, .qa_bottom tr td span.divhover {
	background-color:#dfe6f1;
	color:#000000;
}
.qa_footer {
	position:absolute;
	top:195px;
	left:15px;
	height:30px;
	width:442px;
	text-align:center;
}
.qa_close {
	cursor : pointer;
}

.qa_horiz {
	font-size:0px;
	width:100%;
	border-top:solid 1px #000;
	padding:0px;
	margin:0px;
	height:0px
}

.qa_answerlist {
	position:absolute;
	border:solid #000000 1px;
	border-top:0;
	overflow:auto;
	padding:0px;
	background-color:#fff;
}
.qa_answerlist div {
	padding:0px;margin:0;border-top:1px solid #000;
}
.qa_answerlist div.answerinfo {
	background-color:#dfe6f1;
	color:#000;
	padding:2px;
}
.qa_answerlist input[type="text"] {font-size:100%;width:250px;height:1.25em;padding:2px;margin:0;border:0;}

    div.autocomplete {
      position:absolute;
      width:250px;
      background-color:white;
      border:1px solid #888;
      margin:0px;
      padding:0px;
    }
    div.autocomplete ul {
      list-style-type:none;
      margin:0px;
      padding:0px;
    }
    div.autocomplete ul li.selected { background-color:#eaf5ed;}
    div.autocomplete ul li {
      list-style-type:none;
      display:block;
      margin:0;
      padding:2px;
      cursor:pointer;
    }