body {
	margin-left: 0;
	padding: 0;
	background: url('../artwork/bg1.jpg') no-repeat center 0;
	font-family: Lucida Grande,Arial;
	font-size: 3.5mm;
	font-weight: bold;
	margin: 0;
	zoom: 1;
	background-color: #EDDABA;
	/* font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; */
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
#thankyou h2 {
  background-color:#518CCB;
  box-shadow: 0 2px 4px #888888;
  color:#3E3D3D;
  font-size: 1.5em;
  font-weight: bold;
  left: -6px;
  margin: 0px 10px 10px -40px;
  padding: 6px 20px 6px 29px;
  position: relative;
  text-shadow: 0 1px 2px #BBBBBB;
  width: 440px;
}

#thankyou h2:before
{
}
#thankyou h2:after
{

	content: ' ';
	position: absolute;
	width: 0;
	height: 0;

	left: 0px;
	top: 100%;
	border-width: 5px 10px;
	border-style: solid;
	border-color: #666 #666 transparent transparent;
}

.rounded{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;

}
.shadow{
	-moz-box-shadow: 10px 10px 5px #888;
	-webkit-box-shadow: 10px 10px 5px #888;
	box-shadow: 10px 10px 5px #888;
	-khtml-box-shadow: 10px 10px 5px #888;

}
#main-body{
	width: 790px; margin: 1px auto;
}

#welcome{ height:0; width:0; position: relative; top: 30px; z-index: 999;left: 290px; }
#welcome #name { color: #663300; font-size: 4mm; letter-spacing: 1px; width: 600px; }
#welcome #detail{ width: 600px; color:#CCCCCC; font-size: 1em; letter-spacing: 1px; }
#welcome #detail p{ margin: 0; padding: 0 }
#welcome #detail p.sub-info{ margin: 16px 0 0 0; padding: 0; color: ; width: 230px}

#survey{ width: 700px; position: relative; left: 57px} 

#login{	width: 400px;}
#login .col1{ width: 190px; float: left; }
#login .col2{ width: 190px;  float: left; margin: 10px 0 0 0; }


.message{
	padding: 15px;
	width: 98%;
	margin: 4px auto;
	text-align: center;
	background-color: #FFFFEA;
	color: maroon; font-weight: bold;
	border: 1px gray solid;
	position: relative; z-index: 99;	
}
.survey-top{
	background: url('../artwork/top2a.png') no-repeat;
	 height: 124px;
	 position:relative; left: 0;
	
}
.survey-mid{
	background: url('../artwork/mid2.png') repeat-y;
	padding: 0 0 10px 0; min-height: 240px
}
.survey-bottom{
	background: url('../artwork/bottom2.png') no-repeat;
	height: 22px;
	margin: 0 0 20px 0;
}
.question-block{
	padding: 10px;
	margin: 0 0 6px 38px;
	width: 580px;
	border: 1px #CCCCCC solid;
	display: none;
	background-color: #FFF8F0;
}

.pop-info {  position: relative; top: -34px;    left: 460px; height: 0; width:250px; }
.pop-info span{ color: #663300 ; font-size: xx-small; left: 460px; letter-spacing: 1px; width: 250px; }

.hide-question{ display:none; }

.question-block ul{ width: 100%; }
.question-block ul, .question-block li{ list-style: none; list-style-type: none; }
.question-block li { letter-spacing: 1px;  margin: 6px 0;  padding: 4px;  width: 80%; cursor: pointer}
.question-block li .lihover{ background-color: #FFE1E1 }
.question-block h3{ margin: 0; padding: 0 0 2px 15px; color: #663300 }
span.small { color: #C0C0C0;  letter-spacing: 1px; font-size: 3mm; letter-spacing: 1px; padding: 0 0 2px 15px;}

.small { color: #C0C0C0;  letter-spacing: 1px; font-size: 3mm; letter-spacing: 1px; padding: 0 0 2px 15px; text-decoration: none}

#controls { cursor: pointer; height: 0; left: -60px; position: relative; top: 160px; width: 0; }
#control-next { height: 289px; left: 656px; position: relative; width: 0; z-index: 999; }
#control-prev {  float: left;  height: 289px; position: relative; width: 0; z-index: 99; z-index: 999 }
#control-next span, #control-prev span, #control-next p, #control-prev p{ float: left; }
#controls p{ position: relative ; top: -1px; margin:0 10px; }

.message-info .bgBold{
	background-color:#E6FBE1; 
}

#thankyou{
	display: none;
	padding: 6px 25px;
	width: 545px;
}
#thankyou.question-block ul li{
	text-align:center;
	text-decoration: none;
}
#thankyou.question-block ul li ul{ display: none }

#thankyou.question-block ul li ul li{ background: #FFECFF none; }


#thankyou a{
	text-align:center;
	text-decoration: none;
}
.error{
	border: 1px solid red; color: maroon;
}

#admin #table-config h3{ 	cursor: pointer; }

#admin #table-display{ 	width: 900px;  }
#admin .option-list{
	border: 1px gray solid; padding: 10px; margin: 4px auto 30px auto; background-color:#F9FAFF
}
#admin .option-list li{
	margin-bottom: 6px;
}


/* SPECIAL-A */
.question-block .special-a{ margin: 0 auto 0 30px; width: 575px}
.question-block .special-a ul ul { display: none; }
.question-block .special-a h5, .special-a h2, .special-a h4 { margin: 0; padding: 0; }
.question-block .special-a .accordion h3 { color: #333333; }
.question-block .special-a li { padding: 6px; list-style: none; margin: 6px 0; letter-spacing: 1px;	font-weight: bold;}
.question-block .special-a ul {padding: 0; margin: 4px; cursor: pointer;}
.question-block .special-a ul ul { margin: 10px auto; width: 100%; }
.question-block .special-a ul ul li { background-color:#F7ECAB; cursor : pointer; font-size: small; ; background-image: none; display: inline-block; width: 60px; height: 20px; padding: 6px 0;	margin: 8px 6px; text-align: center;}
.question-block .special-a .selected { color: #800000; background-color: #D5FFF1; }
.question-block .shadow { -moz-box-shadow: 6px 6px 5px #BAB5B5; -webkit-box-shadow: 6px 6px 5px #BAB5B5; box-shadow: 6px 6px 5px #BAB5B5; -khtml-box-shadow: 6px 6px 5px #BAB5B5;}
.question-block .special-a ul.sub-option-accordion{	display:block; }
.question-block .special-a .accordion{	margin-top: 20px; }


#save-logout{
	position: relative; top: 20px; left: 357px; z-index: 99999; height: 0; width: 60px; cursor: pointer; text-align: center; margin: 0 auto;
}
#save-logout img{ margin: 0;}
#save-logout p{ margin: 0; padding: 0;}

ul#sections .grey{ color:#CCCCCC; }
.getUserDetails{
	padding: 8px; cursor: pointer;
}
#myDataDetails{
background-color: #fff; 
}

#myDataDetails div.myData{
	background-color: #E7BCA7; 
	position: relative; color: white; overflow: hidden;height: 0; width: 100%;
	
}

#myDataDetails div.myData div{ border: 2px white solid;  }



#ajaxBusy{ 
	margin: 0 auto;
	padding: 0;
	position: absolute;
	top: 110px;
	left: 525px;
	width: 115px;
	z-index: 9999;
	display: none;
}