/* @override http://www.plushmusic.tv/plushmusic/stylesheets/layout.css */
/* -----------------------------------------------------  

	Layout Styles on World of Martial Arts
	Author:		Alex Nichol
	Email:		alex@aelius.net	

 -----------------------------------------------------  */





#template_wrapper {
	width: 100%;
	clear: both;
	background: url(../images/v1-5/layout/page/background.png) top left repeat-x;
	background-color: #FFFFFF;
	padding-bottom: 16px;
	}

#content {
	width: 980px;
	position: relative;		
	padding: 32px 10px 16px 10px;
	margin-left: auto;
	margin-right: auto;
	}



.channels .actions {
	margin-top: 5px;
}





/* Column Layout
   -----------------------------------------------------
   -----------------------------------------------------  */


.sidebar_wide {
	width: 240px; 
	float: left;
	}

.sidebar_narrow {
	width: 120px; 
	float: left;
	}

.central_column_wide {
	width: 580px;
	padding:  0px 20px 0px 20px;
	float:left;
	}
	
.central_column_extra_wide {
	width: 720px; 
	float: left;
	padding:  0 0 0 20px;
	}

.central_column_narrow {
	width: 460px;
	float:left;
	padding:  0px 20px 0px 20px;
	}

.central_column_full {
	width: 980px;
	float:left;
	}










/* Header Section
   -----------------------------------------------------
   -----------------------------------------------------  */

#header_wrapper {
	 background: url(../images/v1-5/layout/header/background.png) top left repeat-x;
	 background-color:#EFEFF3;
	 width: 100%;
	 padding-top: 0px;
	 overflow: hidden;
	}

	#header {
		width: 980px;
		position:relative;
		padding-top: 9px;
		left: 50%;
		margin-left: -590px;
		padding-left: 100px;
		}

		#header span.logo {
			width: 680px;
			height: 68px;
			float: left;
			background: url(../images/v1-5/layout/header/logo.png) top left no-repeat;
			}
			
		#header div.advert {
			display:  none;
			}




/* Top Navigation
   -----------------------------------------------------
   -----------------------------------------------------  */

#top_nav {
	display: block;
	float: right;
	width: 298px;
	height: 32px;
	padding:0px;
	margin: 0px;
	text-align: right;
	list-style: none;
	}
	
	#top_nav li {
		display: inline;
		padding: 1px 4px 1px 8px;
		margin:  0px;
		background:  url(../images/v1-5/layout/main-nav/top-menu-divider.gif) top left no-repeat;
		}
	
	#top_nav li a {
		color: #fff;
		text-decoration: none;
		font: 11px Arial, Helvetica, sans-serif;
		border: none;
		background:  none;
		}
	#top_nav li a:hover, 
	#top_nav li a:visited:hover {
		color: #ffffff;
		}
	
	#top_nav .first_item {
		color: #bfbfbf;
		border-left: none;
		background: none;
		}
	
	
	
	
	
	
	
/* Mini Search
   -----------------------------------------------------
   -----------------------------------------------------  */
   
#mini_search {
	display: block;
	float: right;
	width: 216px;
	height: 36px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	list-style: none;
	}
	
	
	#mini_search label { 
		display: none; 
		}
	
	#mini_search .btn { 
		margin-top: 4px; 
		margin-right: 0px; 
		}
	
	.mini_search_texfield { 
		color: #868f9a; 
		}
	
	#sbl {
		background: transparent url(../images/v1-5/layout/mini-search/field-left.png) no-repeat top left;
		float: left;
		width: 23px; height: 29px;
		}
	
	#sbr {
		background:transparent url(../images/v1-5/layout/mini-search/field-right.png) no-repeat top left;
		float: left;
		width: 14px; height: 29px;
		}
	
	#sb input {
		background: transparent url(../images/v1-5/layout/mini-search/field-tile.png) repeat-x top left;
		float: left;
		border: 0;
		height: 29px; width: 142px;
		padding: 3px;
		padding-top: 8px;
		font-size: 12px;
		color: #868f9a;
		font-style: italic;
		}

	#sb input:focus {
		font-style: normal;
	}
	
	
	#login #user_email {
		color: #A1A1A1;
		font-style: italic;
	}

	#login #user_email:focus {
		color: #5D6774;
		font-style: normal;
	}
	
	.smallprint .inline_help_link {	
		color: #a0a5c1;
	}
	
		/*RPIMG*/
	.icon-arrow-right-large { background: url(../images/v1-5/common/icons/arrow-right-large.png) no-repeat; width:9px; height:12px;}
	

/* Main Navigation
   -----------------------------------------------------
   -----------------------------------------------------  */
   
