/* calculator inputs & results */

/*div 
{
 border: 1px dotted red;
   padding: 1px;
 margin:1px;
    }*/


.calc-container h2 {
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 0px;

}

.calc-container h3 {
    padding: 0px;
    margin-top: 4px;
    margin-bottom: 4px;
}

.calc-container h4 {
    padding: 0px;
    margin-top: 6px;
    margin-bottom: 2px;
}

.calc-container h5 {
    padding: 0px;
    margin-top: 6px;
    margin-bottom: 2px;
}

.symbol {
    font-family: Symbol;
    font-size: 120%;
    font-weight: normal;

}


.codeclause {
    width: 80px;
    font-style: italic;
}


.inputdesc {
    position: relative;
    float: left;
    width: 60px;
    text-align: right;
    margin: 2px;
    padding: 2px;
}

.inputdescL {
    position: relative;
    float: left;
    width: 60px;
    margin: 2px;
    padding: 2px;
}

.inputdesc_5 {
    position: relative;
    float: left;
    width: 80px;
    text-align: right;
    margin: 2px;
    padding: 2px;
}

.inputdesc_60 {
    position: relative;
    float: left;
    width: 60px;
    text-align: right;
    margin: 2px;
    padding: 2px;
}

.inputdesc_80 {
    position: relative;
    float: left;
    width: 80px;
    text-align: right;
    margin: 2px;
    padding: 2px;
}

.inputdesc_6 {
    position: relative;
    float: left;
    width: 90px;
    text-align: right;
    margin: 2px;
    padding: 2px;
}

.inputdesc_90 {
    position: relative;
    float: left;
    width: 90px;
    text-align: right;
    margin: 2px;
    padding: 2px;
}

.inputdesc_100 {
    position: relative;
    float: left;
    width: 100px;
    text-align: right;
    margin: 2px;
    padding: 2px;
}

.inputdesc_120 {
    position: relative;
    float: left;
    width: 120px;
    text-align: right;
    margin: 2px;
    padding: 2px;
}

.inputdesc_140 {
    position: relative;
    float: left;
    width: 140px;
    text-align: right;
    margin: 2px;
    padding: 2px;
}

.inputdesc_150 {
    position: relative;
    float: left;
    width: 150px;
    text-align: right;
    margin: 2px;
    padding: 2px;
}

.inputdesc_170 {
    position: relative;
    float: left;
    width: 170px;
    text-align: right;
    margin: 2px;
    padding: 2px;
}

.inputdesc_180 {
    position: relative;
    float: left;
    width: 180px;
    text-align: right;
    margin: 2px;
    padding: 2px;
}
.inputdesc_190 {
    position: relative;
    float: left;
    width: 190px;
    text-align: right;
    margin: 2px;
    padding: 2px;
}
.inputdesc_200 {
    position: relative;
    float: left;
    width: 200px;
    text-align: right;
    margin: 2px;
    padding: 2px;
}
.inputdesc_210 {
    position: relative;
    float: left;
    width: 210px;
    text-align: right;
    margin: 2px;
    padding: 2px;
}
.inputdesc_220 {
    position: relative;
    float: left;
    width: 220px;
    text-align: right;
    margin: 2px;
    padding: 2px;
}

.inputdesc_8 {
    position: relative;
    float: left;
    width: 135px;
    text-align: right;
    margin: 2px;
    padding: 2px;
}

.inputdesc_10 {
    position: relative;
    float: left;
    width: 170px;
    text-align: right;
    margin: 2px;
    padding: 2px;
}




/*.input{
margin:15px;

}*/

.inputbox {
    margin: 4px;
    padding: 2px;
}

.inputbox input {
    color: #0000ff;
    border: 1px solid #0000ff;
    /*border: 1px solid #0000ff;*/
    width: 40px;
    height: 20px;
}

.inputbox_80 {
    margin: 4px;
    padding: 2px;
}

.inputbox_80 input {
    color: #0000ff;
    border: 1px solid #0000ff;
    /*border: 1px solid #0000ff;*/
    width: 80px;
    height: 20px;
}

.inputbox_100 {
    margin: 4px;
    padding: 2px;
}

.inputbox_80 input {
    color: #0000ff;
    border: 1px solid #0000ff;
    /*border: 1px solid #0000ff;*/
    width: 100px;
    height: 20px;
}

.inputbox_seismic {
    margin: 4px;
    padding: 2px;

}

.inputgroup {
    border: 1px dotted #666666;

    margin: 5px;
    padding: 5px;


}




.inputbox_project {
    margin: 2px;

    margin-top: -8px;
    padding: 2px;

}

.inputbox_project input {
    color: #0000ff;

    border: 1px solid #0098DB;
    /*border: 1px solid #006600;
border: 1px solid #0000ff;*/
    width: 350px;
    height: 20px;
}

.inputbox_designer {
    margin: 2px;
    padding: 2px;
    padding-bottom: 10px;
}


