﻿






.dropBoxHeaderDiv input[type="text"], .dropBoxHeaderDiv input[type="password"], .dropBoxHeaderDiv textarea, .dropBoxHeaderDiv select { border-right: none; }
.dropBoxHeaderDiv input[type="text"]:focus, .dropBoxHeaderDiv input[type="password"]:focus, .dropBoxHeaderDiv textarea:focus, .dropBoxHeaderDiv select:focus { border-color: #AFAFAF; }


.fullCalendar { background: url("/calendar/Images/button-view-all-events01.png") no-repeat scroll 2px 0px transparent; height: 72px; width: 200px; }

.fullCalendar:hover { background: url("/calendar/Images/button-view-all-events02.png") no-repeat scroll 2px 0px transparent; }

.viewEventLightBox { 
    max-width: 900px; 
    background-color: white; 
    margin-left: auto; 
    margin-right: auto; 
    /*box-shadow: 0px 2px 10px gray; 
    color: Black; */}

.soloPage { }
.soloPage .viewEventLightBox {  }

/*for word exporting it wasn't picking up the new font for the dateTimeText unless set specifically in this fashion*/
.viewEventLightBoxContent, .viewEventLightBoxContent .dateTimeText { }

.viewEventLightBoxContent { 

}

#coreBody .viewEventLightBoxContent a {  }



.divToolbox {  background-color: #0F5CB1; display: block; padding: 11px 30px 30px 30px;}

.divToolbox a, .divToolbox button { color:#fff; display: inline-block;  font-size: 13px; height: 16px; text-align: center; vertical-align: bottom; padding: 32px 8px 0px 5px;  background-position: center top; background-repeat: no-repeat;  text-decoration: none; border-bottom:0; }
.divToolbox a:hover, .divToolbox button:hover { text-decoration: underline; border-bottom: 0; cursor: pointer; }

.wordExportButton { background-image: url('/calendar/images/btn-cal-word.png'); }
.wordExportButton:hover { background-image: url("/calendar/Images/btn-cal-word-roll.png"); }

.divToolbox .printButton { background-image: url("/calendar/Images/btn-cal-print.png"); padding-right: 9px; background-position: -1px top; }
.divToolbox .printButton:hover { background-image: url("/calendar/Images/btn-cal-print-roll.png"); }

.editButton { background-image: url("/calendar/Images/btn-cal-edit.png"); }
.editButton:hover { background-image: url("/calendar/Images/btn-cal-edit-roll.png"); }

.divToolbox .emailButton { background-image: url("/calendar/Images/btn-cal-email.png"); padding-left: 3px; padding-right: 7px; }
.divToolbox .emailButton:hover { background-image: url("/calendar/Images/btn-cal-email-roll.png"); }

.divToolbox .outlookExportButton { background-image: url("/calendar/Images/btn-cal-outlook.png"); padding-left: 1px; padding-right: 6px; background-position: 3px top; }
.divToolbox .outlookExportButton:hover { background-image: url("/calendar/Images/btn-cal-outlook-roll.png"); }

.divToolbox .closeButton { background-image: url('/calendar/Images/btn-close.gif'); background-position: 7px 6px; border-right: none; padding-right: 10px; }

.tblLogoAndInfo { min-width:100%; width:97%; margin-bottom:20px;} /*in the ghetto!!!!! The min-width is ignored for word exporting but 100% is what we need for web display and this overrides the width setting of 97%. In Word, the 97% is all it sees/cares about. I really tried every conceivable solution here, and this is the only thing that works for both */
.tblLogoAndInfo td { vertical-align:top; width:50%;}