﻿
body {
    width: 1100px;
    padding: 10px 0 50px 0;
    margin: 8px auto;
    font-size: 12px;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    background: #0e76bc url('../Graphics/Common/body-white-gradient.png') repeat-x scroll top;
    color: #0b234a;
}

/*******************************************************************************************
 * below: visual studio automatically made values
 ********************************************************************************************/
div.hideSkiplink {
    background-color: #3a4f63;
    background-repeat: repeat-x;
    width: 100%;
}

div.menu {
    padding: 4px 0 4px 8px;
}

    div.menu ul {
        list-style: none;
        margin: 0;
        padding: 0;
        width: auto;
    }

        div.menu ul li a, div.menu ul li a:visited {
            border: 1px solid;
            display: block;
            line-height: 1.35em;
            padding: 4px 20px;
            text-decoration: none;
            white-space: nowrap;
        }

            div.menu ul li a:active {
                text-decoration: none;
            }

/*******************************************************************************************
 * form section
 ********************************************************************************************/
fieldset {
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #ccc;
}

    fieldset p {
        margin: 2px 12px 10px 10px;
    }

    fieldset.login label, fieldset.register label, fieldset.changePassword label {
        display: block;
    }

    fieldset label.inline {
        display: inline;
    }

legend {
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry {
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry {
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo {
    width: 42%;
}

/*******************************************************************************************
 * below: sundry or misc or miscellaneous section
 ********************************************************************************************/
.clear {
    clear: both;
}

.loginDisplay {
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
}

.failureNotification {
    font-size: 1.2em;
    color: Red;
}

.bold {
    font-weight: bold;
}

.submitButton {
    text-align: right;
    padding-right: 10px;
}

span.firstLetter {
    font-size: 3em;
}

*.round, div.pseudo_cell {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

div#page, div#wrapper {
    border-radius: 10px;
}

*.bottom_round {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

*.top_round {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

*.no_round {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

div#menu * {
    border-radius: 5px;
}

    div#menu * table {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }

div.pseudo_cell input, div.pseudo_cell select {
    border-radius: 5px !important;
}

/* monochromatic light: #2eabff
 * base color: #0e76bc
 * monochromatic dark: #073b5e
 */

a {
    color: #073b5e;
}

    a:hover {
        color: #00a1df;
        text-decoration: none;
        font-size: 12px;
        line-height: 14px;
        padding-bottom: 2px;
    }

h2, h3 {
    color: #123;
}

div#menu {
    margin-top: 0 !important;
    background: #073b5e url('../Graphics/common/menu-white-gradient.png') repeat-x scroll top;
}

div#footer div.pseudo_cell, div#content div.pseudo_cell {
    background: #f0f0ff url('../Graphics/common/content-white-gradient.png') repeat-x scroll top;
}

div#btn_grid input {
    background: #0e76bc url('../Graphics/common/menu-black-gradient.png') repeat-x scroll top !important;
}

div#copyright {
    color: #fff;
}

span#handicomp_slogan {
    color: #073b5e;
}

#wrapper {
    background-color: #ffffff !important;
    text-align: left;
    margin: 0;
    padding: 0;
    background-color: #ffffff;
}

/* Header Start */
#ghnLogoTR {
    height: 80px;
    position: relative;
    margin: 0;
    padding: 0;
}

.content {
    background-color: #ffffff !important;
    top: 111px;
    font-size: 11px;
    overflow: hidden;
    min-height: 900px;
    margin: 0;
    padding: 0;
    padding-bottom: 80px;
}

a {
    color: #0666B2;
    text-decoration: none;
    font-size: 12px;
    line-height: 14px;
    padding-bottom: 2px;
}

td {
    color: #000000;
}

b {
    font-size: 12px;
    color: #000000;
    font-weight: bold;
    line-height: 13px;
}

h1 {
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    margin-bottom: 0;
}

/* Menu Start */

#menu {
    position: relative;
    border: 1px solid black;
    border-color: #ffffff;
    background-image: url(dropmenu_back.jpg);
    background-repeat: repeat-x;
    background-position: top;
    background-color: #293f54;
    min-height: 26px !important;
    max-height: 65px !important;
    text-align: left;
    vertical-align: top !important;
}

    #menu table {
        background-image: url(dropmenu_back.jpg);
        background-repeat: repeat-x;
        background-position: top;
        background-color: #293f54;
    }

    #menu .menuTop {
        font-size: 12px !important;
        font-family: Arial, Helvetica, sans-serif;
        color: #ffffff !important;
        text-transform: uppercase;
        font-weight: bold;
        padding: 5px !important;
        height: 16px !important;
        background: transparent;
    }

        #menu .menuTop a {
            color: #ffffff !important;
            font-size: 12px !important;
        }

            #menu .menuTop a:hover {
                color: #fee301 !important;
                font-size: 12px !important;
                font-family: Arial, Helvetica, sans-serif;
            }

    #menu .subMenu {
        background-color: transparent !important;
        font-size: 12px !important;
        font-family: Arial, Helvetica, sans-serif;
        color: #ffffff !important;
        text-transform: uppercase;
        font-weight: bold;
        padding: 5px !important;
        border-top: 1px solid black;
        border-top-color: #628298;
        height: 14px !important;
    }

        #menu .subMenu a {
            color: #ffffff !important;
        }

            #menu .subMenu a:hover {
                color: #fee301 !important;
            }

    #menu .subHover {
        background-color: transparent !important;
        font-size: 12px !important;
        font-family: Arial, Helvetica, sans-serif;
        color: #ffffff !important;
        text-transform: uppercase;
        font-weight: bold;
        padding: 5px !important;
        border-top: 1px solid black;
        border-top-color: #628298;
        height: 14px !important;
    }

        #menu .subHover a {
            color: #ffffff !important;
        }

            #menu .subHover a:hover {
                color: #fee301 !important;
            }

