/*** TOOLS ***/

.ask_the_expert
{
    margin-left: 10px;
    color: #F90000;
}
.ask_the_expert img
{
    vertical-align: middle;
}

#calculator_sum
{
	width: 45%;
	font-size: 0.8em;
}

#calculator_submit
{
	background-image: url(/images/icons/calculator.png);
	background-repeat: no-repeat;
	background-position: middle middle;
	font-size: 0em;
	width: 20px;
	height: 20px;
	border: none;
	background-color: #E5EDF7;
}

#rate_calculator_link
{
	position: absolute;
	top: 5px;
	right: 5px;
}



.scrollable
{
    overflow: auto;
}

#page_content
{
    font-size: 1em;
}

/*** Edit pages ***/


/*** QUESTIONS ***/
h1.report_section
{
    display: block;
    padding: 0.5em;
    border-top: 2px solid #000;
    border-bottom: 1px dotted #000;
    background-color: #F9FAFD;
}
h1.report_title
{
    background-color: #DFDFDF;
    display: block;
    padding: 0.5em;
    font-size: 1.2em;
}
div.question,
div.question_preview
{
    padding: 0.5em;
    display: block;
    font-size: 1em;
    margin: 0px;
    border-bottom: 1px solid #A5A5A5;
}
div.question img,
div.question_preview img
{
    margin: 5px;
}
div.question_edit
{
    background-color: #F9FAFD;
}

div.question h1,
div.question_preview h1
{
    font-weight: bold;
    font-size: 1.1em;
    color: #000;
}
div.question h1 a
{
    color: #000;
    padding-left: 25px;
    margin-left: 3px;
    display: block;
    background-image: url(/images/open.png);
    background-repeat: no-repeat;
    background-position: center left;
}

div.question_preview h1 a
{
    color: #000;
    display: block;
    padding-left: 25px;
    margin-left: 3px;
    background-image: url(/images/closed.png);
    background-repeat: no-repeat;
    background-position: center left;
}

