/*

	PANELS
	
	Created by Stephen Tomlinson, 11/08/09
	
	Many of these panels are used across the site, so if yoou make any changes to them this will happen globally.
	If you need to make any substantial changes to a panel then please create a new one.

*/

.panel {
	margin: 0 0 15px 0;
}

.panel .head {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #e1e1e1;
	padding: 7px 0;
	margin: 0 0 10px 0;
	overflow: hidden;
	zoom: 1;
	text-align: right;
	background: #fff;
}

.panel .head h2 {
	text-transform: uppercase;
	font-size: 14px;
	margin: 0;
	float: left;
	text-align:left;
}

.panel .head a {
	font-size: 11px;
	color: #666;
	text-decoration: underline;
}

	/* Box: News */

.panel_news {
	color: #666;
}

.panel_news ul {
	margin: 0;
}

.panel_news li {
	margin: 0;
	list-style: none;
	border-top: 1px dotted #ccc;
	margin: 0 0 5px 0;
	padding: 5px 0 0 0;
}

.panel_news li:first-child {
	border-top: none;
	padding-top: 0;
}

.panel_news h4 {
	margin: 0 0 3px 0;
	font-weight: normal;
}

.panel_news h4 a {
	color: #000;
	color: #F32837;
	display:block;
}

.panel_news h4 a:hover {
	color: #F32837;
	text-decoration: underline;
}

.panel_news .date {
	color: #999;
}

.panel_news p {
	margin: 0;
}

	/* Box: Catwalk Schedule */
	

.panel_catwalk_schedule table {
	width: 100%;
	_width: 99%;
	margin-top: 10px;
	clear: both;
}

.panel_catwalk_schedule td {
	border: none;
	padding: 0 0 3px 0;
}

.panel_catwalk_schedule td.time {
	width: 50px;
	font-weight: bold;
}

.panel_catwalk_schedule td.show {
	color: #666;
}

.panel_catwalk_schedule td.location {
	width: 60px;
	text-align: right;
	color: #999;
}

.panel_catwalk_schedule .ui-state-default {
	display: none;
}

.panel_catwalk_schedule .ui-state-active {
	display: block;
}

.panel_catwalk_schedule .prev,
.panel_catwalk_schedule .next {
	width: 16px;
	height: 16px;
	overflow: hidden;
	text-indent: -9999px;
	background: #eee url(../../images/lfw/controls.png) no-repeat;
	color: #999;
	border: 3px solid #eee;
}

.panel_catwalk_schedule .prev {
	float: left;
	background-position: 0 0;
}

.panel_catwalk_schedule .next {
	float: right;
	background-position: -16px 0;
}

.panel_catwalk_schedule ul,
.panel_catwalk_schedule li {
	list-style: none;
	display: inline;
}

.panel_catwalk_schedule ul {
	text-align: center;
}

.panel_catwalk_schedule ul a {
	color: #666;
	text-decoration: none;
}

	/* Box: Designer search */
	
.panel_designer_search .head {
	margin: 0;
	border-bottom: 0;
} 
	
.panel_designer_search {
	background: #eee;
	clear: both;
	position: relative;
}

.panel_designer_search .search {
	padding: 15px;
}

.panel_designer_search p {
	margin: 10px 0 0 0;
}

	/* Videos panel */

.panel_videos {
	overflow: hidden;
	zoom: 1;
}

.panel_videos .head {
	border-bottom: 0;
	margin: 0;
}

.panel_videos .designer_videos_wrap {
	border: solid 1px #e1e1e1;
	padding: 10px;
}

.panel_videos object,
.panel_videos embed {
	display: block;
}

.panel_videos .designer_videos_wrap ul {
	margin: 10px 0 0;
	list-style: none;
	overflow: hidden;
	zoom: 1;
}

.panel_videos .designer_videos_wrap ul li {
	margin: 0;
	width: 84px;
	height: 48px;
	background: #EEE;
	float: left;
	margin: 0 15px 0 0;
}

.panel_videos .designer_videos_wrap ul li.current a {
	display: block;
	border: 4px solid #666;
	overflow:hidden;
}


.panel_videos .designer_videos_wrap ul li.current img {
	display: block;
	margin: -4px;
	overflow:hidden;
}

.panel_videos .designer_videos_wrap ul li.id_03 {
	margin: 0;
}

.panel_videos .video_scroller {
	width: 283px !important;
	overflow:hidden;
	zoom:1;
}

.panel_videos .video_scroller ul {
	width: 500px !important;
}

.video_title {
	display: block;
	padding: 5px 0;
	border-bottom: 1px dotted #ccc;
	line-height: 1.5;
	font-size: 11px;
	text-transform: uppercase;
}

	/* Designer catwalks section */

.panel_designer_catwalks ul {
	list-style: none;
	margin: 0;
}

.panel_designer_catwalks ul li {
	margin: 0 1px 0 0;
	float: left;
	line-height: 0;
}

