/* rh3toric css temoplate 2008.07.27 */
@import url("typography.css");
/* edit typography for basic font and color stuff */

/* 
specifics:
	
*/

body
{
    /*background:#fff url(../images/body-bg.png) repeat-x center 0;*/
    background-color: #ffffff;
}


/* @group header */

#header
{
    width: 1003px;
    height: 69px;
    margin: 0;
    margin-left: auto;
    margin-right: auto;
    background: #fff url(../images/header-bg.png) repeat-x center bottom;
    position: relative;
}

    #header h1
    {
        float: left;
        width: 245px;
        height: 31px;
        margin: 15px 0 0 15px;
        /*background: url(../images/header-h1.png) repeat-x 0 0;*/
        background: url(../images/header-h1.png) repeat-x 0 0;
    }

        #header h1 a
        {
            width: 245px;
            height: 31px;
            display: block;
            text-indent: -9999px;
        }

    #header ul.menu
    {
        float: right;
        margin: 10px 0 0 0;
        list-style-type: none;
    }

        #header ul.menu li
        {
            display: inline;
            margin: 10px 0 0 0;
            list-style-type: none;
            font: bold 10px tahoma, verdana, sans-serif;
            border-left: 1px solid #666;
            padding: 0 5px 0 6px;
        }

            #header ul.menu li a
            {
                color: #666;
            }

            #header ul.menu li.first
            {
                border: none;
            }


    #header ul.tabs
    {
        position: absolute;
        right: 10px;
        bottom: 6px; /* ie fix for 5px */
        list-style-type: none;
    }

        #header ul.tabs li
        {
            float: left;
            height: 36px;
            overflow: hidden;
            background: url(../images/header-tabs-bg.png) no-repeat 0 -36px;
            font-size: 13px;
            font-weight: bold;
            line-height: 38px;
            padding-left: 3px;
            text-transform: uppercase;
            color: #666;
        }

            #header ul.tabs li a
            {
                float: left;
                display: block;
                height: 36px;
                overflow: hidden;
                background: url(../images/header-tabs-bg.png) no-repeat right -36px;
                padding-left: 5px;
                padding-right: 8px;
                width: auto;
                color: #666;
            }

            #header ul.tabs li.active
            {
                background: url(../images/header-tabs-bg.png) no-repeat 0 0;
            }

                #header ul.tabs li.active a
                {
                    color: #ea3023;
                    background: url(../images/header-tabs-bg.png) no-repeat right 0;
                }
/* @end */

/* content side borders done in nested divs in order to deal with background gradient and drop shadow */
#content
{
    width: 1003px;
    margin-left: auto;
    margin-right: auto;
    background: #fff url(../images/wrapper-bg-left.png) repeat-y 0 0;
}

    #content div.wrapper
    {
        padding-bottom: 3px;
        width: 100%;
        background: url(../images/wrapper-bg-right.png) repeat-y right 0;
    }

/* @group overview */

#overview
{
    width: 996px;
    height: 100%; /* height: 95px; */
    overflow: visible;
    padding-bottom: 6px;
    margin: 0;
    margin-left: auto;
    margin-right: auto;
    background: #fff url(../images/overview-bg-footer.png) repeat-x right bottom;
}

    #overview div.wrapper
    {
        width: 983px;
        height: 95px;
        overflow: visible;
        margin: 0;
        margin-left: auto;
        margin-right: auto;
        background: url(../images/overview-bg.png) repeat-x right top;
        position: relative;
        padding-bottom: 0;
    }

        #overview div.wrapper #details
        {
            padding: 15px 10px 0 10px;
            width: 70%;
        }

            #overview div.wrapper #details h1 a
            {
                color: #333;
                text-decoration: underline;
            }


        #overview div.wrapper div.directions
        {
            position: absolute;
            bottom: 8px;
            left: 10px;
            font-size: 11px;
            font-weight: bold;
            color: #333;
        }

div.directions ul
{
    list-style-type: none;
    color: #333;
    font-size: 11px;
}

div.directions p
{
    margin-bottom: 0;
}

div.directions ul li
{
    float: left;
    border-left: 1px solid #666;
    padding: 0 5px 0 6px;
}

    div.directions ul li a
    {
        color: #333;
    }

    div.directions ul li.first
    {
        border: none;
        padding-left: 0;
    }


#overview div.wrapper #summary
{
    position: absolute;
    top: 0;
    right: 10px;
    height: 85px;
    width: 270px;
    padding: 10px 0 0 15px;
    border-left: 2px ridge #f7f7f7;
}

    #overview div.wrapper #summary dl
    {
        border-top: 1px solid #333;
        width: 270px;
        float: left;
        padding-top: 2px;
        line-height: 1.4em;
    }

        #overview div.wrapper #summary dl.left
        {
            width: 155px;
            float: left;
        }

        #overview div.wrapper #summary dl.right
        {
            width: 115px;
            float: right;
        }

    #overview div.wrapper #summary dt
    {
        float: left;
        width: 110px;
        text-align: right;
    }

    #overview div.wrapper #summary dd
    {
        float: left;
        width: 35px;
        padding-left: 5px;
    }

    #overview div.wrapper #summary dl.right dt
    {
        width: 90px;
    }

    #overview div.wrapper #summary dl.right dd
    {
        width: 20px;
    }



