/**
 * CSS styles for forms generated by yiic.
 *
 * The styles can be applied to the following form structure:
 *
 * <div class="form">
 *     <div class="row">
 *         <label for="inputid">xyz</label>
 *         <input name="inputid" id="inputid" type="text" />
 *         <p class="hint">hint text</p>
 *     </div>
 *     <div class="row">
 *         <label for="inputid">xyz</label>
 *         <input name="inputid" id="inputid" type="text" />
 *         <p class="hint">hint text</p>
 *     </div>
 *     <div class="row buttons">
 *         <label for="inputid">xyz</label>
 *         <input name="inputid" id="inputid" type="text" />
 *         <p class="hint">hint text</p>
 *     </div>
 * </div>
 *
 * The above code will render the labels and input fields in separate lines.
 * In order to render them in the same line, please use the "wide" form as follows,
 *
 * <div class="wide form">
 *     ......
 * </div>
 *
 * @author Qiang Xue <qiang.xue@gmail.com>
 * @link http://www.yiiframework.com/
 * @copyright Copyright &copy; 2008-2010 Yii Software LLC
 * @license http://www.yiiframework.com/license/
 */

div.form {
}
div.form input,
div.form textarea,
div.form select {
    border: 1px solid #4f81bd;
    margin: 0.2em 0 0.5em 0;
}
div.form fieldset {
    border: 1px solid #ddd;
    padding: 10px;
    margin: 0 0 10px 0;
    -moz-border-radius: 7px;
}
div.form label {
    font-weight: bold;
    font-size: 0.9em;
    display: block;
}
div.form .row {
    margin: 5px 0;
}
div.form .hint {
    margin: 0;
    padding: 0;
    color: #999;
}
div.form .note {
    font-style: italic;
}
div.form span.required {
    color: red;
}
div.form div.error label,
div.form label.error,
div.form span.error {
    color: #c00;
}
div.form div.error input,
div.form div.error textarea,
div.form div.error select,
div.form input.error,
div.form textarea.error,
div.form select.error {
    background: #fee;
    border-color: #c00;
}
div.form div.success input,
div.form div.success textarea,
div.form div.success select,
div.form input.success,
div.form textarea.success,
div.form select.success {
    background: #e6efc2;
    border-color: #c6d880;
}
div.form .errorSummary {
    border: 2px solid #c00;
    padding: 7px 7px 12px 7px;
    margin: 0 0 20px 0;
    background: #fee;
    font-size: 0.9em;
}
div.form .errorMessage {
    color: red;
    font-size: 0.9em;
}
div.form .errorSummary p {
    margin: 0;
    padding: 5px;
}
div.form .errorSummary ul {
    margin: 0;
    padding: 0 0 0 20px;
}
div.wide.form label {
    float: left;
    margin-right: 10px;
    position: relative;
    text-align: right;
    width: 120px;
}
div.wide.form .row {
    clear: left;
}
div.wide.form .buttons, div.wide.form .hint, div.wide.form .errorMessage {
    clear: left;
    /*padding-left: 140px;*/
}
div.wide.form fieldset p.hint {
    margin-left: 130px;
}
span.toggle {
    display: inline-block;
    width: 100%;
    cursor: pointer;
    font-weight: bold;
    font-size: 0.9em;
    padding: 10px;
    padding-left: 50px;
}
.fieldset {
    display: none;
}
div.row.buttons {
    text-align: left;
    margin-left: 130px;
}
#pull-left {
    float: left;
}
#pull-right {
    float: right;
    display: inline-block;
    width: 100%;
}
.text-align-right {
    text-align: right !important;
}
#total_count, #total_weight, #total_capacity {
    font-weight: bold;
}
#t1reg-cargo-grid table {
    table-layout: fixed !important;
    background: red;
}
#t1reg-cargo-grid table td {
    word-wrap: break-word;
    white-space: normal;
}

th#t1reg-cargo-grid_c0 {
    width: 40px;
}
th#t1reg-cargo-grid_c3 {
    width: 60px;
}
th#t1reg-cargo-grid_c5 {
    width: 35px;
}
th#t1reg-cargo-grid_c8 {
    width: 70px;
}
th#t1reg-cargo-grid_c11 {
    width: 70px;
}
th#t1reg-cargo-grid_c10 {
    width: 70px;
}
th#t1reg-cargo-grid_c12 {
    width: 30px;
}
th#t1reg-cargo-grid_c6 {
    width: 60px;
}
th#estimated-carriage-grid_c6 {
    min-width: 225px !important;
}
th#estimated-carriage-grid_c4 {
    max-width: 100px !important;
}
th#estimated-carriage-grid2_c9 {
    min-width: 70px;
}
th#estimated-carriage-grid_c5 {
    min-width: 30px !important;
}
th#estimated-carriage-grid_c9 {
    /*min-width: 70px !important;*/
}
th#estimated-carriage-grid_c8 {
    min-width: 100px !important;
}
th#estimated-carriage-grid2_c8 {
    /*min-width: 65px !important;*/
}
th#estimated-carriage-grid2_c7 {
    min-width: 85px !important;
}
th#carriage-grid_c8 {
    min-width: 70px !important;
}
th#carriage-grid_c7 {
    /*min-width: 70px !important;*/
}
th#carriage-grid_c6 {
    min-width: 100px !important;
}
#carriage-comment-grid > table, #cargo-comment-grid > table, #cargo-comment-gridd > table {
    table-layout: fixed;
    width: 100%;
}
#carriage-comment-grid > table td, #recent-comments, #cargo-comment-grid > table, #cargo-comment-gridd > table {
    word-wrap: break-word; /* All browsers since IE 5.5+ */
    overflow-wrap: break-word; /* Renamed property in CSS3 draft spec */
}
th#cargo-comment-grid_c1, th#cargo-comment-grid_c1 {
    width: 600px !important;
}
th#cargo-comment-grid_c0 {
    width: 50px !important;
}
th#cargo-comment-grid_c3 {
    width: 70px !important;
}
th#cargo-comment-grid_c1 {
    width: 100px !important;
}
th#cargo-comment-gridd_c1 {
    width: 500px !important;
}
th#cargo-comment-grid_c2 {
    width: 600px !important;
}
th#carriage-comment-grid_c1 {
    width: 500px !important;
}
th#carriage-comment-grid_c2, th#carriage-comment-grid_c3, th#carriage-comment-grid_c6, th#carriage-comment-grid_c0 {
    width: 70px;
}

.ui-widget-overlay {
    background: #000 !important;
    opacity: .8  !important;
    filter: Alpha(Opacity=30)  !important;
}