div.question .question_content
{
    padding-left: 25px;
    padding-right: 25px;
    margin-top: 1em;
    margin-bottom: 2em;
}
div.question_content ul.radio_buttons,
div.question_content ul.check_boxes
{
    padding: 0.2em;
}
div.question_content ul.radio_buttons li,
div.question_content ul.check_boxes li
{
    margin-bottom: 0.8em;
    padding-top: 0.1em;
    padding-bottom: 0.1em;
}
div.question_content input.radio_button,
div.question_content input.check_box
{
    width: auto;
    border: 0px;
    border-style: none;
    vertical-align: middle;
}
div.question_content label.radio_button,
div.question_content label.check_box
{
	float: none;
	clear: none;
	display: inline;
	margin-left: 0.2em;
    font-weight: normal;
}
div.question_content textarea
{
    width: 100%;
}
div.question div.question_text
{
    display: block;
    margin-bottom: 1em;
}
.results_table_header
{
    margin-bottom: 1em;
    background-color: #EFEFEF;
    font-weight: bold;
    font-size: 1.1em;
}
h2.participant_results
{
    display: block;
    cursor: pointer;
    padding: 0.5em;
    font-size: 0.9em;
    background-color: #EFEFED;
    margin-bottom: 5px;
    border: 1px dotted #6E8EB9;
}
table.report_graph
{
    width: 100%;
	clear:both;
	margin-bottom: 5px;
}
table.report_graph tbody tr td.graph_image
{
    width: 400px;
}
table.report_graph tbody tr td.graph_legend
{
    vertical-align: middle;
}
table.report_graph tbody tr td.graph_legend table tr td
{
    vertical-align: middle;
}
table.report_graph tbody tr td.graph_legend table tr td.right
{
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-weight: bold;
}
table.report_graph tbody tr td.graph_legend table tr td div.box
{
    width: 1em;
    vertical-align: middle;
    height: 1em;
    margin-right: 0.5em;
    border: 1px solid #000;
}
table.report_graph tbody tr td.graph_legend table tr td span.details
{
    color: #BFBFBF;
    font-weight: normal;
}
table.report,
table.question_result
{
    border: 1px dotted #6E8EB9;
    width: 100%;
	clear:both;
}
table.report thead,
table.question_result thead
{
    background-color: #E6EDF7;
    font-weight: bold;
    width: 100%;
}
table.report thead tr th,
table.question_result thead tr th
{
    padding: 10px;    
}
table.report tbody tr td
{
    vertical-align: top;
}
table.report tbody tr td p
{
    padding: 0px;
}
table.report tbody tr.alternate_row
{
    background-color: #EFEFEF;
}
table.report tbody,
table.question_result tbody
{
    font-weight: normal;
}
table.report tbody tr td,
table.question_result tbody tr td
{
    padding: 10px;
    color: #000;
}
table.question_result tbody td.score
{
    text-align: right;
    color: #DFDFDF;
}
table.question_result tbody tr.user_answer, .user_answer
{
    background-color: #FFB93F;
    font-weight: bold;
    color: #000;
}
table.question_result tbody tr.user_answer td.score
{
    color: #000;
}
table.report tbody tr.total,
table.question_result tbody tr.total
{
    font-weight: bold;
}
table.question_result tbody tr.total td.label
{
    text-align: right;
}
table.question_result tbody tr.total td.score
{
    color: #000;
}
table.report tbody tr.average
{
    background-color: #9FB0C8;
}
table.report tbody tr.average td
{
    font-weight: bold;
}
table.report tbody tr.average td.average_label
{
    text-align: right;
}
table.report tbody tr.average td.average_value
{
    text-align: center;
}
div.question_result
{
    display: block;
    border: 1px dotted #6E8EB9;
    background-color: #E6EDF7;
    padding: 10px;
	clear:both;
}
div.question_answer
{
    margin-top: 10px;
    display: block;
    padding: 10px;
    clear: right;
    border: 1px dotted #6E8EB9;
    background-color: #E6EDF7;
	clear:both;
}

div.question_answer h1,
div.question_result h1
{
    margin-bottom: 1em;
    border-bottom: 1px dotted #000;
}
div.question div.question_text p
{
    margin-bottom: 0.8em;
}

div.question .edit_button,
div.question_preview .edit_button
{
    color: #000;
    font-weight: normal;
    font-size: 0.9em;
    margin-right: 0.4em;
    float: right;
}

div.question .button
{
    border: 1px solid #000;
    border-style: outset;
    background-color: #6E8EB9;
    color: #FFF;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    font-size: 0.9em;
    width: auto;
    cursor: pointer;
}

div.question_option
{
    display: block;
    font-size: 1em;
    padding: 0.2em;
    background-color: #F6F6C4;
    border: 1px dotted #000;
    margin: 0.1em;
}

div.new_question
{
    padding: 0.5em;
    display: block;
    font-size: 0.9em;
    margin: 0px;
    background-color: #6E8EB9;
    border-bottom: 1px solid #A5A5A5;
}
div.new_question .submit
{
    margin: 0px;
    margin-left: 0.2em;
    padding: 0px;
    border: 0px;
    border-style: none;
    vertical-align: middle;
}
div.new_question input,
div.new_question select
{
    vertical-align: middle;
    color: #6E8EB9;
}

div.question_error
{
    color: #700;
}
div#notice
{
    border: 1px dotted #000;
    background-color: #EFB3B3;
    color: #000;
    margin: 0.5em;
    padding: 0.5em;
    font-weight: bold;
    font-size: 1.1em;
}
div.report_answers_content,
div.other_answers_preview,
div.other_answers
{
    clear: right;
    margin-top: 1em;
    background-color: #E6EDF7;
    border: 1px dotted #6E8EB9;
}

