/* CALENDER */

.calendar_filters {
border-right: 1px solid gray;
}

.filters {
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
}

.month_header {
font: bold 20px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-align: center;
}

#calendarTable td {
padding:0px;
}

.calendar_days_left {
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-align: center;
border: 1px solid #669900;
}

.calendar_days_right {
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-align: center;
border-right: 1px solid #669900;
border-top: 1px solid #669900;
border-bottom: 1px solid #669900;
}

.datebox_empty_left {
font: normal 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
background: #CCCCCC;
padding: 2px 0;
padding-left: 10px;
border-right: 1px solid #669900;
border-left: 1px solid #669900;
border-bottom: 1px solid #669900;
}

.datebox_empty {
font: normal 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
background: #CCCCCC;
padding: 2px 0;
padding-left: 10px;
border-right: 1px solid #669900;
border-bottom: 1px solid #669900;
}

.datebox_left a {
display: block;
font: normal 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
border-right: 1px solid #669900;
border-left: 1px solid #669900;
border-bottom: 1px solid #669900;
}

.datebox_left a:hover {
background: #CCFFCC;
colorz: white;
}

.datebox a {
display: block;
font: normal 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
border-right: 1px solid #669900;
border-bottom: 1px solid #669900;
}

.datebox a:hover {
background: #CCFFCC;
colorz: white;
}

.datebox_past_left a {
background: #F0E68C;
display: block;
font: normal 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
border-right: 1px solid #669900;
border-left: 1px solid #669900;
border-bottom: 1px solid #669900;
}

.datebox_past_left a:hover {
background: #CCFFCC;
colorz: white;
}

.datebox_past a {
background: #F0E68C;
display: block;
font: normal 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
border-right: 1px solid #669900;
border-bottom: 1px solid #669900;
}

.datebox_past a:hover {
background: #CCFFCC;
colorz: white;
}

/* SCHEDULE BY DAY */

.schedule_header_left {
border: 1px solid #808000;
text-align: center;
padding: 2px 3px 2px 3px;
font: bold 15px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
}
.schedule_header {
border-top: 1px solid #808000;
border-bottom: 1px solid #808000;
border-right: 1px solid #808000;
text-align: center;
padding: 2px 3px 2px 3px;
font: bold 15px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
}

.schedule_content_left {
border-left: 1px solid #808000;
border-bottom: 1px solid #808000;
border-right: 1px solid #808000;
padding: 2px 5px 2px 5px;
font-size: 13px;
color: black;
}
.schedule_content {
border-bottom: 1px solid #808000;
border-right: 1px solid #808000;
padding: 2px 5px 2px 5px;
font-size: 13px;
color: black;
}

.schedule_content_top_left {
border-top: 1px solid #808000;
border-left: 1px solid #808000;
border-bottom: 1px solid #808000;
border-right: 1px solid #808000;
padding: 2px 5px 2px 5px;
font: normal 13px;
color: black;
}

.schedule_content_top {
border-top: 1px solid #808000;
border-bottom: 1px solid #808000;
border-right: 1px solid #808000;
padding: 2px 5px 2px 5px;
font: normal 13px;
color: black;
}

.schedule table tr td a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.schedule table tr td a:hover{
background: #FFFF00;
colorz: white;
}

/* FORMS */

.booking_form {
font: normal 15px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
margin-right: 20px;
}

.booking_form a img {
	border: none;
}
.booking_form a img:hover {
	border: none;
}

/* PAYROLL TABLE */

.main_title {
font: bold 18px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
}

.type_title {
font: bold 16px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
}

.type_title_red {
font: bold 16px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: red;
}

.total_left {
border-left: 1px solid #808000;
border-bottom: 1px solid #808000;
border-right: 1px solid #808000;
padding: 2px 5px 2px 5px;
font: bold 16px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
}

.total_right {
border-bottom: 1px solid #808000;
border-right: 1px solid #808000;
padding: 2px 5px 2px 5px;
font: bold 16px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
}

/* REPORT VIEW */

.report_header_left {
border: 1px solid #808000;
text-align: center;
padding: 2px 5px 2px 5px;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
}
.report_header {
border-top: 1px solid #808000;
border-bottom: 1px solid #808000;
border-right: 1px solid #808000;
text-align: center;
padding: 2px 5px 2px 5px;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
}

.report_content_left {
border-left: 1px solid #808000;
border-bottom: 1px solid #808000;
border-right: 1px solid #808000;
padding: 2px 5px 2px 5px;
font-size: 12px;
color: black;
}
.report_content {
border-bottom: 1px solid #808000;
border-right: 1px solid #808000;
padding: 2px 5px 2px 5px;
font-size: 12px;
color: black;
}


/* TABS */

.tabBar a {
	text-decoration: none;

}

.tabBar .selectedTab {
	background:#626975;
	-webkit-border-top-right-radius: 8px; 
	-moz-border-radius-topright: 8px;
	-webkit-border-top-left-radius: 8px; 
	-moz-border-radius-topleft: 8px;
    	padding:10px 10px 16px 10px;
   	margin:0 5px 0 5px;
  	font: bold 15px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    	text-decoration: none;
}