/* Menu End */

.switcherBG {
    background-image: url(switcherHeadBG.png);
    background-repeat: repeat-x;
    background-position: top;
}

.sIcBG {
    background-color: #ececec;
    border: 1px solid black;
    border-color: #000000;
    height: 100px;
    background-image: url(sIcBG.gif);
    background-repeat: repeat-x;
}

.ast {
    font-size: 11px;
    font-weight: bold;
    font-style: italic;
    color: #0666B2;
}

.flyerBg {
    background-position: top;
    background-image: url(flyerBg.gif);
    background-repeat: repeat-x;
}

.flyerBgb {
    background-position: bottom;
    background-image: url(flyerBg.gif);
    background-repeat: repeat-x;
}


.adjustZIndex {
    z-index: 999;
}

.dashHead {
    font-size: 12px;
    text-transform: uppercase;
    color: #8e9395;
    font-weight: bold;
}

.lugridrow {
    font-size: 13px;
    color: #ffffff;
    font-weight: normal;
    line-height: 16px;
    font-style: normal;
}

.lpmw {
    font-size: 11px;
    color: #ffffff;
    font-weight: bold;
    line-height: 13px;
    font-style: normal;
}

.lpmd {
    font-size: 11px;
    color: #464646;
    font-weight: bold;
    line-height: 13px;
    font-style: normal;
}

.spmd {
    font-size: 10px;
    color: #474747;
    font-weight: bold;
    line-height: 11px;
    font-style: normal;
}

.tGH {
    background-image: url(gvHeaderBackground.gif);
    background-repeat: repeat-x;
    padding: 2px;
    height: 18px;
}

.gf {
    font-family: Verdana, Helvetica, sans-serif !important;
    font-size: 11px;
    line-height: 13px;
    margin: 0;
    padding: 0;
}

.gfs {
    font-family: Verdana, Helvetica, sans-serif !important;
    font-size: 10px;
    line-height: 12px;
    margin: 0;
    padding: 0;
}

.HD {
    background-image: url(horizontalDots.gif);
    background-repeat: repeat-x;
    line-height: 1px;
    padding-bottom: 4px;
}

.pph {
    background-image: url(section_bg.gif);
    background-repeat: repeat-x;
}

.modalBackground {
    background-color: White;
    filter: alpha(opacity=80);
    opacity: 0.8;
    z-index: 20000;
}

