/* FORM STYLES 
----------------------------------------------------------*/
* { margin: 0; }
html, body { height: 100%; margin: 0px; padding: 0px; min-width: 800px; }

#formHeader { position: fixed; height: 24px; min-width: 800px; width: auto; background: #f2f2f2 url(images/cargoNet/cn_formHeader.jpg) repeat-x left top; z-index: 100; top: 0px; left: 0px; right: 0px; padding: 12px 15px; font-size: 18px; font-family: Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif; color: #FFFFFF; display: table-cell; vertical-align: middle; }
.fbFormHeader { height: 24px; min-width: 800px; width:95%; background: #f2f2f2 url(images/cargoNet/cn_formHeader.jpg) repeat-x left top; z-index: 100; padding: 12px 15px; margin:5px; font-size: 18px; font-family: Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif; color: #FFFFFF; vertical-align: middle; }
#formHeaderLeft { float: left; width: 400px; text-align: left; }
#formHeaderRight { float: right; text-align: right; }

#formMain { position: absolute; overflow:inherit; min-width: 800px; width: auto; height: auto; top: 70px; left: 30px; right: 30px; font-size: 11px; font-family: Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif; color: 3b3b3b; }
#fbMain { position: absolute; overflow:inherit; min-width: 800px; width: auto; height: auto; top: 48px; left: 0px; right: 0px; font-size: 11px; font-family: Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif; color: 3b3b3b; }
input[type="text"] { font-size: 11px; font-family: Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif; color: 3b3b3b; }

.formDiv { background: #FFFFFF; border: 1px solid #36455d; -moz-border-radius: 15px 0px 15px 0px; border-radius: 15px 0px 15px 0px; padding: 15px 25px; clear: both; margin: 5px 0px 25px 0px; }
.formDivHeader { font-size: 12px; font-family: Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif; color: #000000; font-weight: bold; clear: both; }
.formDivLeft { float: left; width: 49%; }
.formDivRight { float: right; width: 49%; }

.formDivRouteScore { background: #FFFFFF; border: none; -moz-border-radius: 15px 0px 15px 0px;  padding: 15px 0px; clear: both; }

input:hover, textarea:hover, input:focus, textarea:focus { border-color: #B2B2B2; outline: 0; }
.t-button{min-width: 4px;padding:2px 4px;font-size:small;margin: 0 0.2em;color: #696969;}

.formDropdown { width: 150px; margin-bottom:-3px; }


/* Form Builder styles */
.layoutPanel
{
    width:95%;
    min-height:75px;
    border: 1px solid black;
    background-color:silver;
    margin:5px;
}

.layoutRow
{
    width:98%;
    min-height:25px;
    border: 1px solid black;
    background-color:#F5F2F3;
    margin:5px;
    overflow:auto;
}

.layoutSection
{
    width:200px;
    /*min-height:50px;*/
    /*border: 1px solid blue;*/
    background-color:#fff;
    margin:5px;
    float:left;
    list-style-type: none;
}

.layoutControl
{
    width:200px;
    border: 1px solid red;
    background-color:gray;
    margin:5px;
    padding:2px 2px 2px 0px;
    font-style:normal;
    font-size:1.0em;
    color:#fff;
}

.sectionHeader
{
    width:100%;
    /*height:18px;
    background-color:#666;
    font-style:italic;
    color:#fff;*/
    cursor: move;
}

.sectionText
{
    color:#fff;
    font-style:normal;
}
.controlHandle
{
    cursor:move;
}

.fbActionButtons
{
    background-color:#c0c0c0;
    color:#000000;
    float:left;
    padding: 0px 4px 3px 2px;
    margin: 0px 5px;
    font-size:10pt;
}