@charset "UTF-8";



/** Tabs */
/**************************************/
ul#drw_tabs {
	list-style     : none;
	padding        : 0;
	margin         : 0px 0px 0px 20px;
	position       : relative;
}

ul#drw_tabs li {
	float: left;
	margin: 0;
	padding: 0;
}
/*
*+html ul#drw_tabs li.last {
	position: absolute;
	float: right;
}

* html ul#drw_tabs li.last {
	position       : absolute;
	float          : right;
}
*/
ul#drw_tabs a {
	font-size      : 14px;
	font-weight    : bold;
	text-align     : center;
	text-decoration: none;
	text-transform : lowercase;
	line-height    : 35px;
	color          : #ffffff;
	/* 
	background     : url("tabs.gif") center 0 no-repeat;
	border-right   : 1px solid #101010;
	border-left    : 1px solid #1f1f1f;
	*/
	outline        : none;
	height         : 35px;
	display        : block;
	padding: 0px 20px 0px 20px;
}

ul#drw_tabs a:hover {
	color: #256B2D;
	background-image: url(/assets/themes/ccc/images/drawer_highlight_2.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}

ul#drw_tabs li.first a {
	border-left        : none;
}

ul#drw_tabs li.last  a {
	border-right       : none;
}

ul#drw_tabs          a#drw_tabs_focus { 
	background-image: url(/assets/themes/ccc/images/drawer_highlight_2.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}
/*
ul#drw_tabs li.first a#drw_tabs_focus { background-position: left   -35px; }
ul#drw_tabs li.last  a#drw_tabs_focus { background-position: right  -35px; }
*/

/** Drawer */
/**************************************/
div#drw {
	background     : #fff url("/assets/themes/ccc/images/drawer_bg.jpg") left bottom no-repeat;
	width          : 900px;
	min-width      : 900px;
	margin         : 0;
	overflow       : hidden;
	font-size	   : 11px;
}

div#drw h2 {
	font-size: 12px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #333;
}

div#drw .drw_home {
	width: 150px;
	display: block;
	background-image:url(/assets/themes/ccc/images/drawer_play_button.png);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 20px;
	font-size: 14px;
}

div#drw .drw_subhead {
	display: block;
	font-size: 9px;
	text-transform: uppercase;
}

div#drw ul {
	list-style: none;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	font-size: 12px;
}

div#drw ul li {
	margin-bottom: 5px;
}

div#drw table td {
	padding: 20px;
}

div#drw a:link, div#drw a:active, div#drw a:visited {
	text-decoration: none;
	color: #333;
}

div#drw a:hover {
	text-decoration: underline;
}

div#drw div#drw_close {
	margin         : 0 0 0 20px;
	clear          : both;
}

div#drw div#drw_close a {
	text-indent    : -9999px;
	background     : url("/assets/themes/ccc/images/drawer_close.png") top left no-repeat;
	width          : 50px;
	height         : 16px;
	margin         : 0 0 0 auto;
	padding		   : 0 20px 20px 0;
	display        : block;
}

div#drw div#drw_loader {
	text-indent    : -9999px;
	background     : url("loader.gif") center center no-repeat;
	height         : 50px;
	margin         : 10px 0 0 0;
}



/** Drawer Icon View */
/**************************************/
ul.drw_icon_view {
	list-style     : none;
	padding        : 0;
	margin         : 0 15px;
}

ul.drw_icon_view li {
	width          : 33%;
	float          : left;
}

ul.drw_icon_view div.drw_img {
	text-align     : center;
	width          : 40%;
	float          : left;
}

ul.drw_icon_view div.drw_info {
	width          : 60%;
	float          : right;
}

ul.drw_icon_view div.drw_info h6 {
	padding        : 15px 0 3px 0;
	margin         : 0;
}

ul.drw_icon_view div.drw_info h6 a {
	font-size      : 12px;
	line-height    : 1.2;
	color          : #ffffff;
}

ul.drw_icon_view div.drw_info p {
	font-size      : 9px;
	line-height    : 1.2;
	color          : #666666;
	padding        : 0;
	margin         : 0;
}



/** Drawer List View */
/**************************************/
ul.drw_list_view {
	list-style     : none;
	padding        : 10px 0 15px 0;
	margin         : 0 15px;
}

ul.drw_list_view li {
	border-bottom  : 1px solid #161616;
}

ul.drw_list_view li:hover,
ul.drw_list_view a:hover {
	background     : #161616;
}

ul.drw_list_view a {
	text-decoration: none;
	color          : #ffffff;
	padding        : 5px;
	display        : block;
}

ul.drw_list_view span {
	line-height    : 1.2;
	cursor         : pointer;
	float          : left;
	display        : block;
}

ul.drw_list_view span.drw_title {
	font-size      : 12px;
	width          : 24%;
	margin         : 2px 0 0 0;
}

ul.drw_list_view span.drw_desc {
	font-size      : 9px;
	color          : #666666;
	width          : 55%;
	margin         : 4px 0 0 0;
}

ul.drw_list_view span.drw_date {
	font-size      : 11px;
	text-align     : right;
	color          : #666666;
	width          : 20%;
	margin         : 3px 0 0 0;
}



/** Clearfix */
/**************************************/
ul#drw_tabs:after,
ul.drw_icon_view:after,
ul.drw_icon_view li:after,
ul.drw_list_view a:after {
	content        : ".";
	height         : 0px;
	clear          : both;
	visibility     : hidden;
	display        : block;
}

ul#drw_tabs,
ul.drw_icon_view,
ul.drw_icon_view li,
ul.drw_list_view a {
	display        : inline-block;
}

/*\*/
* html ul#drw_tabs,
* html ul.drw_icon_view,
* html ul.drw_icon_view li,
* html ul.drw_list_view a {
	height         : 1%;
}

ul#drw_tabs,
ul.drw_icon_view,
ul.drw_icon_view li,
ul.drw_list_view a {
	display        : block;
}