/**
 * Calendar module CSS
 * @copyright 2011 Arietis Software
 * @license http://www.arietis-software.com/license/gnu/license.txt
 */


.dayNum {
	cursor: pointer;
}
#calendardetails {  
	display:none;  
	position:fixed;  
	_position:absolute; /* hack for internet explorer 6*/  
	height:500px;  
	width:600px;  
	background:#FFFFFF;  
	border:2px solid #777777;
	left: 50%;
	margin-left: -300px;
	z-index:2000;  
	padding:12px;  
	font-size:11px;  
}

#appointments{  
	display:none;  
	position:fixed;  
	_position:absolute; /* hack for internet explorer 6*/  
	/* height:500px; */  
	width:600px;  
	background:#FFFFFF;  
	border:2px solid #777777;
	left: 50%;
	margin-left: -300px;
	z-index:2000;  
	padding:30px;  
	font-size:11px;
	margin-top: 50px;
	text-align: left;
}

#calendardetails fieldset {
	text-align: left;
	padding: 5px 10px 5px 10px;
	width: 550px;
}
#calendardetails fieldset input, #calendardetails fieldset select  {
	float: right;
	width: 180px;
}

#backgroundPopup {  
	display:none;  
	position:fixed;  
	_position:absolute; /* hack for internet explorer 6*/  
	height:100%;  
	width:100%;  
	top:0;  
	left:0;  
	background:#000000;  
	border:1px solid #cecece; 
	z-index:1999;
	filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

div#calendarWrapper {
	margin: 0 auto;
}

div#calendarHeader {
	width: 210px;
	display: block;
	text-align: center;
	background: #EEF5FC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	padding: 10px;
	overflow: hidden;
}

div#calendarBody {
	margin-right: 10px;	
	float: left;
	width: 268px;
	border: 1px solid #CCCCCC;
	overflow: hidden;
}

table#calendarTable {
	width: 268px;
	border-collapse: collapse;
	overflow: hidden;
}

table#calendarTable td {
	width: 14px;
	height: 15px;
	border: 1px solid #CCCCCC;
	color: #000000;
	font-family: Arial, Tahoma;
	font-size: 12px;
	padding: 2px;
	overflow: hidden;	
	text-align: center;
}

table#calendarTable td.first {/* cell at beginning of row */
	border-left: 0;
}

table#calendarTable td.last {/* cell at end of row */
	border-right: 0;
}

table#calendarTable td.bottom {/* cell in last row */
	border-bottom: 0;
}

table#calendarTable tr.weekdays td {
	border-top: 0;
	height: auto !important;
	background: #F7F7F7;
	font-weight: bold;
	color: #333333;
	padding: 3px;
	font-size: 7px;	
}

table#calendarTable tr.weekdays td.first {/* cell at beginning of row */
	border-left: 0;
	font-size: 7px;
}

table#calendarTable tr.weekdays td.last {/* cell at end of row */
	border-right: 0;
	font-size: 7px;	
}

table#calendarTable td.today {/* cell that is today */
	background: #cccccc;
	font-size: 12px;	
}

table#calendarTable td.appointment {/* cell with an activity */
	background: url("/images/banner-background.png") repeat scroll 0 0 transparent;
	font-size: 12px;
}

table#calendarTable td.appointment a {
	color: #cccccc;
}	
}

/**
 * Month Scroller CSS (jCarousel)
 */

ul#monthCarousel li#selected-month {
	font-weight: bold;
	font-size: 13px;
}

.jcarousel-skin-custom .jcarousel-container {
}

.jcarousel-skin-custom .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-custom .jcarousel-container-horizontal {
	width: 638px;
	padding: 0px 20px;
}

.jcarousel-skin-custom .jcarousel-clip-horizontal {
	width: 642px;
}

.jcarousel-skin-custom .jcarousel-item {
	width: 226px;
}

.jcarousel-skin-custom .jcarousel-item-horizontal {
	margin-left: 0;
	margin-right: 0;
}

.jcarousel-skin-custom .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
	margin-right: 0;
}

.jcarousel-skin-custom .jcarousel-item-placeholder {
	background: #fff;
	color: #000;
}

.jcarousel-skin-custom .jcarousel-next-horizontal {
	position: absolute;
	top: 0px;
	right: 5px;
	width: 18px;
	height: 18px;
	cursor: pointer;
	background: transparent url(images/next.png) no-repeat 0 0;
}

.jcarousel-skin-custom .jcarousel-direction-rtl .jcarousel-next-horizontal {
	left: 5px;
	right: auto;
	background-image: url(images/prev.png);
}

.jcarousel-skin-custom .jcarousel-next-horizontal:hover {
	background-position: 0 -18px;
}

.jcarousel-skin-custom .jcarousel-next-horizontal:active {
	background-position: 0 -18px;
}

.jcarousel-skin-custom .jcarousel-next-disabled-horizontal,
.jcarousel-skin-custom .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-custom .jcarousel-next-disabled-horizontal:active {
	cursor: default;
	background-position: 0 -36px;
}

.jcarousel-skin-custom .jcarousel-prev-horizontal {
	position: absolute;
	top: 0px;
	left: 5px;
	width: 18px;
	height: 18px;
	cursor: pointer;
	background: transparent url(images/prev.png) no-repeat 0 0;
}

.jcarousel-skin-custom .jcarousel-direction-rtl .jcarousel-prev-horizontal {
	left: auto;
	right: 5px;
	background-image: url(images/next.png);
}

.jcarousel-skin-custom .jcarousel-prev-horizontal:hover {
	background-position: 0 -18px;
}

.jcarousel-skin-custom .jcarousel-prev-horizontal:active {
	background-position: 0 -18px;
}

.jcarousel-skin-custom .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-custom .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-custom .jcarousel-prev-disabled-horizontal:active {
	cursor: default;
	background-position: 0 -36px;
}



#appointments h1 {
	color: #00ACF2;
	margin: 0px 0px 20px 0px;
}
#appointments p {
	margin: 0px 0px 30px 0px;	
}

#appointmenttypes {
	margin-top: 0px;
}