/*
globals
----------------------------
*/
body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    font: 12px Arial;
    line-height: 20px;
    overflow-y: scroll;
    -overflow-y: hidden;
    color: #333333;
    background: #E0E0DA url(/Common/Images/Sprite/g3master_repx.png) repeat-x scroll 0 -1090px;
}

    body.blank {
        background: transparent;
    }

table {
    font: 12px Arial;
    line-height: 20px;
    border-collapse: collapse;
}

div.clears, span.clears {
    clear: both;
}

.hidden {
    display: none;
}

.closed {
    width: 0px !important;
}

form {
    margin: 0;
    padding: 0;
}

input {
    outline: none;
}

.hand {
    cursor: pointer;
    cursor: hand;
}

a {
    font-weight: bold;
    line-height: 20px;
    color: #0088CE;
    text-decoration: none;
    cursor: pointer;
    cursor: hand;
}

    a:hover {
        color: #12afff !important;
    }

    a.home {
        color: White;
    }

        a.home:hover {
            color: White !important;
        }

    a.hiddenlink {
        font-size: 0px;
        height: 0px;
        width: 0px;
        display: none;
    }

    a.arrowlink {
        padding-left: 8px;
        background: url('/Common/Images/button/arrow_right_transparent_4x8.png') no-repeat 0px 4px;
    }

ul {
    list-style-type: none;
}

    ul.disc {
        list-style-type: disc;
    }

img {
    border: none;
}

.center {
    text-align: center;
}

.justify {
    text-align: justify;
}

.nobg {
    background: none !important;
}

sup {
    font: 6pt Arial;
    position: relative;
    top: 2px;
    *top: 0px;
}

.focused {
    border: 1px dotted #5E5E5E;
    margin: -1px;
}

span.reqvalidator div.box div.right {
    font: bold 11px Arial !important;
    line-height: 20px !important;
    color: #000000 !important;
    margin-left: 3px;
}
/*
layout
----------------------------
*/
div.main {
    width: 960px;
    margin: 0 auto;
    overflow: visible;
}

div.contentcontainer {
    margin: 30px 0px 0px 0px;
    width: 958px;
    height: auto;
    overflow: visible;
}

    div.contentcontainer.small {
        margin: 10px 0px 0px 0px;
    }

div.header {
    width: 100%;
    height: 80px;
    border-top: 1px solid #d7d7d0;
    border-left: 1px solid #d7d7d0;
    border-right: 1px solid #d7d7d0;
    position: relative;
    z-index: 999;
}

div.headtop {
    width: 100%;
    height: 80px;
    background-position: 0 -200px;
}

    div.headtop div.left {
        width: 5px;
        height: 5px;
        background-position: 0 0;
        float: left;
    }

    div.headtop div.right {
        width: 5px;
        height: 5px;
        background-position: 0 -20px;
        float: right;
    }

div.headmenu {
    width: 100%;
    height: 31px;
    background: url('/Common/Images/Sprite/g3master_repx.png') repeat-x scroll 0 -110px;
    -background: url('/Common/Images/page/menubg_100x31.png') repeat-x;
}

    div.headmenu div.middle {
        height: 31px;
        width: 958px;
        qfloat: left;
        max-height: 31px;
    }

div.headcontent {
    padding-top: 14px;
    width: 100%;
    height: 53px;
    z-index: 1000;
}

div.footer {
    width: 960px;
    height: 20px;
    margin: 3px auto;
    font: 11px Arial;
    line-height: 20px;
}

    div.footer div.left {
        width: 522px;
        float: left;
        padding: 0px 0px 0px 28px;
        color: #9f9f9f;
    }

        div.footer div.left a {
            color: #9f9f9f;
            font-weight: normal;
        }

    div.footer div.right {
        width: 384px;
        float: right;
        text-align: right;
        padding: 0px 26px 0px 0px;
        color: #6ba8da;
    }

        div.footer div.right a {
            color: #6ba8da;
            font-weight: normal;
        }

div.content {
    width: 100%;
    padding-bottom: 1px;
    border-left: 1px solid #e0e0da;
    border-right: 1px solid #e0e0da;
    background-color: #FFFFFF;
}

div.contentbottom {
    border-bottom: 1px solid #d8d8d4;
    background-color: #FFFFFF;
    height: 6px;
    margin-top: -1px;
}

    div.contentbottom div.left {
        width: 7px;
        height: 7px;
        background-position: 0 -40px;
        float: left;
        position: relative;
    }

    div.contentbottom div.right {
        width: 7px;
        height: 7px;
        background-position: 0 -60px;
        float: right;
        position: relative;
        left: 2px;
    }
/*
topmenu
----------------------------
*/
div.headmenu #menu, div.headmenu #menu2 {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    div.headmenu #menu li {
        display: block;
        float: left;
        position: relative;
        z-index: 100;
        border-left: 1px solid #1090D0;
        cursor: pointer;
        cursor: hand;
    }

        div.headmenu #menu li.last {
            background: none;
        }

        div.headmenu #menu li span {
            display: block;
            z-index: 100;
            padding: 8px 22px;
            font: bold 9pt Arial;
            letter-spacing: 1px;
            color: #FFFFFF;
            qdisplay: none;
            cursor: pointer;
            cursor: hand;
        }

        div.headmenu #menu li a, div.headmenu #menu li a:visited {
            display: block;
            padding: 0;
            cursor: pointer;
            cursor: hand;
        }

    div.headmenu #menu dl {
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
        padding: 0;
    }

    div.headmenu #menu dt {
        margin: 0;
        float: left;
        height: 31px;
    }

    div.headmenu #menu dd {
        display: none;
        clear: left;
        margin: 0;
        padding: 0;
        color: #ffffff;
        text-align: left;
    }

    div.headmenu #menu dt a, div.headmenu #menu dt a:visited {
        display: block;
        font: bold 9pt Arial;
        letter-spacing: 1px;
        color: #FFFFFF;
        padding: 8px 22px;
        text-decoration: none;
        white-space: nowrap;
    }

    div.headmenu #menu dd a, div.headmenu #menu dd a:visited {
        white-space: nowrap;
        font: 9pt Arial;
        background: #1a7ab0 url('/Common/Images/page/menudropbg_232x40.jpg') repeat-x left bottom;
        color: #FFFFFF;
        text-decoration: none;
        display: block;
        padding: 3px 10px;
    }

        div.headmenu #menu dd a sup {
            font: 6pt Arial;
            position: absolute;
            top: auto;
        }

    div.headmenu #menu li a:hover {
        background-color: #1A7AB0;
        border: 0;
    }

        div.headmenu #menu li:hover dd, div.headmenu #menu li a:hover dd {
            display: block;
        }

        div.headmenu #menu li:hover dt a, div.headmenu #menu li a:hover dt a, div.headmenu #menu dd a:hover {
            /*border-left:1px solid #1090D0;*/
            color: #FFFFFF !important;
        }
    /*todo fix this*/
    div.headmenu #menu li.last:hover dt a {
        background: #1a7ab0;
    }

    div.headmenu #menu dd a:hover {
        background: #1a7ab0 url('/Common/Images/page/menudrophoverbg_232x40.jpg') repeat-x left bottom;
    }

    div.headmenu #menu li.active a {
        background: #1a7ab0 url('/Common/Images/page/menudrophoverbg_232x40.jpg') repeat-x left bottom;
    }

    div.headmenu #menu dd.last a, div.headmenu #menu dd.last a:visited {
        background: #086f9f;
    }

        div.headmenu #menu dd.last a:hover {
            background: #016290;
        }

    div.headmenu #menu dd.sepa a {
        margin-top: -1px;
        *margin-top: 0px;
        border-top: 1px solid #FFFFFF !important;
    }

div.headmenu #menu2 {
    text-align: right;
    display: inline-block;
    display: -moz-inline-stack;
    zoom: 1;
    *display: inline;
    float: right;
}

    div.headmenu #menu2 li {
        height: 31px;
    }

        div.headmenu #menu2 li a {
            white-space: nowrap;
            font: bold 9pt Arial;
            color: #FFFFFF;
            text-decoration: none;
            display: inline-block;
            display: -moz-inline-stack;
            zoom: 1;
            *display: inline;
            padding: 0px 22px;
            line-height: 31px;
        }

        div.headmenu #menu2 li a, x:-moz-any-link {
            display: -moz-inline-block;
        }

            div.headmenu #menu2 li:hover a, div.headmenu #menu2 li a:hover {
                background: #1a7ab0;
                color: #FFFFFF !important;
            }
/*ie6 menufix*/
div.headmenu #menu li:hover dl iframe.hidefrm {
    display: block;
    position: absolute;
}

div.headmenu iframe.hidefrm {
    display: none;
    z-index: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}
/*
top logo
----------------------------
*/
div.logo {
    width: auto;
    position: absolute;
    margin: 0px 0px 0px 25px;
}
/*
top box (flexible width)
----------------------------
*/


span.roundbox_h {
    /*background: url('/Common/Images/page/boxes/roundboxh_middle_100x42.jpg') repeat-x;*/
    /*inline-block all browser*/
    display: inline-block;
    display: -moz-inline-stack;
    zoom: 1;
    *display: inline;
}

    span.roundbox_h span.left {
        display: inline-block;
        display: -moz-inline-stack;
        zoom: 1;
        *display: inline;
        width: 5px;
        height: 42px;
        background: url('/Common/Images/Sprite/g3master_norep.png') no-repeat scroll -20px -120px;
        float: left;
    }

    span.roundbox_h span.right {
        display: inline-block;
        display: -moz-inline-stack;
        zoom: 1;
        *display: inline;
        width: 5px;
        height: 42px;
        background: url('/Common/Images/Sprite/g3master_norep.png') no-repeat scroll -40px -120px;
        float: left;
    }

    span.roundbox_h span.middle {
        height: 28px;
        float: left;
        padding: 7px 5px;
        color: #333333;
        white-space: nowrap;
        line-height: normal;
        font: 11px Arial;
        background: url('/Common/Images/Sprite/g3master_repx.png') repeat-x scroll 0 -30px;
    }

        span.roundbox_h span.middle div {
            background-position: -20px -19px;
            float: left;
            height: 11px;
            margin: 0 5px 0 0;
            width: 11px;
        }

        span.roundbox_h span.middle strong {
            font: bold 11pt Arial;
            color: #4084db;
        }

div.headcontent span.roundbox_h {
    float: right;
    margin-right: 15px;
}

div.middlecontent {
    float: right;
    width: 630px;
    margin-top: -6px;
}