.sModBG {
    background-color: White;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup {
    background-color: #ffffff;
    border-width: 5px;
    border-style: solid;
    border-color: #357392;
}

.modalPopupBottomless {
    background-color: #ffffff;
    border-width: 1px;
    border-style: solid;
    border-color: #357392;
    border-bottom: none;
}

.ins {
    font-size: 11px;
    color: #595959;
    line-height: 14px;
    font-style: italic;
}


.lphTD {
    text-align: left;
    padding-top: 20px;
    padding-left: 4px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #353535;
    font-weight: bold;
    line-height: 18px;
    font-style: normal;
}


.lph {
    font-size: 16px;
    color: #000000;
    font-weight: bold;
    line-height: 18px;
    font-style: normal;
    padding-top: 10px;
}

.lpm {
    font-size: 14px;
    color: #000000;
    font-weight: normal;
    line-height: 16px;
    font-style: normal;
}

.mph {
    font-family: Verdana, Arial, Helvetica, Utkal, sans-serif;
    font-size: 14px;
    color: #000000;
    font-weight: bold;
    line-height: 16px;
}

.sh {
    font-size: 11px;
    color: #696969;
    font-weight: bold;
    line-height: 14px;
    font-style: normal;
    padding-top: 5px;
}

a.sh {
    font-size: 11px;
    color: #696969;
    font-weight: bold;
    line-height: 14px;
    font-style: normal;
    padding-top: 5px;
}

    a.sh:hover {
        font-size: 11px;
        color: #696969;
        font-weight: bold;
        line-height: 14px;
        font-style: normal;
        padding-top: 5px;
    }

.bold_red {
    font-weight: bold;
    color: Red;
}


/* Dashboard backgrounds */

.tBg {
    background-image: url(tBg.png);
    background-repeat: repeat-x;
    padding: 0;
    height: 15px !important;
}

.bBg {
    background-image: url(bBg.png);
    background-repeat: repeat-x;
    padding: 0;
}

.lBg {
    background-image: url(lbg.png);
    background-repeat: repeat-y;
    padding: 0;
    height: 15px !important;
}

.rBg {
    background-image: url(rBg.png);
    background-repeat: repeat-y;
    padding: 0;
    height: 15px !important;
}

/* whiteBox */

.trT {
    line-height: 3px !important;
    height: 3px !important;
}

.t {
    background-image: url(t.png);
    background-repeat: repeat-x;
    background-position: bottom;
    padding: 0;
    line-height: 6px;
}

.b {
    background-image: url(b.png);
    background-repeat: repeat-x;
    padding: 0;
    line-height: 6px;
}

.l {
    background-image: url(l.png);
    background-repeat: repeat-y;
    padding: 0;
}

.r {
    background-image: url(r.png);
    background-repeat: repeat-y;
    padding: 0;
}

a.BuyOrderLabels {
    padding: 0;
    margin: 0;
    color: red !important;
    font-size: 11px !important;
    font-weight: normal !important;
    text-decoration: none !important;
    font-style: italic !important;
}

    a.BuyOrderLabels:hover {
        text-decoration: underline !important;
    }

.gmpBg {
    background-image: url(GlobalMapBG.png);
    background-repeat: no-repeat;
    background-position: top;
    padding: 0;
}

.SseBtn {
    background-color: #45c4f1;
    color: #000000;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    padding: 2px;
}

    .SseBtn:hover {
        color: #ffffff;
        text-decoration: none;
        font-size: 12px;
        font-weight: bold;
        padding: 2px;
    }

a.moreInfoBtn {
    color: #0666B2;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, Utkal, sans-serif;
    font-size: 11px;
    line-height: 18px;
    font-weight: bold;
    padding: 3px;
}

    a.moreInfoBtn:hover {
        color: #1486e0;
        text-decoration: none;
        font-size: 11px;
        line-height: 18px;
        font-weight: bold;
        padding: 3px;
    }

.loginBtn {
    background-image: url(loginBG.png);
    background-repeat: repeat-x;
    height: 30px;
    border: 1px solid black;
    border-color: #ddff66;
    padding: 0;
    font-size: 16px;
}

.psBtn {
    background-image: url(loginBG.png);
    background-repeat: repeat-x;
    height: 30px;
    border: 1px solid black;
    border-color: #ffffff;
    padding: 0;
    font-weight: bold;
    font-size: 14px;
}

.login td {
    font-size: 14px;
    color: #273342;
    line-height: 16px;
    padding: 2px;
}
/* GSE Menu  */


.SMS {
    color: #ffffff;
    text-decoration: none;
    font-size: 12px;
    line-height: 13px;
    font-weight: bold;
    padding-bottom: 2px;
    text-align: left;
    width: 110px;
}

.smiGSE {
    background-image: url(mItemBack.gif);
    background-repeat: repeat-x;
    color: #ffffff;
    text-decoration: none;
    font-size: 12px;
    line-height: 13px;
    font-weight: normal;
    padding-bottom: 2px;
    text-align: left;
}

a.smiGSE {
    color: #ffffff;
    text-decoration: none;
    font-size: 12px;
    line-height: 13px;
    font-weight: bold;
    padding-bottom: 2px;
}

    a.smiGSE:hover {
        color: #ffffff;
        text-decoration: none;
        font-size: 12px;
        line-height: 13px;
        font-weight: bold;
    }

a.dmiGSE {
    color: #ffffff;
    text-decoration: none;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    padding: 2px;
}

    a.dmiGSE:hover {
        background-color: #45c4f1;
        color: #ffffff;
        text-decoration: none;
        font-size: 12px;
        line-height: 16px;
        font-weight: bold;
        padding: 2px;
    }

.dmiGSE {
    background-color: #195c7e;
    line-height: 16px;
    width: 175px;
    padding-right: 5px;
    padding: 2px;
}

/* End GSE */

smi {
    color: #000000;
    text-decoration: none;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    padding-bottom: 2px;
    text-align: left;
}

a.smi {
    color: #000000;
    text-decoration: none;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    padding-bottom: 2px;
}

    a.smi:hover {
        color: #000000;
        text-decoration: none;
        font-size: 12px;
        line-height: 16px;
        font-weight: normal;
    }

a.dmi {
    color: #0666B2;
    text-decoration: none;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
}

    a.dmi:hover {
        color: #3F81D2;
        text-decoration: underline;
        font-size: 12px;
        line-height: 16px;
        font-weight: normal;
    }

.dmi {
    background-color: #F6F6F6;
    border-bottom: 1px solid black;
    border-bottom-color: #ededed;
    border-top: 1px solid black;
    border-top-color: #ffffff;
    line-height: 13px;
    width: 250px;
    padding-left: 5px;
}

.xRow {
    height: 20px;
    padding: 0;
    background-color: #ffffff;
}

.dmih {
    background-image: url(full_head_bg.gif);
    background-repeat: repeat-x;
    border-top: 1px solid black;
    border-top-color: #ffffff;
    line-height: 13px;
    width: 250px;
    padding-left: 6px;
}

.sif_light {
    font-size: 11px;
    color: #7A7A7A;
    line-height: 12px;
    font-style: italic;
}

.sfl {
    font-size: 11px;
    color: #5E5E5E;
    line-height: 12px;
}

.sflP {
    font-size: 11px;
    color: #5E5E5E;
    line-height: 12px;
    padding-right: 12px;
}

.sflL {
    font-size: 13px;
    color: #5E5E5E;
    line-height: 14px;
    padding-left: 10px;
    padding-right: 10px;
}

.sfb {
    font-size: 11px;
    color: #000000;
    line-height: 12px;
    font-weight: bold;
}

.sfbl {
    font-size: 11px;
    color: #5E5E5E;
    line-height: 12px;
    font-weight: bold;
}

.sif {
    font-size: 11px;
    color: #353535;
    line-height: 12px;
    font-style: italic;
}

b.sif {
    font-size: 11px;
    color: #353535;
    line-height: 12px;
    font-style: italic;
    font-weight: bold;
}

table.legendtable td {
    font-size: 11px;
    color: #5E5E5E;
    line-height: 12px;
}

.smfl {
    font-size: 11px;
    color: #5E5E5E;
    line-height: 12px;
}

.sif {
    font-size: 11px;
    color: #353535;
    line-height: 12px;
    font-style: italic;
}

.sifmed {
    font-size: 12px;
    color: #353535;
    line-height: 12px;
    font-style: italic;
}

.LB {
    border: 1px solid black;
    border-color: #1b5e80;
}

.btss {
    border-width: 1px;
    border-color: #7F9DB9;
    background-repeat: repeat-x;
    background-color: #7dc02e;
    text-decoration: none;
    font-size: 11px;
    color: #ffffff !important;
    line-height: 13px;
    font-style: normal;
    font-weight: bold;
}

.button, .bts {
    border-width: 1px;
    border-color: #7F9DB9;
    background-repeat: repeat-x;
    background-color: #358bcf;
    text-decoration: none;
    font-size: 11px;
    color: #ffffff !important;
    line-height: 18px;
    font-style: normal;
    font-weight: bold;
    font-family: Verdana;
    cursor: pointer;
}

    .button:hover, .bts:hover {
        border-width: 1px;
        border-color: #7F9DB9;
        background-repeat: repeat-x;
        background-color: #2f5886;
        text-decoration: none;
        font-size: 11px;
        color: #ffffff !important;
        line-height: 18px;
        font-style: normal;
        font-weight: bold;
        font-family: Verdana;
        cursor: pointer;
    }


.btsl {
    border-width: 1px;
    border-color: #7F9DB9;
    background-image: url(full_head_bg.gif);
    background-repeat: repeat-x;
    text-decoration: none;
    font-size: 11px;
    color: #000000;
    line-height: 15px;
    font-style: normal;
}

.modalPopup, .lookup, .light_lookup, .wuc {
    background-color: #ffffff;
    border: 6px solid black;
    border-color: #7f9db9;
}

.lookup_pad {
    padding-top: 6px;
}

.lookup_blue {
    background-position: bottom;
    background-color: #e2eaf3;
    background-repeat: repeat-x;
    background-position: center;
    font-size: 11px;
    color: #e2eaf3;
    font-weight: normal;
    border-color: rgb(127,157,185);
}

.main_lookup {
    background-position: bottom;
    background-repeat: repeat-x;
    background-position: center;
    font-family: Arial;
    font-size: 10px;
    color: #000000;
    font-weight: normal;
    border-color: #c1c1c1;
}

.DDS {
    color: #676767;
    border-style: solid;
    border-width: 1px;
    border-color: #7F9DB9;
    font-size: 11px;
    color: #000000;
}

.FL {
    font-weight: bold;
}

h3 {
    margin: 0;
    padding: 0;
    color: #666666;
    font-size: 1.2em;
    text-transform: capitalize;
    font-variant: small-caps !important;
}

.GHN_head_top {
    background-image: url(tech_head_bg.gif);
    background-repeat: repeat-x;
    height: 29px;
}

.GvF {
    text-align: left;
    background-color: #A6A6A6;
    font-weight: bold;
    color: #ffffff;
    height: 16px;
}

.GvR {
    text-align: left;
    background-color: #f8f8f8;
    height: 16px;
}

.GvRSS {
    text-align: left;
    background: #f8f8f8;
    height: 10px;
    font-size: 11px;
}

.GvE {
    text-align: left;
    height: 16px;
}

.GvA {
    background-color: #e8e8e8;
    text-align: left;
    height: 16px;
}

.GvH {
    text-align: left;
    background-color: #A6A6A6;
    font-weight: bold;
    color: #ffffff;
    height: 16px;
}

.GvSHH {
    text-align: left;
    background-color: #A6A6A6;
    color: #ffffff;
    font-size: 11px;
    line-height: 14px;
    font-weight: lighter;
}

.GvH a:link {
    color: white;
    text-decoration: underline;
}

.GvH a:hover {
    color: white;
    text-decoration: underline;
}

.section_bg {
    padding-left: 5px;
    background-image: url(section_bg2.png);
    background-repeat: repeat-x;
    font-weight: bold;
    line-height: 23px;
    vertical-align: middle;
    color: #ffffff;
}

.sub_section_bg {
    padding-left: 5px;
    background-image: url(sub_section_bg.gif);
    background-repeat: repeat-x;
    font-weight: normal;
    font-size: 12px;
    color: #636363;
    line-height: 14px;
    height: 16px;
}

a.el {
    color: #0666B2 !important;
    text-decoration: none;
    font-family: Verdana, Helvetica, sans-serif !important;
    font-size: 11px;
    line-height: 16px;
    font-weight: bold;
    padding-bottom: 2px;
}

    a.el:hover {
        color: #1486e0;
        text-decoration: none;
        font-family: Verdana, Helvetica, sans-serif !important;
        font-size: 11px;
        line-height: 16px;
        font-weight: bold;
        padding-bottom: 2px;
    }

a.cx {
    text-decoration: none;
    color: #0666B2;
    font-size: 11px;
    font-weight: bold;
    padding: 2px;
}

    a.cx:hover {
        text-decoration: underline;
        color: #1486e0;
        font-size: 11px;
        font-weight: bold;
        padding: 2px;
    }

.hls {
    text-decoration: underline;
    color: #000000;
    font-weight: normal;
}

a.hls {
    text-decoration: underline;
    color: #000000;
    font-weight: normal;
}

    a.hls:hover {
        text-decoration: underline;
        color: #000000;
        font-weight: bold;
    }

.Legend {
    font-size: 11pt;
}

.overlay {
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    background-color: White;
    width: 100%;
    height: 100%;
    filter: Alpha(Opacity=60);
    opacity: 0.60;
    -moz-opacity: 0.60;
}

.loader {
    z-index: 100;
    position: fixed;
    width: 120px;
    margin-left: -60px;
    top: 50%;
    left: 50%;
}

* html .loader {
    position: absolute;
}
  
.loaderdots {
    position: fixed;
    width: 120px;
	height: 50px;
    top: 48%;
    left: 46%;
}

/*Start Hole by Hole */

.d_row {
    color: #676767;
    line-height: 12px;
    font-size: 11px;
    font-style: italic;
}

/*End Hole by Hole */

static_menu_item {
    color: #000000;
    text-decoration: none;
    font-size: 13px;
    line-height: 16px;
    font-weight: bold;
    padding-bottom: 2px;
    text-align: left;
}

a.static_menu_item {
    color: #0666B2;
    text-decoration: none;
    font-size: 13px;
    line-height: 16px;
    font-weight: bold;
    padding-bottom: 2px;
}

    a.static_menu_item:hover {
        color: #1486e0;
        text-decoration: none;
        font-size: 13px;
        line-height: 16px;
        font-weight: bold;
        padding-bottom: 2px;
    }

a.dynamic_menu_item {
    color: #ffffff;
    text-decoration: none;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
}

    a.dynamic_menu_item:hover {
        color: #ffffff;
        text-decoration: none;
        font-size: 12px;
        line-height: 16px;
        font-weight: bold;
    }

.dynamic_menu_item {
    background-color: #1b5e80;
    line-height: 18px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 4px;
}

.dynamic_menu_item_hover {
    background-color: #6999b5;
    line-height: 18px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 4px;
}

#kioskText td {
    color: #000000;
    text-decoration: none;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    padding-bottom: 2px;
}

