﻿.formSection {float:left;width:100%;padding: 0 0 20px 0;}
.formSection .row {float:left;display: inline;width:670px;padding-bottom:5px;}
.formSection .row .left {float:left;width:195px;text-align:right;}
.formSection .row .mid {float:left;width:300px;padding-left: 5px;padding-right: 5px;}
.formSection .row .midLong {float:left;width:500px;padding-left: 5px;padding-right: 5px;line-height:25px;}
.formSection .row .right {float:left;width:160px;padding-left:3px;}
.formSection .row .midDouble {float:left;width:460px;padding-left: 5px;}

.formSection .row .space {padding-bottom:15px;}

.formSection .row .singlerow {float:left;width:630px;padding-left: 35px;}
.formSection .row .singlerow input{margin-left: 10px;}

.formSection .row .horizList {float:left;width:100%;padding: 0 0 10px 150px;}
.formSection .row .horizList input{margin-left: 30px;}

.formSection .row .mid input,.formSection .row .mid select {width:300px;font-size:12px;font-family:Arial;}

.italicError {font-style:italic;color:Red;}

.formSectionGray {float:left;width:100%;padding: 5px 0 5px 0;background-color:#ccc;}
.formSectionGray .row {float:left;width:100%;padding-bottom:1px;}
.formSectionGray .row .heading{float:left;width:100%;padding:5px 0 10px 10px;font-weight:800;}
.formSectionGray .row .one {float:left;width:100px;text-align:right;}
.formSectionGray .row .two {float:left;width:145px;padding-left: 8px;padding-right: 15px;}
.formSectionGray .row .three {float:left;width:135px;padding-right: 15px;}
.formSectionGray .row .four {float:left;width:145px;}
.formSectionGray .row .five {float:right;width:85px;}
.formSectionGray .row .six {float:left;width:100px;text-align:left;}
.formSectionGray .row .space {padding-bottom: 20px;}

/* Checkbox */ 
.formSection .row .mid table { width: 200px;text-align:left;margin-bottom:0px;padding:0;}
.formSection .row .mid table tr {padding:0;margin:0;}
.formSection .row .mid td input  { width: 25px;padding-right:10px;margin:0;text-align:left; border:0;}                            

.formSection .row table td input {border:0;}

.formSection .row .doublewide {float:left; width: 640px;text-align:left;margin:0 0 20px 20px;}
.formSection .row .midNonTextbox {float:left;padding-left: 5px;padding-right: 5px;}
.formSection label {padding-left: 3px;}

.formSection .sectionPad {padding-bottom:15px;}

.formSection textarea {width:450px;height:200px;}
.smallnote {font-size:11px;font-style:italic;margin: -5px 0 10px 0;}
table.radioList{}
table.radioList td{margin:0;padding: 0;}
table.radioList td input {margin:0;padding: 0;}
table.radioList td label{padding-left:5px;}

/* checkbox in gas form*/
.formSection .row .midRadio input[type="radio"] {width:auto;margin-left:15px;}
.formSection .row .midRadio label {padding-left:5px;}
.formSection .moreSpace .row .mid {padding-bottom:15px;}
.formSection .shortTextBox {height:100px;font-family: arial, helvetica, sans-serif;	font-size: 12px;color: #333;padding:5px;}

/* Buttons in UserApproval form */
.row .left {float:left;width:195px;text-align:right;}
.row .right {float:left;width:160px;padding-left:3px;}
.row .mid {float:left;width:300px;padding-left: 5px;padding-right: 5px;}

/*Owner surveyform */
.formSection .row.surveyQuestion {float:left;width:620px;padding: 10px 25px 0 25px;font-weight:800;margin-bottom:10px;}
.formSection .row.surveyAnswer {float:left;width:620px;padding: 0 0 0 50px;text-align:left;margin-bottom:10px;}
.formSection .row.surveyAnswer .shortTextBox {color: #999;}
.requirednote {font-size:11px;font-style:italic;}
.input300 {width:300px;font-size:12px;font-family:Arial;}

.formSection .row .leftmost {float:left;width:70px;text-align:left;}



