body {
	font-size: 16px;
	font-family: Open Sans, Arial, Helvetica, sans-serif;	
}

.h1 {
	font-size: 36px;
	color: #d3842e;
}

#pageFrame {
	margin: 0 auto;
	width: 1280px;
}

#header {
	width: 100%;
	margin-bottom: 10px;
}

#siteLogo {
	float:left;
	width: 269px;
	padding-top: 15px;
}


#pageNavigation {
	width: 930px;
	min-height: 85px;
	float: left;
	font-size: 26px;
	line-height: 18px;
	font-family: Open Sans Semibold, Arial, Helvetica, sans-serif;
	background-image:url(images/eTortLogo.png);
	background-repeat:no-repeat;
}


#pageNavigationSeal {
	width: 930px;
	min-height: 85px;
	float: left;
	font-size: 26px;
	line-height: 18px;
	font-family: Open Sans Semibold, Arial, Helvetica, sans-serif;
	background-image:url(images/Seallogo.jpg);
	background-repeat:no-repeat;
}

/*#banner {
	float:left;
	background-image:url(https://dv-etort.des.wa.gov/Content/images/riskManagementHeader.png);
	background-repeat:no-repeat;
	width: 967px;
	height: 166px;
} */

#contentRegion {
	width: 100%;
	min-height: 520px;
	font-size: 14px;
	float:left;
    background: url(images/contentBG.png) repeat-y;
    text-decoration-style: solid;
    text-decoration-line: underline;
    text-decoration-color: blue;
    
}

#navContainer {
width: 175px;
background-color: #43433b;
min-height: 100%;
float:left;
margin: 0;
/*position: fixed;
display: inline-block;*/
}



#navItems {
background: url(images/navBG.png) repeat-y #5e5e5d;
max-width: 175px;
padding: 0;
margin-bottom: 0;
}

#navItems li {
list-style-type: none;
color: #fff;
text-align: center;
margin: 0;
padding: 0;

}

#navItems li:after {
content:"";
display: block;
margin:0;
padding:0;
height: 1px;
border-bottom: 1px solid #2f2f2f;

}

#navItems li:after {
content:"";
height: 1px;
border-top: 1px solid #9d9c9b;
}

#navItems img{
float: none;
}

#navItems li a {
color: #fff;
display: block;
padding: 10px 0 10px 35px;
}
    
#navItems li a:hover, #navItems li a:focus {
color: #fff;
display: block;
/*padding: 15px 0 20px 35px;*/
background-color: #43433b;
}

#navItems .current {
width: 175px;
height: 120px;
background:url(images/navCurrentBG.png)no-repeat!important;
border-bottom: 0!important;
}

.nav-col {
    margin-right:15px; 
    width:175px;
}
#navItems .current a {
color: #fff;
display: block;
padding: 10px 0 10px 35px;
}

#navItems .current a:hover, #navItems .current a:focus{
background: none!important;
}


#navItems .current:after {
content:"";
border: 0;
display: block;

}

#navItems .navBegin {
height: 40px!important;
padding-bottom: 15px;
}

#navLinks {

background-color:  #5e5e5d;
color: #fff;
padding-left: 6%;

}

#navLinks a {
color: #fff;
}

#contentArea {

width: 1035px;
background: url(images/contentHeaderImage.png) repeat-x 0 0;
padding: 25px 45px;
/*margin-left: 175px;*/
float:left;
}


/*#stepContainer {
	margin: 10px 0 0 30px;
	width: 95%;
	background-image:url(https://dv-etort.des.wa.gov/Content/images/stepContainerBG.png);
	background-repeat:repeat-x;
	background-position: 0 25%;
}

#stepContainer ul#stepMeter {
	list-style:none;
}

#stepContainer ul#stepMeter li {
	list-style-type:none;
	display: inline-block;
	background-image:url(https://dv-etort.des.wa.gov/Content/images/iconStep.png);
	background-repeat:no-repeat;
	background-position: 68% 0%;
	width: 120px;
	height: 100px;
	margin-right: 50px;
	padding-top: 16px;
	padding-left: 22px;
	font-weight: bold;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
	font-size: 16px;
	text-align:center;

}

#stepContainer ul#stepMeter li a {
	color: #fff;
	display:block;
}

#stepContainer ul#stepMeter li a:hover {
	text-decoration:none;
}

#stepContainer ul#stepMeter li.current {
	background-image:url(https://dv-etort.des.wa.gov/https://dv-etort.des.wa.gov/https://dv-etort.des.wa.gov/Content/images/iconCurrentStep.png)!important;
}


p.meterSubText {
	color:#333;
	text-shadow: none;
	font-weight:normal;
	margin: 15px 0 0 0;
	font-size: 14px;
}*/