.support {
    height: 775px;
}

.supportLog {
    height: 300px;
    overflow: auto;
}

.support td {
    font-size: 11px;
}

b.support {
    font-weight: bold;
    color: #464646;
}

.support a {
    text-decoration: none;
    color: #0666B2;
    font-size: 11px;
    padding: 2px;
    font-weight: normal;
}

    .support a:hover {
        color: #1486e0;
    }


.DescTab {
    padding-left: 5px;
    padding-right: 5px;
    background-color: #5081c0;
    font-weight: bold;
    line-height: 23px;
    vertical-align: middle;
    color: #ffffff;
}

.DescCont {
    border: 1px solid black;
    border-color: #5081c0;
    padding: 5px;
}

/* These style sheet entries came from ScoreEntry9.  */
.ESCX {
    font-size: 13px;
    color: #000000;
    line-height: 15px;
}

.GVTTB {
    font-size: 14px;
    font-weight: bold;
}

.SCHH {
    background-color: #F2F2F2;
    font-size: 16px;
}

td#mytd {
    font-size: 13px;
    color: #000000;
    line-height: 15px;
}

b#myb {
    font-size: 13px;
    color: #000000;
    font-weight: bold;
    line-height: 15px;
}

.HBMFS {
    font-size: 20px;
    font-weight: bold;
    height: 24px;
    padding: 12px 4px 4px 4px;
}