#main_nav {
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0px;
	height: 31px;
	width: 100%;
	clear: both;
	}

	#main_nav li {
		display: block;
		float: left;
		height: 31px;
		padding: 0px;
		margin:  0px;
		background:  none;
		}
	
	#main_nav li a { 
		text-decoration: none;
		border: none;
		background:  none;
		padding:  0px;
		margin: 0px;
		}
	
	#main_nav li a span {
		background: url(../images/v1-5/layout/main-nav/tab-back-left.png) top left no-repeat;
		height: 31px;
		display: block;
		padding: 10px 3px 0px 12px;
		color: #4d6a94;
		text-decoration: none;
		font: bold 13px Arial, Helvetica, sans-serif;
		cursor: pointer;
		float: left;
		}
		
	#main_nav li a i {
		background:	url(../images/v1-5/layout/main-nav/tab-back-right.png) top right no-repeat;
		height:	31px;
		display: block;
		width: 9px;
		float:left;
		}
		
		#main_nav li a:hover span {
			color: #4d6a94;
			background: url(../images/v1-5/layout/main-nav/tab-hover-left.png) top left no-repeat;
			}
		
		#main_nav li a:hover i {
			color: #4d6a94;
			background: url(../images/v1-5/layout/main-nav/tab-hover-right.png) top right no-repeat;
			}
			
	#main_nav li.current a,
	#main_nav li.current a span,
	#main_nav li.current a i { 
		cursor: default; 
		}

	#main_nav li.current a span {
		background: url(../images/v1-5/layout/main-nav/tab-front-left.png) top left no-repeat;
		color: #142841;
		padding-top: 10px;
		}
		
	#main_nav li.current a i {
		background: url(../images/v1-5/layout/main-nav/tab-front-right.png) top right no-repeat;
		color: #D0D9E8;
		}













/* Header Overrides for when Banner Advert is to be included
   --------------------------------------------------------------
   --------------------------------------------------------------  */
   
#header_wrapper.with_advert {
	background: url(../images/v1-5/layout/header/tall_background.png) bottom left repeat-x;
	}

#header_wrapper.with_advert #header {
	height: 134px;
	}
	
#header_wrapper.with_advert div.advert {
	display: block;
	width:  728px;
	height:  90px;
	overflow: hidden;
	float:  left;
	}

#header_wrapper.with_advert span.logo {
	width: 126px;
	height: 90px;
	float: left;
	background: url(../images/v1-5/layout/header/logo.png) top left no-repeat;
	}


#header_wrapper.with_advert #top_nav {
	display: block;
	float: right;
	width: 126px;
	height: 90px;
	padding:0px;
	margin: 0px;
	text-align: right;
	}
	
	
	#header_wrapper.with_advert #top_nav li {
		display: block;
		border: none;
		background: none;
		}
		
	#header_wrapper.with_advert #top_nav .first_item {
		display:  none;
		}		



#header_wrapper.with_advert #main_nav {
	/*
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0px;
	height: 31px;
	width: 100%;
	clear: both;
	*/
	width: 764px; /* 764 */
	clear:  left;
	padding-top: 13px;
	}

#header_wrapper.with_advert #mini_search {
	/*
	display: block;
	float: right;
	width: 216px;
	height: 36px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	list-style: none;
	*/
	margin-top:  8px;
	
	}
















/* Footer Section
   -----------------------------------------------------
   -----------------------------------------------------  */

#footer_wrapper {
	clear: both;
	width: 100%;
	height: 82px;
	background:url(../images/v1-5/layout/footer/background.png) top left repeat-x;
	}

#footer {
	width: 980px;
	position: relative;
	left: 50%;
	margin-left: -490px;
	height: 160px;
	padding-top: 0px;
	}

#footer ul {
	display: block;
	/* text-align: right; */
	list-style: none;
	}

#footer ul li {
	display: inline;
	padding: 0px 4px 0px 8px;
	border-left: 1px solid #4a4a4a;
	margin:  0px;
	background:  none;
	}

#footer ul .first_item, 
#footer ul .videojuicer_branding {
	border-left: none;
	}

#footer ul li a {
	color: #757575;
	text-decoration: none;
	font: 11px Arial, Helvetica, sans-serif;
	border: none;
	background:  none;
	}
	
#footer ul li a img.video_juicer_logo {
	vertical-align:middle;
	}
	

#footer ul li a:hover {
	color: #ffffff;
	}

#header ul#main_nav li a:visited:hover {
	color: #D0D9E8;
	}




#channel_stored_image_file {
	margin-left: -70px;
}





/* Notifications
   -----------------------------------------------------
   -----------------------------------------------------  */


/* Defaults */

#notification_area {
	padding-bottom:  10px;
	}
	
#notification_area .success,
#notification_area .error,
#notification_area .warning {
	 padding-top: 11px;
	 }

#notification_area h3 {
	display: block;
	padding: 6px 8px;
	margin: 0 10px 0 10px;
	font-size: 16px;
	font-weight: 900;
	color: #fff;
	background: #214D7C;
	}
	
#notification_area .error h3		{background:#b62222; color:#fff;}
#notification_area .error .message	{border: 1px solid #b62222;}
#notification_area .warning h3 {
	color: #ffffff;
	}
	
#notification_area .message {
	padding: 11px;
	margin: 0 10px 0 10px;
	border: 1px solid #214D7C;
	border-top: none;
	color:  #214D7C;
	}