span.headerlnk {
    float: right;
    font: 11px Arial;
    margin: 0px 25px 0px 0px;
    -margin: -6px 25px 0px 0px;
}

    span.headerlnk a {
        color: #0088CE;
        text-decoration: none;
        line-height: 20px;
    }

div.headcontent span.headertitle {
    float: right;
    margin-right: 16px;
    height: 42px;
    display: inline-block;
    display: -moz-inline-stack;
    zoom: 1;
    *display: inline;
}
/*
top language selector
----------------------------
*/
div.headcontent div.langsel {
    float: right;
    margin-right: 15px;
    margin-top: 10px;
    width: 170px;
}

div.langsel div.left, div.langsel div.left_open {
    width: 4px;
    height: 26px;
    background: url('/Common/Images/Sprite/g3master_norep.png') no-repeat scroll -20px -80px;
    float: left;
}

div.langsel div.right, div.langsel div.right_open {
    width: 4px;
    height: 26px;
    background: url('/Common/Images/Sprite/g3master_norep.png') no-repeat scroll -40px -80px;
    float: right;
}

div.langsel div.middle, div.langsel div.middle_open {
    width: 162px;
    height: 26px;
    background: url('/Common/Images/Sprite/g3master_repx.png') repeat-x scroll 0 0;
    float: left;
}

div.langsel div.left_open {
    background: url('/Common/Images/page/elements/roundselectopen_left_4x24.jpg') no-repeat;
}

div.langsel div.middle_open {
    background: url('/Common/Images/page/elements/roundselectopen_middle_100x24.jpg') repeat-x;
}

div.langsel div.right_open {
    background: url('/Common/Images/page/elements/roundselectopen_right_4x24.jpg') no-repeat;
}

div.langsel ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    div.langsel ul li {
        display: block;
        float: left;
        width: 162px;
        cursor: pointer;
        position: relative;
        z-index: 100;
        margin-top: 1px;
    }

        div.langsel ul li span {
            display: block;
            padding: 4px;
            font: 9pt Arial;
            color: #333333;
            float: left;
            width: 134px;
            border-right: 1px solid #d4d4d4;
        }

        div.langsel ul li div {
            float: left;
            font-size: 6px;
            height: 3px;
            left: 8px;
            position: relative;
            top: 11px;
            width: 6px;
            background: url('/Common/Images/Sprite/g3master_norep.png') no-repeat scroll -20px 0;
        }

div.langsel.central ul li img {
    margin-top: 1px;
    padding: 8px 5px 8px 8px;
}

div.langsel ul li a, div.langsel ul li a:visited {
    display: block;
    padding: 0;
}

div.langsel ul dl {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    margin-left: -4px;
}

div.langsel ul dt {
    margin: 0;
    float: left;
}

div.langsel ul dd {
    display: none;
    clear: left;
    margin: 0;
    padding: 0;
    color: #8a8a8a;
    text-align: left;
    width: 170px;
}

div.langsel ul dt a, div.langsel ul dt a:visited, div.langsel ul dt a:hover {
    display: block;
    font: 9pt Arial;
    line-height: 14px;
    color: #333333 !important;
    padding: 4px;
    text-decoration: none;
    white-space: nowrap;
    margin-left: 4px;
}

div.langsel ul dd a, div.langsel ul dd a:visited {
    white-space: nowrap;
    font: 9pt Arial;
    background: url('/Common/Images/page/elements/langselitembg_170x30.jpg') no-repeat left bottom;
    color: #8a8a8a;
    text-decoration: none;
    display: block;
    padding: 4px 9px 3px 9px;
    width: 162px;
}

div.langsel ul dd.last a, div.langsel ul dd.last a:visited {
    background: url('/Common/Images/page/elements/langsellastitembg_170x30.png') no-repeat left bottom;
}

div.langsel ul dd a:hover {
    background: url('/Common/Images/page/elements/langselitemhoverbg_170x30.jpg') no-repeat left bottom;
}

div.langsel ul dd.last a:hover {
    background: url('/Common/Images/page/elements/langsellastitemhoverbg_170x30.png') no-repeat left bottom;
}

div.landingtitle {
    float: right;
    margin: 6px 15px 0px 0px;
    width: 750px;
    text-align: right;
}

span.landingtitle {
    font-size: 20pt;
    font-family: Arial;
}

/*
map language selector
----------------------------
*/
div.langbox {
    display: none;
    width: 450px;
    height: 344px;
    margin: 0px 0px 0px -243px;
    *margin: 0px 0px 0px -405px;
    -margin: -23px 0px 0px -243px;
    position: absolute;
    z-index: 9999;
    white-space: nowrap;
}

    div.langbox.open {
        display: block;
    }

    div.langbox div.choosetext {
        width: 100% !important;
        height: 27px !important;
        margin: 0px;
        padding: 0px;
        font: bold 9pt Arial;
        background: none !important;
        line-height: 27px;
        cursor: pointer;
        white-space: nowrap;
    }

    div.langbox div.left {
        width: 5px;
        height: 100%;
        margin: 0px;
        padding: 0px;
        /*RESCUE CHANGE, DO NOT REMOVE*/
        background: url('/Common/Images/Sprite/g3master_norep.png') no-repeat scroll -60px 0;
        /*RESCUE CHANGE, DO NOT REMOVE*/
        float: left;
    }

    div.langbox div.right {
        width: 24px;
        height: 100%;
        margin: 0px;
        padding: 0px;
        /*RESCUE CHANGE, DO NOT REMOVE*/
        background: url('/Common/Images/Sprite/g3master_norep.png') no-repeat scroll -70px 0;
        /*RESCUE CHANGE, DO NOT REMOVE*/
        float: left;
    }

    div.langbox div.middle {
        width: 380px;
        height: 100%;
        margin: 0px;
        padding: 0px;
        /*RESCUE CHANGE, DO NOT REMOVE*/
        /*background: transparent url('/Common/Images/Sprite/g3master_repx.png') repeat-x scroll 0 -380px;*/
        background: #FAFAFA url('/Common/Images/Sprite/g3master_repx.png') repeat-x scroll 0 -380px;
        /*RESCUE CHANGE, DO NOT REMOVE*/
        float: left;
    }

    div.langbox table.selectmap {
        margin: 10px 0px 0px 11px;
        list-style-type: none;
        line-height: 25px;
        font-size: 11px;
    }

        div.langbox table.selectmap a {
            display: block;
            margin: -2px 0px 3px 10px;
            padding: 0px;
            line-height: normal;
            white-space: nowrap;
            font: bold 11px Arial;
            text-decoration: none;
            width: 80%;
        }
/*
boxes
----------------------------
*/
/*simple box*/
div.box {
    margin: 0 auto;
    height: 100%;
    padding: 0;
    font: 11px Arial;
    line-height: 16px;
}

    div.box span.text {
        font: 11px Arial;
        line-height: 12px;
    }

    div.box div.topcorners {
        height: 3px;
        background: url('/Common/Images/page/elements/whiteinputtopleft_3x3.gif') top left no-repeat;
        padding-left: 3px;
    }

        div.box div.topcorners div {
            height: 3px;
            background: url('/Common/Images/page/elements/whiteinputtopright_3x3.gif') top right no-repeat;
            padding-right: 3px;
        }

            div.box div.topcorners div div {
                height: 2px;
                background: #efefef;
                border-top: solid 1px #e2e5e7;
                overflow: hidden;
            }

    div.box div.middle div.left {
        height: 100%;
        background: none;
        background-color: #efefef;
        border-left: solid 1px #e2e5e7;
        float: none !important;
    }

        div.box div.middle div.left div.right {
            background: none;
            background-color: #efefef;
            padding: 0px;
            border-right: solid 1px #e2e5e7;
            float: none !important;
        }

    div.box div.bottomcorners {
        height: 3px;
        background: url('/Common/Images/page/elements/whiteinputbottomleft_3x3.gif') no-repeat left top;
        padding: 0px 0px 0px 3px;
        overflow: hidden;
    }

        div.box div.bottomcorners div {
            height: 3px;
            background: url('/Common/Images/page/elements/whiteinputbottomright_3x3.gif') no-repeat right top;
            padding: 0px 3px 0px 0px;
        }

            div.box div.bottomcorners div div {
                height: 2px;
                background: #efefef;
                border-bottom: solid 1px #e2e5e7;
            }



    /*simple bordered box*/
    div.box.bordered div.topcorners {
        background: url('/Common/Images/page/boxes/grayboxtopleft_3x3.png') top left no-repeat;
    }

        div.box.bordered div.topcorners div {
            background: url('/Common/Images/page/boxes/grayboxtopright_3x3.png') top right no-repeat;
        }

            div.box.bordered div.topcorners div div {
                background: url('/Common/Images/page/boxes/grayboxtop_100x3.png') repeat-x;
                height: 3px;
                border: none;
            }

    div.box.bordered div.middle div.left {
        background: #ededed url('/Common/Images/page/boxes/grayboxleft_3x50.png') repeat-y;
        border: none;
        padding: 0px 0px 0px 3px;
    }

        div.box.bordered div.middle div.left div.right {
            background: url('/Common/Images/page/boxes/grayboxright_3x50.png') repeat-y top right;
            border: none;
            padding: 0px 3px 0px 0px;
        }

    div.box.bordered div.bottomcorners {
        background: url('/Common/Images/page/boxes/grayboxbottomleft_3x3.png') top left no-repeat;
    }

        div.box.bordered div.bottomcorners div {
            background: url('/Common/Images/page/boxes/grayboxbottomright_3x3.png') top right no-repeat;
        }

            div.box.bordered div.bottomcorners div div {
                background: url('/Common/Images/page/boxes/grayboxbottom_100x3.png') repeat-x;
                height: 3px;
                border: none;
            }

    /*darkgray bordered box*/
    div.box.darkgray div.topcorners {
        height: 4px;
        padding-left: 4px;
        background: url('/Common/Images/page/boxes/darkgraytopleft_4x4.png') top left no-repeat;
    }

        div.box.darkgray div.topcorners div {
            height: 4px;
            padding-right: 4px;
            background: url('/Common/Images/page/boxes/darkgraytopright_4x4.png') top right no-repeat;
        }

            div.box.darkgray div.topcorners div div {
                background: url('/Common/Images/page/boxes/darkgraytop_100x4.png') repeat-x;
                height: 4px;
                border: none;
            }

    div.box.darkgray div.middle div.left {
        background: #ababab url('/Common/Images/page/boxes/darkgrayleft_4x100.png') repeat-y;
        border: none;
        padding: 0px 0px 0px 4px;
    }

        div.box.darkgray div.middle div.left div.right {
            background: url('/Common/Images/page/boxes/darkgrayright_4x100.png') repeat-y top right;
            border: none;
            padding: 0px 4px 0px 0px;
        }

    div.box.darkgray div.bottomcorners {
        height: 4px;
        padding: 0px 0px 0px 4px;
        background: url('/Common/Images/page/boxes/darkgraybottomleft_4x4.png') top left no-repeat;
    }

        div.box.darkgray div.bottomcorners div {
            height: 4px;
            padding: 0px 4px 0px 0px;
            background: url('/Common/Images/page/boxes/darkgraybottomright_4x4.png') top right no-repeat;
        }

            div.box.darkgray div.bottomcorners div div {
                background: url('/Common/Images/page/boxes/darkgraybottom_100x4.png') repeat-x;
                height: 4px;
                border: none;
            }