#overview div.wrapper ul.tabs
{
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0;
    list-style-type: none;
}

    #overview div.wrapper ul.tabs.type2
    {
        position: absolute;
        bottom: 0;
        left: 10px;
        margin: 0;
        list-style-type: none;
    }

    #overview div.wrapper ul.tabs li
    {
        float: left;
        height: 28px;
        overflow: hidden;
        background: url(../images/tabs-bg.png) no-repeat 0 -28px;
        padding-left: 4px;
        font-size: 13px;
        font-weight: bold;
        line-height: 30px;
    }

        #overview div.wrapper ul.tabs li a
        {
            float: left;
            display: block;
            height: 28px;
            overflow: hidden;
            background: url(../images/tabs-bg.png) no-repeat right -28px;
            padding-left: 6px;
            padding-right: 20px;
            color: #666;
        }

        #overview div.wrapper ul.tabs li.active
        {
            background: url(../images/tabs-bg.png) no-repeat 0 0;
        }

            #overview div.wrapper ul.tabs li.active a
            {
                color: #fff;
                background: url(../images/tabs-bg.png) no-repeat right 0;
            }



/* @end */

/* @group controls */

.indentcontrols
{
    width: 983px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    padding: 6px 0;
    position: relative;
}

#controls
{
    width: 983px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    padding: 6px 0;
    position: relative;
}

    #controls p
    {
        margin-bottom: 0;
    }

div.excel
{
    float: right;
}

    div.excel a
    {
        float: right;
        display: block;
        height: 16px;
        background: url(../images/xls.png) no-repeat right 0;
        padding: 3px 18px 0 0;
        font-weight: bold;
        color: #999999;
    }

#controls div.excel
{
    position: absolute;
    right: 0;
    margin-top: 8px;
    height: 16px;
}





/* @end */

/* @group data area */

#data
{
    width: 983px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}


    #data div.margin
    {
        margin: 0 10px 10px 10px;
        background-image: none;
        display: inline-block;
    }

    #data div.display_norule
    {
        margin: 0 0 10px 5px;
        background-image: none;
    }

    #data ul.tabs
    {
        margin: 0 0 0 10px;
        list-style-type: none;
        width: 500px;
    }

        #data ul.tabs li
        {
            float: left;
            height: 28px;
            overflow: hidden;
            background: url(../images/tabs-bgC.png) no-repeat 0 -28px;
            padding-left: 4px;
            font-size: 13px;
            font-weight: bold;
            line-height: 30px;
        }

            #data ul.tabs li a
            {
                float: left;
                display: block;
                height: 28px;
                overflow: hidden;
                background: url(../images/tabs-bgC.png) no-repeat right -28px;
                padding-left: 6px;
                padding-right: 20px;
                color: #666;
            }

            #data ul.tabs li.active
            {
                background: url(../images/tabs-bgC.png) no-repeat 0 0;
            }

                #data ul.tabs li.active a
                {
                    color: #fff;
                    background: url(../images/tabs-bgC.png) no-repeat right 0;
                }




    #data div.i div.iw h1
    {
        background-image: none;
    }

    #data div.large
    {
        width: 990px;
    }

    #data div.medium
    {
        width: 677px;
    }

    #data div.small
    {
        width: 290px;
    }

    #data div.mediumreport
    {
        width: 677px;
    }

    #data div.lefty
    {
        margin-right: 10px;
    }

div.iw
{
    padding: 10px;
    display: inline-block;
}

#data div.display
{
    background: url(../images/table-bg.png) repeat-y 0 0;
    padding: 0;
    text-align: left;
}

#data.clean div.display
{
    background-image: none;
}

#data div.display div.i
{
    background: url(../images/table-head.png) no-repeat 0 top;
}

    #data div.display div.i div.iw
    {
        background: url(../images/table-foot.png) no-repeat 0 bottom;
        width: 963px;
    }



#data div.display.medium
{
    background: url(../images/table-bg-md.png) repeat-y 0 0;
    text-align: left;
}

    #data div.display.medium div.i
    {
        background: url(../images/table-head-md.png) no-repeat 0 top;
    }

        #data div.display.medium div.i div.iw
        {
            background: url(../images/table-foot-md.png) no-repeat 0 bottom;
            width: 657px;
        }

#data div.display.small
{
    background: url(../images/table-bg-sm.png) repeat-y 0 0;
    text-align: left;
}

    #data div.display.small div.i
    {
        background: url(../images/table-head-sm.png) no-repeat 0 top;
    }

        #data div.display.small div.i div.iw
        {
            background: url(../images/table-foot-sm.png) no-repeat 0 bottom;
            width: 270px;
        }

#data div.display.mediumreport
{
    background: url(../images/table-bg-md.png) repeat-y 0 0;
    text-align: left;
}

    #data div.display.mediumreport div.i
    {
        background: url(../images/table-head-md.png) no-repeat 0 top;
    }

        #data div.display.mediumreport div.i div.iw
        {
            background: url(../images/table-foot-md.png) no-repeat 0 bottom;
            width: 657px;
        }

#data div.display.height div.iw
{
    min-height: 300px;
}

#data div.norule
{
    background-image: none;
}





#data h1, #data h2, #data h5
{
    margin: 10px 0 5px 0;
}

div.small div.display
{
    margin-bottom: 15px;
}

div.mediumreport div.display
{
    margin-bottom: 15px;
}



#data div.tabled_display, #data div.tabled_subject
{
    padding: 0;
    text-align: left;
}

    #data div.tabled_display div.i
    {
        background: url(../images/table-table-head.png) no-repeat 0 10px;
        padding: 0;
    }

    #data div.tabled_subject div.i
    {
        background: url(../images/table-head-subject.png) no-repeat 0 top;
        padding: 0;
    }

        #data div.tabled_display div.i div.iw, #data div.tabled_subject div.i div.iw
        {
            background: url(../images/table-foot.png) no-repeat 0 bottom;
            padding: 0 2px 3px 1px;
            width: 983px;
        }



table th
{
    font-weight: bold;
    color: #333;
}

#data div.query_plan
{
    background-color: #FFFCD9;
    overflow: auto;
    border: 1px solid #CDCAB6;
}

    #data div.query_plan p
    {
        text-align: left;
        height: auto;
        text-align: left;
        color: #000;
        padding: 0 4px 6px 4px;
        font-weight: bold;
    }


