/*.vspot-bkg { background-color: #A2D5DF; height: 100%; width: 100%; }*/

/*
* {
    font-family: "Trebuchet MS", sans-serif;
    font-size: 14px !important;
}
*/

.vspot-tab-folder {
    height: 460px;
    width: 600px;
}

.vspot-button-dock {
    display: block;
}

.invitation-button-border-pannel {
    display: block;
    width: 112px !important;
    height: 432px !important;
}

.invitation-button-border-pannel .vspot-controltabborder {
    display: block;
}

.instr-panel {
    
}

.instr-panel-row {
    width: 260px;
}


.vspot-job-signup-col1 {
    width: 55px !important;
}

.vspot-job-signup-col2 {
    width: auto !important;
}

.vspot-job-signup-col3 {
    width: 135px !important;
    padding-left: 10px;
}

.vspot-job-signup-col4 {
    width: 116px !important;
}

.vspot-job-signup-col5 {
    width: 240px !important;
}

/* dark teal: 004d58 */

/* beige: #F5F5DC -> #F5F5EB */

/* new gold: #DCAF4B */

/* newer gold: #DD9A1C */

/* new brown: #9E8757 #9D7C36*/

/* medium (2) teal: #2796bd */

/* grey: #787878 */

.vspot-bkg { height: 100%; width: 100%; }
.vspot-white-bkg { background-color: #FFFFFF; }
.vspot-teal-bkg { background-color: #6AC0CC; }
.vspot-mainpanel { height: 100%; width: 900px; }
.vspot-header { height: 100%; width: 100%; font-weight: bold; }
.vspot-header-label { color: #004d58 !important;  font-weight: bold; }
.vspot-title { height: 100%; width: 100%; font-weight: bold;}
.vspot-title-green { height: 100%; width: 100%; font-weight: bold; color: #3FA55E !important; }
.vspot-text-green { color: #3FA55E !important; }
.vspot-text-green-top-padding-5 { color: #3FA55E !important; padding-top: 5px; }
.vspot-text-green-top-padding-10 { color: #3FA55E !important; padding-top: 10px; }
.vspot-big-text-green { color: #3FA55E !important; font-size:14pt !important; }
.vspot-title-fade { height: 100%; width: 100%; font-weight: bold;color: #6AC0CC !important; }
.vspot-big-title { height: 100%; width: 100%; font-size: 12pt !important; color: #004d58 !important; font-weight: bold;}
.vspot-big-title-gold { height: 100%; width: 100%; font-size: 12pt !important; color: #DD9A1C !important; font-weight: bold;}
.vspot-big-title-green { height: 100%; width: 100%; font-size: 12pt !important; color: #3FA55E !important; font-weight: bold;}
.vspot-massive-title { height: 100%; width: 100%; font-size: 18pt !important; color: #004d58 !important; font-weight: bold;}
.vspot-massive-title-gold { height: 100%; width: 100%; font-size: 18pt !important; color: #DD9A1C !important; font-weight: bold;}
.vspot-massive-title-green { height: 100%; width: 100%; font-size: 18pt !important; color: #3FA55E !important; font-weight: bold;}
.vspot-massive-title-grey { height: 100%; width: 100%; font-size: 18pt !important; color: #787878 !important; font-weight: bold;}
.vspot-super-massive-title { height: 100%; width: 100%; font-size: 24pt !important; color: #004d58 !important; font-weight: bold;}
.vspot-super-massive-title-gold { height: 100%; width: 100%; font-size: 24pt !important; color: #DD9A1C !important; font-weight: bold;}
.vspot-super-massive-title-green { height: 100%; width: 100%; font-size: 24pt !important; color: #3FA55E !important; font-weight: bold;}
.vspot-super-massive-title-grey { height: 100%; width: 100%; font-size: 24pt !important; color: #787878 !important; font-weight: bold;}
.vspot-big-title-grey { height: 100%; width: 100%; font-size: 12pt !important; color: #787878 !important; font-weight: bold;}
.vspot-big-title-fade { height: 100%; width: 100%; font-size: 12pt !important; color: #6AC0CC !important; font-weight: bold;}
.vspot-big-title-2 { height: 100%; width: 100%; font-size: 12pt !important; color: #2796bd !important; font-weight: bold;}
.vspot-massive-title-fade { height: 100%; width: 100%; font-size: 18pt !important; color: #6AC0CC !important; font-weight: bold;}
.vspot-text { height: 100%; width: 100%; font-size: 9pt !important; }
.vspot-text-grey { height: 100%; width: 100%; font-size: 9pt !important; color: #787878 !important; }
.vspot-text-grey a { font-size: 9pt !important;}
.vspot-scroll { border: 1pt solid #004d58; }
.vspot-pointable { cursor:pointer; }
.vspot-no-contrib {background-color: #6AC0CC; color: #FFFFFF !important; font-weight: bold;}
.vspot-tip { font-size: 10pt !important; background: #3FA55E; color: #FFFFFF !important; padding: 10px; }

.vspot-popup { position: absolute; z-index: 1000000; } 
.vspot-pushbutton { }
.vspot-pushbutton img {
    cursor: pointer;
}

.vspot-nowrap { white-space: nowrap; }

.vspot-nav { font-size: 12pt !important; color: #FFFFFF !important; width: 100%; }
.vspot-nav-item { color: #FFFFFF !important;  font-weight: bold; text-decoration: none; cursor:pointer; background-image: url("/WEB-INF/classes/clientImages/buttons/gold/body.png"); background-repeat: repeat-x; }
.vspot-nav-select { color: #FFFFFF !important; font-weight: bold; background-image: url("/WEB-INF/classes/clientImages/buttons/gold/body.png"); background-repeat: repeat-x; }
.vspot-nav-left { background-image: url("/WEB-INF/classes/clientImages/buttons/gold/left.png"); width: 15px; }
.vspot-nav-right { background-image: url("/WEB-INF/classes/clientImages/buttons/gold/right.png"); width: 15px; }
.vspot-nav-div { background-image: url("/WEB-INF/classes/clientImages/buttons/gold/wideDiv.png"); width: 15px; }

.vspot-nav-item .gwt-HTML a:link { text-decoration: none; color:#FFF !important; }
.vspot-nav-item .gwt-HTML a:visited { text-decoration: none; color:#FFF !important; }
.vspot-nav-item .gwt-HTML a:hover { text-decoration: none; color:#FFF !important; }
.vspot-nav-item .gwt-HTML a:active { text-decoration: none; color:#FFF !important; }

.vspot-signup-bkg-ok { cursor:pointer; background-image: url("/WEB-INF/classes/clientImages/misc/signupOneDayBkg.png"); background-repeat: no-repeat; }
.vspot-signup-bkg-edit { cursor:pointer; background-image: url("/WEB-INF/classes/clientImages/misc/editOneDayBkg.png"); background-repeat: no-repeat; }
.vspot-signup-bkg-full { cursor:pointer; background-image: url("/WEB-INF/classes/clientImages/misc/fullOneDayBkg.png"); background-repeat: no-repeat; }


.vspot-table { border: 1px solid #6AC0CC; }

.vspot-test-coat { background-color: #66AA77; }

.vspot-spot-bkg { cursor:pointer; background-image: url("/WEB-INF/classes/clientImages/misc/spotBkg.png"); background-repeat: no-repeat; background-position: center; }

.vspot-pages { height: 100%; }

.vspot-wizard { width: 100%; background-color: #C8EBF0; }

.vspot-wiz-title { height: 100%; width: 100%; font-size: 12pt !important; font-weight: bold; color: #004d58 !important; }
.vspot-wiz-pagestack { width: 100%; background-color: #C8EBF0; }
.vspot-wiz-step {
    color: #3FA55E !important;
    font-size: 10pt !important;
    font-weight: bold;
    padding-top: 6px;
}
.vspot-wiz-step-select {
    color: #FFFFFF !important;
    background-image: url("/WEB-INF/classes/clientImages/wizard/steps/circle.png");
    background-repeat: no-repeat;
    background-position: top center;
    font-size: 10pt !important;
    font-weight: bold;
    padding-top: 6px;
 }
.vspot-wiz-step-numbers { background-color: #FFFFFF !important; }
.vspot-wiz-navbar { background-color: #C8EBF0; }
.vspot-wiz-navwidget { padding-left: 10px; padding-right: 10px; padding-top: -2px; cursor: pointer; }

/* if you change the z-index below, you have to change the popup z index calculation in GWT */
.vspot-dialog-on-top { position: relative; z-index: 2000; }
.vspot-dialog-on-top-1 { position: relative; z-index: 2001; }

.vspot-wizardpage { width: 100%; height: 100%; background-color: #6AC0CC; }

div.vspot-wizardpage {
    position: relative;
    overflow-y: auto;
}

.vspot-wiz-infoarea { width: 100%; background-color: #FFFFFF;  font-weight: bold; font-size: 12pt !important; }
.vspot-wiz-contentarea { width: 100%; height: 100%; background-color: #FFFFFF; }
.vspot-wiz-stepbutton { cursor: pointer; color: #FFFFFF !important; }
.vspot-wiz-stepbutton-middle { background-image: url("/WEB-INF/classes/clientImages/wizard/steps/body.png"); background-repeat: repeat-x; color: #FFFFFF !important; font-weight: bold; }
.vspot-wiz-stepbutton-text { text-decoration: underline; }
.vspot-wiz-stepbutton-text-select { }
.vspot-wiz-stepbutton-text-disabled { }

.vspot-activity-dlg { background-color: #C8EBF0 !important}
.vspot-activity-info { width: 100%; height: 100%; background-color: #FFFFFF; font-weight: bold; font-size: 11pt !important; }
.vspot-activity-content { width: 100%; height: 100%; background-color: #FFFFFF; }
.vspot-activity-plan- { width: 100%; height: 100%; background-color: #6AC0CC; }


.vspot-label { color: #004d58 !important; font-size: 9pt !important; font-weight: bold; padding-right: 10px; }
.vspot-label-notice { color: #cc5500 !important; font-size: 9pt !important; font-weight: bold; padding-right: 10px; }
.vspot-label-link { color: #3FA55E !important; font-size: 10pt !important; font-weight: bold; padding-right: 10px; text-decoration: underline;}
.vspot-label-link-green { color: #004d58 !important; font-size: 10pt !important; font-weight: bold; padding-right: 10px; text-decoration: underline;}
.vspot-label-big { color: #004d58 !important; font-size: 12pt !important; font-weight: bold; padding-right: 10px; }
.vspot-label-huge { color: #004d58 !important; font-size: 14pt !important; font-weight: bold; padding-right: 10px; }
.vspot-white-label { color: #FFFFFF !important; padding-right: 10px; }
.vspot-white-label-lg { color: #FFFFFF !important; font-size: 12pt !important; font-weight: bold; padding-right: 10px; }
.vspot-plaintext { color: #004d58 !important; font-size: 9pt !important; }
.vspot-header-emphasis { color: #3FA55E !important; font-weight: bold; padding-right: 10px; }
.vspot-text-warning { color: red !important; }
.vspot-text-color-bg { background-color: #FFFCDF; width:340px; padding:15px; }
.vspot-table-header { color: #004d58 !important; font-weight: bold; padding-right: 10px; text-decoration: underline; }
.vspot-user-label { color: #3FA55E !important; font-weight: bold; }
.vspot-content-label { font-weight: bold; color: #004d58 !important; }
.vspot-details-label { font-weight: normal; color: #004d58 !important; }
.vspot-info { background-color: #7EB16E; color: #BDF2FF !important; padding-left: 4px; padding-right: 4px; }
.vspot-content { background-color: #DFF8FF; color: #004d58 !important; padding-left: 4px; padding-right: 4px; }
.vspot-content-solid { background-color: #6AC0CC; color: #FFFFFF !important; padding-left: 4px; padding-right: 4px; }
.vspot-signup { background-color: #FFFFFF; }
.vspot-signup-header { background-color: #6AC0CC; color: #FFFFFF !important; font-weight: bold; font-size: 12pt !important; }
.vspot-signup-delete { color: #D06952 !important; font-size: 8pt !important; font-weight: bold; text-decoration: underline; cursor:pointer;}
.vspot-signup-tintrow { background-color: #F4F4E5; }
.vspot-signup-bottomborder { border-bottom: 1px solid; border-bottom-color: #9bc0f3; }

.vspot-MyInfoPage-panel {}

.vspot-signup-tab-offset { padding-left: 5px; }

.vspot-signup-full-label { color: #808080 !important; font-size: 22pt !important; font-weight: bold; }
.vspot-signup-empty { color: #808080 !important; font-size: 14pt !important; font-weight: bold; }


.vspot-signup-status-link { color: #3FA55E !important; font-size: 12pt !important; font-weight: bold; text-decoration:underline; cursor: pointer; }
.vspot-signup-status-normal { color: #3FA55E !important; font-size: 12pt !important; font-weight: bold; }
.vspot-signup-status-taken { color: #3FA55E !important; font-size: 12pt !important; font-weight: bold; }
.vspot-signup-status-avail { color: #BABABA !important; font-size: 12pt !important; font-weight: bold; }
.vspot-signup-status-danger { color: #DD9A1C !important; font-size: 12pt !important; font-weight: bold; }

.vspot-helper-text { background-color: #F0F9FB; color: #004d58; font-size: 9pt !important; }

.vspot-subtext { font-size: 8pt !important; color: #004d58 !important; padding-bottom: 10px; }
.vspot-subtext-hidden { font-size: 8pt !important; color: #FFFFFF !important; padding-bottom: 10px; }
.vspot-copyright { font-size: 8pt !important; color: #004d58 !important; }
.vspot-text-region { border: 1px solid #90B7C2; }
.vspot-photo { border: 1px solid #90B7C2; }
.vspot-XXX { background-color: #D1EEF2; }
.vspot-popup { background-color: #D4EBF2; border: 1px solid #90B7C2; }
.vspot-textarea { max-height: 150px; max-width: 400px; }
.vspot-dlg-content { background-color: #FFFFFF; color: #004d58 !important; font-size: 10pt !important; }

.vspot-tooltip { background-color: #FFFFFF; color: #004d58 !important; font-size: 10pt !important; border: thin solid #004d58; }
.vspot-tooltip-2 { background-color: #FFFFFF; color: #004d58 !important; font-size: 10pt !important; border: thin solid #004d58; padding: 3px; }
.vspot-scrollpane-border { border: thin solid #6AC0CC; }

.vspot-example-title { background-color: #FFFFFF; color: #3FA55E !important; font-weight: bold; font-size: 10pt !important; }
.vspot-example { background-color: #FFFFFF; color: #3FA55E !important; }
.vspot-exampleborder {}
.vspot-exampleborder-north { background-image: url("/WEB-INF/classes/clientImages/exampleborder/n.png"); background-repeat: repeat-x; height: 7px; }
.vspot-exampleborder-south { background-image: url("/WEB-INF/classes/clientImages/exampleborder/s.png"); background-repeat: repeat-x; height: 7px; }
.vspot-exampleborder-east { background-image: url("/WEB-INF/classes/clientImages/exampleborder/e.png"); background-repeat: repeat-y; width: 7px; }
.vspot-exampleborder-west { background-image: url("/WEB-INF/classes/clientImages/exampleborder/w.png"); background-repeat: repeat-y; width: 7px; }
.vspot-wiz-actinfo-example-padding { padding-top: 40px; }
.vspot-wiz-orginfo-example-padding { padding-top: 37px; }

.vspot-instruction { color: #3FA55E !important; font-size: 9pt !important; }
.line-height-150 { line-height: 1.5;}

.vspot-job-padding { padding-left: 3px; }


.vspot-infodlg-title { background-color: #6AC0CC; color: #FFFFFF !important; font-weight: bold; font-size: 10pt !important; }
.vspot-infodlg-contentarea { background-color: #FFFFFF; color: #004d58 !important; border-width: 2px; border-color: #3FA55E; border-style: solid; }
.vspot-infodlg-content { background-color: #FFFFFF; color: #004d58 !important; }

.vspot-basedialog-title { background-color: #FFFFFF; color: #3FA55E !important; font-weight: bold; font-size: 10pt !important; }
.vspot-basedialog-contentarea { background-color: #FFFFFF; color: #3FA55E !important; border-width: 2px; border-color: #3FA55E; border-style: solid; }
.vspot-basedialog-content { background-color: #FFFFFF; color: #3FA55E !important; }

.vspot-clickable { cursor: pointer; }

.vspot-opt { background-color: #DDF1F4; }
.vspot-opt-label { color: #004d58 !important; }
.vspot-opt-test { background-color: #DDDDDD;}

.vspot-summary-header { color: #FFFFFF !important; font-size: 10pt !important; font-weight: bold; }
.vspot-status-header { color: #004d58 !important; font-size: 10pt !important; font-weight: bold; }
.vspot-summary-cell-padding { padding-right: 6px; }

.vspot-infopopup-title { color: #3FA55E !important; font-weight: bold; font-size: 12pt !important; }
.vspot-infopopup-content { background-color: #FFFFFF; color: #3FA55E !important; font-size: 10pt !important; border-width: 2px; border-color: #3FA55E; border-style: solid; }

.vspot-lockborder { background-color: #cd6c56; }
.vspot-lockborder-north { background-image: url("/WEB-INF/classes/clientImages/lockborder/n.png"); background-repeat: repeat-x; height: 10px; }
.vspot-lockborder-south { background-image: url("/WEB-INF/classes/clientImages/lockborder/s.png"); background-repeat: repeat-x; height: 10px; }
.vspot-lockborder-east { background-image: url("/WEB-INF/classes/clientImages/lockborder/e.png"); background-repeat: repeat-y; width: 10px; }
.vspot-lockborder-west { background-image: url("/WEB-INF/classes/clientImages/lockborder/w.png"); background-repeat: repeat-y; width: 10px; }

.vspot-link {
    color: #3FA55E !important;
    text-decoration: underline;
    font-weight: bold;
    font-size: 9pt !important;
    cursor: pointer;
}

.vspot-link-down {
    color: #F6BA3A !important;
    text-decoration: underline;
    font-weight: bold;
    font-size: 9pt !important;
    cursor: pointer;
}


.vspot-link-small {
    color: #3FA55E !important;
    text-decoration: underline;
    font-weight: bold;
    font-size: 7pt !important;
    cursor: pointer;
}

.vspot-link-small-down {
    color: #F6BA3A !important;
    text-decoration: underline;
    font-weight: bold;
    font-size: 7pt !important;
    cursor: pointer;
}


.vspot-link-white {
    color: #FFFFFF !important;
    text-decoration: underline;
    font-weight: bold;
    font-size: 9pt !important;
    cursor: pointer;
}

.vspot-link-white-down {
    color: #004d58 !important;
    text-decoration: underline;
    font-weight: bold;
    font-size: 9pt !important;
    cursor: pointer;
}

.vspot-link-dark {
    color: #004d58 !important;
    text-decoration: underline;
    font-weight: bold;
    font-size: 9pt !important;
    cursor: pointer;
}

.vspot-link-dark-down {
    color: #F6BA3A !important;
    text-decoration: underline;
    font-weight: bold;
    font-size: 9pt !important;
    cursor: pointer;
}

.vspot-link-dark-small {
    color: #004d58 !important;
    text-decoration: underline;
    font-weight: bold;
    font-size: 7pt !important;
    cursor: pointer;
}

.vspot-link-dark-small-down {
    color: #F6BA3A !important;
    text-decoration: underline;
    font-weight: bold;
    font-size: 7pt !important;
    cursor: pointer;
}

.vspot-link-dark-big {
    color: #004d58 !important;
    text-decoration: underline;
    font-weight: bold;
    font-size: 12pt !important;
    cursor: pointer;
}

.vspot-link-dark-big {
    color: #F6BA3A !important;
    text-decoration: underline;
    font-weight: bold;
    font-size: 12pt !important;
    cursor: pointer;
}

.vspot-gold-link {
    color: #ba7f1e !important;
    text-decoration: underline;
    font-weight: bold;
    font-size: 9pt !important;
    cursor: pointer;
}

.vspot-email-copy-table { color: #004d58 !important; background-color: #FFFFFF}

.vspot-help-bubble-title { color: #244145 !important; font-size: 12pt !important; font-weight: bold; }
.vspot-help-bubble-bullet { color: #244145 !important; font-size: 11pt !important; font-weight: bold; }
.vspot-help-bubble-text { color: #004d58 !important; font-size: 10pt !important; }

.vspot-wizard-welcome-title { color: #DD9A1C !important; font-size: 18pt !important; font-weight: bold; }
.vspot-wizard-welcome-subtitle { color:#004d58 !important; font-size: 16pt !important; font-weight: bold; }
.vspot-wizard-welcome-bullet { color: #004d58 !important; font-size: 12pt !important; vertical-align:bottom; padding-top:8px;}

.vspot-inline-label { display:inline; }

.vspot-wizard-welcome-link {
    color: #0000FF !important;
    text-decoration: underline;
    font-weight: bold;
    font-size: 14pt !important;
    cursor: pointer;
}

.vspot-tasks-empty { background-image: url("/WEB-INF/classes/clientImages/misc/toDoToBringBG.png"); background-repeat: repeat; }


.vspot-help-bubble-top { background-image: url("/WEB-INF/classes/clientImages/help/bubble_top.png"); height: 78px; width: 733px; }
.vspot-help-bubble-middle { background-image: url("/WEB-INF/classes/clientImages/help/bubble_middle.png"); background-repeat: repeat-y; width: 733px; }
.vspot-help-bubble-bottom { background-image: url("/WEB-INF/classes/clientImages/help/bubble_bottom.png"); height: 18px; width: 733px; }

.vspot-titleborder-title { background-color: #3FA55E; color: #FFFFFF !important; font-weight: bold; font-size: 9pt !important;}
.vspot-titleborder-subtitle { background-color: #3FA55E; color: #FFFFFF !important; font-weight: bold; font-size: 9pt !important;}
.vspot-titleborder-north { background-image: url("/WEB-INF/classes/clientImages/titleborder/n.png"); background-repeat: repeat-x; height: 7px; }
.vspot-titleborder-south { background-image: url("/WEB-INF/classes/clientImages/titleborder/s.png"); background-repeat: repeat-x; height: 7px; }
.vspot-titleborder-northeast { background-image: url("/WEB-INF/classes/clientImages/titleborder/te.png"); background-position: left center; background-repeat: repeat-y; width: 7px; }
.vspot-titleborder-northwest { background-image: url("/WEB-INF/classes/clientImages/titleborder/tw.png"); background-position: right center; background-repeat: repeat-y; width: 7px; }
.vspot-titleborder-east { background-image: url("/WEB-INF/classes/clientImages/titleborder/e.png"); background-position: left center; background-repeat: repeat-y; width: 7px; }
.vspot-titleborder-west { background-image: url("/WEB-INF/classes/clientImages/titleborder/w.png"); background-position: right center; background-repeat: repeat-y; width: 7px; }

body .gwt-DialogBox table td.vspot-jobsignupborder-title .gwt-Label,
.vspot-jobsignupborder-title {
    background-color: #6AC0CC; color: #FFFFFF !important; font-weight: bold; font-size: 12pt !important;
}
.vspot-jobsignupborder-subtitle { background-color: #6AC0CC; color: #FFFFFF !important; font-weight: bold; font-size: 10pt !important;}
.vspot-jobsignupborder-north { background-image: url("/WEB-INF/classes/clientImages/jobsignupborder/n.png"); background-repeat: repeat-x; height: 7px; }
.vspot-jobsignupborder-south { background-image: url("/WEB-INF/classes/clientImages/jobsignupborder/s.png"); background-repeat: repeat-x; height: 7px; }
.vspot-jobsignupborder-northeast { background-image: url("/WEB-INF/classes/clientImages/jobsignupborder/te.png"); background-position: left center; background-repeat: repeat-y; width: 7px; }
.vspot-jobsignupborder-northwest { background-image: url("/WEB-INF/classes/clientImages/jobsignupborder/tw.png"); background-position: right center; background-repeat: repeat-y; width: 7px; }
.vspot-jobsignupborder-east { background-image: url("/WEB-INF/classes/clientImages/jobsignupborder/e.png"); background-position: left center; background-repeat: repeat-y; width: 7px; }
.vspot-jobsignupborder-west { background-image: url("/WEB-INF/classes/clientImages/jobsignupborder/w.png"); background-position: right center; background-repeat: repeat-y; width: 7px; }

.vspot-jobsignup-rowbg { background-color: #f4f4e5; }

.vspot-suggestbox-hint { color: gray !important; }

.vspot-transborder {}
.vspot-transborder-north { background-image: url("/WEB-INF/classes/clientImages/transborder/n.png"); background-repeat: repeat-x; height: 7px; }
.vspot-transborder-south { background-image: url("/WEB-INF/classes/clientImages/transborder/s.png"); background-repeat: repeat-x; height: 7px; }
.vspot-transborder-east { background-image: url("/WEB-INF/classes/clientImages/transborder/e.png"); background-repeat: repeat-y; width: 7px; }
.vspot-transborder-west { background-image: url("/WEB-INF/classes/clientImages/transborder/w.png"); background-repeat: repeat-y; width: 7px; }

.vspot-inverseborder {}
.vspot-inverseborder-north { background-image: url("/WEB-INF/classes/clientImages/inverseborder/n.png"); background-repeat: repeat-x; height: 7px; }
.vspot-inverseborder-south { background-image: url("/WEB-INF/classes/clientImages/inverseborder/s.png"); background-repeat: repeat-x; height: 7px; }
.vspot-inverseborder-east { background-image: url("/WEB-INF/classes/clientImages/inverseborder/e.png"); background-repeat: repeat-y; width: 7px; }
.vspot-inverseborder-west { background-image: url("/WEB-INF/classes/clientImages/inverseborder/w.png"); background-repeat: repeat-y; width: 7px; }

.vspot-deepborder {}
.vspot-deepborder-north { background-image: url("/WEB-INF/classes/clientImages/deepborder/n.png"); background-repeat: repeat-x; height: 7px; }
.vspot-deepborder-south { background-image: url("/WEB-INF/classes/clientImages/deepborder/s.png"); background-repeat: repeat-x; height: 7px; }
.vspot-deepborder-east { background-image: url("/WEB-INF/classes/clientImages/deepborder/e.png"); background-repeat: repeat-y; width: 7px; }
.vspot-deepborder-west { background-image: url("/WEB-INF/classes/clientImages/deepborder/w.png"); background-repeat: repeat-y; width: 7px; }

.vspot-tealborder { background-color: #6AC0CC !important; }
.vspot-tealborder-north { background-image: url("/WEB-INF/classes/clientImages/tealborder/n.png"); background-repeat: repeat-x; height: 7px; }
.vspot-tealborder-south { background-image: url("/WEB-INF/classes/clientImages/tealborder/s.png"); background-repeat: repeat-x; height: 7px; }
.vspot-tealborder-east { background-image: url("/WEB-INF/classes/clientImages/tealborder/e.png"); background-repeat: repeat-y; width: 7px; }
.vspot-tealborder-west { background-image: url("/WEB-INF/classes/clientImages/tealborder/w.png"); background-repeat: repeat-y; width: 7px; }

.vspot-greenborder {}
.vspot-greenborder-north { background-image: url("/WEB-INF/classes/clientImages/greenborder/n.png"); background-repeat: repeat-x; height: 7px; }
.vspot-greenborder-south { background-image: url("/WEB-INF/classes/clientImages/greenborder/s.png"); background-repeat: repeat-x; height: 7px; }
.vspot-greenborder-east { background-image: url("/WEB-INF/classes/clientImages/greenborder/e.png"); background-repeat: repeat-y; width: 7px; }
.vspot-greenborder-west { background-image: url("/WEB-INF/classes/clientImages/greenborder/w.png"); background-repeat: repeat-y; width: 7px; }

.vspot-greenborderbg { background-color: #3FA55E !important; }
.vspot-greenborderbg-north { background-image: url("/WEB-INF/classes/clientImages/greenborder/n.png"); background-repeat: repeat-x; height: 7px; }
.vspot-greenborderbg-south { background-image: url("/WEB-INF/classes/clientImages/greenborder/s.png"); background-repeat: repeat-x; height: 7px; }
.vspot-greenborderbg-east { background-image: url("/WEB-INF/classes/clientImages/greenborder/e.png"); background-repeat: repeat-y; width: 7px; }
.vspot-greenborderbg-west { background-image: url("/WEB-INF/classes/clientImages/greenborder/w.png"); background-repeat: repeat-y; width: 7px; }

.vspot-greenwhiteborder { background-color: #FFFFFF !important; }
.vspot-greenwhiteborder-north { background-image: url("/WEB-INF/classes/clientImages/greenwhiteborder/n.png"); background-repeat: repeat-x; height: 7px; }
.vspot-greenwhiteborder-south { background-image: url("/WEB-INF/classes/clientImages/greenwhiteborder/s.png"); background-repeat: repeat-x; height: 7px; }
.vspot-greenwhiteborder-east { background-image: url("/WEB-INF/classes/clientImages/greenwhiteborder/e.png"); background-repeat: repeat-y; width: 7px; }
.vspot-greenwhiteborder-west { background-image: url("/WEB-INF/classes/clientImages/greenwhiteborder/w.png"); background-repeat: repeat-y; width: 7px; }

.vspot-whiteborder {}
.vspot-whiteborder-north { background-image: url("/WEB-INF/classes/clientImages/whiteborder/n.png"); background-repeat: repeat-x; height: 7px; }
.vspot-whiteborder-south { background-image: url("/WEB-INF/classes/clientImages/whiteborder/s.png"); background-repeat: repeat-x; height: 7px; }
.vspot-whiteborder-east { background-image: url("/WEB-INF/classes/clientImages/whiteborder/e.png"); background-repeat: repeat-y; width: 7px; }
.vspot-whiteborder-west { background-image: url("/WEB-INF/classes/clientImages/whiteborder/w.png"); background-repeat: repeat-y; width: 7px; }

.vspot-lightborder {}
.vspot-lightborder-north { background-image: url("/WEB-INF/classes/clientImages/lightborder/n.png"); background-repeat: repeat-x; height: 7px; }
.vspot-lightborder-south { background-image: url("/WEB-INF/classes/clientImages/lightborder/s.png"); background-repeat: repeat-x; height: 7px; }
.vspot-lightborder-east { background-image: url("/WEB-INF/classes/clientImages/lightborder/e.png"); background-repeat: repeat-y; width: 7px; }
.vspot-lightborder-west { background-image: url("/WEB-INF/classes/clientImages/lightborder/w.png"); background-repeat: repeat-y; width: 7px; }

.vspot-lighttealborder { background-color: #A1E9F3 !important; }
.vspot-lighttealborder-north { background-image: url("/WEB-INF/classes/clientImages/lighttealborder/n.png"); background-repeat: repeat-x; height: 7px; }
.vspot-lighttealborder-south { background-image: url("/WEB-INF/classes/clientImages/lighttealborder/s.png"); background-repeat: repeat-x; height: 7px; }
.vspot-lighttealborder-east { background-image: url("/WEB-INF/classes/clientImages/lighttealborder/e.png"); background-repeat: repeat-y; width: 7px; }
.vspot-lighttealborder-west { background-image: url("/WEB-INF/classes/clientImages/lighttealborder/w.png"); background-repeat: repeat-y; width: 7px; }

.vspot-lightbeigeborder { background-color: #F9F1EB !important; }
.vspot-lightbeigeborder-north { background-image: url("/WEB-INF/classes/clientImages/lightbeigeborder/n.png"); background-repeat: repeat-x; height: 7px; }
.vspot-lightbeigeborder-south { background-image: url("/WEB-INF/classes/clientImages/lightbeigeborder/s.png"); background-repeat: repeat-x; height: 7px; }
.vspot-lightbeigeborder-east { background-image: url("/WEB-INF/classes/clientImages/lightbeigeborder/e.png"); background-repeat: repeat-y; width: 7px; }
.vspot-lightbeigeborder-west { background-image: url("/WEB-INF/classes/clientImages/lightbeigeborder/w.png"); background-repeat: repeat-y; width: 7px; }

.vspot-controltabborder { width: 112px; }
.vspot-controltabborder .gwt-Image { width: 112px; }
.vspot-controltabborder-north { background-image: url("/WEB-INF/classes/clientImages/controltabborder/n.png"); background-repeat: repeat-x; height: 7px; }
.vspot-controltabborder-south { background-image: url("/WEB-INF/classes/clientImages/controltabborder/s.png"); background-repeat: repeat-x; height: 7px; }
.vspot-controltabborder-east { background-image: url("/WEB-INF/classes/clientImages/controltabborder/e.png"); background-repeat: repeat-y; width: 7px; }
.vspot-controltabborder-west { background-image: url("/WEB-INF/classes/clientImages/controltabborder/w.png"); background-repeat: repeat-y; width: 7px; }

.vspot-tabborder {  }
.vspot-tabborder-north { background-image: url("/WEB-INF/classes/clientImages/tabborder/n.png"); background-repeat: repeat-x; height: 7px; }
.vspot-tabborder-south { background-image: url("/WEB-INF/classes/clientImages/tabborder/s.png"); background-repeat: repeat-x; height: 7px; position:relative; }
.vspot-tabborder-east { background-image: url("/WEB-INF/classes/clientImages/tabborder/e.png"); background-repeat: repeat-y; width: 7px; }
.vspot-tabborder-west { background-image: url("/WEB-INF/classes/clientImages/tabborder/w.png"); background-repeat: repeat-y; width: 7px; }

.vspot-copycal {
    background-color: #6AC0CC;
    color: #FFFFFF !important;
    width: 275px;
    padding: 5px;
}

.vspot-copycal-header {
    background: #6AC0CC url("/WEB-INF/classes/clientImages/MiniCal/MonthLine/Body.png") repeat-x center;
    color: #FFFFFF !important;
    font-weight: bold;
    width: 100%;
    padding-left: 10px;
}

.vspot-copycal-weekline {
     color: #FFFFFF !important;
    font-weight: bold;
}

.vspot-copycalborder {}
.vspot-copycalborder-title { background-color: #6AC0CC; color: #FFFFFF !important; font-weight: bold; font-size: 12pt !important;}
.vspot-copycalborder-subtitle { background-color: #6AC0CC; color: #FFFFFF !important; font-weight: bold; font-size: 10pt !important;}
.vspot-copycalborder-north { background-image: url("/WEB-INF/classes/clientImages/copycalborder/n.png"); background-repeat: repeat-x; height: 7px; }
.vspot-copycalborder-south { background-image: url("/WEB-INF/classes/clientImages/copycalborder/s.png"); background-repeat: repeat-x; height: 7px; }
.vspot-copycalborder-east { background-image: url("/WEB-INF/classes/clientImages/copycalborder/e.png"); background-repeat: repeat-y; width: 7px; }
.vspot-copycalborder-west { background-image: url("/WEB-INF/classes/clientImages/copycalborder/w.png"); background-repeat: repeat-y; width: 7px; }
.vspot-copycalborder-northeast { background-image: url("/WEB-INF/classes/clientImages/copycalborder/e.png"); background-position: left center; background-repeat: repeat-y; width: 7px; }
.vspot-copycalborder-northwest { background-image: url("/WEB-INF/classes/clientImages/copycalborder/w.png"); background-position: right center; background-repeat: repeat-y; width: 7px; }

body .vspot-wizardpage .gwt-ListBox { font-size: 12px !important; }
body .vspot-wizardpage .gwt-ListBox option { font-size: 12px !important; }


.vspot-top-margin-8 {
    margin-top: 8px;
}

.vspot-top-margin-minus-8 {
    margin-top: -8px;
}

/**  .gwt-DialogBox { the outside of the dialog }*/
/** .gwt-DialogBox .Caption { the caption }*/
/** .gwt-DialogBox .dialogContent { the wrapepr around the content }*/
/** .gwt-DialogBox .dialogTopLeft { the top left cell }*/
/** .gwt-DialogBox .dialogTopLeftInner { the inner element of the cell }*/
/** .gwt-DialogBox .dialogTopCenter { the top center cell, where the caption is located }*/
/** .gwt-DialogBox .dialogTopCenterInner { the inner element of the cell }*/
/** .gwt-DialogBox .dialogTopRight { the top right cell }*/
/** .gwt-DialogBox .dialogTopRightInner { the inner element of the cell }*/
/** .gwt-DialogBox .dialogMiddleLeft { the middle left cell }*/
/** .gwt-DialogBox .dialogMiddleLeftInner { the inner element of the cell }*/
/** .gwt-DialogBox .dialogMiddleCenter { the middle center cell, where the content is located }*/
/** .gwt-DialogBox .dialogMiddleCenterInner { the inner element of the cell }*/
/** .gwt-DialogBox .dialogMiddleRight { the middle right cell }*/
/** .gwt-DialogBox .dialogMiddleRightInner { the inner element of the cell }*/
/** .gwt-DialogBox .dialogBottomLeft { the bottom left cell }*/
/** .gwt-DialogBox .dialogBottomLeftInner { the inner element of the cell }*/
/** .gwt-DialogBox .dialogBottomCenter { the bottom center cell }*/
/** .gwt-DialogBox .dialogBottomCenterInner { the inner element of the cell }*/
/** .gwt-DialogBox .dialogBottomRight { the bottom right cell }*/
/** .gwt-DialogBox .dialogBottomRightInner { the inner element of the cell }*/


.gwt-DialogBox-Bkg {
    background-color: #6AC0CC;
}


body .gwt-DialogBox table.gwt-DialogBox-Caption .gwt-Label,
.gwt-DialogBox-Caption {
    background-color: #6AC0CC;
	color: #FFFFFF !important;
	padding: 3px;
    margin: 7px;
    font-weight: bold;
    cursor: default;
}

.gwt-DialogBox .Caption {
    background-color: #6AC0CC;
	color: #FFFFFF !important;
	padding: 3px;
    margin: 7px;
    font-weight: bold;
    cursor: default;
}

.gwt-DialogBox .dialogTopCenter {
    background-color: #6AC0CC;
    background-image: url("/WEB-INF/classes/clientImages/copycalborder/n.png");
    background-position: center top;
    background-repeat: repeat-x;
    height: 30px;
}

.gwt-DialogBox .dialogTopRight {
    background-image: url("/WEB-INF/classes/clientImages/copycalborder/ne.png");
    background-position: left top;
    background-repeat: no-repeat;
    height: 10px;
    width: 10px;
}

.gwt-DialogBox .dialogTopRightInner {
    background-image: url("/WEB-INF/classes/clientImages/copycalborder/e.png");
    background-position: left center;
    background-repeat: repeat-y;
    margin-top: 10px;
    height: 28px;
    width: 10px;
}

.gwt-DialogBox .dialogTopLeft {
    background-image: url("/WEB-INF/classes/clientImages/copycalborder/nw.png");
    background-position: left top;
    background-repeat: no-repeat;
    height: 10px;
    width: 10px;
}

.gwt-DialogBox .dialogTopLeftInner {
    background-image: url("/WEB-INF/classes/clientImages/copycalborder/w.png");
    background-position: left center;
    background-repeat: repeat-y;
    margin-top: 10px;
    height: 28px;
    width: 10px;
}

.gwt-DialogBox .dialogMiddle {
    background-color: #FFF;
    height: 100%;
    width: 100%;
}

.gwt-DialogBox .dialogMiddleCenterInner {
    height: 100%;
    width: 100%;
}

.gwt-DialogBox .dialogMiddleRight {
    background-image: url("/WEB-INF/classes/clientImages/copycalborder/e.png");
    background-repeat: repeat-y;
    width: 10px;
}

.gwt-DialogBox .dialogMiddleLeft {
    background-image: url("/WEB-INF/classes/clientImages/copycalborder/w.png");
    background-repeat: repeat-y;
    width: 10px;
}

.gwt-DialogBox .dialogBottomCenter {
    background-color: #6AC0CC;
    background-image: url("/WEB-INF/classes/clientImages/copycalborder/s.png");
    background-position: center top;
    background-repeat: repeat-x;
    height: 10px;
}

.gwt-DialogBox .dialogBottomRight {
    background-image: url("/WEB-INF/classes/clientImages/copycalborder/se.png");
    background-position: left top;
    background-repeat: no-repeat;
    height: 10px;
    width: 10px;
}

.gwt-DialogBox .dialogBottomLeft {
    background-image: url("/WEB-INF/classes/clientImages/copycalborder/sw.png");
    background-position: left top;
    background-repeat: no-repeat;
    height: 10px;
    width: 10px;
}

.gwt-DialogBox-buttons {
    background-color: #6AC0CC;
    width: 100%;
}

.gwt-DecoratedPopupPanel .popupTopLeft {
    background-image: url("/WEB-INF/classes/clientImages/copycalborder/nw.png");
    background-position: left top;
    background-repeat: no-repeat;
    height: 10px;
    width: 10px;
}

.gwt-DecoratedPopupPanel .popupTopLeftInner {
    background-image: url("/WEB-INF/classes/clientImages/copycalborder/w.png");
    background-position: left center;
    background-repeat: repeat-y;
    margin-top: 10px;
    height: 28px;
    width: 10px;
}

.gwt-DecoratedPopupPanel .popupTopCenter {
    background-color: #6AC0CC;
    background-image: url("/WEB-INF/classes/clientImages/copycalborder/n.png");
    background-position: center top;
    background-repeat: repeat-x;
    height: 30px;
}

.gwt-DecoratedPopupPanel .popupTopRight {
    background-image: url("/WEB-INF/classes/clientImages/copycalborder/ne.png");
    background-position: left top;
    background-repeat: no-repeat;
    height: 10px;
    width: 10px;
}

.gwt-DecoratedPopupPanel .popupTopRightInner {
    background-image: url("/WEB-INF/classes/clientImages/copycalborder/e.png");
    background-position: left center;
    background-repeat: repeat-y;
    margin-top: 10px;
    height: 28px;
    width: 10px;
}

.gwt-DecoratedPopupPanel .popupMiddleLeft {
    background-image: url("/WEB-INF/classes/clientImages/copycalborder/w.png");
    background-repeat: repeat-y;
    width: 10px;
}

.gwt-DecoratedPopupPanel .popupMiddleCenter {
    background-color: #FFF;
    height: 100%;
    width: 100%;
}

.gwt-DecoratedPopupPanel .popupMiddleCenterInner {
    height: 100%;
    width: 100%;
}

.gwt-DecoratedPopupPanel .popupMiddleRight {
    background-image: url("/WEB-INF/classes/clientImages/copycalborder/e.png");
    background-repeat: repeat-y;
    width: 10px;
}

.gwt-DecoratedPopupPanel .popupBottomLeft {
    background-image: url("/WEB-INF/classes/clientImages/copycalborder/sw.png");
    background-position: left top;
    background-repeat: no-repeat;
    height: 10px;
    width: 10px;
}

.gwt-DecoratedPopupPanel .popupBottomCenter {
    background-color: #6AC0CC;
    background-image: url("/WEB-INF/classes/clientImages/copycalborder/s.png");
    background-position: center top;
    background-repeat: repeat-x;
    height: 10px;
}

.gwt-DecoratedPopupPanel .popupBottomRight {
    background-image: url("/WEB-INF/classes/clientImages/copycalborder/se.png");
    background-position: left top;
    background-repeat: no-repeat;
    height: 10px;
    width: 10px;
}

.gwt-MenuBar .gwt-MenuItem { font-size: 12px !important; }
.gwt-MenuBar .gwt-MenuItem-selected  { color: #004d58 !important; }
.gwt-MenuBarPopup { font-size: 12px !important; }

.gwt-MenuItemSeparator { background: #B4B4B4; }

.gwt-GlassPanel {
    z-index: 100;
}


.vspot-HelpDialog .Caption {
	color: #FFFFFF !important;
	padding: 3px;
    margin: 7px;
    font-weight: bold;
    cursor: default;
}

.vspot-HelpDialog .dialogTopCenter {
    background-color: #3FA55E;
    background-image: url("/WEB-INF/classes/clientImages/copycalborder/n.png");
    background-position: center top;
    background-repeat: repeat-x;
    height: 30px;
}

.vspot-HelpDialog .dialogTopRight {
    background-image: url("/WEB-INF/classes/clientImages/copycalborder/ne.png");
    background-position: left top;
    background-repeat: no-repeat;
    height: 10px;
    width: 10px;
}

.vspot-HelpDialog .dialogTopRightInner {
    background-image: url("/WEB-INF/classes/clientImages/copycalborder/e.png");
    background-position: left center;
    background-repeat: repeat-y;
    margin-top: 10px;
    height: 28px;
    width: 10px;
}

.vspot-HelpDialog .dialogTopLeft {
    background-image: url("/WEB-INF/classes/clientImages/copycalborder/nw.png");
    background-position: left top;
    background-repeat: no-repeat;
    height: 10px;
    width: 10px;
}

.vspot-HelpDialog .dialogTopLeftInner {
    background-image: url("/WEB-INF/classes/clientImages/copycalborder/w.png");
    background-position: left center;
    background-repeat: repeat-y;
    margin-top: 10px;
    height: 28px;
    width: 10px;
}

.vspot-HelpDialog .dialogMiddle {
    background-color: #FFF;
    height: 100%;
    width: 100%;
}

.vspot-HelpDialog .dialogMiddleCenterInner {
    height: 100%;
    width: 100%;
}

.vspot-HelpDialog .dialogMiddleRight {
    background-image: url("/WEB-INF/classes/clientImages/copycalborder/e.png");
    background-repeat: repeat-y;
    width: 10px;
}

.vspot-HelpDialog .dialogMiddleLeft {
    background-image: url("/WEB-INF/classes/clientImages/copycalborder/w.png");
    background-repeat: repeat-y;
    width: 10px;
}

.vspot-HelpDialog .dialogBottomCenter {
    background-color: #3FA55E;
    background-image: url("/WEB-INF/classes/clientImages/copycalborder/s.png");
    background-position: center top;
    background-repeat: repeat-x;
    height: 10px;
}

.vspot-HelpDialog .dialogBottomRight {
    background-image: url("/WEB-INF/classes/clientImages/copycalborder/se.png");
    background-position: left top;
    background-repeat: no-repeat;
    height: 10px;
    width: 10px;
}

.vspot-HelpDialog .dialogBottomLeft {
    background-image: url("/WEB-INF/classes/clientImages/copycalborder/sw.png");
    background-position: left top;
    background-repeat: no-repeat;
    height: 10px;
    width: 10px;
}

.vspot-HelpDialog-buttons {
    background-color: #3FA55E;
    width: 100%;
}



.vspot-StdDialog .Caption {
	color: #FFFFFF !important;
	padding: 3px;
    margin: 7px;
    font-weight: bold;
    cursor: default;
}

.vspot-StdDialog .dialogTopCenter {
    background-color: #6AC0CC;
    background-image: url("/WEB-INF/classes/clientImages/copycalborder/n.png");
    background-position: center top;
    background-repeat: repeat-x;
    height: 30px;
}

.vspot-StdDialog .dialogTopRight {
    background-image: url("/WEB-INF/classes/clientImages/copycalborder/ne.png");
    background-position: left top;
    background-repeat: no-repeat;
    height: 10px;
    width: 10px;
}

.vspot-StdDialog .dialogTopRightInner {
    background-image: url("/WEB-INF/classes/clientImages/copycalborder/e.png");
    background-position: left center;
    background-repeat: repeat-y;
    margin-top: 10px;
    height: 28px;
    width: 10px;
}

.vspot-StdDialog .dialogTopLeft {
    background-image: url("/WEB-INF/classes/clientImages/copycalborder/nw.png");
    background-position: left top;
    background-repeat: no-repeat;
    height: 10px;
    width: 10px;
}

.vspot-StdDialog .dialogTopLeftInner {
    background-image: url("/WEB-INF/classes/clientImages/copycalborder/w.png");
    background-position: left center;
    background-repeat: repeat-y;
    margin-top: 10px;
    height: 28px;
    width: 10px;
}

.vspot-StdDialog .dialogMiddle {
    background-color: #FFF;
    height: 100%;
    width: 100%;
}

.vspot-StdDialog .dialogMiddleCenterInner {
    height: 100%;
    width: 100%;
}

.vspot-StdDialog .dialogMiddleRight {
    background-image: url("/WEB-INF/classes/clientImages/copycalborder/e.png");
    background-repeat: repeat-y;
    width: 10px;
}

.vspot-StdDialog .dialogMiddleLeft {
    background-image: url("/WEB-INF/classes/clientImages/copycalborder/w.png");
    background-repeat: repeat-y;
    width: 10px;
}

.vspot-StdDialog .dialogBottomCenter {
    background-color: #3FA55E;
    background-image: url("/WEB-INF/classes/clientImages/copycalborder/s.png");
    background-position: center top;
    background-repeat: repeat-x;
    height: 10px;
}

.vspot-StdDialog .dialogBottomRight {
    background-image: url("/WEB-INF/classes/clientImages/copycalborder/se.png");
    background-position: left top;
    background-repeat: no-repeat;
    height: 10px;
    width: 10px;
}

.vspot-StdDialog .dialogBottomLeft {
    background-image: url("/WEB-INF/classes/clientImages/copycalborder/sw.png");
    background-position: left top;
    background-repeat: no-repeat;
    height: 10px;
    width: 10px;
}

.vspot-StdDialog-buttons {
    background-color: #6AC0CC;
    width: 100%;
}




.gwt-TabBarFirst {
    width: 15px;
}

.vspot-dialog-bkg {
    background-color: #6AC0CC;
}

.vspot-dialog-content {
background-color: #6AC0CC; color: #004d58 !important;
}

.vspot-dialog-content-dark {
background-color: #6AC0CC; color: #000000 !important;
}

.vspot-dialog-content-bkg {
background-color: #FFFFFF; color: #004d58 !important;
}


.vspot-delete-dialog-instr {
background-color: #6AC0CC; color: #004d58 !important;
}

.vspot-delete-dialog-list {
	border: 1px solid #6AC0CC;
}


.vspot-dialog-small-text {
color: #004d58 !important; font-size: 9pt !important;
}

.vspot-small-text {
color: #004d58 !important; font-size: 9pt !important;
}

.vspot-small-text-disabled {
color: #AAAAAA !important; font-size: 9pt !important;
}

/*
.vspot-copycal-header {
    background-color: #DBA251;
    color: #FFFFFF;
    width: 100%;
    font-weight: bold;
}
*/

.vspot-copycal-days {
    background-color: #6AC0CC;
    color: #FFFFFF !important;
    cursor: pointer;
}

.vspot-copycal-selected {
    background-image: url("/WEB-INF/classes/clientImages/MiniCal/Select/SelectDay20.png"); background-repeat: no-repeat; background-position: center center;
    color: #6AC0CC !important;
    }

.vspot-copycal-selectedover {
    background-image: url("/WEB-INF/classes/clientImages/MiniCal/Select/SelectDayOver20.png"); background-repeat: no-repeat; background-position: center center;
    color: #FFFFFF !important;
    }

.vspot-copycal-planned {
    background-image: url("/WEB-INF/classes/clientImages/MiniCal/Select/PlannedDay20.png"); background-repeat: no-repeat; background-position: center center;
    color: #FFFFFF !important;
    }

.vspot-copycal-source {
    background-image: url("/WEB-INF/classes/clientImages/MiniCal/Select/SourceDay20.png"); background-repeat: no-repeat; background-position: center center;
    color: #FFFFFF !important;
    }
.vspot-copycal-source-select {
    background-image: url("/WEB-INF/classes/clientImages/MiniCal/Select/SourceDaySelect20.png"); background-repeat: no-repeat; background-position: center center;
    color: #6AC0CC !important;
    }

.vspot-copycal-source-over {
    background-image: url("/WEB-INF/classes/clientImages/MiniCal/Select/SourceDayOver20.png"); background-repeat: no-repeat; background-position: center center;
    color: #FFFFFF !important;
    }

.vspot-copycal-source-planned {
    background-image: url("/WEB-INF/classes/clientImages/MiniCal/Select/SourceDayPlanned20.png"); background-repeat: no-repeat; background-position: center center;
    color: #FFFFFF !important;
    }




.vspot-ie-copycal-selected {
    background-image: url("/WEB-INF/classes/clientImages/MiniCal/Select/SelectDay20.gif"); background-repeat: no-repeat; background-position: center center;
    color: #6AC0CC !important;
    }

.vspot-ie-copycal-selectedover {
    background-image: url("/WEB-INF/classes/clientImages/MiniCal/Select/SelectDayOver20.gif"); background-repeat: no-repeat; background-position: center center;
    color: #FFFFFF !important;
    }

.vspot-ie-copycal-planned {
    background-image: url("/WEB-INF/classes/clientImages/MiniCal/Select/PlannedDay20.gif"); background-repeat: no-repeat; background-position: center center;
    color: #FFFFFF !important;
    }

.vspot-ie-copycal-source {
    background-image: url("/WEB-INF/classes/clientImages/MiniCal/Select/SourceDay20.gif"); background-repeat: no-repeat; background-position: center center;
    color: #FFFFFF !important;
    }


.vspot-calendar-bkg { background-color: #6AC0CC; }

.vspot-calendar {
    background-color: #6AC0CC;
    color: #6AC0CC !important;
    width: 100%;
    height: 100%;
    padding: 5px;
}

.vspot-calendar-month {
    background: #6AC0CC url("/WEB-INF/classes/clientImages/cal/month/body.png") repeat-x center;
    color: #FFFFFF !important;
    font-weight: bold;
    font-size: 12pt !important;
    width: 100%;
}

.vspot-calendar-week {
    width: 100%;
    font-weight: bold;
/*    background-color: #BAE6EC;*/
    background-color: #6AC0CC;
    color: #FFFFFF !important;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
}

.vspot-calendar-weekday {
    width: 100%;
}

.vspot-calendar-days {
    background-color: #6AC0CC;
    width: 100%;
    height: 100%;
    color: #004d58 !important;
}

.vspot-calendar-day {
/*    background-color: #DFF8FF;*/
    background-color: #FFFFFF;
}

.vspot-calendar-cell {
    color: #004d58 !important;
    width: 100%;
    height: 100%;
}

.vspot-calendar-cell-content { 
	font-size: 9pt !important;
	font-weight: normal; }

.vspot-calendar-opportunity {
    color: #FFFFFF !important;
    font-size: 8pt !important;
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}

.vspot-calendar-cell-in-month { background-color: #FFFFFF;  color: #004d58 !important;  font-weight: bold;}
.vspot-calendar-cell-out-month { background-color: #C8EBF0; }
.vspot-calendar-cell-current-day {
    background-color: #FFFFFF;
    color: #F9AB14 !important;
    font-weight: bold; outline-color: #F9AB14; outline-style: solid;
    outline-width: 2px;
}
.vspot-calendar-cell-empty { background: url("/WEB-INF/classes/clientImages/cal/cells/avail.png") no-repeat center; height: 100%; width: 100%; cursor:pointer; }
.vspot-calendar-cell-enabled { height: 100%; width: 100%; }
.vspot-calendar-cell-disabled {  background-color: #D4D4D4; }
.vspot-calendar-cell-selected { background: url("/images/calendar/selected.png") no-repeat center; height: 100%; width: 100%; cursor:pointer;}
.vspot-calendar-cell-notplanned { background: url("/images/calendar/notPlanned.png") no-repeat center; height: 100%; width: 100%; }
.vspot-calendar-cell-oksignup-past { background: #D4D4D4 url("/WEB-INF/classes/clientImages/cal/cells/okSignupPast.png") no-repeat center; height: 100%; width: 100%; cursor:pointer; }
.vspot-calendar-cell-currentsignup-past { background: #D4D4D4 url("/WEB-INF/classes/clientImages/cal/cells/currentSignupPast.png") no-repeat center; height: 100%; width: 100%; cursor:pointer; }

.vspot-calendar-cell-avail-in-month { background: #FFFFFF url("/WEB-INF/classes/clientImages/cal/cells/avail.png") no-repeat center; height: 100%; width: 100%; cursor:pointer;}
.vspot-calendar-cell-avail-out-month { background: #C8EBF0 url("/WEB-INF/classes/clientImages/cal/cells/avail.png") no-repeat center; height: 100%; width: 100%; cursor:pointer;}
.vspot-calendar-cell-planned-dofull-bringfull-in-month { background: #FFFFFF url("/WEB-INF/classes/clientImages/cal/cells/plannedDoFullBringFull.png") no-repeat center; height: 100%; width: 100%; cursor:pointer;}
.vspot-calendar-cell-planned-dofull-bringfull-out-month { background: #C8EBF0 url("/WEB-INF/classes/clientImages/cal/cells/plannedDoFullBringFull.png") no-repeat center; height: 100%; width: 100%; cursor:pointer;}
.vspot-calendar-cell-planned-do-bring-in-month { background: #FFFFFF url("/WEB-INF/classes/clientImages/cal/cells/plannedDoBring.png") no-repeat center; height: 100%; width: 100%; cursor:pointer;}
.vspot-calendar-cell-planned-do-bring-out-month { background: #C8EBF0 url("/WEB-INF/classes/clientImages/cal/cells/plannedDoBring.png") no-repeat center; height: 100%; width: 100%; cursor:pointer;}
.vspot-calendar-cell-planned-dofull-bring-in-month { background: #FFFFFF url("/WEB-INF/classes/clientImages/cal/cells/plannedDoFullBring.png") no-repeat center; height: 100%; width: 100%; cursor:pointer;}
.vspot-calendar-cell-planned-dofull-bring-out-month { background: #C8EBF0 url("/WEB-INF/classes/clientImages/cal/cells/plannedDoFullBring.png") no-repeat center; height: 100%; width: 100%; cursor:pointer;}
.vspot-calendar-cell-planned-do-bringfull-in-month { background: #FFFFFF url("/WEB-INF/classes/clientImages/cal/cells/plannedDoBringFull.png") no-repeat center; height: 100%; width: 100%; cursor:pointer;}
.vspot-calendar-cell-planned-do-bringfull-out-month { background: #C8EBF0 url("/WEB-INF/classes/clientImages/cal/cells/plannedDoBringFull.png") no-repeat center; height: 100%; width: 100%; cursor:pointer;}
.vspot-calendar-cell-planned-do-in-month { background: #FFFFFF url("/WEB-INF/classes/clientImages/cal/cells/plannedDo.png") no-repeat center; height: 100%; width: 100%; cursor:pointer;}
.vspot-calendar-cell-planned-do-out-month { background: #C8EBF0 url("/WEB-INF/classes/clientImages/cal/cells/plannedDo.png") no-repeat center; height: 100%; width: 100%; cursor:pointer;}
.vspot-calendar-cell-planned-dofull-in-month { background: #FFFFFF url("/WEB-INF/classes/clientImages/cal/cells/plannedDoFull.png") no-repeat center; height: 100%; width: 100%; cursor:pointer;}
.vspot-calendar-cell-planned-dofull-out-month { background: #C8EBF0 url("/WEB-INF/classes/clientImages/cal/cells/plannedDoFull.png") no-repeat center; height: 100%; width: 100%; cursor:pointer;}
.vspot-calendar-cell-planned-bring-in-month { background: #FFFFFF url("/WEB-INF/classes/clientImages/cal/cells/plannedBring.png") no-repeat center; height: 100%; width: 100%; cursor:pointer;}
.vspot-calendar-cell-planned-bring-out-month { background: #C8EBF0 url("/WEB-INF/classes/clientImages/cal/cells/plannedBring.png") no-repeat center; height: 100%; width: 100%; cursor:pointer;}
.vspot-calendar-cell-planned-bringfull-in-month { background: #FFFFFF url("/WEB-INF/classes/clientImages/cal/cells/plannedBringFull.png") no-repeat center; height: 100%; width: 100%; cursor:pointer;}
.vspot-calendar-cell-planned-bringfull-out-month { background: #C8EBF0 url("/WEB-INF/classes/clientImages/cal/cells/plannedBringFull.png") no-repeat center; height: 100%; width: 100%; cursor:pointer;}
.vspot-calendar-cell-planned-empty-in-month { background: #FFFFFF url("/WEB-INF/classes/clientImages/cal/cells/plannedEmpty.png") no-repeat center; height: 100%; width: 100%; cursor:pointer;}
.vspot-calendar-cell-planned-empty-out-month { background: #C8EBF0 url("/WEB-INF/classes/clientImages/cal/cells/plannedEmpty.png") no-repeat center; height: 100%; width: 100%; cursor:pointer;}
.vspot-calendar-cell-planned-do-bring-past { background: #D4D4D4 url("/WEB-INF/classes/clientImages/cal/cells/plannedDoBringPast.png") no-repeat center; height: 100%; width: 100%; cursor:pointer;}
.vspot-calendar-cell-planned-do-past { background: #D4D4D4 url("/WEB-INF/classes/clientImages/cal/cells/plannedDoPast.png") no-repeat center; height: 100%; width: 100%; cursor:pointer;}
.vspot-calendar-cell-planned-bring-past { background: #D4D4D4 url("/WEB-INF/classes/clientImages/cal/cells/plannedBringPast.png") no-repeat center; height: 100%; width: 100%; cursor:pointer;}
.vspot-calendar-cell-planned-empty-past { background: #D4D4D4 url("/WEB-INF/classes/clientImages/cal/cells/plannedEmptyPast.png") no-repeat center; height: 100%; width: 100%; cursor:pointer;}
.vspot-calendar-cell-oksignup { background: #FFFFFF url("/WEB-INF/classes/clientImages/cal/cells/okSignup.png") no-repeat center; height: 100%; width: 100%; cursor:pointer;}
.vspot-calendar-cell-oksignuppast { background: #D4D4D4 url("/WEB-INF/classes/clientImages/cal/cells/okSignupPast.png") no-repeat center; height: 100%; width: 100%; cursor:pointer;}
.vspot-calendar-cell-currentsignup { background: #FFFFFF url("/WEB-INF/classes/clientImages/cal/cells/currentSignup.png") no-repeat center; height: 100%; width: 100%; cursor:pointer;}
.vspot-calendar-cell-currentsignuppast { background: #D4D4D4 url("/WEB-INF/classes/clientImages/cal/cells/currentSignupPast.png") no-repeat center; height: 100%; width: 100%; cursor:pointer;}
.vspot-calendar-cell-fullsignup { background: #FFFFFF url("/WEB-INF/classes/clientImages/cal/cells/fullSignup.png") no-repeat center; height: 100%; width: 100%; cursor:pointer; }
.vspot-calendar-cell-currentfullsignup { background: #FFFFFF url("/WEB-INF/classes/clientImages/cal/cells/currentFull.png") no-repeat center; height: 100%; width: 100%; cursor:pointer;}
.vspot-calendar-cell-currentfullpast { background: #D4D4D4 url("/WEB-INF/classes/clientImages/cal/cells/currentFullPast.png") no-repeat center; height: 100%; width: 100%; cursor:pointer; }

.vspot-calendar-cell-avail-in-month-ie { background: #FFFFFF url("/WEB-INF/classes/clientImages/cal/cells/avail.gif") no-repeat center; height: 100%; width: 100%; cursor:pointer;}
.vspot-calendar-cell-avail-out-month-ie { background: #C8EBF0 url("/WEB-INF/classes/clientImages/cal/cells/avail.gif") no-repeat center; height: 100%; width: 100%; cursor:pointer;}
.vspot-calendar-cell-planned-dofull-bringfull-in-month-ie { background: #FFFFFF url("/WEB-INF/classes/clientImages/cal/cells/plannedDoFullBringFull.gif") no-repeat center; height: 100%; width: 100%; cursor:pointer;}
.vspot-calendar-cell-planned-dofull-bringfull-out-month-ie { background: #C8EBF0 url("/WEB-INF/classes/clientImages/cal/cells/plannedDoFullBringFull.gif") no-repeat center; height: 100%; width: 100%; cursor:pointer;}
.vspot-calendar-cell-planned-do-bring-in-month-ie { background: #FFFFFF url("/WEB-INF/classes/clientImages/cal/cells/plannedDoBring.gif") no-repeat center; height: 100%; width: 100%; cursor:pointer;}
.vspot-calendar-cell-planned-do-bring-out-month-ie { background: #C8EBF0 url("/WEB-INF/classes/clientImages/cal/cells/plannedDoBring.gif") no-repeat center; height: 100%; width: 100%; cursor:pointer;}
.vspot-calendar-cell-planned-dofull-bring-in-month-ie { background: #FFFFFF url("/WEB-INF/classes/clientImages/cal/cells/plannedDoFullBring.gif") no-repeat center; height: 100%; width: 100%; cursor:pointer;}
.vspot-calendar-cell-planned-dofull-bring-out-month-ie { background: #C8EBF0 url("/WEB-INF/classes/clientImages/cal/cells/plannedDoFullBring.gif") no-repeat center; height: 100%; width: 100%; cursor:pointer;}
.vspot-calendar-cell-planned-do-bringfull-in-month-ie { background: #FFFFFF url("/WEB-INF/classes/clientImages/cal/cells/plannedDoBringFull.gif") no-repeat center; height: 100%; width: 100%; cursor:pointer;}
.vspot-calendar-cell-planned-do-bringfull-out-month-ie { background: #C8EBF0 url("/WEB-INF/classes/clientImages/cal/cells/plannedDoBringFull.gif") no-repeat center; height: 100%; width: 100%; cursor:pointer;}
.vspot-calendar-cell-planned-do-in-month-ie { background: #FFFFFF url("/WEB-INF/classes/clientImages/cal/cells/plannedDo.gif") no-repeat center; height: 100%; width: 100%; cursor:pointer;}
.vspot-calendar-cell-planned-do-out-month-ie { background: #C8EBF0 url("/WEB-INF/classes/clientImages/cal/cells/plannedDo.gif") no-repeat center; height: 100%; width: 100%; cursor:pointer;}
.vspot-calendar-cell-planned-dofull-in-month-ie { background: #FFFFFF url("/WEB-INF/classes/clientImages/cal/cells/plannedDoFull.gif") no-repeat center; height: 100%; width: 100%; cursor:pointer;}
.vspot-calendar-cell-planned-dofull-out-month-ie { background: #C8EBF0 url("/WEB-INF/classes/clientImages/cal/cells/plannedDoFull.gif") no-repeat center; height: 100%; width: 100%; cursor:pointer;}
.vspot-calendar-cell-planned-bring-in-month-ie { background: #FFFFFF url("/WEB-INF/classes/clientImages/cal/cells/plannedBring.gif") no-repeat center; height: 100%; width: 100%; cursor:pointer;}
.vspot-calendar-cell-planned-bring-out-month-ie { background: #C8EBF0 url("/WEB-INF/classes/clientImages/cal/cells/plannedBring.gif") no-repeat center; height: 100%; width: 100%; cursor:pointer;}
.vspot-calendar-cell-planned-bringfull-in-month-ie { background: #FFFFFF url("/WEB-INF/classes/clientImages/cal/cells/plannedBringFull.gif") no-repeat center; height: 100%; width: 100%; cursor:pointer;}
.vspot-calendar-cell-planned-bringfull-out-month-ie { background: #C8EBF0 url("/WEB-INF/classes/clientImages/cal/cells/plannedBringFull.gif") no-repeat center; height: 100%; width: 100%; cursor:pointer;}
.vspot-calendar-cell-planned-empty-in-month-ie { background: #FFFFFF url("/WEB-INF/classes/clientImages/cal/cells/plannedEmpty.gif") no-repeat center; height: 100%; width: 100%; cursor:pointer;}
.vspot-calendar-cell-planned-empty-out-month-ie { background: #C8EBF0 url("/WEB-INF/classes/clientImages/cal/cells/plannedEmpty.gif") no-repeat center; height: 100%; width: 100%; cursor:pointer;}
.vspot-calendar-cell-planned-do-bring-past-ie { background: #D4D4D4 url("/WEB-INF/classes/clientImages/cal/cells/plannedDoBringPast.gif") no-repeat center; height: 100%; width: 100%; cursor:pointer;}
.vspot-calendar-cell-planned-do-past-ie { background: #D4D4D4 url("/WEB-INF/classes/clientImages/cal/cells/plannedDoPast.gif") no-repeat center; height: 100%; width: 100%; cursor:pointer;}
.vspot-calendar-cell-planned-bring-past-ie { background: #D4D4D4 url("/WEB-INF/classes/clientImages/cal/cells/plannedBringPast.gif") no-repeat center; height: 100%; width: 100%; cursor:pointer;}
.vspot-calendar-cell-planned-empty-past-ie { background: #D4D4D4 url("/WEB-INF/classes/clientImages/cal/cells/plannedEmptyPast.gif") no-repeat center; height: 100%; width: 100%; cursor:pointer;}
.vspot-calendar-cell-oksignup-ie { background: #FFFFFF url("/WEB-INF/classes/clientImages/cal/cells/okSignup.gif") no-repeat center; height: 100%; width: 100%; cursor:pointer;}
.vspot-calendar-cell-oksignuppast-ie { background: #D4D4D4 url("/WEB-INF/classes/clientImages/cal/cells/okSignupPast.gif") no-repeat center; height: 100%; width: 100%; cursor:pointer;}
.vspot-calendar-cell-currentsignup-ie { background: #FFFFFF url("/WEB-INF/classes/clientImages/cal/cells/currentSignup.gif") no-repeat center; height: 100%; width: 100%; cursor:pointer;}
.vspot-calendar-cell-currentsignuppast-ie { background: #D4D4D4 url("/WEB-INF/classes/clientImages/cal/cells/currentSignupPast.gif") no-repeat center; height: 100%; width: 100%; cursor:pointer;}
.vspot-calendar-cell-fullsignup-ie { background: #FFFFFF url("/WEB-INF/classes/clientImages/cal/cells/fullSignup.gif") no-repeat center; height: 100%; width: 100%; cursor:pointer; }
.vspot-calendar-cell-currentfullsignup-ie { background: #FFFFFF url("/WEB-INF/classes/clientImages/cal/cells/currentFull.gif") no-repeat center; height: 100%; width: 100%; cursor:pointer;}
.vspot-calendar-cell-currentfullpast-ie { background: #D4D4D4 url("/WEB-INF/classes/clientImages/cal/cells/currentFullPast.gif") no-repeat center; height: 100%; width: 100%; cursor:pointer; }

.vspot-calendar-cell-planned-drag { background: url("/WEB-INF/classes/clientImages/cal/cells/drag.png") no-repeat center; height: 25px; width: 30px; }

/*
.vspot-calendar-cell-text { line-height: 1.75; padding-top: 8px; padding-right: 2px;  font-family: Lucida Console,Monaco,monospace; font-size: 9px !important; font-weight: bold; color: #FFFFFF; }
.vspot-calendar-cell-text-safari { line-height: 1.75; padding-top: 7px; pading-right: 2px; font-family: Monaco,monospace; font-size: 9px !important; font-weight: bold; color: #FFFFFF; }
.vspot-calendar-cell-text-ie { line-height: 1.75; padding-top: 9px; padding-right: 4px; font-family: Lucida Console,monospace; font-size: 9px !important; font-weight: bold; color: #FFFFFF; }
*/

.vspot-calendar-cell-text { line-height: 1.75; padding-top: 9px; padding-left: 20px;  font-family: "Lucida Console",Monaco,monospace; font-size: 10px !important; font-weight: bold; color: #FFFFFF !important; }
.vspot-calendar-cell-text-safari { line-height: 1.75; padding-top: 7px; padding-left: 21px; font-family: Monaco,monospace; font-size: 9px !important; font-weight: bold; color: #FFFFFF !important; }
.vspot-calendar-cell-text-ie { line-height: 1.75; padding-top: 9px; padding-left: 20px; font-family: "Lucida Console",monospace; font-size: 10px !important; font-weight: bold; color: #FFFFFF !important; }

/*
.gwt-TabPanel { }
.gwt-TabPanelBottom { width: 100%; height: 100%; background-color: #BAE6EC; }
.gwt-TabBar { height: 18px; width: 100%; background-color: #004d58;  color: #BAE6EC; }
.gwt-TabBarFirst { width: 16px; background: #F3F3F3 url("/images/tabs/tabBarLeft.png") no-repeat left; }
.gwt-TabBarRest { width: 100%; background: #004d58 url("/images/tabs/tabBarRight.png") no-repeat right; }
.gwt-TabBarItem { height: 15px; width: 100px; color: #BAE6EC; padding-left: 5px; padding-right: 5px; text-align: center; }
.gwt-TabBarItem-selected { height: 15px; width: 100px; color: #004d58; background: #004d58 url("/images/tabs/selectTab.png") no-repeat center; font-weight: bold; text-align: center; }
*/
.gwt-TabBarItem { padding-right: 2px; text-align: center; }

.vspot-spinner {}
.vspot-spinner-label { color: #FFFFFF !important; font-weight: bold; background-image: url("/WEB-INF/classes/clientImages/spinner/Body.png"); background-repeat: repeat-x; }

.vspot-bigspinner {}

table.vspot-bigspinner-textarea tr td div {
    color: #FFFFFF !important;
}

.vspot-bigspinner-textarea { font-size: 12pt !important; color: #FFFFFF !important; font-weight: bold; background-image: url("/WEB-INF/classes/clientImages/bigSpinner/green/body.png"); background-repeat: repeat-x; }
.vspot-bigspinner-valuearea { color: #3FA55E !important; font-weight: bold; background-image: url("/WEB-INF/classes/clientImages/bigSpinner/green/value.png"); background-repeat: repeat-x; }
.vspot-bigspinner-value {
    font-size: 18pt !important;
    color: #3FA55E !important;
}
.vspot-bigspinner-units {
    font-size: 9pt !important;
    color: #3FA55E !important;
}

.vspot-help { background: #FFFFFF; }
.vspot-help-dlg { background: #FFFFFF;  color: #7EB16E !important; border: 1px solid #7EB16E; }
.vspot-help-wiz { background: #C8EBF0;  color: #7EB16E !important; }
.vspot-help-wiz-content {
    width: 30px;
    font-size: 200% !important;
}

.vspot-example-content { background-color: #3FA55E; color: #FFFFFF !important; }

.vspot-wiz-last-bullets { font-size: 12pt !important; color: #3FA55E !important; }

.vspot-ass-popup { background: #FFFFFF;  border: 1px solid #004d58; }

.vspot-menu-popup { background: #FFFFFF;  color: #004d58 !important; border: 2px solid #004d58;  font-size: 12pt !important; font-weight: bold; }
.vspot-menu-popup-delete { background: #FFFFFF;  color: #bf6343 !important; }
.vspot-menu-disabled {   color: #B4B4B4 !important; }
.vspot-menu-selected { color: #FFFFFF !important;  background: #004d58; }

.vspot-loading-popup { background: #FFFFFF; }

/* Base Image Extend Button styles */

.vspot-basebutton-left {
    background-repeat: no-repeat;
    cursor: pointer;
}

.vspot-basebutton-right {
    background-repeat: no-repeat;
    cursor: pointer;
}

.vspot-basebutton-center {
    background-repeat: repeat-x;
    cursor: pointer;
    font-weight: bold;
    padding-bottom: 6px;
}

/* Toggle Button style */

.vspot-basetogglebutton-mousedown {
    color: #004d58 !important;
}

/* standard button */
.vspot-button-up-left {
    background-image: url("/WEB-INF/classes/clientImages/buttons/gold/left.png");
}

.vspot-button-up-right {
    background-image: url("/WEB-INF/classes/clientImages/buttons/gold/right.png");
}

.vspot-button-up-center {
    background-image: url("/WEB-INF/classes/clientImages/buttons/gold/body.png");
    color: #FFFFFF !important;
    font-size: 12px !important;
    line-height: 27px; /* The height of the image */
    vertical-align: text-bottom !important;
}

.vspot-button-down-left {
    background-image: url("/WEB-INF/classes/clientImages/buttons/gold/leftDown.png");
}

.vspot-button-down-right {
    background-image: url("/WEB-INF/classes/clientImages/buttons/gold/rightDown.png");
}

.vspot-button-down-center {
    background-image: url("/WEB-INF/classes/clientImages/buttons/gold/bodyDown.png");
    color: #F6BA3A !important;
    font-size: 12px !important;
    line-height: 27px; /* The height of the image */
    vertical-align: text-bottom !important;
}

.vspot-button-disabled-left {
    background-image: url("/WEB-INF/classes/clientImages/buttons/disabled/left.png");
}

.vspot-button-disabled-right {
    background-image: url("/WEB-INF/classes/clientImages/buttons/disabled/right.png");
}

.vspot-button-disabled-center {
    background-image: url("/WEB-INF/classes/clientImages/buttons/disabled/body.png");
    color: #DDDDDD !important;
    font-size: 12px !important;
}

.vspot-ie-button-up-left {
    background-image: url("/WEB-INF/classes/clientImages/buttons/gold/left.gif");
}

.vspot-ie-button-up-right {
    background-image: url("/WEB-INF/classes/clientImages/buttons/gold/right.gif");
}

.vspot-ie-button-up-center {
    background-image: url("/WEB-INF/classes/clientImages/buttons/gold/body.gif");
    color: #FFFFFF !important;
    font-size: 12px !important;
}

.vspot-ie-button-down-left {
    background-image: url("/WEB-INF/classes/clientImages/buttons/gold/leftDown.gif");
}

.vspot-ie-button-down-right {
    background-image: url("/WEB-INF/classes/clientImages/buttons/gold/rightDown.gif");
}

.vspot-ie-button-down-center {
    background-image: url("/WEB-INF/classes/clientImages/buttons/gold/bodyDown.gif");
    color: #F6BA3A !important;
    font-size: 12px !important;
}

.vspot-ie-button-disabled-left {
    background-image: url("/WEB-INF/classes/clientImages/buttons/disabled/left.gif");
}

.vspot-ie-button-disabled-right {
    background-image: url("/WEB-INF/classes/clientImages/buttons/disabled/right.gif");
}

.vspot-ie-button-disabled-center {
    background-image: url("/WEB-INF/classes/clientImages/buttons/disabled/body.gif");
    color: #DDDDDD !important;
    font-size: 12px !important;
}

/* red button */
.vspot-redbutton-up-left {
    background-image: url("/WEB-INF/classes/clientImages/buttons/red/left.png");
}

.vspot-redbutton-up-right {
    background-image: url("/WEB-INF/classes/clientImages/buttons/red/right.png");
}

.vspot-redbutton-up-center {
    background-image: url("/WEB-INF/classes/clientImages/buttons/red/body.png");
    color: #FFFFFF !important;
    font-size: 12px !important;
}

.vspot-redbutton-down-left {
    background-image: url("/WEB-INF/classes/clientImages/buttons/red/leftDown.png");
}

.vspot-redbutton-down-right {
    background-image: url("/WEB-INF/classes/clientImages/buttons/red/rightDown.png");
}

.vspot-redbutton-down-center {
    background-image: url("/WEB-INF/classes/clientImages/buttons/red/bodyDown.png");
    color: #F6BA3A !important;
    font-size: 12px !important;
}

.vspot-redbutton-disabled-left {
    background-image: url("/WEB-INF/classes/clientImages/buttons/disabled/left.png");
}

.vspot-redbutton-disabled-right {
    background-image: url("/WEB-INF/classes/clientImages/buttons/disabled/right.png");
}

.vspot-redbutton-disabled-center {
    background-image: url("/WEB-INF/classes/clientImages/buttons/disabled/body.png");
    color: #DDDDDD !important;
    font-size: 12px !important;
}

.vspot-ie-redbutton-up-left {
    background-image: url("/WEB-INF/classes/clientImages/buttons/red/left.gif");
}

.vspot-ie-redbutton-up-right {
    background-image: url("/WEB-INF/classes/clientImages/buttons/red/right.gif");
}

.vspot-ie-redbutton-up-center {
    background-image: url("/WEB-INF/classes/clientImages/buttons/red/body.gif");
    color: #FFFFFF !important;
    font-size: 12px !important;
}

.vspot-ie-redbutton-down-left {
    background-image: url("/WEB-INF/classes/clientImages/buttons/red/leftDown.gif");
}

.vspot-ie-redbutton-down-right {
    background-image: url("/WEB-INF/classes/clientImages/buttons/red/rightDown.gif");
}

.vspot-ie-redbutton-down-center {
    background-image: url("/WEB-INF/classes/clientImages/buttons/red/bodyDown.gif");
    color: #F6BA3A !important;
    font-size: 12px !important;
}

.vspot-ie-redbutton-disabled-left {
    background-image: url("/WEB-INF/classes/clientImages/buttons/disabled/left.gif");
}

.vspot-ie-redbutton-disabled-right {
    background-image: url("/WEB-INF/classes/clientImages/buttons/disabled/right.gif");
}

.vspot-ie-redbutton-disabled-center {
    background-image: url("/WEB-INF/classes/clientImages/buttons/disabled/body.gif");
    color: #DDDDDD !important;
    font-size: 12px !important;
}

/* small button */
.vspot-smallbutton-up-left {
    background-image: url("/WEB-INF/classes/clientImages/buttons/collapse/gold/Left.png");
}

.vspot-smallbutton-up-right {
    background-image: url("/WEB-INF/classes/clientImages/buttons/collapse/gold/Right.png");
}

.vspot-smallbutton-up-center {
    background-image: url("/WEB-INF/classes/clientImages/buttons/collapse/gold/Body.png");
    color: #FFFFFF !important;
    font-size: 9px !important;
}

.vspot-smallbutton-down-left {
    background-image: url("/WEB-INF/classes/clientImages/buttons/collapse/gold/Left.png");
}

.vspot-smallbutton-down-right {
    background-image: url("/WEB-INF/classes/clientImages/buttons/collapse/gold/Right.png");
}

.vspot-smallbutton-down-center {
    background-image: url("/WEB-INF/classes/clientImages/buttons/collapse/gold/Body.png");
    color: #F6BA3A !important;
    font-size: 9px !important;
}

.vspot-smallbutton-disabled-left {
    background-image: url("/WEB-INF/classes/clientImages/buttons/collapse/disabled/Left.png");
}

.vspot-smallbutton-disabled-right {
    background-image: url("/WEB-INF/classes/clientImages/buttons/collapse/disabled/Right.png");
}

.vspot-smallbutton-disabled-center {
    background-image: url("/WEB-INF/classes/clientImages/buttons/collapse/disabled/Body.png");
    color: #DDDDDD !important;
    font-size: 9px !important;
}

/* small red button */
.vspot-smallredbutton-up-left {
    background-image: url("/WEB-INF/classes/clientImages/buttons/collapse/red/Left.png");
}

.vspot-smallredbutton-up-right {
    background-image: url("/WEB-INF/classes/clientImages/buttons/collapse/red/Right.png");
}

.vspot-smallredbutton-up-center {
    background-image: url("/WEB-INF/classes/clientImages/buttons/collapse/red/Body.png");
    color: #FFFFFF !important;
    font-size: 9px !important;
}

.vspot-smallredbutton-down-left {
    background-image: url("/WEB-INF/classes/clientImages/buttons/collapse/red/Left.png");
}

.vspot-smallredbutton-down-right {
    background-image: url("/WEB-INF/classes/clientImages/buttons/collapse/red/Right.png");
}

.vspot-smallredbutton-down-center {
    background-image: url("/WEB-INF/classes/clientImages/buttons/collapse/red/Body.png");
    color: #F6BA3A !important;
    font-size: 9px !important;
}

.vspot-smallredbutton-disabled-left {
    background-image: url("/WEB-INF/classes/clientImages/buttons/collapse/disabled/Left.png");
}

.vspot-smallredbutton-disabled-right {
    background-image: url("/WEB-INF/classes/clientImages/buttons/collapse/disabled/Right.png");
}

.vspot-smallredbutton-disabled-center {
    background-image: url("/WEB-INF/classes/clientImages/buttons/collapse/disabled/Body.png");
    color: #DDDDDD !important;
    font-size: 9px !important;
}

/* ass button */
.vspot-assbutton {
    color: #F6BA3A !important;
    text-decoration: underline;
    font-weight: bold;
}

.vspot-asslabel {
    padding-left: 12px;
}

/* tab button */
.vspot-tabbutton {
    padding-right: 3px;
}

.vspot-tabbutton-up-left {
    background-image: url("/WEB-INF/classes/clientImages/tabs/tabLeft.png");
}

.vspot-tabbutton-up-right {
    background-image: url("/WEB-INF/classes/clientImages/tabs/tabRight.png");
}

.vspot-tabbutton-up-center {
    background-image: url("/WEB-INF/classes/clientImages/tabs/tabBody.png");
    color: #FFFFFF !important;
    font-size: 12px !important;
}

.vspot-tabbutton-down-left {
    background-image: url("/WEB-INF/classes/clientImages/tabs/tabSelectLeft.png");
}

.vspot-tabbutton-down-right {
    background-image: url("/WEB-INF/classes/clientImages/tabs/tabSelectRight.png");
}

.vspot-tabbutton-down-center {
    background-image: url("/WEB-INF/classes/clientImages/tabs/tabSelectBody.png");
    color: #FFFFFF !important;
    font-size: 12px !important;
}

.vspot-tabbutton-disabled-left {
    background-image: url("/WEB-INF/classes/clientImages/tabs/tabSelectLeft.png");
}

.vspot-tabbutton-disabled-right {
    background-image: url("/WEB-INF/classes/clientImages/tabs/tabSelectRight.png");
}

.vspot-tabbutton-disabled-center {
    background-image: url("/WEB-INF/classes/clientImages/tabs/tabSelectBody.png");
    color: #DDDDDD !important;
    font-size: 12px !important;
}

.vspot-basetabbutton-left {
    background-repeat: no-repeat;
    cursor: pointer;
}

.vspot-basetabbutton-right {
    background-repeat: no-repeat;
    cursor: pointer;
}

.vspot-basetabbutton-center {
    background-repeat: repeat-x;
    cursor: pointer;
    font-weight: bold;
    font-size: 12px !important;
    padding-bottom: 3px;
}


/* navbutton left */
.vspot-navbuttonleft-up-left {
    background-image: url("/WEB-INF/classes/clientImages/buttons/green/LeftArrowCap.png");
}

.vspot-navbuttonleft-up-right {
    background-image: url("/WEB-INF/classes/clientImages/buttons/green/right.png");
}

.vspot-navbuttonleft-up-center {
    background-image: url("/WEB-INF/classes/clientImages/buttons/green/body.png");
    color: #FFFFFF !important;
    font-size: 12px !important;
}

.vspot-navbuttonleft-down-left {
    background-image: url("/WEB-INF/classes/clientImages/buttons/green/LeftArrowCapDown.png");
}

.vspot-navbuttonleft-down-right {
    background-image: url("/WEB-INF/classes/clientImages/buttons/green/rightDown.png");
}

.vspot-navbuttonleft-down-center {
    background-image: url("/WEB-INF/classes/clientImages/buttons/green/bodyDown.png");
    color: #004d58 !important;
    font-size: 12px !important;
}

.vspot-navbuttonleft-disabled-left {
    background-image: url("/WEB-INF/classes/clientImages/buttons/disabled/LeftArrowCap.png");
}

.vspot-navbuttonleft-disabled-right {
    background-image: url("/WEB-INF/classes/clientImages/buttons/disabled/right.png");
}

.vspot-navbuttonleft-disabled-center {
    background-image: url("/WEB-INF/classes/clientImages/buttons/disabled/body.png");
    color: #DDDDDD !important;
    font-size: 12px !important;
}

.vspot-ie-navbuttonleft-up-left {
    background-image: url("/WEB-INF/classes/clientImages/buttons/green/LeftArrowCap.gif");
}

.vspot-ie-navbuttonleft-up-right {
    background-image: url("/WEB-INF/classes/clientImages/buttons/green/right.gif");
}

.vspot-ie-navbuttonleft-up-center {
    background-image: url("/WEB-INF/classes/clientImages/buttons/green/body.gif");
    color: #FFFFFF !important;
    font-size: 12px !important;
}

.vspot-ie-navbuttonleft-down-left {
    background-image: url("/WEB-INF/classes/clientImages/buttons/green/LeftArrowCapDown.gif");
}

.vspot-ie-navbuttonleft-down-right {
    background-image: url("/WEB-INF/classes/clientImages/buttons/green/rightDown.gif");
}

.vspot-ie-navbuttonleft-down-center {
    background-image: url("/WEB-INF/classes/clientImages/buttons/green/bodyDown.gif");
    color: #004d58 !important;
    font-size: 12px !important;
}

.vspot-ie-navbuttonleft-disabled-left {
    background-image: url("/WEB-INF/classes/clientImages/buttons/disabled/LeftArrowCap.gif");
}

.vspot-ie-navbuttonleft-disabled-right {
    background-image: url("/WEB-INF/classes/clientImages/buttons/disabled/right.gif");
}

.vspot-ie-navbuttonleft-disabled-center {
    background-image: url("/WEB-INF/classes/clientImages/buttons/disabled/body.gif");
    color: #DDDDDD !important;
    font-size: 12px !important;
}

/* navbutton */
.vspot-navbutton-up-left {
    background-image: url("/WEB-INF/classes/clientImages/buttons/green/left.png");
}

.vspot-navbutton-up-right {
    background-image: url("/WEB-INF/classes/clientImages/buttons/green/right.png");
}

.vspot-navbutton-up-center {
    background-image: url("/WEB-INF/classes/clientImages/buttons/green/body.png");
    color: #FFFFFF !important;
    font-size: 12px !important;
}

.vspot-navbutton-down-left {
    background-image: url("/WEB-INF/classes/clientImages/buttons/green/leftDown.png");
}

.vspot-navbutton-down-right {
    background-image: url("/WEB-INF/classes/clientImages/buttons/green/rightDown.png");
}

.vspot-navbutton-down-center {
    background-image: url("/WEB-INF/classes/clientImages/buttons/green/bodyDown.png");
    color: #004d58 !important;
    font-size: 12px !important;
}

.vspot-navbutton-disabled-left {
    background-image: url("/WEB-INF/classes/clientImages/buttons/disabled/left.png");
}

.vspot-navbutton-disabled-right {
    background-image: url("/WEB-INF/classes/clientImages/buttons/disabled/right.png");
}

.vspot-navbutton-disabled-center {
    background-image: url("/WEB-INF/classes/clientImages/buttons/disabled/body.png");
    color: #DDDDDD !important;
    font-size: 12px !important;
}

.vspot-ie-navbutton-up-left {
    background-image: url("/WEB-INF/classes/clientImages/buttons/green/left.gif");
}

.vspot-ie-navbutton-up-right {
    background-image: url("/WEB-INF/classes/clientImages/buttons/green/right.gif");
}

.vspot-ie-navbutton-up-center {
    background-image: url("/WEB-INF/classes/clientImages/buttons/green/body.gif");
    color: #FFFFFF !important;
    font-size: 12px !important;
}

.vspot-ie-navbutton-down-left {
    background-image: url("/WEB-INF/classes/clientImages/buttons/green/leftDown.gif");
}

.vspot-ie-navbutton-down-right {
    background-image: url("/WEB-INF/classes/clientImages/buttons/green/rightDown.gif");
}

.vspot-ie-navbutton-down-center {
    background-image: url("/WEB-INF/classes/clientImages/buttons/green/bodyDown.gif");
    color: #004d58 !important;
    font-size: 12px !important;
}

.vspot-ie-navbutton-disabled-left {
    background-image: url("/WEB-INF/classes/clientImages/buttons/disabled/left.gif");
}

.vspot-ie-navbutton-disabled-right {
    background-image: url("/WEB-INF/classes/clientImages/buttons/disabled/right.gif");
}

.vspot-ie-navbutton-disabled-center {
    background-image: url("/WEB-INF/classes/clientImages/buttons/disabled/body.gif");
    color: #DDDDDD !important;
    font-size: 12px !important;
}

/* nav button right */
.vspot-navbuttonright-up-left {
    background-image: url("/WEB-INF/classes/clientImages/buttons/green/left.png");
}

.vspot-navbuttonright-up-right {
    background-image: url("/WEB-INF/classes/clientImages/buttons/green/RightArrowCap.png");
}

.vspot-navbuttonright-up-center {
    background-image: url("/WEB-INF/classes/clientImages/buttons/green/body.png");
    color: #FFFFFF !important;
    font-size: 12px !important;
}

.vspot-navbuttonright-down-left {
    background-image: url("/WEB-INF/classes/clientImages/buttons/green/leftDown.png");
}

.vspot-navbuttonright-down-right {
    background-image: url("/WEB-INF/classes/clientImages/buttons/green/RightArrowCapDown.png");
}

.vspot-navbuttonright-down-center {
    background-image: url("/WEB-INF/classes/clientImages/buttons/green/bodyDown.png");
    color: #004d58 !important;
    font-size: 12px !important;
}

.vspot-navbuttonright-disabled-left {
    background-image: url("/WEB-INF/classes/clientImages/buttons/disabled/left.png");
}

.vspot-navbuttonright-disabled-right {
    background-image: url("/WEB-INF/classes/clientImages/buttons/disabled/RightArrowCap.png");
}

.vspot-navbuttonright-disabled-center {
    background-image: url("/WEB-INF/classes/clientImages/buttons/disabled/body.png");
    color: #DDDDDD !important;
    font-size: 12px !important;
}

.vspot-ie-navbuttonright-up-left {
    background-image: url("/WEB-INF/classes/clientImages/buttons/green/left.gif");
}

.vspot-ie-navbuttonright-up-right {
    background-image: url("/WEB-INF/classes/clientImages/buttons/green/RightArrowCap.gif");
}

.vspot-ie-navbuttonright-up-center {
    background-image: url("/WEB-INF/classes/clientImages/buttons/green/body.gif");
    color: #FFFFFF !important;
    font-size: 12px !important;
}

.vspot-ie-navbuttonright-down-left {
    background-image: url("/WEB-INF/classes/clientImages/buttons/green/leftDown.gif");
}

.vspot-ie-navbuttonright-down-right {
    background-image: url("/WEB-INF/classes/clientImages/buttons/green/RightArrowCapDown.gif");
}

.vspot-ie-navbuttonright-down-center {
    background-image: url("/WEB-INF/classes/clientImages/buttons/green/bodyDown.gif");
    color: #004d58 !important;
    font-size: 12px !important;
}

.vspot-ie-navbuttonright-disabled-left {
    background-image: url("/WEB-INF/classes/clientImages/buttons/disabled/left.gif");
}

.vspot-ie-navbuttonright-disabled-right {
    background-image: url("/WEB-INF/classes/clientImages/buttons/disabled/RightArrowCap.gif");
}

.vspot-ie-navbuttonright-disabled-center {
    background-image: url("/WEB-INF/classes/clientImages/buttons/disabled/body.gif");
    color: #DDDDDD !important;
    font-size: 12px !important;
}


/* tall button */
.vspot-tallbutton-up-left {
    background-image: url("/WEB-INF/classes/clientImages/buttons/goldDouble/left.png");
}

.vspot-tallbutton-up-right {
    background-image: url("/WEB-INF/classes/clientImages/buttons/goldDouble/right.png");
}

body table.vspot-signup td.vspot-tallbutton-up-center table tr td div {
    color: #FFFFFF !important;
}

.vspot-tallbutton-up-center {
    background-image: url("/WEB-INF/classes/clientImages/buttons/goldDouble/body.png");
    color: #FFFFFF !important;
}

.vspot-tallbutton-down-left {
    background-image: url("/WEB-INF/classes/clientImages/buttons/goldDouble/leftDown.png");
}

.vspot-tallbutton-down-right {
    background-image: url("/WEB-INF/classes/clientImages/buttons/goldDouble/rightDown.png");
}

.vspot-tallbutton-down-center {
    background-image: url("/WEB-INF/classes/clientImages/buttons/goldDouble/bodyDown.png");
    color: #F6BA3A !important;
}

.vspot-tallbutton-disabled-left {
    background-image: url("/WEB-INF/classes/clientImages/buttons/goldDouble/left.png");
}

.vspot-tallbutton-disabled-right {
    background-image: url("/WEB-INF/classes/clientImages/buttons/goldDouble/right.png");
}

.vspot-tallbutton-disabled-center {
    background-image: url("/WEB-INF/classes/clientImages/buttons/goldDouble/body.png");
    color: #DDDDDD !important;
}

.vspot-tallbutton-topText {
    font-size: 14px !important;
    text-decoration: underline;
}

.vspot-tallbutton-bottomText {
    font-size: 10px !important;
}

/* large button */
.vspot-largebutton-up-left {
    background-image: url("/WEB-INF/classes/clientImages/buttons/goldLarge/left.png");
}

.vspot-largebutton-up-right {
    background-image: url("/WEB-INF/classes/clientImages/buttons/goldLarge/right.png");
}

.vspot-largebutton-up-center {
    background-image: url("/WEB-INF/classes/clientImages/buttons/goldLarge/body.png");
    color: #FFFFFF !important;
	font-size: 13px !important;
}

.vspot-largebutton-down-left {
    background-image: url("/WEB-INF/classes/clientImages/buttons/goldLarge/leftDown.png");
}

.vspot-largebutton-down-right {
    background-image: url("/WEB-INF/classes/clientImages/buttons/goldLarge/rightDown.png");
}

.vspot-largebutton-down-center {
    background-image: url("/WEB-INF/classes/clientImages/buttons/goldLarge/bodyDown.png");
    color: #DCAF4B !important;
	font-size: 13px !important;
}

.vspot-largebutton-disabled-left {
    background-image: url("/WEB-INF/classes/clientImages/buttons/goldLarge/left.png");
}

.vspot-largebutton-disabled-right {
    background-image: url("/WEB-INF/classes/clientImages/buttons/goldLarge/right.png");
}

.vspot-largebutton-disabled-center {
    background-image: url("/WEB-INF/classes/clientImages/buttons/goldLarge/body.png");
    color: #DDDDDD !important;
	font-size: 13px !important;
 }

.vspot-pad-bottom-3 { padding-bottom: 3px; }
.vspot-pad-bottom-10 { padding-bottom: 10px; }


.vspot-invite-page-label-panel{background-color: #CCCCCC;}
.vspot-imagebutton-changecursor{cursor:pointer;}
.vspot-req-field-asterisk{color:red !important; font-weight:bold;}
.vspot-req-field-border-notValid{border-color: red;}
.vspot-req-field-border-valid{border-color: black;}
.vspot-req-field-image-outline{outline-style: none;}

.vspot-beigebkg { background-color: #F9F1EB; }
.vspot-lighttealbkg { background-color: #c3e8ed;}
.vspot-sendmsgdlg { padding: 10px; }

.vspot-test { background-color: #444444; }
.vspot-test-1 { background-color: #444444; }
.vspot-test-2 { background-color: #666666;  }
.vspot-test-3 { background-color: #888888; }

.vspot-header-ad { background: #6AC0CC; position: relative; z-index: 5; }

.vspot-login-panel-small { background-image: url("/WEB-INF/classes/clientImages/myaccount/my-account-160.png"); background-repeat: no-repeat; color: #FFFFFF !important; font-weight: bold; margin-bottom: 10px; }
.vspot-login-panel-large { background-image: url("/WEB-INF/classes/clientImages/myaccount/my-account.png"); background-repeat: no-repeat; color: #FFFFFF !important; font-weight: bold; margin-bottom: 10px; }
.vspot-login-label { color: #FFFFFF !important; font-size: 10pt !important; font-weight: bold; vertical-align: bottom; line-height:30px;
                     font-family: "Trebuche MS", Arial, Helvetica, sans-serif; }
.vspot-login-label-x {
    padding-bottom: 4px;
    color: #ffffff !important;
    font-family: "Trebuche MS", Arial, Helvetica, sans-serif;
    font-size: 10pt !important;
    font-weight: bold;
    vertical-align: middle;
    line-height: 30px;
    text-align: left;  }

.vspot-login-button { margin: 0px; padding: 0px; }

/* For some reason this is necessary to fix a z-order problem in MyGWT shell */
.gwt-SuggestBoxPopup {
	border: 1px solid blue;
	z-index: 1000000;
	background-color: white;
}

/* fucking pushbutton doesn't show a pointer by default */
.gwt-PushButton-up { cursor: pointer; }
.gwt-PushButton-down { cursor: pointer; }
.gwt-PushButton-up-hovering { cursor: pointer; }
.gwt-PushButton-down-hovering { cursor: pointer; }

.vspot-sample-link { color: #3FA55E !important; text-decoration: underline; font-weight: bold; font-size: 9pt !important; }

/* MySpot helpers/elements */

.myspot-announcement {
    color: #FF0000 !important;
    font-size: 12px !important;
    margin: 0;
    text-align: left;
}

.myspot-announcement-icon {
    float: right;
}

.myspot-announcement-img {
    float: left;
    margin: -10px 10px 0 0;
}

.myspot-announcement-img2 {
    margin: 10px 0 0 0;
}

.myspot-announcement-img3 {
    
}

.myspot-announcement-text {
    color: #ff0000 !important;
}

.myspot-smaller-text .gwt-Label {
    font-size: 11px !important;
}

#myspot_fragment {
    width:590px;
    margin-left:20px;
    position:relative;
}

#myspot_fragment #ad_container,
#myspot_fragment #ad1 {
    float: left;
}

#myspot_fragment #ad_container {
    margin-top: 20px;
}

#myspot_fragment .orange_text {
    color: #F9AA11;
    font-size: 14px;
    font-weight: bold;
    font-family: arial, helvetica, 'Nimbus Sans L', clean, sans-serif;
}

.orange_color {
    color: #F9AA11;
}

.autofill_orange { font-face: bold; }
.autofill_green { font-face: bold; color: #3FA55E !important;}
.autofill_large { font-size: 12pt !important; }
.autofill_small { font-size: 9pt !important; }
.autofill_bold  { font-face: bold; }
.autofill_control_title { color: #3FA55E !important; font-size: 12pt !important; }
.autofill_duration_title { padding-right: 20px; }
.autofill_results_items { text-align: center; color: #787878 !important; }

#myspot_fragment .black_text {
    font-size: 14px;
    font-family: arial, helvetica, 'Nimbus Sans L', clean, sans-serif;
}



.vspot-wizardpage .disabled, .vspot-activity-content .disabled, input.disabled {
    background-color: #eee;
    color: #888 !important;
}

.vspot-wizardpage .help-text {
    line-height: 27px;
}

.vspot-wizardpage .enabled, .vspot-activity-content .enabled {
    background-color: #fff;
    color: #000 !important;
}

.vspot-wiz-contentarea div {
 height: auto; /* PWD: allows no day and job list area to grow over buttons !important; */
}

a.vspot-link-alert:link {
    text-decoration: none !important;
}

a.vspot-link-alert:link span {
    float: right;
    height: 27px !important;
}

a.vspot-link-alert:link span.vspot-nav-left, a.vspot-link-alert:link span.vspot-nav-right {
    width: 15px;
}

a.vspot-link-alert:link span.vspot-nav-item {
    line-height: 27px;
}

.vspot-small-text-box {
    width: 40px;
}

.search-button {
    background: url("/images/icons/magnify_glass.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 60px;
    position: absolute;
    width: 56px;
    margin: -115px 0 0 75px;
}

/* Spiffy Form */
form.spiffy {
    width: 570px; /* webkit browsers are not taking the full width. Grr... */
}

form.spiffy label.vspot-label {
    width: 150px;
    float: left;
    text-align: right;
    line-height: 27px;
}

form.spiffy label.vspot-label-after {
    width: auto;
    float: none;
    text-align: left;
    padding-left: 10px;
}

form.spiffy textarea.vspot-textarea {
    width: 450px;
    height: 80px;
}

form.spiffy input[type="text"].small {
    width: 50px;
}

form.spiffy div.form-row {
    padding-top: 20px;
}

form.spiffy div.form-row:after {
    content: ""; display: block; height: 0; clear: both;
}

input.vspot-nav-item {
    border-radius: 12px;
    line-height: 27px;
    height: 27px;
    font-size: 12px !important;
    padding: 0 6px;
    margin: 0;
    border: 0 none;
    font-family: "Arial Unicode MS",Arial,sans-serif;
}

.vspot-deepborder table.vspot-wiz-contentpadding tr td {
    padding: 0;
}


/* Wampum */
#wampum_minimum {
    margin: 0 2px;
}

#wampum-container {
    width: 400px;
}

#wampum-container,
#wampum-container div.wampum-suggestion-row div div {
    font-size: 12px !important;
}

#wampum-container, #wampum-suggestion-row-hidden {
    display: none;
}

div.wampum-suggestion-row div {
    float: left;
}

.wampum-title {
    margin-left: 20px;
}

.wampum-suggestion-row .wampum-value-container,
.wampum-suggestion-row .wampum-title-container,
.wampum-suggestion-row .wampum-buttons {
    height: 18px;
    padding: 2px;
}

.wampum-buttons {
    border-left: 1px solid #999;
    float: left;
}

#wampum-suggestions-footer-row .wampum-buttons {
    border-left: none;
}


.wampum-value-container {
    border-right: 1px solid #999;
    width: 90px;
    float: left;
}

    .wampum-value-edit input[type="text"] {
        width: 50px;
        height: 10px;
        font-size: 10px !important;
    }

    .wampum-value-edit {
        width: 60px;
    }

.wampum-title-container {
    width: 150px;
    float: left;
    padding: 0;
    margin: 0;
}

    .wampum-title-edit input[type="text"] {
        width: 140px;
        height: 10px;
        font-size: 10px !important;
    }

    .wampum-title-edit input[type="text"].placeholder {
        color: #ccc !important;
    }

#wampum_balance,
#wampum_balance_error_container,
#wampum-needs-authorization,
#wampum-authorized,
#wampum_contribute_container,
#wampum_contribute_container_row,
#wampum_contribute_container_error,
#wampum_contribute_container_previous,
#wampum_inline_contribute_previous,
.wampum-contribute-link,
#wampum_inline_contribute,
#accept_wampum_ajax_loader,
#wampum_made_contribution,
#wampum_advertisement,
#group_advertisement,
#wampum_saved,
#group_page_learn_more_video {
    display: none;
}

#wampum-needs-authorization a {
    color: #0000aa !important;
}

#wampum_contribute_form {
    width: auto;
}

#wampum_contribute_container_previous,
#wampum_inline_contribute_previous {
    color: #999 !important;
}

#wampum-suggestions-title-row .wampum-value-container,
#wampum-suggestions-title-row .wampum-title-container,
#wampum-suggestions-title-row .wampum-buttons {
    height: 30px;
    padding: 2px;
}

#wampum-suggestions-title-row div {
    font-size: 10px !important;
    font-weight: bold;
}

#wampum-suggestions-title-row span.help-text {
    font-size: 10px !important;
}

#wampum-suggestions-container,
#wampum-suggestions-footer-row,
#wampum-suggestion-row {
    font-size: 12px !important;
}

#wampum-suggestions-title-row,
#wampum-suggestions-container,
#wampum-suggestion-row,
#wampum-container {
    float: left;
}

#wampum-suggestions-title-row {
    padding: 0;
    margin: 0;
    width: 100%;
    border-bottom: 1px solid #999;
}

#wampum-suggestions-footer-row {
    float: left;
    padding: 0;
    margin: 0;
}

#wampum-suggestions-footer-row .wampum-value-container,
#wampum-suggestions-footer-row .wampum-title-container,
#wampum-suggestions-footer-row .wampum-buttons {
    height: 18px;
    padding: 2px;
}

.wampum-container-help {
    margin-bottom: 20px;
}

#wampum_balance span {
    line-height: 27px;
}

#wampum_balance_error_container {
    color: #ff0000 !important;
}

#wampum_balance a,
#wampum_balance a:link,
#wampum_balance a:visited,
#wampum_balance a:hover {
    color: #666 !important;
}

#wampum_balance #wampum_balance_create_withdrawal {
    color: #9BCE72 !important;
}


.wampum-tab .vspot-tabbutton-up-left {
    background-image: url("/WEB-INF/classes/clientImages/tabs/tabLeftWampum.png");
}

.wampum-tab .vspot-tabbutton-up-right {
    background-image: url("/WEB-INF/classes/clientImages/tabs/tabRightWampum.png");
}

.wampum-tab .vspot-tabbutton-up-center {
    background-image: url("/WEB-INF/classes/clientImages/tabs/tabBodyWampum.png");
}

.wampum-contribute-element {
    float: left;
    line-height: 27px;
}

.wampum-contribute-container-row-amt {
    min-width: 65px;
    display: inline-block;
}

.wampum-contribute-container-row-title {
    margin-left: 10px;
}

#wampum_inline_contribute {
    background-color: #fff;
    padding: 10px;
}

#wampum_inline_contribute_form {
    width: auto;
}

#wampum_inline_icon {
    float: left;
    width: 65px;
}

#wampum_inline_title {
    float: left;
    width: 333px;
    text-align: center;
}

#wampum_inline_fields  {
    float: left;
    width: 342px;
}

#wampum_inline_submit {
    float: left;
    width: 110px;
}

#wampum_inline_fields .form-row,
#wampum_inline_submit .form-row {
    padding-top: 0;
}

#wampum_advertisement a, #group_advertisement a {
    color: #0000aa !important;
    border: none;
}

#wampum_learn_more ol {
    list-style: outside decimal;
}

div.vspot-text-warning img {
    float: left;
}

div.vspot-text-color-bg img {
    float: left;
}

.wepay-get-started {
    float: right;
}

.wepay-back .big {
    font-size: 24px !important;
    padding-left: 0.4em;
}

.wepay-get-started button span,
.wepay-back button span {
    line-height: 26px;
    padding-left: 0;
    float: left;
}

#wampum-authorized .instructions {
    padding-top: 10px;
}
/* CEC */
#share_link {
    font-family: "Trebuche MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    display: none;
}

#shorturl {
    font-family: fixed;
    font-size: 12px;
    height: 1.2em;
    margin-left: 100px;
    width: 140px;
    line-height: 1.2em;
}

#shorturl_ie {
    font-family: fixed;
    font-size: 12px;
    height: 1.2em;
    margin-left: 50px;
    width: 400px;
    line-height: 1.2em;
}

#share_button_img,
#share_social_img {
    width: 50%;
    float: left;
    text-align: center;
}
#share_button_html,
#share_social_html {
    width: 50%;
    float: right;
    text-align: center;

}
.share_mostly_text_container {
    background-color: #f0f0f0;
    border:1px solid black;
    padding: 20px;
    margin-bottom: 10px;
}

#share_mostly_text {
    float: left;
    text-align: left;
}

#share_mostly_text .message {
    float: left;
    text-align: left;
    background-color: white;
    padding: 7px;
    border:1px solid black;
}

#share_mostly_text .emailicon {
    float: left;
    width: 10%;
}

#share_mostly_text .emailtext {
    text-align: left;
}

#share_button_html .message textarea ,
#share_social_html .message textarea {
    width: 220px;
    height: 50px;
    font-family: fixed;
    font-size: 12px;
}

/* Overriding Jquery UI styles */
.ui-widget-content {
    background: #fff !important;
    color: #000 !important;
}

.ui-widget-header {
    background: #88C859 !important;
}

.ui-dialog .ui-dialog-titlebar-close span {
    margin: -8px 0 0 -8px !important;
}

.jobRepeaterResults td {
    border: 1px solid #BBBBBB;
    padding: 3px;
    background-color:White;
}