@charset "UTF-8";
/* CSS Document */


#divCanvasPlan-container-show-desktop {
	visibility: visible;
	font-size: 14px;
	color: #333333;
	width: 100%;
}
#divCanvasPlan-container-show-desktop a { color: #3170d8; text-decoration: none;}
#divCanvasPlan-container-show-desktop a:hover { text-decoration: underline; }


#divCanvasPlan-container-show-mobile {
	visibility: hidden;
	height: 0px;
	width: 100%;
}
#divCanvasPlan-container-show-mobile img { height: 0;}
#divCanvasPlan-container-show-mobile table { display: none;}

#divCanvasPlan-container-show-desktop a, #divCanvasPlan-container-show-mobile a { color: #3170d8; text-decoration: none;}
#divCanvasPlan-container-show-desktop a:hover, #divCanvasPlan-container-show-mobile a:hover { text-decoration: underline; }

#divCanvasPlan-nav-right {
	width: 240px;
	float: right;
}
#divCanvasPlan-nav-right-itemLeft {
	width: 110px;
	float: left;
	display: block;
	background-color: #FFC;
	border: #999 solid 1px;
	padding: 2px;
	text-align: center;
}
#divCanvasPlan-nav-right-itemLeft-showDesktop {
	width: 110px;
	float: left;
	display: block;
	background-color: #FFC;
	border: #999 solid 1px;
	padding: 2px;
	text-align: center;
	visibility: visible;
}
#divCanvasPlan-nav-right-itemLeft-showMobile {
	width: 110px;
	float: left;
	display: block;
	background-color: #FFC;
	border: #999 solid 1px;
	padding: 2px;
	text-align: center;
	visibility: hidden;
}
#divCanvasPlan-nav-right-itemRight,
#divCanvasPlan-nav-right-itemRight-showDesktop {
	width: 110px;
	float: right;
	display: block;
	background-color: #FFC;
	border: #999 solid 1px;
	padding: 2px;
	text-align: center;
}

#divCanvasPlan-nav-right-itemRight-showDesktop { visibility: visible; }

table.tableCanvasPlan {
	background-color: #FFFFFF;
	margin: 0px 0pt 0px;
	font-size: 15px;
	text-align: left;
	vertical-align: top;
}

table.tableCanvasPlan thead tr th {
	background-color: #FFFFFF;
	color: #FFF;
	font-weight: bold;
	padding: 4px;
	text-align: center;
	line-height: 120%;
}

table.tableCanvasPlan thead tr th.headPlatform {
	border: 2px solid #999;
}

table.tableCanvasPlan thead tr th.headPlatformCanvas {
	background: #e23f29;
	border: 4px solid #f5a99f;
}

table.tableCanvasPlan thead tr th.headPlatformBb {
	background: #222;
	border: 4px solid #dfb133;
}

table.tableCanvasPlan tbody td {
	color: #4c4944;
	padding: 4px;
	background-color: #FFF;
	vertical-align: middle;
	line-height: 120%;
}

table.tableCanvasPlan tbody td.cellPeriodNotAvailable {
	background: url(../images/_common/bgContent-strikeGrey.jpg) repeat;
	color: #ee3680;
	font-weight: bold;
	text-align: center;
	height: 150px;
}

table.tableCanvasPlan tbody td.cellSemester,
table.tableCanvasPlan tbody td.cellSemester-top,
table.tableCanvasPlan tbody td.cellSemester-bottom,
table.tableCanvasPlan tbody td.cellSemester-201406,
table.tableCanvasPlan tbody td.cellSemester-201409,
table.tableCanvasPlan tbody td.cellSemester-201502,
table.tableCanvasPlan tbody td.cellSemester-201506 {
	border: 2px solid #CCC;
	border-left: 0px solid #CCC;
	border-right: 0px solid #CCC;
	text-align: center;
}

