/**
 * This file contains the WSC's common in-house CSS styles. Styles include:
 *
 * - Rapid styling classes (time savers, avoid adjusting if possible)
 * - Basic form styles (remove/adjust as needed)
 * - Success messages (adjust as needed)
 * - Error messages (adjust as needed)
 *
 * Application-specific customizaion of this file by in-house WSC programmers is
 * acceptable and encouraged.
 *
 * LICENSE:
 *
 * This file may not be redistributed without the direct consent of Web Services
 * Corporation, Inc.
 *
 * @copyright  2012 Web Services Corporation, Inc. All Rights Reserved.
 * @author     Tell Konkle
 * @date       2013-02-01
 */

/* Begin VineUI Styles */

    .vine-select {
        float: left;
        margin: 0 8px 0 0;
    }

    .vine-button {
        float: left;
        margin: 0 8px 0 0;
    }

/* End VineUI Styles */

/* Begin Rapid Styles */

    .hide { display: none; }
    .top-padded, .top-padding { padding-top: 20px !important; }
    .right-padded, .right-padding { padding-right: 20px !important; }
    .bottom-padded, .bottom-padding { padding-bottom: 20px !important; }
    .left-padded, .left-padding { padding-left: 20px !important; }
    .bold { font-weight: bold !important; }
    .italic { font-style: italic !important; }
    .underline, .underlined { text-decoration: underline !important; }
    .line-through { text-decoration: line-through !important; }
    .left { text-align: left !important; }
    .center { text-align: center !important; }
    .vertical-center { vertical-align: middle !important; }
    .right { text-align: right !important; }
    .justify, .justified { text-align: justify !important; }
    .text-large { font-size: 1.1em; }
    .text-small { font-size: 0.9em; }
    img.left { float: left !important; margin-right: 10px !important; }
    img.center { display: block; margin-left: auto !important; margin-right: auto !important; }
    img.right { float: right !important; margin-left: 10px !important; }
    .white { color: #fff !important; }
    .black { color: #000 !important; }
    .grey, .gray { color: #999 !important; }
    .red { color: #e00 !important; }
    .green { color: #3a3 !important; }
    .blue { color: #2167b2 !important; }
    .orange { color: #e50 !important; }
    .yellow { color: #e5e500 !important; }
    .purple { color: #b2f !important; }
    .pink { color: #f0f !important; }
    .flat { margin: 0 !important; padding: 0 !important; line-height: normal !important; }
    ul.flat { list-style-position: inside; }
    .space { padding-top: 20px !important; }
    .break { margin-top: 20px !important; }
    .invisible {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
        filter: alpha(opacity=0);                                         /* IE 5-7 */
        -moz-opacity: 0;                                                  /* Netscape */
        -khtml-opacity: 0;                                                /* Safari 1.x */
        opacity: 0;                                                       /* Good browsers */
    }

/* End Rapid Styles */

/* Begin Error/Success/Notice Messages */

    #wsc-success {
        margin: 0 0 20px;
        padding: 10px 32px 10px 10px;
        background: #cfa url('wsc-success.gif');
        background-position: 99% 8px;
        background-repeat: no-repeat;
        border: 1px solid #090;
        color: #060;
        font-weight: bold;
    }

    #wsc-error {
        margin: 0 0 20px;
        padding: 10px 32px 10px 10px;
        background: #ffe8e8 url('wsc-error.gif');
        background-position: 99% 8px;
        background-repeat: no-repeat;
        border: 1px solid #e11;
        color: #e11;
        font-weight: bold;
    }

    #wsc-error ul {
        margin: 0;
        padding: 10px 0 0;
        list-style-type: disc;
        list-style-position: inside;
        font-weight: normal;
    }

    #wsc-error a {
        color: #e11;
    }

    #wsc-success a {
        color: #060;
    }

    .wsc-notice {
        margin: 0 0 15px;
        padding: 10px;
        background: #eee;
        border: 1px solid #e11;
        color: #000;
    }

    .wsc-notice ul {
        margin: 0 !important;
        padding: 10px 0 0 !important;
        list-style-type: disc;
        list-style-position: inside;
    }

    #wsc-error, #wsc-success, .wsc-notice {
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }

/* End Error/Success Messages */

/* Begin Form Styles */

    form {
        margin: 0;
        padding: 0;
    }

    .form fieldset {
        display: block;
        margin: -5px 0 20px 0;
        padding: 0 10px 19px;
        border: 1px solid #aaa;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .form fieldset legend {
        padding: 0 10px;
        margin: 0 0 0 10px;
        color: #555;
        font-weight: bold;
        font-size: 15px;
    }

    .form .error {
        background: #ffe8e8 !important;
        border: 1px solid #e11 !important;
    }

    .form .row {
        float: left;
        width: 100%;
        padding: 10px 0 0;
        line-height: 32px;
    }

    .form .field-left {
        float: left;
        margin: 0 20px 0 0;
        line-height: 32px;
    }

    .form .row label,
    .form .field-left label
        {
        float: left;
        width: 160px;
        line-height: 32px;
        font-weight: normal;
    }

    .form .row label.required,
    .form .field-left label.required
        {
        font-weight: bold;
    }

    .form .row label.small,
    .form .field-left label.small
        {
        width: 115px;
    }

    .form .row label.medium,
    .form .field-left label.medium
        {
        width: 160px;
    }

    .form .row label.large,
    .form .field-left label.large
        {
        width: 200px;
    }

    .form .row label.auto,
    .form .field-left label.auto
        {
        width: auto !important;
        margin-right: 10px;
    }

    .form .row label span,
    .form .field-left label span
        {
        color: #e11;
        font-weight: bold;
    }

    .form .row input,
    .form .field-left input
        {
        line-height: 30px;
    }

    .form .row input[type="file"]
        {
        left: 190px;
        position: absolute;
        text-align: right;
        width: 292px;
        height: 32px;
    }

    .form .row input[type="text"],
    .form .row input[type="password"],
    .form .field-left input[type="text"],
    .form .field-left input[type="password"]
        {
        float: left;
        display: block;
        padding: 0 5px;
        margin: 0 8px 0 0;
        height: 30px;
        width: 200px;
        border: 1px solid #ccc;
    }

    .form .row input[type="text"].tiny,
    .form .row input[type="password"].tiny,
    .form .field-left input[type="text"].tiny,
    .form .field-left input[type="password"].tiny
        {
        width: 58px !important;
    }

    .form .row input[type="text"].small,
    .form .row input[type="password"].small,
    .form .field-left input[type="text"].small,
    .form .field-left input[type="password"].small
        {
        width: 122px;
    }

    .form .row input[type="text"].medium,
    .form .row input[type="password"].medium,
    .form .field-left input[type="text"].medium,
    .form .field-left input[type="password"].medium
        {
        width: 200px;
    }

    .form .row input[type="text"].large,
    .form .row input[type="password"].large,
    .form .field-left input[type="text"].large,
    .form .field-left input[type="password"].large
        {
        width: 250px;
    }

    .form .row input[type="text"].auto,
    .form .row input[type="password"].auto,
    .form .field-left input[type="text"].auto,
    .form .field-left input[type="password"].auto
        {
        width: auto !important;
    }

    .form .row input[type="text"].date,
    .form .field-left input[type="text"].date
        {
        width: 86px;
    }

    .form .row input[type="text"][disabled="disabled"],
    .form .row input[type="text"][readonly="readonly"]
        {
        background-color: #eee;
    }

    .form .row select,
    .form .field-left select
        {
        float: left;
        display: block;
        height: 32px;
        line-height: 30px !important;
        width: 212px;
        padding: 6px 6px 6px 0;
        margin: 0 8px 0 0;
    }

    .form .row select.tiny,
    .form .field-left select.tiny
        {
        width: 70px;
    }

    .form .row select.small,
    .form .field-left select.small
        {
        width: 134px;
    }

    .form .row select.medium,
    .form .field-left select.medium
        {
        width: 202px;
    }

    .form .row select.large,
    .form .field-left select.large
        {
        width: 252px;
    }

    .form .row select.auto,
    .form .field-left select.auto
        {
        width: auto !important;
    }

    .form .row div.small-box {
        float: left;
        width: 100px;
    }

    .form .row div.medium-box {
        float: left;
        width: 160px;
    }

    .form .row div.large-box {
        float: left;
        width: 200px;
    }

    .form .row input[type="radio"] {
        line-height: 30px;
        padding: 0;
        margin: 0;
    }

    .form .row textarea {
        display: block;
        margin: 0;
        width: 300px;
        height: 100px;
        border: 1px solid #ccc;
    }

    .form .row textarea.small {
        width: 200px;
        height: 70px;
    }

    .form .row textarea.medium {
        width: 300px;
        height: 100px;
    }

    .form .row textarea.large {
        width: 400px;
        height: 120px;
    }

    .form .row textarea.huge {
        width: 600px;
        height: 200px;
    }

    .form .row:after { 
        visibility: hidden; 
        display: block; 
        font-size: 0; 
        content: ' '; 
        clear: both; 
        height: 0;
        zoom: 1;
    }

    * html .form .row {
        zoom: 1;
    }

    *:first-child+html .form .row {
        zoom: 1;
    }

    .form .row .line {
        float: left;
    }

/* End Form Styles */

/* Begin Rounded Image Styles */

    .img-rounded {
        margin: 0 auto;
        border: 1px solid #aaa !important;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        background-position: center center !important;
        -webkit-box-shadow:
            inset 0 1px 5px rgba(50, 50, 50, .5),
            0 1px 0 rgba(255, 255, 255, 1),
            0 1px 0 rgba(90, 90, 90, .6);
        -moz-box-shadow:
            inset 0 1px 5px rgba(50, 50, 50, .5),
            0 1px 0 rgba(255, 255, 255, 1),
            0 1px 0 rgba(90, 90, 90, .6);
        box-shadow:
            inset 0 1px 5px rgba(50, 50, 50, .5),
            0 1px 0 rgba(255, 255, 255, 1),
            0 1px 0 rgba(90, 90, 90, .6);
    }

    .img-rounded:hover {
        border: 1px solid #aaa !important;
        -webkit-box-shadow: inset 0px 0px 0px 0px #aaaaaa;
        -moz-box-shadow: inset 0px 0px 0px 0px #aaaaaa;
        box-shadow: inset 0px 0px 0px 0px #aaaaaa;
    }

    .thumb-rounded {
        border: 1px solid #888 !important;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        -webkit-box-shadow:
            inset 0 1px 5px rgba(50, 50, 50, .5),
            0 1px 0 rgba(255, 255, 255, 1),
            0 1px 0 rgba(90, 90, 90, .6);
        -moz-box-shadow:
            inset 0 1px 5px rgba(50, 50, 50, .5),
            0 1px 0 rgba(255, 255, 255, 1),
            0 1px 0 rgba(90, 90, 90, .6);
        box-shadow:
            inset 0 1px 5px rgba(50, 50, 50, .5),
            0 1px 0 rgba(255, 255, 255, 1),
            0 1px 0 rgba(90, 90, 90, .6);
    }

    .thumb-rounded:hover {
        border: 1px solid #888 !important;
        -webkit-box-shadow: inset 0px 0px 0px 0px #aaaaaa;
        -moz-box-shadow: inset 0px 0px 0px 0px #aaaaaa;
        box-shadow: inset 0px 0px 0px 0px #aaaaaa;
    }

/* End Rounded Image Styles */