/*#breadcrumb {
	color: #434344;
	float:left;
	font-size: 14px;
	margin: -20px 0 0 -37px;
}

#breadcrumb ul {
	list-style:none;
	margin: 0;
}

#breadcrumb ul li {
	margin:0;
	list-style-type:none;
	display:inline-block;
}

#breadcrumb ul li a {
	text-decoration:none;
	color: #00F;
	background-image: url(https://dv-etort.des.wa.gov/Content/images/iconBreadcrumbSep.png);
	background-repeat:no-repeat;
	background-position: 100% 50%;
	padding-right: 15px;	
}
*/
.container {
    position:relative;
    margin-left:180px;
}
#footer {
	float:left;
	background-image: url(images/footerBG.png);
	height: 70px;
	width: 100%;
	margin-top: 20px;
	padding-top: 20px;
	color: #fff;
	font-size: 14px;
	position: relative; 

}

#footer a {
	color: #fff;
}

#footerContent {
	text-align: right;

	font-size: .8em;
}

#footerRight {
	float:right;
}
/*END MAIN CSS */



.navigation {
    float:left;
}
    
.add-claimant {
    border: 1px solid #5e5e5d;
    background-color: #479832;
    color:white;

    cursor:pointer;
    
}
.add-claimant i {
    color: #fff;
    font-size:14pt;
}
.add-claimant:hover,.add-claimant:focus {
    background-color: #21650e;
}
.add-claimant:hover i, .add-claimant:focus i {
    color:#fff;
}
.remove-contact {
    color:#fd0304;
    cursor:pointer;
    margin-top:90px;
}


.address{
    padding-left:0px;
    padding-right:15px;
}
.navigation-button{
    background-color:#da7d06;
    color:#fff;
    font-family:Open sans-serif Semibold;
}
.navigation-homebutton{
    background-color: #3a7fba;
    color:#fff;
    font-family:Open sans-serif Semibold;
}
.submit-button{
    border: 1px solid #5e5e5d;
    background-color: #479832;
    color:white;

    cursor:pointer;
}
.navigation-button:hover, .navigation-button:focus {
    background-color:#925709;
    color:#fff;
}
.navigation-button:disabled {
    background-color:#5e5e5d;
    opacity:.25;
}
.required-asterisk{
    color:red;
}
#contentMain{
    max-width:1000px;
   
    }

.body-content{
    width:1100px;
     padding: 10px ;
    -webkit-box-shadow: 8px 0 5px -2px #888;
}

.icon-minus{
    color:grey;
    margin-top:15px;
}

.nav-label{
    color:grey;
    font-family: 'Arial';
    font-size:12pt;
}
.nav-label.active{
    color:orange;
}

/*.section-label{
    color:orange;
    font: 1.5em, arial, verdana;
}*/
.header.ng-invalid {
    background-color:#f2dede;
    border:1px solid #a6c1c7;
    border-radius:4px;
    color:#b94a48;
    padding:4px;
    margin-bottom:15px;
}

.error-div .ng-invalid {
    /*background-color:#f2dede;*/
    /*border:1px solid #a6c1c7;*/
    border-radius:4px;
    color:#b94a48;
    padding:4px;
}
textarea.ng-invalid.ng-dirty {
    background-color:#f2dede;
}
select.ng-invalid.ng-dirty {
    background-color:#f2dede;
}
input.ng-invalid.ng-dirty{
    background-color:#f2dede;
}

.sign-div{
    margin-top:50px;
}



