#viewPrevCalButton {
    background-image: url("/assets/images/calendar/leftarrowlow.gif");
    width: 11px;
    height: 11px;
    
    margin-left: 3px;
}

#dayViewBtn,
#weekViewBtn,
#monthViewBtn,
#yearViewBtn,
#viewNextCalButton,
#selectTodayBtn,
#selectThisWeekBtn,
#selectThisMonthBtn, 
#selectThisYearBtn,
#plusbutton {
    margin-left: 1px;
}

#viewPrevCalButton:hover {
    background-image: url("/assets/images/calendar/leftarrowhigh.gif");
}

#dayViewBtn {
    background-image: url("/assets/images/calendar/1low.gif");
    width: 11px;
    height: 11px;
}

#dayViewBtn:hover {
    background-image: url("/assets/images/calendar/1high.gif");
} 
#dayViewBtn.selectedModeBtn {
    background-image: url("/assets/images/calendar/1sel.gif");
}

#weekViewBtn {
    background-image: url("/assets/images/calendar/7low.gif");
    width: 11px;
    height: 11px;
}

#weekViewBtn:hover {
    background-image: url("/assets/images/calendar/7high.gif");
}

#weekViewBtn.selectedModeBtn {
    background-image: url("/assets/images/calendar/7sel.gif");
}

#monthViewBtn {
    background-image: url("/assets/images/calendar/31low.gif");
    width: 15px;
    height: 11px;
}


#monthViewBtn:hover {
    background-image: url("/assets/images/calendar/31high.gif");
}

#monthViewBtn.selectedModeBtn {
    background-image: url("/assets/images/calendar/31sel.gif");
}

#yearViewBtn {
    background-image: url("/assets/images/calendar/365low.gif");
    width: 23px;
    height: 11px;
}

#yearViewBtn:hover {
    background-image: url("/assets/images/calendar/365high.gif");
}   
#yearViewBtn.selectedModeBtn {
    background-image: url("/assets/images/calendar/365sel.gif");
}

#viewNextCalButton {
    background-image: url("/assets/images/calendar/rightarrowlow.gif");
    width: 11px;
    height: 11px;
}
#viewNextCalButton:hover {
    background-image: url("/assets/images/calendar/rightarrowhigh.gif");
}

#minusbutton {
    background-image: url("/assets/images/calendar/minuslow.gif");
    width: 11px;
    height: 11px;
    margin-left: 18px;
}
#minusbutton:hover {
    background-image: url("/assets/images/calendar/minushigh.gif");
}

#selectTodayBtn {
    background-image: url("/assets/images/calendar/1low.gif");
    width: 11px;
    height: 11px;
}
#selectTodayBtn:hover {
    background-image: url("/assets/images/calendar/1high.gif");
}
#selectTodayBtn.currentRelativeMode {
    background-image: url("/assets/images/calendar/1sel.gif"); 
}

#selectThisWeekBtn {
    background-image: url("/assets/images/calendar/7low.gif");
    width: 11px;
    height: 11px;
}
#selectThisWeekBtn:hover {
    background-image: url("/assets/images/calendar/7high.gif");
}
#selectThisWeekBtn.currentRelativeMode {
    background-image: url("/assets/images/calendar/7sel.gif"); 
}

#selectThisMonthBtn {
    background-image: url("/assets/images/calendar/31low.gif");
    width: 15px;
    height: 11px;
}
#selectThisMonthBtn:hover {
    background-image: url("/assets/images/calendar/31high.gif");
}
#selectThisMonthBtn.currentRelativeMode {
    background-image: url("/assets/images/calendar/31sel.gif"); 
}

#selectThisYearBtn {
    background-image: url("/assets/images/calendar/365low.gif");
    width: 23px;
    height: 11px;
}
#selectThisYearBtn:hover {
    background-image: url("/assets/images/calendar/365high.gif");
}
#selectThisYearBtn.currentRelativeMode {
    background-image: url("/assets/images/calendar/365sel.gif"); 
}

#plusbutton {
    background-image: url("/assets/images/calendar/pluslow.gif");
    width: 11px;
    height: 11px;
}
#plusbutton:hover {
    background-image: url("/assets/images/calendar/plushigh.gif");
}

