/* @override http://ch.redesign.jia-yong.dev.tilllate.com/css/yui-skin/tl-newpublic/calendar.css */

/**
 * Skin for YUI calendar (public area)
 **/

.yui-calcontainer {
	float: none;
}

/* CALENDAR BOUNDING BOX */
.yui-skin-tl-newpublic .yui-calcontainer {
	background-color: transparent;
	float: none;
}

/* CALENDARGROUP BOUNDING BOX */
.yui-skin-tl-newpublic .yui-calcontainer.multi {
	padding:0 5px 0 5px;
}

/* BOUNDING BOX FOR EACH CALENDAR GROUP PAGE */
.yui-skin-tl-newpublic .yui-calcontainer.multi .groupcal {
	background-color:transparent;
	border:none;
	padding:10px 5px 10px 5px;
	margin:0;
}

/* TITLE BAR */
.yui-skin-tl-newpublic .yui-calcontainer .title {
	background:url(../../../../assets/skins/sam/sprite.png) repeat-x 0 0;
	border-bottom:1px solid #cccccc;
	color:#000;
	font-weight:bold;
	height:auto;
	padding:.4em;
	margin:0 -10px 10px -10px;
	top:0;
	left:0;
	text-align:left;
}

.yui-skin-tl-newpublic .yui-calcontainer.multi .title {
	margin:0 -5px 0 -5px;
}

.yui-skin-tl-newpublic .yui-calcontainer.withtitle {
	padding-top:0;
}

/* CLOSE BUTTON */
.yui-skin-tl-newpublic .yui-calcontainer .calclose {
	background:url(../../../../assets/skins/sam/sprite.png) no-repeat 0 -300px;
	width:25px;
	height:15px;
	top:.4em;
	right:.4em;
	cursor:pointer;
}

/* CALENDAR TABLE */
.yui-skin-tl-newpublic .yui-calendar {
	border-spacing:0;
	border-collapse:collapse;
	text-align:center;
	margin:0;
	width: 100%;
}

/* NAVBAR BOUNDING BOX */
.yui-skin-tl-newpublic .yui-calendar .calhead {
	background:transparent;
	border-bottom:1px solid #000;
	vertical-align:middle;
}

/* NAVBAR TEXT CONTAINER */
.yui-skin-tl-newpublic .yui-calendar .calheader {
	background:transparent;
	font-weight:bold;
	text-align:center;
	color:#F5C500;
	padding: 2px 0;
}

.yui-skin-tl-newpublic .yui-calendar .calheader img {
	border:none;
}

/* NAVBAR */

.yui-skin-tl-newpublic .yui-calendar .calnavleft, .yui-skin-tl-newpublic .yui-calendar .calnavright {
	width:23px;
	height:15px;
	top:0;
	bottom:0;
	cursor:pointer;
	text-decoration: none;
	height: 100%;
}

/* NAVBAR LEFT ARROW */
.yui-skin-tl-newpublic .yui-calendar .calnavleft {
	background: url(/img/icons/simple_arrow_left.png) no-repeat 9px 5px;
	left: -18px;
	margin-left: 15px;
	border-right: 1px #000 solid;
}

/* NAVBAR RIGHT ARROW */
.yui-skin-tl-newpublic .yui-calendar .calnavright {
	background: url(/img/icons/simple_arrow_right.png) no-repeat 9px 5px;
	right:0;
	border-left: 1px #000 solid;
	border-right: 1px #000 solid;
	width: 20px;
}

/* WEEKDAY HEADER ROW */
.yui-skin-tl-newpublic .yui-calendar .calweekdayrow {
	margin: 0px;
}

.yui-skin-tl-newpublic .yui-calendar .calweekdayrow th {
	border-right: 1px #000 solid;
	border-bottom: 1px #000 solid;
}

/* WEEKDAY (Su, Mo, Tu...) HEADER CELLS */
.yui-skin-tl-newpublic .yui-calendar .calweekdaycell {
	float:left;
	width: 18px;
	padding: 2px 1px;
	text-align: center;
}

/* CALENDAR FOOTER. NOT IMPLEMENTED BY DEFAULT */
.yui-skin-tl-newpublic .yui-calendar .calfoot {
	background-color:#f2f2f2;
}

/* WEEK NUMBERS (ROW HEADERS/FOOTERS) */
.yui-skin-tl-newpublic .yui-calendar .calrowhead, .yui-skin-tl-newpublic .yui-calendar .calrowfoot {
	font-style:normal;
	font-weight:normal;
	border:none;
}

.yui-skin-tl-newpublic .yui-calendar .calbody {

}

.yui-skin-tl-newpublic .yui-calendar .calrowhead {
	text-align:right;
	padding:0 2px 0 0;
}

.yui-skin-tl-newpublic .yui-calendar .calrowfoot {
	text-align:left;
	padding:0 0 0 2px;
}

/* NORMAL CELLS */
.yui-skin-tl-newpublic .yui-calendar td.calcell {
	float:left;
	text-align:center;
	width: 18px;
	padding: 2px 1px;
}

/* LINK INSIDE NORMAL CELLS */
.yui-skin-tl-newpublic .yui-calendar td.calcell a {
	color:#FFFFFF;
	display:block;
	text-decoration:none;
}

/* OOM DATES */
.yui-skin-tl-newpublic .yui-calendar td.calcell.oom {
	background-color: #2D261D;
	color: #928F8C;
	text-align:center;
}
.yui-skin-tl-newpublic .yui-calendar td.calcell.oom a {
	font-weight: normal;
}

/* TODAY'S DATE */
.yui-skin-tl-newpublic .yui-calendar td.calcell.today {
}

.yui-skin-tl-newpublic .yui-calendar td.calcell.today a {
	color: #F5C500;
}