div.nottranslated {
    width: 115px;
    margin: 0;
    top: 141px;
    margin-left: 965px;
    position: absolute;
}

    div.nottranslated div.box div.middle {
        color: #fff;
        font: bold 8pt Arial !important;
    }

/*red validator box*/
div.box.validator.red div.topcorners {
    background: url('/Common/Images/page/boxes/errtopleft_3x3.gif') top left no-repeat;
}

    div.box.validator.red div.topcorners div {
        background: url('/Common/Images/page/boxes/errtopright_3x3.gif') top right no-repeat;
    }

        div.box.validator.red div.topcorners div div {
            background: url('/Common/Images/page/boxes/errtop_100x3.gif') repeat-x;
            height: 3px;
            border: none;
        }

div.box.validator.red div.middle div.left {
    background: #fff2f2 url('/Common/Images/page/boxes/errleft_3x100.gif') repeat-y;
    border: none;
    padding: 0px 0px 0px 3px;
}

    div.box.validator.red div.middle div.left div.right {
        background: url('/Common/Images/page/boxes/errright_3x100.gif') repeat-y top right;
        border: none;
        padding: 0px 3px 0px 0px;
        font: bold 11px Arial;
        color: #d80808;
    }

div.box.validator.red div.bottomcorners {
    background: url('/Common/Images/page/boxes/errbottomleft_3x3.gif') top left no-repeat;
}

    div.box.validator.red div.bottomcorners div {
        background: url('/Common/Images/page/boxes/errbottomright_3x3.gif') top right no-repeat;
    }

        div.box.validator.red div.bottomcorners div div {
            background: url('/Common/Images/page/boxes/errbottom_100x3.gif') repeat-x;
            height: 3px;
            border: none;
        }



/*contact support bordered box*/
#support-tab div.box div.topcorners {
    background: url('/Common/Images/page/boxes/graywhitetopleft_3x3.gif') top left no-repeat;
}

    #support-tab div.box div.topcorners div {
        background: url('/Common/Images/page/boxes/graywhitetopright_3x3.gif') top right no-repeat;
    }

        #support-tab div.box div.topcorners div div {
            background: none;
        }

#support-tab div.box div.bottomcorners {
    background: url('/Common/Images/page/boxes/graywhitebottomleft_3x3.gif') top left no-repeat;
}

    #support-tab div.box div.bottomcorners div {
        background: url('/Common/Images/page/boxes/graywhitebottomright_3x3.gif') top right no-repeat;
    }

        #support-tab div.box div.bottomcorners div div {
            background: none;
        }

#support-tab div.box div.topcorners div div {
    border-top: solid 1px #e7e7e7;
    background-color: #ffffff;
}

#support-tab div.box div.middle div.left {
    background-color: #ffffff;
    border-left: solid 1px #e7e7e7;
    font: 9pt Arial;
}

    #support-tab div.box div.middle div.left div.right {
        background-color: #ffffff;
        border-right: solid 1px #e7e7e7;
    }

#support-tab div.box div.bottomcorners div div {
    border-bottom: solid 1px #e7e7e7;
    background-color: #ffffff;
}

#support-tab {
    height: 244px;
}

    #support-tab .white {
        background-color: #efefef !important;
    }

    #support-tab .first {
        background-color: #dddddd !important;
    }

    #support-tab div.box div.middle div.left div.right div {
        padding: 1px 3px 1px 3px !important;
        background: none !important;
    }
/*gray bordered white box*/
div.box.graywhite div.topcorners {
    background: url('/Common/Images/Sprite/g3master_norep.png') no-repeat scroll -110px -40px !important;
}

    div.box.graywhite div.topcorners div {
        background: url('/Common/Images/Sprite/g3master_norep.png') no-repeat scroll -110px -60px !important;
    }

        div.box.graywhite div.topcorners div div {
            background: none !important;
        }

div.box.graywhite div.bottomcorners {
    background: url('/Common/Images/Sprite/g3master_norep.png') no-repeat scroll -110px 0 !important;
}

    div.box.graywhite div.bottomcorners div {
        background: url('/Common/Images/Sprite/g3master_norep.png') no-repeat scroll -110px -20px !important;
    }

        div.box.graywhite div.bottomcorners div div {
            background: none !important;
        }

div.box.graywhite div.topcorners div div {
    border-top: solid 1px #e7e7e7 !important;
    background-color: #ffffff !important;
}

div.box.graywhite div.middle div.left {
    background: none !important;
    background-color: #ffffff !important;
    border-left: solid 1px #e7e7e7 !important;
    font: 9pt Arial;
}

    div.box.graywhite div.middle div.left div.right {
        background: none !important;
        background-color: #ffffff !important;
        border-right: solid 1px #e7e7e7 !important;
    }

div.box.graywhite div.middle div div {
    background: none !important;
    background-color: #ffffff !important;
}

div.box.graywhite div.bottomcorners div div {
    border-bottom: solid 1px #e7e7e7 !important;
    background-color: #ffffff !important;
}
/*
Popup Box
*/

div.box.popup div.topcorners {
    background: url('/Common/Images/page/boxes/popupboxtopleft.png') top left no-repeat;
}

    div.box.popup div.topcorners div {
        background: url('/Common/Images/page/boxes/popupboxtopright.png') top right no-repeat;
    }

        div.box.popup div.topcorners div div {
            background: none;
        }

div.box.popup div.bottomcorners {
    background: url('/Common/Images/page/boxes/popupboxbottomleft.png') top left no-repeat;
}

    div.box.popup div.bottomcorners div {
        background: url('/Common/Images/page/boxes/popupboxbottomright.png') top right no-repeat;
    }

        div.box.popup div.bottomcorners div div {
            background: none;
        }

div.box.popup div.topcorners div div {
    border-top: solid 1px #e7e7e7;
    background-color: #EBF4F9;
}

div.box.popup div.middle div.left {
    background-color: #EBF4F9;
    border-left: solid 1px #e7e7e7;
    font: 9pt Arial;
}

    div.box.popup div.middle div.left div.right {
        background-color: #EBF4F9;
        border-right: solid 1px #e7e7e7;
    }

div.box.popup div.bottomcorners div div {
    border-bottom: solid 1px #e7e7e7;
    background-color: #EBF4F9;
}

div.box.popup div.right div {
    position: relative;
}

    div.box.popup div.right div input.x {
        right: 0;
        position: absolute;
        margin: 10px;
        z-index: 100;
    }

    div.box.popup div.right div div.textbox {
        padding: 24px;
    }

        div.box.popup div.right div div.textbox p {
            font-size: 12px;
        }

    div.box.popup div.right div ul {
        list-style-type: disc;
        padding-left: 18px;
        margin-left: 5px;
    }

div.box hr, div.tabpanel hr {
    height: 1px;
    border: none;
    *color: #cbcbcb;
    background-color: #cbcbcb;
    border: 0px solid #f9f9f9;
}

/* popup bg stye */

.popup_background {
    background-color: Black;
    filter: alpha(opacity = 70);
    opacity: 0.7;
}

/*
todo: fix button
*/
div.whitebox div.topcorners {
    padding-left: 3px;
    height: 3px;
    background: url('/Common/Images/page/boxes/whiteboxtopleft_3x3.gif') no-repeat top left;
    overflow: hidden;
}

    div.whitebox div.topcorners div {
        padding-right: 3px;
        height: 3px;
        background: url('/Common/Images/page/boxes/whiteboxtopright_3x3.gif') no-repeat top right;
    }

        div.whitebox div.topcorners div div {
            height: 3px;
            background: url('/Common/Images/page/boxes/whiteboxtop_100x3.gif') repeat-x;
        }

div.whitebox div.middle {
    padding-left: 3px;
    background: #f1f5f9 url('/Common/Images/page/boxes/whiteboxleft_3x50.gif') repeat-y top left;
}

    div.whitebox div.middle div {
        background: url('/Common/Images/page/boxes/whiteboxright_3x50.gif') repeat-y top right;
        padding: 4px 7px 4px 6px;
    }

div.whitebox div.bottomcorners {
    padding-left: 3px;
    height: 3px;
    background: url('/Common/Images/page/boxes/whiteboxbottomleft_3x3.gif') no-repeat top left;
}

    div.whitebox div.bottomcorners div {
        padding-right: 3px;
        height: 3px;
        background: url('/Common/Images/page/boxes/whiteboxbottomright_3x3.gif') no-repeat top right;
    }

        div.whitebox div.bottomcorners div div {
            height: 3px;
            background: url('/Common/Images/page/boxes/whiteboxbottom_100x3.gif') repeat-x;
        }
/*
buttons & inputs
----------------------------
*/
span.button {
    display: inline-block;
    display: -moz-inline-block;
    zoom: 1;
    *display: inline;
}