div.other_answers_preview h1,
div.other_answers h1
{
    margin: 0.5em;
}

div.other_answers_preview h1 a
{
    color: #000;
    display: block;
    padding-left: 25px;
    margin-left: 3px;
    background-image: url(/images/closed.png);
    background-repeat: no-repeat;
    background-position: center left;
}
div.other_answers h1 a
{
    color: #000;
    display: block;
    padding-left: 25px;
    margin-left: 3px;
    background-image: url(/images/open.png);
    background-repeat: no-repeat;
    background-position: center left;
}

div.other_answers_content
{
    display: block;
    height: 15em;
    position: relative;
    overflow: auto;
}
div.report_answers_content,
div.other_answers_content_item
{
    padding: 0.5em;
    margin-top: 3px;
    margin-bottom: 0;
    margin-left: 0.5em;
    margin-right: 0.5em;
    border: 1px dotted #6E8EB9;
	clear:both;
}
div.report_answers_content .header,
div.other_answers_content_item .header
{
    font-size: 1.1em;
    padding: 0.3em;
    margin-bottom: 0.2em;
    background-color: #CFE3FF;
}
table.report_answers_content
{
    margin-top: 1em;
    background-color: #E6EDF7;
    padding: 0.5em;
    margin-top: 3px;
    width: 50%;
    margin-bottom: 0;
    margin-left: 0.5em;
    margin-right: 0.5em;
    border: 1px dotted #6E8EB9;
}

table.report_answers_content tr
{
    border-bottom: 1px dotted #000;
}

table.report_answers_content td,
table.report_answers_content th
{
    padding: 0.2em;
}
table.report_answers_content td.count
{
    width: 5%;
    text-align: right;
}
table.report_answers_content td.percentage
{
    width: 5%;
    text-align: right;
}
table.report_answers_content td.graph
{
    width: 20%;
    text-align: center;
}

table.report_answers_content .bar_chart_background
{
    width: 100px;
    height: 1em;
    background-color: #EFEFEF;
}

table.report_answers_content .bar_chart_highlighted
{
    width: 0px;
    height: 1em;
    background-color: #6E8EB9;
}

#not_available
{
    display: block;
    margin: 0.5em;
    font-size: 1em;
    border: 1px dotted #6E8EB9;
    background-color: #E6EDF7;
    padding: 1em;
}
#not_available h1
{
    display: block;
    font-size: 1.2em;
    padding-bottom: 0.2em;
    border-bottom: 1px dotted #000;
    margin-bottom: 1em;
}
#section_footer
{
    text-align: top;
    display: block;
    padding: 0.5em;
    margin-top: 1em;
    margin-bottom: 1em;
}
.save_draft,
.submit_answer,
input.demo_mode,
a.demo_mode,
.next_section
{
    margin-top: 0px;
    margin-bottom: 0px;
    border: 1px solid #000;
    border-style: outset;
    background-color: #6E8EB9;
    color: #FFF;
    font-size: 1.1em;
    width: auto;
    cursor: pointer;    
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
}
a.demo_mode,
input.demo_mode
{
    background-color: #CF4061;
}
span.demo_mode
{
    color: #CF4061;
    font-weight: bold;
}
div.topic_row
{
    display: block;
    font-size: 1em;
    padding: 4px;
    background-color: #CEF3FF;
    border: 1px solid #000;
    margin: 3px 5px 3px 5px;
}
div.topic_info
{
    display: block;
    font-size: 0.9em;
    padding: 4px;
    color: #919191;
    vertical-align: top;
    font-weight: bold;
    margin-bottom: 0.2em;
}

