.dom-template { display: none !important }

html { overflow:hidden }

#main-content {
    margin-left: 14px !important;
}

#main-content .box-min-height-container {
    min-height: 450px;
    position: relative;
    top: -14px;
}

#scheduleView 
{ 
    position: relative;
	font-family: "open sans";
	padding-top:20px;
}

#header 
{ 
    padding: .5em;
    padding-bottom: 1em 
}
    
#daySelector 
{ 
    min-height: 2em;
    line-height: 2em;
}

#tabs {
    border: medium none!important;
}    

#tabs #daySelector {
    margin-bottom: 0;
    margin-left: 856px; /*754px;*/
    margin-top: -31px!important; /*-39px!important;*/ /*-42px;*/
    width: 302px; /*301px;*/     
}    

#daySelector .day
{
    padding: .25em .5em;
    border-right-style: solid;
    border-radius: 0;
}

#daySelector .day:last-child { border-right-style: none; }
    
#eventList 
{ 
    overflow-y: auto; 
    overflow-x: hidden;
}

#tabs.selected {
    background-color: transparent;
}

#tabs.subsection-title, #tabs.subsection-title a {
    background-color: transparent;
}

#tabs #eventList 
{ 
    margin-top: 8px !important;
}

.one-day-container { /*margin-top: 1em;*/ }    
#tabs .one-day-container 
{ 
    /*margin-top: 1em;     */
    /*padding-bottom: 0.5em;*/
    /*padding-top: 0.5em; */   
    border-top-color: gray;
    border-top-color: rgba(128, 128, 128, 0.5);
    border-top-style: solid;
}

.one-day-container:nth-of-type(2) { margin-top: 0 }

.day-row 
{
    padding: 0; 
}

.day-row a
{
    padding: .25em .5em;
    display: inline-block;
}

.event-row
{
    display: table;
    width: 100%;
    padding: 0.25em 0.5em;
    
    border-bottom-color: gray;
    border-bottom-color: rgba(128, 128, 128, 0.5);
    border-bottom-style: dotted;
}

.event-row > span {
    vertical-align: middle;
}

.event-row:last-child
{
    border-bottom-style: none;
}

/*#eventList .event-row:nth-child(even)
{
   background-color: rgba(128, 128, 128, 0.3); 
}*/

.event-row > span 
{ 
    display: table-cell;
    padding-right: .5em;
    width: auto;
}

.event-row > span.time, .event-row > span.pattern {
    display: table-cell !important;
}

.event-row .book
{
    vertical-align: middle;
    width: 2.5em;
}

.event-row .book a
{
    font-weight: bold;
    /*text-decoration: underline;*/
    font-size: 12px;
    background-color: #12A3DC;
    border-radius: 2px 2px 2px 2px;
    color: white;
    height: 18px;
    padding-top: 2px;
    text-align: center;
    text-decoration: none;
    width: 78px;
}

.event-type, .subject { word-break: break-all }

/*----- WIDE LAYOUT -----*/

#scheduleView.wide-layout .location-selector
{
    position: absolute;
    right: .5em;
    top: 1em;
}

#tabs #scheduleView.wide-layout .location-selector
{
    top: 0.7em;
}

#scheduleView.wide-layout .one-day-container > div 
{ 
    display: table;
    width: 100%;
}

/*#scheduleView.wide-layout .event-row
{
    display: table-row;
}*/

#scheduleView.wide-layout .event-row > span 
{ 
    padding: 0 .25em 0 .25em;
}

#scheduleView.wide-layout .event-row .pattern { width: 8.5em }
#scheduleView.wide-layout .event-row .time { width: 8.5em }
#scheduleView.wide-layout .event-row .event-type { width: 8.5em }
#scheduleView.wide-layout .event-row .subject { min-width: 8.5em }
#scheduleView.wide-layout .event-row .resource { width: 8.5em }
#scheduleView.wide-layout .event-row .location { width: 8.5em }
#scheduleView.wide-layout .event-row .book {
    /*width: 3em;*/
    width: 14%;
}

