li {
    margin: 0;
    padding: 0;
}

BODY {
    FONT-SIZE: 11px;
    COLOR: black;
    FONT-FAMILY: Tahoma, Verdana, Arial;
    TEXT-DECORATION: none
}

H4 {
    FONT-SIZE: 14px;
    COLOR: navy;
    FONT-FAMILY: Tahoma, Verdana, Arial;
    TEXT-DECORATION: none
}


H5 {
    FONT-SIZE: 14px;
    COLOR: maroon;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}

TD {
    FONT-SIZE: 11px;
    COLOR: black;
    FONT-FAMILY: Tahoma, Verdana, Arial;
    TEXT-DECORATION: none
}


A {
    FONT-SIZE: 11px;
    COLOR: #0000FF;
    TEXT-DECORATION: underline
}

    A:hover {
        FONT-SIZE: 11px;
        COLOR: #77BB77;
        TEXT-DECORATION: none
    }



.lGreen {
    FONT-SIZE: 11px;
    COLOR: #6D984D;
    FONT-FAMILY: Tahoma, Verdana, Arial
}

/*  Used for dark green tables. */
table.GREIGTEST {
    font-family: Verdana;
    font-weight: normal;
    font-size: 11px;
    color: #404040;
    width: 320px;
    background-color: #fafafa;
    border: 1px #6699CC solid;
    border-collapse: collapse;
    border-spacing: 0px;
    margin-top: 0px;
}

    table.GREIGTEST td {
        border-width: 1px;
        padding: 1px;
        border-style: inset;
        border-color: gray;
        background-color: #004040;
        -moz-border-radius:;
    }


.WhiteBold_nounderline1 {
    FONT-SIZE: 11px;
    COLOR: #ffffff;
    FONT-FAMILY: Tahoma, Verdana, Arial;
    TEXT-DECORATION: none;
}

.WhiteBold_nounderline {
    FONT-SIZE: 11px;
    COLOR: #ffffff;
    FONT-FAMILY: Tahoma, Verdana, Arial;
    TEXT-DECORATION: none;
}

    .WhiteBold_nounderline:hover {
        FONT-SIZE: 11px;
        COLOR: #ffffff;
        TEXT-DECORATION: underline
    }

.WhiteBold {
    FONT-SIZE: 11px;
    COLOR: #ffffff;
    FONT-FAMILY: Tahoma, Verdana, Arial;
    font-weight: bold;
}

.WhiteBoldhead1 {
    FONT-SIZE: 27px;
    COLOR: #ffffff;
    FONT-FAMILY: Tahoma, Verdana, Arial;
    font-weight: bold;
    TEXT-DECORATION: none;
}

.Everypageheader {
    FONT-SIZE: 20px;
    FONT-FAMILY: Tahoma, Verdana, Arial;
    font-weight: bold;
    TEXT-DECORATION: none;
}

.defaultpage_vukeywelcome {
    FONT-SIZE: 20px;
    COLOR: #336633;
    FONT-FAMILY: Tahoma, Verdana, Arial;
    font-weight: bold;
    TEXT-DECORATION: none;
}

.defaultpage_vukeywords {
    FONT-SIZE: 13px;
    COLOR: #000000;
    FONT-FAMILY: Tahoma, Verdana, Arial;
    TEXT-DECORATION: none;
}

.defaultpage_indigolf_header {
    FONT-SIZE: 20px;
    COLOR: #336633;
    FONT-FAMILY: Tahoma, Verdana, Arial;
    font-weight: bold;
    TEXT-DECORATION: none;
}

.defaultpage_alinks {
    FONT-SIZE: 14px;
    COLOR: #0000FF;
    FONT-FAMILY: Tahoma, Verdana, Arial;
    font-weight: bold;
    TEXT-DECORATION: underline;
}

    .defaultpage_alinks:hover {
        FONT-SIZE: 14px;
        COLOR: #77BB77;
        FONT-FAMILY: Tahoma, Verdana, Arial;
        font-weight: bold;
        TEXT-DECORATION: underline;
    }

/*  Used in the VIEW and EDIT MEMBER DETAILS pages. */

.style3 {
    color: #000040;
    font-weight: bold;
}


.WhiteBoldhead1:hover {
    FONT-SIZE: 27px;
    COLOR: #ffffff;
    FONT-FAMILY: Tahoma, Verdana, Arial;
    font-weight: bold;
    TEXT-DECORATION: none;
}


.WhiteBoldhead2 {
    FONT-SIZE: 19px;
    COLOR: #ffffff;
    FONT-FAMILY: Tahoma, Verdana, Arial;
    font-weight: bold;
}



.wt {
    FONT-SIZE: 13px;
    COLOR: #ffffff;
    FONT-FAMILY: Tahoma, Verdana, Arial;
}

/* Used in LOGIN BOXES - CHUNKY WRITING. Go to: http://www.quackit.com/html/html_generators/html_text_box_generator.cfm */