#data div.table_subject
{
    background: url(../images/table-bg.png) repeat-y 0 0;
    padding: 0;
    text-align: left;
    height: auto;
}

    #data div.table_subject th
    {
        height: 30px;
        text-align: left;
        line-height: 30px;
        color: #000;
        padding: 0 4px 6px 4px;
        white-space: nowrap;
    }

    #data div.table_subject div.i
    {
        background: url(../images/table-head-subject.png) no-repeat 0 top;
        padding: 0;
    }

        #data div.table_subject div.i div.iw
        {
            background: url(../images/table-foot.png) no-repeat 0 bottom;
            padding: 0 2px 3px 1px;
            width: 983px;
            overflow: auto;
        }










tr
{
    cursor: pointer;
}

.x-grid3-td-0
{
    display: none;
}

.dataTables_filter
{
}

.dataTables_length
{
}


.dataTables_info
{
    height: 20px;
    color: #333;
    font-size: 11px;
    padding: 10px 5px 0 0;
    float: left;
}

.dataTables_paginate
{
    height: 20px;
    padding: 10px 0 0 0;
    float: left;
    color: #333;
    font-size: 11px;
}

.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next
{
    border-left: 1px solid #333;
    cursor: pointer;
    color: #333;
    padding: 0 5px;
    float: left;
}


.paginate_disabled_previous, .paginate_disabled_next
{
    display: none;
}



/* @end */

#data_footer
{
    width: 983px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    padding: 12px 0 9px 0;
}

    #data_footer button
    {
        margin-top: 0;
    }



/* @group footer */
#footer
{
    width: 1003px;
    margin: 0;
    margin-left: auto;
    margin-right: auto;
    background: #fff url(../images/footer-bg.png) repeat-x center 0;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
}

    #footer ul.menu
    {
        list-style-type: none;
        margin-bottom: 10px;
    }

        #footer ul.menu li
        {
            display: inline;
            font-size: 10px;
            font-weight: bold;
            border-left: 1px solid #666;
            padding: 0 5px 0 6px;
        }

            #footer ul.menu li a
            {
                color: #666;
            }

            #footer ul.menu li.first
            {
                border: none;
            }

    #footer p
    {
        font-size: 10px;
        margin-bottom: 0;
        line-height: 14px;
    }


/* @end */

/* @group forms */

form
{
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
    font-size: 1em;
}


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

legend
{
}

input
{
    font-size: 1em;
}

label
{
    display: block;
    clear: both;
    line-height: 20px;
    font-size: 1.1em;
    color: #333;
}

select
{
    font-size: 1em;
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
    margin: 0;
    border: 1px solid #d0d0d0;
    background: #fff;
    padding: 2px;
}

textarea
{
    font-size: 1em;
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
    margin: 0;
}

input.text
{
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
    margin: 0;
    border: 1px solid #d0d0d0;
    background: #fff;
    padding: 2px;
    height: 16px;
}

input.browse
{
    border: 1px solid #d0d0d0;
    padding: 1px 0 1px 0;
    background: #fff;
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
}

input.click
{
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
    margin: 0;
    border: 1px solid #d3d3d3;
    background: #e9e9e9;
    padding: 0 6px 0 6px;
    height: 22px;
    font-weight: bold;
    margin: 0 0 0 10px;
}


form.login label
{
    width: 75px;
    float: left;
    padding-right: 5px;
    text-align: right;
    margin-top: 10px;
}

form.login fieldset
{
    width: 100%;
}

/* @group upload_start */

form.upload_start div.form
{
    width: 360px; /* 285 */
    float: left;
}

form.upload_start label
{
    width: 285px;
    text-align: right;
    margin-bottom: 10px;
    position: relative;
}

form.upload_start input.text
{
    width: 200px;
}

form.upload_start input.checkbox
{
    float: right;
}

form.upload_start fieldset p
{
    float: right;
    width: 190px;
    text-align: left;
    font-size: 10px;
}

form.upload_start label.checkbox img
{
    margin-right: 12px;
}

form.upload_start a.browse
{
    position: absolute;
    left: 290px;
    text-decoration: underline;
}

form.upload_start button
{
    margin-left: 80px;
}

form.upload_start #data div.small
{
    width: 320px;
    margin-left: 20px;
}

    form.upload_start #data div.small p
    {
        font-size: 10px;
    }

form.upload_start #data div.mediumreport
{
    width: 707px;
    margin-left: 20px;
}

    form.upload_start #data div.mediumreport p
    {
        font-size: 10px;
    }

/* @end */



/* @group upload_start */

form.single_start div.form
{
    width: 360px; /* 285 */
    float: left;
}

form.single_start label
{
    width: 360px;
    text-align: right;
    margin-bottom: 10px;
    position: relative;
}

form.single_start input.text
{
    width: 200px;
}

form.single_start select
{
    width: 206px;
}

form.single_start label.checkbox input.checkbox
{
    float: right;
}

form.single_start label.checkbox p
{
    float: right;
    width: 190px;
    text-align: left;
    font-size: 10px;
}

form.single_start label.checkbox img
{
    margin-right: 12px;
}

form.single_start a.browse
{
    float: right;
    position: absolute;
    left: 290px;
    text-decoration: underline;
}

form.single_start button
{
    float: right;
}

form.single_start #data div.small
{
    width: 320px;
    margin-left: 20px;
}

    form.single_start #data div.small p
    {
        font-size: 10px;
    }

form.single_start #data div.mediumreport
{
    width: 707px;
    margin-left: 20px;
}

    form.single_start #data div.mediumreport p
    {
        font-size: 10px;
    }

/* @end */

