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

h1, h2, h3 { font-weight:bold; margin: 0; line-height:1.5em; font-family: Century Gothic, Arial, Helvetica, sans-serif; }

h1 { font-size: 1.8em; }
h2 { font-size: 1.4em; margin-bottom:.5em; }
h3 { font-size: 1.2em; margin-bottom:.5em; }

p, ul, ol { margin-top: 0; line-height: 1.4em; }
p { margin-bottom:1em; }

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

abbr { border-bottom:dotted 1px; cursor:help; }

/******************************
	COLOURS
******************************/
.dark { color:#bababa; }
.medium { color:#dddddd; }
.light { color:#f1f1f1; }



#wrapper {
	min-height:100%;
	position:relative;
}

/******************************
	Header
******************************/

#header { 
	height:195px;
	background: url(/_images/layup/bg_header.png);
	position:relative;
	z-index:500;
}

#login_info  
{
    position:absolute;
    z-index:600;
    right:0;
    top:0;
	padding:5px;
	font-size:.9em;
	text-align:center;
	color:#000;
}
#login_info strong { }
#login_info div { float:right; border-left:solid 1px #bababa; }
#login_info a { color:#fff; font-weight:bold; }

#content {
	margin-top:-8px;
	position:relative;
	padding-bottom:53px;	/* Height of the footer */ 
}


#sub_header {

    background-color:#7a8ea5;
    height:47px;
    overflow:hidden;    
}

#sub_header h2 { color:#fff; line-height:47px; margin:0px 0 0 40px; }

/******************************
	Footer
******************************/
#footer {
	background:url(/_images/layup/bg_footer.png) repeat-x;
	color: #fff;
	position:absolute;
	width:100%;
	bottom:0;
}

#footer p {
    height:53px;
	margin:0 0 0 40px;
	line-height:60px;
	font-size:10px;
	overflow:hidden;
	
	/*
	text-transform:uppercase;
	text-align:center;
	*/
}

#footer a { color:#fff; font-weight:bold; text-decoration:none; }
#footer a:hover { text-decoration:underline; }

#footer #site_by { position:absolute; right:40px; bottom:9px; width:74px; height:25px; background:url(/_images/layup/site_by_fdg.png) no-repeat center center; }
#footer #site_by span { display:none; }

/******************************
	Logo
******************************/
#logo { width:392px; height:71px; padding-top:55px; margin:0 auto 0 auto; /*position:absolute; top:48px; left:41px;*/  }
#logo a { background:url(/_images/layup/logo.png) no-repeat; color:#bababa; display:block; width:392px; height:71px;  }
#logo a span { display:none; }
/*
#date { float:right; margin-top:30px; }
#date h3 { font-size:18px; font-family:Century Gothic; font-weight:normal; background:none; color:#787878; }
#date span { font-size:larger; }
*/


#client_logo { position:absolute; bottom:61px; left:10px; }
#client_logo h2 { width:267px; height:81px; }
#client_logo h2 a { display:block; height:81px; }
#client_logo h2 a span { display:none; }


#surveything_header
{ 
	position:absolute; 
	right:10px;
	bottom:65px;
	background:url(/_images/layup/surveything_header.png) no-repeat center center;
	width:173px;
	height:107px;
}

/******************************
	Menus
******************************/
#menu_main { position:absolute; top:134px; width:100%; height:45px; line-height:45px; float:left; background: url(/_images/layup/bg_menu.png); }

#menu_main ul { height:45px; margin:0; padding:0;}
#menu_main li { float:left; width:115px; }

#menu_main a {
display:block;
	height:45px;
	line-height:45px;
	width:115px;
	text-align:center;
	 text-transform:uppercase;
	 font-size:.95em;
	 font-family:Trebuchet MS;
	color:#eee;
	padding-right:0px;
	background:url(/_images/layup/bg_menu_angles.png) no-repeat right top;
}
#menu_main a strong { color:#fff; }
#menu_main a:hover,  #menu_main a.selected { 
    text-decoration:none;
	background:url(/_images/layup/bg_menu_angles.png) no-repeat right -90px;
}
#menu_main .selected_right a:hover,
#menu_main .highlight_right a.selected { background:url(/_images/layup/bg_menu_angles.png) no-repeat right bottom; }

#menu_main .highlight_right a,
#menu_main .selected_right a { background:url(/_images/layup/bg_menu_angles.png) no-repeat right -45px; }


/*
#menu_main a:hover, #menu_main .selected a {
	background: #dddddd;
	color: #333;
}

#menu_main a:hover {
	text-decoration: none;
} */



#menu_side { float:left; border-bottom:solid 1px #d4d8dd; width:225px; }
#menu_side li { display:block; background:#dadada url(/_images/layup/bg_sidemenu_btn.png) repeat-x left bottom;  }
#menu_side li a { font-size:1.1em; padding-left:40px; color:#999; display:block; height:35px; line-height:35px; background:url(/_images/layup/sidemenu_arrow.png) no-repeat 10px top; }
#menu_side li a:hover { background-position:10px bottom; color:#333; }


