body {
     color: #333333;
     font-family: Arial,sans-serif;
     font-size: 12px;
     line-height: 1.5em;
     margin: 0px;
}
div { margin: 0; padding: 0; }
a, a:visited, a:hover {
    text-decoration: none;
    color: #8eab4e;
}
h1 {
    font-weight: normal;
    font-size: 210%;
    margin: 0.5em;
}
h1 a, h1 a:hover, h1 a:visited { color: black; }
h2 { margin: 3px 0 10px 0; }
h3 { color: #0a3a86; }
a img { border: none; }
p { margin: 0 0 5px; }

div#mainWrapper {
        width: 950px;
        margin: 0 auto;
        padding: 0;
	border: 1px solid #000000;
}

div#headerWrapper {
        width: 950px;
        height: 182px;
}

div#phone {
	background-image: url(../images/top-text.jpg);
	background-repeat: no-repeat;
	width: 426px;
	height: 182px;
	float: left;
}

div#logo {
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
	float: right;
	height: 182px;
	width: 329px;
}

div#staticNavigation {
	float: left;
	height: 40px;
	width: 950px;
	line-height: 17px;
	background-color: #34282d;
	border-bottom: 3px solid #8eab4e;
	background-image: url(../images/top-grey.jpg);
	background-repeat: no-repeat;
}

div#staticNavigation ul {
        width: 100%;
        margin: 0;
        padding: 0;
}

div#staticNavigation ul li {
        display: block;
        float: left;
        width: 158px;
        text-align:center;
}

div#staticNavigation ul li a { 
        color: white;
        font-weight: bold;
        display:block;
        padding: 12px 0;
}

div#staticNavigation ul li a:hover, div#staticNavigation ul li a.current { 
        background-color: #8eab4e; 
        background-image: url(../images/green-menu.jpg); 
        background-repeat: repeat-x;
        color: black; 
}

div#banner {
	background-image: url(../images/main-img.jpg);
	background-repeat: no-repeat;
	margin: 2px 0 2px 0;
	float: left;
	height: 202px;
	width: 950px;
}

div#sectionImages {
	width: 950px;
	height: 202px;
	margin: 0px 0px 5px;
}

div#sectionImage1 {
	width: 316px;
	height: 202px;
	float: left;
	margin: 0 1px 0 0;
}

div#sectionImage2 {
	width: 316px;
	height: 202px;
	float: left;
	margin: 0px;
}

div#sectionImage3 {
	width: 317px;
	height: 202px;
	float: left;
}

div#sectionImageBig {
        width: 950px;
        height: 202px;
        float: left;
}

div#contentWrapper {
        width: 950px;
	min-height: 390px; 
	_height: 390px;
	float: left;
}

div#green-boxes {
        width: 950px;
	height: 96px; 
	float: left;
}

div#box1 {
        width: 357px;
	height: 96px; 
	float: left;
	margin-left: 2px;
        color: black;
        background-color: #8EAB4E;
	background-image: url(../images/green-box.jpg);
        padding: 3px 0 0 114px;
}

div#box2 {
        width: 357px;
	height: 96px; 
	float: left;
	margin-left: 4px;
        color: black;
        background-color: #8EAB4E;
	background-image:url(../images/green-box.jpg);
        padding: 3px 0 0 114px;
}

div#main {
        width: 950px;
	min-height: 270px; 
	_height: 270px;
	float: left;
}

div#content {
	min-height: 270px; 
	_height: 270px;
	float: left;
	padding:10px;
        width:924px;
	color: #666666;
}

div#clear {
	width:950px;
	height:96px;
	float: left;
}

div#footer {
	width:950px;
	height:71px;
	float: left;
}

div#footNav {
	width:950px;
	height:24px;
	float: left;
	background-color: #8eab4e;
	background-image: url(../images/bottom-green.jpg);
	background-repeat: no-repeat;
	clear: both;
}

div#footNav ul { margin: 3px; }
div#footNav ul li {
	float: left;
        list-style-type:none;
}

div#footNav ul li a { color: black; }

div#footContent {
        width: 950px;
        height: 43px;
	background-color: #34282d;
	margin-top: 3px;
	color: #FFF;
	float:left;
	text-align: center;
	font-weight: bold;
}

div#footContent p {
	margin: 0px;
	font-size: 10px;
}

div.clear {
	width: 100%;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	clear: both;
}

.right { 
        float: right; 
        text-align: right; 
        font-size: 11px;
        font-weight: bold; 
        margin-right: 10px;
}

.right a { color: white; }

.full {
        width: 98%;
        margin: 0px 1% 5px;
        min-height: 20px;
        _height: 20px;
        float: left;
}


.fullnm {
        width: 100%;
        margin: 0px 0px 5px;
        min-height: 20px;
        _height: 20px;
        float: left;
}