.panel_designer_catwalks ul li.link_strip {
	float: none;
	margin: 0;
	clear: both;
	line-height: normal;
	position: relative;
	padding: 5px 0 10px 0;
}

.panel_designer_catwalks ul li.link_strip a {
	color: #000;
	display: block;
}

.panel_designer_catwalks ul li.link_strip span.id_01 {
	background:url(../../images/lfw/pagination_bg.png) 0 -20px;
	width:20px;
	height:20px;
	display:none;
	text-align:center;
	font-size: 11px;
	color:#FFF;
	position:absolute;
	top:-10px;
	left:-5px;
	line-height:20px;
}

.panel_designer_catwalks ul li.link_strip span.id_02 {
	text-transform: uppercase;
	font-size: 11px;
	display: block;
	background: url(../../images/lfw/link_viewall.png) no-repeat 100% 0;
	height: 13px;
}

.panel_designer_catwalks ul li.id_06 {
	margin: 0;
}

/* catwalk reports add-on */

.page_catwalk #sideleft .panel_designer_catwalks p {
	margin: 0 0 6px 0;
}

.page_catwalk #sideleft .panel_designer_catwalks p a {
	color: #000;
	text-decoration: underline;
}

.page_catwalk #sideleft .panel_designer_catwalks p a:hover {
	text-decoration: none;
}
.page_catwalk #sideleft .panel_designer_catwalks ul {
	border-bottom: 1px solid #e2e2df;
	padding-bottom: 2px;
	margin: 6px 0 11px 0;
}	

/* Twitter */

.panel_twitter .head {
	margin: 0;
	border-bottom: 0;
}

.panel_twitter .wrap {
	background: #eee;
	padding: 10px;
	zoom: 1;
	overflow: hidden;
}

.panel_twitter .bubble {
	background: #fff url(../../images/lfw/twitbox.png) no-repeat;
}

.panel_twitter .bubble_wrap {
	background: #fff url(../../images/lfw/twitbox.png) no-repeat -285px 100%;
	padding: 15px 15px 45px 15px;
	font-size: 14px;
	line-height: 1.4;
	color: #555;
}

.panel_twitter .bubble a:hover {
	border-bottom: 1px dotted #999;
}

.panel_twitter .lquote,
.panel_twitter .rquote {
	font-weight: bold;
	margin-right: 3px;
	color: #333;
}

.panel_twitter .rquote  {
	margin-left: 3px;
}

.panel_twitter .linkbutton {
	float: right;
	margin-top: -15px;
}

.panel_twitter .linkbutton .icon_twitter {
	display: block;
	width: 16px;
	height: 16px;
	background: url(../../images/lfw/icons.png) no-repeat 0 -240px;
	margin: 5px 5px 0 0;
	float: left;
}

/* Feature elements */
	
.panel_feature {
	position: relative;
	width: 305px;
	height: 230px;
	margin: 0 0 20px 0;
}

.panel_feature .caption {
	position: absolute;
	bottom: -5px;
	background: url(../../images/lfw/lead_wash.png) repeat;
}
	
.panel_feature a {
	display: block;
	color: #000;
	width: 275px;
}

.panel_feature h3,
.panel_feature p {
	margin: 0;
	padding: 0;
}

.panel_feature h3 a {
	padding: 10px 15px 3px 15px;
	text-transform: uppercase;
}

.panel_feature p {
	height: 61px;
}

.panel_feature p a {
	padding: 0 15px;
	height:100%;
}

	/* Small features (eg used on subhomes a lot) */
	
.panel_feature_small {
	height: 110px;
	background: #eee;
	overflow: hidden;
}

.panel_feature_small img {
	float: left;
}

.panel_feature_small .caption {
	padding: 10px 10px 0 10px;
	margin-left: 145px;
}

.panel_feature_small a,
.panel_feature_small a:hover {
	text-decoration: none;
	color: #000;
	cursor: pointer;
}

.panel_feature_small h3 {
	margin: 0 0 6px 0;
	text-transform: uppercase;
	font-size: 12px;
	cursor: pointer;
}

.panel_feature_small p {
	margin: 0;
	line-height: 16px;
}

	/* Backstage panel */
	
.panel_backstage .head {
	margin-bottom: 0;
	border-bottom: 0;
}

.panel_backstage ul {
	margin: 0;
	border: 1px solid #E1E1E1;
	padding: 20px 0 20px 30px;
	overflow: hidden;
	zoom: 1;
}

.panel_backstage li {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
	width: 110px;
	overflow: hidden;
	margin-right: 20px;
}

.panel_backstage li a {
	display: block;
	width: 110px;
	height: 110px;
	overflow: hidden;
	background-position: 50% 0;
	margin-bottom: 6px;
}

.panel_backstage li h5 {
	font-weight: normal;
	font-size: 12px;
	color: #666;
	margin: 0
}