.outputgroup {
    border: 1px dotted #666666;
    padding: 5px;
    margin: 5px;
}


.inputbox_designer input {
    color: #0000ff;
    border: 1px solid #0098DB;
    /*border: 1px solid #006600;
/*border: 1px solid #0000ff;*/
    width: 350px;
    height: 20px;

}

.inputbox select {
    color: #0000ff;
    border: 1px solid #0000ff;

    /*width:40px;
height:20px;*/
}

.inputbox_seismic select {
    color: #0000ff;
    border: 1px solid #0000ff;
    width: 265px;
    margin-left: 5px;
    /*width:40px;
height:20px;*/
}

.button {
    padding: 20px;
}






.date {
    padding-top: 5px;
    width: 200px;
    text-align: right;
    float: right;
    color: #0098DB;
    /*color:#006600;*/
}

.version {
    padding-top: 5px;
    width: 170px;
    text-align: right;
    float: right;

    color: #0098DB;
    /*color:#006600;*/
}

.results {
    padding-left: 15px;

}

.result_wait {
    padding-top: 50px;
    padding-left: 40px;
    margin-top: 30px;
    margin-left: 30px;
}



.float_right {

    float: right;
    width: 100px;
    margin-top: 0px;
}


div#sfrs_combo select {
    width: 260px;
    font-size: small;


}


.innerWrapper {

    margin: 0px auto;
}

.innerValue {
    height: 20px;


}

.innerHeader {
    padding: 0px;
    text-align: center;
}

.innerLeft {

    float: left;
    width: 49%;

}

.innerRight {

    float: right;
    width: 49%;

}

.innerLeft3 {
    float: left;
    width: 31%;

}

.innerRight3 {
    float: right;
    width: 31%;

}

.innerFooter {
    padding: 1px;
}

.innerTabbed {
    padding-left: 25px;
}

/*.header{
	height:5em;
	background:#006600;
	
	margin:-1em -1em 0px -1em;
	
	width:auto;
	position:static;
	
}*/



div#left {
    float: left;
    width: 300px;

}

div#left_seismiccomponent {
    float: left;
    width: 320px;
}

div#left_seismic {
    float: left;
    width: 320px;
}

div#right {
    float: right;
    width: 350px;
}



div#final_result {
    /*font-weight:bold;*/
    padding: 20px;
}

.clear {
    clear: both;
}

.clearLeft {
    clear: left;

}



.unit {
    color: Black;
    /*padding-right:40px;*/
}

.unit:hover {

    color: Red;
}

.unitcombo {
    width: 80px;
}


.calc_title {

    width: 600px;
    height: 40px;
    margin-top: 0px;
}

.calc_title2 {

    width: 600px;
    height: 65px;
    margin-top: 0px;
}


.codecl {
    float: right;
}


/* wind I7 */
.column_side {
    float: left;
    width: 35px;
    border: dotted 1px #000000;

    font-weight: bold;
    text-align: center;

}

.column_case {
    float: left;
    width: 118px;
    border-top: dotted 1px #000000;
    border-bottom: dotted 1px #000000;
    border-right: dotted 1px #000000;
    text-align: center;
}

.column_case_0 {
    float: left;
    /*width: 100px;*/
    border-top: dotted 1px #000000;
    border-bottom: dotted 1px #000000;
    border-right: dotted 1px #000000;
    text-align: center;
}

.column_cpcg {
    float: left;
    width: 35px;
    border-top: dotted 1px #666666;
    border-bottom: dotted 1px #666666;
}

.column_p_ULS {
    float: left;
    width: 41px;
    border-top: dotted 1px #666666;
    border-bottom: dotted 1px #666666;
    border-left: dotted 1px #666666;
    font-weight: bold;
}

.column_p_SLS {
    float: left;
    width: 41px;
    border-top: dotted 1px #666666;
    border-bottom: dotted 1px #666666;
    border-left: dotted 1px #666666;
}

.wind_row_title {
    height: 22px;
    /*background:#cccccc;*/
}

.wind_row {
    height: 22px;

    /*border-top:dotted 1px #666666;*/
    border-top: dotted 1px #666666;
}

.wind_row_e {
    height: 22px;
    background: #99ccff;
    border-top: dotted 1px #666666;
    /*margin-left:-1px;
	margin-right:-1px;*/


}


/* unit conversion */
.unitgroup {
    padding: 0px;
}

.unitgroup input[type="radio"] {
    display: none;
}

.unitgroup label {
    display: inline-block;
    background-color: #B3D9FF;
    color: #0000B8;
    border: 2px solid #B3D9FF;
    border-radius: 4px;
    padding: 5px 10px;
    cursor: pointer;
}

.unitgroup label:hover {
    color: #FFFFFF;
}

.unitgroup input[type="radio"]:checked+label {
    background-color: #FFFFFF;
    border: 2px dashed #B3D9FF;
    color: #000000;
}

.calc-version {
    color: #337AB7;
}