/*** Calendar **/

.cal {
	width: 300px;
}


.calHeader {
	width: 300px;
}

.calHeader .left {
	width: 50%;
	font-size: 12pt;
}

.calHeader .right {
	text-align: right;
	font-size: 12pt;
}

.reserve {
	font-weight: bolder;
	padding: 2px;
}

.grey {
	background-color: #ccc;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
}

.calCell 
{
	font-size: 10pt;
	padding: 4px;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	font-weight: bolder;
}

.calCell a {
	display: block;
	color: #000;
	font-size: 10pt;
}

.sel {
	background-color: #999;	
	color: #fff;
}

.week {
	border-right: 1px solid #999;
	background: #ededed; 
}

.act a:link {

}

.not {
	color: #ccc;
	background: #fafafa;
}



.day {
	font-weight: 300;
	text-align: right;
}






/*** New Calendar***/

.calendar { 
	width: 100%; 
	font-size: 1em;
	line-height: 1.25em;
	border-collapse: collapse; 
	border-spacing: 0; 
	margin: 0px auto 24px auto;
}

.calendar th { 
	text-align: left; 
	text-transform: uppercase; 
}

.calendar th span { 
	display: none;
 }

.calendar tr { 
	display: block; 
}

.calendar td,
.calendar th { 
	display: none; 
}

.calendar .day { margin: 1em 0 .5em 0; font-weight: bold; }

.calendar .events { display: block; }

.calendar ul { display: block; list-style: none; margin: 0 1.25em 0 0;/*15*/ padding: 0; }
.calendar li { display: block; position: relative; margin: 0; padding: 0; height: 1.25em;/*15*/ }
.calendar li a { display: block; position: absolute; left: 0; right: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  }

/*
.calendar tr td:nth-of-type(1n) .day:before { content: 'Monday '; }
.calendar tr td:nth-of-type(2n) .day:before { content: 'Tueday '; }
.calendar tr td:nth-of-type(3n) .day:before { content: 'Wednesday '; }
.calendar tr td:nth-of-type(4n) .day:before { content: 'Thursday '; }
.calendar tr td:nth-of-type(5n) .day:before { content: 'Friday '; }
.calendar tr td:nth-of-type(6n) .day:before { content: 'Saturday '; }
.calendar tr td:nth-of-type(7n) .day:before { content: 'Sunday '; }
*/

.calendar .prev-month,
.calendar .next-month { 
	display: none; 
}


.calendar tr { 
	display: table-row; 
}

.calendar th, .calendar td { 
	display: table-cell !important; 
	margin: 0; 
	width: 12.5%; 
	padding: 0.4166em;/*10*/ 
	border: 1px solid #ddd; 
	vertical-align: top; 
}

.calendar th {
	border: none;
	text-align:  center;
	font-size: 1em;
}




.calendar .prev-month .day,
.calendar .next-month .day { 
	color: #bbb; 
}

.calendar td .day { 
	display: block; float: right; margin: 0; font-weight: normal; 
}
.calendar td .day:before { 
	display: none; 
}
.calendar td .suffix { 
	display: none; 
}



@media only screen and (min-width: 40em) { /*640*/

    /* show full days (e.g. "Mon" to "Monday") */
    .calendar th span { display: inline; }

}

@media only screen and (min-width: 40em) and (min-height: 20em) {

    .calendar td { height: 2.5em;/*30*/ }

}
@media only screen and (min-width: 40em) and (min-height: 40em) {

    .calendar td { height: 6.25em;/*75*/ }

}








.productList {
	width: 100%;
}

.productList .cell, .productList .cellFull {
	padding: 4px 0px;
}

.productList .cellFull {
	color: #b22;
	font-weight: bolder;
}

.productList th {
	border-bottom: 1px solid #999;
	text-align: left;
}


.phase {
	width: 100%;
	border-bottom: 1px solid #ccc;
	height: 30px;
	border-collapse: collapse;
	border-left: 1px solid #ccc;
	margin-bottom: 10px;
	font-size: 9pt;
	background-color: #fff;
	margin-top: 16px;
}

.phase .active,
.phase .notActive {
	width: 20%;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 3px 8px;
	font-size: 9pt;
}

.phase .active {
	background-color:  #3E92CF;
	color: #fff;
}


.phase .active a,
.phase .active a:visited
{
	text-decoration: none;
	color: #fff;
}

.phase .notActive {
}

.productSummary .key {
	text-align: right;
	font-size: 10pt;
	padding-right: 6px;
	font-weight: bolder;
}

.productSummary .value {
	font-size: 11pt;
	padding-right: 4px;
}


