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

/* body { font-family: trebuchet, sans-serif; color: #3B6A71; } */

/* dark teal: 3B6A71 */

/* 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: #3B6A71;  font-weight: bold; }
.vspot-title { height: 100%; width: 100%; font-weight: bold;}
.vspot-title-green { height: 100%; width: 100%; font-weight: bold; color: #3FA55E; }
.vspot-text-green { color: #3FA55E; }
.vspot-big-text-green { color: #3FA55E; font-size:14pt; }
.vspot-title-fade { height: 100%; width: 100%; font-weight: bold;color: #6AC0CC; }
.vspot-big-title { height: 100%; width: 100%; font-size: 12pt; color: #3B6A71; font-weight: bold;}
.vspot-big-title-gold { height: 100%; width: 100%; font-size: 12pt; color: #DD9A1C; font-weight: bold;}
.vspot-big-title-green { height: 100%; width: 100%; font-size: 12pt; color: #3FA55E; font-weight: bold;}
.vspot-massive-title { height: 100%; width: 100%; font-size: 18pt; color: #3B6A71; font-weight: bold;}
.vspot-massive-title-gold { height: 100%; width: 100%; font-size: 18pt; color: #DD9A1C; font-weight: bold;}
.vspot-massive-title-green { height: 100%; width: 100%; font-size: 18pt; color: #3FA55E; font-weight: bold;}
.vspot-massive-title-grey { height: 100%; width: 100%; font-size: 18pt; color: #787878; font-weight: bold;}
.vspot-super-massive-title { height: 100%; width: 100%; font-size: 24pt; color: #3B6A71; font-weight: bold;}
.vspot-super-massive-title-gold { height: 100%; width: 100%; font-size: 24pt; color: #DD9A1C; font-weight: bold;}
.vspot-super-massive-title-green { height: 100%; width: 100%; font-size: 24pt; color: #3FA55E; font-weight: bold;}
.vspot-super-massive-title-grey { height: 100%; width: 100%; font-size: 24pt; color: #787878; font-weight: bold;}
.vspot-big-title-grey { height: 100%; width: 100%; font-size: 12pt; color: #787878; font-weight: bold;}
.vspot-big-title-fade { height: 100%; width: 100%; font-size: 12pt; color: #6AC0CC; font-weight: bold;}
.vspot-big-title-2 { height: 100%; width: 100%; font-size: 12pt; color: #2796bd; font-weight: bold;}
.vspot-massive-title-fade { height: 100%; width: 100%; font-size: 18pt; color: #6AC0CC; font-weight: bold;}
.vspot-text { height: 100%; width: 100%; font-size: 9pt; }
.vspot-scroll { border: 1pt solid #3B6A71; }
.vspot-pointable { cursor:pointer; }
.vspot-no-contrib {background-color: #6AC0CC; color: #FFFFFF; font-weight: bold;}

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

.vspot-nav { font-size: 12pt; color: #FFFFFF; width: "100%"; }
.vspot-nav-item { color: #FFFFFF;  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; 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; }
.vspot-nav-item .gwt-HTML a:visited { text-decoration: none; color:#FFF; }
.vspot-nav-item .gwt-HTML a:hover { text-decoration: none; color:#FFF; }
.vspot-nav-item .gwt-HTML a:active { text-decoration: none; color:#FFF; }

.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; font-weight: bold; color: #3B6A71; }
.vspot-wiz-pagestack { width: 100%; background-color: #C8EBF0; }
.vspot-wiz-step {
    color: #3FA55E;
    font-size: 10pt;
    font-weight: bold;
    padding-top: 6px;
}
.vspot-wiz-step-select {
    color: #FFFFFF;
    background-image: url(WEB-INF/classes/clientImages/wizard/steps/circle.png);
    background-repeat: no-repeat;
    background-position: top center;
    font-size: 10pt;
    font-weight: bold;
    padding-top: 6px;
 }
.vspot-wiz-step-numbers { background-color: #FFFFFF; }
.vspot-wiz-navbar { background-color: #C8EBF0; }
.vspot-wiz-navwidget { padding-left: 10px; padding-right: 10px; padding-top: -2px; cursor: pointer; }

.vspot-wizardpage { width: 100%; height: 100%; background-color: #6AC0CC; }
.vspot-wiz-infoarea { width: 100%; background-color: #FFFFFF;  font-weight: bold; font-size: 12pt; }
.vspot-wiz-contentarea { width: 100%; height: 100%; background-color: #FFFFFF; }
.vspot-wiz-stepbutton { cursor: pointer; color: #FFFFFF; }
.vspot-wiz-stepbutton-middle { background-image: url(WEB-INF/classes/clientImages/wizard/steps/body.png); background-repeat: repeat-x; color: #FFFFFF; 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}
.vspot-activity-info { width: 100%; height: 100%; background-color: #FFFFFF; font-weight: bold; font-size: 12pt; }
.vspot-activity-content { width: 100%; height: 100%; background-color: #FFFFFF; }
.vspot-activity-plan- { width: 100%; height: 100%; background-color: #6AC0CC; }


.vspot-label { color: #3B6A71; font-size: 10pt; font-weight: bold; padding-right: 10px; }
.vspot-label-link { color: #3FA55E; font-size: 10pt; font-weight: bold; padding-right: 10px; text-decoration: underline;}
.vspot-label-link-green { color: #3B6A71; font-size: 10pt; font-weight: bold; padding-right: 10px; text-decoration: underline;}
.vspot-label-big { color: #3B6A71; font-size: 12pt; font-weight: bold; padding-right: 10px; }
.vspot-label-huge { color: #3B6A71; font-size: 14pt; font-weight: bold; padding-right: 10px; }
.vspot-white-label { color: #FFFFFF; padding-right: 10px; }
.vspot-white-label-lg { color: #FFFFFF; font-size: 12pt; font-weight: bold; padding-right: 10px; }
.vspot-plaintext { color: #3B6A71; font-size: 9pt; }
.vspot-header-emphasis { color: #3FA55E; font-weight: bold; padding-right: 10px; }
.vspot-table-header { color: #3B6A71; font-weight: bold; padding-right: 10px; text-decoration: underline; }
.vspot-user-label { color: #3FA55E; font-weight: bold; }
.vspot-content-label { font-weight: bold; color: #3B6A71; }
.vspot-details-label { font-weight: normal; color: #3B6A71; }
.vspot-info { background-color: #7EB16E; color: #BDF2FF; padding-left: 4px; padding-right: 4px; }
.vspot-content { background-color: #DFF8FF; color: #3B6A71; padding-left: 4px; padding-right: 4px; }
.vspot-content-solid { background-color: #6AC0CC; color: #FFFFFF; padding-left: 4px; padding-right: 4px; }
.vspot-signup { background-color: #FFFFFF; }
.vspot-signup-header { background-color: #6AC0CC; color: #FFFFFF; font-weight: bold; font-size: 12pt; }
.vspot-signup-delete { color: #D06952; font-size: 8pt; 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; font-size: 22pt; font-weight: bold; }
.vspot-signup-empty { color: #808080; font-size: 14pt; font-weight: bold; }


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

.vspot-helper-text { background-color: #F0F9FB; color: #3B6A71; font-size: 9pt; }

.vspot-subtext { font-size: 8pt; color: #3B6A71; padding-bottom: 10px; }
.vspot-subtext-hidden { font-size: 8pt; color: #FFFFFF; padding-bottom: 10px; }
.vspot-copyright { font-size: 8pt; color: #3B6A71; }
.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: #3B6A71; font-size: 10pt; }

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

.vspot-example-title { background-color: #FFFFFF; color: #3FA55E; font-weight: bold; font-size: 10pt; }
.vspot-example { background-color: #FFFFFF; color: #3FA55E; }
.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; font-size: 9pt; }

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


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

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

.vspot-clickable { cursor: pointer; }

.vspot-opt { background-color: #DDF1F4; }
.vspot-opt-label { color: #3B6A71; }
.vspot-opt-test { background-color: #DDDDDD;}

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

.vspot-infopopup-title { color: #3FA55E; font-weight: bold; font-size: 12pt; }
.vspot-infopopup-content { background-color: #FFFFFF; color: #3FA55E; font-size: 10pt; 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;
    text-decoration: underline;
    font-weight: bold;
    font-size: 9pt;
    cursor: pointer;
}

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


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

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


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

.vspot-link-white-down {
    color: #3B6A71;
    text-decoration: underline;
    font-weight: bold;
    font-size: 9pt;
    cursor: pointer;
}

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

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

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

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

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

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

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

.vspot-email-copy-table { color: #3B6A71; background-color: #FFFFFF}

.vspot-help-bubble-title { color: #244145; font-size: 12pt; font-weight: bold; }
.vspot-help-bubble-bullet { color: #244145; font-size: 11pt; font-weight: bold; }
.vspot-help-bubble-text { color: #3b6a71; font-size: 10pt; }

.vspot-wizard-welcome-title { color: #244145; font-size: 16pt; font-weight: bold; }
.vspot-wizard-welcome-bullet { color: #3B6A71; font-size: 12pt; vertical-align:bottom; padding-top:8px;}

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

.vspot-wizard-welcome-link {
    color: #0000FF;
    text-decoration: underline;
    font-weight: bold;
    font-size: 14pt;
    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; font-weight: bold; font-size: 9pt;}
.vspot-titleborder-subtitle { background-color: #3FA55E; color: #FFFFFF; font-weight: bold; font-size: 9pt;}
.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; }

.vspot-jobsignupborder-title { background-color: #6AC0CC; color: #FFFFFF; font-weight: bold; font-size: 12pt;}
.vspot-jobsignupborder-subtitle { background-color: #6AC0CC; color: #FFFFFF; font-weight: bold; font-size: 10pt;}
.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; }

.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; }
.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; }
.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; }
.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; }
.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; }
.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 { }
.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; }
.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;
    width: 275px;
    padding: 5px;
}

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

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

.vspot-copycalborder {}
.vspot-copycalborder-title { background-color: #6AC0CC; color: #FFFFFF; font-weight: bold; font-size: 12pt;}
.vspot-copycalborder-subtitle { background-color: #6AC0CC; color: #FFFFFF; font-weight: bold; font-size: 10pt;}
.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; }

/**  .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;
}

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

.gwt-DialogBox .Caption {
    background-color: #6AC0CC;
	color: #FFFFFF;
	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 { the menu bar itself }*/