span.button, x:-moz-any-link {
    display: -moz-inline-box;
}

    span.button span.left {
        display: inline-block;
        display: -moz-inline-stack;
        zoom: 1;
        *display: inline;
        float: left;
        width: 5px;
        height: 24px;
        background: url('/Common/Images/Sprite/g3master_norep.png') no-repeat scroll -20px -320px;
    }

    span.button span.right {
        display: inline-block;
        display: -moz-inline-stack;
        zoom: 1;
        *display: inline;
        float: left;
        width: 10px;
        height: 24px;
        background: url('/Common/Images/Sprite/g3master_norep.png') no-repeat scroll -40px -320px;
    }

    span.button span.middle {
        display: inline-block;
        display: -moz-inline-stack;
        zoom: 1;
        *display: inline;
        float: left;
        height: 24px;
        padding: 0 5px;
        background: url('/Common/Images/Sprite/g3master_repx.png') repeat-x scroll 0 -80px;
    }

    span.button input, span.button button, span.button a {
        padding: 0;
        margin: 0;
        border: 0;
        background: none;
        color: White;
        line-height: 24px;
        height: 24px;
        font: bold 9pt Arial;
        cursor: pointer;
        margin-top: -1px;
        *margin-top: 0px;
    }

    span.button a {
        margin-top: 0px;
        line-height: 24px !important;
    }

    span.button.disabled span.left {
        background: url('/Common/Images/button/grayd_left_4x24.png') no-repeat;
    }

    span.button.disabled span.right {
        background: url('/Common/Images/button/grayd_right_4x24.png') no-repeat;
    }

    span.button.disabled span.middle {
        background: url('/Common/Images/button/grayd_100x24.png') repeat-x;
    }
    
    span.button[disabled] {
        filter: grayscale(100%) opacity(50%);
    }
    
    span.button.mycomp span.left {
        background: url('/Common/Images/button/mycnv_left_4x24.png') no-repeat;
    }

    span.button.mycomp span.right {
        background: url('/Common/Images/button/mycnv_right_4x24.png') no-repeat;
    }

    span.button.mycomp span.middle {
        background: url('/Common/Images/button/mycnv_middle_100x24.png') repeat-x;
    }

    span.button.mycomp a {
        color: #0088ce;
    }

    span.button.big span.left {
        height: 28px;
        background: url('/Common/Images/Sprite/g3master_norep.png') no-repeat scroll -20px -320px;
    }

    span.button.big span.right {
        height: 28px;
        background: url('/Common/Images/Sprite/g3master_norep.png') no-repeat scroll -40px -320px;
    }

    span.button.big span.middle {
        height: 28px;
        background: url('/Common/Images/Sprite/g3master_repx.png') repeat-x scroll 0 -110px;
    }

    span.button.big input, span.button.big button {
        line-height: 28px;
        height: 28px;
    }

    span.button.green span.left {
        height: 28px;
        background: url('/Common/Images/Sprite/g3master_norep.png') no-repeat scroll -109px -80px;
    }

    span.button.green span.right {
        height: 28px;
        background: url('/Common/Images/Sprite/g3master_norep.png') no-repeat scroll -110px -120px;
        margin-left: -2px;
    }

    span.button.green span.middle {
        height: 28px;
        background: url('/Common/Images/Sprite/g3master_repx.png') repeat-x scroll 0 -840px;
    }

    span.button.green input, span.button.green button {
        line-height: 28px;
        height: 28px;
    }

    span.button.gray span.left {
        height: 28px;
        background: url('/Common/Images/button/gray_left_4x28.png') no-repeat;
    }

    span.button.gray span.right {
        height: 28px;
        background: url('/Common/Images/button/gray_right_4x28.png') no-repeat;
    }

    span.button.gray span.middle {
        height: 28px;
        background: url('/Common/Images/button/gray_100x28.png') repeat-x;
    }

    span.button.gray input, span.button.gray button {
        line-height: 28px;
        height: 28px;
    }

    span.button.graysmall span.left {
        background: url('/Common/Images/Sprite/g3master_norep.png') no-repeat scroll -20px -80px;
    }

    span.button.graysmall span.right {
        background: url('/Common/Images/Sprite/g3master_norep.png') no-repeat scroll -40px -80px;
    }

    span.button.graysmall span.middle {
        background: url('/Common/Images/Sprite/g3master_repx.png') repeat-x scroll 0 0px;
    }

    span.button.greenbig span.left {
        height: 38px;
        background: url('/Common/Images/Sprite/g3master_norep.png') no-repeat scroll -20px -270px;
    }

    span.button.greenbig span.right {
        height: 38px;
        background: url('/Common/Images/Sprite/g3master_norep.png') no-repeat scroll -40px -270px;
    }

    span.button.greenbig span.middle {
        height: 38px;
        background: url('/Common/Images/Sprite/g3master_repx.png') repeat-x scroll 0 -150px;
    }

    span.button.greenbig input, span.button.greenbig button {
        height: 38px;
        font: bold 9pt Arial;
        line-height: 38px !important;
    }

    span.button.greenbig.twolines button span {
        margin: 0px -3px;
        white-space: nowrap;
    }

    span.button.greenbig.twolines button {
        line-height: 20px !important;
    }

    span.button.big input {
        font: bold 12px Arial;
    }

    span.button.big button {
        font-size: 12px;
    }

    span.button.big.green input {
        font: bold 11pt Arial;
    }

    span.button.big.green button {
        font-size: 11pt;
    }

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

TABLE.button.whitebig TD.left {
    WIDTH: 8px;
    BACKGROUND: url(/Common/Images/Sprite/sprites_elements6.png) no-repeat -500px -620px;
    HEIGHT: 48px;
}

TABLE.whitebig.button TD.right {
    WIDTH: 8px;
    BACKGROUND: url(/Common/Images/Sprite/sprites_elements6.png) no-repeat -520px -620px;
    HEIGHT: 48px;
}

TABLE.whitebig.button TD.middle {
    BACKGROUND: url(/Common/Images/Sprite/sprites_horizontal7.png) repeat-x 0px -3370px;
    HEIGHT: 48px;
}

    TABLE.whitebig.button TD.middle TABLE {
        LINE-HEIGHT: normal;
        MARGIN: auto;
        HEIGHT: 44px;
        FONT-WEIGHT: bold;
    }

    TABLE.whitebig.button TD.middle DIV {
        COLOR: #1e88cc;
        CURSOR: pointer;
    }

        TABLE.whitebig.button TD.middle DIV:hover {
            COLOR: #12afff;
        }

        TABLE.whitebig.button TD.middle DIV.support {
            WIDTH: 31px;
            BACKGROUND: url(/Common/Images/Sprite/sprites_elements6.png) no-repeat -1px -950px;
            HEIGHT: 23px;
        }

        TABLE.whitebig.button TD.middle DIV.searchkb {
            WIDTH: 24px;
            BACKGROUND: url(/Common/Images/Sprite/sprites_elements6.png) no-repeat -45px -950px;
            HEIGHT: 23px;
        }

        TABLE.whitebig.button TD.middle DIV.chat {
            WIDTH: 30px;
            BACKGROUND: url(/Common/Images/Sprite/sprites_elements6.png) no-repeat -81px -950px;
            HEIGHT: 23px;
        }

        TABLE.whitebig.button TD.middle DIV.findproduct {
            WIDTH: 24px;
            BACKGROUND: url(/Common/Images/Sprite/sprites_elements6.png) no-repeat -126px -950px;
            HEIGHT: 23px;
        }


span.whiteinput {
    display: inline-block;
    display: -moz-inline-stack;
    zoom: 1;
    *display: inline;
    height: auto;
    background: url('/Common/Images/button/whiteinput2left_300x25.png') no-repeat;
}

    span.whiteinput input, span.whiteinput button {
        border: solid 0px;
        background: url('/Common/Images/button/whiteinput2right_4x25.png') top right no-repeat;
        font: bold 11px Arial;
        color: #000000;
        height: 13px;
        line-height: 13px;
        width: 94%;
        *width: auto;
        padding: 6px 6px 6px 6px;
        font: 11px Arial;
    }

/*textbox & textarea & password*/

div.box.textbox .inputbox {
    width: 100%;
}

    div.box.textbox .inputbox td {
        width: 4px;
        height: 4px;
        font-size: 1px;
    }

    div.box.textbox .inputbox .inner {
        width: auto;
        background-color: white;
        padding-left: 1px;
    }

    div.box.textbox[disabled] .inputbox .inner input {
        background: rgba(239, 239, 239, 0.3);
    }

    
    div.box.textbox .inputbox .in_tl {
        background-position: 0px -160px;
    }

    div.box.textbox .inputbox .in_tm {
        background-position: 0px -729px;
    }

    div.box.textbox .inputbox .in_tr {
        background-position: -1px -200px;
    }

    div.box.textbox .inputbox .in_ml {
        background-position: -209px 0px;
    }

    div.box.textbox .inputbox .in_mr {
        background-position: -236px 0px;
    }

    div.box.textbox .inputbox .in_bl {
        background-position: 0px -181px;
    }

    div.box.textbox .inputbox .in_bm {
        background-position: 0px -740px;
    }

    div.box.textbox .inputbox .in_br {
        background-position: -1px -221px;
    }

    div.box.textbox .inputbox .active .in_tl {
        background-position: 0px -320px;
    }

    div.box.textbox .inputbox .active .in_tm {
        background-position: 0px -790px;
    }

    div.box.textbox .inputbox .active .in_tr {
        background-position: 0px -360px;
    }

    div.box.textbox .inputbox .active .in_ml {
        background-position: -270px 0px;
    }

    div.box.textbox .inputbox .active .in_mr {
        background-position: -296px 0px;
    }

    div.box.textbox .inputbox .active .in_bl {
        background-position: 0px -340px;
    }

    div.box.textbox .inputbox .active .in_bm {
        background-position: 0px -800px;
    }

    div.box.textbox .inputbox .active .in_br {
        background-position: 0px -380px;
    }


div.box.textbox div.topcorners {
    height: 4px;
    padding-left: 4px;
    background: url('/Common/Images/page/elements/tbtopleft_4x4.gif') top left no-repeat;
}

    div.box.textbox div.topcorners div {
        height: 4px;
        padding-right: 4px;
        background: url('/Common/Images/page/elements/tbtopright_4x4.gif') top right no-repeat;
    }

        div.box.textbox div.topcorners div div {
            height: 4px;
            border: none;
            overflow: hidden;
            background: url('/Common/Images/page/elements/tptop_100x4.gif') top right repeat-x;
        }

div.box.textbox div.middle div.left {
    height: auto;
    border: none;
    padding: 0px 0px 0px 5px;
    background: url('/Common/Images/Sprite/g3master_repy.png') repeat-y scroll -209px 0;
    width: auto;
    float: none !important;
}

    div.box.textbox div.middle div.left div.right {
        height: auto;
        border: none;
        padding: 0px 5px 0px 0px;
        background: url('/Common/Images/Sprite/g3master_repy.png') repeat-y scroll -236px 0;
        width: auto;
        *margin: -1px 0px;
        float: none !important;
    }

div.box.textbox div.bottomcorners {
    margin-left: 1px;
    padding-left: 3px;
    background: url('/Common/Images/Sprite/g3master_norep.png') no-repeat -1px -181px;
}

    div.box.textbox div.bottomcorners div {
        height: 4px;
        padding-right: 3px;
        background: url('/Common/Images/Sprite/g3master_norep.png') no-repeat right -1px -221px;
    }

        div.box.textbox div.bottomcorners div div {
            height: 4px;
            border: none;
            overflow: hidden;
            background: url('/Common/Images/Sprite/g3master_repx.png') repeat-x scroll 0 -740px;
        }

