/* main elements */
* {
	margin:0;
	padding:0;
}

html {
 overflow-y: scroll;
}

body,div,td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;font-size-adjust:none;font-style:normal;font-variant:normal;font-weight:normal;
	line-height:1.5;
	color: #404040;
}

p {
	margin:5px 0;	
}
body {
	background-color: #fff;
	text-align: left;
	width: 1000px;
	margin:0 auto;
}

ul, ol {
	margin: 0; padding: 0; list-style:none;	
}
ul li {list-style-image:none; list-style-position:outside; list-style-type:none;}

a:link, a:visited {text-decoration:none; color:#00f;}
a:hover {text-decoration:underline;color:#dc5151;}

img {border:0 none;}

h1 {font-size:24px;}
h2 {font-size:20px;}
h3 {font-size:18px;}

/* layout elements */
#header {
    width:1000px;
    height:59px;
    background-image:url(../images/surveyease-logo.jpg);
    background-repeat:no-repeat;
    background-position:top left;
}

#container {
	margin-top: 10px; width: 1000px; float:left; overflow: hidden;
}

#X2Container .mainContent{
	width:750px;min-height:300px;margin:0 0 0 10px;float:left;
}

#X1Container .mainContent {
	width:980px;min-height:300px;
}

.mainContent h1.pageTitle {
	height:40px;font-size:24px;border-bottom:solid 1px #dcdcdc;margin-bottom:10px;
}

#footer {
	background:#fff;border:none;
	margin-top:20px;padding-top:10px;border-top:1px solid #999999;
	width:100%;text-align:center;clear:both;
}
#footer ul, #footer ul li {display:inline;}
#footer ul li {float:left;padding:0 5px;}
#footer p {float:right; padding-right:10px;}

.leftNav {
	float: left; width: 150px; min-height:30px;clear:both;overflow: hidden; margin-right:10px; 
}

.rightNav {
	float: right; width: 220px; min-height:30px;overflow: hidden;text-align: left;
}

.mainContent {
	margin:0 auto; width: 600px; min-height:300px;
}

/* module */
.module {
	width:99%; margin: 0 0 10px 0; border: #cecfce 1px solid;overflow: hidden;
}
.module h1 {
	font-weight: bold; font-size:14px; margin:0; padding: 3px 0 0 10px; border-bottom: 1px solid #cedfce;background-color:#cedfce;
}
.module h1 a {
	font-weight: bold; font-size:14px;
}
.module h1 a:hover {
	font-weight: bold; font-size:14px;
}
.module h1 a:visited {
	font-weight: bold; font-size:14px;
}
.module ul {
	padding:5px 0 5px 25px;margin: 0;list-style-type:disc; 
}
/********************************************************************/
ul.categoryBox {
	margin: 0 0 10px 0;	text-align:left; width: 600px; overflow: hidden;font-size: 16px;
	list-style: none;	padding: 0;	margin: 0;
}
ul.categoryBox li {
	width: 280px;height: 40px;float: left;padding: 0;margin: 0 0 10px 8px;
}
ul.categoryBox li a {
	color: #777;margin: 0;
}
ul.categoryBox li .subcategoryBox {
	float: left;margin-right: 10px;font-size: 14px;
}

/* simple form table */
.simpleFormTable {
	border: 1px solid #ccc; border-collapse:collapse;
}
.simpleFormTable td {
	padding:8px 0;
}
.simpleFormTable td.description {
	text-align:right; vertical-align:middle;	padding:3px 3px;
}
.simpleFormTable thead th {
	margin:0; background-color:#ffc;border:solid 1px #600; padding:5px 2px;
}
.simpleFormTable tbody td {
	margin:0; border:solid 1px #600; padding:5px 2px;
}

/** simple list table */
.simpleListTable {
	border: 1px solid #dcdcdc; border-collapse:collapse;margin:1px; 
}
.simpleListTable thead th {
	margin:0; background-color:#ffc;border:solid 1px #dcdcdc; padding:5px 2px;text-align:center;
}
.simpleListTable tbody td {
	margin:0; border:solid 1px #dcdcdc; padding:5px 2px;
}
.simpleListTable tbody td.center {
	text-align:center;
}


label.required {
	background: url(../images/star.gif) no-repeat right; padding: 0 10px 0 0;
}

input.formButton
{
   font-size:12px;
   height:26px;
   background-color:#779999;
   background-image:url(../images/input-btn-back.gif);
   border-style:solid;
   border-color:#dcdcdc;
   border-width:1px;
   padding:0 5px;
   -webkit-border-radius:5px;
   -moz-border-radius:5px;
}