div.small form
{
}

    div.small form label
    {
        width: 270px;
        text-align: right;
        margin-bottom: 10px;
        position: relative;
        white-space: nowrap;
    }

    div.small form input.text
    {
        width: 180px;
    }

    div.small form.search input.text
    {
        width: 100px;
    }

    div.small form select
    {
        width: 80px;
    }

    div.small form label.checkbox input.checkbox
    {
        float: right;
    }

    div.small form label.checkbox p
    {
        float: right;
        width: 100px;
        text-align: left;
        font-size: 10px;
    }

    div.small form label.checkbox img
    {
        margin-right: 12px;
    }

    div.small form button
    {
        float: right;
    }

    div.small form p
    {
        font-size: 10px;
    }

div.mediumreport form
{
        margin-top: 10px;
}

    div.mediumreport form label
    {
        width: 657px;
        text-align: right;
        margin-bottom: 10px;
        position: relative;
        white-space: nowrap;
    }

    div.mediumreport form input.text
    {
        width: 300px;
        margin-right: 130px;
        margin-left: 10px;
    }

    div.mediumreport form.search input.text
    {
        width: 100px;
    }

    div.mediumreport form select
    {
        width: 305px;
        margin-right: 130px;
        margin-left: 10px;
    }

    div.mediumreport form label.checkbox input.checkbox
    {
        float: right;
    }

    div.mediumreport form label.checkbox p
    {
        float: right;
        width: 100px;
        text-align: left;
        font-size: 10px;
    }

    div.mediumreport form label.checkbox img
    {
        margin-right: 12px;
    }

    div.mediumreport form button
    {
        float: right;
    }

    div.mediumreport form p
    {
        font-size: 10px;
    }



form.upload_yes div.form
{
    width: 320px;
}

form div.form fieldset.submission
{
    padding-top: 20px;
    clear: left;
}

fieldset.submission div.cancel
{
    margin: 25px 0 0 0;
}
/* looks like dup is not */
form div.form fieldset.submission div.cancel
{
    margin: 10px 0 0 0;
}

form div.form fieldset.submission button
{
    margin: 0 0 0 10px;
}

form.mapping div.form ol, form.mapping div.form fieldset
{
    width: 405px;
    list-style-type: none;
}
    /* so i try to use a real list and IE screws me over and makes me have to fake it anyway?  */
    form.mapping div.form ol li
    {
        /*height: 20px;*/
        padding-bottom: 5px;
    }

        form.mapping div.form ol li div
        {
            font-weight: bold;
        }

        form.mapping div.form ol li label
        {
            float: left;
        }

        form.mapping div.form ol li select, form.mapping div.form ol li div.right
        {
            float: right;
            width: 200px;
            height: 20px;
        }

form.select div.form, form.select div.form label, form.options div.form
{
    width: 500px;
}

    form.select div.form label input.radio, form.options div.form label input.checkbox
    {
        float: left;
    }

    form.select div.form label p
    {
        width: 475px;
        float: right;
    }

    form.options div.form label div.left
    {
        margin-top: 15px;
    }


div.note
{
    background-color: #f9f9f9;
    border: 1px solid #e9e8e8;
    padding: 5px 5px 0 5px;
    margin: 10px 0 15px 0;
}


/* @end */

/* @group buttons */
.buttons a, button span, .button a
{
    display: block;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 32px;
    color: #333;
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
    height: 32px;
}

.buttons a, .button a
{
    line-height: 32px;
}

button
{
    clear: both;
    text-align: center;
    margin-top: 15px;
}

    button.large, div.button.large
    {
        width: 180px;
        background: url(../images/button-w-180.png) no-repeat 0 0;
        text-align: center;
    }

    button.small, div.button.small
    {
        width: 116px;
        background: url(../images/button-w-116.png) no-repeat 0 0;
        text-align: center;
    }

div.button.sm_small
{
    width: 92px;
    background: url(../images/button-w-92.png) no-repeat 0 0;
    text-align: center;
}

button.disabledlarge, div.button.disabledlarge
{
    width: 180px;
    background: url(../images/button-disabled-w-180.png) no-repeat 0 0;
    text-align: center;
}

button.disabledsmall, div.button.disabledsmall
{
    width: 116px;
    background: url(../images/button-disabled-w-116.png) no-repeat 0 0;
    text-align: center;
}

div.button.disabledsm_small
{
    width: 92px;
    background: url(../images/button-disabled-w-92.png) no-repeat 0 0;
    text-align: center;
}

ul.buttons
{
    list-style-type: none;
}

    ul.buttons li
    {
        float: left;
        width: 116px;
        height: 32px;
        background: url(../images/button-w-116.png) no-repeat 0 0;
        margin-right: 6px;
        overflow: hidden;
    }

        ul.buttons li.disabled
        {
            float: left;
            width: 116px;
            height: 32px;
            background: url(../images/button-disabled-w-116.png) no-repeat 0 0;
            margin-right: 6px;
            overflow: hidden;
        }

ul.none li
{
    float: left;
    width: 116px;
    height: 32px;
    margin-right: 6px;
    overflow: hidden;
}

ul.buttons li a
{
    float: left;
    display: block;
    width: 116px;
    padding-left: 30px;
}

ul.buttons li.ruleout a
{
    background: url(../images/button-icons.png) no-repeat 0 -32px;
}

ul.buttons li.verify a
{
    background: url(../images/button-icons.png) no-repeat 0 -64px;
}

ul.buttons li.research a
{
    background: url(../images/button-icons.png) no-repeat 0 -96px;
}



ul.buttons li.ruleoutdisabled a
{
    background: url(../images/button-icons-light.png) no-repeat 0 -32px;
    color: #CCCCCC;
}

ul.buttons li.verifydisabled a
{
    background: url(../images/button-icons-light.png) no-repeat 0 -64px;
    color: #CCCCCC;
}

ul.buttons li.researchdisabled a
{
    background: url(../images/button-icons-light.png) no-repeat 0 -96px;
    color: #CCCCCC;
}