div.box.textbox div.middle div div input {
    background: #FFFFFF;
    padding: 4px 0px;
    margin: -1px 0px;
}

div.box.textbox.active div.topcorners {
    background: url('/Common/Images/page/elements/tbtopaleft_4x4.gif') top left no-repeat;
}

    div.box.textbox.active div.topcorners div {
        background: url('/Common/Images/page/elements/tbtoparight_4x4.gif') top right no-repeat;
    }

        div.box.textbox.active div.topcorners div div {
            background: url('/Common/Images/page/elements/tbtopa_100x4.gif') top right repeat-x;
        }

div.box.textbox.active div.middle div.left {
    background: url('/Common/Images/page/elements/tblefta_4x100.gif') top left repeat-y;
}

    div.box.textbox.active div.middle div.left div.right {
        background: url('/Common/Images/page/elements/tbrighta_4x100.gif') top right repeat-y;
    }

div.box.textbox.active div.bottomcorners {
    background: url('/Common/Images/page/elements/tbbottomaleft_4x4.gif') top left no-repeat;
}

    div.box.textbox.active div.bottomcorners div {
        background: url('/Common/Images/page/elements/tbbottomaright_4x4.gif') top right no-repeat;
    }

        div.box.textbox.active div.bottomcorners div div {
            background: url('/Common/Images/page/elements/tbbottoma_100x4.gif') repeat-x;
        }

div.box.textbox textarea, div.box.textbox input {
    border: solid 0px;
    font: 11px Arial;
    color: #000000;
    background: none;
    padding: 2px 0px 2px 0px;
}

    div.box.textbox input.wmark {
        background: #FFFFFF;
        position: absolute;
        z-index: 101;
        -position: staticbox text;
    }

div.box.textbox textarea {
    resize: none;
    overflow-x: hidden;
    overflow-y: auto;
}


div.select div.cornerstop {
    height: 3px;
    background: url('/Common/Images/page/elements/selecttopleft_3x3.gif') top left no-repeat;
    padding: 0px 0px 0px 3px;
}

    div.select div.cornerstop div {
        height: 3px;
        background: url('/Common/Images/page/elements/selecttopright_3x3.gif') top right no-repeat;
        padding: 0px 3px 0px 0px;
    }

        div.select div.cornerstop div div {
            height: 3px;
            background: url('/Common/Images/page/elements/selecttop_100x3.gif') top right repeat-x;
            *overflow: hidden;
        }

div.select div.cornersbottom {
    height: 3px;
    background: url('/Common/Images/page/elements/selectbottomleft_3x3.gif') top left no-repeat;
    padding: 0px 0px 0px 3px;
}

    div.select div.cornersbottom div {
        height: 3px;
        background: url('/Common/Images/page/elements/selectbottomright_3x3.gif') top right no-repeat;
        padding: 0px 3px 0px 0px;
    }

        div.select div.cornersbottom div div {
            height: 3px;
            background: url('/Common/Images/page/elements/selectbottom_100x3.gif') top right repeat-x;
            *overflow: hidden;
        }

div.select div.middle {
    background: url('/Common/Images/page/elements/selectleft_3x20.gif') top left no-repeat;
    padding: 0px 0px 0px 3px;
}

    div.select div.middle div {
        background: url('/Common/Images/page/elements/selectright_3x20.gif') top right no-repeat;
        padding: 0px 3px 0px 0px;
    }

        div.select div.middle div div { /*.select {
    padding: 0;
    float:left;
    font-size:6px;
    height:3px;
    left:8px;
    position:relative;
    top:8px;
    width:6px;
    background: url('/Common/Images/Sprite/g3master_norep.png') no-repeat scroll -20px 0;*/
            padding: 0;
            background: url('/Common/Images/page/elements/selectmiddle_235x20.gif') top right repeat-x;
        }

div.select ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    div.select ul li {
        display: block;
        cursor: pointer;
        position: static;
        *margin-bottom: -1px;
    }

        div.select ul li span.select {
            float: left;
            display: block;
            font: 11px Arial;
            line-height: 18px;
            color: #8a8a8a;
            border-right: 1px solid #d4d4d4;
            position: relative;
            left: 4px;
            *position: static;
            *left: 0px;
            *padding-left: 3px;
            white-space: nowrap;
            overflow: hidden;
        }

        div.select ul li span.select, x:-moz-any-link {
            position: static;
            left: 0px;
            margin-left: 2px;
        }

        div.select ul li img.arrow {
            float: right;
            background: url('/Common/Images/button/arrow_down_6x3.jpg') no-repeat 6px 7px;
        }

        div.select ul li a, div.select ul li a:visited {
            display: block;
            padding: 0;
        }

    div.select ul dl {
        position: absolute;
        margin: 0;
        padding: 0;
        margin: 0px 0px 0px -3px;
        z-index: 103;
        /*a*/
        z-index: -1;
        border-bottom: 1px solid #DEDEDE;
    }

        div.select ul dl.big {
            overflow-y: auto !important;
            overflow-x: hidden;
        }

    div.select ul dd {
        display: none;
        clear: left;
        margin: 0;
        padding: 0;
        color: #8a8a8a;
        text-align: left;
        margin-left: 1px;
        margin: 0px 0px 0px 0px;
        background: url('/Common/Images/page/elements/selectopenbg_400x40.gif') repeat-x left top;
        position: relative;
        z-index: 104;
    }
        /*a*/
        div.select ul dd.open {
            display: block;
            font-weight: normal;
        }

            div.select ul dd.open.selected a {
                font-weight: bold;
            }

        div.select ul dd a, div.select ul dd a:visited {
            qwhite-space: nowrap;
            font: 11px Arial;
            background: url('/Common/Images/page/elements/selectopenbgr_1x40.gif') no-repeat right top;
            color: #8a8a8a;
            text-decoration: none;
            display: block;
            padding: 4px 9px 4px 9px;
            qbackground: Red;
        }

        div.select ul dd.last div {
            height: 1px;
            overflow: hidden;
            background: url('/Common/Images/page/elements/selectopensepa_400x1.gif') repeat-x right top;
        }

        div.select ul dd.first {
            background: url('/Common/Images/page/elements/selectopenfirstbg_400x40.gif') repeat-x left top;
        }

        div.select ul dd.last {
            background: url('/Common/Images/page/elements/selectopenlastbg_400x40.gif') repeat-x left bottom;
        }

            div.select ul dd.last a {
                position: relative;
                background: url('/Common/Images/page/elements/selectopenlastbgr_3x40.gif') no-repeat right bottom;
            }

        div.select ul dd.first a:hover {
            background: url('/Common/Images/page/elements/selectopenfirsthoverbg_400x40.gif') repeat-x left top;
        }

        div.select ul dd.last a:hover {
            background: url('/Common/Images/page/elements/selectopenlasthoverbg_400x40.gif') repeat-x left bottom;
        }

        div.select ul dd a:hover {
            background: url('/Common/Images/page/elements/selectopenhoverbg_400x40.gif') repeat-x left top;
        }

        div.select ul dd.open a {
            display: block;
            qbackground-color: Red;
            qwidth: 100%;
        }

div.pwdstrength {
    margin-top: -10px;
}

    div.pwdstrength div {
        height: 4px;
        overflow: hidden;
    }

        div.pwdstrength div.text {
            font: 7pt Arial !important;
            color: #5e5e5e;
            height: auto;
            overflow: visible;
            position: relative;
        }

        div.pwdstrength div.left {
            width: 2px;
            background: url('/Common/Images/page/elements/passgrayleft_2x4.gif') no-repeat;
            float: left;
        }

        div.pwdstrength div.middle {
            float: left;
            background-color: #cccccc;
        }

        div.pwdstrength div.right {
            width: 2px;
            background: url('/Common/Images/page/elements/passgrayright_2x4.gif') no-repeat;
            float: right;
        }

        div.pwdstrength div.left.blue {
            background: url('/Common/Images/page/elements/passgreenleft_2x4.gif') no-repeat;
        }

        div.pwdstrength div.right.blue {
            background: url('/Common/Images/page/elements/passgreenright_2x4.gif') no-repeat;
        }

        div.pwdstrength div.middle div {
            background-color: #87bf35;
            width: 0;
        }


span.checkbox {
    display: inline-block;
    display: -moz-inline-block;
    zoom: 1;
    *display: inline;
    padding: 1px 0 1px 19px;
    cursor: default;
    background: url('/Common/Images/page/elements/unchecked.svg') no-repeat 0px 1px;
    background-size: 14px 14px;
}
    span.checkbox[disabled] {
        background: url('/Common/Images/page/elements/disabled-unchecked.svg') no-repeat 0px 1px;
        background-size: 14px 14px;
    }

    span.checkbox.checked[disabled] {
        background: url('/Common/Images/page/elements/disabled-checked.svg') no-repeat 0px 1px;
        background-size: 14px 14px;
    }

    span.checkbox.checked {
        background: url('/Common/Images/page/elements/checked.svg') no-repeat 0px 1px;
        background-size: 14px 14px;
    }

    span.checkbox label {
        line-height: normal;
    }


ul.radiobuttonlist {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    ul.radiobuttonlist.horizontal li {
        display: inline;
        margin-right: 10px;
    }

    ul.radiobuttonlist li a {
        display: inline-block;
        zoom: 1;
        *display: inline;
        padding-left: 17px;
        cursor: default;
        background: url('/Common/Images/page/elements/radiobutton_12x12.gif') no-repeat 0px 5px;
        color: #5e5e5e;
        font-weight: normal;
    }

        ul.radiobuttonlist li a:hover {
            color: #5e5e5e !important;
        }

    ul.radiobuttonlist li a, x:-moz-any-link, x:default {
        display: -moz-inline-stack;
    }

    ul.radiobuttonlist li a, x:-moz-any-link {
        display: -moz-inline-block;
    }

        ul.radiobuttonlist li a.selected {
            background: url('/Common/Images/page/elements/radiobutton_selected_12x12.gif') no-repeat 0px 5px;
        }

div.loginbox {
    -overflow-x: hidden;
    -overflow-y: visible;
    -width: 168px;
}
    /*loginbox mainpage*/
    div.loginbox div.textbox {
        width: 172px;
        -width: 168px;
        height: auto;
        margin-bottom: 10px;
    }

        div.loginbox div.textbox input {
            background-color: #FFFFFF;
            height: auto;
            width: 162px;
            -width: 160px;
            padding: 3px 0px;
            *margin: -1px 0px;
        }
/*
titles
----------------------------
*/
.title_blue {
    font: 24px Arial;
    color: #0088CE;
    display: block;
    margin: 13px 0px;
}
/*
promo main page
----------------------------
*/
div.promomain {
    padding-top: 8px;
    font: 9pt Arial;
    line-height: 16pt;
    color: #5e5e5e;
}

    div.promomain#promomain {
        padding: 17px 0px 17px 0px;
    }

    div.promomain div.left {
        width: 409px;
        float: left;
        padding: 0px 35px;
    }

    div.promomain div.right {
        width: 402px;
        float: right;
        padding: 0px 35px;
    }

