@import url(themes/base/all.css);
@media print
{
    #header
    {
        display: none;
    }
}

@media screen
{
    /* ---------------------------------------------------- */
    /*              Element style definitions               */
    /* ---------------------------------------------------- */
    html
    {
        background-color: #fee9bb;
        margin: 0;
        padding: 0;
    }
    body
    {
        background-color: #fff; /*border-top: solid 10px #000;*/
        color: #333;
        font-size: .75em;
        font-family: Helvetica, Verdana, "Segoe UI" ,Sans-Serif;
        margin: 0;
        padding: 0;
    }

    a
    {
        color: #333;
        outline: none;
        text-decoration: underline;
    }

    a:link, a:visited, a:active, a:hover
    {
        color: #333;
    }

    a:hover
    {
        /*background-color: #c7d1d6;*/
    }
    /* ---------------------------------------------------- */
    /* HEADINGS                                             */
    /* ---------------------------------------------------- */
    h1, h2, h3, h4, h5, h6
    {
        font-size: 1em;
    }

    h1
    {
        font-family: Helvetica, Verdana;
        font-weight: normal;
        font-size: 2.5em;
        color: #092b4d;
        margin: 0px;
        padding-top: 40px;
    }
    h2
    {
        font-family: Helvetica, Verdana;
        font-weight: normal;
        font-size: 1.8em;
        color: #ced1d0;
        margin: 0px;
    }
    h3
    {
        font-family: Helvetica, Verdana;
        font-size: 1.4em;
        font-weight: 600;
        color: #092b4d;
    }
    h4
    {
        font-size: 1.1em;
        margin: 0px;
    }
    h5, h6
    {
        font-size: .8em;
    }


    /* main layout
                                                ----------------------------------------------------------*/
    .main-content, .featured + .main-content
    {
        background-position: 10px 0;
    }

    .float-left
    {
        float: left;
    }

    .float-right
    {
        float: right;
    }

    .pane
    {
        max-width: 300px;
        padding-right: 10px;
        margin-right: 20px;
    }

    .clear-fix:after
    {
        content: ".";
        clear: both;
        display: block;
        height: 0;
        visibility: hidden;
    }

    body #header
    {
        background: url('themes/kansas/images/ks-header-span.png');
        background-repeat: repeat-x;
        background-color: rgb(247, 148, 31);
        height: 120px;
    }

    #header
    {
        width: 100%;
        height: 120px;
        position: relative;
        margin-bottom: 0px;
        color: #000;
        padding: 0;
        display: block;
        min-width: 500px;
        cursor: hand;
    }

    #footer a
    {
        font-size: 12px;
        color: #4d121b;
        text-decoration: none;
    }
    #footer a:hover
    {
        color: #7f1c56;
        text-decoration: underline;
    }
    #footer .active a
    {
        color: #ef8a1d;
        cursor: default;
        text-decoration: none;
    }
    #footer
    {
        left: 0px;
        bottom: 0px;
        width: 100%;
        background-color: #fee9bb;
        color: #4f4f4f;
        padding: 10px 0;
        text-align: center;
        line-height: normal;
        margin: 0 0 0 0;
        font-size: 1em;
        border-radius: 0 0 4px 4px;
        -webkit-border-radius: 0 0 4px 4px;
        -moz-border-radius: 0 0 4px 4px;
    }

    #footer .content-wrapper #menu
    {
        text-align: center;
    }
    #footer .copyright
    {
        line-height: 1.5em;
    }
    #footer .version
    {
    }
    .content-wrapper
    {
        padding-right: 10px;
        padding-left: 10px;
    }
    .section
    {
        display: block;
    }
    #notification-summary
    {
        /*background-color: #fee9bb;*/
    }

    #notification-summary .survey
    {
        margin: 50px -10px 0px -10px;
        white-space: nowrap;
        padding: 10px 10px 45px 20px;
        font-size: 1.25em;
        background-color: #e9e9e9;
        border-top: 1px solid silver;
        border-bottom: 1px solid silver; /*background-color: #fee9bb;*/
    }

    #notification-summary .seperator
    {
        /*         padding-bottom: 0px;         margin-left: 0px;         white-space: nowrap;         height: 15px;         width: 100%;         background-color: #aeaeae;         border-bottom: solid 1px  #feeabd;         display: inline-block;         */
    }

    #notification-summary ul
    {
        list-style-type: none;
        padding-left: 0px;
    }
    #notification-summary ul li
    {
        list-style: none;
        line-height: 1.5em;
        margin-top: 5px;
    }

    #account-summary
    {
        float: left;
        margin-left: 5px;
        margin-right: 75px;
        white-space: nowrap;
        min-width: 300px;
        padding: 10px 10px 25px 10px;
    }
    #account-summary ul
    {
        list-style-type: none;
    }
    #account-summary ul li
    {
        list-style: none;
        line-height: 1.5em;
        margin-top: 5px;
    }
    #account-summary ul li input[type=checkbox]
    {
        margin: 3px;
        padding: 0px;
        vertical-align: bottom;
    }
    
    #announcement-summary
    {
        float: left;
        margin-left: 5px;
        padding: 10px 10px 25px 10px;
        width: 300px;
    }
    #announcement-summary li h3 {
         border: #fef5e2 solid 2px;
        padding-top: 12px;
        padding-left: 12px;
        padding-right: 12px;
        padding-bottom: 8px;
        margin-top: -10px;
        margin-bottom: 2px;
        min-width: 90px;
        min-height: 20px;
        background-color: #fef5e2;
    }
    #announcement-summary ul
    {
        list-style-type: none;
    }
    #announcement-summary ul li
    {
        list-style: none;
        line-height: 1.5em;
        margin-bottom: 1px;
    }
    #announcement-summary ul li .info-block 
    {
         color: #092b4d;
        border: #fef5e2 solid 2px;
        padding-top: 2px;
        padding-left: 12px;
        padding-right: 12px;
        margin-top: 1px;
        margin-bottom: 1px;
        min-width: 90px;
        min-height: 20px;
        background-color: #fef5e2;
    }
    
    #survey-summary
    {
        float: left;
        margin-left: 5px;
        padding: 10px 10px 25px 10px;
        white-space: nowrap;
    }
    #survey-summary ul
    {
        list-style-type: none;
    }
    #survey-summary ul li
    {
        list-style: none;
        line-height: 1.5em;
    }
    .no-wrap
    {
        white-space: nowrap;
    }

    .featured .content-wrapper
    {
        padding: 10px;
    }

    div#body
    {
        min-height: 420px;
    }

    div#logo-pane
    {
        background: url('themes/kansas/images/ks-header-logo.png');
        background-repeat: no-repeat;
        position: absolute;
        left: 70px;
        height: 120px;
        top: 10px;
        height: inherit;
        width: 189px;
        float: left;
        z-index: 10;
    }
    div#left-pane
    {
        background: url('themes/kansas/images/ks-header-left.png');
        background-repeat: no-repeat;
        position: absolute;
        height: inherit;
        width: 180px;
        float: left;
    }
    div#right-pane
    {
        background: url('themes/kansas/images/ks-header-right.png');
        background-repeat: no-repeat;
        height: inherit;
        width: 381px;
        float: right;
    }
    div#title-pane
    {
        position: absolute;
        left: 270px;
        height: auto;
        top: 0;
        display: block;
        float: left;
        text-align: left;
    }
    /* FORM LAYOUT ELEMENTS   
                                                                                                    ----------------------------------------------------------*/

    fieldset
    {
        border: none; /*1px solid #ddd;*/
        padding: 0 1.4em 1.4em 1.4em;
        margin: 0 0 1.5em 0;
    }

    legend
    {
        font-size: 1.2em;
        font-weight: bold;
    }


    input[type="text"], input[type="password"]
    {
        border: 1px solid #ccc;
        padding: 2px;
        font-size: 1.2em;
        color: #444;
    }

    #loginForm input[type="text"], input[type="password"]
    {
        width: 250px;
    }
    select
    {
        border: 1px solid #ccc;
        padding: 2px;
        font-size: 1.2em;
        color: #444;
    }

    input[type="submit"], input[type="reset"], input[type="button"]
    {
        font-size: 1.2em;
        padding: 5px;
    }
    /* login
                                                                                                                        ----------------------------------------------------------*/

    .loginContainer
    {
        width: 100%;
        height: 100%;
        margin: 0px;
        display: inline-block;
        background-image: url(themes/base/images/wic-vendor-2.png);
        background-position: right bottom;
        background-repeat: no-repeat;
    }

    div#loginForm
    {
        min-width: 330px;
        max-width: 720px;
        border: #a7b1cc solid 3px;
        padding: 10px;
        margin: 40px auto;
        background-color: rgb(255, 255, 255);
    }

    #loginForm
    {
        float: left;
        margin: 0px 10px 0px 0px;
    }

    #loginForm fieldset
    {
        border: none;
        padding: 0;
        margin: 0;
    }

    #loginForm ul
    {
        padding-left: 10px;
        margin-bottom: 15px;
        line-height: 1.6em;
        list-style-type: none;
    }

    #loginForm li
    {
        list-style: none;
        margin: .1em 0 .1em 0;
    }
    #loginForm fieldset ul li
    {
        margin-top: 10px;
    }

    #loginForm .validation-error
    {
        display: block;
        margin-left: 15px;
    }

    #loginForm .validation-summary-errors ul
    {
        margin: 0;
        padding: 0;
    }

    #loginForm .validation-summary-errors li
    {
        display: inline;
        list-style: none;
        margin: 0;
    }

    fieldset .editor-label
    {
        display: list-item;
        margin-top: 1em;
        list-style: none;
        line-height: 1.6em;
    }

    fieldset .editor-checkbox
    {
        display: list-item;
        margin: 1em 0 0 0;
        list-style: none;
        line-height: 1.6em;
    }

    #login
    {
        float: right;
        font-size: 1.2em;
        text-align: left;
        margin-top: 3px;
        display: block;
    }

    #login a
    {
        color: #a9c2cf;
        margin-left: 10px;
        margin-right: 3px;
        padding: 2px 3px;
        text-decoration: none;
    }

    #login a:visited
    {
        color: #a9c2cf;
    }

    #login a:hover
    {
        color: #a9c2cf;
        background-color: transparent;
        text-decoration: underline;
    }

    #login ul
    {
        margin: 0;
    }

    #login li
    {
        display: inline;
        list-style: none;
        color: whitesmoke;
    }
    #login a.username
    {
        color: whitesmoke;
        background: none;
        margin: 0;
        padding: 0;
        text-decoration: underline;
    }


    .account ul
    {
        list-style-type: none;
        padding-left: 10px;
        margin-bottom: 15px;
        line-height: 1.6em;
    }

    .account li
    {
        list-style: none;
        margin: .1em 0 .1em 0;
    }
    .account fieldset ul li
    {
        margin-top: 10px;
    }
    
    .help blockquote {
        
    }
    
    .help blockquote p
    {
        padding-left: 20px;
        padding-right: 20px;
    }
    .help blockquote ul
    {
        padding-left: 40px;
        padding-right: 20px;
        padding-top: 5px;
        padding-bottom: 10px;
        line-height: 1.6em;
        list-style-type: circle;
    }
    
    
    /* menu
                                                                                                    ----------------------------------------------------------*/
    nav
    {
        width: 100%;
    }

    ul#menu
    {
        margin-top: 1px;
        background: #fee9bb;
        padding: 6px 5px;
        font-size: 1.3em;
        font-weight: 200;
        margin: 0 0 5px;
        text-align: left;
    }

    ul#menu li
    {
        display: inline;
        list-style: none;
        margin: 0;
        padding: 0 0 0 5px;
    }

    ul#menu li a
    {
        font-size: 12px;
        color: #4d121b;
        text-decoration: none;
        background: none;
    }

    ul#menu li a:hover
    {
        color: #7f1c56;
        text-decoration: underline;
    }
    ul#menu li a.active
    {
        color: #ef8a1d;
        cursor: default;
        text-decoration: none;
    }


    /* site title
                                                                                                                        ----------------------------------------------------------*/

    .site-title
    {
    }

    .site-title h1
    {
        margin-top: -10px;
        color: white;
        font-size: 3.8em;
    }

    .site-title h2
    {
        margin-top: -5px;
        margin-left: 5px;
        color: rgb(115,13,90);
    }

    /*
                                                                                                                            .site-title a, .site-title a:hover, .site-title a:active
                                                                                                                            {
                                                                                                                                color: white;
                                                                                                                                background: none;
                                                                                                                                outline: none;
                                                                                                                                text-decoration: none;
                                                                                                                            }
                                                                                                                        */

    /*
                                                                                                    ------------------------------------------------
                                                                                                    Survey Styles
                                                                                                    ------------------------------------------------
                                                                                                    */
    .survey
    {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .survey table
    {
        background: whitesmoke;
        font-family: Verdana;
        border-spacing: 0;
        border-collapse: collapse;
    }
    .survey thead th .title
    {
        line-height: 25px;
    }
    .survey thead
    {
        background-color: rgb(198, 198, 198);
    }
    .survey thead th
    {
        font-size: 1.1em;
        padding: 10px 5px 10px 5px;
    }
    .survey tfoot th
    {
        font-size: .8em;
        color: gray;
        padding: 10px 5px 10px 5px;
    }
    .survey table tbody
    {
    }

    .survey .item-price div
    {
        font-size: 16px;
        width: 110px;
        text-align: right;
        margin: 0;
        padding: 0px 15px 1px 0px;
    }

    .survey .item-price input
    {
        width: 95px;
        height: 18px;
        text-align: right;
        margin: 0;
        margin-left: 9px;
        padding: 0px 5px 1px 0px;
        border: 0px; /* background-color: transparent; */
        border-bottom: 1px solid silver;
        font-size: 16px;
        font-family: Verdana;
    }
    .survey .item-status div
    {
        padding-left: 17px;
    }

    .survey .even
    {
        background-color: rgb(222, 222, 222);
    }
    .threashold-warning
    {
    }
    .item-price .threashold-warning
    {
        color: rgb(204, 93, 93);
    }
    #survey-legend
    {
        float: right;
    }
    #survey-legend ul
    {
        list-style-type: none;
        margin: 0px;
    }
    #survey-legend li
    {
        display: inline;
        list-style: none;
        padding: 0 0 0 5px;
    }


    /*
                                                     *---------------------------------------------------
                                                     *  styles for validation helpers
                                                     *---------------------------------------------------
                                                     */
    .ui-state-error-icon
    {
        background-image: url('themes/base/images/SeriousWarning.png');
        background-position: -16px -24px;
        background-repeat: no-repeat;
        display: inline-block;
        width: 16px;
        height: 16px;
        background-image: url('themes/base/images/ui-icons_cd0a0a_256x240.png');
    }


    .field-validation-error
    {
        color: #ff0000;
    }

    .field-validation-valid
    {
        display: none;
    }

    .input-validation-error
    {
        border: 1px solid #ff0000;
        background-color: #ffeeee;
    }

    .validation-summary-errors
    {
        font-weight: bold;
        color: #ff0000;
    }

    .validation-summary-valid
    {
        display: none;
    }

    .no-list
    {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
    }

    .no-list li
    {
        list-style: none;
    }

    .info-block-header
    {
        font-size: 1.1em; /*margin: 10px;*/
        color: #092b4d;
        font-family: verdana;
        font-weight: bold;
        background-color: #fef5e2;
        padding-top: 6px;
        padding-bottom: 6px;
        padding-left: 12px;
        padding-right: 12px;
        margin-top: 2px;
        margin-bottom: 4px;
        min-width: 90px;
    }
    .info-block
    {
    }
    .info-block div
    {
        padding-left: 15px;
    }
    .info-block div p
    {
        padding-left: 15px;
    }
}


.field-validation-valid
{
    display: none;
}

.validation-summary-valid
{
    display: none;
}