html
{
    background-color: White;
    margin: 0;
    padding: 0;
}

body
{
    background-color: White;
    color: #333;
    font-size: .85em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    min-width: 1024px;
}

header
{
    background-color: White;
    color: #333;
    font-size: .85em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
}

.removeColumn
{
    float: left;
}

.removeFilterLink
{
    cursor: pointer;
}

header, footer, hgroup,
nav, section
{
    display: block;
}



mark
{
    background-color: #a6dbed;
    padding-left: 5px;
    padding-right: 5px;
}

.float-left
{
    float: left;
}

.float-left-margin
{
    float: left;
    padding-left: 10px;
}

.float-right
{
    float: right;
}

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

h1, h2, h3,
h4, h5, h6
{
    color: #000;
    margin: 0;
    padding: 0;
}

h1
{
    font-size: 2em;
}

h2
{
    font-size: 1.75em;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

    h5 a:link, h5 a:visited, h5 a:active
    {
        padding: 0;
        text-decoration: none;
    }


/* main layout
----------------------------------------------------------*/
.content-wrapper
{
    margin: 0 auto;
    max-width: 1024px;
    padding-top: 15px;
}

#body
{
    background-color: White;
    clear: both;
    padding-bottom: 35px;
    min-width: 1024px;
}

.main-content
{
    padding-top: 30px;
}

.featured + .main-content
{
}

header .content-wrapper
{
    padding-top: 20px;
}

footer
{
    clear: both;
    background-color: #005d9a;
    font-size: .8em;
    height: 70px;
    width: 100%;
    vertical-align: bottom;
}



    footer a, footer a:link
    {
        color: White;
        text-decoration: underline;
    }

        footer a:visited
        {
            color: White;
            text-decoration: none;
        }

        footer a:hover
        {
            color: #79dbf2;
        }

    footer .footer-separator
    {
        color: #0088c4;
        float: left;
        padding-left: 10px;
    }

a
{
    color: #66a4d8;
    outline: none;
    padding-left: 3px;
    padding-right: 3px;
    text-decoration: underline;
}


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

    a:hover
    {
    }

.grid-row
{
    width: 100%;
    *zoom: 1;
}

.required:after, .ui-widget .required:after
{
    content: " *";
    color: red;
}

/* site title
----------------------------------------------------------*/
.site-title
{
    color: #c8c8c8;
    font-family: Rockwell, Consolas, "Courier New", Courier, monospace;
    font-size: 2.3em;
    margin: 0;
}

    .site-title a, .site-title a:hover, .site-title a:active
    {
        background: none;
        color: #c8c8c8;
        outline: none;
        text-decoration: none;
    }

.banner-title
{
    position: relative;
    margin-left: auto;
    top: -90px;
    z-index: 1000;
    font-size: 2em;
    color: White;
    display: block;
    height: 0px;
}

.search-banner-title
{
    position: relative;
    left: 170px;
    top: -520px;
    z-index: 1000;
    font-size: 3.5em;
    font-weight: bold;
    color: White;
    display: inline;
    -webkit-text-size-adjust: none;
}

.search-banner-title2
{
    position: relative;
    left: 215px;
    top: -510px;
    z-index: 1000;
    font-size: 2em;
    font-weight: normal;
    color: White;
    display: inline;
    float: left;
    -webkit-text-size-adjust: none;
}

.firstStepLink
{
    text-align:center;
    color: White;
    font-size: 1.5em;
    -webkit-text-size-adjust: none;
    z-index: 100;
    height: 0px;
    margin-right:640px;
}

.secondStepLink
{
    text-align:center;
    color: White;
    font-size: 1.5em;
    -webkit-text-size-adjust: none;
    z-index: 100;
    height: 0px;
    margin-right:70px;
    
}

.thirdStepLink
{
    text-align:center;
    color: White;
    font-size: 1.5em;
    -webkit-text-size-adjust: none;
    z-index: 100;
    height: 0px;
    margin-left:570px;
}

.ui-tooltip
{
    width: 160px;
    height: 0px;
    border-style: none;
    z-index: 140000;
}

.ui-tooltip-content
{
    background-color: #ddf3fe;
}

.questionImage
{
    background: url("../Images/QuestionImage.png");
    width: 16px;
    height: 16px;
    float: left;
    margin-left: 5px;
}

    .questionImage:hover
    {
        float: left;
        width: 16px;
        height: 16px;
        margin-left: 5px;
        background: url("../Images/QuestionImageHover.png") no-repeat 0 0;
    }

.labeldiv
{
    float: left;
    width: 135px;
    margin-top: 0px;
}


/* login
----------------------------------------------------------*/
#login
{
    display: block;
    font-size: .85em;
    margin: 0 0 10px;
    text-align: right;
}

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

        #login a.username
        {
            background: none;
            margin: 0;
            padding: 0;
            text-decoration: underline;
        }

    #login ul
    {
        margin: 0;
    }

    #login li
    {
        display: inline;
        list-style: none;
    }

.stepContainer
{
    width: 100%;
    text-align: center;
}

    .stepContainer .stepNavigation
    {
        display: inline-block;
    }

.stepButton
{
    height: 28px;
    float: left;
    width: 190px;
    display: inline;
}

    .stepButton span
    {
        font-size: 1em;
        color: White;
        vertical-align: middle;
        background: none;
        font-family: 'Arial';
        border: none;
        text-decoration: none;
    }

    .stepButton input
    {
        background: none;
        border: none;
        color: white;
        font-size: 1em;
        font-family: 'Arial';
        text-decoration: none;
        cursor: pointer;
        padding: 0px;
        margin: 0px;
    }

/* Quick Links
----------------------------------------------------------*/
.quickLinks
{
    float: right;
    width: 230px;
}

    .quickLinks ul
    {
        list-style: none;
        padding-left: 0px;
    }

        .quickLinks ul li
        {
            padding-left: 0px;
            padding-bottom: 10px;
            clear: both;
        }

            .quickLinks ul li hr
            {
                float: left;
                width: 150px;
                margin-top: 15px;
                margin-bottom: 15px;
            }

/* instant filter
----------------------------------------------------------*/
#instantSearchInput
{
    padding: 5px;
    height: 15px;
}
/* menu
----------------------------------------------------------*/
ul#menu
{
    font-size: 1.5em;
    font-weight: 600;
    padding: 0;
    text-align: right;
    float: right;
}

    ul#menu li
    {
        display: inline-block;
        list-style: none;
        width: 100;
    }

        ul#menu li a
        {
            background: none;
            color: #999;
            text-decoration: none;
        }


#box
{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -250px;
    margin-top: -250px;
    border: #000 solid 1px;
    background: #82713F;
}





ul#menu li a:hover
{
    color: #4294d2;
    text-decoration: Underline;
}

.pagedGrid
{
    clear: both;
    width:100%;
}

/* Filter for buyback
        ------------------------------------------------------*/

.filterContainer
{
    border-color: lavender;
    border-width: thin;
    border-style: solid;
    padding: 5px;
    min-height: 30px;
}

    .filterContainer #addFilterSection
    {
        float: right;
    }

    .filterContainer .row
    {
        clear: both;
        height: 20px;
        display: none;
        margin-bottom: 5px;
    }

    .filterContainer .checkboxColumn
    {
        float: left;
        width: 190px;
    }

        .filterContainer .checkboxColumn input
        {
            float: left;
            vertical-align: middle;
        }

        .filterContainer .checkboxColumn label
        {
            font-weight: normal;
            display: initial;
            font-size: inherit;
            margin-left: 5px;
            vertical-align: middle;
        }

    .filterContainer .conditionColumn
    {
        float: left;
        width: 70px;
    }

.actionDropDown
{
    width: 120px;
}

.settingsTable input[type='number']
{
    width: 50px;
}

.settingsTable fieldset label
{
    width: auto;
}

.insideSettingsTable td
{
    padding: 0.25em 0.5em 0.25em 0em;
}

.valueColumn
{
    padding-left: 5px;
    float: left;
    width: 350px;
}

    .valueColumn img
    {
        width: 20px;
        height: 20px;
        vertical-align: middle;
    }

    .valueColumn input
    {
        margin: 0px;
        height: 12px;
        font-size: .85em;
    }

    .valueColumn #from input,
    .valueColumn #to input
    {
        width: 70px;
    }

.dataViewDropDownPlaceholder
{
    padding-top: 10px;
    float: right;
}

    .dataViewDropDownPlaceholder input
    {
        height: 10px;
        margin: 0px;
        font-size: .85em;
    }

.instantFilter
{
    padding-top: 10px;
    float: left;
}

    .instantFilter input
    {
        height: 10px;
        margin: 0px;
        font-size: .85em;
    }

/* Outstanding Menu
        ------------------------------------------------------*/

.outstandingGrid
{
    width: 770px;
    float: left;
}

.gridMenu
{
    float: left;
    list-style: none;
    display: inline-block;
    z-index: 0;
    position: relative;
    padding-left: 0px;
}

    .gridMenu li
    {
        float: left;
        height: 28px;
    }
/* Navigation Menu
        ------------------------------------------------------*/

.navigationMenu
{
    height: 46px;
    margin-top: -6px;
    font-family: Arial;
}


    .navigationMenu .menu
    {
        width: 100%;
    }

        .navigationMenu .menu ul
        {
            float: left;
            list-style: none;
            display: inline-block;
            z-index: 0;
            position: relative;
            padding-left: 0px;
        }

        .navigationMenu .menu li
        {
            float: left;
            height: 28px;
        }

        .navigationMenu .menu ul li a
        {
            font-size: 12pt;
            padding-right: 10px;
            padding-left: 10px;
            color: #006bc5;
            border-right: solid;
            border-width: 1px;
            border-color: GrayText;
        }

        .navigationMenu .menu ul li .last
        {
            border-right: none;
        }

    .navigationMenu #path
    {
        font-size: 18pt;
        font-weight: bold;
        color: #000;
    }

/* page elements
----------------------------------------------------------*/
/* featured */
.featured
{
    background-color: #fff;
}

    .featured .content-wrapper
    {
        background-color: #7ac0da;
        background-image: -ms-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: -o-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7ac0da), color-stop(1, #a4d4e6));
        background-image: -webkit-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        color: #3e5667;
        padding: 20px 40px 30px 40px;
    }

    .featured hgroup.title h1, .featured hgroup.title h2
    {
        color: #fff;
    }

    .featured p
    {
        font-size: 1.1em;
    }

/* page titles */
hgroup.title
{
    margin-bottom: 10px;
}

    hgroup.title h1, hgroup.title h2
    {
        display: inline;
    }

    hgroup.title h2
    {
        font-weight: normal;
        margin-left: 3px;
    }

/* features */
section.feature
{
    width: 300px;
    float: left;
    padding: 10px;
}

/* ordered list */
ol.round
{
    list-style-type: none;
    padding-left: 0;
}

    ol.round li
    {
        margin: 25px 0;
        padding-left: 45px;
    }

        ol.round li.zero
        {
            background: url("../Images/orderedList0.png") no-repeat;
        }

        ol.round li.one
        {
            background: url("../Images/orderedList1.png") no-repeat;
        }

        ol.round li.two
        {
            background: url("../Images/orderedList2.png") no-repeat;
        }

        ol.round li.three
        {
            background: url("../Images/orderedList3.png") no-repeat;
        }

        ol.round li.four
        {
            background: url("../Images/orderedList4.png") no-repeat;
        }

        ol.round li.five
        {
            background: url("../Images/orderedList5.png") no-repeat;
        }

        ol.round li.six
        {
            background: url("../Images/orderedList6.png") no-repeat;
        }

        ol.round li.seven
        {
            background: url("../Images/orderedList7.png") no-repeat;
        }

        ol.round li.eight
        {
            background: url("../Images/orderedList8.png") no-repeat;
        }

        ol.round li.nine
        {
            background: url("../Images/orderedList9.png") no-repeat;
        }

/* content */
article
{
    float: left;
    width: 70%;
}

aside
{
    float: right;
    width: 25%;
}

    aside ul
    {
        list-style: none;
        padding: 0;
    }

        aside ul li
        {
            background: url("../Images/bullet.png") no-repeat 0 50%;
            padding: 2px 0 2px 20px;
        }


.isbnEnter
{
    position: relative;
    margin-left: 0;
    top: -505px;
    left: 260px;
    z-index: 1000;
    font-size: 2em;
    color: White;
    float:left;
}

.isbnTextArea
{
    position: relative;
    margin-left: auto;
    top: 160px;
    left: -671px;
    z-index: 1000;
    font-size: 0.5em;
    color: Black;
    display: block;
    height: 60px;
    width: 175px;
}

.label
{
    font-weight: 700;
}

.linkedLabel
{
    color: #66a4d8;
    text-decoration: underline;
    margin-left: 20px;
    font-size: 1.5em;
}


.faq-text
{
    display: none;
    margin-left: 30px;
    font-size: 1.0em;
}

.minusButton
{
    background: url("../images/minusButtonNormal.png") no-repeat 0 0;
    border: 0px;
    width: 22px;
    height: 22px;
}

    .minusButton:hover
    {
        background: url("../images/minusButtonHover.png") no-repeat 0 0;
        border: 0px;
        width: 22px;
        height: 22px;
    }

    .minusButton:active
    {
        background: url("../images/minusButtonPressed.png") no-repeat 0 0;
        border: 0px;
        width: 22px;
        height: 22px;
    }

.plusButton
{
    background: url("../images/plusButtonNormal.png") no-repeat 0 0;
    border: 0px;
    width: 22px;
    height: 22px;
}

    .plusButton:hover
    {
        background: url("../images/plusButtonHover.png") no-repeat 0 0;
        border: 0px;
        width: 22px;
        height: 22px;
    }

    .plusButton:active
    {
        background: url("../images/plusButtonPressed.png") no-repeat 0 0;
        border: 0px;
        width: 22px;
        height: 22px;
    }

.quantity
{
    width: 25px;
    height: 15px;
    font-size: 1em;
    position: relative;
    top: -2px;
}

.subtotal
{
    text-align: center;
}

/* Grid */

.ui-jqgrid tr.ui-jqgrid-labels, .ui-jqgrid tr
{
    text-align: center;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-title
{
    margin-right: 18px;
}

#container .ui-jqgrid-hbox
{
    padding-right: 0;
}

.ui-jqgrid
{
    border-width: 0px;
    font-family: Arial;
    overflow: hidden;
}

.ui-state-hover
{
    background-image: none;
}

#pager
{
    min-height: 30px;
}

.ui-jqgrid .ui-jqgrid-htable th
{
    border: #fff 1px solid;
    border-right-color: #FFF;
    border-right-style: solid;
    background-color: #ceedfb;
    background-image: none;
    color: Black;
    font-weight: bold;
    text-align: center;
    height: 40px;
}


.ui-jqgrid td
{
    height: 40px;
    border: 0px;
    border-bottom: none;
}

.ui-jqgrid .ui-jqgrid-htable th:last-child
{
    border-right: none;
    padding-right: 1px;
}

.ui-helper-clearfix
{
    background-color: #ceedfb;
    background-image: none;
    color: Black;
    margin: 0px;
    padding: 0px;
}

.ui-jqgrid tr.ui-row-ltr td:last-child
{
    border-right-width: 0px;
    border-right-color: inherit;
    border-right-style: solid;
}

.no-close .ui-dialog-titlebar-close
{
    display: none;
}

.ui-jqgrid tr.ui-row-ltr td, .ui-jqgrid tr, .ui-jqgrid tr:hover, .ui-jqgrid td
{
    border-color: #e4e4e4;
    border-style: none;
    border-width: 0px;
}


#pager .ui-icon
{
    width: 16px;
    height: 16px;
    background-image: url(../Content/themes/base/images/ui-icons_888888_256x240.png);
}

#list .ui-th-column,
#list .ui-jqgrid .ui-jqgrid-htable th.ui-th-column,
#content .ui-jqgrid .ui-th-div-ie
{
    overflow: hidden;
    white-space: normal;
    text-align: inherit;
    border-top: 0px none;
    border-bottom: 0px none;
}

.ui-jqgrid-sortable
{
    padding-bottom: 7px;
    padding-top: 7px;
    padding-right: 5px;
    padding-left: 5px;
}

/* login page */
#loginForm
{
    border-right: solid 2px #c8c8c8;
    float: left;
    width: 60%;
}

    #loginForm input[type="text"],
    #loginForm input[type="password"]
    {
        border-color: #babbbc;
        float: left;
        width: 300px;
    }

        #loginForm input[type="text"]:hover,
        #loginForm input[type="password"]:hover
        {
            border-color: #2e8ad9;
        }

    #loginForm label
    {
        float: left;
        vertical-align: middle;
        width: 120px;
        margin-top: 8px;
    }

    #loginForm li
    {
        clear: both;
    }

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

    #loginForm .field-validation-error
    {
        color: #d82e2e;
        font-weight: bold;
        clear: both;
        float: left;
        margin-left: 95px;
    }

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

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

    #loginForm input[type="checkbox"],
    #loginForm button
    {
        width: auto;
        float: left;
    }

#socialLoginForm
{
    margin-left: 40px;
    float: left;
    width: 35%;
}

    #socialLoginForm h2
    {
        margin-bottom: 5px;
    }

#socialLoginList button
{
    margin-bottom: 12px;
}

#logoutForm
{
    display: inline;
}

/* login page */
#SignupForm
{
    border-right: solid 2px #c8c8c8;
    float: left;
    width: 55%;
}

    #SignupForm .validation-error
    {
        display: none;
        margin-left: 15px;
    }

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

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

    #SignupForm input[type="checkbox"],
    #SignupForm button
    {
        width: auto;
    }

.fullbackground
{
    position: relative;
}

img.fullbackground
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%; /* alternative: right:0; */
    height: 100%; /* alternative: bottom:0; */
}

.oddRow
{
    background-color: aliceblue;
}

.inspectionDropDown {
    width: 180px;
}

.viewDetailsMenu
{
    margin-top: 40px;
}

.bookImage
{
    height: 100px;
    width: 80px;
    margin-bottom: 5px;
    margin-top: 5px;
}

    .bookImage:hover
    {
        box-shadow: 5px 5px 3px #888;
        border-collapse: separate;
    }

.popup
{
    background-color: white;
    border-width: 1px;
    border-color: black;
    border-style: solid;
    padding: 10px;
}

/* Buyback Details View
    -----------------------------------------------------*/

.buybackInfoFieldset
{
    width: 320px;
    float: left;
    margin-left: 20px;
}


    .buybackInfoFieldset label
    {
        width: 150px;
        clear: both;
    }

.userAccuntInfoFieldset
{
    width: 300px;
    float: left;
}

.paymentBackOfficeInfoFieldset
{
    width: 28%;
    float: left;
    margin-left: 20px;
}

.ui-widget input
{
    font-family: "Times New Roman";
}

.ui-widget label
{
    font-size: 1em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
}

/*Blue Buttons
    -----------------------------------------------------*/

.blueButton70
{
    height: 28px;
    width: 70px;
    display: table-cell;
    font-size: 1em;
    color: White;
    font-family: "Times New Roman";
    background: url("../images/blueButtons/blueButtonBackground70.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    border-color: White;
    text-decoration: none;
    vertical-align: top;
}

    .blueButton70:visited
    {
        color: White;
    }

    .blueButton70:link
    {
        color: White;
    }

    .blueButton70:hover
    {
        height: 28px;
        font-size: 1em;
        color: White;
        font-family: "Times New Roman";
        background: url("../images/blueButtons/blueButtonHoverBackground70.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;
        border-color: White;
        vertical-align: top;
    }

.blueButton120
{
    height: 28px;
    font-size: 1em;
    display: table-cell;
    background-size: 100% 100%;
    color: White;
    width: 120px;
    text-decoration: none;
    font-family: "Times New Roman";
    background: url("../images/blueButtons/blueButtonBackground120.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    border-color: White;
    vertical-align: top;
}

    .blueButton120:link
    {
        color: White;
    }

    .blueButton120:hover
    {
        height: 28px;
        font-size: 1em;
        color: White;
        font-family: "Times New Roman";
        background: url("../images/blueButtons/blueButtonHoverBackground120.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;
        border-color: White;
        vertical-align: top;
    }

    .blueButton120:visited
    {
        color: White;
    }

.blueButton190
{
    height: 28px;
    font-size: 1em;
    display: table-cell;
    color: White;
    width: 190px;
    font-family: "Times New Roman";
    background: url("../images/blueButtons/blueButtonBackground190.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    border-color: White;
    vertical-align: top;
}



    .blueButton190:hover
    {
        height: 28px;
        font-size: 1em;
        color: White;
        width: 190px;
        font-family: "Times New Roman";
        background: url("../images/blueButtons/blueButtonHoverBackground190.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;
        border-color: White;
        vertical-align: top;
    }

.blueButton80
{
    height: 28px;
    font-size: 1em;
    width: 80px;
    color: White;
    font-family: "Times New Roman";
    background: url("../images/blueButtonBackground.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    border-color: White;
    vertical-align: top;
}

    .blueButton80:hover
    {
        height: 28px;
        font-size: 1em;
        width: 80px;
        color: White;
        font-family: "Times New Roman";
        background: url("../images/blueButtonHoverBackground.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;
        border-color: White;
        vertical-align: top;
    }

.blueButton
{
    height: 28px;
    font-size: 1em;
    color: White;
    font-family: "Times New Roman";
    background: url("../images/blueButtonBackground.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    border-color: White;
    vertical-align: top;
}

    .blueButton[disabled="disabled"]
    {
        height: 28px;
        font-size: 1em;
        color: White;
        font-family: "Times New Roman";
        background: url("../images/blueButtonDisabledBackground.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;
        border-color: White;
        vertical-align: top;
    }

    .blueButton:disabled
    {
        height: 28px;
        font-size: 1em;
        color: White;
        font-family: "Times New Roman";
        background: url("../images/blueButtonDisabledBackground.png");
        background-repeat: no-repeat;
        background-position: center;
        border-color: White;
        vertical-align: top;
    }

.blueButtonDisabled
{
    height: 28px;
    font-size: 1em;
    color: White;
    font-family: "Times New Roman";
    background: url("../images/blueButtonDisabledBackground.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    border-color: White;
    vertical-align: top;
}

.blueButtonDivDisabled
{
    font-size: 1em;
    color: White;
    font-family: "Times New Roman";
    background: url("../images/blueButtonDisabledBackground.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    border-color: White;
    vertical-align: top;
    padding: 5px; 
    padding-top:6px; 
    margin-right: 4px; 
    margin-left:9px; 
    margin-bottom:1px; 
    height:15px;

}

.blueButtonDisabled80
{
    height: 28px;
    font-size: 1em;
    width: 80px;
    color: White;
    font-family: "Times New Roman";
    background: url("../images/blueButtonDisabledBackground.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    border-color: White;
    vertical-align: top;
}

.blueButton:hover
{
    height: 28px;
    font-size: 1em;
    color: White;
    font-family: "Times New Roman";
    background: url("../images/blueButtonHoverBackground.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    border-color: White;
    vertical-align: top;
}

.password-tooltip-styling
{
    width: 340px;
}


.orangeButton190
{
    height: 28px;
    font-size: 1em;
    color: White;
    font-family: "Times New Roman";
    background: url("../images/orangeButtonBackground.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    border-color: White;
    vertical-align: top;
}

.orangeButton
{
    width: 342px;
    height: 43px;
    font-size: 1em;
    color: White;
    font-family: "Times New Roman";
    background: url("../images/orangeButtonBackground.png");
    border: 0;
    vertical-align: top;
    margin: 0;
    margin-top: -7px;
}

.orangeButtonDisabled
{
    max-width: 80px;
    height: 28px;
    font-size: 1em;
    color: White;
    font-family: "Times New Roman";
    background: url("../images/blueButtonDisabledBackground.png");
    border-color: White;
    vertical-align: top;
}

.orangeButton:hover
{
    width: 342px;
    height: 43px;
    font-size: 1em;
    color: White;
    font-family: "Times New Roman";
    background: url("../images/orangeButtonHoverBackground.png");
    border: 0;
    vertical-align: top;
    margin: 0;
    margin-top: -7px;
}

.orangeButton270
{
    width: 268px;
    height: 43px;
    font-size: 1em;
    color: White;
    font-family: "Times New Roman";
    background: url("../images/OrangeButtons/orangeButton270.png");
    border: 0;
    vertical-align: top;
    margin: 0;
    margin-top: -7px;
}

    .orangeButton270:hover
    {
        width: 268px;
        height: 43px;
        font-size: 1em;
        color: White;
        font-family: "Times New Roman";
        background: url("../images/OrangeButtons/orangeButtonHover270.png");
        border: 0;
        vertical-align: top;
        margin: 0;
        margin-top: -7px;
    }

.orangeButton160
{
    width: 159px;
    height: 26px;
    font-size: 1em;
    color: White;
    font-family: "Times New Roman";
    background: url("../images/OrangeButtons/orangeButton160.png");
    border: 0;
    vertical-align: top;
    margin: 0;
    margin-top: -7px;
}

    .orangeButton160:hover
    {
        width: 159px;
        height: 26px;
        font-size: 1em;
        color: White;
        font-family: "Times New Roman";
        background: url("../images/OrangeButtons/orangeButtonHover160.png");
        border: 0;
        vertical-align: top;
        margin: 0;
        margin-top: -7px;
    }

.orangeButton70
{
    width: 70px;
    height: 26px;
    font-size: 1em;
    color: White;
    font-family: "Times New Roman";
    background: url("../images/OrangeButtons/orangeButton70.png");
    border: 0;
    vertical-align: top;
    margin: 0;
    margin-top: -7px;
}

    .orangeButton70:hover
    {
        width: 70px;
        height: 26px;
        font-size: 1em;
        color: White;
        font-family: "Times New Roman";
        background: url("../images/OrangeButtons/orangeButtonHover70.png");
        border: 0;
        vertical-align: top;
        margin: 0;
        margin-top: -7px;
    }

.searchTextArea
{
    width: 330px;
    height: 120px;
    overflow: auto;
    font-size: 0.5em;
}



#SignupForm input[type="text"],
#SignupForm input[type="password"]
{
    border-color: #babbbc;
    float: left;
    width: 300px;
}

    #SignupForm input[type="text"]:hover,
    #SignupForm input[type="password"]:hover
    {
        border-color: #2e8ad9;
    }

#SignupForm label
{
    float: left;
    vertical-align: middle;
    width: 150px;
    margin-top: 8px;
}

#SignupForm li
{
    clear: both;
}


fieldset label
{
    float: left;
    vertical-align: middle;
    width: 200px;
    margin-top: 8px;
}



/* contact */
.contact h3
{
    font-size: 1.2em;
}

.contact p
{
    margin: 5px 0 0 10px;
}

.contact iframe
{
    border: 1px solid #333;
    margin: 5px 0 0 10px;
}

/* forms */
fieldset
{
    border: none;
    margin: 0;
    padding: 0;
}

    fieldset legend
    {
        display: none;
    }

    fieldset ol
    {
        padding: 0;
        list-style: none;
    }

        fieldset ol li
        {
            padding-bottom: 5px;
        }

label
{
    display: block;
    font-size: 1.2em;
    font-weight: 600;
}

    label.checkbox
    {
        display: inline;
        float: left;
        width: 150px;
    }

#recaptcha_image img
{
    width: 250px;
    max-width: 250px;
}

#recaptcha_widget_div
{
    width: 150px;
    max-width: 150px;
}

input, textarea
{
    border: 1px solid #e2e2e2;
    background: #fff;
    color: #333;
    font-size: 1.2em;
    margin: 5px 0 6px 0;
    padding: 5px;
}

textarea
{
    font-family: inherit;
    width: 500px;
}

    input:focus, textarea:focus
    {
        border: 1px solid #7ac0da;
    }

input[type="checkbox"]
{
    background: transparent;
    border: inherit;
    width: auto;
}

td input[type="submit"],
td input[type="button"],
td button
{
    font-size: 1em;
    padding: 4px;
    margin-right: 4px;
}

/* info and errors */
.message-info
{
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.message-error
{
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success
{
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.error
{
    color: #e80c4d;
}

/* styles for validation helpers */
.field-validation-error
{
    color: #d82e2e;
    font-weight: bold;
    clear: both;
    float: left;
    margin-left: 150px;
}

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

input.input-validation-error
{
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error
{
    border: 0 none;
}

.validation-summary-errors
{
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

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


.buybackDetails .ui-jqgrid tr.ui-row-ltr td {
    text-align: left;
}

/* tables
----------------------------------------------------------*/
table
{
    border-spacing: 0;
    margin-top: 0.75em;
    border: 0 none;
}

th
{
    font-size: 1.2em;
    text-align: left;
    border: none 0px;
    padding-left: 0;
}

    th a
    {
        display: block;
        position: relative;
    }

        th a:link, th a:visited, th a:active, th a:hover
        {
            color: #333;
            font-weight: 600;
            text-decoration: none;
            padding: 0;
        }

        th a:hover
        {
            color: #000;
        }

    th.asc a, th.desc a
    {
        margin-right: .75em;
    }

        th.asc a:after, th.desc a:after
        {
            display: block;
            position: absolute;
            right: 0em;
            top: 0;
            font-size: 0.75em;
        }

        th.asc a:after
        {
            content: '▲';
        }

        th.desc a:after
        {
            content: '▼';
        }

td
{
    padding: 0.25em 2em 0.25em 0em;
    border: 0 none;
}

tr.pager td
{
    padding: 0 0.25em 0 0;
}


/********************
*   Mobile Styles   *
********************/
@media only screen and (max-width: 850px)
{

    /* header
    ----------------------------------------------------------*/



}