h1 .small { font-size: 10pt; }
#rightmenu{ position: absolute; height: auto; top: 0; right: 0; width: 260px; margin: 0 5px; }
#leftmenu{ position: absolute; height: auto; top: 0; left: 0; width: 260px; margin: 0 5px;}
#rightmenucontentent{ margin: 5px 5px 5px 270px; }
#scheduleform #content{min-height: 580px;}

/*Schedule*/
#calendarholder {width:250px; margin:5px;}
#calendarholder.monthmode div.calendar tr.days td {background: #f6faff; }
#calendarholder.weekmode div.calendar tr.days td.thisweek { background: #f6faff; }

#scheduleholder {width:100%;}
#scheduleholder > tr > td { margin: 5px; font-size: 8pt; }

#schedulenav{ margin: 7px 0; }
table.scheduleheader{ width:100%; height: 25px; table-layout:fixed;border-bottom: 0;}
table.scheduleheader th{text-align:left;font-weight: normal; height: 10px; vertical-align: middle;padding-right: 3px; border-bottom: 0;}
table.scheduleheader th.noborder{ border: 0; margin: 0; padding: 0;}
table.schedule { width:100%; min-height: 450px; table-layout:fixed;}
table.schedule th,table.schedule td{font-size:8pt;}
table.schedule td{border-collapse: collapse; border: 1px solid #b0c7d0; padding: 0 3px; overflow:hidden;background: #f3f7fc;}
table.schedule.week td{height:4%;}
table.schedule td:hover{ background: #fff; }
table.schedule td.prevmonth,table.schedule td.nextmonth { background: #fafafa; width: 30px; padding: 0; vertical-align: middle; cursor: pointer;}
table.schedule td.prevmonth:hover,table.schedule td.nextmonth:hover { background: #f4f7fa;}

.dayschedule{ background: #d8f5d4 !important; }
.workingday { background: #d3fcce !important; }
.workingexception { background: #deeeff !important; }
.vacation { background: #f3f7fc; }
.outofmonth{ background: #e0e4e9 !important;color: #808080 !important;}
.scheduleTitle h2{ font-size: 20px !important;}

div.stnoschedule { padding-left: 20px; margin-top: 3px; background: url(../../img/calendar_grey.png) no-repeat;}
div.stperiod { padding-left: 20px; margin-top: 3px; background: url(../../img/calendar.png) no-repeat;}
div.stexception { padding-left: 20px; margin-top: 3px; background: url(../../img/calendar_exclamation.png) no-repeat;}

td.today{background: #f6faff !important;}
span.sday{font-size: 12pt;}
div.wh{position:absolute;background: #f9f8e0;border-top: 1px solid #e0e4e9;border-bottom: 1px solid #e0e4e9;}
td.wh{background:#f9f8e0;}
.wt{padding:4px 0;width:100%;}
.wtchange{padding:4px 0;width:100%;background: red;}
.thr{font-size: 11pt;}
.tmn{font-size: 75%;}
.tdhover { display:none;}
td:hover .tdhover {display:inline;}
td.inlinelabel label{display: inline;}
.daydetails { width: 330px; cursor: default; }
.daydetails h2 { margin-bottom: 3px; border-bottom: 1px solid #d2d4d6; padding-bottom: 4px;}
.daydetails p {line-height: 150%;}
.ddactions a{ display: block; }

/*timepicker*/
div.time-picker { margin-top: 2em; -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#FFFFFF none repeat scroll 0 0; border:1px solid #ccc; height:200px; overflow:auto; position:absolute; width:5em; z-index:99; }
div.time-picker-12hours { width:6em; } 
div.time-picker ul { list-style-type:none; margin:0; padding:0; }
div.time-picker li { cursor:pointer; padding:1px; }
div.time-picker li.selected { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#316AC5 none repeat scroll 0 0; color:#FFFFFF; }

span.not-confirmed { 
	background-color: #fc765f;
	font-size: large;
	margin-right: 4px;
	padding: 0 4px 2px;
}

span.confirmed { 
	background-color: #b3e81b;
	font-size: large;
	margin-right: 4px;
	padding: 0 4px 2px;
}