/* the one that actually moves*/
#slidydiv
{
	width: 1000px;
	height: 500px;
	position: absolute;
	left: 10px;
	top: 4px;
}

#monthspan1
{
    
    color: #505050;
    
    position: absolute;
    top: 5px;
    left: 0px;

    text-align: left;
}

#monthspan2
{

    color: #505050;
    
    position: absolute;
    top: 5px;
    left: 196px;

    text-align: left;
}

#monthspan3
{
    
    color: #505050;
    
    position: absolute;
    top: 5px;
    left: -196px;

    text-align: left;
}

#monthspan4
{
    
    color: #505050;
    
    position: absolute;
    top: 5px;
    left: 392px;

    text-align: left;
}

.blockButtons {
    width: 15px;
	position: absolute;
	top: 27px;
	left: 8px;
}

.blockButton {
    font-family: Arial, sans-serif;
    font-size: 10px;
    line-height: 16px;
    text-align: right;
    
    margin-bottom: 9px;
    cursor: pointer;
}
.weekrightarrow {
    margin-left: 3px;
    cursor: pointer;
    opacity: .5;
    width: 11px;
    height: 11px;
}
.quarterButtons {
    width: 15px;
	display: inline;
	position: absolute;
	top: 17px;
	left: 8px;
}

.quarterButton {
    font-family: "Arial Black", sans-serif;
    font-size: 10px;
    text-align: right;
    
    margin-bottom: 14px;
    cursor: pointer;
}

.weekdiv
{
	width: 15px;
	display: inline;
	position: absolute;
	top: 14px;
	left: 8px;
}

#weektable
{
	border: none;
	margin-top: 9px;
	padding: 0px;
	color: #9da5b4;
	font-weight: normal;
	font-size: 10px;
	font-family: helvetica;       
}

#weektable td
{
	height: 20px;
}

.weekButtDiv
{
	cursor: pointer;
}

.weekButtDiv:hover
{
    color: #bfc7d6;    
}

.caldiv,
.caldivyear,
.caldivweek
{
	background-image: url('/assets/images/calendar/calback.png');
	width: 169px;
    height: 163px;
    
    position: absolute;
    left: 26px;
	top: 4px;
    
    padding: 0px;
    margin: 0px;
    
	text-align: center;
}

.caldivyear {
    background-image: url('/assets/images/calendar/calbackyear.png');
    width: 169px;
    height: 151px;
    top: 9px;
}

.blockButtonTable {
    position: absolute; 
    top: 24px;
    left: 10px;
}

.weekDayHeadBtn {
    font-family: "Arial";
    font-weight: bold;
    font-size: 10px;
    margin-left: 1px;
    margin-bottom: 1px;
    width: 15px;
    cursor: pointer;
}

.caltable
{
	border: none;
	/*left: 27px;
    top:  27px;
    */
    left: 13px;
    top: 34px;
    position: absolute;
}

.caltable td
{
	width: 21px;
	
	 /*border: 1px solid black;*/
	
}


.caltable td.normal
{
    /*height: 21px;*/
    text-align: center;
    vertical-align: top;
    font-family: arial;
    font-size: 11px;
    font-weight: bold;
    color: #9da5b4;

	padding-top: 0px;
    padding-bottom: 1px;
}

.monthbuttdiv
{   
    font-family: "Arial", sans-serif;
    font-size: 10px;
    
    cursor: pointer;
	width: 20px;
	height: 15px;
	/*height: 17px;*/
    padding-top: 2px;
	
	margin-top: 0px;
	margin-bottom: 2px;
}

.monthbuttdiv:hover
{
    color: #bfc7d6;    
}

.monthbuttdivHigh
{   
    font-family: "Arial", sans-serif;
    font-size: 10px;
    
    background-image: url("/assets/images/calendar/yellowcircle.png");
    background-repeat: no-repeat;
    background-position: top center;
    color: #505050;
    
    cursor: pointer;
	width: 20px;
	height: 15px;
	
    padding-top: 2px;
	
	margin-top: 0px;
	margin-bottom: 2px;
}