div.pagecontent div.promomain div.left {
    width: 402px;
}
/*
promo top
----------------------------
*/
div.promotop {
    width: 958px;
    height: 280px;
}

    div.promotop div.left {
        width: 759px;
        height: 280px;
        float: left;
    }

        div.promotop div.left div.flashcontent {
            padding: 20px 28px;
        }

div.flashcontent span.title {
    font: 24px Arial Narrow;
    font-weight: bold;
    color: #e6e7e8;
}

div.flashcontent div.subtitle {
    font: 14px Arial Narrow;
    font-weight: bold;
    color: #cdcdcf;
    white-space: nowrap;
    margin-top: 5px;
}

div.flashcontent div.top {
    height: 130px;
}

div.flashcontent div.bottom img {
    margin-right: 4px;
}

div.flashcontent div.bottom a {
    font: bold 12px Arial;
    color: #66bcff;
}

    div.flashcontent div.bottom a:hover {
        color: #8accff !important;
    }

div.flashcontent span.greenbutton input {
    text-transform: uppercase;
}

div.promotop div.right {
    width: 199px;
    height: 280px;
    float: right;
}

div.promotop div.flashover {
    position: relative;
    z-index: 10;
    margin-top: -280px;
}

div.promotop div.mainflash {
    height: 280px;
    width: 958px;
    /*background: url('/visualization/theworld_map.jpg') no-repeat;*/
}

div#loginboxbg {
    width: 199px;
    height: 280px;
    position: absolute;
    -position: static;
    z-index: -1;
    -z-index: 11;
}

    div#loginboxbg div#bg {
        width: 199px;
        height: 280px;
        background: url('/Common/Images/page/boxes/loginboxbg_199x280.png') no-repeat;
    }

div.promotop div#loginbox {
    position: relative;
    -position: static;
    -margin-top: -280px;
    -z-index: 11;
}

/*
main page footer icos
----------------------------
*/
div.box.homebanners {
    margin: 17px 35px 31px 35px;
}

div.grayicos {
    float: left;
    width: 219px;
    font: bold 10pt Arial;
    letter-spacing: -1px;
    color: #1e7ecc;
    line-height: 54px;
    white-space: nowrap;
    border-right: 1px solid #cccccc;
    overflow: hidden;
}

    div.grayicos.last {
        border-right: none;
    }
/*
loginbox
----------------------------
*/
div.loginbox {
    color: #FFFFFF;
    padding: 16px 15px 0px 15px;
}

    div.loginbox span {
        font: bold 12pt Arial;
        line-height: 37px;
    }

        div.loginbox span input {
            font: bold 11px Arial;
        }

        div.loginbox span.button button {
            font-size: 11px;
        }

    div.loginbox a {
        color: #FFFFFF;
    }
    /*
div.loginbox div.whiteinput input {
    width: 160px;
    -width: 158px !important;
}
div.loginbox div.whiteinput {
    margin-bottom: 10px;
}
*/
    div.loginbox ul {
        padding: 0;
        margin: 8px 0px 0px 0px;
        list-style-type: none !important;
    }

        div.loginbox ul li {
            height: 17px;
            line-height: 17px;
        }

            div.loginbox ul li img {
                margin: 0px 0px 0px 0px;
            }

            div.loginbox ul li a {
                color: #66bcff;
                font: bold 12px Arial;
                text-decoration: none;
            }

                div.loginbox ul li a:hover {
                    color: #8accff !important;
                }

            div.loginbox ul li img {
                width: 7px;
                height: 14px;
                margin-bottom: 1px;
                background: url('/Common/Images/button/link_arrow.gif') no-repeat left 8px;
            }

    div.loginbox div.middle input {
        -width: 158px;
    }


    div.loginbox div.whitebox div.middle div img {
        background: url('/Common/Images/button/arrow_right_3x6.gif') no-repeat;
        margin-right: 2px;
    }

    div.loginbox div.whitebox div.middle div, div.loginbox div.whitebox div.middle div a {
        color: #33baff;
        font: bold 11px Arial;
    }

        div.loginbox div.whitebox div.middle div div {
            font: 11px Arial;
            color: #999a9b;
            background: url(/Common/Images/page/leftmenusepa_164x1.png) repeat-x left bottom;
            padding: 5px;
            margin-bottom: 5px;
            overflow: hidden;
            white-space: nowrap;
        }

    div.loginbox div.whitebox div.middle span.bluebutton {
        background: url('/Common/Images/button/bluebutton2left_300x24.png') no-repeat;
    }

        div.loginbox div.whitebox div.middle span.bluebutton input {
            background: url('/Common/Images/button/bluebutton2right_4x24.png') top right no-repeat;
        }

    div.loginbox div.whitebox div.middle span {
        line-height: normal;
    }



    div.loginbox.small {
        padding: 0px 8px 0px 0px;
        text-align: right;
        width: auto;
    }

        div.loginbox.small, div.loginbox.small a {
            color: #5e5e5e !important;
        }

            div.loginbox.small a {
                text-decoration: underline !important;
            }
/*
tabpanel
----------------------------
*/
div.tabpanel {
    font: 9pt Arial;
    line-height: 16px;
}

    div.tabpanel a {
        color: #1e88cc;
        text-decoration: none;
        font: bold 11px Arial;
    }

    div.tabpanel div.tabpanel_header {
        position: relative;
        top: 2px;
        zoom: 1;
        z-index: 2;
        height: 33px;
        overflow: hidden;
    }

    div.tabpanel span.tabitem span.tableft, div.tabpanel span.tabitem span.tabright {
        float: left;
        height: 36px;
        line-height: 36px;
        width: 9px;
        font-size: 9px;
        background: none;
        cursor: pointer;
        -height: 35px;
        -line-height: 35px;
    }

    div.tabpanel span.tabitem.active span.tableft {
        background: url("/Common/Images/Sprite/g3master_norep.png") no-repeat -30px -180px;
    }

    div.tabpanel span#first.tabitem.active span.tableft {
        background: url("/Common/Images/Sprite/g3master_norep.png") no-repeat -20px -180px;
    }

    div.tabpanel span.tabitem.active span.tabright {
        background: url("/Common/Images/Sprite/g3master_norep.png") no-repeat -40px -180px;
    }

    div.tabpanel span.tabitem.first span.tableft {
        width: 5px;
    }

    div.tabpanel div.tabpanel_header a {
        text-transform: uppercase;
        height: 26px;
        line-height: normal;
        padding: 9px 3px 0px 3px;
        display: block;
        float: left;
        text-align: center;
        border-top: 1px solid white;
        color: #1e88cc !important;
        vertical-align: middle;
    }

    div.tabpanel span.tabitem.active a {
        color: #333333 !important;
        background-color: #EFEFEF !important;
        border-top: 1px solid #E2E5E7;
    }

    div.tabpanel span.tabitem.multiline a {
        line-height: 12px !important;
        padding: 4px 5px 5px 5px;
    }

    div.tabpanel img.arrow {
        vertical-align: middle;
        background: url('/Common/Images/button/arrow_right_w_3x6.png') no-repeat 50% 50%;
    }

    div.tabpanel div.arrow {
        background: url('/Common/Images/button/arrow_right_w_3x6.png') no-repeat left;
        padding-left: 10px;
    }

    div.tabpanel div.tabcontent {
        background-color: #EFEFEF;
        border: 1px solid #E2E5E7;
    }

        div.tabpanel div.tabcontent div.topleft, div.tabpanel div.tabcontent div.topright,
        div.tabpanel div.tabcontent div.botleft, div.tabpanel div.tabcontent div.botright {
            float: left;
            width: 4px;
            height: 4px;
            font-size: 3px;
            line-height: 4px;
            padding: 0px;
            background: url("/Common/Images/Sprite/g3master_norep.png") no-repeat 0 0;
        }

        div.tabpanel div.tabcontent div.topleft {
            background-position: 0 -300px;
            position: relative;
            top: -1px;
            left: -1px;
            z-index: 1;
        }

        div.tabpanel div.tabcontent div.topright {
            float: right;
            background-position: 0 -260px;
            position: relative;
            top: -1px;
            left: 1px;
            z-index: 1;
        }

        div.tabpanel div.tabcontent div.botleft {
            background-position: 0 -280px;
            position: relative;
            top: 1px;
            left: -1px;
            z-index: 1;
        }

        div.tabpanel div.tabcontent div.botright {
            float: right;
            background-position: 0 -240px;
            position: relative;
            top: 1px;
            left: 1px;
            z-index: 1;
        }

        div.tabpanel div.tabcontent div.tab {
            display: none;
            color: #333333;
            padding: 0px 14px;
        }

            div.tabpanel div.tabcontent div.tab.active {
                display: block;
            }

            div.tabpanel div.tabcontent div.tab div.tabpad {
                zoom: 1;
                padding: 8px 0px;
            }

            div.tabpanel div.tabcontent div.tab a {
                font: bold 9pt Arial;
            }

            div.tabpanel div.tabcontent div.tab p {
                margin: 0;
                padding: 0;
            }

        div.tabpanel div.tabcontent div.cornersbottom {
            height: 4px;
            background: url('/Common/Images/page/boxes/tabbottleft_4x4.png') top left no-repeat;
            padding: 0px 0px 0px 4px;
        }

            div.tabpanel div.tabcontent div.cornersbottom div {
                height: 4px;
                background: url('/Common/Images/page/boxes/tabbottright_4x4.png') top right no-repeat;
                padding: 0px 4px 0px 0px;
            }

                div.tabpanel div.tabcontent div.cornersbottom div div {
                    border-bottom: 1px solid #e2e5e7;
                    height: 3px;
                    background: none;
                    padding: 0;
                    background-color: #efefef;
                    overflow: hidden;
                }

        div.tabpanel div.tabcontent div.corners {
            height: 4px;
            background: #efefef url('/Common/Images/page/boxes/tabtopleft_4x4.png') no-repeat top left;
            padding: 0px 0px 0px 4px;
        }

            div.tabpanel div.tabcontent div.corners div {
                height: 4px;
                background: url('/Common/Images/page/boxes/tabtopright_4x4.png') no-repeat top right;
                padding: 0px 4px 0px 0px;
            }

                div.tabpanel div.tabcontent div.corners div div {
                    border-top: 1px solid #e2e5e7;
                    height: 4px;
                    background: none;
                    padding: 0;
                    overflow: hidden;
                }

        div.tabpanel div.tabcontent li, div.tabpanel div.tabcontent li a {
            background-color: #efefef;
        }

