﻿/*
 --- COLOURS ---
	dark purple: #6d476c;
	light purple: #e9e4e9;
	x light purple: #f0ecf0;

	dark green: #a4c535
	light green: f1f6e1
*/


#wrapper {width:747px; position:relative; margin:0 auto 0 auto;background-color:#ffffff;}
#container {width:732px; position:relative; padding:5px 5px 5px 10px; background-color:#ffffff; background-image:url('/layouts/helppoint/images/body_middle.gif');}

/*Header*/
#Header {width:727px;border-bottom:dotted 1px #6d476c;margin-bottom:5px;}
#HeaderLeft{padding:0 0 0 0; width:340px;float:left;}
#HeaderRight{padding:0 0 0 0; width:350px;float:right;text-align:right;}
#SearchBox{height:33px;width:268px;padding:10px 0px 0px 10px;background-image:url('/layouts/helppoint/images/green_searchbox.gif')}
#UserStatusBox{height:20px;width:268px;padding:5px 0px 0px 10px;text-align:right;}

/*LeftContent*/
#LeftContentSupporterBox{border-top:dotted 1px #6d476c;border-left:dotted 1px #6d476c;border-bottom:dotted 1px #6d476c;}
#LeftContentSupporterBox img{margin-top:20px;}


/*Body*/
#BodyContent {width:727px;padding:0 0 0 0;}
/*#LeftContent {float:left; width:129px;padding-right:5px;border-right:dotted 1px #6d476c;}*/
#LeftContent {float:left; width:129px;padding-right:5px;_padding-right:3px;}
#InnerBodyContent{width:591px;border-left:dotted 1px #6d476c;min-height:400px; float:right;}
#TopContent{} /*width:591px;*/
#TopContent .ImageBlock{float:left;}
#MiddleContent {float:left; width:396px; margin:0 0 0 5px;padding-right:11px;border-right:dotted 1px #6d476c;}
/*#RightContent {float:right; width:170px; margin:0 0 0 5px;padding:0 0 0 5px;border-left:dotted 1px #6d476c;}*/
#RightContent {float:right; width:169px; margin:0 0 0 0;padding:0 0 0 5px;_padding:0 0 0 3px;}

/*Footer*/
#Footer {width:727px; padding:5px 0 0 0;font-size:0.8em;margin-top:5px;border-top:dotted 1px #6d476c; height:25px;}
#Footer a {color:#000;}
#Footer ul {margin:0; list-style:none; }
#Footer li {float:left;}
#Footer li a {height:20px;}

#strandsList {width:300px;float:right;text-align:right;}
#strandsList ul {margin:0; list-style:none;}
#strandsList li {float:left;width:15px;}
#strandsList li.selected{font-weight:bold;color:#a4c535;font-size:1.3em;}

.itemRow {width:210px; margin: 0 0 5px 0;}
.itemRow .itemLabel { float:left; width:90px;}
.itemRow .itemValue { float:left; width:120px;}
.itemRow .itemValue .itemTextBox {border-width:1px; border-style:groove; font-size:1.0em; width:118px;}
.itemRow .itemValue .itemComboBox {}
.itemRow .itemValue .itemCheckBox {}
.itemRow .itemValue .itemMultiCheckBox {}

.itemRowLabelLarge {width:210px; margin: 0 0 5px 0;}
.itemRowLabelLarge .itemLabel{ float:left; width:190px;}
.itemRowLabelLarge .itemValue { float:left; width:20px;}
.itemRowLabelLarge .itemValue .itemTextBox{}
.itemRowLabelLarge .itemValue .itemComboBox {}


.goToAuditLink{float:right;}

.AuditTable{width:570px;border-collapse:collapse;border-top:solid 1px #a4c535;border-bottom:solid 1px #a4c535;}
.AuditTable td{margin:0 0 0 0;border-top:solid 1px #a4c535;padding:2px 4px 2px 2px;}
.strandsListPrev{float:right;padding:5px 5px 5px 5px;}
.strandsListNext{float:right;padding:5px 5px 5px 5px;}

.groupReportTable {overflow:hidden; clear:both;}
.groupReportName{width:100px; table-layout:fixed; text-align:left;}
.groupReportQuestion{width:5px;padding:2px 2px 2px 2px; text-align:left;}

.colorGreen { color:Green;}
.colorRed { color:Red;}
.colorOrange {color:Orange;}

.strandFilters {padding-bottom:10px;float:right;margin-top:-20px; width:160px;}
.strandItems {}
.strandItems .strandItem {padding-bottom:10px;}
.strandItems .strandItem .strandData {float:left; width:360px; padding-right:10px;}
.strandItems .strandItem .strandData .strandDataName{font-size:1.1em; font-weight:bold;}
.strandItems .strandItem .strandData .strandDataText{}
.strandItems .strandItem .strandLinks {float:left;}

.StrandName{color:#a4c535;}
.meetNeedsConfidenceLevel{border:solid 1px #a4c535;margin:10px 0 10px 0;width:300px;padding:10px;}

#EnquiryForm, #FeedbackForm, #FAQAskQuestionForm {margin-top:8px;}

#EnquiryForm .formLabel, #FAQAskQuestionForm .formLabel, #FeedbackForm .formLabel, .itemLabel{display:block;width:100px;float:left;margin-bottom:3px;margin-top:5px;font-weight:bold;}
#EnquiryForm .formTextBox, #FAQAskQuestionForm .formTextBox, #FeedbackForm .formTextBox {width:200px;display:block;float:left;background-color:#f0ecf0;margin-bottom:3px;margin-top:5px;}
#FeedbackForm .formLabelWide{width:390px;}
.itemCheckBox label {white-space:nowrap;}


.requiredField{padding:0 0 0 5px;}


.CoursesGridHeader th{border:solid 1px #a4c535;padding:3px 3px 3px 3px;}
.CoursesGridHeader th{border-left:none 1px;border-right:none 1px;}
.CoursesGridItem{border:solid 1px #a4c535;padding:3px 3px 3px 3px;}
.CoursesGridItem{border-left:none 1px;border-right:none 1px;}
