/*************************************************************************//**
 * calendar.css
 * Styles for calendar page template
 ****************************************************************************/
#page-calendar {}

#page-calendar .column-left {
    width:600px;
}

#page-calendar .column-right {
    width:210px;
}

#calendar {
    float: left;
    font-size: 13px;
    width: 600px;
}

#calendar .draw_calendar {
    padding: 0 10px 10px 10px;
    width:580px
}

#calendar .draw_agenda {
    width:100%;
}

#wrapper {
	line-height: 1.5em;	
}

.pagination {
    margin-top:5px;
}
.pagination span {
    font-size:10px;
}
.pagination a {
	color: #28BDB3	
}

#calendar h2{
    margin: 0px;
}

#calendar .calendar-toggle .selected {
    display:inline-block;
    font-weight:bold;
    padding: 0px 10px;
}

#calendar .calendar-toggle a {
    display:inline-block;
    padding:0 10px;
}


#calendar .background-middle {
    /* margin-top: 15px; */
    text-align:center;
}


div#calendar-date a,
div#calendar-date a:hover {
    text-decoration:none !important;
    cursor:pointer;
    display:block;
}

div#calendar-date div#calendar-toggle-prev { margin-left:5px;/*background:url('../images/arrow-calendar-left.gif'*) center left no-repeat; height:22px; width:9px; */}
div#calendar-date div#calendar-toggle-next { margin-right:5px;/*background:url('../images/arrow-calendar-right.gif') center right no-repeat; height:22px; width:9px; */}

table.calendar-restaurant { 
    width:580px;
    height: 200px;
    border-collapse:separate;
}

tr.calendar-row	{}
td.calendar-day { 
    height: 60px; 
    /* position:relative; */ 
    vertical-align:top; 
} 

* html div.calendar-day { height:80px; }
td.calendar-day-event {
}

/* td.calendar-day:hover { background:#eceff5; } */
/* td.calendar-day-np { background:#eee; min-height:80px; } * html div.calendar-day-np { height:80px; } */

td.calendar-day-head { 
    font-size: 11px; 
    color:#fff; 
    font-weight:bold; 
    text-align:center; 
    width:70px; 
}
div.day-number { 
    color:#666666; 
    font-weight:bold; 
    float:left; 
    padding:3px 5px; 
    text-align:left; 
    width:70px; 
}

div.calendar-event { 
    font-weight:bold; 
    min-height:16px; 
    line-height:16px; 
    margin:40px 0 10px;text-align:left;
    width:80px;
} 

* html div.calendar-event { height:16px; }

div.event-spacer { 
    height:17px; 
    /* margin:1px 0 0 -1px; */
    margin-top:1px;   
    width:1px; }

.event-spacer-start {
    position:relative;
    left:-1px;
}
.event-spacer-end {
    position:relative;
    left:-1px;
}

div.event-content,
div.event-content a,
div.event-content a:hover,
div.event-content a:visited {
    color:#f22d27;
    margin:1px 0;
    width:79px;
    padding-left:2px;
    white-space:nowrap;
    font-size: 9px !important;
    font-weight:normal;
    text-decoration:none !important;
    overflow:hidden;
    position:relative;
    left:-1px;
}

div.event-content a,
div.event-content a:hover,
div.event-content a:visited {
    position:relative;
    text-decoration:none !important;
    z-index:100;
    margin-left:1px;
}

div.event-content-multi {
    position:relative;
    left:0px;
    color:#fff;
    width:83px;
    height:17px;
    overflow:hidden;
    margin-top:1px;    
}

div.event-content-multi a,
div.event-content-multi a:hover,
div.event-content-multi a:visited {  
    /* new */
    color:#fff !important;
    text-decoration:none !important;
    margin:1px;
    white-space:nowrap;
    font-size:9px !important;
    font-weight:normal;
    text-decoration:none;
}





/* SMALL CALENDAR */
#calendar-date-small {
    line-height:10px;
}
#calendar-date-small a { 
    color: #fff;
    text-decoration: none;
    vertical-align:middle;
}
#calendar-date-small img {
    margin-top:1px;
}


#calendar-date-small #calendar-toggle-next {
    
}






/* AGENDA VIEW */
#calendar-agenda {
    overflow:hidden;
    position:relative;
}