div#promomain div.tabpanel div.tabcontent li, div#promomain div.tabpanel div.tabcontent li a {
    height: 20px !important;
    line-height: 20px !important;
}

div#promomain div.tabpanel div.tabcontent li, div#promomain div.tabpanel div.tabcontent li {
    white-space: nowrap;
}

div.tabpanel ul {
    list-style-type: none !important;
    padding: 0px;
    margin: 0px;
}

div.bluetri_hp {
    float: left;
    background-position: -20px -40px;
    margin: 4px 4px 0px 0px;
    line-height: normal;
}

div.bluetri_tp {
    background-position: -20px -60px;
    padding-right: 5px;
    display: inline;
    position: relative;
    top: 5px;
}

div.bluetri_lp {
    background-position: -20px -40px;
    padding-right: 4px;
    display: inline;
    position: relative;
    top: 5px;
}

div.tabpanel ul img {
    position: relative;
    top: -1px;
    margin: 0px 5px 0px 0px;
}

div.tabpanel div.tab ul li a {
    font: bold 12px Arial !important;
}

div.tabpanel ul.dotted {
    list-style-type: disc !important;
    margin: 0px 26px;
    font: 9pt Arial !important;
}

    div.tabpanel ul.dotted li {
        margin: 5px 0 5px 0;
        line-height: 15px;
    }

div.tabpanel div.tab ul.dotted li a {
    font: bold 9pt Arial !important;
}

ul.list_element_padding_12 li {
    padding-bottom: 12px;
}
/*
news
----------------------------
*/
div.box#newsbox {
    padding: 3px 35px;
    margin: 7px auto 7px auto;
    font: 11px Arial;
}

div.news span {
    font: bold 11px Arial;
    color: #1e88cc;
    padding-right: 9px;
    margin-right: 9px;
    border-right: 1px solid #e5e5e5;
}

div.news dl.newsticker {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: inline;
}

    div.news dl.newsticker dd {
        display: none;
    }

    div.news dl.newsticker dt a, div.news dl.newsticker dt {
        display: inline;
        background-color: #FFFFFF;
    }

        div.news dl.newsticker dt a strong {
            color: #5e5e5e;
            font-weight: normal;
        }
/*
registration
----------------------------
*/
table.registration {
    margin: 0px;
    width: 570px;
}

    table.registration.landingV, table.registration.landingH {
        margin: 0 auto;
        padding: 0px 3px;
    }

    table.registration td {
        padding: 5px 0px;
        vertical-align: middle;
        font: 12px Arial;
        padding-right: 5px;
        width: 120px;
    }

        table.registration td label {
            line-height: 16px;
        }

        table.registration td.top {
            vertical-align: top;
        }

        table.registration td.three {
            padding: 5px 0px;
            width: 100%;
        }

        table.registration td.submit {
            height: 57px !important;
        }

        table.registration td.submit2 {
            padding-top: 25px;
        }

        table.registration td.validator {
            height: auto;
            padding: 4px 0px 0px 0px;
        }

        table.registration td div.box {
            margin: 0;
        }

        table.registration td span.validator {
            position: relative;
            left: 3px;
            top: 1px;
            font: bold 11px Arial !important;
            color: #d80808 !important;
        }

        table.registration td div.validator.top {
            margin-bottom: 10px;
        }

        table.registration td span.validator div.left {
            padding: 3px 0px 3px 5px;
        }

        table.registration td span.validator div.right {
            padding-right: 5px;
            font: bold 11px Arial;
            color: #000000;
        }

        table.registration td div.textbox input {
            padding: 3px 0px 3px 0px;
        }

        table.registration td.col {
            width: 220px !important;
            vertical-align: middle;
            padding-right: 0;
        }

        table.registration td.col2 {
            width: 220px !important;
            vertical-align: middle;
            padding-right: 0;
        }

        table.registration td.top {
            vertical-align: top !important;
        }

        table.registration td span.step2 {
            font: 11px Arial;
        }

    table.registration ul.radiobuttonlist li {
        white-space: nowrap;
    }

    table.registration.landingH td {
        padding: 3px 0px;
        height: auto;
        width: auto !important;
    }

    table.registration.landingV td {
        width: auto !important;
        padding: 3px;
    }

    table.registration.landingH {
        width: 486px;
    }

        table.registration.landingH tr.opt td {
            vertical-align: top;
        }

        table.registration.landingH span.small, table.registration.landingH ul.radiobuttonlist, table.registration.landingV span.small, table.registration.landingV ul.radiobuttonlist {
            font: 11px Arial;
        }

            table.registration.landingH ul.radiobuttonlist li a, table.registration.landingV ul.radiobuttonlist li a {
                line-height: 22px;
            }

        table.registration.landingH td {
            width: 240px !important;
        }

            table.registration.landingH td.col {
                width: 240px !important;
            }

            table.registration.landingH td.validator {
                width: 100% !important;
            }

            table.registration.landingH td.col2 {
                padding: 3px 0px 3px 3px;
            }

    table.registration.landingV {
        width: auto;
    }

        table.registration.landingH span.checkbox label, table.registration.landingV span.checkbox label {
            font: 11px Arial;
        }

        table.registration.landingH td span.small, table.registration.landingV td span.small {
            display: block;
            margin-bottom: -5px;
        }

            table.registration.landingH td span.small, table.registration.landingH td span.small a, table.registration.landingV td span.small, table.registration.landingV td span.small a {
                width: 100%;
                font: 10px Arial;
                line-height: 12px;
                padding-left: 5px;
            }

                table.registration.landingH td span.small a, table.registration.landingV td span.small a {
                    padding: 0;
                }

/*
new reg form
*/
table.grayreg {
    margin: 0;
    width: 738px;
    border-collapse: collapse;
    color: #3d3d3d;
}

    table.grayreg td {
        padding: 0;
    }

        table.grayreg td.graytopleft {
            background: url('/Common/Images/page/elements/whiteinputtopleft_3x3.gif') no-repeat top left;
            width: 3px;
            height: 2px;
            position: relative;
            margin-top: -1px;
        }

        table.grayreg td.graytop {
            height: 3px;
            background: url('/Common/Images/page/elements/whiteinputtop_100x3.gif') repeat-x top left;
        }

        table.grayreg td.graytopright {
            height: 3px;
            line-height: 3px;
            background: url('/Common/Images/page/elements/whiteinputtopright_3x3.gif') no-repeat top right;
            width: 3px;
        }

        table.grayreg td.graybottomleft {
            height: 3px;
            background: url('/Common/Images/page/elements/whiteinputbottomleft_3x3.gif') no-repeat bottom left;
            width: 3px;
        }

        table.grayreg td.graybottom {
            height: 3px;
            background: url('/Common/Images/page/elements/whiteinputbottom_100x3.gif') repeat-x bottom left;
        }

        table.grayreg td.graybottomright {
            height: 3px;
            background: url('/Common/Images/page/elements/whiteinputbottomright_3x3.gif') no-repeat bottom right;
            width: 3px;
        }

        table.grayreg td.grayleft {
            background: url('/Common/Images/page/elements/whiteinputleft_3x100.gif') repeat-y top left;
            width: 3px;
        }

        table.grayreg td.grayright {
            background: url('/Common/Images/page/elements/whiteinputright_3x100.gif') repeat-y top right;
            width: 3px;
        }

        table.grayreg td.gray {
            background-color: #efefef;
            padding: 5px 11px;
            width: 167px;
        }

    table.grayreg tr.first td.gray {
        padding: 11px 11px 5px 11px;
    }

    table.grayreg tr.first td.graywhite {
        padding-top: 5px;
    }

    table.grayreg tr.last td.gray {
        padding: 5px 11px 11px 11px;
    }

    table.grayreg tr.last td.graywhite {
        padding-bottom: 5px;
    }

    table.grayreg td.gray.fields {
        width: 300px;
    }

        table.grayreg td.gray.fields span.small {
            display: block;
        }

            table.grayreg td.gray.fields span.small, table.grayreg td.gray.fields span.small a {
                width: 100%;
                font: 10px Arial;
                line-height: 12px;
                *line-height: 10px !important;
                padding-left: 5px;
            }

                table.grayreg td.gray.fields span.small a {
                    padding: 0;
                }

        table.grayreg td.gray.fields div.box.textbox {
            float: left;
        }

    table.grayreg td.gray.full {
        width: 489px;
    }

    table.grayreg td.gray.small, table.grayreg td.gray.small span.text {
        font: 11px Arial;
    }

        table.grayreg td.gray.small span.text a {
            font: bold 11px Arial;
        }

        table.grayreg td.gray.small span.checkbox label {
            line-height: 15px !important;
        }

    table.grayreg td.graywhite {
        /*RESCUE CHANGE, DO NOT REMOVE*/
        background-color: Transparent;
        /*RESCUE CHANGE, DO NOT REMOVE*/
        width: 221px;
    }

    table.grayreg td hr {
        height: 1px;
        border: none;
        *color: #cbcbcb;
        background-color: #cbcbcb;
        border: 0px solid #f9f9f9;
    }

    table.grayreg td.col {
        width: 738px;
    }

    table.grayreg td.gray.submit {
        text-align: center;
    }

    table.grayreg td.graywhite span.validator.red div.box.validator.red {
        margin-left: 16px;
    }

    table.grayreg td object {
        width: 100%;
    }
/*
set sifr fallbacks and margins here
*/
h1.sIFR-replaced {
    margin: 17px 0px -4px 0px;
}

div.box.popup h1.sIFR-replaced object, div.box.popup h2.sIFR-replaced object {
    position: relative;
    z-index: 999;
}

h2.sIFR-replaced {
    /*RESCUE CHANGE, DO NOT REMOVE*/
}

h1.blue {
    color: #0088ce;
    font: 24px Arial Narrow;
    font-weight: normal;
}

    h1.blue a {
        font-weight: normal;
    }

    h1.blue.mainpage {
        margin: 18px 0px 17px 0px;
    }

        h1.blue.mainpage.sIFR-replaced {
            margin: 13px 0px 10px 0px;
        }