.tabBar .unselectedTab {
	background:#C2C8D4;
	-webkit-border-top-right-radius: 8px; 
	-moz-border-radius-topright: 8px;
	-webkit-border-top-left-radius: 8px; 
	-moz-border-radius-topleft: 8px;
  	padding:10px 10px 16px 10px;
    	margin:0 5px 0 5px;
    	font: bold 15px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    	text-decoration: none;
}

/* TABLE BUTTONS */

.table_button {
	background:#666666;
	color:#FFFFFF;
	padding-top:5px; 
	padding-bottom:5px; 
	text-align:center;
	border:none;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	cursor: pointer;
}

/* INFO BUTTON */
#fixedtipdiv{
	position:absolute;
	padding: 2px;
	border:1px solid black;
	font:normal 12px Verdana;
	color: black;
	line-height:18px;
	z-index:100;
}

/* URBAN GREY ACCORDION */

.urbangreymenu{
width: 300px; /*width of menu*/
}

.urbangreymenu h3{
margin: 0;
padding: 0;
}

.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: white;
background: #606060 url(http://www.brainboosteducation.com/brainboostcommunity.ca/img/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 1px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.urbangreymenu .headerbar a{
text-decoration: none;
color: white;
display: block;
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color: black;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}

/* RECURRING SLOTS TABLE */

.recurring_header_left {
background-color: #626975;
border: 1px solid black;
text-align: center;
padding: 2px 5px 2px 5px;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #FFF;
}
.recurring_header {
background-color: #626975;
border-top: 1px solid black;
border-bottom: 1px solid black;
border-right: 1px solid black;
text-align: center;
padding: 2px 5px 2px 5px;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #FFF;
}

.recurring_content_left {
border-left: 1px solid black;
border-bottom: 1px solid black;
border-right: 1px solid black;
padding: 2px 5px 2px 5px;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;;
color: black;
cursor:pointer;
}
.recurring_content {
border-bottom: 1px solid black;
border-right: 1px solid black;
padding: 2px 5px 2px 5px;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
cursor:pointer;
}

/* GENERAL TABLE */

.table_header_left {
background-color: #626975;
border: 1px solid black;
text-align: center;
padding: 2px 8px 2px 8px;
font: bold 16px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #FFF;
}
.table_header {
background-color: #626975;
border-top: 1px solid black;
border-bottom: 1px solid black;
border-right: 1px solid black;
text-align: center;
padding: 2px 8px 2px 8px;
font: bold 16px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #FFF;
}

.table_content_left {
border-left: 1px solid black;
border-bottom: 1px solid black;
border-right: 1px solid black;
padding: 2px 8px 2px 8px;
font: normal 15px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
cursor:pointer;
}
.table_content {
border-bottom: 1px solid black;
border-right: 1px solid black;
padding: 2px 8px 2px 8px;
font: normal 15px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
cursor:pointer;
}

/*PROJECT BUDGET ACCORDION */

.projectbudgetmenu{
width: 500px; /*width of menu*/
}

.projectbudgetmenu h3{
margin: 0;
padding: 0;
}

.projectbudgetmenu .headerbar{
font: normal 16px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
/*background: #606060 url(http://www.brainboosteducation.com/brainboostcommunity.ca/img/arrowstop.gif) no-repeat 8px 6px;*/ /* last 2 values are the x and y coordinates of bullet image*/
background: #FFFFFF;
border: 1px solid black;
margin-bottom: 1px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;

}

.projectbudgetmenu .headerbar a{
text-decoration: none;
color: black;
display: block;
padding: 7px 0 7px 10px; /*31px is left indentation of header text*/
}

.projectbudgetmenu .selected a, .projectbudgetmenu .headerbar a:hover {
background: #E0EDC5;
text-decoration: none;
display: block;
}

.projectbudgetmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.projectbudgetmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.projectbudgetmenu ul li a{
font: normal 14px Arial;
color: black;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.projectbudgetmenu ul li a:visited{
color: black;
}

.projectbudgetmenu ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}

/*POD ENROLLMENT ACCORDION */

.podEnrollment{
width: 800px; /*width of menu*/
}

.podEnrollment h3{
margin: 0;
padding: 0;
}

.podEnrollment .headerbar{
font: normal 16px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
/*background: #606060 url(http://www.brainboosteducation.com/brainboostcommunity.ca/img/arrowstop.gif) no-repeat 8px 6px;*/ /* last 2 values are the x and y coordinates of bullet image*/
background: #FFFFFF;
border: 1px solid black;
margin-bottom: 1px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;

}

.podEnrollment .headerbar a{
text-decoration: none;
color: black;
display: block;
padding: 7px 0 7px 10px; /*31px is left indentation of header text*/
}

.podEnrollment .selected a, .podEnrollment .headerbar a:hover {
background: #E0EDC5;
text-decoration: none;
display: block;
}

.podEnrollment ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.podEnrollment ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.podEnrollment ul li a{
font: normal 14px Arial;
color: black;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.podEnrollment ul li a:visited{
color: black;
}

.podEnrollment ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}