/******************************
	Toolbar
******************************/

#toolbar { position:absolute; right:10px; top:12px; }
#toolbar input, #toolbar select { margin-left:5px; }
#toolbar select { margin-top:3px; }


/******************************
	Page
******************************/

#page_1col, #page_2col  
{
    background-color:#fff;
    border-left:solid 1px #bec2c6;
	padding:20px 40px;
	line-height:normal;
}
#page_2col { margin-left:225px; padding:20px; }

#subcol_left { margin-right:480px;  }
#subcol_right { float:right; width:400px; text-align:left; }
#subcol_right img { margin-bottom:20px; }

.panel_container { background-color:#e4e8ed; padding:1em; padding-bottom:1em;}
.panel { background-color:#fff; padding:1em; padding-bottom:.5em; margin-bottom:1em; }
.panel h3 { color:#7a8ea5; }
.panel.noMarg { margin-bottom:0; }

/******************************
	Tables / GridViews
******************************/

table { color:#333; }
.gv_default { width:99%; font-family:Verdana; font-size:.8em; }
.gv_default td, .gv_default th { padding:5px; border:solid 1px #ccc; vertical-align:middle; }
.gv_default th { background:url(/_images/layup/bg_menu.png) repeat-x center center; color:#fff; }


.archived { color:#009; font-style:italic; }

.gv_report { width:99%; font-family:Verdana; font-size:.8em; margin-bottom:10px; background:#fff; }
.gv_report td, .gv_report th { padding:5px; border:solid 1px #ccc; vertical-align:middle; }
.gv_report .header { background-color:#999; color:#fff; }
.gv_report .header { background:url(/_images/layup/bg_menu.png) repeat-x center center; color:#fff; }
.gv_report th.chart_icons { border-left:none; }
.gv_report th.chart_icons img { margin-left:5px; }
.gv_report th.report_question_title { border-right:none; }
div.question_answers { height:100px; overflow:auto; border:solid 1px #ccc; margin-top:1em; padding:.5em; }
.gv_report table { margin-bottom:0; font-size:1em; } 
 
.row_normal td { background-color:#efefef; }
.row_alternate td { background-color:#fafafa; }
.row_highlight td,.row_highlight th { background-color:#ffffdd; color:#333; cursor:default; }
.cursorPointer td { cursor:pointer; }

th.controls { background:none; border-top:none; border-right:none; text-align:right; }
.gv_default th.controls label { display:inline; font-size:1em; }

td.controls { text-align:right; }
td.controls a { color:#557291; }

.legend { padding:10px; color:#333; font-size:.8em; text-align:center; margin:auto; }
.legend li { cursor:help; }

/******************************
	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; }
label span { font-weight:normal; }

label.inline { display:inline; }

.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; }

.form_error, .form_ok, .form_info, .form_none { 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; }
.form_info { background-color:#ffffe8; border-color:#dbdd10; }
.form_none { background-color:#eee; border-color:#999; }

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




ul.question_types { list-style:none; }
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:0 auto 10px auto; 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; }

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


/******************************
	Tabs
******************************/
.tab_container { width:99%; }
.tab_container ul { background:none; clear:both; }
.tab_container ul li { float:left; background:none; margin-right:20px; }
.tab_container ul li h3 { margin:0; }
.tab_container ul li a { display:block; padding:10px; }
.tab_container ul li a.selected,
.tab_container ul li a:hover { background-color:#e4e8ed; }

.tab { background-color:#e4e8ed; padding:10px; margin-bottom:1em; }

 

/******************************
	Dashboard (UL)
******************************/
.dashboard { }
.dashboard .board { float:left; width:29%; padding:1%; margin-right:2%; height:200px; background-color:#f1f1f1;}
.dashboard .board p { line-height:1.2em; }

.datedropdown_container { position:absolute; padding-right:22px; }
.datedropdown_today { position:absolute; right:0; top:0; width:16px; height:100%; background:url(/_images/calendar.png) no-repeat center center; }
.datedropdown_today span { display:none; }


.bullets { }
.bullets li { list-style-type:square; margin-left:30px; }


.latest-news { clear:both; }
.latest-news .news-item { position:relative; padding-top:30px; }
.latest-news .news-item .news-date { position:absolute; top:5px; right:5px; font-size:10px; color:#999; }
.latest-news .news-item .news-status { position:absolute; top:5px; left:5px; font-size:10px; color:#ccc; }



.survey_response_form { }
.survey_response_form label {  }
.survey_response_form .ctrl_text { font-size:1.4em; height:20px; line-height:20px; }
.survey_response_form .ctrl_button { height:26px;  }


/******************************
	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; cursor:help; }