.HBLFS {
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    font-size: 28px;
    height: 32px;
    padding: 4px 4px 4px 4px;
}

.MT {
}

.fpw a {
    color: #2b83c5;
}

    .fpw a:hover {
        color: #93c108;
    }


#hlogo {
    position: fixed;
    right: 0;
    bottom: 0;
}

#def {
    background-color: #ffffff;
    color: #0b234a !important;
    font-size: 12px;
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
    bottom: 0;
}

    #def td {
        color: #273342;
        font-size: 11px;
    }

    #def a {
        color: #2b83c5;
        font-size: 11px;
        font-weight: normal;
    }

        #def a:hover {
            color: #93c108;
        }



#contact {
    text-align: left;
    width: 100%;
    color: #273342;
    font-size: 14px;
    background-color: #ffffff;
    padding: 12px;
}

    #contact td {
        color: #273342;
        font-size: 14px;
    }

    #contact a {
        color: #2b83c5;
        font-size: 14px;
        font-weight: normal;
    }

        #contact a:hover {
            color: #93c108;
        }



#content a.lCont {
    color: #2b83c5;
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
}




#features {
    background-color: #ffffff;
    font-size: 12px;
    padding: 6px;
}

    #features td {
        color: #273342;
        font-size: 12px;
        line-height: 16px;
        padding: 1px;
    }

    #features p {
        color: #273342;
        font-size: 16px;
        line-height: 24px;
    }

    #features h1 {
        color: #254b79;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 4px;
        margin-top: 4px;
        line-height: 24px;
    }

    #features h2 {
        color: #254b79;
        font-size: 12px;
        font-weight: bold;
        margin-bottom: 0;
        margin-top: 4px;
    }

    #features a {
        color: #2b83c5;
        font-size: 12px;
        font-weight: normal;
    }

        #features a:hover {
            color: #93c108;
        }

        #features a.lCont {
            color: #2b83c5;
            font-size: 16px;
            font-weight: bold;
            line-height: 18px;
        }

            #features a.lCont:hover {
                color: #93c108;
                font-size: 16px;
                font-weight: bold;
                line-height: 18px;
            }

.club-admin-reports div {
    background-color: #ffffff;
    color: #000;
    font-weight: bold;
    padding: 2px;
}

.club-admin-reports table {
    background-color: #ffffff;
}

.club-admin-reports p {
    background-color: #ffffff;
}

.club-admin-reports i {
    font-size: 10px;
    color: #737373;
    font-weight: normal;
    padding-left: 8px;
    vertical-align: text-bottom;
}

.club-admin-reports td h1 {
    color: #072a55;
    font-weight: bold;
    font-size: 14px;
    margin: 0;
    padding: 0;
    line-height: 14px;
    display: inline;
}

.club-admin-reports td h2 {
    color: #072a55;
    font-weight: bold;
    font-size: 12px;
    margin: 0;
    line-height: 14px;
}

.club-admin-reports td h3 {
    color: #3b3b3b;
    font-weight: bold;
    font-size: 11px;
    margin: 0;
    line-height: 12px;
}

.club-admin-reports td a {
    color: #004276;
}

    .club-admin-reports td a:hover {
        color: #950808;
    }

.club-admin-reports-sub-table td {
}