textarea.html-text-box {
    background-color: FFFFFF;
    background-image: url(http://);
    background-repeat: no-repeat;
    background-attachment: fixed;
    border-width: 1;
    border-style: solid;
    border-color: cccccc;
    font-family: Arial;
    font-size: 16pt;
    color: 000000;
}

input.html-text-box {
    background-color: ffffff;
    font-family: Arial;
    font-size: 16pt;
    color: 000000;
}

textarea.html-text-box2 {
    background-color: FFFFFF;
    background-image: url(http://);
    background-repeat: no-repeat;
    background-attachment: fixed;
    border-width: 1;
    border-style: solid;
    border-color: cccccc;
    font-family: Arial;
    font-size: 18pt;
    color: 000000;
}

input.html-text-box2 {
    background-color: ffffff;
    font-family: Arial;
    font-size: 18pt;
    color: 000000;
}


.Header {
    FONT-SIZE: 14px;
    COLOR: #213C0E;
    FONT-FAMILY: Tahoma, Verdana, Arial;
    font-weight: bold;
}

.Header1 {
    FONT-SIZE: 16px;
    COLOR: #213C0E;
    FONT-FAMILY: Tahoma, Verdana, Arial;
    font-weight: bold;
}


.loginlarge {
    FONT-SIZE: 20px;
    COLOR: navy;
    FONT-FAMILY: Tahoma, Verdana, Arial;
    TEXT-DECORATION: none;
    font-weight: bold;
}



.red {
    FONT-SIZE: 11px;
    COLOR: red;
    FONT-FAMILY: Tahoma, Verdana, Arial;
    TEXT-DECORATION: none;
    font-weight: bold;
}


.MenuLinks2 {
    FONT-SIZE: 12px;
    COLOR: #A5CC88;
    FONT-FAMILY: Tahoma, Verdana, Arial;
    TEXT-DECORATION: none;
}

    .MenuLinks2:hover {
        FONT-SIZE: 12px;
        COLOR: #ffffff;
        FONT-FAMILY: Tahoma, Verdana, Arial;
        TEXT-DECORATION: none;
    }

.Whitefontie {
    FONT-SIZE: 12px;
    COLOR: #ffffff;
    FONT-FAMILY: Tahoma, Verdana, Arial;
    TEXT-DECORATION: none;
}


.MenuLinks {
    FONT-SIZE: 11px;
    COLOR: #A5CC88;
    FONT-FAMILY: Tahoma, Verdana, Arial;
    TEXT-DECORATION: none;
    font-weight: bold;
}

    .MenuLinks:hover {
        FONT-SIZE: 11px;
        COLOR: #ffffff;
        FONT-FAMILY: Tahoma, Verdana, Arial;
        TEXT-DECORATION: none;
        font-weight: bold;
    }


INPUT, OPTION, SELECT, TextArea {
    font-family: tahoma,sans-serif;
    font-size: 11px;
}

INPUT {
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 5px;
    padding-right: 5px;
    overflow: visible;
}
/*for ie remove long grey space on buttons*/


/* -- SWF UPLOAD Styles ------------------------------- */

div.divupload {
    border: 1px solid #afe14c;
    margin: 10px 0;
    padding: 20px 10px;
}

    div.divupload span.legend {
        position: relative;
        background-color: #FFF;
        padding: 3px;
        top: -30px;
        font: 700 14px Arial, Helvetica, sans-serif;
        color: #73b304;
    }

div.flash {
    width: 350px;
    margin: 10px 5px;
    border-color: #D9E4FF;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
}


.progressWrapper {
    width: 357px;
    overflow: hidden;
}

.progressContainer {
    margin: 5px;
    padding: 4px;
    border: solid 1px #E8E8E8;
    background-color: #F7F7F7;
    overflow: hidden;
}
/* Message */
.message {
    margin: 1em 0;
    padding: 10px 20px;
    border: solid 1px #FFDD99;
    background-color: #FFFFCC;
    overflow: hidden;
}
/* Error */
.red {
    border: solid 1px #B50000;
    background-color: #FFEBEB;
}

/* Current */
.green {
    border: solid 1px #DDF0DD;
    background-color: #EBFFEB;
}

/* Complete */
.blue {
    border: solid 1px #CEE2F2;
    background-color: #F0F5FF;
}

.progressName {
    font-size: 8pt;
    font-weight: 700;
    color: #555;
    width: 323px;
    height: 14px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
    font-size: 0;
    width: 0%;
    height: 2px;
    background-color: blue;
    margin-top: 2px;
}

.progressBarComplete {
    width: 100%;
    background-color: green;
    visibility: hidden;
}

.progressBarError {
    width: 100%;
    background-color: red;
    visibility: hidden;
}

.progressBarStatus {
    margin-top: 2px;
    width: 337px;
    font-size: 7pt;
    font-family: Arial;
    text-align: left;
    white-space: nowrap;
}

a.progressCancel {
    font-size: 0;
    display: block;
    height: 14px;
    width: 14px;
    background-image: url('http://www.vukey.com/vukey_images/images/cancelbutton.gif');
    background-repeat: no-repeat;
    background-position: -14px 0px;
    float: right;
}

    a.progressCancel:hover {
        background-position: 0px 0px;
    }


/* -- SWFUpload Object Styles ------------------------------- */
.swfupload {
    vertical-align: top;
}

/* -- END OF SWF UPLOAD Styles ------------------------------- */

/**** The left hand side menu ************/

.glossymenu, .glossymenu li ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 210px; /*WIDTH OF MAIN MENU ITEMS*/
    border: 1px solid black;
}

    .glossymenu li {
        position: relative;
        z-index: 999;
    }

        .glossymenu li a {
            background: #F0F0F0; /*white url(/site/tools/glossyback.gif) repeat-x bottom left;*/
            padding: 7px;
            font-size: 1.5em; /*this is size of parent menu*/
            color: black;
            display: block;
            width: auto;
            padding-left: 10px;
            text-decoration: none;
        }

        .glossymenu li ul { /*SUB MENU STYLE*/
            position: absolute;
            z-index: 999;
            width: 210px; /*WIDTH OF SUB MENU ITEMS   - FOR IE it needs the be 180 for some reason */
            left: 0;
            top: 0;
            display: none;
        }

            .glossymenu li ul li {
                float: left;
            }

            .glossymenu li ul a {
                width: 210px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
                border: 1px solid lightgrey;
            }

    .glossymenu .arrowdiv {
        position: absolute;
        z-index: 999;
        right: 2px;
        /*background: transparent url(/site/tools/arrow.gif) no-repeat center right;*/
    }

    .glossymenu li a:visited, .glossymenu li a:active {
        color: black;
    }

    .glossymenu li a:hover {
        background-image: url(/site/tools/glossyback2.gif);
    }

    /* Holly Hack for IE \*/
    * html .glossymenu li {
        float: left;
        height: 1%;
    }

        * html .glossymenu li a {
            height: 1%;
        }
/* End */



.email_subject {
    FONT-SIZE: 16px;
    FONT-FAMILY: Tahoma, Verdana, Arial;
    font-weight: bold;
    TEXT-DECORATION: none;
}

.messagebook_link {
    FONT-SIZE: 16px;
    COLOR: #000000;
    TEXT-DECORATION: underline
}



/* PINSEEKER GEAR Photogallery Start*/

.a, .a:visited {
    color: #000;
}

#photogallery {
    position: relative;
    width: 600px;
    height: 500px;
    background: #888;
    border: 1px solid #000;
    margin: 10px auto;
}

    #photogallery b {
        font-weight: normal;
        width: 600px;
        text-align: center;
        position: absolute;
        bottom: 250px;
        left: 0;
        color: #eee;
        font-family: tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif;
        letter-spacing: 1px;
        line-height: 1.7em;
        z-index: 1;
    }