/*.gwt-MenuBar-horizontal { dependent style applied to horizontal menu bars }*/
/*.gwt-MenuBar-vertical { dependent style applied to vertical menu bars }*/
/*.gwt-MenuBar .gwt-MenuItem { menu items }*/
/*.gwt-MenuBar .gwt-MenuItem-selected { selected menu items }*/
/*.gwt-MenuBar .gwt-MenuItemSeparator { section breaks between menu items }*/
/*.gwt-MenuBar .gwt-MenuItemSeparator .menuSeparatorInner { inner component of section separators }*/
/*.gwt-MenuBar .menuPopupTopLeft { the top left cell }*/
/*.gwt-MenuBar .menuPopupTopLeftInner { the inner element of the cell }*/
/*.gwt-MenuBar .menuPopupTopCenter { the top center cell }*/
/*.gwt-MenuBar .menuPopupTopCenterInner { the inner element of the cell }*/
/*.gwt-MenuBar .menuPopupTopRight { the top right cell }*/
/*.gwt-MenuBar .menuPopupTopRightInner { the inner element of the cell }*/
/*.gwt-MenuBar .menuPopupMiddleLeft { the middle left cell }*/
/*.gwt-MenuBar .menuPopupMiddleLeftInner { the inner element of the cell }*/
/*.gwt-MenuBar .menuPopupMiddleCenter { the middle center cell }*/
/*.gwt-MenuBar .menuPopupMiddleCenterInner { the inner element of the cell }*/
/*.gwt-MenuBar .menuPopupMiddleRight { the middle right cell }*/
/*.gwt-MenuBar .menuPopupMiddleRightInner { the inner element of the cell }*/
/*.gwt-MenuBar .menuPopupBottomLeft { the bottom left cell }*/
/*.gwt-MenuBar .menuPopupBottomLeftInner { the inner element of the cell }*/
/*.gwt-MenuBar .menuPopupBottomCenter { the bottom center cell }*/
/*.gwt-MenuBar .menuPopupBottomCenterInner { the inner element of the cell }*/
/*.gwt-MenuBar .menuPopupBottomRight { the bottom right cell }*/
/*.gwt-MenuBar .menuPopupBottomRightInner { the inner element of the cell }*/