#post_list thead tr th a
{
    font-weight: normal;
    color: #FFF;
    text-decoration: underline;
    text-align: left;
}
#post_list thead tr th .watch
{
    float: right;
    font-weight: normal;
}
#post_list .post
{
    border-bottom: 1px solid #999999;
}
#post_list .sidebar,
#post_list .content,
#post_list .parent
{
    padding: 0.3em 0.6em 0.6em 0.6em;
}
#post_list .sidebar
{
    width: 16%;
    font-weight: normal;
    vertical-align: top;
	border-right: 1px solid #999999;
    background-color: #DEDEDF;
}
#post_list tfoot tr td.sidebar
{
    background-color: #F8F8F8;
    font-weight: bold;
    text-align: right;
}
#post_list tfoot tr td.content input,
#post_list tfoot tr td.content textarea
{
    color: #000;
}
#post_list tfoot tr td.content textarea
{
    width: 99%;
    margin-bottom: 0.4em;
}
#post_list tfoot tr td.content .anonymous
{
    font-size: 0.8em;
    margin-bottom: 0.4em;
    display: block;
}
#post_list tfoot tr td.content .anonymous label
{
    vertical-align: top;
}
#post_list .sidebar abbr
{
    font-size: 0.8em;
    font-weight: normal;
}
#post_list .sidebar .name
{
    display: block;
    font-weight: bold;
    margin-top: 0.3em;
    margin-bottom: 0.3em;
}
#post_list .sidebar img
{
    margin-right: 2px;
}
#post_list .content
{    
    width: 84%;
    vertical-align: top;
    background-color: #F8F8F8;
}
#post_list .parent
{
    background-color: #DEDEDF;
    color: #000;
    border-bottom: 1px solid #999999;
}
#post_list .parent a
{
    text-decoration: underline;
    color: #000;
}

#topic_list,
#post_list,
#user_list
{
	width: 95%;
	border: 1px solid #666;
	border-top:none;
    border-collapse: collapse;
    padding: 0px;
    margin: 5px 1%;
    font-size: 0.9em;
}
#topic_list thead tr,
#post_list thead tr,
#user_list thead tr
{
    background-color: #535353;
	color:#F8F8F8;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    margin: 0px;
    padding: 0px;
}
#topic_list thead tr th,
#post_list thead tr th,
#user_list thead tr th
{
    font-weight: normal;
    text-align: left;
    padding: 0.3em 0.5em 0.3em 0.5em;
}
#topic_list thead tr th.topic
{
    border-right: 1px solid #000;
    width: 55%;
}
#topic_list thead tr th.posts
{
    border-right: 1px solid #000;
    text-align: center;
    width: 5%;
}
#topic_list thead tr th.views
{
    border-right: 1px solid #000;
    text-align: center;    
    width: 5%;
}
#topic_list thead tr th.last_post
{
    width: 25%;
}
#topic_list tbody tr,
#user_list tbody tr
{
    border-bottom: 1px solid #DDDDDD;
}
#topic_list tbody tr td,
#user_list tbody tr td
{
    background-color: #F5F5F5;
    padding: 0.5em;
}
#topic_list tbody tr td.posts,
#topic_list tbody tr td.views
{
    border-right: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    background-color: #DDD;
    text-align: center;
}
#user_list thead tr th.login
{
    border-right: 1px solid #000;
    width: 10%;
}
#user_list thead tr th.name
{
    border-right: 1px solid #000;
    width: 30%;
}
#user_list thead tr th.sections_completed
{
    border-right: 1px solid #000;
    text-align: center;
    width: 10%;
}
#user_list thead tr th.last_access
{
    border-right: 1px solid #000;
    width: 15%;
}
#user_list thead tr th.actions
{
    border-left: 1px solid #000;
    width: 15%;    
}
#user_list thead tr th.score
{
    text-align: center;
    width: 10%;
}
#user_list tbody tr td.sections_completed,
#user_list tbody tr td.score
{
    text-align: center;
}