.contact .key {
	text-align: right;
	font-size: 10pt;
	padding-right: 6px;
	font-weight: bolder;
}


h3 {
	font-size: 12pt;
	color: #aaa;
	margin: 16px 0px 8px 0;
}


.resourceCalendar {
	width: 100%;
	border-collapse: collapse;
	border-style: solid;
	border-color: #ccc;
}

td .hour {
	width: 60px;
	padding: 3px 3px;
}

td .reserved {
	padding: 4px;
	background-color: #B30000;
	border: 0;
}

td .free {
	padding: 4px;
	background-color: #52930C;
}

td .free a:link,
td .free a {
	color: #fff;
	font-weight: bolder;
	text-decoration: underline;
}

a.free:hover {
	text-decoration: none;
}

.year {
	font-size: 14pt;
	padding: 3px 0px;
	border-bottom: 1px solid #999;
	margin-bottom: 10px;
	margin-top: 18px;
}

.formErrors {
	padding: 8px 4;
	background-color: #fef5be;
	border: 2px solid #fdd425;
	font-size: 11pt;
}

.formError {
	background-color: #fef5be;
}

.specialOption {
	font-family: courier;
	padding-left: 30px;
}

.info {
	margin-top: 20px;
}

.unavailable {
	background-color: #aaa;
}


.css_button {
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	background-color:#F5F5F5;
	border:2px solid #DEDEDE;
	color:#819215;
	font-size:14px;
	height: 20px;
}

#survey_page_0 table{width: 100%}


/** .date {display: none;} **/

.timeInfo {font-weight: bolder;}

.description {padding-bottom: 5px;}

.listing {
	width: 100%;
}

.left .item {
	margin-bottom: 10px;
}

.left a.title {
	font-size: 16px;
}

h3.title {
	border-bottom: 1px solid #3E92CF;
	color: #3E92CF;
	margin-bottom: 16px;
}



h4.title {
	font-size: 14px;
	color: #3E92CF;
	
}


.selectableItem {
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #e4e4e4;
	border: 1px solid #ccc;
	margin: 3px;
	line-height: 29px;
	padding: 4px 6px;
	background-color: #eee;
}


a.selectableItem {
	font-size: 12px;
	text-decoration: none;
	color: #3E92CF;	
}

a.selectableItem:hover {
	text-decoration: none;
	background-color: #ecfbff;
}


.selected {
	background-color: #fff;
	font-weight: bolder;
}

.select {
	width: 100%;
}

.block {
	margin-bottom: 26px;
}

.teacherTable {
	border-collapse: collapse;
}

.teacherTable th {
	border-bottom: 1px solid #bbb;
	text-align: left;
	padding: 3px 3px;
}

.teacherTable td {
	padding: 3px 3px;
	border-bottom: 1px solid #bbb;
}


.smart-ui-tabs {
    padding: 0.2em;
}
.smart-ui-tabs .ui-tabs-nav {
    list-style: none outside none;
    padding: 0.2em 0.2em 0;
    position: relative;
}
.smart-ui-tabs .ui-tabs-nav li {
    border-bottom-width: 0 !important;
    float: left;
    margin: 0 0.2em -1px 0;
    padding: 0;
    position: relative;
}
.smart-ui-tabs .ui-tabs-nav li a {
    float: left;
    font-weight: normal;
    padding: 0.5em 1em;
    text-decoration: none;
}
.smart-ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    background: none repeat scroll 0 0 white;
    border-bottom: 0 none;
    padding-bottom: 1px;
}
.smart-ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
    cursor: pointer;
}
.smart-ui-tabs .ui-tabs-panel {
    background: none repeat scroll 0 0 transparent;
    border-width: 0;
    display: block;
    padding: 1em 1.4em;
}
.smart-ui-tabs .ui-tabs-hide {
    display: none !important;
}

.hoverOn, .hoverOn td {
	background-color: #fef5be;
}

th.rotate {
  /* Something you can count on */
  white-space: nowrap;
}

th.rotate > div {
  transform: 
    /* Magic Numbers */
    /* 45 is really 360 - 45 */
    rotate(315deg);
  width: 30px;
}
th.rotate > div > span {
  border-bottom: 1px solid #ccc;
  padding: 5px 10px;
}




.mark, .mark:hover {
	color: #fff;
	text-decoration: none;
}

.teacher-signup {
	margin: 42px auto 42px auto;
}
.login-info {
	margin: 24px auto 24px auto;
}

.main-content {
	margin: 30px auto 30px auto;
}














.date {
	text-align: right;
	font-weight: 300;
}



.on-duty-enrollment {
	margin: 6px auto 6px auto;
}