ul.buttons li.nonedisabled a
{
    background: url(../images/button-icons-light.png) no-repeat 0 0px;
    color: #CCCCCC;
}

ul.buttons li.returndisabled a
{
    background: url(../images/button-icons-light.png) no-repeat 0 -160px;
    color: #CCCCCC;
}

ul.buttons li.print
{
    float: right;
    padding-right: 110px;
    width: 200px;
    height: 32px;
    background: url(../images/button-w-200.png) no-repeat 0 0;
    margin-right: 6px;
    overflow: hidden;
}

    ul.buttons li.print a
    {
        background: url(../images/printer.png) no-repeat 0;
        background-position: 4px 4px;
        padding-left: 35px;
        width: 165px;
    }

ul.buttons li.none a
{
    background: url(../images/button-icons.png) no-repeat 0 0px;
}

ul.buttons li.return a
{
    background: url(../images/button-icons.png) no-repeat 0 -160px;
}


button.generate span
{
    background: url(../images/button-icons.png) no-repeat 0 0;
    padding-left: 30px;
    text-align: left;
}


.buttonnext span, .buttoncontinue span, button.continue span, button.next span, .button a
{
    background: url(../images/button-icons.png) no-repeat 0 -130px;
    padding-left: 30px;
    text-align: left;
    cursor: pointer;
}

.buttonnextdisabled span
{
    background: url(../images/button-icons-light.png) no-repeat 0 -32px;
    padding-left: 30px;
    text-align: left;
    cursor: pointer;
    color: #CCCCCC;
}

.buttonpreviousdisabled span
{
    background: url(../images/button-icons-light.png) no-repeat 0 -32px;
    padding-left: 30px;
    text-align: left;
    cursor: pointer;
    color: #CCCCCC;
}

.buttonprevious span, button.previous span
{
    background: url(../images/button-icons.png) no-repeat 0 -162px;
    padding-left: 30px;
    text-align: left;
    cursor: pointer;
}

/* @end */

#details ol.steps
{
    list-style-type: none;
    width: 610px;
    position: absolute;
    top: 10px;
    left: 200px;
    margin: 0;
    padding: 0;
}

    #details ol.steps li
    {
        float: left;
        width: 120px;
        margin: 0;
        padding: 0;
        text-align: center;
        background: url(../images/steps-li-bg.png) no-repeat center 0;
        font-size: 11px;
        font-weight: bold;
        color: #333;
        height: 70px;
    }

        #details ol.steps li.active
        {
            background: url(../images/steps-li-bg.png) no-repeat center -100px;
        }

        #details ol.steps li#one
        {
            background: url(../images/steps-li-bg.png) no-repeat 34px 0;
        }

        #details ol.steps li#five
        {
            background: url(../images/steps-li-bg.png) no-repeat -186px 0;
        }

        #details ol.steps li#one.active
        {
            background: url(../images/steps-li-bg.png) no-repeat 34px -100px;
        }

        #details ol.steps li#five.active
        {
            background: url(../images/steps-li-bg.png) no-repeat -186px -100px;
        }

        #details ol.steps li strong
        {
            display: block;
            width: 120px;
            padding-top: 14px;
            padding-bottom: 22px;
            text-align: center;
            font-size: 18px;
            font-weight: bold;
            color: #666;
        }

        #details ol.steps li.active strong
        {
            color: #ea3021;
        }

#data div.norule
{
    background-image: none;
}

/* @group details steps */

#details ol.steps
{
    list-style-type: none;
    width: 610px;
    position: absolute;
    top: 10px;
    left: 200px;
    margin: 0;
    padding: 0;
}

    #details ol.steps li
    {
        float: left;
        width: 120px;
        margin: 0;
        padding: 0;
        text-align: center;
        background: url(../images/steps-li-bg.png) no-repeat center 0;
        font-size: 11px;
        font-weight: bold;
        color: #333;
        height: 70px;
        padding-bottom: 2px;
    }

        #details ol.steps li.active
        {
            background: url(../images/steps-li-bg.png) no-repeat center -100px;
        }

        #details ol.steps li.first
        {
            background: url(../images/steps-li-bg.png) no-repeat 34px 0;
        }

        #details ol.steps li.last
        {
            background: url(../images/steps-li-bg.png) no-repeat -186px 0;
        }

        #details ol.steps li#one.active
        {
            background: url(../images/steps-li-bg.png) no-repeat 34px -100px;
        }

    #details ol.steps.three li#three.active
    {
        background: url(../images/steps-li-bg.png) no-repeat -186px -100px;
    }

    #details ol.steps.four li#four.active
    {
        background: url(../images/steps-li-bg.png) no-repeat -186px -100px;
    }

    #details ol.steps.five li#five.active
    {
        background: url(../images/steps-li-bg.png) no-repeat -186px -100px;
    }

    #details ol.steps li strong
    {
        display: block;
        width: 120px;
        padding-top: 14px;
        padding-bottom: 22px;
        text-align: center;
        font-size: 18px;
        font-weight: bold;
        color: #666;
    }

    #details ol.steps li.active strong
    {
        color: #ea3021;
    }

/* @end */

div.list_name a
{
    color: #666;
    font-weight: bold;
}

    div.list_name a:visited
    {
        color: #777;
    }

td a
{
    color: #666;
}

    td a:hover
    {
        text-decoration: underline;
    }

form fieldset.submission div.cancel.left a, a.browse
{
    text-decoration: underline;
    color: #333;
}

h5.right a
{
    color: #333;
}

#selectall, #selectnon
{
    cursor: pointer;
}

#data div.iw dl
{
    clear: both;
    font-size: 1.2em;
    line-height: 1.3em;
}

    #data div.iw dl dt
    {
        float: left;
        width: 160px;
        text-align: right;
        padding: 0 10px 10px 0;
    }