.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file:focus{
    background-color:#3c9d3c;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
.btn-success[disabled]{
    background-color:lightgray;
    border-color:grey;
}
.btn-danger[disabled]{
    background-color:lightgray;
    border-color:grey;
}


/* PANEL HEADER */
.panel-gradient {
    background: -webkit-linear-gradient(#dd9846, #a86211); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#dd9846, #a86211); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#dd9846, #a86211); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#dd9846, #a86211); /* Standard syntax */
    border:1px solid, #b8b8b8;
    color:white;
}
.panel-seperator {
    background-image:Url(/Content/images/headerStripeBG.png);
    background-repeat:repeat-x;
}
.panel-heading{
    padding:10px 7px 17px 8px;
}
.toggle {
    color: white;
    background-color:#794200;
    padding: 2px 5px;
    float:right;
}
.toggle:hover, .toggle:focus{
    cursor:pointer;
}
.remove-claimant{
    font-size:12pt;
    color:black;
    padding:3px 5px 3px 5px;
    margin: 5px 5px 5px 5px;
}
.remove-claimant i {
    font-size:14pt;
    color:red;
}
.remove-claimant:hover, .remove-claimant:focus{
    cursor:pointer;
    background-color:#cb0d27 ;
}
.remove-claimant:hover i, .remove-claimant:focus i {
    color:#fff;
}

.panel-error{
    background-color:#f2dede;
    border:1px solid #a6c1c7;
    border-radius:4px;
    color:#b94a48;
    height:30px;
    margin-right:10px;
    padding:3px;
    text-align:center;   
}
.remove-claimant {
    border: 1px solid #5e5e5d;
    background-color:white;
}

.btn-download {
    background-color:#d4842f;
    color:white;
    font-size:18pt;
    border:1px solid #5e5e5d;
}
.btn-download:hover, .btn-download:focus {
    background-color:#d4842f;
}
.info-panel {
    border: 1px solid grey;
    padding:3px;
    font-size:12px;
}
.info-panel div.panel-heading {
    font-size: 13pt;
    background-color:#d28333;
    color:#fff;
}
.info-panel div.panel-body ul  {

    list-style:none;
    padding-left:20px;
    
}
.info-panel div.panel-body ul li {
    padding-bottom:5px;
}
.info-panel div.panel-body ul li i {
    font-size:.7em;
    padding-right: 8px;
    color:#d3842e;
}
.info-text {
    color:grey;
    font-size:1.3em;
}

/* Attachments */
.file-header {
    padding:10px;
    background-color:#e5e5cd;
}

.attachment-table{
    padding:0 0 0 0;
   

}
.attachment-table thead {
    background-color:#e5ebfa;
}

.attachment-table tfoot {
    background-color:#e5ebfa;
    text-align:center;
}

.attachment-table table thead tr th {
    padding:15px 3px 3px 8px;
}
.table tbody td {
    border-bottom:.05em dotted #898985;
}

.action-column {
    background-color:#d9dade;
}

/* Canvas */
.diagramModalHeader {
    
    background-color:#43433b;
    color:white;
    padding:20px 5px 5px 15px;
    margin-bottom: -1px;
}
.diagramModalBody{
    margin-top:0px;
    padding:0px 0px 0px 10px;
}
.save-button {
    margin:8px 8px 8px 8px;
    border: 1px solid #fff;
    color:#fff;
    padding:8px 8px 8px 8px;
    font-size:12pt;
    background-color:#ca7e10;
}
.save-button:hover, .save-button:focus {
    background-color:#a86211;
    color:#fff;
}
.cancel-button {
    margin:8px 8px 8px 8px;
    padding:8px 8px 8px 8px;
    border: 1px solid #fff;
    color:#fff;
    font-size:12pt;
    background-color:#ca0303;
}
.cancel-button:hover, .cancel-button:focus {
      background-color:#9f0b0b;
    color:#fff;
}
.car-diagram {
    width:750px;
    background:no-repeat;
   background-image:url('../Content/images/CarPlan.jpg');
   background-size:740px 270px;
}
.car-diagram td.active {
    background-color:#b94a48;
    opacity:.25;
}
.car-diagram td {
    width:90px;
    height:90px;
    border:dotted .25em #5e5e5d;
}
.collision-step-indicator {
    background-image:url('../Content/images/collisionDiagramStepBG.png');
    width:135px;
    color:white;
    height:35px;
    padding-left:10px;
    padding-top:5px;
    font-size:15pt;
}

.collision-info{
    color:#626060;
}
.step-description{
    height:35px;
}
.incident-table th{
    color:#5e5e5d;
    font-size:8pt;
    width:50px;
}
.incident-table td 
{
    text-align:center;
     color:#5e5e5d;
     font-size:10pt;
}

.open-button {
    background-color:#059130;
    color:#fff;
    padding:10px;
    margin-top:125px;
}
.open-button:hover, .open-button:focus {
    background-color:#145b16;
     color:#fff;
}
.begin-label  {
    padding:5px;
    margin-left:0px;
    color:#fff;
    font-size:18px;
    background-color:#5e5e5d;
    width:570px;
}
.save-label {
    color:#fff;
    font-size:18px;
    background-color:#46942b;
    padding:5px;
    width:570px;
}
.canvas-container {

}
.text-button {
    position:absolute;
    border: 1px solid #fff;
    color:#fff;
    padding:8px 15px;
    font-size:12pt;
    background-color:#049230;
    top:265px;
    
    left:800px;
    z-index:99;
}
.text-button:hover, .text-button:focus {
    background-color:#035b1e;
    color:#fff;
}
#diagramModal div.modal-dialog {
    width:922px;
    height:800px;
}
#diagramModal div.modal-body {
    padding:0;

}
.panel-primary {
    border-color:  #ccc;
}

.no-padding {
    padding: 5px 5px;
}

.diagram-list {
    font:20px Times New Roman, arial;
    position:absolute;
    top: 20px;
    left: 10px;
    z-index:99;
    float:left;
    
}
.diagram-list li{
    margin-bottom:10px;
    margin-top:10px;
}

.help-image {
    float:right;
}
.bottomboder1{
    border-bottom: 2px solid rgb(54,71,102);
    width: 100%;
    margin-bottom: 0px;
    
}
.largeaddressheading{
    color:rgb(54,71,102);
    font-size:1.1em;
    margin-bottom: 0px;
}

.bottomboder2{
    border-bottom: 2px solid rgb(54,71,102);
    width: 100%; 
}
#denotes {
    width: 157px;
    padding: 0;
}
.checkboxlabel {
    font-size: 13px;
}

/*#diagramModal.modal-dialog {
    width: 1000px;
    height: 450px;
    position:absolute;
    top: 50%;
    left:50%;
     margin-top: -25px;
    margin-left: -200px;
}*/
.padding{
    margin-left: 12px;
}
.driver-padding {
    padding-left: 15px;

}
.padding-right{
    padding-right: 10px;
}