.half {
        width: 48%;
        margin: 0px 1%;
        min-height: 20px;
        _height: 20px;
        float: left;
}


.label {
        width: 30%;
        margin: 0px 1% 0px 0px;
        min-height: 20px;
        _height: 20px;
        float: left;
        padding-left: 1%;
}

.field {
        width: 68%;
        min-height: 20px;
        _height: 20px;
        float: left;
}

.hidden { display: none; }

#crmHolder {
        width: 98%;
        min-height: 200px;
        _height: 200px;
        margin: 0px 1%;
        float: left;
}

#crmLinks {
        width: 98%;
        height: 40px;
        float: left;
        margin: 0px 0px 5px;
        background-color: #8EAB4E;
        padding: 0px 1%;
}
#crmLinks a { color: #FFF; }

#crmJobNumber , #crmThirdParties , #crmTPOCons , #crmSave , #crmDaysSinceInstruction , #crmTPO {
	width: 25%;
	height: 20px;
	float: left;
}

#crmAddress {
	width: 50%;
	height: 20px;
	float: left;
}

.formSection {
	margin: 0px;
}

#insuredInfo { border: 1px solid #000; }

.footerLink {
	margin: 0px 1% 0px 0px;
	width: 13%;
	float: left;
}

#crmFooter {
	background-color: #34282D;
	color: #FFF;
	float: left;
	margin: 0 0 5px;
	padding: 0 1%;
	width: 98%;
}

#crmLocationInfo { width: 20%; float: left; }
#crmLocationInfo h2 { margin: 5px 20px; }
#crmLogoutLink { width: 75%; float: left; min-height: 40px; }
#crmLogo { width: 5%; float: left; text-align: right; }
#crmHeaders { min-height: 40px; width: 100%; margin: 5px 0px; float: left; }

#adminLinks a {
	background-color: #34282D;
	color: #FFF;
	float: left;
	margin: 0 5px;
	padding: 3px 0px;
	width: 100px;
	height: 14px;
	text-align: center;
	line-height: 14px;
}

.quater {
	width: 23%;
	margin: 0px 1% 5px;
	min-height: 20px;
	_height: 20px;
	float: left;
}

.three {
	width: 73%;
	margin: 0px 0px 5px 1%;
	min-height: 20px;
	_height: 20px;
	float: left;
}

.odd { background-color: #858585; color: #FFF; }
.odd a { color: #FFF; }
.quater input[type=text] { width: 98%; margin: 0px 1%; }

.third , .twoThirds {
    width: 32%;
    float: left;
    margin: 0px 0px 0px 1%;
    border: 1px solid #000;
}

.twoThirds {
    width: 64%;
}

.field input { width: 85%; }
.field input[type='checkbox'] { width: auto; }
.field input[type='radio'] { width: auto; }
.field .currency { width: 80% !important; }
.header { font-weight: bold; }

.field select { width: 87%; }

.half .field { width: 60%; margin-left: 4%; }

#searchSection { list-style: none; margin: 0px; padding: 0px; }
#searchSection li { float: left; padding: 5px; margin: 0px; }
#searchSection li.current { background-color: #34282D; }
#searchSection li.current a { color: #FFF; }

#adminLinks .right { float: right; }

.secLinks {
    width: 23%;
    float: left;
    min-height: 40px;
    margin: 0px 1% 5px;
}

.expander span { float: right; margin-right: 20px; }

.searchContainer { position: relative; }
.searchResults {
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 20px;
    z-index: 100;
    background-color: #FFF;
}
.searchResults { width: 282px; margin: 10px 0px 0px; padding: 0px; }
.searchResults li { 
    list-style-type: none; 
    padding: 2px 10px;     
    background-color: #8EAB4E;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 5px 2%;
    width: 89%;
    color: #FFF;
}
.searchResults li a { color: #FFF; }

.currentHolder {
    background-color: #8EAB4E;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #FFF;
}
.currentHolder a { color: #FFF; }
#crmTPO { font-weight: bold; color: #99082C; }
.contentClear { clear: both; width: 100%; height: 20px; }

.newJob , span.toggle {
    display: block;
    padding: 3px 5px;
    background-color: #8EAB4E;
    color: #FFF;
    margin-bottom: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.newJob:hover , span.toggle:hover {
    color: #ECECEC;
}

span.toggle { padding: 2px 7px; font-size: 14px; }

table.dataTable tr.odd {
    background-color: #858585 !important;
}
table.dataTable tr.odd td.sorting_1 {
    background-color: #565656 !important;
}

.dataTable tfoot input {
    width: 98%;
}

#deleteButton {
    margin: 0px 0px 0px 100px;
    background-color: #D00022;
    color: #FFF;
    border: none;
    font-weight: bold;
    padding: 5px 10px;
}