﻿/* Export-specific styles */

/* Reusable layout */
.layout-2-cols
{
    position: relative;
    padding: 3px 5px 3px 0;
    width: 100%;
    float:left; /* Temp */
}

.layout-2-cols .l
{
    float: left;
    width: 49%;
}

.layout-2-cols .r
{
    float: right;
    width: 49%;
}

.layout-2-cols .r.r-align
{
    text-align: right;
}

.layout-2-cols .contents
{
    margin-right: 10px;
}

/* sub-form hacks for custom layouts */
.layout-2-cols .l .sub-form,
.layout-2-cols .r .sub-form
{
    float: none;
    width: auto;
}

#reeferInfo,
#hazardousInfo
{
    /*nopadding: 5px 0;    
    nobackground: #f3f3f3;*/
    border: none;
    /*nowidth: 48%;*/
    margin: 0 10px 10px 0;
}

#reeferInfo table th,
#hazardousInfo  table th
{
    background-color: #e8eef4; /*#b8c8cb #5C87B2; 84B6DE/*#e8eef4; too light*/
    color: #000; /*#696969;5C87B2 4b6c9e*/ 
    font-size: 0.9em;
    font-weight: normal; 
}

.nested-form
{
    padding: 0 5px;
}

.nested-form table caption
{
    margin: 5px 0 0;
    font-size: 0.75em;
}

#bookingLines table
{
    width: 100%;
}

.vessel-nav
{
    padding: 5px 0;
}

.empty-list
{
    padding: 5px 10px;
    margin: 3px 0;
    border: 1px #ccc solid;
}

.empty-list p
{
    margin: 0;
}

.stylefix .main-form
{
    padding: 3px 5px 3px 0;
}

.stylefix .editor-label,
.stylefix .editor-field,
.stylefix .editor-label-top,
.stylefix .editor-field-top
{
    /*height:auto !important;*/
    min-height: 1.4em;
}

.stylefix .editor-field
{
    padding: 0 3px 3px 6px !important;
}

.stylefix .editor-field p
{
    margin: 0 0 5px;
    line-height:normal;
}

.stylefix table td
{
    padding: 3px 5px;
    white-space: normal !important;
}

.stylefix input[type="submit"],
.stylefix input[type="button"],
.stylefix input[type="reset"],
.stylefix button,
.stylefix button[type="submit"],
.stylefix button[type="reset"]
{
    /*font-size: 0.85em !important;*/
    /*padding: 0 !important;*/

}


.stylefix button,
.stylefix button[type="submit"],
.stylefix button[type="reset"]
{
    /* height: auto !important; */
    /* padding: 3px !important; */
}

.cbr-number-search input[type="text"],
.cbr-number-search select
{
    width: 44% !important;
}


.stylefix .nested-form table th
{
    font-size: 1em;
}

#main > h2
{
    padding: 0;
    margin: 0 0 10px;
}

hr.split-line
{
    border: 0;
    border-bottom: 1px solid #ccc;
    clear:both;
}

.form-buttons
{
    margin: 0 0 10px;
}

.form-buttons .l
{
    float: left;
}

.form-buttons .r
{
    float: right;
}

.options-links
{
    padding: 0 0 10px;
    margin-top: 0px;
    font-size: 0.9em;
}

.options-button-links
{
    padding: 0 0 10px;
    margin-top: 5px;
}

.faded
{
    color: #999;
}

.fit
{
    width: 100%;
}

/* Button-links */
.btn-link,
.btn-link:link,
.btn-link:visited
{
    color: #2E6E9E;
    display: inline-block !important;
    font-size: 0.85em !important;
    font-weight: bold;
    line-height: 1.4em !important;
    padding: 0.35em 1em 0.2em 1em !important;
    
    background: url("jquery-ui-themes/redmond/images/ui-bg_glass_85_dfeffc_1x400.png") repeat-x scroll 50% 50% #DFEFFC;
    color: #2e6e9e;
    border: 1px solid #c5dbec;
}

.btn-link:hover
{
    background: url("jquery-ui-themes/redmond/images/ui-bg_glass_75_d0e5f5_1x400.png") repeat-x scroll 50% 50% #d0e5f5;
    color: #1d5987;
    border: 1px solid #79b7e7;
}