a.gallery, a.gallery:visited {
    display: inline;
    color: #000;
    text-decoration: none;
    border: 1px solid #000;
    width: 75px;
    height: 75px;
    float: left;
    margin: 7px 21px;
    position: relative;
    cursor: default;
}

a.slidea {
    background: url(http://www.vukey.com/vukey_images/images/thumb1.bmp);
}

a.slideb {
    background: url(http://www.vukey.com/vukey_images/images/thumb2.bmp);
}


a.gallery span {
    visibility: hidden;
    display: block;
    position: absolute;
    width: 580px;
    height: 320px;
    top: 189px;
    left: 9px;
    color: #000;
    background: #ccc;
    text-align: center;
    border: 1px solid #fff;
    font-family: tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif;
    letter-spacing: 1px;
    cursor: default;
}

a.slidea span {
    left: -13px;
    top: 95px;
}

a.slideb span {
    left: -132px;
    top: 95px;
}

a.slidec span {
    left: -251px;
    top: 95px;
}

a.slided span {
    left: -370px;
    top: 95px;
}

a.slidee span {
    left: -490px;
    top: 95px;
}

a.slidef span {
    left: -251px;
    top: 95px;
}

a.slideg span {
    left: -251px;
    top: 95px;
}

a.slideh span {
    left: -251px;
    top: 95px;
}

a.gallery:hover {
    white-space: normal;
    border: 1px solid #fff;
    z-index: 100;
}

    a.gallery:hover span {
        visibility: visible;
        z-index: 100;
    }

        a.gallery:hover span img {
            margin: 10px;
            border: 1px solid #000;
            position: relative;
            z-index: 100;
        }

a.gallery:active, a.gallery:focus {
    border: 1px solid #c00;
    z-index: 10;
}

    a.gallery:active span, a.gallery:focus span {
        visibility: visible;
        z-index: 10;
    }

        a.gallery:active span img, a.gallery:focus span img {
            border: 1px solid #000;
            position: relative;
            margin: 10px;
            z-index: 10;
        }

/* PINSEEKER GEAR Photogallery Start*/