/*
 --- 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;_padding-right:3px;}
#InnerBodyContent{width:591px;border-left:dotted 1px #6d476c;min-height:400px; float:right; }
#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: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;}


/*
.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 {}
*/

#ProfileForm, #CommentForm, #EnquiryForm, #FeedbackForm, #FAQAskQuestionForm {margin-top:8px;}

.form{}
.formRow{display:block;clear:both;width:400px;margin-top:5px;}
.formLabel, .itemLabel{display:block;width:100px;float:left;margin-bottom:3px;margin-top:5px;font-weight:bold;}
.formImageButton{margin-bottom:3px;margin-top:5px;}
.formTextBox, .formTextBox, .formTextBox, select {width:200px;display:block;float:left;background-color:#f0ecf0;margin-bottom:3px;margin-top:5px;}
.formLabelWide{width:390px;}
.formErrorLabel{color:Red;}
.itemCheckBox label {white-space:nowrap;}

.requiredField{padding:0 0 0 5px;}


.ActivitiesGridHeader th{border:solid 1px #a4c535;padding:3px 3px 3px 3px;}
.ActivitiesGridHeader th{border-left:none 1px;border-right:none 1px;}
.ActivitiesGridItem{border:solid 1px #a4c535;padding:3px 3px 3px 3px;}
.ActivitiesGridItem{border-left:none 1px;border-right:none 1px;}
.ActivitiesGridItemList{list-style:none;margin:0;padding:0;}

#ActivityDetails{}
#ActivityDetails ul {list-style:none;margin:0px;padding:0px;}
#ActivityDetails table {border-collapse:collapse;border:solid 1px #f1f6e1;margin:0 0 10px 0px;}
#ActivityDetails table th{font-size:1.1em;padding:2px 5px 2px 5px;text-align:left;background-color:#f1f6e1;}
#ActivityDetails table td{text-align:left;padding:2px 5px 2px 5px;}