#calendar-agenda .agenda-event {
    background:#ffffff;
    border-bottom:1px solid #cccccc;    
    height:100px;
    overflow:hidden;
}
#calendar-agenda .first-event {
    border-top:1px solid #cccccc;
}


#calendar-agenda #calendar-agenda-list {
    /*
    margin:1px 0;
    border-top:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
    */
    
}

#calendar-agenda .agenda-event-date-col {
    float:left;
    text-align:center;
    margin-top:15px;
    width:78px;
}
    #calendar-agenda .agenda-event-date {
        font-size:11px;
        line-height:14px;
        font-weight:bold;
        color:#333;
        text-transform:uppercase;
        
    }
#calendar-agenda .agenda-event-thumb-col {
    float:left;
    margin-top:15px;
    width:75px;
}
#calendar-agenda .agenda-event-content-col {
    float:left;
    text-align:left;
    margin:15px 0 0 0;
    width:390px;
    padding:0 0 0 20px;
}
    #calendar-agenda .agenda-event-title {
        font-size:14px;
        line-height:14px;
        font-weight:bold;        
    }
    #calendar-agenda .agenda-event-desc {
/*        width:39px;*/
    }
    #calendar-agenda .agenda-event-desc p {
        padding:2px 0;
        margin:0;
    }


a.agenda-scroll {
    width: 100%;
    height: 18px;
    text-align: center;
    display: block;
/*
    margin-top: 1px;
    margin-bottom: 1px;
*/
    background: #e8e8e8;
}

a.agenda-scroll:hover {
    background:#cccccc !important;
    cursor:pointer !important;
}






/* SMALL AGENDA LIST */
#small-agenda {
    margin-top:33px;
    width:187px;
    float:right;
}

a.small-agenda-scroll {
    width:187px;
    height:18px;
    text-align:center;
    display:block;
}

a.small-agenda-scroll:hover {
    background:#cccccc !important;
    cursor:pointer !important;
}

#small-agenda-list-container {
    /*
    border-top:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
    */
    margin-top:1px;
    margin-bottom:1px;
    height:405px;
    overflow:hidden !important;
    position:relative;
}

#small-agenda-list {
    
}



    #small-agenda .small-agenda-event {
        height:100px;
        border-bottom:1px solid #cccccc;
        overflow:hidden; 
    }
    
    #small-agenda .first-event {
        border-top: 1px solid #cccccc;
    }

    #small-agenda a.small-agenda-event-area {
        text-decoration:none;
        display:block;
    }

    #small-agenda .small-agenda-event-area:hover {
        text-decoration:none;
        cursor:pointer;
    }

    #small-agenda .agenda-event-thumb-col {
        float:left;
        width:97px;

    }
    #small-agenda .agenda-event-thumb {
        margin:10px;
    }
    #small-agenda .agenda-event-content-col {
        float:left;
        width:90px;
        font-size:9px;
    }
    #small-agenda .agenda-event-title {
        padding:10px 0;

    }
    #small-agenda .agenda-event-title p {
        font-weight:bold;
        line-height:11px;
        margin:0;
        padding:0;
    }
    #small-agenda .agenda-event-date {
        line-height:11px;;
    }
     #small-agenda .agenda-event-time {
        line-height:11px;;
    }




/* old */
#calendar-agenda .event { padding:15px 0; }
#calendar-agenda h3 {
    margin-bottom:5px;
    color:#000000;
    font-size:13px;
    letter-spacing: normal;
    font-family: Arial;
}
#calendar-agenda .agenda-label { font-style:italic;text-align:right; width:125px; }
#calendar-agenda .agenda-info { padding-left:10px; }