table.tableCanvasPlan tbody td.cellSemester-top,
table.tableCanvasPlan tbody td.cellSemester-201406 { border-top: 4px solid #CCC; }

table.tableCanvasPlan tbody td.cellSemester-bottom,
table.tableCanvasPlan tbody td.cellSemester-201506 { border-bottom: 4px solid #CCC; }

table.tableCanvasPlan tbody td.cellSemester-201409, 
table.tableCanvasPlan tbody td.cellSemester-201502 { height: 300px; }

table.tableCanvasPlan tbody td.cellDate {
	border: 4px solid #FFF;
	background: #24b4b2;
	color: #FFF;
	text-align: center;
}

table.tableCanvasPlan tbody td.cellColorRed {
	color: #ec4694;
}

table.tableCanvasPlan tbody td.cellColorBlue {
	color: #2699cb;
}

table.tableCanvasPlan tbody td.cellColorGreyDark {
	color: #838486;
}

table.tableCanvasPlan tbody td.cellColorGreyLight {
	color: #a0a1a5;
}

table.tableCanvasPlan tbody td.cellColorGreen {
	color: #2f973b;
}

table.tableCanvasPlan tbody td.cellBGColorRed {
	background-color: #f57ab0;
	color: #af1b4f;
}

table.tableCanvasPlan tbody td.cellBGColorOrange {
	background-color: #faad4a;
}

table.tableCanvasPlan tbody td.cellBGColorOrangeLight {
	background-color: #f5e2c9;
}

table.tableCanvasPlan tbody td.cellBGColorYellow,
table.tableCanvasPlan tbody td.cellBGColorYellow-textRight {
	background-color: #ffe550;
	color: #e68510;
}
table.tableCanvasPlan tbody td.cellBGColorYellow-textRight { text-align: right; }

table.tableCanvasPlan tbody td.cellBGColorYellowLight {
	background-color: #feed95;
}

table.tableCanvasPlan tbody td.cellBGColorGreen,
table.tableCanvasPlan tbody td.cellBGColorGreen-textRight {
	background-color: #a3d165;
	color: #0a9343;
}
table.tableCanvasPlan tbody td.cellBGColorGreen-textRight { text-align: right; }

table.tableCanvasPlan tbody td.cellBGColorGreenLight,
table.tableCanvasPlan tbody td.cellBGColorGreenLight-textRight {
	background-color: #c5e29f;
	color: #38b64a;
}
table.tableCanvasPlan tbody td.cellBGColorGreenLight-textRight { text-align: right; }

table.tableCanvasPlan tbody td.cellBGColorGreenDark1 {
	background-color: #c3e198;
}

table.tableCanvasPlan tbody td.cellBGColorGreenDark2 {
	background-color: #dce9ca;
}

table.tableCanvasPlan tbody td.cellBGColorGreyStrike {
	background: url(../images/_common/bgContent-strikeGrey.jpg) repeat;
}

table.tableCanvasPlan tbody td.cellBG-NA {
	background: url(../images/_common/bgContent-strikeGrey.jpg) repeat;
	width: 10px;
}

table.tableCanvasPlan tbody td.cellBorderBottomClear {
	border-bottom: 0px;
}

table.tableCanvasPlan tbody td.cellEvent {
	border: 2px solid #24b4b2;
	vertical-align: top;
	padding: 5px;
	color: #087f7d;
}

table.tableCanvasPlan tbody td.cellEvent-Grey {
	border: 2px solid #24b4b2;
	background: #DDD;
	vertical-align: top;
	padding: 5px;
	color: #087f7d;
}

#divCanvasPlan-event-header {
	background: #24b4b2;
	color: #FFF;
	width: 100%;
	text-align: center;
}

table.tableCanvasPlan ul {
	padding-left: 20px;
}

table.tableCanvasPlan ul li {
	padding-bottom: 5px;
}














/* For different resolutions */






/* container width 420px */


@media screen and (min-device-width:1024px) and (max-width:989px),
       screen and (max-device-width:480px),
	   screen and (max-device-width:640px) and (orientation:landscape),
       screen and (min-device-width:481px) and (max-device-width:1024px) and (orientation:portrait),
	   only screen and (min-device-width:481px) and (max-device-width:1024px) and (-moz-min-device-pixel-ratio: 1.5) and (orientation:portrait), 
	   only screen and (min-device-width:481px) and (max-device-width:1024px) and (-o-min-device-pixel-ratio: 3/2) and (orientation:portrait), 
	   only screen and (min-device-width:481px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation:portrait), 
	   only screen and (min-device-width:481px) and (max-device-width:1024px) and (min-device-pixel-ratio: 1.5) and (orientation:portrait),
	   only screen and (min-device-width:481px) and (max-device-width:1024px) and (-moz-min-device-pixel-ratio: 2) and (orientation:portrait), 
	   only screen and (min-device-width:481px) and (max-device-width:1024px) and (-o-min-device-pixel-ratio: 2/1) and (orientation:portrait), 
	   only screen and (min-device-width:481px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation:portrait), 
	   only screen and (min-device-width:481px) and (max-device-width:1024px) and (min-device-pixel-ratio: 2) and (orientation:portrait) {	
	   	#divCanvasPlan-container-show-desktop {
			visibility: hidden;
			height: 0px;
			overflow-y: auto;
		}
		#divCanvasPlan-container-show-desktop img { height: 0;}
		#divCanvasPlan-container-show-mobile {
			visibility: visible;
			height: auto;
		}
		#divCanvasPlan-container-show-mobile img { height: auto;}
		#divCanvasPlan-container-show-mobile table { display: inherit;}
		#divCanvasPlan-nav-right-itemLeft-showDesktop, #divCanvasPlan-nav-right-itemRight-showDesktop { visibility: hidden;}
