BODY,DIV,TH,TD,P,INPUT,SELECT,TEXTAREA,TT { color: #343434; font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 10px; }
a { color: #330000; text-decoration: none; }
a:hover { color: #AE0000; text-decoration: underline; }
H1 { font-size: 15px; }
H2 { font-size: 13px; }
H3 { font-size: 12px; }
H3.error { color:Red; }
HR { color: #ddd; height: 1px; }
HTML,BODY { margin: 0; padding: 0; height: 100%; }
FORM { margin: 0; }
TABLE,IMG { border: 0; }

div#header .logo{ color: #fff; font-size: 20px; font-weight: bold; padding: 5px 0 0 10px; }
div#header .phrase{ color: #fff; font-size: 10px; margin: 1px 0 0 10px;}
div#fade .links { color: #fff; float:right; margin: 3px 50px 0 0; }
div#fade .links a { color: #fff; font-weight: bold; font-family:Arial, Helvetica, sans-serif; font-size:10px; }
div#fade .links a:hover { text-decoration: underline; }



.VertMenuTitleNav { clear: both; margin: 0 0 0 0; width: 100%; background: #CC0033 url('../images/menu_left_red.gif') no-repeat left top; font-weight: bold; height: 20px; }
.VertMenuTitleNav img { float: right; padding-left: 1px; }
.VertMenuTitleNav h1 { float: left; margin: 0; padding: 3px 0 0 12px; color: #fff; font-size: 10px; }
.VertMenuBoxNav { padding: 0; border: 1px solid #CC0033; background: #fff; }

.navigate a { border-bottom: 1px #fff solid; padding: 2px 2px 2px 15px; display: block; background: #e5e8ea url(../images/menu_arr.gif) no-repeat left; color: #122a6e; font-weight: bold; font-family:Arial, Helvetica, sans-serif; font-size:10px; }
.navigate a:hover { background: #d8dde0 url(../images/menu_arr_hov.gif) no-repeat left; color: #bd0000; text-decoration: none; }

.VertMenuTitle { clear: both; margin: 10px 0 0 0; width: 100%; background: #93a0a9 url('../images/menu_left_teal.gif') no-repeat left top; font-weight: bold; height: 20px; }
.VertMenuTitle img { float: right; padding-left: 1px; }
.VertMenuTitle h1 { float: left; margin: 0; padding: 3px 0 0 12px; color: #fff; font-size: 10px; }
.VertMenuBox { padding: 0; border: 1px solid #97BF6F; background: #fff; }

.historic a { border-bottom: 1px #fff solid; padding: 2px 2px 2px 15px; display: block; background: #e5e8ea url(../images/menu_arr.gif) no-repeat left; color: #122a6e; font-weight: bold; font-family:Arial, Helvetica, sans-serif; font-size:10px; }
.historic a:hover { background: #d8dde0 url(../images/menu_arr_hov.gif) no-repeat left; color: #bd0000; text-decoration: none; }
.historic .active { border-bottom: 1px #fff solid; padding: 2px 2px 2px 15px; display: block; background: #FFFFCC url(../images/menu_arr.gif) no-repeat left; color: #122a6e; font-weight: bold; font-family:Arial, Helvetica, sans-serif; font-size:10px; }
.historic .inactive { border-bottom: 1px #fff solid; padding: 2px 2px 2px 15px; display: block; background: #FFFFCC url(../images/menu_arr.gif) no-repeat left; color: #122a6e; font-weight: bold; font-family:Arial, Helvetica, sans-serif; font-size:10px; }

.VertMenuTitleAlert { clear: both; margin: 0 0 0 0; width: 100%; background: #FF6600 url('../images/menu_left_bright.gif') no-repeat left top; font-weight: bold; height: 20px; }
.VertMenuTitleAlert img { float: right; padding-left: 1px; }
.VertMenuTitleAlert h1 { float: left; margin: 0; padding: 3px 0 0 12px; color: #fff; font-size: 10px; }
.VertMenuBoxAlert { padding: 0; border: 1px solid #FF6600; background: #fff; margin: 0 0 10px 0;}

.alert .advise { border-bottom: 1px #fff solid; padding: 4px 2px 4px 25px; display: block; background: white url(../images/warning_advise.jpg) no-repeat left; color: #122a6e; font-weight: bold; font-family:Arial, Helvetica, sans-serif; font-size:10px; }
.alert .warn { border-bottom: 1px #fff solid; padding: 4px 2px 4px 25px; display: block; background: white url(../images/warning_warn.jpg) no-repeat left; color: #122a6e; font-weight: bold; font-family:Arial, Helvetica, sans-serif; font-size:10px; }
.alert .action { border-bottom: 1px #fff solid; padding: 4px 2px 4px 25px; display: block; background: white url(../images/warning_action.jpg) no-repeat left; color: #122a6e; font-weight: bold; font-family:Arial, Helvetica, sans-serif; font-size:10px; }
.alert .critical { border-bottom: 1px #fff solid; padding: 4px 2px 4px 25px; display: block; background: white url(../images/warning_critical.jpg) no-repeat left; color: #122a6e; font-weight: bold; font-family:Arial, Helvetica, sans-serif; font-size:10px; }


.VertMenuTitleError { clear: both; margin: 0 0 0 0; width: 100%; background: #CC0033 url('../images/menu_left_red.gif') no-repeat left top; font-weight: bold; height: 20px; }
.VertMenuTitleError img { float: right; padding-left: 1px; }
.VertMenuTitleError h1 { float: left; margin: 0; padding: 3px 0 0 12px; color: #fff; font-size: 10px; }
.VertMenuBoxError { padding: 0; border: 1px solid #CC0033; background: #fff; margin: 0 0 10px 0;}
.VertMenuBoxError .error { margin: 10px 0 0 10px; }


.VertMenuTitleSearch { clear: both; margin: 0 0 0 0; width: 100%; background: #97BF6F url('../images/menu_left_pea.gif') no-repeat left top; font-weight: bold; height: 20px; }
.VertMenuTitleSearch img { float: right; padding-left: 1px; }
.VertMenuTitleSearch h1 { float: left; margin: 0; padding: 3px 0 0 12px; color: #fff; font-size: 10px; }
.VertMenuTitleSearch h1.step { float: left; margin: 0; padding: 3px 0 0 12px; color: #CC0033; font-size: 10px; }
.VertMenuBoxSearch { padding: 0; margin: 0 0 10px 0; border: 1px solid #97BF6F; background: #fff; }
.VertMenuBoxSearch .action { width: auto; height: auto; float: right; margin: 5px 10px 10px 0; }
.VertMenuBoxSearch .action h1 { width: auto; height: 16px; float:left; margin: 3px 0 0 0; color: #CC0033; font-size: 10px; }

div#search { border-bottom: 1px #fff solid; padding: 2px 2px 2px 15px; display: block; height: auto; clear: both;}

div#search .suggest{ color: #009933; margin: 5px 5px 5px 5px; }
div#search .astrix{ color: #009933; }
div#search div.control { height: 30px; width: auto; margin: 0 0 10px 5px; display: inline-block; float: left; }
div#search div.input { height: 30px; width: auto; margin: 0 10px 0 0; }
div#search .label { padding: 0 0 0 5px; }

.column p { margin: 5px 0 2px 0; }
.radioCheck { width: auto; height: auto; margin: 0 0 10px 5px; }
.clear{ clear: both;}

div#vehicleSpec { padding: 0; border: 0px solid #d2d7db; background: #fff; margin: 0 0 0 20px; }
div#vehicleSpec .column { height: auto; width: 129px; border: 0px solid #d2d7db; float: left; }

div#preferences { padding: 0; border: 0px solid #d2d7db; background: #fff; margin: 0 0 0 20px; }
div#preferences .column { height: auto; width: 179px; border: 0px solid #d2d7db; float: left; }
div#preferences .column .stack { height: auto; margin: 0 0 45px 0; }

div#searchSummary { padding: 2px 2px 2px 15px; height: auto; clear: both;}
div#searchSummary div.title { width: 90px; float: left; clear: left; margin: 5px 0 0 0; }
div#searchSummary div.summary { width: 460px; float: left; margin: 5px 0 0 0; }
div#searchSummary div.summary .emphasise { color: #009933; }
div#searchSummary div.summary div.subtitle { width: 100px;float: left; clear: left; margin: 0 0 2px 0; }
div#searchSummary div.summary div.subsummary { width: 350px; float: left; margin: 0 0 2px 0; }
.VertMenuTitleSearch .action { width: auto; height: auto; float: right; margin: 5px 10px 10px 0; }

div.results { height: 28px; width: auto; border: solid 1px #e5e8ea; margin: 0 0 10px 0; }
div.results p { height: 25px; width: auto; float: left; margin: 7px 0 0 5px; }
div.results span { color: #93a0a9; }
div.results div.filter { float: right; margin: 5px 5px 0 0; }

.TitleOutlet { clear: both; margin: 30px 0 0 0; width: 100%;  font-weight: bold; height: 30px; background: white url(../images/outlet_centre.gif) repeat left; }
.TitleOutlet .left{ height: 30px; width: 30px; float: left; background: url('../images/outlet_left.gif') no-repeat left top; }
.TitleOutlet .centre{ height: 30px; width: auto; float: left; }
.TitleOutlet .right{ height: 30px; width:30px; float: right; background: url('../images/outlet_right.gif') no-repeat right top; }
.TitleOutlet a { margin: 6px 0 0 0; display: block; color: #bd0000; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size:18px; }
.TitleOutlet a:hover { color: #bd0000; text-decoration: underline; }
.BoxOutlet { margin: 0 0 10px 0; border: 1px solid #93a0a9; background: #FFFFCC; }
.BoxOutlet .action { width: auto; height: auto; float: right; margin: 5px 8px 10px 0; }
.BoxOutlet .columnLeft { width: 310px; height: auto; float: left; margin: 0 0 10px 0; }
.BoxOutlet .columnRight { width: 270px; height: auto; float: right; }
.BoxOutlet .detail { width: auto; height: auto; float: left; margin: 0 10px 5px 0; }


.TitleStatistics { clear: both; margin: 10px 0 0 10px; width: 245px; background: #FF6600 url('../images/menu_left_bright.gif') no-repeat left top; font-weight: bold; height: 20px; }
.TitleStatistics img { float: right; padding-left: 1px; }
.TitleStatistics h1 { float: left; margin: 0; padding: 3px 0 0 12px; color: #fff; font-size: 10px; }
.BoxStatistics { padding: 0; margin: 0 0 10px 10px; width: 243px; border: 1px solid #FF6600; background: white; }

.BoxStatistics div.title { width: 100px; float: left; clear: left; padding: 5px 0 5px 10px; }
.BoxStatistics div.summary { width: 130px; float: left; padding: 5px 0 5px 0; }
.BoxStatistics div.summary .emphasise { color: #000000; }
.BoxStatistics div.summary .rating0 { background: #fff url('../images/star_0.gif') no-repeat left top; width: 40px; padding: 0 0 0 70px; }
.BoxStatistics div.summary .rating05 { background: #fff url('../images/star_05.gif') no-repeat left top; width: 40px; padding: 0 0 0 70px; }
.BoxStatistics div.summary .rating1 { background: #fff url('../images/star_1.gif') no-repeat left top; width: 40px; padding: 0 0 0 70px; }
.BoxStatistics div.summary .rating15 { background: #fff url('../images/star_15.gif') no-repeat left top; width: 40px; padding: 0 0 0 70px; }
.BoxStatistics div.summary .rating2 { background: #fff url('../images/star_2.gif') no-repeat left top; width: 40px; padding: 0 0 0 70px; }
.BoxStatistics div.summary .rating25 { background: #fff url('../images/star_25.gif') no-repeat left top; width: 40px; padding: 0 0 0 70px; }
.BoxStatistics div.summary .rating3 { background: #fff url('../images/star_3.gif') no-repeat left top; width: 40px; padding: 0 0 0 70px; }
.BoxStatistics div.summary .rating35 { background: #fff url('../images/star_35.gif') no-repeat left top; width: 40px; padding: 0 0 0 70px; }
.BoxStatistics div.summary .rating4 { background: #fff url('../images/star_4.gif') no-repeat left top; width: 40px; padding: 0 0 0 70px; }


.TitleCoverage { float: left; clear: both; margin: 10px 0 0 10px; width: 285px; background: #97BF6F url('../images/menu_left_pea.gif') no-repeat left top; font-weight: bold; height: 20px; }
.TitleCoverage img { float: right; padding-left: 1px; }
.TitleCoverage h1 { float: left; margin: 0; padding: 3px 0 0 12px; color: #fff; font-size: 10px; }
.BoxCoverage { float: left; padding: 0; margin: 0 0 10px 10px; width: 283px; border: 1px solid #97BF6F; background: #fff; }
.BoxCoverage .yes { width: 45px; float: left; clear: left; padding: 5px 0 5px 10px; background: #fff url('../images/tick.gif') no-repeat right center; }
.BoxCoverage .no { width: 45px; float: left; clear: left; padding: 5px 0 5px 10px; background: #fff url('../images/cross.gif') no-repeat right center; }
.BoxCoverage div.summary { float: left; width: 170px; padding: 5px 0 5px 20px; }
.BoxCoverage div.summary .emphasise { color: #009933; }


.TitleScheme { float: left; clear: both; margin: 10px 0 0 10px; width: 285px; background: #93a0a9 url('../images/menu_left_teal.gif') no-repeat left top; font-weight: bold; height: 20px; }
.TitleScheme img { float: right; padding-left: 1px; }
.TitleScheme h1 { float: left; margin: 0; padding: 3px 0 0 12px; color: #fff; font-size: 10px; }
.BoxScheme { float: left; padding: 0; margin: 0 0 10px 10px; width: 283px; border: 1px solid #93a0a9; background: #fff; }
.BoxScheme .yes { width: 45px; float: left; clear: left; padding: 5px 0 5px 10px; background: #fff url('../images/tick.gif') no-repeat right center; }
.BoxScheme .no { width: 45px; float: left; clear: left; padding: 5px 0 5px 10px; background: #fff url('../images/cross.gif') no-repeat right center; }
.BoxScheme div.summary { float: left; width: 170px; padding: 5px 5px 5px 20px; }
.BoxScheme div.summary .emphasise { color: #009933; }


.TitleResource { float: left; clear: both; margin: 10px 0 0 10px; width: 285px; background: #93a0a9 url('../images/menu_left_teal.gif') no-repeat left top; font-weight: bold; height: 20px; }
.TitleResource img { float: right; padding-left: 1px; }
.TitleResource h1 { float: left; margin: 0; padding: 3px 0 0 12px; color: #fff; font-size: 10px; }
.BoxResource { float: left; padding: 0; margin: 0 0 10px 10px; width: 283px; border: 1px solid #93a0a9; background: #fff; }
.BoxResource .yes { width: 45px; float: left; clear: left; padding: 5px 0 5px 10px; background: #fff url('../images/tick.gif') no-repeat right center; }
.BoxResource .no { width: 45px; float: left; clear: left; padding: 5px 0 5px 10px; background: #fff url('../images/cross.gif') no-repeat right center; }
.BoxResource div.summary { float: left; width: 170px; padding: 5px 5px 5px 20px; }
.BoxResource div.summary .emphasise { color: #009933; }

div.page { border: solid 1px #e5e8ea; height: 28px; width: auto; margin: 10px 0 10px 0; clear: both; }
div.page div.position { margin: 5px 0 0 0; text-align: center; }
div.page label { color: blue; }


.TitleOutletDetail { clear: both; margin: 0 0 0 0; width: 100%;  font-weight: bold; height: 30px; background: white url(../images/outlet_centre.gif) repeat left; }
.TitleOutletDetail .left{ height: 30px; width: 30px; float: left; background: url('../images/outlet_left.gif') no-repeat left top;
}
.TitleOutletDetail .centre { height: 30px; width: auto; float: left; }
.TitleOutletDetail .centre h1{ margin: 6px 0 0 0; color: #bd0000; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size:18px; }
.TitleOutletDetail .right{ height: 30px; width:30px; float: right; background: url('../images/outlet_right.gif') no-repeat right top;
}
.BoxOutletDetail { margin: 0 0 10px 0; border: 1px solid #93a0a9; }
div#outletSummary { padding: 2px 2px 2px 15px; margin: 0 0 10px 0; height: auto; clear: both;}
div#outletSummary div.title { width: 90px; float: left; clear: left; margin: 5px 0 0 0; }
div#outletSummary div.summary { width: 460px; float: left; margin: 5px 0 0 0; }
div#outletSummary div.summary .emphasise { color: #009933; }
div#outletSummary div.summary div.subtitle { width: 100px;float: left; clear: left; margin: 0 0 2px 0; }
div#outletSummary div.summary div.subsummary { width: 350px; float: left; margin: 0 0 2px 0; }


.TitleScore { clear: both; margin: 0 0 0 0; width: 100%; background: #FF6600 url('../images/menu_left_bright.gif') no-repeat left top; font-weight: bold; height: 20px; }
.TitleScore img { float: right; padding-left: 1px; }
.TitleScore h1 { float: left; margin: 0; padding: 3px 0 0 12px; color: #fff; font-size: 10px; }
.BoxScore { padding: 0; margin: 0 0 10px 0; border: 1px solid #FF6600; background: #fff; }
div#score { padding: 2px 2px 2px 15px; margin: 0 0 15px 0; height: auto; clear: both;}
div#score div.title { width: 90px; float: left; clear: left; margin: 5px 0 0 0; }
div#score div.summary { width: 460px; float: left; margin: 5px 0 0 0; }
div#score div.summary .emphasise { color: #009933; }
div#score div.summary div.subtitle { width: 100px;float: left; clear: left; margin: 0 0 2px 0; }
div#score div.summary div.subsummary { width: 350px; float: left; margin: 0 0 2px 0; }
.BoxScore div.summary .rating0 { background: #fff url('../images/star_0.gif') no-repeat left top; width: 40px; padding: 0 0 0 70px; }
.BoxScore div.summary .rating05 { background: #fff url('../images/star_05.gif') no-repeat left top; width: 40px; padding: 0 0 0 70px; }
.BoxScore div.summary .rating1 { background: #fff url('../images/star_1.gif') no-repeat left top; width: 40px; padding: 0 0 0 70px; }
.BoxScore div.summary .rating15 { background: #fff url('../images/star_15.gif') no-repeat left top; width: 40px; padding: 0 0 0 70px; }
.BoxScore div.summary .rating2 { background: #fff url('../images/star_2.gif') no-repeat left top; width: 40px; padding: 0 0 0 70px; }
.BoxScore div.summary .rating25 { background: #fff url('../images/star_25.gif') no-repeat left top; width: 40px; padding: 0 0 0 70px; }
.BoxScore div.summary .rating3 { background: #fff url('../images/star_3.gif') no-repeat left top; width: 40px; padding: 0 0 0 70px; }
.BoxScore div.summary .rating35 { background: #fff url('../images/star_35.gif') no-repeat left top; width: 40px; padding: 0 0 0 70px; }
.BoxScore div.summary .rating4 { background: #fff url('../images/star_4.gif') no-repeat left top; width: 40px; padding: 0 0 0 70px; }

.legend { padding: 2px 2px 2px 15px; margin: 0 0 15px 0; height: auto; clear: both;}
.legend div.title { width: 90px; float: left; clear: left; margin: 5px 0 0 0; }
.legend div.summary { width: 460px; float: left; margin: 5px 0 0 0; }
.legend div.summary div.subtitle { width: 100px; float: left; clear: left; margin: 0 0 2px 0; }
.legend div.summary .legend0 { width: 100px; float: left; clear: left; margin: 0 0 2px 0; background: #fff url('../images/star_0.gif') no-repeat left top; padding: 0 0 0 100px;}
.legend div.summary .legend1 { width: 100px; float: left; clear: left; margin: 0 0 2px 0; background: #fff url('../images/star_1.gif') no-repeat left top; padding: 0 0 0 100px;}
.legend div.summary .legend2 { width: 100px; float: left; clear: left; margin: 0 0 2px 0; background: #fff url('../images/star_2.gif') no-repeat left top; padding: 0 0 0 100px; }
.legend div.summary .legend3 { width: 100px; float: left; clear: left; margin: 0 0 2px 0; background: #fff url('../images/star_3.gif') no-repeat left top; padding: 0 0 0 100px; }
.legend div.summary .legend4 { width: 100px; float: left; clear: left; margin: 0 0 2px 0; background: #fff url('../images/star_4.gif') no-repeat left top; padding: 0 0 0 100px; }


.BoxScore div.observation { width: auto; height: auto; clear: both; padding: 2px 2px 2px 15px; margin: 10px 0 0 0; }
.BoxScore div.observation div.headingObservation { width: 121px; float: left; font-weight: bold; margin: 1px 1px 1px 0; }
.BoxScore div.observation div.headingPeriod { width: 107px; float: left; margin: 1px 1px 1px 1px; }
	
div.observation div.obs { width: 121px; height: 14px; float: left; margin: 1px 1px 1px 0; }
div.observation div.figure { width: 107px; height: 14px; float: left; margin: 1px 1px 1px 1px; color: #009933; }
div.observation div.figure .rating0 { background: #fff url('../images/star_0.gif') no-repeat left top; width: 40px; padding: 0 0 0 60px; }
div.observation div.figure .rating05 { background: #fff url('../images/star_05.gif') no-repeat left top; width: 40px; padding: 0 0 0 60px; }
div.observation div.figure .rating1 { background: #fff url('../images/star_1.gif') no-repeat left top; width: 40px; padding: 0 0 0 60px; }
div.observation div.figure .rating15 { background: #fff url('../images/star_15.gif') no-repeat left top; width: 40px; padding: 0 0 0 60px; }
div.observation div.figure .rating2 { background: #fff url('../images/star_2.gif') no-repeat left top; width: 40px; padding: 0 0 0 60px; }
div.observation div.figure .rating25 { background: #fff url('../images/star_25.gif') no-repeat left top; width: 40px; padding: 0 0 0 60px; }
div.observation div.figure .rating3 { background: #fff url('../images/star_3.gif') no-repeat left top; width: 40px; padding: 0 0 0 60px; }
div.observation div.figure .rating35 { background: #fff url('../images/star_35.gif') no-repeat left top; width: 40px; padding: 0 0 0 60px;}
div.observation div.figure .rating4 { background: #fff url('../images/star_4.gif') no-repeat left top; width: 40px; padding: 0 0 0 60px; }

.BoxScore .action { width: auto; height: auto; float: right; margin: 5px 10px 10px 0; }



.TitleAppraisal { clear: both; margin: 0 0 0 0; width: 100%; background: #93a0a9 url('../images/menu_left_teal.gif') no-repeat left top; font-weight: bold; height: 20px; }
.TitleAppraisal img { float: right; padding-left: 1px; }
.TitleAppraisal h1 { float: left; margin: 0; padding: 3px 0 0 12px; color: #fff; font-size: 10px; }
.BoxAppraisal { padding: 0; margin: 0 0 10px 0; border: 1px solid #93a0a9; background: #fff; }
.BoxAppraisal .appraisal { padding: 2px 2px 2px 15px; margin: 0 0 10px 0; height: auto; clear: both;}
.BoxAppraisal .appraisal div.title { width: 90px; float: left; clear: left; margin: 5px 0 0 0; }
.BoxAppraisal .appraisal div.summary { width: 460px; float: left; margin: 5px 0 0 0; }
.BoxAppraisal .appraisal div.summary div.obs { width: 130px; float: left; clear: left; margin: 0 0 2px 0; }
.BoxAppraisal .appraisal div.summary div.figure { width: 298px; height: 14px; float: left; margin: 1px 1px 1px 1px; color: #009933; }
.BoxAppraisal .appraisal div.summary div.figure .rating1 { background: #fff url('../images/star_1.gif') no-repeat left top; width: 80px; padding: 0 0 0 60px; }
.BoxAppraisal .appraisal div.summary div.figure .rating2 { background: #fff url('../images/star_2.gif') no-repeat left top; width: 80px; padding: 0 0 0 60px; }
.BoxAppraisal .appraisal div.summary div.figure .rating3 { background: #fff url('../images/star_3.gif') no-repeat left top; width: 80px; padding: 0 0 0 60px; }
.BoxAppraisal .appraisal div.summary div.figure .rating4 { background: #fff url('../images/star_4.gif') no-repeat left top; width: 80px; padding: 0 0 0 60px; }
.BoxAppraisal .comment { padding: 2px 2px 2px 15px; margin: 0 0 10px 0; height: auto; clear: both;}
.BoxAppraisal .comment div.title { width: 90px; float: left; clear: left; margin: 5px 0 10px 0; }
.BoxAppraisal .comment div.summary { width: 460px; float: left; margin: 5px 0 10px 0; }


.TitleAppraise { clear: both; margin: 0 0 0 0; width: 100%; background: #FF6600 url('../images/menu_left_bright.gif') no-repeat left top; font-weight: bold; height: 20px; }
.TitleAppraise  img { float: right; padding-left: 1px; }
.TitleAppraise  h1 { float: left; margin: 0; padding: 3px 0 0 12px; color: #fff; font-size: 10px; }
.BoxAppraise { padding: 0; margin: 0 0 10px 0; border: 1px solid #FF6600; background: #fff; }
.BoxAppraise div.observation { width: auto; height: auto; clear: both; padding: 2px 2px 2px 15px; margin: 10px 0 0 0; }
.BoxAppraise div.observation div.headingObservation { width: 121px; float: left; font-weight: bold; margin: 1px 1px 1px 0; }
.BoxAppraise div.observation div.heading { width: 87px; float: left; margin: 1px 1px 1px 1px; text-align: center; }
.BoxAppraise div.observation div.obs { width: 121px; height: 16px; float: left; margin: 1px 1px 1px 0; }
.BoxAppraise div.observation div.figure { width: 428px; height: 16px; float: left; }

.BoxAppraise div.selection { float: left; width: 87px; margin: 1px 1px 1px 1px; text-align: center; }
.BoxAppraise .comment { padding: 2px 2px 2px 15px; margin: 10px 0 15px 0; height: auto; clear: both;}
.BoxAppraise .comment div.title { width: 90px; float: left; clear: left; margin: 25px 0 0 0; }
.BoxAppraise .comment div.summary { width: 460px; float: left; margin: 25px 0 0 0; }
.BoxAppraise .comment div.summary  textarea { margin: 0 0 0 35px; }
.BoxAppraise .action { width: auto; height: auto; float: right; margin: 10px 10px 10px 0; }



.TitleInfo { clear: both; margin: 0 0 0 0; width: 100%; background: #93a0a9 url('../images/menu_left_teal.gif') no-repeat left top; font-weight: bold; height: 20px; }
.TitleInfo img { float: right; padding-left: 1px; }
.TitleInfo h1 { float: left; margin: 0; padding: 3px 0 0 12px; color: #fff; font-size: 10px; }
.BoxInfo { padding: 0 10px 0 10px; margin: 0 0 10px 0; border: 1px solid #93a0a9; background: #fff; }
.BoxInfo .info div.heading { width: 100%; font-weight: bold; margin: 10px 0 0 10px; }
.BoxInfo .info div.title { width: 60px; float: left; clear: left; margin: 0 0 0 0; }
.BoxInfo .info div.summary { width: 460px; float: left; margin: 20px 0 0 0; }
.BoxInfo .info div.summary div.subtitle { width: 80px;float: left; clear: left; margin: 0 0 2px 0; }
.BoxInfo .info div.summary div.subsummary { width: 350px; float: left; margin: 0 0 2px 0; }
.BoxInfo .info div.summary div.subsummary a { color: #330000; font-weight: bold; font-family:Arial, Helvetica, sans-serif; }
.BoxInfo .info div.summary div.subsummary a:hover { color: #AE0000; text-decoration: underline; }
.BoxInfo .info div.content { color: Black; margin: 10px 0 15px 20px; }

.BoxInfo .info div.space { width: 60px; clear: both; margin: 0 0 10px 0; }


/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : white;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow: hidden;
	height : auto;
    text-align : left; 
    list-style-type : none;
    padding-left: 0px;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #FFFFCC;
	color: black;
	padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}