#topic_list tbody tr td#new_topic{
	background-color: #ffffcc !important
}
#post_reply a{
	padding-left:17%;
}
#post_reply_form{
	width:83%;
	margin-left:17%;
}
#post_reply_form textarea{
	width:95%;
}
#edit_details
{
    padding: 0.5em;
    display: block;
    font-size: 0.9em;
	width: 97%;
    margin: 0 1%;
    background-color: #C6FECD;
    color: #000;
    border: 1px solid #4ED35F;
	border-top:none;
}
#post_reply input,
#new_topic input,
#edit_details input
{
    border: 1px solid #000;
    border-style: solid;
    background-color: #FFF;
    color: #000;
}
.wide{
}
#post_reply .submit_button,
#new_topic .submit_button,
#edit_details .submit_button
{
    border: 1px solid #000;
    border-style: outset;
    background-color: #FFF;
    color: #000;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    width: auto;
}
#post_reply textarea,
#new_topic textarea,
#edit_details textarea
{
    border: 1px solid #000;
    border-style: solid;
    background-color: #FFF;
    color: #000;
}

/*** Content section ***/
#content_header
{
	position: relative;	
    display: block;
}

#content_header_inner
{
	float:left;
    background-color: #E1ECFE;
    color: #000;
    border-bottom: 1px solid #000;
    font-size: 1em;
	padding: 0px;
	width:100%;
}

#content_header #location
{
    font-size: 1em;
    padding: 0.4em 0.5em 0.5em 0.5em;
	float:left;
}
#content_header #location .first_title
{
    font-weight: bold;
    display: inline;
    padding-top: 0.6em;
}
#content_header #location .second_title
{
    font-weight: normal;
    display: inline;
}
#content_header a
{
    margin: 0;
    padding: 0;
	color:#000;
}
#content_header_options
{
	float:right;
	font-size: 0.9em;
	bottom: 0px;
	margin: 0;
	margin-top: 0.4em;
	padding: 0;
}
#content_header_options li
{
	float:left;
    font-weight: normal;
    display: inline;
    padding-bottom: 0.3em;
    padding-top: 0.4em;
    padding-left: 0.6em;
    padding-right: 0.6em;
    margin-left: 0;
    margin-right: 0.2em;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
    background-color: #FFF;
    border: 1px solid #767676;
	border-bottom: none;
}
#content_header_options li.selected
{
    background-color: #C9ED9B;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    font-weight: bold;
    color: #000;
}

#section_footer
{
    text-align: center;
}

#overview_content
{
    margin: 0.5em;
}


#content_container 
{
}

/*** Login ***/

#blank_page_content
{
	overflow: scroll;
	padding: 0px;
	margin: 0px;
	margin-bottom: 5px;
	height: 99%;
}

#overview_content,
#home_page_content{
    vertical-align: top;
    padding: 1em;
}
#overview_content h1,
#home_page_content h1
{
    font-size: 1.3em;
    margin-top: 0.3em;
    margin-bottom: 1em;
}
#overview_content h1.topline,
#home_page_content h1.topline
{
    margin-bottom: 0px;
}
#overview_content h1.bottomline,
#home_page_content h1.bottomline
{
    margin-top: 0px;
}
#overview_content p,
#home_page_content p
{
    padding-top: 0px;
    padding-bottom: 1em;
}
#overview_content ul,
#home_page_content ul
{
    list-style-type: disc;
    list-style-position: inside;
    padding-bottom: 1em;
}
#overview_content ul li,
#home_page_content ul li
{
    list-style-type: disc;
    list-style-position: inside;
    margin-left: 20px;
    margin-bottom: 0.3em;
}

#home_page_side{
    padding: 1em;
	width:260px;
	vertical-align: top;
}

#home_page_side #account_signup_link{
	margin:10px 0 5px;
}

#home_page_side #sponsers{
	margin:10px 0 5px;
	text-align:center;
}

#home_page_side h2{
	margin:3px 0;
}

#loginbox{
	border: 1px solid #999;
	background-color: #E1ECFE;
	padding:5px;
}