/*#eventData {
	padding:5px 10px;
	border:solid 2px #ddd;
	display:none;
	filter:alpha(opacity=90); 
	-moz-opacity: 0.90; 
	opacity: 0.90;
	width:320px;
	padding:5px;
}
#closeEvent {
	float:right;
	text-decoration:none;
	border:solid 1px #ddd;
	padding:1px 3px 3px 3px;
	text-align:center;
	background:#eee;
}
#eventTitle {
}
#eventImage { 
	width:120px;
	float:left;
	display:block;
}
#eventDescription {
}
#event {
	width:190px;
	float:left;
	margin-left:10px;
}
.agendaImage {
	float:left;
	width:100px;
	height:80px;
	margin:0 0 5px 5px;
	overflow:hidden;
}
.agendaData {
	margin:0 0 5px 0;
	width:605px;
}
.agendaText {
	float:left;
	margin:0 0 0 5px;
	width:481px;
	padding:5px 6px;
}
.agendaTitle {
	font-size:12px;
	font-weight:bold;
	display:block;
}
.agendaDescription {

}
#calendar, #agenda {
	width:605px;
	margin-left:10px;
	background:#fff;
	border:solid 1px #ddd;
	padding:2px;
	display:none;
}
#eventViews a {
	display:block;
	text-decoration:none;
	float:right;
	margin:0 10px 5px 0;
}
#eventImage {

}
#content {
	width:878px
}
#content_left {
	padding: 0 10px;
	width:202px;
	height:531px;
	background:url(http://starwood.webcanada.com/restaurant/resources/sidebar_5188.jpg);
	float:left;
	color:#999;
	font: normal 11px "helvetica neue roman 55", Verdana, Arial, Sans-serif;
	line-height: 16px;
}
#address {	
	margin: 315px 0 15px;
}
#reservation {
	margin-bottom: 30px;	
	font-weight:bold;
	text-transform: uppercase;
	letter-spacing: -0.1em;
}
#reservation a, #reservation a:visited {
	color: #2A4D8E;
	text-decoration:none;	
}
#language a, #language a:visited {
	color: #4E0812;
}

#content_right {
	width:656px;
	float:left;
	height:491px;
}
#sub_content {
	background:#f7fdfd;
	padding:7px 16px;
	font-size:11px;
}
a {
	color:#4E0812;
}

.fc,
.fc .fc-header,
.fc .fc-content {
	font-size: 1em;
	}

.fc {
	direction: ltr;
	text-align: left;
	}

.fc table {
	border-collapse: collapse;
	border-spacing: 0;
	}

.fc td, .fc th {
	padding: 0;
	vertical-align: top;
	}



 Header
------------------------------------------------------------------------

table.fc-header {
	width: 100%;
	}

.fc-header-left {
	width: 25%;
	}

.fc-header-left table {
	float: left;
	}

.fc-header-center {
	width: 50%;
	text-align: center;
	}

.fc-header-center table {
	margin: 0 auto;
	}

.fc-header-right {
	width: 25%;
	}

.fc-header-right table {
	float: right;
	}

.fc-header-title {
	margin-top: 0;
	white-space: nowrap;
	}

.fc-header-space {
	padding-left: 10px;
	}

 right-to-left 

.fc-rtl .fc-header-title {
	direction: rtl;
	}



 Buttons
------------------------------------------------------------------------

.fc-header .fc-state-default,
.fc-header .ui-state-default {
	margin-bottom: 1em;
	cursor: pointer;
	}

.fc-header .fc-state-default {
	border-width: 1px 0;
	padding: 0 1px;
	}

.fc-header .fc-state-default,
.fc-header .fc-state-default a {
	border-style: solid;
	}

.fc-header .fc-state-default a {
	display: block;
	border-width: 0 1px;
	margin: 0 -1px;
	width: 100%;
	text-decoration: none;
	}

.fc-header .fc-state-default span {
	display: block;
	border-style: solid;
	border-width: 1px 0 1px 1px;
	padding: 3px 5px;
	}

.fc-header .ui-state-default {
	padding: 4px 6px;
	}

.fc-header .fc-state-default span,
.fc-header .ui-state-default span {
	white-space: nowrap;
	}

 for adjacent buttons 

.fc-header .fc-no-right {
	padding-right: 0;
	}

.fc-header .fc-no-right a {
	margin-right: 0;
	border-right: 0;
	}

.fc-header .ui-no-right {
	border-right: 0;
	}

 for fake rounded corners 

.fc-header .fc-corner-left {
	margin-left: 1px;
	padding-left: 0;
	}

.fc-header .fc-corner-right {
	margin-right: 1px;
	padding-right: 0;
	}

 DEFAULT button COLORS 

.fc-header .fc-state-default,
.fc-header .fc-state-default a {
	border-color: #777;  outer border 
	color: #333;
	}

.fc-header .fc-state-default span {
	border-color: #fff #fff #d1d1d1;  inner border 
	background: #e8e8e8;
	}

 PRESSED button COLORS (down and active) 

.fc-header .fc-state-active a {
	color: #fff;
	}

.fc-header .fc-state-down span,
.fc-header .fc-state-active span {
	background: #888;
	border-color: #808080 #808080 #909090;  inner border 
	}

 DISABLED button COLORS 

.fc-header .fc-state-disabled a {
	color: #999;
	}

.fc-header .fc-state-disabled,
.fc-header .fc-state-disabled a {
	border-color: #ccc;  outer border 
	}

.fc-header .fc-state-disabled span {
	border-color: #fff #fff #f0f0f0;  inner border 
	background: #f0f0f0;
	}



 Content Area & Global Cell Styles
------------------------------------------------------------------------

.fc-widget-content {
	border: 1px solid #ccc;  outer border color 
	}

.fc-content {
	clear: both;
	}

.fc-content .fc-state-default {
	border-style: solid;
	border-color: #ccc;  inner border color 
	}

.fc-content .fc-state-highlight {  today 
	background: #ffc;
	}

.fc-content .fc-not-today {
	background: none;
	}

.fc-cell-overlay {  semi-transparent rectangle while dragging 
	background: #9cf;
	opacity: .2;
	filter: alpha(opacity=20);  for IE 
	}

.fc-view {  prevents dragging outside of widget 
	width: 100%;
	overflow: hidden;
	}



 Global Event Styles
------------------------------------------------------------------------

.fc-event,
.fc-agenda .fc-event-time,
.fc-event a {
	border-style: solid; 
	border-color: #36c;      default BORDER color (probably the same as background-color) 
	background-color: #36c;  default BACKGROUND color 
	color: #fff;             default TEXT color 
	}

	 Use the 'className' CalEvent property and the following
	 * example CSS to change event color on a per-event basis:
	 *
	 * .myclass,
	 * .fc-agenda .myclass .fc-event-time,
	 * .myclass a {
	 *     background-color: black;
	 *     border-color: black;
	 *     color: red;
	 *     }


.fc-event {
	text-align: left;
	}

.fc-event a {
	overflow: hidden;
	font-size: .85em;
	text-decoration: none;
	cursor: pointer;
	}

.fc-event-editable {
	cursor: pointer;
	}

.fc-event-time,
.fc-event-title {
	padding: 0 1px;
	}

 for fake rounded corners 

.fc-event a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	}

 right-to-left 

.fc-rtl .fc-event a {
	text-align: right;
	}

 resizable 

.fc .ui-resizable-handle {
	display: block;
	position: absolute;
	z-index: 99999;
	border: 0 !important;  important overrides pre jquery ui 1.7 styles 
	background: url(data:image/gif;base64,AAAA) !important;  hover fix for IE 
	}



 Horizontal Events
------------------------------------------------------------------------

.fc-event-hori {
	border-width: 1px 0;
	margin-bottom: 1px;
	}

.fc-event-hori a {
	border-width: 0;
	}

 for fake rounded corners 

.fc-content .fc-corner-left {
	margin-left: 1px;
	}

.fc-content .fc-corner-left a {
	margin-left: -1px;
	border-left-width: 1px;
	}

.fc-content .fc-corner-right {
	margin-right: 1px;
	}

.fc-content .fc-corner-right a {
	margin-right: -1px;
	border-right-width: 1px;
	}

 resizable 

.fc-event-hori .ui-resizable-e {
	top: 0           !important;  importants override pre jquery ui 1.7 styles 
	right: -3px      !important;
	width: 7px       !important;
	height: 100%     !important;
	cursor: e-resize;
	}

.fc-event-hori .ui-resizable-w {
	top: 0           !important;
	left: -3px       !important;
	width: 7px       !important;
	height: 100%     !important;
	cursor: w-resize;
	}

.fc-event-hori .ui-resizable-handle {
	_padding-bottom: 14px;  IE6 had 0 height 
	}



 Month View, Basic Week View, Basic Day View
------------------------------------------------------------------------

.fc-grid table {
	width: 100%;
	}

.fc .fc-grid th {
	border-width: 0 0 0 1px;
	text-align: center;
	}

.fc .fc-grid td {
	border-width: 1px 0 0 1px;
	}

.fc-grid th.fc-leftmost,
.fc-grid td.fc-leftmost {
	border-left: 0;
	}

.fc-grid .fc-day-number {
	float: right;
	padding: 0 2px;
	}

.fc-grid .fc-other-month .fc-day-number {
	opacity: 0.3;
	filter: alpha(opacity=30);  for IE 
	 opacity with small font can sometimes look too faded
	   might want to set the 'color' property instead
	   making day-numbers bold also fixes the problem 
	}

.fc-grid .fc-day-content {
	clear: both;
	padding: 2px 2px 0;  distance between events and day edges 
	}

 event styles 

.fc-grid .fc-event-time {
	font-weight: bold;
	}

 right-to-left 

.fc-rtl .fc-grid {
	direction: rtl;
	}

.fc-rtl .fc-grid .fc-day-number {
	float: left;
	}

.fc-rtl .fc-grid .fc-event-time {
	float: right;
	}

 Agenda Week View, Agenda Day View
------------------------------------------------------------------------

.fc .fc-agenda th,
.fc .fc-agenda td {
	border-width: 1px 0 0 1px;
	}

.fc .fc-agenda .fc-leftmost {
	border-left: 0;
	}

.fc-agenda tr.fc-first th,
.fc-agenda tr.fc-first td {
	border-top: 0;
	}

.fc-agenda-head tr.fc-last th {
	border-bottom-width: 1px;
	}

.fc .fc-agenda-head td,
.fc .fc-agenda-body td {
	background: none;
	}

.fc-agenda-head th {
	text-align: center;
	}

 the time axis running down the left side 

.fc-agenda .fc-axis {
	width: 50px;
	padding: 0 4px;
	vertical-align: middle;
	white-space: nowrap;
	text-align: right;
	font-weight: normal;
	}

 all-day event cells at top 

.fc-agenda-head tr.fc-all-day th {
	height: 35px;
	}

.fc-agenda-head td {
	padding-bottom: 10px;
	}

.fc .fc-divider div {
	font-size: 1px;  for IE6/7 
	height: 2px;
	}

.fc .fc-divider .fc-state-default {
	background: #eee;  color for divider between all-day and time-slot events 
	}

 body styles 

.fc .fc-agenda-body td div {
	height: 20px;  slot height 
	}

.fc .fc-agenda-body tr.fc-minor th,
.fc .fc-agenda-body tr.fc-minor td {
	border-top-style: dotted;
	}

.fc-agenda .fc-day-content {
	padding: 2px 2px 0;  distance between events and day edges 
	}



 Vertical Events
------------------------------------------------------------------------

.fc-event-vert {
	border-width: 0 1px;
	}

.fc-event-vert a {
	border-width: 0;
	}

 for fake rounded corners 

.fc-content .fc-corner-top {
	margin-top: 1px;
	}

.fc-content .fc-corner-top a {
	margin-top: -1px;
	border-top-width: 1px;
	}

.fc-content .fc-corner-bottom {
	margin-bottom: 1px;
	}

.fc-content .fc-corner-bottom a {
	margin-bottom: -1px;
	border-bottom-width: 1px;
	}

 event content 

.fc-event-vert span {
	display: block;
	position: relative;
	z-index: 2;
	}

.fc-event-vert span.fc-event-time {
	white-space: nowrap;
	_white-space: normal;
	overflow: hidden;
	border: 0;
	font-size: 10px;
	}

.fc-event-vert span.fc-event-title {
	line-height: 13px;
	}

.fc-event-vert span.fc-event-bg {  makes the event lighter w/ a semi-transparent overlay  
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: .3;
	filter: alpha(opacity=30);  for IE 
	}

 resizable 

.fc-event-vert .ui-resizable-s {
	bottom: 0        !important;  importants override pre jquery ui 1.7 styles 
	width: 100%      !important;
	height: 8px      !important;
	line-height: 8px !important;
	font-size: 11px  !important;
	font-family: monospace;
	text-align: center;
	cursor: s-resize;
	}


*/