/* CSS Document */

html,body {
        margin: 0px;
        padding: 0px;
        /*overflow: auto;*/
        font-size: 12px;
        height:100%;
       
}

a{

        text-decoration: none;
        font-size: 7pt;
        color: blue;
}

a:hover{

        text-decoration: none;
        font-size: 7pt;
        color: blue;
        font-style: italic;
}

h2{
        text-align: center;
        color: #545454;
        font-size: 16pt;
        margin: 0px auto;
        margin-top: 5px
}


form{
        margin-top: 0px;
        margin-bottom: 0px;
        margin:auto;
        padding: 10px;
        padding-top:0px;
        padding-bottom:0px;
        height: 100%;
        width: auto;
}

div#top{
    margin: 0px;
    padding: 0px;
    height: auto;
    width: auto;
    min-height:79px;
    height: auto !important;
    height:79px;
}

div#bottom{
    margin: 0px;
    padding: 0px;
    height: auto;
    width: auto;
    min-height:29px;
    height: auto !important;
    height:29px;
}

div#ex{
        clear: both;
        font-size: 8pt;
        color:#545454;
        margin:0px;
        padding: 0px;
        margin-bottom:2px;
        padding-bottom:1px;
}

div#map{

        padding: 0px;
        margin: 0px;
        border: 2px solid #545454;
        /*min-height:350px;*/
        height: 75%;
        /*height:350px;*/

}

div#coordinate{
        margin: 0px;
        padding: 0px;
        float: left;
        width:30%;
        min-width:250px;
}

div#lat_label{
        float:left;
        vertical-align:middle;
        margin: 1px;
        margin-left: 0px;
        padding: 0px;
        color: #545454;
        font-size: 11px;
}

div#lng_label{
        float:left;
        vertical-align:middle;
        margin: 1px;
        padding: 0px;
        color: #545454;
        font-size: 11px;
}

div#lat{
        float:left;
        margin: 2px;
        margin-right: 10px;
        padding: 1px;
        border: 1px solid #545454;
	background-color: #FFFFFF;
}

div#lng{
        float:left;
        margin: 2px;
        margin-right: 10px;
        padding: 1px;
        border: 1px solid #545454;
	background-color: #FFFFFF;
}


div#utility_class_label{
        margin-top: 1px;
        padding: 0px;
        color: #545454;
        font-size: 11px;
}

select#utility_class{
        width: 100%;
        margin: 0px;
        padding: 1px;
        font-size: 10px;
        border: 1px solid #545454;
}

div#nominal_life_label{
        margin-top: 1px;
        padding: 0px;
        color: #545454;
        font-size: 11px;
}

select#nominal_life{
        width: 100%;
        margin: 0px;
        padding: 1px;
        font-size: 10px;
        border: 1px solid #545454;
}

div#cat_soil_label{
        margin-top: 1px;
        padding: 0px;
        color: #545454;
        font-size: 11px;
}

select#cat_soil{
        width: 100%;
        margin: 0px;
        padding: 1px;
        font-size: 10px;
        border: 1px solid #545454;
}

div#cat_topog_label{
        margin-top: 1px;
        padding: 0px;
        color: #545454;
        font-size: 11px;
}

select#cat_topog{
        width: 100%;
        margin: 0px;
        padding: 1px;
        font-size: 10px;
        border: 1px solid #545454;
}

div#smorz_label{
        margin-top: 1px;
        padding: 0px;
        color: #545454;
        font-size: 11px;
}

select#smorz{
        width: 100%;
        margin: 0px;
        padding: 1px;
        font-size: 10px;
        border: 1px solid #545454;
}


div#fact_struct_label{
        margin-top: 1px;
        padding: 0px;
        color: #545454;
        font-size: 11px;
}

select#fact_struct{
        width: 100%;
        margin: 0px;
        padding: 1px;
        font-size: 10px;
        border: 1px solid #545454;
}


div.clear_align{
        clear: both;
        height: 5px;
}

div#graph_title{
        /*clear: both;*/
        height: 15px;
        text-align:center;

        margin: 1px;
        margin-top: 5px;
        margin-bottom: 1px;
}

input.textbox{
        margin-top: 0px;
        margin: 0px auto;
        width: 80%;
        border: 1px solid #545454;
        font-size: 11px;
}

input.textbutton{
        font-size: 10px;;
        margin-top: 0px;

        margin-bottom: 0px;

        padding: 0px;
}

table#spstable{
        height: 180px;
        width: 95%;
        margin: 0px auto;
        padding: 0px;
        border-spacing:1px;
        border-collapse:collapse;
        border: 2px solid #545454;
        font-size: 12px;
}

td#sl1{
        color: #edc240;
	border: 1px solid #545454;
}

td#sl2{
        color: #afd8f8;
	border: 1px solid #545454;
}

td#sl3{
        color: #cb4b4b;
	border: 1px solid #545454;
}

td#sl4{
        color: #4da74d;
	border: 1px solid #545454;
}

div#placeholder{
        margin: 0px auto;
        padding: 0px;
        width:95%;
        height:180px;
}

div#disclaimer{
        font-size:11pt;
        text-align:justify;
        margin: 10px;
}

div#disclaimer h2{
        text-align: center;
        color: #545454;
        font-size: 13pt;
        margin: 5px;
        margin-bottom: 10px;
}

div#message{
        float:left;
        width:52%;
        text-align: center;
        margin: 0px;
        padding: 0px;
        color: red;
        font-weight:bold;
        font-size:10pt;
        min-width:300px;
       
}

div#dis{
        float:right;
        width:13%;
        text-align: right;
        margin: 0px;
        padding: 0px;
        min-width:100px;
}

div.indata{
        float: left;
        width:15%;
        margin-right: 1%;

}

div.indata2{
        float: left;
        width:20%;
        margin-right: 1%;
}



.border_style{
	border-top-right-radius:5px; 
	border-top-left-radius:5px;
	 
}