table.print td
{
    padding: 4px;
    color: Black;
    font-size: 11px;
}

.affidavitCellHeader
{
    vertical-align: top;
    width: 200pt;
    border-left: #000000 1pt solid;
    border-right: #000000 1pt solid;
    border-top: #000000 1pt solid;
    border-bottom: #000000 1pt solid;
    border-style: solid;
    border-color: #000000;
    padding: 0pt 5.4pt 0pt 5.4pt;
    text-align: center;
    color: Black;
    font: Arial;
    font-size: 12pt;
    font-weight: bold;
}

.affidavitCell
{
    vertical-align: top;
    width: 450pt;
    border-style: solid;
    border-color: #000000;
    border-left: #000000 1pt solid;
    border-right: #000000 1pt solid;
    border-top: #000000 1pt solid;
    border-bottom: #000000 1pt solid;
    padding: 0pt 5.4pt 0pt 5.4pt;
    text-align: justify;
    color: Black;
    font: Arial;
    font-size: 10pt;
}

.printCell1
{
    border: 1px solid #ccc;
    font-weight: bold;
    width: 15%;
}

.printCell2
{
    border: 1px solid #ccc;
    width: 30%;
}

.printCell2a
{
    border: 1px solid #ccc;
}

div.packages fieldset
{
    width: 645px;
    border-top: 1px solid #ccc;
}

    div.packages fieldset.submission
    {
        border-top: none;
    }


    div.packages fieldset div.package,
    div.packages fieldset div.package_alt
    {
        border-bottom: 1px solid #ccc;
        margin: 0;
        padding: 10px;
        width: 625px;
    }

    div.packages fieldset div.package_alt
    {
        background: #ebebeb;
    }

#data div.packages h2
{
    margin: 0 0 0 10px;
    padding: 0;
    float: left;
    clear: none;
    margin-top: 0;
}

#data h2s
{
    margin-top: 0;
}

div.packages fieldset ul, div.packages fieldset ul li
{
    list-style-type: none;
    margin-left: 18px;
    font-size: 10px;
    line-height: 14px;
}

div.packages fieldset div.showDetails,
div.packages fieldset div.hideDetails
{
    clear: both;
    text-decoration: underline;
    background: url(../images/plus-minus.png) no-repeat 0 4px;
    margin: 4px 0 0 0px;
    padding: 0 0 0 15px;
    height: 15px;
    font-size: 11px;
    font-weight: bold;
    line-height: 15px;
}

div.packages fieldset div.hideDetails
{
    background: url(../images/plus-minus.png) no-repeat 0 -23px;
}

ul.details, div.hideDetails
{
    display: none;
}

div.packages fieldset div.showNoiseWords,
div.packages fieldset div.hideNoiseWords
{
    clear: both;
    text-decoration: underline;
    background: url(../images/plus-minus.png) no-repeat 0 4px;
    margin: 4px 0 0 0px;
    padding: 0 0 0 15px;
    height: 15px;
    font-size: 11px;
    font-weight: bold;
    line-height: 15px;
}

div.packages fieldset div.hideNoiseWords
{
    background: url(../images/plus-minus.png) no-repeat 0 -23px;
}

ul.NoiseWords, div.hideNoiseWords
{
    display: none;
}

a.help
{
    color: Red;
    font-weight: bold;
}

.helpItem .x-tree-node-icon
{
    background: transparent url(../images/help.gif) no-repeat scroll 0%;
    height: 16px;
    width: 16px;
}

.helpItem .x-tree-elbow
{
    background: transparent url(../images/empty.gif) no-repeat scroll 0%;
    height: 16px;
    width: 1px;
}

.helpItem .x-tree-elbow-end
{
    background: transparent url(../images/empty.gif) no-repeat scroll 0%;
    height: 16px;
    width: 1px;
}

.exclusionpopup
{
    background-color: gray;
}

.customPackages
{
}

    .customPackages td
    {
        font-weight: bold;
        padding-bottom: 4px;
        margin: 2px;
        color: #333;
    }

.customPackages
{
    border: solid 1px #ccc;
    width: 920px;
    border: solid 1px gray;
    padding: 2px;
    margin: 2px;
    color: #333;
}

    .customPackages th
    {
        font-weight: bold;
        background-color: #ccc;
        padding: 2px;
        margin: 2px;
        border-bottom: solid 1px gray;
        color: #333;
    }

.customPackagesTD
{
    font-weight: bold;
    padding-bottom: 4px;
    margin: 2px;
    color: #333;
}

.customPackages div.showDetails,
.customPackages div.hideDetails
{
    clear: both;
    text-decoration: underline;
    background: url(../images/plus-minus.png) no-repeat 0 4px;
    font-weight: normal;
    padding: 0 0 0 15px;
    height: 15px;
    font-size: 11px;
    font-weight: bold;
    line-height: 15px;
    width: 885px;
    color: Gray;
}

.customPackages div.hideDetails
{
    background: url(../images/plus-minus.png) no-repeat 0 -23px;
}

.customPackages ul.details
{
    font-weight: normal;
    margin-left: 15px;
}


.customPackages div.showNoiseWords,
.customPackages div.hideNoiseWords
{
    clear: both;
    text-decoration: underline;
    background: url(../images/plus-minus.png) no-repeat 0 4px;
    font-weight: normal;
    padding: 0 0 0 15px;
    height: 15px;
    font-size: 11px;
    font-weight: bold;
    line-height: 15px;
    width: 885px;
    color: Gray;
}

.customPackages div.hideNoiseWords
{
    background: url(../images/plus-minus.png) no-repeat 0 -23px;
}

.customPackages ul.NoiseWords
{
    font-weight: normal;
    margin-left: 15px;
    width: 400px;
}

.packageinfo
{
    vertical-align: middle;
    padding-left: 10px;
    padding-bottom: 2px;
    width: 400px;
}

