/* Calendar icon (http://blog.krazyyak.com/a-fancy-calendar-icon-with-just-css-html) */
/* -------------- Cooking Party ------------ */
.c_cal { width: 46px; font-size: 0.8em; 
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	box-shadow: 0 0 5px #05587e; -moz-box-shadow: 0 0 5px #05587e; -webkit-box-shadow: 0 0 5px #05587e;
	font-family: Helvetica, Arial;
	float: right;
	margin: 0px 0px 2px 2px;
	}


.c_cal > span { display: block; }

.c_cal > .c_month { text-align: right; padding: 2px 5px 1px 0; font-size: 1em; 
	color: #fff; font-weight: normal;
	-webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px;
	text-shadow: 0 1px #000;   
    background-color: #4379c5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#4881d1),to(#3f72b9));
    background-image: -webkit-linear-gradient(top, #4881d1, #3f72b9);
    background-image: -moz-linear-gradient(top, #4881d1, #3f72b9);
    background-image: -o-linear-gradient(top, #4881d1, #3f72b9);
    background-image: -ms-linear-gradient(top, #4881d1, #3f72b9);
    background-image: linear-gradient(top, #4881d1, #3f72b9);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#4881d1', EndColorStr='#3f72b9');
    font-family: Helvetica, Arial;
}

.c_cal > .c_date { text-align: center; font-weight: normal; padding-top: 5px; padding-bottom: 5px; font-size: 2em; 
	background: #fff;
	-webkit-border-bottom-left-radius:  5px;
	-moz-border-radius-bottomleft:      5px;
	border-bottom-left-radius:  5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright:     5px;
	border-bottom-right-radius: 5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#405b72), to(#e6e6e6), color-stop(.08,#f9f9f9));
    background: -moz-linear-gradient(top, #f9f9f9, #e6e6e6);
    font-family: Helvetica, Arial;
}






/* ----------------------   Cooking Class  (timetable)  ----------------- */
.c_title {
    /*text-align: center;*/
    font: normal normal normal 1.4em/1.5em ArchitectsDaughter, 'Handwriting-Dakota', 'Handwriting - Dakota', 'ComicSansMS', 'Comic Sans MS', 'Comic Sans', "Trebuchet MS", Helvetica, Arial, Sans-serif;
    color: #4b0082;
    text-shadow: white 1px 1px 0px;
    overflow:hidden;
}

.c_info, .c_info1, .c_info0 {
	min-height: 80px;
}




.c_detail, .c_detail1, .c_detail0 {
	min-height: 80px;
}


#contentContainer #content .c_detail { /* use <div> for PAST course */
	margin: 0px 5px 0px 2px;
	padding: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	behavior: url('/site/style/border-radius.htc'); /* IE 6-8 hack */
	-webkit-box-shadow: inset rgb(160, 160, 160) 0px 4px 7px;
	-moz-box-shadow: inset rgb(160, 160, 160) 0px 4px 7px;
	box-shadow: inset rgb(160, 160, 160) 0px 4px 7px;
	display: block;
	position: relative;
	z-index: 1;
	
	background-color: #e4e4e4;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#cccccc));
	background-image: -webkit-linear-gradient(top, #fdfdfd, #cccccc);
	background-image: -moz-linear-gradient(top, #fdfdfd, #cccccc);
	background-image: -o-linear-gradient(top, #fdfdfd, #cccccc);
	background-image: -ms-linear-gradient(top, #fdfdfd, #cccccc);
	background-image: linear-gradient(top, #fdfdfd, #cccccc);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#fdfdfd', EndColorStr='#cccccc');

}

#contentContainer #content .c_detail0, #contentContainer #content .c_detail1 { /* use <div> */
	margin: 0px 5px 0px 2px;
	padding: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	behavior: url('/site/style/border-radius.htc'); /* IE 6-8 hack */
	-webkit-box-shadow: rgb(160, 160, 160) 0px 4px 7px;
	-moz-box-shadow: rgb(160, 160, 160) 0px 4px 7px;
	box-shadow: rgb(160, 160, 160) 0px 4px 7px;
	display: block;
	position: relative;
	z-index: 1;
}

#contentContainer #content .c_detail0 {
	background-color: #d5e8f3;		/* old browser */
	background-position: 0 0;	/* IE9 fix SVG trick */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#dff2fd), to(#cbdee9));
	background-image: -webkit-linear-gradient(top, #dff2fd, #cbdee9);
	background-image: -moz-linear-gradient(top, #dff2fd, #cbdee9);
	background-image: -o-linear-gradient(top, #dff2fd, #cbdee9);
	background-image: -ms-linear-gradient(top, #dff2fd, #cbdee9);
	background-image: linear-gradient(top, #dff2fd, #cbdee9);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#dff2fd', EndColorStr='#cbdee9');
	color: #000;
}


#contentContainer #content .c_detail1 {
	background-color: #f3f9fd;		/* old browser */
	background-position: 0 25%;	/* IE9 fix SVG trick */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfeff), to(#eaf5fc));
	background-image: -webkit-linear-gradient(top, #fdfeff, #eaf5fc);
	background-image: -moz-linear-gradient(top, #fdfeff, #eaf5fc);
	background-image: -o-linear-gradient(top, #fdfeff, #eaf5fc);
	background-image: -ms-linear-gradient(top, #fdfeff, #eaf5fc);
	background-image: linear-gradient(top, #fdfeff, #eaf5fc);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#fdfeff', EndColorStr='#eaf5fc');
	color: #333333;
}


@keyframes myPopRot
{
0% {transform: scale(0.8) rotate(-10deg);}
50% {transform: scale(1.4) rotate(10deg);}
100% {transform: scale(1) rotate(-20deg);}
}

@-moz-keyframes myPopRot /* Firefox */
{
0% {-moz-transform: scale(0.8) rotate(-10deg);}
50% {-moz-transform: scale(1.4) rotate(10deg);}
100% {-moz-transform: scale(1) rotate(-20deg);}
}

@-webkit-keyframes myPopRot /* Safari and Chrome */
{
0% {-webkit-transform: scale(0.8) rotate(-10deg);}
50% {-webkit-transform: scale(1.4) rotate(10deg);}
100% {-webkit-transform: scale(1) rotate(-20deg);}
}

@-o-keyframes myPopRot /* Opera */
{
0% {-o-transform: scale(0.8) rotate(-10deg);}
50% {-o-transform: scale(1.4) rotate(10deg);}
100% {-o-transform: scale(1) rotate(-20deg);}
}

.dayOfWeek64 {
	-webkit-transform:rotate(-20deg);
	-moz-transform:rotate(-20deg);
	-ms-transform:rotate(-20deg);
	-o-transform:rotate(-20deg);
	transform:rotate(-20deg);
	animation: myPopRot 1.7s 2s;
	-moz-animation: myPopRot 1.7s 2s; /* Firefox */
	-webkit-animation: myPopRot 1.7s 2s; /* Safari and Chrome */
	-o-animation: myPopRot 1.7s 2s; /* Opera */
	display: inline-block;
	position: relative;
	z-index: 5;
}