﻿/*body, html { margin:0px; padding:0px; width:100%; height:100%; font-family:Calibri, Tahoma, Verdana, Arial; }*/

.charterbody { margin:0px; padding:0px; width:100%; font-family:Calibri, Tahoma, Verdana, Arial; background:#568ACA url('Images/charterBackRepeat.jpg') top left repeat-x; }
.charterbody input, .charterbody textarea, .charterbody select, .charterbody button { font-family:Calibri, Tahoma, Verdana, Arial; }

.charterbody .head { float:left; width:100%; background:#6788BE url('../../Charter/Images/TopMenu.png') repeat-x 0px 1px; }

.charterbody .charterWrapper { background:#568ACA url('Images/charterBack.jpg') top left no-repeat; min-height:600px; }

.charterbody .wrapper { float:left; width:98%; padding:5px 1%; }

.charterbody .wrapper > div { float:left; width:98%; padding:5px 1%; }


.charterbody .head .menu { float:left; }
.charterbody .head .menu a { cursor:pointer !important; }
.charterbody .head .user { float:right; margin-right:10px; margin-top:5px; color:White; font-size:13px; }
.charterbody .head .user a { text-decoration:none; color:White; }
.charterbody .head .user a:hover { text-decoration:underline; color:White; }

.charterbody .filter { float:left; width:100%; }
.charterbody .filter a { text-decoration:none; color:Black; }
.charterbody .filter a:hover { text-decoration:underline; color:Black; }
.charterbody .filter .selected { font-weight:bold; }

.charterbody .location { float:left; width:100%; }

.charterbody .tabStrip { float:left; width:100%; padding:0px; margin-top:20px; }
.charterbody .listing { float:left; width:100%; }
.charterbody .listing > div { float:left; }

.charterbody .listing .RadGrid_Vista { margin-top:-1px; border:1px solid #416094 !important;}

.charterbody .tabMenu { float:left; width:100%; padding:3px 0px; margin-top:-1px; vertical-align:middle; }
.charterbody .tabMenu img { vertical-align:middle; }
.charterbody .tabMenu span { color:Black; vertical-align:middle; }
.charterbody .tabMenu a { text-decoration:none; color:Black; vertical-align:middle; margin-left:5px; }
.charterbody .tabMenu a:hover span { text-decoration:underline; color:Black; }

.charterbody .tabForm { float:left; width:100%; margin-top:-1px; font-size:13px; border:1px solid #416094; padding:8px 0px; background:#ffffff; }
.charterbody .tabForm > table > tbody > tr > th { font-weight:normal; width:140px; text-align:left; vertical-align:top; }
.charterbody .tabForm > table > tbody > tr > td { font-weight:normal; text-align:left; vertical-align:top; }
.charterbody .tabForm > table > tbody > tr > td > a { color:Black; text-decoration:none; margin-right:10px; }
.charterbody .tabForm > table > tbody > tr > td > a:hover span { text-decoration:underline; }
.charterbody .tabForm > table > tbody > tr > td > a img { vertical-align:middle; margin-right:3px; }

.charterbody .quickForm { float:left; width:100%; }
.charterbody .quickForm th { font-weight:normal; width:120px; text-align:left; vertical-align:top; }
.charterbody .quickForm td { font-weight:normal; text-align:left; vertical-align:top; }
.charterbody .quickForm a { color:Black; text-decoration:none; }
.charterbody .quickForm a:hover span { text-decoration:underline; }
.charterbody .quickForm a img { vertical-align:middle; margin-right:3px; }

.charterbody .subHeading { float:left; width:100%; text-decoration:underline; margin-top:20px; margin-bottom:10px; }
.charterbody .tabForm .subHeading,
.charterbody .tabForm .listing { float:left; width:98% !important; margin:5px 1%;  }

.charterbody .left { float:left; }
.charterbody .right { float:right; }



.lookupBody { margin:0px; padding:0px; height:100%; width:100%; }

.charterbody .bodySplitter { margin:0px; } /*margin-left:200px; }*/
.charterbody .bodySplitter > .left { float:left; margin-left:0px; width:100%; } /*margin-left:-200px; width:200px; }*/
.charterbody .bodySplitter > .left fieldset { width:190px; margin:10px 0px; color:White; }
.charterbody .bodySplitter > .left fieldset legend { }
.charterbody .bodySplitter > .left fieldset > div { float:left; width:100%; padding:3px 0px; }
.charterbody .bodySplitter > .left fieldset a { color:White; text-decoration:none; }
.charterbody .bodySplitter > .left fieldset a:hover span { color:White; text-decoration:underline; }

.charterbody .bodySplitter > .left > div { float:left; width:auto; margin-left:5px; margin-right:5px; color:White; font-size:14px; }
.charterbody .bodySplitter > .left .heading { width:190px; margin-top:25px; font-weight:bold; text-align:center; }
.charterbody .bodySplitter > .left .top { margin-top:15px; }
.charterbody .bodySplitter > .left .block { float:left; width:190px; margin-right:5px; }
.charterbody .bodySplitter > .left .item { float:left; width:190px; margin-top:5px; border-bottom:1px solid #CCCCCC; vertical-align:middle; }
.charterbody .bodySplitter > .left .item a { color:White; text-decoration:none; vertical-align:middle; }
.charterbody .bodySplitter > .left .item a:hover span { color:White; text-decoration:underline; }
.charterbody .bodySplitter > .left .item img { vertical-align:middle; }

.charterbody .bodySplitter > .left .clocks { text-align:center; color:White; border-bottom:0px; width:190px; height:82px; }
.charterbody .bodySplitter > .left .clocks div { float:left; margin-right:5px; }

.charterbody .bodySplitter .clocks div { float:left; margin:5px 5px 0px 0px; text-align:center; }
.charterbody .bodySplitter .clocks canvas { background:transparent url('Images/clockBack.png') top left no-repeat;  }
.charterbody .bodySplitter .clocks span { color:White; margin-top:6px; }

.charterbody .bodySplitter .link { float:left; color:White; margin:3px 10px 0px 0px; }
.charterbody .bodySplitter .link img { vertical-align:middle; }
.charterbody .bodySplitter .link a { text-decoration:none; color:White; vertical-align:middle; }
.charterbody .bodySplitter .link span { vertical-align:middle; }
.charterbody .bodySplitter .link a:hover span { text-decoration:underline; }

.charterbody .bodySplitter .link > div { float:left; width:100%; }

.charterbody .bodySplitter .recent { margin:15px 10px 0px 0px; }

.charterbody .bodySplitter > .right { float:left; width:98%; margin:5px 1%; }

.charterbody .documents {}
.charterbody .documents > div { float:left; width:25%; vertical-align:middle; height:28px; }
.charterbody .documents img { vertical-align:middle; margin-right:4px; }
.charterbody .documents a { text-decoration:none; color:black; }
.charterbody .documents a:hover span { text-decoration:underline; color:black; }

.charterbody .breadCrumb { color:White; float:left; width:100%; padding:5px 0px; font-size:14px; vertical-align:middle; }
.charterbody .breadCrumb img,
.charterbody .breadCrumb span { vertical-align:middle; }
.charterbody .breadCrumb a { color:White; text-decoration:none; }
.charterbody .breadCrumb a:hover span { color:White; text-decoration:underline; }
.charterbody .breadCrumb .selected { font-size:16px; font-weight:bold; }