.selectedAnswer {
	border:1px solid #f00; 
}

.underlineText {
	text-decoration:underline;
}

.errors {
	color: #f00; font-weight:bold; 
}
span.success {
	color: #0f0; font-weight:bold;
}

.listX2 li {float:left; width:50%;}
.bg0{background-color:#fff}
.bg1{background-color:#f2fee7}

.subBS {border:#f90 1px solid; font-size:12px;clear:both;float:left;margin-bottom:9px;text-align:left;}
.titBar, .txtBox {clear:both;overflow:hidden;}
.titBar {background-color:#f90;background-position:0 0; background-repeat:repeat-x;height:23px;}
.titBar h3 {font-size:16px; padding:0 0 0 12px;float:left;height:25px;line-height:25px;}
.titBar em { height:25px;line-height:25px;float:right;}
.subBS .titBar a:visited{color:#fff;}
.subBS .listX2 {text-align:center;}
.subBS .txtBox {padding:3px 0;}
.subBS .txtBox ul {width:100%; float:left;}
.subBS .txtBox li {height:23px;line-height:23px;overflow:hidden; padding-left:5px;}
.subBS .txtBox .bg1 {background-color:#fff9ee;}

/* news */
.news .newsTitle {text-align:center;border-bottom:solid #dcdcdc 2px;}
.news .newsTitle h1{font-size:26px;}
.news .newsContent {font-size: 18px;padding-top:10px;}

/* login form */
#loginForm div.left{width:400px;padding:0 0 20px 120px;margin:10px;float:left;border-right:solid 1px #dcdcdc;}
#loginForm div.left h3{height:40px;width:160px;font-size:24px;color:#00f;background:white;}
#loginFormBox {width:340px;border:solid 1px #dcdcdc;padding:10px;background-color:#fffebf;}
#loginFormBox .field {margin:20px 0 0 10px;}
#loginFormBox .field label{width:50px;text-align:right;float:left;margin-right:10px;}
#loginFormBox .field .loginText{background:white;border:1px solid #a7a6aa;height:18px;padding:2px 2px 1px;width:180px;}
#loginFormBox .loginSubmit{margin:20px 0 0 70px;}
#loginForm div.right{width:420px;float:right;font-size:14px;}

/* common form table with 2 columns */
.formTableX2 h3 {height:40px;font-size:24px;border-bottom:solid 1px #dcdcdc;margin-bottom:10px;}
.formTableX2 .field, .formTableX2 .radioField {margin:20px 0 0 10px;}
.formTableX2 .field label, .formTableX2 .radioField label{text-align:right;float:left;margin-right:10px;width:80px;}
.formTableX2 .field .fullInput{background:white;border:1px solid #a7a6aa;height:18px;padding:2px 2px 1px;width:300px;}
.formTableX2 .field .select{height:22px; width:300px;background:white;border:1px solid #a7a6aa;}
.formTableX2 .radioField span{margin-right:2px;}
.formTableX2 .radioField span label{text-align:left; clear:both;float:none;margin:0 10px 0 2px;}
.formTableX2 .field .errors, .formTableX2 .radioField .errors{margin-left:5px;}
.formTableX2 input.formButton{margin:20px 0 10px 10px;}
.formTableX2 .submit {margin:20px 0 10px 10px;}

h3.pageTitle {height:45px;font-size:24px;border-bottom:solid 1px #dcdcdc;margin-bottom:20px;}

/* css link button */
a.linkButton {
background: transparent url('../images/btnright.gif') no-repeat scroll top right;
color: #444;
display: block;
float: left;
font: normal 12px arial, sans-serif;
height: 24px;
margin-right: 6px;
padding-right: 18px; /* sliding doors padding */
text-decoration: none;
}
a.linkButton span {
background: transparent url('../images/btnleft.gif') no-repeat;
display: block;
line-height: 14px;
padding: 5px 0 5px 18px;
}
a.linkButton:active {
background-position: bottom right;
color: #000;
outline: none; /* hide dotted outline in Firefox */
}
a.linkButton:active span {
background-position: bottom left;
padding: 6px 0 4px 18px; /* push text down 1px */
}

div.progressBar {
	border:solid 1px #dcdcdc;padding:1px;width:98%;
}
div.progressBar .bar {
	background:#dbeafd none repeat scroll 0 0; color:#333333; display:block; text-align:center;
}