/*.gwt-MenuBar .gwt-MenuItem-selected { color: #FFFFFF;  background: #3B6A71; }*/


.gwt-MenuBar .gwt-MenuItemSeparator { background: #B4B4B4; }
/* .gwt-MenuBar .gwt-MenuItemSeparator .menuSeparatorInner { inner component of section separators } */


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

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

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

.vspot-HelpDialog .dialogTopRightInner {
    background-image: url(WEB-INF/classes/clientImages/helpborder/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/helpborder/nw.png);
    background-position: left top;
    background-repeat: no-repeat;
    height: 10px;
    width: 10px;
}

.vspot-HelpDialog .dialogTopLeftInner {
    background-image: url(WEB-INF/classes/clientImages/helpborder/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/helpborder/e.png);
    background-repeat: repeat-y;
    width: 10px;
}

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

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

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

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

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

.gwt-TabBarFirst {
    width: 15px;
}

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

.vspot-dialog-content {
background-color: #6AC0CC; color: #3B6A71;
}

.vspot-dialog-content-bkg {
background-color: #FFFFFF; color: #3B6A71;
}


.vspot-delete-dialog-instr {
background-color: #6AC0CC; color: #3B6A71;
}

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


.vspot-dialog-small-text {
color: #3B6A71; font-size: 9pt;
}

.vspot-small-text {
color: #3B6A71; font-size: 9pt;
}

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

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

.vspot-copycal-days {
    background-color: #6AC0CC;
    color: #FFFFFF;
    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;
    }

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

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

.vspot-copycal-source {
    background-image: url(WEB-INF/classes/clientImages/MiniCal/Select/SourceDay20.png); background-repeat: no-repeat; background-position: center center;
    color: #FFFFFF;
    }
.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;
    }