.monthbuttdivHigh:hover
{
    color: #727272;    
}

.headdiv
{
	text-align: center;
}

.monthhead,
.yearhead,
.weekhead
{
    font-size: 11px;
    font-weight: normal;
    font-family: "Arial Black";
    text-align: center;
    width: 165px;
    
    color: #505050;
	
    position: absolute;
    top: -1px;
    left: 0px;
}

.dayCalHead {
    font-family: "Arial Black";
    height: 22px;
    width: 240px;
    background-color: rgb(157,165,180);
    color: #505050;
    position: absolute;
    top: 0px;
    left: 0px;
}

.dayHeaderDOW {
    font-size: 15px;
    position: absolute;
    left: 26px;
    top: 1px;
}

.dayHeaderMonth {
    font-size: 11px;
    position: absolute;
    left: 54px;
    top: 5px;
    text-align: center;
    width: 90px;
}

.dayFilterTable {
    position: absolute;
    top: 27px;
    left: 4px;
}

.dayStudioFilter, .dayStudioPlaceholder {
    margin-right: 10px;
    cursor: pointer;
    display: block;
    width: 47px;
    height: 11px;
    margin-bottom: 2px;
}

.dayStudioPlaceholder {
    cursor: default;
}

.dayCoachFilter {
    margin-right: 2px;
    cursor: pointer;
    display: block;
    width: 32px;
    height: 11px;
    margin-bottom: 2px;
}

.dayHeaderYear {
    font-size: 11px;
    position: absolute;
    left: 162px;
    top: 5px;
}

.selectAllThisDay {
    position: absolute;
    left: 8px;
    top: 7px;
    width: 11px;
    height: 11px;
    opacity: .5;
    background-image: url('/assets/images/calendar/downarrow.png');
    cursor: pointer;
}

.dayHeadShadow {
    height: 1px;
    width: 240px;
    background-color: rgb(157,165,180);
    opacity: .20;
    position: absolute;
    top: 22px;
    left: 0px;
}
    
.yearhead {
    text-align: left;
    position: absolute;
    left: 13px;
    top: 1px;
    
    font-size: 15px;
}


.weekHeaderNumber {
    font-size: 15px;
    margin-left: 4px;
    width: 30px;
}

.weekHeaderYear {
    font-size: 11px;
    text-align: left;
    position: absolute;
    top: 4px;
    left: 34px;
}

.weekHeaderDates {
    font-size: 11px;
    position: absolute;
    right: 11px;
    top: 4px;
    bottom: 2px;
    width: 88px;
    text-align: right;
    
}

.monthButtonTable {
    position: absolute;
    top: 29px;
    left: 10px;
}

.monthButton {
    width: 46px;
    height: 18px;
    padding-top: 5px;
    margin-right: 5px;
    margin-bottom: 7px;
    
    cursor: pointer;
    border: 0px solid rgb(116,120,127);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    
    text-align: center;
    color: rgb(66,66,66);
    /*background-color: rgb(157,165,180);*/
    background-color: rgb(116,120,127);
    font-family: "Helvetica Neue", sans-serif;
    font-size: 11px;
   
    font-weight: bold;
}

.blockFilterButton {
    width: 16px;
    height: 15px;
    padding-top: 5px;
    margin-right: 6px;
    margin-bottom: 5px;
    
    cursor: pointer;
    
    border: 0px solid rgb(116,120,127); 
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    
    text-align: center;
    color: rgb(66,66,66);
    /*background-color: rgb(157,165,180);*/
    background-color: rgb(116,120,127);
    font-family: "Helvetica Neue", sans-serif;
    font-size: 11px;
   
    font-weight: bold;
}

.selectedBlockFilterButton {
    background-color: rgb(245,246,121);
}

.highlightedBlockFilterButton {
    background-color: rgb(157,165,180);
}

.selectedMonth {
    background-color: rgb(245,246,121);
}

.daydiv
{
	position: absolute;
	left: 17px;
	top: 11px;
}

.daydiv:hover
{
    color: #bfc7d6;    
}


.dayhead
{
    width: 12px;
	border: none;
	cursor: pointer;
	margin-right: 9px;
	/*margin-left: 3px;*/
}