.customContentHeader {
    font-family: Verdana;
    font-size: 14px;
    line-height: 14px;
    color: #ffffff !important;
    font-weight: normal;
    background-image: url(RuleBG.png);
    background-repeat: repeat-x;
}

.ast {
    color: #072a55;
    font-weight: bold;
    font-size: 12px;
    margin: 0;
    padding: 0;
    display: inline;
    vertical-align: text-top;
}

.cl-ad-HD {
    background-image: url(horizontalDots.gif);
    background-repeat: repeat-x;
    line-height: 1px !important;
    padding-bottom: 1px;
}

.ca_tr td {
    font-weight: normal;
    border-bottom: 1px solid black;
    border-bottom-color: #dfdfdf;
}

.an td {
    font-weight: normal;
    border-bottom: 0;
}

.ca_th th {
    font-weight: bold;
    border-bottom: 1px solid black;
    border-bottom-color: #dfdfdf;
    color: #072a55;
}

.an_headings b {
    font-weight: bold;
    color: #072a55;
}

.cl-ad-de td {
    padding: 3px;
    padding-left: 10px;
    padding-right: 10px;
    border-bottom: 1px solid black;
    border-bottom-color: #dfdfdf;
}

.homeMessage {
    color: #2b83c5;
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
}

.homeLbls {
    color: #254b79;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 0;
    margin-top: 4px;
}

#pnlHcomp {
    position: fixed !important;
    right: 180;
    bottom: 10;
}

#dBox {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px !important;
}

    #dBox td {
        font-size: 11px !important;
    }

    #dBox h1 {
    }

.dBoxBG {
    background-image: url(xBG.png);
    font-size: 11px !important;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 13px;
    color: #2c475c;
}

#duplemailContainer {
    border: 1px solid black;
    border-color: rgb(216,221,223);
    border-top: 0 solid black;
}


#profileContainer {
    border: 1px solid black;
    border-color: rgb(216,221,223);
    border-top: 0 solid black;
}

#profileBody, #loginBody, #addrBody, #emlBody, #phoneBody, #profilePicture, #adminFields {
    font-size: 11px !important;
    line-height: 13px;
    color: #2c475c;
    min-height: 250px;
}

#Content {
    font-size: 11px !important;
}

#profileMenu {
    font-size: 10px !important;
}

    #profileMenu a {
        text-decoration: none;
    }

        #profileMenu a:hover {
            text-decoration: none;
        }

    #profileMenu td {
        text-align: left;
        height: 20px;
        width: 200px;
        border-bottom: 1px solid black;
        border-color: #d8dfea;
        font-size: 10px !important;
    }

a.HyperLetterStyle {
    text-decoration: underline;
    color: #0666B2 !important;
    font-weight: bold;
    font-family: Fixedsys;
}

    a.HyperLetterStyle:hover {
        text-decoration: underline;
        color: #1486e0 !important;
        font-weight: bold;
        font-family: Fixedsys;
    }

/* Eblast CSS START */

.HEADER {
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    background-color: #4b4b4b;
    color: #ffffff;
    padding: 4px;
    height: 40px;
}

.eblLoader {
    background-color: #4b4b4b;
    width: 100%;
    clear: both;
    text-align: center;
    padding: 0;
    height: 4px;
    vertical-align: bottom;
    line-height: 4px;
    border-bottom: 1px solid black;
}

.loading_bar {
    position: absolute;
    display: none;
    height: 100%;
    width: 100%;
    z-index: 99;
    background: url(ProcessingDots.gif) no-repeat 50% 50%;
}

.trigger {
    font-size: 18px !important;
    font-weight: normal;
    vertical-align: bottom !important;
    padding-top: 4px;
    text-align: left;
}

.tMessage {
    float: right;
}

h2.trigger {
    background: url(h2_trigger_a.gif) no-repeat;
    height: 19px;
    width: 700px;
}

    h2.trigger a {
        color: #fff;
        text-decoration: none;
        display: block;
    }

        h2.trigger a:hover {
            color: #ccc;
            overflow: hidden;
        }

h2.active {
    background-position: left bottom;
}
/*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/

.toggle_container {
    position: relative;
    border-top: 1px solid #d6d6d6;
    background: #f0f0f0;
    overflow: hidden;
    width: 700px;
    clear: both;
}

    .toggle_container .block {
        position: relative;
        padding: 0; /*--Padding of Container--*/
    }


#ebl {
}

    #ebl tr {
        text-align: left;
        height: 22px;
    }

.stats_num {
    text-decoration: none;
    color: #0666B2;
    font-size: 11px;
    font-weight: bold;
    padding: 2px;
}

/* Eblast CSS END */

/* add hoc */
div#menu div table table {
    background: transparent;
}

/* Use the "inset" keyword to give buttons a depressed appearance.
 * If the color is absent from a border, the used color is taken from the ‘color’ property. 
 */

div#page {
    width: 1000px;
    padding: 10px;
    margin: 10px auto;
    background: #efefef;
}

div#header {
    height: 110px;
    width: 1000px;
    padding: 0 10px;
}

div#top_tab {
    float: right;
    margin-right: -149px;
    margin-top: 89px;
    padding: 10px;
    border: 1px outset #000;
    text-align: justify;
    font-size: 12px !important;
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff !Important;
    text-transform: uppercase;
    font-weight: bold;
    background-image: url(supBG.png);
    background-repeat: repeat-x;
    z-index: 99;
}

div#top_tabs div {
    padding: 5px 8px;
}

div#footer {
    border: 1px #cdcdcd outset;
}

input {
    border: 0;
}

div#page, #content, div#btn_grid {
    border: 0;
    margin-top: 20px;
}

div#secondary_menu {
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 10px;
}