#tabs #scheduleView.wide-layout .day-span-row { width: 132px;display: table-cell;font-size: x-large; color:gray }
#tabs #scheduleView.wide-layout .event-row .time, #tabs #scheduleView.wide-layout .event-row .pattern {    
    font-size: 12px;
    height: 18px;
    margin-top: 4px;
    color: #222222;
}
#tabs #scheduleView.wide-layout .event-row .time {width: 5.0em;}
#tabs #scheduleView.wide-layout .event-row .event-type { width: 8.5em }
/*#tabs #scheduleView.wide-layout .event-row .subject { min-width: 8.5em }*/
#tabs #scheduleView.wide-layout .event-row .subject {
    width: 8.5em;
    max-width: 8.5em;
    font-weight: 600; /*bold;*/
    font-size: 13px; /*15px;*/
    color: #111111;
    font-family: Open Sans;    
}
#tabs #scheduleView.wide-layout .event-row .resource {
    width: 5.5em;
    max-width: 5.5em;
    font-size: 12px;
    color: #222222;
}
#tabs #scheduleView.wide-layout .event-row .spotsLeft {
    width: 3.5em;
    max-width: 3.5em;
    font-size: 12px;
    color: #222222;
    height: 18px;
    margin-top: 4px;
    padding-right: 9px;
}
#tabs #scheduleView.wide-layout .event-row .price {
    width: 2.5em;
    max-width: 2.5em;
    font-size: 12px;
    color: seagreen;
    /*color: #222222;*/
    height: 18px;
    margin-top: 4px;
}
#tabs #scheduleView.wide-layout .event-row .location {
    width: 4.5em;
    max-width: 4.5em;
    font-size: 12px;
    color: #222222;
    height: 18px;
    margin-top: 4px;
}
#tabs #scheduleView.wide-layout .event-row .book {
    /*width: 3em*/
    width: 78px;
    font-size: 12px;
    color: #222222;
    height: 18px;
    margin-top: 4px;
}

#tabstrip li.ui-state-default 
{
    /*border: 1px solid #CCCCCC;*/
}

#tabstrip li.ui-state-active 
{
    background: white;
    border: 1px solid #CCCCCC;  
}

#tabstrip li {
    float: left;
}

#tabstrip div, #scheduleView
{
    color: black;
    background-color: white;
}

#tabstrip ul 
{
    position: absolute;
    left: 0;
    display: none;
    list-style: none;
    z-index: 9999;
}

#tabstrip ul li {
    float: left;
}

#tabstrip ul a {
    display: block;
}

/*
#viewNavigation {
    list-style: none;    
}

#viewNavigation li {
    float: left;
    position: relative;
    border: 0 none;  
}

#viewNavigation li a {
    border: 0 none; 
    margin: 5px 0; 
}

#viewNavigation li a:hover {
    color: royalblue;
}

#viewNavigation ul 
{
    background-color: #fff;
    position: absolute;
    left: 10px;
    display: none;
    list-style: none;
    z-index: 9999;
    line-height: 15px;
}

#viewNavigation ul li
{
    float: left;
    position: relative;
    margin: 0;
}

#viewNavigation ul a {
    display: block;
    margin: 0;
    border: 0 none;  
    float: left;
    position: relative;
}

.expand 
{
    font-size: 11px;
	background-image:url(../images/expand-arrow.png);
    background-position: 4px center;
    background-repeat: no-repeat;
    color: #7B7B7B;
    padding-left: 15px;
    text-decoration: underline;
}
*/

#tabstrip li.ui-state-default a {color: darkgrey;}
#tabstrip li.ui-state-active a {color: #1C94C4;}
#btnNav a.pm-button {}
#btnNav a.pm-button.tab-active {}

/*----- COMPACT LAYOUT -----*/

#scheduleView.compact-layout .location-selector
{
    margin-bottom: .5em;
    width: 100%;
}

#scheduleView.compact-layout #daySelector 
{ 
    font-size: .8em
}

#scheduleView.compact-layout #eventList { font-size: 0.8em }

#scheduleView.compact-layout .event-row > div > div > span { display:inline-block } 

#scheduleView.compact-layout .event-row .time, #scheduleView.compact-layout .event-row .pattern
{ 
    font-weight: bold; 
    width: 8.5em;
}

#scheduleView.compact-layout .event-row .location
{
    min-width: 8.5em;
}

.ui-widget-content #tabs {
    border: none;
}