a.packagelink
{
    color: #5391D8;
    font-size: 14px;
    font-weight: normal;
    text-decoration: underline;
}

.packageImageHigh span
{
    background: url(../images/packageicon-hi.gif);
    height: 50px;
    width: 50px;
    text-align: left;
}



div.showDescription,
div.hideDescription
{
    clear: both;
    background: url(../images/plus-minus.png) no-repeat 0 4px;
    font-weight: normal;
    padding: 0 0 0 15px;
    height: 15px;
    font-size: 11px;
    line-height: 15px;
    width: 885px;
    color: Black;
}

div.hideDescription
{
    background: url(../images/plus-minus.png) no-repeat 0 -23px;
}

div.description
{
    display: none;
    margin: 4px 0 0 20px;
    font-size: 11px;
    line-height: 15px;
    font-weight: normal;
    color: Black;
}

.stringheader
{
    padding-bottom: 10px;
    padding-left: 5px;
    font-size: 15px;
    font-weight: 400;
    width: 100%;
}

    .stringheader a
    {
        color: #5391D8;
        font-size: 11px;
        font-weight: normal;
        text-decoration: underline;
    }

.stringfooter
{
    padding-bottom: 10px;
    padding-left: 5px;
    font-size: 15px;
    font-weight: 400;
    width: 100%;
}

    .stringfooter a
    {
        color: #5391D8;
        font-size: 11px;
        font-weight: normal;
        text-decoration: underline;
    }

.strings
{
    border-bottom: solid 4px gray;
    margin-left: 4px;
    margin-bottom: 10px;
    width: 100%;
    height: auto;
}

.string
{
    background-color: #E7E7E6;
    border-top: solid 4px gray;
    width: 100%;
    padding-left: 10px;
    padding-bottom: 5px;
}

.criteriatable
{
    width: 350px;
}

.criteriaoptions
{
    display: none;
}

div.showCriteria
{
    clear: both;
    background: url(../images/plus-minus.png) no-repeat 0 4px;
    padding: 0 0 0 15px;
    height: 15px;
    font-size: 11px;
    line-height: 15px;
    border: 1px solid #e9e8e8;
    background-color: #ECEDEF;
    border-top: solid 1px #f2f2f2;
    border-bottom: solid 1px #D0D0D0;
}

div.hideCriteria
{
    clear: both;
    background: url(../images/plus-minus.png) no-repeat 0 -23px;
    padding: 0 0 0 15px;
    height: 15px;
    font-size: 11px;
    line-height: 15px;
    background-color: #ECEDEF;
    border-top: solid 1px #f2f2f2;
    border-bottom: solid 1px #D0D0D0;
}

div.criteria
{
    display: none;
    font-size: 11px;
    line-height: 15px;
    background-color: White;
    width: 100%;
    color: #333;
}

    div.criteria p
    {
        width: 100%;
        background-color: gray;
        color: white;
        vertical-align: middle;
    }

div.criteriafields table
{
    width: 325px;
}

    div.criteriafields table tr td
    {
        padding: 1px;
    }


div.criteriafields
{
    padding-left: 10px;
}

.openstring
{
    display: none;
}

.closedstring
{
    display: block;
}

.customcriteria td
{
    padding: 7px;
    margin: 2px;
    color: #333;
    background-color: #fff;
    font-size: 11px;
}

.customcriteria_alt td
{
    padding: 7px;
    margin: 2px;
    color: #333;
    background-color: #fff;
    font-size: small;
}

.customcriteria
{
    border: solid 1px black;
    width: 98%;
    padding: 3px;
    margin: 3px;
    color: #333;
    font-size: 11px;
    width: 570px;
}

    .customcriteria th
    {
        /*background-color:#ccc;*/
        padding: 3px;
        margin: 3px;
        border-bottom: solid 1px gray;
        color: #333;
        background: #f9f9f9 url(../grid/grid3-hrow.gif) repeat-x 0 bottom;
    }

    .customcriteria a
    {
        color: #5391D8;
        font-size: 11px;
        font-weight: normal;
        text-decoration: underline;
    }

button.addcriteria, div.button.addcriteria
{
    width: 116px;
    background: url(../images/button-addcriteria.png) no-repeat 0 0;
    text-align: center;
    font-size: 13px;
    line-height: 24px;
    height: 24px;
    cursor: hand;
    margin-bottom: 10px;
}


.savecontinue
{
    width: 278px;
    height: 34px;
    background: url(../images/but-captureproceed.gif) no-repeat 0 0;
    cursor: hand;
    margin-right: 5px;
}

.historyheader
{
    display: block;
    width: 200px;
    height: 10px;
}

.newpackage
{
    background-color: #FFFFCC;
    padding: 5px;
    border: solid 2px #FFC000;
    width: 98%;
    margin-top: 0px;
    line-height: 20px;
}


.newpackagelink
{
    width: 14px;
    height: 20px;
    background: url(../images/newstringclose.gif) no-repeat 0 0;
    cursor: hand;
    margin-right: 1px;
    display: inline;
    margin-top: 0px;
    vertical-align: middle;
}

.hidden
{
    display: none;
}

.emptyCriteriaAdd
{
    color: #5391D8;
    font-size: 11px;
    font-weight: normal;
    text-decoration: underline;
}

.stringNum
{
    width: 40px;
}

.errormsg
{
    color: Red;
    padding-top: 2px;
    padding-bottom: 12px;
    padding-left: 10px;
    font-weight: bold;
    font-size: 11px;
}


.namevariations td
{
    font-weight: bold;
    padding: 5px;
    margin: 2px;
    color: #333;
}