div#wrapper {
    margin: 0 auto;
    min-width: 980px;
    background: transparent;
}

div#footer div.pseudo_cell, div#content div.pseudo_cell,
div#btn_grid div.pseudo_cell, input {
    border: 1px solid #808080;
}

div.spanner {
    min-width: 980px;
    margin-right: auto;
    margin-left: auto;
}

    div.spanner div.spanner {
        margin-top: 20px;
    }

div#footer, div#secondary_menu, div#menu_container {
    width: auto;
    margin-right: auto;
    margin-left: auto;
}

/* Use the "inset" keyword to give buttons a depressed appearance.
 * If the color is absent, the used color is taken from the ‘color’ property. 
 */

div#page, div#menu, div#footer, #content, div#btn_grid {
    border: 0 solid #808080;
    margin-top: 20px;
}

/* below: top level elements: generic elements: default section:  */
* {
    -webkit-font-smoothing: subpixel-antialiased;
    font-smoothing: antialiased;
    -ms-touch-action: none !important;
}

    *.wrapper {
        clear: both;
        margin: 0 auto;
    }

div.float_right {
    float: right;
}

input[type="radio"] {
    border: none !important;
}

div#menu div.pseudo_cell input[type="text"], div#menu div.pseudo_cell input[type="password"] {
    text-decoration: none;
    border: 1px inset #efefef;
    background-color: #e3f4ff !important;
    text-align: left;
}

input[type="submit"] {
    border: 1px outset #dcdcdc !important;
    background: #2eabff url('../Graphics/Common/menu-black-gradient.png') repeat-x scroll top;
    color: #fff !important;
    cursor: pointer;
}

    input[type="submit"]:focus, input[type="submit"]:hover {
        border: 1px outset #000;
        background: #0e76bc url('../Graphics/Common/menu-white-gradient.png') repeat-x scroll top;
    }

/*
 * below: pseudo table elements
 */
div.pseudo_table {
    display: table;
    overflow: hidden;
    width: 100%;
    border-spacing: 10px;
}

div.pseudo_row {
    display: table-row;
}

div.pseudo_cell {
    display: table-cell;
    vertical-align: middle !important;
    padding: 5px 10px;
}

    /* USGA handicap and golfer lookup are related and must display in the same cell */
    div.pseudo_cell div.float_left, div.pseudo_cell div.float_right {
        width: 50%;
    }
/*
 * above: pseudo table elements
 */

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

p {
    margin-bottom: 10px;
    line-height: 1.6em;
}

img {
    border: none;
}

a {
    text-decoration: none;
    color: #073b5e;
}

    a:hover {
        color: #00a1df;
    }

/*
 * below: default headings' section
 */
h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0;
    font-size: 1.5em;
    text-transform: uppercase;
    font-weight: 700;
    text-align: left;
    color: #073b5e;
}

h1 {
    font-size: 1.6em;
    padding-bottom: 0;
    margin-bottom: 0;
}

h2 {
    font-family: @MS PGothic;
    font-size: 1.5em;
    font-weight: 600;
    text-transform: capitalize;
    font-variant: small-caps !important;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

/*
 * below: common layout elements' section
 */
#header h1, #header h2 {
    padding-top: 15px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-transform: capitalize;
}

#header h1 {
    font-weight: 700;
    font-style: italic;
    margin: 0;
    border: none;
    line-height: 33px;
    font-size: 33px;
}

#header h2 {
    font-size: 25px;
    line-height: 25px;
    font-style: italic;
    font-weight: 700;
}

br.clear {
    clear: both;
}

/*
 * below: header, heading, or top section
 */
#header {
    padding: 0;
    border: 0 !important;
    text-align: left;
    position: relative;
}

#title {
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
    margin-right: 10px;
}

div#header_logo {
    display: inline-block;
    overflow: visible;
    padding: 5px;
    text-align: left;
}

/*
 * below: columns and content: main is from the master page and everything else is from content pages.
 */

div#main div.pseudo_cell {
    padding-top: 20px;
}

div#content div#column_table {
    background: #0e76bc url('../Graphics/Common/content-white-gradient.png') repeat-x scroll top;
}

div#column_table div#usga {
    display: inline-block;
    width: 55%;
}

div#column_table div#lookup {
    float: right;
}

div#column_table div.pseudo_cell {
    vertical-align: top !important;
    height: 100px !important; /* height only acts as a min-height to table cells */
    width: 29%;
    border: 1px solid #000;
    background: #dcdcdc url('../Graphics/Common/content-white-gradient.png') repeat-x scroll top;
}

div#column_table div#usga_column {
    width: 60%;
}

div#column_table div.pseudo_cell p {
    text-align: left;
}

div#main input {
    padding: 5px;
    font-size: 20px;
}

div#content input[type=submit] {
    margin: 0;
    background: #073b5e url('../Graphics/Common/menu-black-gradient.png') repeat-x scroll top;
    color: #fff;
}

td[style~="width:0%;"], td[style~="width: 0%;"] {
    display: none;
}

div#content div.vanished {
    display: none;
    height: 0;
    width: 0;
}

div.content_btn_column {
    float: left;
    vertical-align: top;
    margin: 0 10px 20px -5px;
}

div.market_btn {
    margin: 0 0 10px;
}

div#content div.content_btn_column div.market_btn input {
    display: block;
    width: 170px;
    height: 35px;
    cursor: pointer;
    margin: 0 0 0 0;
}

/* IE 8 and 6 fail at supporting last child. */
div#content div.content_btn_column div.market_btn:last-of-type {
    float: none;
    clear: both;
    display: block;
    height: 100%;
    margin-bottom: 100%;
}

/*
 * below: button grid/table section button section
 */