#divCanvasPlan-nav-right-itemLeft-showMobile { visibility: visible; }
		table.tableCanvasPlan {
			font-size: 14px;
		}
}



/* container width 300px */

/*
@media (min-device-width:1024px) and (max-width:509px),
       (max-device-width:480px) and (orientation:portrait) {
*/


@media screen and (max-device-width:320px), 
       screen and (min-device-width:1024px) and (max-width:509px),
       screen and (max-device-width:480px) and (orientation:portrait),
	   only screen and (max-device-width:480px) and (-moz-min-device-pixel-ratio: 1.5) and (orientation:portrait), 
	   only screen and (max-device-width:480px) and (-o-min-device-pixel-ratio: 3/2) and (orientation:portrait), 
	   only screen and (max-device-width:480px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation:portrait),
	   only screen and (max-device-width:480px) and (min-device-pixel-ratio: 1.5) and (orientation:portrait),
	   only screen and (max-device-width:480px) and (-moz-min-device-pixel-ratio: 2) and (orientation:portrait), 
	   only screen and (max-device-width:480px) and (-o-min-device-pixel-ratio: 2/1) and (orientation:portrait), 
	   only screen and (max-device-width:480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation:portrait), 
	   only screen and (max-device-width:480px) and (min-device-pixel-ratio: 2) and (orientation:portrait),
	   only screen and (max-width:720px) and (-moz-min-device-pixel-ratio: 1.5) and (orientation:portrait), 
	   only screen and (max-width:720px) and (-o-min-device-pixel-ratio: 3/2) and (orientation:portrait), 
	   only screen and (max-width:720px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation:portrait), 
	   only screen and (max-width:720px) and (min-device-pixel-ratio: 1.5) and (orientation:portrait), 
	   only screen and (max-width:720px) and (-moz-min-device-pixel-ratio: 2) and (orientation:portrait), 
	   only screen and (max-width:720px) and (-o-min-device-pixel-ratio: 2/1) and (orientation:portrait), 
	   only screen and (max-width:720px) and (-webkit-min-device-pixel-ratio: 2) and (orientation:portrait), 
	   only screen and (max-width:720px) and (min-device-pixel-ratio: 2) and (orientation:portrait) {
		   
	   	#divCanvasPlan-container-show-desktop {
			visibility: hidden;
			height: 0px;
			overflow-y: auto;
		}
		table.tableCanvasPlan {
			font-size: 12px;
		}
		table.tableCanvasPlan tbody td {
			padding: 2px;
		}
		table.tableCanvasPlan tbody td.cellEvent, 
		table.tableCanvasPlan tbody td.cellEvent-Grey {
			padding: 2px;
		}
		table.tableCanvasPlan thead tr th.headPlatformCanvas {
			border: 2px solid #f5a99f;
			padding: 2px;
		}
		table.tableCanvasPlan thead tr th.headPlatformBb {
			border: 2px solid #dfb133;
			padding: 2px;
		}
 }