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


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


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

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

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

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

table.tableBbTransition thead tr th, table.tableBbTransition tfoot tr th {
	background-color: #FFFFFF;
	border-top: 1px solid #4c4944;
	border-bottom: 1px solid #4c4944;
	color: #4c4944;
	font-weight: bold;
	padding: 4px;
	text-align: center;
	line-height: 120%;
}

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

table.tableBbTransition tbody td.cellDate {
	background-color: #f0f0dc;
	color: #07645C;
	font-weight: bold;
	text-align: center;
}

table.tableBbTransition tbody td.cellDateRed {
	background-color: #f0f0dc;
	color: #A90F4C;
	font-weight: bold;
	text-align: center;
}

table.tableBbTransition tbody td.cellDateStart {
	background-color: #f0f0dc;
	color: #12aa9e;
	font-weight: bold;
	text-align: center;
	border-bottom: none;
	height: 60px;
}

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

table.tableBbTransition tbody td.cellPeriodTo {
	background: url(../images/_common/bgContent-strikeGrey.jpg) repeat;
	color: #666666;
	font-weight: bold;
	text-align: center;
	height: 90px;
}

table.tableBbTransition tbody td.cellColorRed {
	color: #ee3680;
}

table.tableBbTransition tbody td.cellColorBlue {
	color: #175E7D;
}

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

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

table.tableBbTransition tbody td.cellColorGreen {
	color: #206526;
}

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

table.tableBbTransition tbody td.cellAction {
	/*border: 1px solid #4c4944;*/
	border-top: 1px solid #CCBB66;
	border-bottom: 1px solid #CCBB66;
	border-left: 1px solid #CCBB66;
	border-right: 1px solid #CCBB66;
	vertical-align: top;
	padding: 10px;
	/*background-color: #FFEEAA;*/
	background-color: #FFFFEE;
}

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

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

#divBbTransition-Date-alignRight {
	float: right;
	width: 70px;
	color: #12aa9e; 
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #f0f0dc;
	/*
	border-bottom: 1px solid #4c4944;
	margin-top: -4px;
	margin-right: -4px;
	*/
}

#divBbTransition-Date-alignLeft {
	float: left;
	width: 70px;
	color: #12aa9e; 
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #f0f0dc;
}

#divBbTransition-DateNotAvailable-alignLeft {
	float: left;
	width: 70px;
	color: #ee3680; 
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	background: url(../images/_common/bgContent-strikeGrey.jpg) repeat;
}














/* 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) {	
	   	#divBbTransition-container-show-desktop {
			visibility: hidden;
			height: 0px;
			overflow-y: auto;
		}
		#divBbTransition-container-show-desktop img { height: 0;}
		#divBbTransition-container-show-mobile {
			visibility: visible;
			height: auto;
		}
		#divBbTransition-container-show-mobile img { height: auto;}
		#divBbTransition-container-show-mobile table { display: inherit;}
		#divBbTransition-nav-right-itemLeft-showDesktop { visibility: hidden;}
#divBbTransition-nav-right-itemLeft-showMobile { visibility: visible; }
		table.tableBbTransition {
			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) {
		   
	   	#divBbTransition-container-show-desktop {
			visibility: hidden;
			height: 0px;
			overflow-y: auto;
		}
		table.tableBbTransition {
			font-size: 12px;
		}
		#divBbTransition-Date-alignRight, #divBbTransition-Date-alignLeft, #divBbTransition-DateNotAvailable-alignLeft {
			width: 65px;
		}
 }