body { font-family:Arial, Helvetica, sans-serif; background-color:#ffffff;}


/* font modifications */
.giantText {font-size:2em; }
.giantTextBold {font-size:2em; font-weight:bold; }

.title {font-size:1.25em; font-weight:bold; }
.alertTitle {font-size:1.25em; font-weight:bold; color:#ff0000; }

.smText { font-size:.75em; }
.smTitle { font-size:.75em; font-weight:bold; }
.smAlertText {font-size:.75em; color:#ff0000; }
.smAlertTitle {font-size:.75em; font-weight:bold; color:#ff0000; }

.tinyTitle { font-size:.5em; font-weight:bold; }
.tinyText { font-size:.5em; }
.tinyAlertText { font-size:.5em; color:#ff0000; }

/* link modifications */
a:link { color:#000000; }
a:visited { color:#000000; }
a.appointmentMenu:link { color:#888888; }
a.appointmentMenu:visited { color:#888888; }

/* div types */
#olsWrapper { width:980px; height:980px; margin:auto; margin-top:15px;}
#olsLeft { float:left; width:580px; height:900px;}
#olsRight { float:right; width:400px; height:900px; background-color:#eeeeee;}

#olsClient { height:120px; background-color:#eeeeee;}
#olsNav { height:30px; }
#olsAd { height:140px; background-color:#abcdef;}

#olsLogin { width:600px;}

.olsDiv { padding:10px; margin:2px; border-style:solid; border-color:red; border-width:0px;}

.floatLeft { float:left; }

/* element adjustments */
hr { color:#eeeeee; background-color:#eeeeee; margin-top:5px; margin-bottom:5px;}
hr.hi { color:#eeeeee; background-color:#eeeeee; height:3px; margin-top:5px; margin-bottom:5px;}

/* general adjustments */
.textAlignRight { text-align:right;}
.textAlignCenter { text-align:center;}
.noWrap { white-space:nowrap;}

.dkGreyText { color:#888888;}
.whiteText { color:#ffffff;}

.whiteBackground { background-color:#ffffff; }
.greyBackground { background-color:#eeeeee; }
.dkGreyBackground { background-color:#888888; }
.ltRedBackground { background-color:#980000; }
.greenBackground { background-color:#009800; }

.fullWidth { width:100%;}


/* employee corner */
.calendar {width:750px; height:100%; background-color:#ffffff;}
.dateHeader {width:750px; height:75px; background-color:#fffacd; text-align:center; border-style:solid; border-width:1px; border-color:#ffa500;padding-top:15px;}

.cell {border-style:dotted; border-width:1px; border-color:#aaaaaa; height:18px; text-align:right; background-color:#dddddd;}
.salonClosed {background-color: rgb(147,112,219); background-color: rgba(147, 112, 219, 0.5) }
.employeeOn {background-color:#ffffff;}

.timeColumn {float:left; height:100%; width:75px;}

.dayColumn {float:left; width:300px; height:100%; position:relative;}

.performanceColumn {float:right; width:300px; padding-left:20px; padding-right:20px; padding-top:5px; padding-bottom:5px; position:relative; border-style:solid; border-width:1px; border-color:#bdb76b; background-color:#fffacd; margin-top:20px; margin-left:20px; margin-right:13px;}

.appointment {border-style:solid; border-width:1px; border-color:#bdb76b; width:100%; background-color:#fffacd; position:absolute;}
.employeeBusyIndicatorSpace {float:left; width:15px; }
.employeeBusyIndicator {width:100%; background-color:#ffa500;}
.employeeNotBusyIndicator {width:100%; }
.associateBusyIndicator {width:100%; background-color:#800080; }
.apptBody {background-color:beige; height:100%; width:100%; }
.apptText {padding-left:20px; padding-top:2px; overflow:hidden;}