﻿#page-content{padding: 25px;}
.md-form-field{width:75px;}
.lg-form-field{width:150px;}
th{text-align:left;}
td{vertical-align:top;}
.rbl input{float:left; margin-top:0;}
.rbl label{width:30px;}

/***** FORMS SECTION *******************************/

.formtable {  }
.formtable input, .formtable select { display:block; margin-bottom:7px; width:200px; float:left;}
.formtable td input {display:inline; width:15px;}
.formtable textarea { display:block; width:275px; height:120px; margin-bottom:7px;}
.formtable select { margin-left:20px; margin-bottom:7px !important; }
.formtable label { margin-left:20px; float:none !important;}
.formtable p { margin-left:20px !important; margin-top:20px !important; }
.formtable .radio input { display:inline; width: auto; margin: 0 5px 0 0; }


.formtable .left { float:left; padding-left:20px;padding-right:20px; margin-bottom:20px; margin-top:20px; }
.formtable .left select { margin:0px; }
.formtable .left label { margin:0px; }
.formtable .left .formCheckBox input{width:10px !important;}
.formtable .left .submit-btn{width:80px;}
.formtable .left .errorLbl{font-size:80%;}

.formtableborder { width:320px; border-left:solid #dcd9d9 10px; border-bottom:solid #dcd9d9 10px; border-right:solid #dcd9d9 10px; margin-top:10px; margin-bottom:10px; }
.formtableborder h2 { margin:0px !important; width:100%; background-color:#dcd9d9; padding:3px; text-align:left; }

.formtable .formtableborder table.list { margin:20px; width:550px;}
.formtable .formtableborder table td { }
.formtable .formtableborder table td img {border:none;}

.formtable div.rad {margin: 10px !important; padding:0px;}
.formtable div.radsmall {margin: 10px 0 10px 10px !important; float: left; padding:0px;}

/***** MISCELLANEOUS ******************************/
.clear-both { float:none !important; clear: both; height: 0px !important; overflow: hidden; }
.clear-left { float:none !important; clear: left; height: 0px !important; overflow: hidden; }
.clear-right { float:none !important; clear: right; height: 0px !important; overflow: hidden; }
.sm-formfield { width: 50px !important; margin-bottom: 10px; }
.md-formfield { width: 150px !important; margin-bottom: 10px; }
.lg-formfield { width: 200px !important; margin-bottom: 10px; }
.lg-textarea { height:50px !important; margin-bottom: 10px; }

.columns div { clear: both; margin-bottom: 3px; }
.columns div label { display:block; float: left; width: 125px; }


.hr { width:320px; height:1px; border-bottom:dotted #666666 1px; margin-top:20px; margin-bottom:20px; }
.hr2 { width:100%; height:1px !important; border-bottom:dotted #DCDCDC 1px; margin:0px !important; padding:0px !important; overflow:hidden;}

.error {color:Red; width:400px;}

#admin-nav{float:right;}
#admin-nav a{color:Black; text-decoration:none; font-size:80%;}
#admin-nav a:hover{color:#00954B;}

/****** DEALER DOCUMENT VIEWING PAGE *****************/
#dealer-header{float:left; width:155px;}
#dealer-header h1{margin:0px 0 10px 0;}
#left-panel{width:304px; float:left; margin:0 45px 0 0;}
#tree-container{float:left; width:316px;}
#tree-top{width:316px; height:5px; display:block; background-image:url(../images/structure/tree-bg-top.jpg); background-repeat:no-repeat;}
#tree{width:316px; background-image:url(../images/structure/tree-bg.jpg); background-repeat:repeat-y; padding:5px 10px;}
#tree-bottom{width:316px; height:5px; display:block; background-image:url(../images/structure/tree-bg-bottom.jpg); background-repeat:no-repeat;}
#tree a{color:Black; text-decoration:none;}
#tree a:hover{color:#00954B; text-decoration:none;}

#result-panel{float:right; width:210px;}