.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;
    }

.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;
    }




.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;
    }

.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;
    }

.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;
    }

.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;
    }


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

.vspot-calendar {
    background-color: #6AC0CC;
    color: #6AC0CC;
    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;
    font-weight: bold;
    font-size: 12pt;
    width: 100%;
}

.vspot-calendar-week {
    width: 100%;
    font-weight: bold;
/*    background-color: #BAE6EC;*/
    background-color: #6AC0CC;
    color: #FFFFFF;
    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: #3B6A71;
}

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

.vspot-calendar-cell {
    color: #3B6A71;
    width: 100%;
    height: 100%;
}

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

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

.vspot-calendar-cell-in-month { background-color: #FFFFFF;  color: #3B6A71;  font-weight: bold;}
.vspot-calendar-cell-out-month { background-color: #C8EBF0; }
.vspot-calendar-cell-current-day {
    background-color: #FFFFFF;
    color: #F9AB14;
    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; 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; 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; 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; font-weight: bold; color: #FFFFFF; }
.vspot-calendar-cell-text-safari { line-height: 1.75; padding-top: 7px; padding-left: 21px; font-family: Monaco,monospace; font-size: 9px; font-weight: bold; color: #FFFFFF; }
.vspot-calendar-cell-text-ie { line-height: 1.75; padding-top: 9px; padding-left: 20px; font-family: Lucida Console,monospace; font-size: 10px; font-weight: bold; color: #FFFFFF; }

/*
.gwt-TabPanel { }
.gwt-TabPanelBottom { width: 100%; height: 100%; background-color: #BAE6EC; }
.gwt-TabBar { height: 18px; width: 100%; background-color: #3B6A71;  color: #BAE6EC; }
.gwt-TabBarFirst { width: 16px; background: #F3F3F3 url(images/tabs/tabBarLeft.png) no-repeat left; }
.gwt-TabBarRest { width: 100%; background: #3B6A71 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: #3B6A71; background: #3B6A71 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; font-weight: bold; background-image: url(WEB-INF/classes/clientImages/spinner/Body.png); background-repeat: repeat-x; }

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

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

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

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

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

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

.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: #3B6A71;
}

/* 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;
    font-size: 12px;
}

.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;
    font-size: 12px;
}

.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;
    font-size: 12px;
}

.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;
    font-size: 12px;
}

.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;
    font-size: 12px;
}

.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;
    font-size: 12px;
}

/* 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;
    font-size: 12px;
}

.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;
    font-size: 12px;
}

.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;
    font-size: 12px;
}

.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;
    font-size: 12px;
}

.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;
    font-size: 12px;
}

.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;
    font-size: 12px;
}

/* 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;
    font-size: 10px;
}

.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;
    font-size: 10px;
}

.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;
    font-size: 10px;
}

/* 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;
    font-size: 10px;
}

.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;
    font-size: 10px;
}

.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;
    font-size: 10px;
}

/* ass button */
.vspot-assbutton {
    color: #F6BA3A;
    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;
    font-size: 12px;
}

.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;
    font-size: 12px;
}

.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;
    font-size: 12px;
}

.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;
    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;
    font-size: 12px;
}

.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: #3B6A71;
    font-size: 12px;
}

.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;
    font-size: 12px;
}

.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;
    font-size: 12px;
}

.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: #3B6A71;
    font-size: 12px;
}

.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;
    font-size: 12px;
}

/* 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;
    font-size: 12px;
}

.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: #3B6A71;
    font-size: 12px;
}

.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;
    font-size: 12px;
}

.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;
    font-size: 12px;
}

.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: #3B6A71;
    font-size: 12px;
}

.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;
    font-size: 12px;
}

/* 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;
    font-size: 12px;
}

.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: #3B6A71;
    font-size: 12px;
}

.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;
    font-size: 12px;
}

.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;
    font-size: 12px;
}

.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: #3B6A71;
    font-size: 12px;
}

.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;
    font-size: 12px;
}


/* 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);
}

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

.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;
}

.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;
}

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

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

/* 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;
	font-size: 13px;
}

.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;
	font-size: 13px;
}

.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;
	font-size: 13px;
 }

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



.vspot-invite-page-label-panel{background-color: #CCCCCC;}
.vspot-imagebutton-changecursor{cursor:pointer;}
.vspot-req-field-asterisk{font-color:red; 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; color: #FFFFFF; }

/* For some reason this is necessary to fix a z-order problem in MyGWT shell */
.gwt-SuggestBoxPopup {
	border: 1px solid blue;
	z-index: 999999;
	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; }


