/*body {*/
/*	font-family: sans-serif;*/
/*	font-size: 8px;*/
/*}*/
.yearViewContainer { 
	width: 920px;
}
.yearViewHeading {
}
.yearView {
	border-spacing: 0px; 
	border-width: 0px; 
	font-size: 7px; 
	background-color:#edece8;
}
.yearView table {
	border-style:solid; 
	border-color:#888; 
	border-width: 1px;
}
.yearView th {
	width: 35px; 
	height: 28px;
	font-weight:normal; 
	font-size: 12px; 
	background-color:#575151;
	color:#f5f4f0;
	text-align:center;
	border-right:1px solid #575151;
}
.yearView th.none {
	width: 55px;
	background-color:#f6f4f1;
}
.yearView td {
	width: 35px; 
	height: 72px;
}
.yearView td.sun {
	background:url(../images/sun.png) no-repeat;
}
.monthTag {
	width: 55px;
	font-size: 13px; 
	background-color:#575151;
	color:#f5f4f0;
	text-align: center; 
	vertical-align: middle;
	border-bottom:1px solid #575151;
}
.mthNum{font-size: 18px;}
.weekday {
	background-color: #edece8; 
	border-right:1px dotted #bcbbb7;
	border-bottom:1px solid #bcbbb7;
}
.weekdayodd {
	background-color: #DAEBF8; 
	vertical-align: bottom; 
	text-align:right;
}
.weekend {
	background-color: #CCC; 
	vertical-align: bottom; 
	text-align:right;
}
.nonMonthDay {
	background-color: #f5f4f0;
	border-bottom:1px solid #bcbbb7;
}
td.monthEnd {
	border-right:1px solid #bcbbb7;
}
.dateHeader {
	border: 1px solid #000;
}
.event  
{
	font-size: 0.85em;
	font-weight: bold;
	line-height:20px;
	position: absolute; 
	opacity: 0.8;
	background-color: #68a1e5;	
	position: absolute;	
	text-align: center;
	overflow: hidden;
	cursor: pointer;
	border-radius: 5px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
}
.bankHoliday
{
	height: 25px;
	position: absolute; 
	background-color: #FFF;	
	position: absolute;	
	text-align: center;
	overflow: hidden;
	cursor: pointer;
	border-radius: 5px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border: 1px solid #000;
}
.tooltip-content {
	display: none;
	position: absolute;
	padding: 10px;
	border: 1px solid black;
	background-color: white;
}

.yp-header {height:70px;}

.yp-header td {
	white-space: nowrap;
	vertical-align: middle;
	}

.yp-header-left {
	width: 25%;
	text-align: left;
	}
	
.yp-header-center {
	text-align: center;
	}
	
.yp-header-right {
	width: 25%;
	text-align: right;
	}
	
.yp-header-title {
	display: inline-block;
	vertical-align: top;
	margin:0 65px;
	}
	
.yp-header-title h2 {
	margin-top: 0;
	white-space: nowrap;
	}
	
.yp .yp-header-space {
	padding-left: 10px;
	}
	
.yp-header .yp-button {
	margin-bottom: 1em;
	vertical-align: top;
	}
	
/* buttons edges butting together */

.yp-header .yp-button {
	margin-right: -1px;
	}
	
.yp-header .yp-corner-right,  /* non-theme */
.yp-header .ui-corner-right { /* theme */
	margin-right: 0; /* back to normal */
	}
	
/* button layering (for border precedence) */
	
.yp-header .yp-state-hover,
.yp-header .ui-state-hover {
	z-index: 2;
	}
	
.yp-header .yp-state-down {
	z-index: 3;
	}

.yp-header .yp-state-active,
.yp-header .ui-state-active {
	z-index: 4;
	}

.yp-button {
	position: relative;
	display: inline-block;
	padding: 0 .6em;
	overflow: hidden;
	height: 1.9em;
	line-height: 1.9em;
	white-space: nowrap;
	cursor: pointer;
	}
	
.yp-state-default { /* non-theme */
	border: 1px solid;
	}

.yp-state-default.yp-corner-left { /* non-theme */
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	}

.yp-state-default.yp-corner-right { /* non-theme */
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	}

/*
	Our default prev/next buttons use HTML entities like ‹ › « »
	and we'll try to make them look good cross-browser.
*/

.yp-text-arrow {
	margin: 0 .1em;
	font-size: 2em;
	font-family: "Courier New", Courier, monospace;
	vertical-align: baseline; /* for IE7 */
	}

.yp-button-prev .yp-text-arrow,
.yp-button-next .yp-text-arrow { /* for ‹ › */
	font-weight: bold;
	}
	
/* icon (for jquery ui) */
	
.yp-button .yp-icon-wrap {
	position: relative;
	float: left;
	top: 50%;
	}
	
.yp-button .ui-icon {
	position: relative;
	float: left;
	margin-top: -50%;
	*margin-top: 0;
	*top: -50%;
	}
	
/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/

.yp-state-default {
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	color: #333;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	}

.yp-state-hover,
.yp-state-down,
.yp-state-active,
.yp-state-disabled {
	color: #333333;
	background-color: #e6e6e6;
	}

.yp-state-hover {
	color: #333333;
	text-decoration: none;
	background-position: 0 -15px;
	-webkit-transition: background-position 0.1s linear;
	   -moz-transition: background-position 0.1s linear;
	     -o-transition: background-position 0.1s linear;
	        transition: background-position 0.1s linear;
	}

.yp-state-down,
.yp-state-active {
	background-color: #cccccc;
	background-image: none;
	outline: 0;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	}

.yp-state-disabled {
	cursor: default;
	background-image: none;
	opacity: 0.65;
	filter: alpha(opacity=65);
	box-shadow: none;
	}