.datalist_item_style { background-color:#fff; padding:5px; color:inherit;}
.datalist_alternating_item_style { padding:5px;}

.textbox {width:150px; color:#3F3F3F; font-size:9pt; height:15px; background-repeat:no-repeat; border:1px inset #fff; background-color:inherit;}
.postcodetextbox {width:100px; font-size:12px; border:1px inset #fff;}
.regtextbox {width:250px; font-size:12px; border:1px inset #fff;}
.textarea {border:1px inset #fff; background-repeat:no-repeat; color:#3F3F3F; font-size:9pt; font-family:Verdana, Sans-Serif; background-color:inherit;}
.dropdownlist {font-size:12px; font-family:Verdana, Sans-Serif; }
.regdropdownlist {width:254px; font-size:12px; }

.button {background: #8EAFCC url(/Images/button_bg.gif) bottom repeat-x;color: #fff; font-weight: bold; padding: 1px 10px 1px 10px;margin: 0px 0px 0px 0px;border: 1px solid #4E6376; cursor: pointer; font-size:10px;}

.button_hover {background: #8EAFCC url(/Images/button_bg_hover.gif) top repeat-x;color: #fff; font-weight: bold;padding: 1px 3px 1px 3px;margin: 0px 0px 0px 0px;border: 1px solid #4E6376; cursor: pointer; font-size:10px;}
.yellow_button {background: #FDE282 url(/Images/button_bg_yellow.gif) bottom repeat-x;color: #544D35; font-weight: bold;padding: 1px 3px 1px 3px;margin: 0px 0px 0px 0px;border: 1px solid #796317; cursor: pointer; font-size:10px;}
.green_button {background: #88C384 url(/Images/button_bg_green.gif) bottom repeat-x;color: #fff; font-weight: bold;padding: 1px 3px 1px 3px;margin: 0px 0px 0px 0px;border: 1px solid #347130; cursor: pointer; font-size:10px;}

.errorHeader {font-size: 12px; margin-bottom: 10px; margin-top: 7px; width: auto; color:#FFFFFF; font-family:Verdana, Tahoma, Sans-Serif; font-weight:bolder; text-decoration: underline; text-align:left; background-color:inherit;}

/* Style classes for all DetailsView controls */
.detailsview {color:#333; text-align:left; width:100%; overflow:auto; background-color:#CDDCE5; border:1px solid #5B6A78;}
.detailsview_alternating_row_style {height:30px; background-color:#E5EFF6; color:inherit;}
.detailsview_row_style { height:30px;  background-color:#E5EFF6; color:inherit;}
.detailsview_header_style {background-color:#AAC3D4; color:#4E6376;font-weight:bold; width:155px; padding-left:5px;}
.detailsview_control_template { text-align:right; background-color:#AF93B9; padding-right:8px; color:inherit;}
.detailsview_header_button_style { background-color:#AAC3D4; color:#4E6376;height:20px; padding: 4px;}

/* Style classes for all FormView controls */
.formview {color:#333; text-align:left; float:left; overflow:auto; background-color:#CDDCE5; border:1px solid #8398AD; width:inherit;}


/* Column Layout for Templated Controls */
.templateLayout { width: auto; height: auto; margin: 0px; padding: 0px; border: solid 1px #5B6A78; background-color: #e5eff6; }
.templateLayout .row { width: 100% auto; height: 30px; line-height: 30px; vertical-align: middle; border-bottom: 1px solid #fff; }
.templateLayout .control_row { width: 100% auto; height: 30px; line-height: 30px; vertical-align: middle; text-align: right; background-color: #AF93B9; padding-right: 8px; border-bottom: 1px solid #fff; }
.templateLayout label, .label { display: block; clear: both; float: left; margin: 0px; padding-left: 5px; margin-right: 5px; text-align: left; line-height: 30px; background-color: #AAC3D4; color: #4E6376; font-weight: bold; width: 155px; border-right: 1px solid #fff; }

/* for extra wide labels */
.templateLayout .labellong { display: block; clear: both; float: left; margin: 0px; padding-left: 5px; margin-right: 5px; text-align: left; line-height: 30px; background-color: #AAC3D4; color: #4E6376; font-weight: bold; width: 220px; border-right: 1px solid #fff; }
.templateLayout .element { display: block; text-align: left; float: left; margin-left: 5px; width: 100% auto; line-height: 30px; background-color: #E5EFF6; font-weight: normal; }

/* ajax calender gets distorted by element so use this one if you use this control */
.templateLayout .elementcalender { display: block; float: left; margin-left: 5px; width: 100% auto; line-height: normal; background-color: #E5EFF6; padding-top: 3px; }

/*.detailsview {text-align:left; float:left;width:710px;height:315px; overflow:auto; border-style:none;}*/

.hoverPopup { background-color: #E5EFF6; color: #4E6376; border-width: 1px; border-style: solid; border-color: #8398AD; padding: 5px;}
.linkbutton { background: #8EAFCC url(/Images/button_bg.gif) bottom repeat-x;color: #fff; font-weight: bold;padding: 1px 5px 1px 5px;margin: 0px 0px 0px 0px;border: 1px solid #4E6376; cursor: pointer; font-size:10px;}


/* Styles for AJAX Modal Popup Control */
.modalBackground { background-color:Gray; filter:alpha(opacity=70); MozOpacity: 0.7; opacity:0.7; color:inherit;}
.modalPopup { background-image:url(/Images/main_contentpopup_bg.gif); background-repeat:repeat-x; border:2px solid #4E6376; color: #ffffff; padding:0px; margin:10px; width: 400px; height: auto;}
.modalPopup .header { vertical-align: top; width: auto; background-color:#AAC3D4; color:#4E6376; border-bottom: 1px solid #4E6376; padding: 7px; margin: 0px 0px 0px 0px; font-weight: bolder; font-size: 14px; text-align: left;}
.modalPopup .footer { clear: both; text-align: right; padding: 10px; }
.modalPopup .body { text-align: left; margin: 15px; }
.modalPopup .header .close { vertical-align: top; cursor: pointer; margin: 1px 0px 7px 0px; padding: 1px 3px 1px 3px; font-size: 18px; font-weight: bolder; color: #FFFFFF; background-color:inherit;}
.modalPopup .leftPane { width: 150px; float: left; padding : 15px; }
.modalPopup .rightPane { width : 250px; float: left; vertical-align: middle; padding: 15px; }

.modalLoadingBackGroundFilter { position:absolute; top:0px; bottom:0px; left:0px; right:0px; overflow:hidden;
                                padding:0; margin:0; z-index:500; background-color:Gray; color:inherit; filter:alpha(opacity=90); MozOpacity: 0.7; opacity:0.7;}
.modalLoadingMessage { position:absolute; top:0%; left:43%; padding:25px; margin-top:250px;width:175px; height:100px; z-index:1001;}  


/*claims*/
#Claims, .button {background: #8EAFCC url(/Images/button_bg.gif) bottom repeat-x;color: #fff; font-weight: bold; padding: 1px 3px 1px 3px;margin: 0px 0px 0px 0px;border: 1px solid #4E6376; cursor: pointer; font-size:9px;}






/* Style classes for all gridview controls */
.gridview {color:#333; text-align:left; width: 100% auto; overflow:auto; background-color:#CDDCE5; border:1px solid #5B6A78; font-size:10px}
.gridview_menu {color:#333; text-align:left; float:left;width:470px;overflow:auto; background-color:#CDDCE5; border:1px solid #8398AD;}
.gridview_alternating_row_style { background-color:#E5EFF6;height:25px;}
.gridview_row_style {height:25px; margin: 10px;}
.gridview_row_style input,.gridview_alternating_row_style input {width:60px;}
.gridview_selected_style {background-color:#AF93B9; color:#fff;}
.gridview_selected_style a {color:#fff;}
.gridview_header_style { background-color:#AAC3D4; color:#4E6376; height:25px; padding: 7px; vertical-align: bottom;}
.gridview_header_style a { color:#4E6376;}
.gridview_footer_style { background-color:#AAC3D4; color:#4E6376; }
.gridview_pager_style { text-decoration:underline; color:red;}
.gridview_control_template {width:150px; padding-left:5px;}
.gridview_footer_insert_cell { padding: 5px 0px 5px 2px; border-top: dotted 1px white; border-bottom: dotted 1px white;}
.gridview_footer_summary {background-color:#AAC3D4; color:#4E6376;height:25px; padding: 5px; font-size: 12px; font-weight: bolder;}
.gridview_subheading_style { background-color:#AAC3D4; color:#4E6376; letter-spacing: 1.5px; font-size: 13px; padding: 7px; height: 25px; font-weight: normal;}
.gridview_highlight_row_style { background-color:#A7D8BE;}


.budgetForecast {clear:both; width: auto; height: 100% auto; border-top: solid 1px #4E6376;  padding: 5px;}
.budgetForecast .months {}
.budgetForecast .monthColumn {float: left; width: 71px;  padding: 2px;}
.budgetForecast .monthColumn .textbox {width: 68px;}
.budgetForecast .detailsColumn {}
.budgetForecast label {color: #4E6376;}
.budgetForecast .detailsColumn h2 {font-size: 12px; margin: 2px; font-weight: bolder;}
.budgetForecast .detailsColumn h3 {font-size: 10px; }
.budgetForecast .budgetAmount {font-size: 11px; font-weight: bolder; color: Black; padding-left: 5px;}

.budgetForecastMenuButton {background: #8EAFCC url(/Images/button_bg.gif) bottom repeat-x;color: #fff; font-weight: bold;padding: 1px 3px 1px 3px;margin: 5px;border: 1px solid #4E6376; cursor: pointer; font-size:10px;}
.budgetForecastMenuButtonSelected {background: #8EAFCC url(/Images/button_bg.gif) bottom repeat-x; color: #FFF; font-weight: bold;padding: 1px 3px 1px 3px;margin: 5px;border: 1px solid #FFF; cursor: pointer; font-size:10px;}

.chooseBudgetYearLabel {color: #FFFFFF; font-weight: bolder; float: left; line-height: 20px; padding: 5px; border: solid 0px black;}
.budgetForecastHeader {width: 100% auto; border: solid 0px black;}
.budgetForecastMenu {border: solid 0px black; float: right; text-align: right; padding-right: 0px;}
.budgetYearTotal {border: solid 0px black; float: left; width: 400px; color:#FFFFFF; font-family:Verdana, Tahoma; font-size: 11px; font-weight: bolder; letter-spacing: .5px; padding-bottom: 10px; padding-left:5px; line-height:17px;}
.button_equipment_list {background-color: #168E4A ;color: #fff; font-weight: bold;cursor: pointer; font-size:10px; }