/* SELECTED DATE */
.yui-skin-tl-newpublic .yui-calendar td.calcell.selected {
	background-color: #F5C500;
}
.yui-skin-tl-newpublic .yui-calendar td.calcell.selected a {
	color: #ffffff;
}

.yui-skin-tl-newpublic .yui-calendar td.calcell.selected.calcellhover {
	background-color: #F5C500;
}

.yui-skin-tl-newpublic .yui-calendar td.calcell.selected.calcellhover a {
	text-decoration: underline;
	color: #251F18;
}

/* HOVER DATE */
.yui-skin-tl-newpublic .yui-calendar td.calcell.calcellhover {
	background: #473F3A;
	cursor:pointer;
}

.yui-skin-tl-newpublic .yui-calendar td.calcell.calcellhover a {
}

/* DEFAULT OOB DATES */
.yui-skin-tl-newpublic .yui-calendar td.calcell.previous {
	color:#e0e0e0;
}


.yui-skin-tl-newpublic .yui-calendar .calcellbottom {
	border-bottom: 0 !important;
}
.yui-skin-tl-newpublic .yui-calendar .calcellright {
	border-right: 1px #000 solid !important;
}
.yui-skin-tl-newpublic .yui-calendar .calcellleft {
	border-left: 0 !important;
}

/* CUSTOM RENDERERS */
.yui-skin-tl-newpublic .yui-calendar td.calcell.restricted { text-decoration:line-through; }
.yui-skin-tl-newpublic .yui-calendar td.calcell.highlight1 { background-color:#ccff99; }
.yui-skin-tl-newpublic .yui-calendar td.calcell.highlight2 { background-color:#99ccff; }
.yui-skin-tl-newpublic .yui-calendar td.calcell.highlight3 { background-color:#ffcccc; }
.yui-skin-tl-newpublic .yui-calendar td.calcell.highlight4 { background-color:#ccff99; }

/* CalendarNavigator */

/* MONTH/YEAR LABEL */
.yui-skin-tl-newpublic .yui-calendar a.calnav {
	border: 1px solid #f2f2f2;
	padding:0 4px;
	text-decoration:none;
	color:#000;
	zoom:1;
}

.yui-skin-tl-newpublic .yui-calendar a.calnav:hover {
	background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 0;
	border-color:#A0A0A0;
	cursor:pointer;
}

/* NAVIGATOR MASK */
.yui-skin-tl-newpublic .yui-calcontainer .yui-cal-nav-mask {
	background-color:#000;
	opacity:0.25;
	*filter:alpha(opacity=25); /* IE */
}

/* NAVIGATOR BOUNDING BOX */
.yui-skin-tl-newpublic .yui-calcontainer .yui-cal-nav {
	border:1px solid #808080;
	left:50%;
	margin-left:-7em;
	width:14em;
	padding:0;
	top:2.5em;
	background-color:#f2f2f2;
}

.yui-skin-tl-newpublic .yui-calcontainer.withtitle .yui-cal-nav {
	top:4.5em;
}

/* NAVIGATOR BOUNDING BOX */
.yui-skin-tl-newpublic .yui-calcontainer.multi .yui-cal-nav {
	width:16em;
	margin-left:-8em;
}

/* NAVIGATOR YEAR/MONTH/BUTTON/ERROR BOUNDING BLOCKS */
.yui-skin-tl-newpublic .yui-calcontainer .yui-cal-nav-y,
.yui-skin-tl-newpublic .yui-calcontainer .yui-cal-nav-m,
.yui-skin-tl-newpublic .yui-calcontainer .yui-cal-nav-b {
	padding:5px 10px 5px 10px;
}

.yui-skin-tl-newpublic .yui-calcontainer .yui-cal-nav-b {
	text-align:center;
}

.yui-skin-tl-newpublic .yui-calcontainer .yui-cal-nav-e {
	margin-top:5px;
	padding:5px;
	background-color:#EDF5FF;
	border-top:1px solid black;
	display:none;
}

/* NAVIGATOR LABELS */
.yui-skin-tl-newpublic .yui-calcontainer .yui-cal-nav label {
	display:block;
	font-weight:bold;
}

/* NAVIGATOR MONTH CONTROL */
.yui-skin-tl-newpublic .yui-calcontainer .yui-cal-nav-mc {
	width:100%;
	_width:auto; /* IE6, IE7 Quirks don't handle 100% well */
}

/* NAVIGATOR MONTH CONTROL, VALIDATION ERROR */
.yui-skin-tl-newpublic .yui-calcontainer .yui-cal-nav-y input.yui-invalid {
	background-color:#FFEE69;
	border: 1px solid #000;
}

/* NAVIGATOR YEAR CONTROL */
.yui-skin-tl-newpublic .yui-calcontainer .yui-cal-nav-yc {
	width:4em;
}

/* NAVIGATOR BUTTONS */

/* BUTTON WRAPPER */
.yui-skin-tl-newpublic .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn {
	border:1px solid #808080;
	background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 0;
	background-color:#ccc;
	margin: auto .15em;
}

/* BUTTON (based on button-skin.css) */
.yui-skin-tl-newpublic .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn button {
	padding:0 8px;
	line-height: 2;  /* ~24px */
	*line-height: 1.7; /* For IE */
	min-height: 2em; /* For Gecko */
	*min-height: auto; /* For IE */
	color: #000;
}

/* DEFAULT BUTTONS */
/* NOTE: IE6 will only pickup the yui-default specifier from the multiple class specifier */
.yui-skin-tl-newpublic .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn.yui-default {
	border:1px solid #304369;
	background-color: #426fd9;
	background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 -1400px;
}

.yui-skin-tl-newpublic .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn.yui-default button {
	color:#fff;
}
