/******************************
	Tags
******************************/
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#787878;
	background-color:#e4e8ed;
}


#login_info,
#header,
#menu_side,
#page_1col,
#sub_header

{ display:none; }

th.controls, td.controls { display:none; }


#page_2col { margin-left:0; border:none; }



/******************************
	Forms
******************************/
.row, .row-multi { margin-bottom:1em; }

.row.sep { border-top:solid 1px #ccc; padding:.8em 0 0 0; }
.row p { font-size:.85em; color:#aaa; margin:0; }
label { font-size:1.1em; font-weight:bold; display:block; color:#999; margin-bottom:.25em; }

.row-multi { margin-right:1em; }
.row-multi label { display:inline; font-size:1em; }
.row-multi table label { font-weight:normal; }
.row-btns { margin-top:1em; } 


.ctrl_text, .ctrl_dropdown, .ctrl_button,
select, textarea { font-family:Arial, Helvetica, sans-serif; border:solid 1px #bababa; padding:2px; color:#999; background:#fff url(/_images/themes/grey/bg_input.png) repeat-x left bottom;  }

.ctrl_button 
{ color:#999; background:#eee url(/_images/themes/grey/bg_input_btn.png) repeat-x left bottom; }

.ctrl_button:hover,
.ctrl_highlight { border:solid 1px #999; color:#666; }

/*input[type="checkbox"], input[type="radio"] { border:none; background:none; }*/

.form_error, .form_ok { background-color:#ffebe8; font-weight:bold; padding:.5em; color:#000; margin-bottom:1em; font-size:.9em; line-height:1.4em; border:solid 1px #dd3c10; }
.form_ok { background-color:#e8ffe9; border-color:#3cdd10; }

.option_container { }
.option_container label { display:inline; font-size:1em; }




ul.question_types { }
ul.question_types li { }
ul.question_types li p { font-size:.9em; margin-bottom:.5em; }

ul.question_types li { float:left; margin-top:30px; }
ul.question_types li a { display:block; width:150px; text-align:center; font-size:smaller; line-height:normal; }
ul.question_types li a span { display:block; margin-bottom:10px; width:110px; height:110px; background-image:url(/_images/surveyeditor/questiontypes_icons_large.png); background-repeat:no-repeat; border:solid 1px #1c60a3; cursor:pointer; }
ul.question_types li a:hover span { background-position:left top; border:solid 1px #21ae6f; }

ul.question_types li.singleline a span { background-position:left bottom; }
ul.question_types li.singleline a:hover span { background-position:left top; }

ul.question_types li.multiline a span { background-position:-220px bottom; }
ul.question_types li.multiline a:hover span { background-position:-220px top; }

ul.question_types li.multitextbox a span { background-position:-110px bottom; }
ul.question_types li.multitextbox a:hover span { background-position:-110px top; }

ul.question_types li.multiplechoice1 a span { background-position:-330px bottom; }
ul.question_types li.multiplechoice1 a:hover span { background-position:-330px top; }

ul.question_types li.multiplechoice2 a span { background-position:-440px bottom; }
ul.question_types li.multiplechoice2 a:hover span { background-position:-440px top; }

ul.question_types li.matrix1 a span { background-position:-550px bottom; }
ul.question_types li.matrix1 a:hover span { background-position:-550px top; }

ul.question_types li.matrix2 a span { background-position:-660px bottom; }
ul.question_types li.matrix2 a:hover span { background-position:-660px top; }

ul.question_types li.likert a span { background-position:-770px bottom; }
ul.question_types li.likert a:hover span { background-position:-770px top; }

ul.question_types li.descriptive a span { background-position:-880px bottom; }
ul.question_types li.descriptive a:hover span { background-position:-880px top; }


/******************************
	Tabs
******************************/
.tab_container ul { display:none; }

 

/******************************
	Dashboard (UL)
******************************/
.dashboard { }
.dashboard li { float:left; width:30%; margin-right:2%; height:200px; background-color:#f1f1f1;}


/******************************
	Useful Classes
******************************/
.fLeft { float:left; }
.fRight { float:right; }
.clear { clear:both; }
.bold { font-weight:bold; }
.aRight { text-align:right; }
.aCenter { text-align:center; }
.aLeft { text-align:left; }
.vaTop, th.vaTop, td.vaTop { vertical-align:top; }
.small { font-size:smaller; }

div.error { color: #900; font-weight: bold; text-align: center; margin-bottom: 5px; background-color: #eeb6b6; padding: 3px; }
textarea.invalid, input.invalid { background: #fedbdb url(/_images/warning.png) no-repeat right 2px; }