#loginbox #getaccount{
}

/*** Other ***/

.clear{
	clear:both;
	height:0;
	width:100%;
}

.description{
	padding:5px;
	text-align:center;
}

.description p{
	padding-left:10px;
}

#loadingbar{
	margin:0;
	padding:0;
	display:inline;
}

.button-to, .button-to div{
	display:inline;
}

#accept_invitation_auth{
	border: 1px solid #999;
	background-color: #E1ECFE;
	padding:5px;
}

/*** Attachments ***/
.attachment
{
    background-color: #F8FAFD;
    padding: 5px;
    margin-bottom: 0.2em;
    vertical-align: top;
	background-image: no-repeat;
	float:left;
}
.attachment_preview{
	display:block;
	width:100px;
	min-height:30px;
	float:left;
 	background-image: url(/images/filetypes/default.gif);
    background-repeat: no-repeat;
    background-position: top right;
}

.attachment_preview img{
	float:right;
}

.attachment_info{
	float:left;
	margin-left:5px;
}
.attachment h3
{
	font-size:1.1em;
}

.attachment .jpg, 
.attachment .gif, 
.attachment .png
{
	background-image: none;
    padding-left: 0px;
}

.attachment .wmv, 
.attachment .mov, 
.attachment .mpg
{
	background-image: url(/images/filetypes/movie.gif);
}

.attachment .doc, 
.attachment .docx,
.attachment .txt
{
	background-image: url(/images/filetypes/word.gif);
}

.attachment .pdf
{
	background-image: url(/images/filetypes/acrobat.gif);
}

.attachment .zip
{
	background-image: url(/images/filetypes/zip.gif);
}

.attachment .ppt
{
	background-image: url(/images/filetypes/powerpoint.gif);
}

.attachment .xls,
.attachment .xlsx,
.attachment .csv
{
	background-image: url(/images/filetypes/excel.gif);
}

#reg_centre{
	margin:30px 0;
	text-align:center;
}

#blank_container{
	width:100%;
	text-align:center;
}

#blank_container_inner{
	width:500px;
	margin:0 auto;
	padding:20px 10px;
	text-align:left;
	border: 1px solid #999;
	border-top:none;
	border-bottom:none;
}

p.highlight{
	border: 1px solid #999;
	background-color: #E1ECFE;
	padding:5px;
	margin-top:5px;
}
p.topic_filter,
p.search_filter
p.report_overview
{
    display: block;
    border: 1px dotted #6E8EB9;
    background-color: #E6EDF7;
    margin-bottom: 1em;
    padding: 0.5em;
}
p.search_filter,
p.topic_filter
{
    margin-left: 0.5em;
    margin-right: 0.5em;
}

.question_text .inner{
	padding-right:11em;
}
.question_text{
	width:100%;
	margin-right:-11em;
	float:left;
}
.discussthis{
	width:10em;
	float:right;
	padding:2px;
	padding-left:;
}
.discussthis img, .commentcount{
	float:left;
}
.commentcount{
	padding:8px 25px 5px 0;
	background: #FFF url(/images/icons/comments.gif) no-repeat center 99%;
}
a.comments
{
    color: #000;
	display:block;
	margin-left:30px;
}
a.comments:hover
{
    color: #6E8EB9;
}

.split{
	padding:20px;
}

.split .left{
	width:68%;
	float:left;
}

.split .left h1{
	font-size: 1.3em;
}

.split .right{
	width:30%;
	float:right;
	border: 1px solid #E1ECFE;
	margin-bottom:10px;
}

.split .right h1{
	background-color: #E1ECFE;
	padding:5px;
}

.section_description{
    border: 1px dotted #6E8EB9;
    background-color: #E6EDF7;
	margin:1.5em;
	padding:0.4em;
}

.error_window
{
	text-align: center;	
}

.error_window .message
{
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 2em;
	margin-top: 2em;
}