.coda-slider-wrapper .coda-slider{ height:480px; }
/****image*********/
.photos_view_calendar{ float:left; margin-right:10px;}
.photos_view_calendar .MediaThumb { background:#CCC; border-right:2px solid #CCC; display: inline-block; outline: medium none; padding:0px; position: relative;}
.photos_view_calendar a {cursor: pointer; text-decoration: none; display:block;}
.photos_view_calendar .MediaThumbLarge i {width:100px; height:80px;}
.photos_view_calendar .MediaThumb i {background-color:#CCC; background-position: center 25%;  background-repeat: no-repeat; display: block;
	-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;
}
.MediaThumb:hover, .MediaThumb:active, .MediaThumb:focus{opacity:0.8;}

.calendar-list{ margin:0 ; padding:0; list-style:none;}
.calendar-list .listItemCalendar{ width:650px; height:390px; float:left;}

.calendar-list .itemCalendar{ width:300px; background:#F7F7F7; height:80px; float:left; margin:0px 10px; margin-bottom:10px; font-size:11px; border:2px solid #CCC; position:relative;}

.calendar-list .itemCalendar.EVENT_01{background:#d7ebff; border:2px solid #3c91e2;}
.calendar-list .itemCalendar.EVENT_02{background:#e5ddff; border:2px solid #7a5dd3;}
.calendar-list .itemCalendar.EVENT_03{background:#ffecdc; border:2px solid #f39040;}
.calendar-list .itemCalendar.EVENT_04{background:#ffe0e9; border:2px solid #d43160;}
.calendar-list .itemCalendar.EVENT_05{background:#ffebec; border:2px solid #e44a4e;}
.calendar-list .itemCalendar.EVENT_06{background:#edf5ff; border:2px solid #0151c0;}


/*.calendar-list .itemCalendar.EVENT_01{background:#FFF; border:2px solid #ff6600;}
.calendar-list .itemCalendar.EVENT_02{background:#FFF; border:2px solid #66cc00;}
.calendar-list .itemCalendar.EVENT_03{background:#FFF; border:2px solid #ff3399;}
.calendar-list .itemCalendar.EVENT_04{background:#FFF; border:2px solid #6600cc;}
.calendar-list .itemCalendar.EVENT_05{background:#FFF; border:2px solid #0e8ddc;}
.calendar-list .itemCalendar.EVENT_06{background:#FFF; border:2px solid #00aaff;}
*/


.calendar-list .itemCalendar img.country_flag{width:30px; height:20px; position:absolute; top:0; left:0px; z-index:100; border:2px solid #FFF; border-top:0; border-left:0;}

.calendar-list .eventShowNext{background:#FFF; border:2px solid #3fc8f4;}

.calendar-list .tcdcconnect{background:#f5f0b7; border:2px solid #d1b662; color:#333; font-size:11px;}

.textCalendar{padding-top:5px; padding-right:5px;height:72px;overflow:hidden; font-size:11px; line-height:14px;}
.itemCalendar .date{ color:#666; padding-bottom:3px;}
.textCalendar .eventBy{color:#4b0a00;}
.selectYear{padding-bottom:5px; float:right;  padding-right:0px;}
.selectSection{padding:0; margin-right:10px; float:right;}

h2.TitleEvent{ float:left; margin:0; padding:0; padding-top:5px;}
.textCalendar a.linkCalendar{ color:#333;}

/***************/
.coda-slider .content{ position:relative; background:#FFFFFF; padding:1px 10px;}
.coda-slider .content h2.title{ margin-top:30px;}
.coda-slider .prev{
	text-indent:-999999px;
	display:block;
	width:24px;
	height:480px;
	background:#f4f4f4 url(/images/icons/left_arrow.png) no-repeat right;
	position:absolute;
	left:-24px;
	top:0px;
}
.coda-slider .prev:hover{ background:#8e8e8e url(/images/icons/left_arrow.png) no-repeat right;}
.coda-slider  .next{
	text-indent:-999999px;
	display:block;
	width:24px;
	height:480px;
	background:#f4f4f4 url(/images/icons/right_arrow.png) no-repeat left;
	position:absolute;
	right:-24px;
	top:0px;
	z-index:99;
}
.coda-slider  .next:hover{background:#8e8e8e url(/images/icons/right_arrow.png) no-repeat left;}

.coda-slider .content .pager{ text-align:center;}
.coda-slider .content .pager a{ margin-left:8px;}
.coda-slider .content .pager span{ width:8px;  height:8px; background:#ccc; text-indent:-999999px;  display: inline-block;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
}
.coda-slider .content .pager a.selected span{  width:8px;  height:8px; background:#999999;}
/***************/

.selectYear .sbHolder,
.selectSection .sbHolder
{
	background-color:#eee;
	border:none;
	font-family: Arial, sans-serif;
	font-size:13px;
	font-weight: normal;
	height:34px;
	position: relative;
	min-width:100px;
	padding-right:35px;
	text-align:left;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
	
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
}
.selectYear .sbSelector,
.selectSection .sbSelector
{
	display: block;
	height: 30px;
	left: 0;
	line-height: 34px;
	outline: none;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	top: 0;
	min-width:100px;
	padding-right:35px;
}
.selectYear .sbSelector:link, .selectYear .sbSelector:visited, .selectYear .sbSelector:hover,
.selectSection .sbSelector:link, .selectSection .sbSelector:visited, .selectSection .sbSelector:hover
{
	color: #333;
	outline: none;
	text-decoration: none;
}
.selectYear .sbToggle,
.selectSection .sbToggle
{
	background:url(select-icons.png) 0 -116px no-repeat;
	display: block;
	height: 30px;
	outline: none;
	position: absolute;
	right: 0;
	top:2px;
	width: 30px;
}
.selectYear .sbToggle:hover,
.selectSection .sbToggle:hover
{
	background:url(select-icons.png) 0 -167px no-repeat;
}
.selectYear .sbToggleOpen,
.selectSection .sbToggleOpen
{
	background:url(select-icons.png) 0 -16px no-repeat;
}
.selectYear .sbToggleOpen:hover,
.selectSection .sbToggleOpen:hover
{
	background:url(select-icons.png) 0 -66px no-repeat;
}
.selectYear .sbOptions,
.selectSection .sbOptions
{
	background-color: #F4F4F4;
	border:1px solid #dedcdc;
	list-style: none;
	left:0px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 30px;
	width:170px;
	z-index: 1;
	overflow-y: auto;
}
.selectYear .sbOptions li,
.selectSection .sbOptions li
{
	width:170px;
	padding: 0 0px;
}

.selectYear .sbOptions a,
.selectSection .sbOptions a
{
	border-bottom: dotted 1px #dedcdc;
	display: block;
	outline: none;
	padding: 7px 0 7px 7px;
}
.selectYear .sbOptions a:link, .selectYear .sbOptions a:visited,
.selectSection .sbOptions a:link, .selectSection .sbOptions a:visited
{
	color: #333;
	text-decoration: none;
}
.selectYear .sbOptions a:hover,.selectYear .sbOptions a:focus,.selectYear .sbOptions a.sbFocus,
.selectSection .sbOptions a:hover,.selectSection .sbOptions a:focus,.selectSection .sbOptions a.sbFocus
{
	color: #000;
	background:#dedcdc;
}

.clearfix{
	clear:both;
}

.status_show_zone{ width:932px; margin:0 auto; height:20px; overflow:hidden; display:block; position:absolute; z-index:99; left:24px;}
.status_show_item{
	width:945px;
	height:20px;
	overflow:hidden;
	margin:0; padding:0; list-style:none;
	margin-left:20px;
}
.status_show_item li{
	width:72px;
	margin-right:1px;
	padding-top:2px;
	padding-left:5px;
	float:left;
}
.status_show_item .status{
	width:2px;
	height:10px;
	float:left; 
	margin:2px;
	background:#F2F2F2;
	border:1px solid #F2F2F2;
}
.status_show_item .status.red{
	background:#7F0202;
	border:1px solid #7F0202;
}
.status_show_item .status.gray{
	background:#d5d4d4;
	border:1px solid #CCCCCC;
}
.status_show_item .status.bank{
	background:#FFF;
	border:1px solid #DEDCDC;
}


/*Tablet Layout: 768px.*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
/*.calendar-list li,  #fooX li{ width:325px;}
.status_show_zone{ height:40px;}


.status_show_item{
	width:740px;
	height:45px;
	margin:0; padding:0; list-style:none;
}
.status_show_item li{
	width:106px;
	margin-right:1px;
	padding-top:2px;
	margin-bottom:6px;
	padding-left:10px;
	float:left;
}

.calendar-list .itemCalendar{ width:325px;}
.coda-slider .content{height:600px;}
.coda-slider-wrapper .coda-slider{ height:600px; }
.calendar-list .listItemCalendar{height:600px;}
.coda-slider .prev, .coda-slider .next{height:600px;}

.calendar-list .itemCalendar{margin:5px 5px; }*/

.calendar-list li{ width:185px; height:90px; font-size:10px;}
.status_show_zone{ height:70px;}
.photos_view_calendar{ display:none;}
.calendar-list li .text, .calendar-list li div{ padding-left:5px;}
.content li .text, .content li div{ padding-left:5px;}

.content li div.date {
    color: #921602;
	padding-left:24px;
}
.textCalendar{padding-top:2px;}

.coda-slider .content{height:360px;}

.status_show_item{
	width:460px;
	height:70px;
	margin:0; padding:0; list-style:none;
}
.status_show_item li{
	width:95px;
	margin-right:1px;
	padding-top:2px;
	margin-bottom:6px;
	padding-left:10px;
	float:left;
}

h2.TitleEvent{ float:left; margin:0; padding:0; padding-top:5px; font-size:20px;}

.calendar-list .itemCalendar{ width:197px;}
.coda-slider .content{height:470px;}
.coda-slider-wrapper .coda-slider{ height:470px; }
.calendar-list .listItemCalendar{ width:460px; height:420px; float:left;}

.calendar-list .itemCalendar{margin:5px 5px; }
.coda-slider .content { padding: 1px 0;}


}

/*	Mobile Layout: 320px.*/
@media only screen and (max-width: 767px) {
.calendar-list li{ width:100px; height:80px; font-size:10px; overflow:hidden; margin-right:10px;}
.status_show_zone{ height:90px;}
.calendar-list li .text, .calendar-list li div{ padding-left:5px;}
.content li .text, .content li div{ padding-left:5px;}
.content li div.date {
    color: #921602;
	padding-left:24px;
}
.textCalendar{padding-top:2px;}
.photos_view_calendar{ display:none;}
.coda-slider .content{height:380px;}

.status_show_item{
	width:320px;
	height:90px;
	margin:0; padding:0; list-style:none;
}
.status_show_item li{
	width:80px;
	margin-right:1px;
	padding-top:2px;
	margin-bottom:6px;
	padding-left:10px;
	float:left;
}
h2.TitleEvent{ float:none; margin:0; padding:10px 20px; padding-top:10px; font-size:12px;}

.calendar-list .itemCalendar{ width:223px;}
.coda-slider .content{height:850px;}
.coda-slider-wrapper .coda-slider{ height:850px; }
.calendar-list .listItemCalendar{ width:260px; height:795px; float:left;}

.coda-slider .content { padding: 1px 0;}

.coda-slider .prev, .coda-slider .next{height:100%;}
}
/*	Wide Mobile Layout: 480px.*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
.calendar-list li{ width:185px; height:90px; font-size:10px;}
.status_show_zone{ height:70px;}
.photos_view_calendar{ display:none;}
.calendar-list li .text, .calendar-list li div{ padding-left:5px;}
.content li .text, .content li div{ padding-left:5px;}
.content li div.date {
    color: #921602;
	padding-left:24px;
}
.textCalendar{padding-top:2px;}

.coda-slider .content{height:360px;}

.status_show_item{
	width:460px;
	height:70px;
	margin:0; padding:0; list-style:none;
}
.status_show_item li{
	width:95px;
	margin-right:1px;
	padding-top:2px;
	margin-bottom:6px;
	padding-left:10px;
	float:left;
}

h2.TitleEvent{ float:left; margin:0; padding:0; padding-top:5px; font-size:20px;}

.calendar-list .itemCalendar{ width:184px;}
.coda-slider .content{height:470px;}
.coda-slider-wrapper .coda-slider{ height:470px; }
.calendar-list .listItemCalendar{ width:460px; height:420px; float:left;}

.calendar-list .itemCalendar{margin:5px 5px; }
.coda-slider .content { padding: 1px 0;}
}