#notification_area .message a {
	color: #122742;
	border-bottom: 1px dotted;
	border-color: #122742;
	}
	
#notification_area .message a:hover {
	border-color: #214D7C;
	}
	
#notification_area .message a.btn {
	border: none;
	}

#notification_area .message p {
	padding-bottom:  0;
	}
	
#notification_area .message ul {
	padding-top:  8px;
	}

#notification_area .message li {
	background:url(../images/v1-5/common/notifications/bullet.gif) no-repeat;
	}
	
	#notification_area .error .message li {
		background:url(../images/v1-5/common/notifications/bullet-red.gif) no-repeat;
		}
	
#notification_area .buttons {
	margin: 0;
	padding: 0;
	clear: both;
	height: 22px;
	}

#notification_area div.footer {
	height: 11px;
	}




/* Central Column Wide */

.central_column_wide #notification_area .success,
.central_column_wide #notification_area .error,http://woork.blogspot.com/search/label/blogger?max-results=4
.central_column_wide #notification_area .warning {
	 padding-top: 11px;
	 background: url(../images/v1-5/common/notifications/central_column_wide/bg_top.png) top left no-repeat; 
	 }

	

	
	 
.central_column_wide #notification_area div.footer {
	background: url(../images/v1-5/common/notifications/central_column_wide/bg_bottom.png) top left no-repeat;
	}
	
.central_column_wide #notification_area .error					{background: url(../images/v1-5/common/notifications/central_column_wide/bg_top_error.png) top left no-repeat;}
.central_column_wide #notification_area .error div.footer		{background: url(../images/v1-5/common/notifications/central_column_wide/bg_bottom_error.png) top left no-repeat;}

.central_column_wide #notification_area .error p,
.central_column_wide #notification_area .error ul 				{color:#7c2121;}
.central_column_wide #notification_area .error a				{color:#561818;}	
	
	/* Central Column Extra Wide */
	
	.central_column_extra_wide #notification_area .success,
	.central_column_extra_wide #notification_area .error,
	.central_column_extra_wide #notification_area .warning {
		 padding-top: 11px;
		 background: url(../images/v1-5/common/notifications/central_column_extra_wide/bg_top.png) top left no-repeat; 
		 }
		 
	.central_column_extra_wide #notification_area div.footer {
		background: url(../images/v1-5/common/notifications/central_column_extra_wide/bg_bottom.png) top left no-repeat;
		}
		
.central_column_wide #notification_area div.success {
	background: url(../images/v1-5/common/notifications/central_column_wide/bg_top.png) no-repeat left top;
	}




/* Central Column Full-Width */

.central_column_full #notification_area .success,
.central_column_full #notification_area .error,
.central_column_full #notification_area .warning {
	 padding-top: 11px;
	 background: url(../images/v1-5/common/notifications/central_column_full/bg_top.png) top left no-repeat; 
	 }
	 
.central_column_full #notification_area div.footer {
	background: url(../images/v1-5/common/notifications/central_column_full/bg_bottom.png) top left no-repeat;
	}




/* Central Column Narrow */

.central_column_narrow #notification_area .success,
.central_column_narrow #notification_area .error,
.central_column_narrow #notification_area .warning {
	 padding-top: 11px;
	 background: url(../images/v1-5/common/notifications/central_column_narrow/bg_top.png) top left no-repeat; 
	 }
	 
.central_column_narrow #notification_area div.footer {
	background: url(../images/v1-5/common/notifications/central_column_narrow/bg_bottom.png) top left no-repeat;
	}



















/* Validation Errors
   -----------------------------------------------------
   -----------------------------------------------------  */


/* Defaults */

#validation_error {
	 margin-bottom: 10px;
	 }

#validation_error h3 {
	display: block;
	padding: 6px 8px;
	margin: 0 10px 0 10px;
	font-size: 14px;
	font-weight: 900;
	background: #B62222;
	color: #fff;
	}
	
	
#validation_error .message {
	padding: 11px;
	margin: 0 10px 0 10px;
	border: 1px solid #B62222;
	border-top: none;
	color:  #fff;
	}

#validation_error .error {
	padding-top: 11px;
	}

#validation_error .message a {
	color: #962e28;
	border-bottom: 1px dotted;
	border-color: #c4b49c;
	}
	
#validation_error .message a:hover {
	border-color: #962e28;
	}
	
#validation_error .message a.btn {
	border: none;
	}

#validation_error .message p {
	padding-bottom:  0;
	padding-top: 4px;
	color:#122742;
	}
	
#validation_error div.message ul li a,
#validation_error div.message ul li a:hover {
	display: inline;
	}
	
#validation_error div.message ul {
	padding: 4px 8px 8px 24px;
	}

#validation_error div.message ul li {
	background:url(../images/v1-5/common/notifications/bullet.gif) no-repeat;
	padding-left:  14px;
	margin-left:  -14px;
	font-weight: bold;
	width: auto;
	color:#122742;
	}
	
#validation_error .buttons {
	margin: 0;
	padding: 0;
	clear: both;
	height: 22px;
	}

#validation_error div.footer {
	height: 11px;
	}