div#btn_grid {
    border: 0 !important;
    margin: 10px auto;
}

div#btn_grid_table {
    padding: 0;
}

    div#btn_grid_table div.pseudo_row div.pseudo_cell {
        border: 0 solid;
    }

        div#btn_grid_table div.pseudo_row div.pseudo_cell input {
            width: 170px;
            padding: 5px;
            border: 2px outset #c8dae0 !important;
            color: #fff;
            font-size: 20px;
            background: #2eabff url('../Graphics/Common/menu-black-gradient.png') repeat-x scroll top;
        }

/*
 * below: footer section
 */
div#footer {
    background: #0e76bc url('../Graphics/Common/content-white-gradient.png') repeat-x scroll top;
}

    div#footer div#question_footer_block {
        width: 20%;
    }

div.footer_block.pseudo_cell {
    vertical-align: top !important;
    width: 32%;
    padding: 10px;
    border: 1px solid #000;
    background: #dcdcdc url('../Graphics/Common/content-white-gradient.png') repeat-x scroll top;
    text-align: center;
}

div.footer_block * {
    text-align: center;
    margin: 0 auto;
}

div.footer_block hr {
    margin: 5px 0;
}

div.footer_block img, div.footer_block a {
    display: inline-block;
}

div#copyright {
    display: block;
    clear: both;
    height: 30px;
    width: auto;
    margin: 0 auto;
    text-align: center;
    color: #fff;
}

div#handicomp_logo {
    clear: both;
    height: 110px;
    margin: auto;
    z-index: 10;
}

span#handicomp_slogan {
    position: relative;
    top: -30px;
    left: 25px;
    font: normal normal bold 1.1em/1.1em Arial, Helvetica, sans-serif !important;
    text-align: center;
    text-transform: capitalize;
    color: #203342;
}

/*
 * below: login menu
 */
div#menu {
    clear: both;
    height: 55px;
    margin-bottom: 10px;
    border-spacing: 5px;
    text-align: left !important;
    background: #0e76bc url('../Graphics/Common/menu-white-gradient.png') repeat-x scroll top;
}

div#menu_table {
    width: auto;
    float: right;
}

    div#menu_table div#menu_table_row div {
        display: inline-block;
        font-size: 10px;
        line-height: 18px;
        color: #000;
    }

    div#menu_table div.login_box,
    div#menu_table div.login_err {
        height: 55px;
        width: auto;
        margin-top: -15px;
        text-align: left;
    }

div.login_box * {
    font: normal normal normal 11px/11px Verdana, Arial, Helvetica, sans-serif !important;
    text-transform: capitalize;
    color: #fff;
}

input[type="text"], input[type="password"] {
    border: 1px inset #efefef;
    text-transform: none !important;
    text-align: left !important;
    background-color: #e3f4ff;
    color: #000;
}

div#menu input[type="text"], div#menu input[type="password"] {
    background-color: #e3f4ff;
}

div.menu_seperator img {
    width: 1px;
    height: 35px;
}

div#home_btn {
    float: left;
    margin: 15px 10px 0;
}

div#login_btn {
    margin-bottom: -23px;
}

div#forgot_link {
    margin-bottom: -8px;
}

/* below remove input dot after input images */
td[style="width:0%;"], td[style="width: 0%;"] {
    visibility: hidden;
    display: none !important;
}

p.small_text {
    font-size: 9px;
}

div[id*="pnlFullScreenBlank"] {
    height: 100%;
    width: 100%;
    border-style: none;
}

div[id*="UpdatePanel"] > div {
    padding: 5px;
}

/* JLH changed 'table' and 'div' to as-of-yet non-existant table.report to create greater specificity 
    JLH 06/20/2013 changed 100% to auto to use the minimum width */
div[id*="UpdatePanel"] div.report, div[id*="UpdatePanel"] table.report {
    margin: auto;
    text-align: center;
}

    div[id*="UpdatePanel"] div.report table td:empty {
        display: none;
    }

/* JLH 06/20/2013 added to allow tables to be centered based on content that exists and is not empty. */
div[id*="UpdatePanel"] table td:empty {
    display: none;
}

/** Harold, uncomment this if you want to release the calendar fix: 
div[id*="UpdatePanel"] table[id*="wucReportTreeTimeSpanParams"] td:empty {
    display: table-cell;
} 
**/
/* JLH 05/13

div.hideSkiplink { background-color: #3a4f63; background-repeat: repeat-x; width: 100%; }

div.menu { padding: 4px 0 4px 8px; }

    div.menu ul { list-style: none; margin: 0; padding: 0; width: auto; }

        div.menu ul li a, div.menu ul li a:visited { border: 1px solid; display: block; line-height: 1.35em; padding: 4px 20px; text-decoration: none; white-space: nowrap; }

            div.menu ul li a:active { text-decoration: none; }

fieldset { margin: 1em 0; padding: 1em; border: 1px solid #ccc; }

    fieldset p { margin: 2px 12px 10px 10px; }

    fieldset.login label, fieldset.register label, fieldset.changePassword label { display: block; }

    fieldset label.inline { display: inline; }

legend { font-size: 1.1em; font-weight: 600; padding: 2px 4px 8px 4px; }

input.textEntry { width: 320px; border: 1px solid #ccc; }

input.passwordEntry { width: 320px; border: 1px solid #ccc; }

div.accountInfo { width: 42%; }

.clear { clear: both; }

.loginDisplay { font-size: 1.1em; display: block; text-align: right; padding: 10px; }

.failureNotification { font-size: 1.2em; color: Red; }

.bold { font-weight: bold; }

.submitButton { text-align: right; padding-right: 10px; }

span.firstLetter { font-size: 3em; }*/