.btn-link:active
{
    background: url("jquery-ui-themes/redmond/images/ui-bg_inset-hard_100_f5f8f9_1x100.png") repeat-x scroll 50% 50% #f5f8f9;
    color: #e17009;
    border: 1px solid #79b7e7;
}

.small-btn
{
    font-size: 0.9em !important;
}

button:disabled
{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    opacity: 0.35;
}

/* Search form */
.filter-form
{
    padding: 5px 0;
    margin: 7px 0 3px;
}

.stylefix .search-form
{
    font-size: 1.1em;
    padding: 3px 0;
}


.stylefix .search-form .editor-label
{
    float: left;
    text-align:right;
    border: none;
    padding: 6px 0 3px 0 !important;
}

.stylefix .search-form .editor-field
{
    float: left;
    /* width: 240px; */
    width: auto;
    padding: 3px 3px 3px 6px !important;
    font-size: 1.1em;	
    /*margin-top: 15px;*/
    margin-right: 15px;    
}

.stylefix .search-form input[type="submit"],
.stylefix .search-form input[type="reset"],
.stylefix .search-form input[type="button"],
.stylefix .search-form .btn-link
{
    font-size: 0.75em !important;
    width: 80px;
}

.stylefix .search-form .btn-link
{
    line-height: 1.8em !important;
    padding: 0.0em !important;
}

.stylefix .search-form button,
.stylefix .search-form button[type="submit"],
.stylefix .search-form button[type="reset"]
{
    /* height: 28px; */
    font-size: 0.75em !important;
    padding: 0 !important;
    width: 80px;
}

.search-buttons
{
    float:right;
    padding-top: 8px;
}

.search-buttons button,
.search-buttons input,
.search-buttons .btn-link
{
    no-margin-left: 4px;
}

.stylefix .form-buttons input[type="submit"],
.stylefix .form-buttons input[type="reset"],
.stylefix .form-buttons input[type="button"],
.stylefix .form-buttons .btn-link
{
    width: 80px;
}



.stylefix table select
{
    font-size: 1em;
}

.stylefix .form-table table th
{
    white-space: normal !important;
}

.stylefix .form-table table th.check-all
{
    padding-left: 5px;
    text-align: left;
}

table tr.special td
{
    background: #eee;
}

.add-row-btn-wrapper
{
    float: right;
    padding: 5px 0 0;
    text-align: right;
    font-size: .8em;
    height: 2em;
    width: 200px;
}


#addHazardousInfoRow
{
    font-size: .85em;
    height: 2em;    
}


/* CBR-related */
#SearchVesselCallCode
{
    width: auto;
}

.cbr-type-nav-wrapper
{
/*    border-bottom: 1px #999 dotted;*/
    border-bottom:none;
}

.cbr-type-nav-wrapper .layout-2-cols
{
    width: 100%;
}

.cbr-type-nav
{
    text-align: right;
    padding: 3px 0;
}

.cbr-container-moved-out
{
    color: #4b6c9e;
    background-color: #eee;
}

.cbr-container-moved-in
{
    color: #4b6c9e;
    font-weight: bold;
}

.cbr-container-targets-own
{
    color: #999;
}

.cbr-container-disabled
{
    color: #999;
}

.cbr-container-moved-in:hover,
.cbr-container-moved-out:hover,
.cbr-highlight
{
    background: #ddd;
}

.cbr-minus
{
    color: #d50000;
}

.cbr-plus
{
    color: #4b6c9e;
}

.denial-summary li
{
    color: #d50000;
}

/* Colors */
.grey
{
    color: #999;
}

/* Ajax progress state */
.ajax-loading
{
    background: url("images/ajax-field-loading.gif") no-repeat scroll 0 50% #ffffff !important;
    padding-left: 16px !important;
}

/* Clear-fixes */
.filter-form,
.search-form,
.form-buttons,
.layout-2-cols
{
    /*zoom: 1;*/
    display: block;
}

.filter-form:after,
.search-form:after,
.form-buttons:after,
.layout-2-cols:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