.namevariations
{
    border: solid 1px #ccc;
    width: 400px;
    border: solid 1px gray;
    padding: 2px;
    margin: 2px;
    color: #333;
}

    .namevariations th
    {
        font-weight: bold;
        background-color: #ccc;
        padding: 2px;
        margin: 2px;
        border-bottom: solid 1px gray;
        color: #333;
    }

.namevariationTD0
{
    background-color: White;
}

.namevariationTD1
{
    background-color: #c3c3c3;
}

.namevariations
{
    padding-bottom: 20px;
}



/* @group packageoption */

#packageoption
{
    width: 645px;
    height: 28px;
    overflow: visible;
    padding-bottom: 6px;
    margin: 0;
    margin-left: none;
    margin-right: none;
    background: #fff url(../images/overview-bg-footer.png) repeat-x bottom;
}

    #packageoption div.wrapper
    {
        width: 400px;
        height: 28px;
        overflow: visible;
        margin: 0;
        margin-left: none;
        margin-right: auto;
        position: relative;
        padding-bottom: 0;
        background: none;
    }

        #packageoption div.wrapper ul.tabs
        {
            bottom: 0;
            right: 0;
            margin: 0;
            list-style-type: none;
        }

            #packageoption div.wrapper ul.tabs.type2
            {
                bottom: 0;
                margin: 0;
                list-style-type: none;
            }

            #packageoption div.wrapper ul.tabs li
            {
                float: left;
                width: 138px;
                height: 28px;
                text-align: center;
                overflow: hidden;
                background: url(../images/tabs-bg.png) no-repeat 0 -28px;
                padding-right: 20px;
                font-size: 13px;
                font-weight: bold;
                line-height: 30px;
            }

                #packageoption div.wrapper ul.tabs li a
                {
                    float: left;
                    display: block;
                    height: 28px;
                    width: 133px;
                    overflow: hidden;
                    padding-left: 6px;
                    padding-right: 20px;
                    color: #666;
                }

                #packageoption div.wrapper ul.tabs li.active
                {
                    background: url(../images/tabs-bg.png) no-repeat 0 0;
                }

                    #packageoption div.wrapper ul.tabs li.active a
                    {
                        color: #fff;
                    }

/* @end */

.packagedivider
{
    background: #fff url(../images/overview-bg-footer.png) repeat-x top;
}

.tblbackgrndcoloralt
{
    background-color: #e2e4e6;
}

.tblbackgrndcolor
{
    background-color: white;
}

/*ar@4/7/13:hope this work*/
BUTTON SPAN
{
    text-transform: none;
    font-style: normal;
}

.x-column-header-text A
{
   font-weight: bold;
   text-transform:uppercase;
   color:#666666;
}

.x-column-header-text
{
   font-weight: bold;
   text-transform:uppercase;
   color:#666666;
}

/*subject Header (start)*/
.subjectHeader
{
    overflow:hidden;
    line-height:1.8;
    padding: 5px 10px;
}
.subjectHeader .colfixed1
{
    width:220px;
    float:left;
}
.subjectHeader .colfixed2
{
    width:290px;
    float:left;
}
.subjectHeader .colfixed2 A
{
    color:#666666;
}
.subjectHeader .colcust1
{
    width:240px;
    float:left;
}
.subjectHeader .colcust2
{
   overflow:hidden;
}
.subjectHeader .colcust2 div
{
   float:left;
}
.colfixed2 img
{
   vertical-align:middle;
}
.colfixed2 .divaddress
{
    overflow:hidden;
}
.subjectHeader .colfixed2 .divaddress DIV:first-child
{ 
    float:left; 
}
.subjectHeader .colfixed2 .divaddress DIV
{ 
    overflow:hidden;
}
#subjectHeader .field
{
    font-weight:bold;
    text-transform:uppercase;
}

.showme input
{
    vertical-align:middle;
}

.showme label{
    display:inline;
    vertical-align:middle;
    font-size:100%;
    }

.data
{
    width: 983px;
    margin-left:auto;
    overflow:hidden;
    margin-right:auto;
}

/*  +++ frmLikeTable +++ */

.frmLikeTable label
{
    display:inline-block;
    vertical-align:top;
    font-size:100%;
    width:15%;/*width: 100px;*/
}
.frmLikeTable input
{
    height:100%;
    width:80%;/*width:300px;*/
}
.frmLikeTable select
{  
    width:81%;/*width:306px;*/
}
.frmLikeTable div
{
    width:550px;
}

.ulerror
{
    color:red;
    vertical-align:top;
}

 /*.colfixed1 span:after ,.colfixed2 span>a:after, .colfixed2 .divaddress span:after 
{
    content: ":\00a0";
}
    */
/*subject Header (end)*/


/* Privacy Policy */
/*higher margin values to counter global margin:0, padding:0 settings*/
#privacy_policy div
{
	margin-left:2em;
	margin-bottom:0.75em;
    margin-right:1.5em;
}
#privacy_policy div div
{
	margin-left:2.5em;
}	
#privacy_policy h1
{
	font-size: 11pt;
	font-family: Arial;
	font-weight: bold;
	margin-bottom:0.25em;
}
#privacy_policy p, #privacy_policy div ol, #privacy_policy div ol, #privacy_policy div ul
{
	margin-top:0.5em;
	font-size: 11pt;
	font-family: Arial;
}
#privacy_policy div ol, #privacy_policy div ul
{
	margin-left:2em;
    padding:1em;
}
#privacy_policy div ol, #privacy_policy div ol li
{
    list-style-type: decimal;
}
#privacy_policy div ul, #privacy_policy div ul li
{
    list-style-type: disc;
}
#privacy_policy div ol li, #privacy_policy div ul li
{
    padding:0.1em;
    line-height: 1.5em;
}	
#privacy_policy #title
{
	margin: 0 auto;
	text-align: center;
}
#privacy_policy #public_title
{
	font-family: Arial;
	font-size: 13pt;
	margin-left: 1em;
	text-align: left;
}