/**
 * Some basic form styles
 */
form.form                         { width:100%; display:block; clear:both }
.form br                          { clear:both }

.form label {
    clear:both;
    display:block;
    float:left;
    font-weight:700;
    width:150px;
    line-height:20px;
    padding:0 0 10px 0;
}

.form input                       { margin:0 10px 10px 0 }
.form select                      { margin:0 0 10px 0 }
.form .inline-label               { clear:none; width:auto; display:block; float:left; margin:0 10px 0 0;}
.form .inline-input               { display:block; float:left }
.form .include                    { display:block; float:left; margin-top:4px }
.form .form-error                 { display:block; color:#C00; font-size:11px; font-weight:700; line-height:20px; padding:5px 20px;text-align:center }
#registration .form .form-error   { display:inline; text-align:left; padding:5px 0 }
.form .submit                     { line-height:30px; padding:10px 0; margin:0 0 0 150px; clear:both }
/*.form .submit input               { color:#111; font-size:12px; font-weight:700; float:left; padding:5px 10px; *padding:5px 0 } */
.form .submit a                   { font-weight:700; margin:0 0 0 10px }
.form .submit.to-left             { margin:0 }
.form .lat-long                   { margin:0 5px 10px 0; width:30px }
.form select.geo-dir              { margin:0 10px 10px 0 }
.form .small-multi-select         { height:52px }

.inputText,
.textDropDown,
.inputTextSmall,
.inputTextRange,
textarea.inputTextArea {
    /*width: 323px;*/
    width: 207px;
    border: 1px solid #b5b5b5;
    border-top: 1px solid #717171;
    margin: 0;
}

.mmsiCountryCode {
    width: 23px;
    text-align: left;
}

.mmsiVesselCode {
    width: 45px;
}

.mmsi {
    color: #999;
    font-style: normal;
}

.datepicker {
    width: 87px;
}

.textDropDown {
    width: auto;
}

textarea.inputTextArea {
    height: 100px;
    width: 300px;
    margin: 0 0 10px 10px;
}

.inputTextSmall {
    width: 50px;
}

.inputTextRange {
    width: 145px;
}

div.searchPanelBottom form {
    margin: 0;
    padding: 0;
}

div.searchPanelBottom .inputText,
div.searchPanelBottomSea .inputText {
    float: left;
    width: 238px;
    margin: 0 10px 0 0;
}

#ratsSearchForm fieldset label {
    padding: 0;
    margin: 0;
}

.form h3{
    margin:18px 0 9px 0;
    padding:0;
    font-size:14px;
    line-height:18px;
    color:#222;
}

.form .checkbox{
    float:left;
    margin: 2px 5px 0 0
}

#registration .super-button{
    margin:0 0 0 150px;
}

.article-error{
 color:#C00;
}

#registration-form .textField, #registration-form select {
    width:21em;
}

/* password reminder form */

#passwordRequestForm {
    float: left;
    width: 606px;
    margin: 5px 0 10px;
}

#passwordRequestForm .submit {
    background-color: #f68414;
    background-image: none;
    width: auto;
    height: auto;
    margin: 0 0 0 5px;
    border: 0;
    cursor: auto;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding: 2px 18px 2px 18px;
    font-size: 13px;
}

#passwordRequestForm fieldset {
    margin-left: 5px;
}

.passwordRequestBox {
    min-height:100px !important;
}

#passwordRequestForm .errors {
    color: #f00;
    padding: 0;
    margin: 0 0 10px 5px;
}

/*#display-options-filter input{
    float: left;
}*/

#display-options-filter input.radioBtn, #trade-route-filter input.radioBtn, #trade-operator-filter input.radioBtn{
    float: left;
    margin-top: 4px;
}

#display-options-filter label, #trade-route-filter label {
    font-weight: 500;
}

#display-options-filter p, #trade-route-filter p ,#deployment-date-filter p,{
    float: left;
    font-weight: 700;
    font-weight: bold;
}

.group-radio {
    float: left;
}

.group-radio span {
    display: block;
    float: left;
}

#TRADE_SUB_ROUTE-value,#TRADE_ROUTE-value,#REGION-value,#TRADE_REGION-value,#OPERATOR_NAME-value,#OPERATOR_COUNTRY-value,#ALLIANCE-value,#COUNTRY-value,#PORT-value{
    /*display: table;*/
    display: block;
}

#LINE_OPERATOR-value{
    display: table;
}

#LINE_OPERATOR{
    margin: 0 0 10px 0px;
}

#TRADE_ROUTE,#TRADE_SUB_ROUTE{
    margin: 0 0 10px 170px;
}

.ranking-radio span {
    display: block;
    float: left;
}

#deployment-date-filter label {
    width: auto;
    padding: 0px 10px 0px 0px;
    font-weight: 500;
    /*font-weight: bold;*/
}

#deployment-date{
   width: auto;
   float: left;
}

#deployment-date-filter fieldset{
    /*float: left;*/
    width: 480px;
    padding: 20px 0px; 10px
}

#deployment-date-header{
    float: left;
    width: 480px;
}

#deployment-date span {    
    float: left;
    display: block;
}

#deployment-date label {
    float: left;
    clear: none;
    display: block;
    padding: 0px 10px 0px 0px;
    width: 80px;
}

#deployment-date input.radioBtn {    
    float: left;
    width: 20px;
    clear:none;
    margin: 0px 0 0 2px;
}

#operator-filter label{
    font-weight: normal;
}

#tab-content-filters .filter {
    padding-top: 10px;
}

#tab-content-filters p {
    font-weight: bold;
    margin-bottom: 10px;
}

#tab-content-filters label {
    font-weight: bold;
}

#TRADE_ROUTE_TYPE-filter label, #DISPLAY_RESULT_UNIT-filter label, #DISPLAY_RESULT_BREAKDOWN-filter label, #CHART_TYPE-filter label, #deployment-date label{
    font-weight: bold;
    font-size: 10px;
}

.number-fmt {
    text-align: right;
}

#active-filters .width170 {
    width: 170px;
}