h1.top {
    margin: 10px 0px 14px 0px;
    *margin: 10px 0px -6px 0px;
    padding: 0;
}

    h1.top.sIFR-replaced {
        margin: 8px 0px -4px 0px;
    }

h2.landingh {
    font-size: 20px;
    font-family: Arial Narrow;
    font-weight: normal;
    line-height: 24px;
    color: Black;
    margin: 0px 0 14px 0;
    padding: 0;
}

h2.nopad {
    font-size: 20px;
    font-family: Arial Narrow;
    font-weight: normal;
    line-height: 24px;
    color: Black;
    margin: 0;
    padding: 0;
}

h1.landingh1 {
    font-size: 20px;
    font-family: Arial Narrow;
    font-weight: normal;
    line-height: 24px;
    color: Black;
    margin: 10px 0px 0px 0px;
    padding: 0;
}

table.registration h1.top {
    margin: 3px 0px 15px 0px;
}

    table.registration h1.top.sIFR-replaced {
        margin: 3px 0px 8px 0px;
    }

table.login_pw_pg div.box {
    margin: 0;
}

div.bannerpadding {
    padding-bottom: 14px;
}

div.pmargin {
    margin-top: 16px;
}

table.pmargin {
    margin-top: 16px;
}

div.nodeslist {
    font: 8pt Arial;
    color: #000;
}

/*   MASTER SPRITES Begin   */
.s_nr {
    background: url("/Common/Images/Sprite/g3master_norep.png") no-repeat 0px 0px;
}
/* s_nr stands for Sprite No-Repeat */
.s_rx {
    background: url("/Common/Images/Sprite/g3master_repx.png") repeat-x 0px 0px;
}
/* s_rx stands for Sprite Repeat-X */
.s_ry {
    background: url("/Common/Images/Sprite/g3master_repy.png") repeat-y 0px 0px;
}
/* s_ry stands for Sprite Repeat-Y */
/*   MASTER SPRITES End   */

/*RESCUE CHANGE, DO NOT REMOVE*/
div.box.textbox div div div textarea.tbox {
    background: #FFFFFF;
}

.collapse_link {
    font-family: arial;
    font-size: 12px;
}

.collapse_text {
    font-family: courier;
    font-size: 8px;
}

.bluearrow_right {
    background-position: -20px -60px;
    display: inline;
    padding-right: 4px;
    top: 4px;
    /*position: relative;  */
}

li a div.bluearrow_right {
    left: -10px;
    position: relative;
    /*padding-left: 3px;*/
}

.bluearrow_right_active {
    left: -10px;
    background-position: -20px -420px;
    display: inline;
    padding-right: 4px;
    top: 4px;
    position: relative;
}
/*RESCUE CHANGE, DO NOT REMOVE*/

span.thirdLvlInd {
    left: 85%;
    position: absolute;
    top: 153px;
}

div.headmenu #menu li dl dd dl {
    clear: left;
    color: #FFFFFF;
    display: none;
    margin: -21px 0 0 0;
    padding: 0;
    text-align: left;
    border-left: 1px solid #1090D0;
}

div.headmenu #menu li dl dd:hover dl {
    clear: both;
    display: block;
    position: absolute;
    top: auto;
    left: 100%;
}

div.unlockacclogin {
    color: #5E5E5E;
    margin: auto;
    width: auto;
}

    div.unlockacclogin a {
        color: #3185C9;
    }

a.casestudieslink {
    display: block;
    position: absolute;
    width: 172px;
    height: 122px;
    background: white;
    opacity: 0;
    filter: alpha(opacity=0);
}

div#boletoInfoDetails {
    display: none;
    text-align: center;
}

table#boletoRenewalItems td {
    white-space: nowrap;
    padding: 3px;
    vertical-align: top;
}

    table#boletoRenewalItems td.boletoRenewalQuantityCell {
        text-align: center;
    }

    table#boletoRenewalItems td.boletoRenewalPriceCell {
        text-align: right;
    }

table#boletoRenewalItems tr.boletoRenewalHeaderRow td {
    border-bottom: solid 1px #666666;
    font-weight: bold;
}

table#boletoRenewalItems tr.boletoRenewalItemRow td {
    /*border-bottom: solid 1px #cccccc; */
}

table#boletoRenewalItems tr.boletoRenewalVatRow td {
    border-top: solid 1px #666666;
}

table#boletoRenewalItems tr.boletoRenewalTotalRow td {
    border-top: solid 2px #666666;
    font-weight: bold;
}

table#boletoNavigationButtons {
    margin: 15px auto 0 auto;
    width: 580px;
}

ul.mobileFeatures {
    list-style: square;
    padding-left: 23px;
}

.footnote {
    font-size: 9px;
}

.clb {
    clear: both;
    font-size: 0;
    height: 0;
}

.hiddenSubmit {
    width: 0;
    height: 0;
    font-size: 0;
    overflow: hidden;
    position: absolute;
    top: -10000px;
}

.iframeFooterDiv {
    text-align: center;    
    border-width: 1px;
    border-top: thin solid #e9e9e9;
}

.iframeFooterDiv a {
    color: #4cb7ef !important;
    height: 74px;
    background-color: #fafafa;
}

.iframeFooterDiv a:hover {
    color: #4cb7ef !important;
    text-decoration: underline;
}

.iframeFooterDiv .buttonlink {
    display: block;
    line-height: 74px;
}

.iframeInfoPopup {
    height: 480px;
}

/* twitter and facebook icons in footer */
a.social {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    background: url('/Common/Images/Sprite/g3master_norep.png') no-repeat 0 0;
}

    a.social.twitter {
        background-position: -20px -362px;
    }

    a.social.facebook {
        background-position: -20px -382px;
    }

/* slim page design for marketing pages ------------------------------------ {{{ */
.legacyHomeContent {
    padding: 0 30px;
}

    .legacyHomeContent a {
        display: inline-block;
        border-radius: 2px;
        padding: 0 2px;
    }

        .legacyHomeContent a:hover {
            background-color: #D2EDF8;
        }

    .legacyHomeContent #leftnav li {
        display: inline-block;
        padding-right: 5px;
    }

    .legacyHomeContent .dubious {
        color: #999;
    }

body.slim div.header {
    height: 50px;
}

body.slim div.headmenu {
    display: none;
}

body.slim div.middlecontent {
    display: none;
}

body.slim div.pagecontent div.rightcol {
    display: none;
}

body.slim div.pagecontent div.middlecol {
    width: 740px;
}

body.slim div.footer div.left {
    padding: 0;
}

body.slim div.footer div.right {
    padding: 0;
    width: 300px;
}

body #chatnow_banner {
    display: none;
}
/* ez kikerul majd aspxbol is */
body .myAccountPageAd {
    width: auto;
}

body div.logo a img {
    display: none;
}

body div.logo a {
    display: block;
    position: relative;
    top: 3px;
    width: 254px;
    height: 38px;
    background: url(/Images/site/legacy/logo.png) 0 0 no-repeat;
}

/* slim root page hacks, page will be removed soon */
body.slim div.prodpic.rescue.pp_prodpic_rescue {
    display: none;
}

/* enterprise fixes */
body.enterprise .headcontent .middlecontent {
    display: none;
}
/* even more sales boxes */
body.enterprise div.pagecontent div.rightcol {
    display: none;
}

body.enterprise.home div.pagecontent div.rightcol {
    display: block;
}

body.enterprise div.pagecontent div.middlecol {
    width: 740px;
}

body.enterprise div.loginbox2 {
    margin-top: 0;
}

.enterpriseWhitePaper {
    margin: 10px;
    padding: 10px 0px;
    display: block;
    background: url(/Common/Images/Rescue_ENT_LegacyTools.png) 0 0 no-repeat;
    width: 170px;
    height: 160px;
}

.enterpriseHomeContent {
    padding-left: 20px;
}

    .enterpriseHomeContent .text {
        padding-bottom: 10px;
    }

/* }}} slim --------------------------------------------------------------------- */

/* new header my account demo */
body > div.main {
    padding-top: 20px;
}

#site_header, .loginbox.small {
    display: none;
}

body .myAccountSection.maLaunchMSPPortal {
    background: #0088CE;
    border-radius: 0.5rem;
    color: #ffffff;
    padding: 1.5rem 1rem;
    display: flex;
    align-items: start;
    gap: 1rem;
    margin-bottom: 1rem;
    margin-right: 4rem;
}

body .myAccountSection.launch-tile .msp-image {
    width: 26px;
    height: 26px;
    margin-top: 0.75rem;
    background-image: url("../../Common/Images/msp_gray.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

body .myAccountSection.launch-tile {
    display: flex;
    align-items: start;
    gap: 1rem;
    margin-right: 4rem;
    margin-bottom: 1rem;
}

body .myAccountSection.launch-tile h2 {
    margin-bottom: 0.4rem;
}

body .myAccountSection.launch-tile .msp-image {
    width: 26px;
    height: 26px;
    margin-top: 1rem;
    background-image: url("/Common/Images/msp_blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

body .myAccountSection.launch-tile .webtc-image {
    width: 26px;
    height: 26px;
    margin-top: 1rem;
    background-image: url("/Common/Images/blueapplication.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

body .myAccountSection.launch-tile ul {
    list-style-type: disc;
    margin-bottom: 0;
}

body .myAccountSection.launch-tile a.cta {
    display: none;
    background: #ffffff;
    border-radius: 0.35rem;
    color: #0088CE;
    font-weight: bold;
    border:0;
    padding: 0.5rem;
    cursor: pointer;
}

body .myAccountSection.launch-tile.highlight {
    background: #0088CE;
    border-radius: 0.5rem;
    color: #ffffff;
    padding: 1.5rem 1rem;
}

body .myAccountSection.launch-tile.highlight h2 {
    margin-top: 0;
}

body .myAccountSection.launch-tile.highlight .msp-image {
    width: 40px;
    height: 40px;
    margin-top: 0;
    background-image: url("/Common/Images/msp_white.svg");
}

body .myAccountSection.launch-tile.highlight .webtc-image {
    width: 40px;
    height: 40px;
    margin-top: 0;
    background-image: url("/Common/Images/webtc.png");
}

body .myAccountSection.launch-tile.highlight img {
    width: 40px;
    height: auto;
    margin-top: 0;
}

body .myAccountSection.launch-tile.highlight h2 a {
    color: #ffffff;
}

body .myAccountSection.launch-tile.highlight a.cta {
    display: inline-block;
    margin-top: 1rem;
}

body .myAccountSection.launch-tile.highlight a:not(.cta):hover {
    color: #ffffff !important;
}