/* @override 
	http://www.videojuicer.com/plushmusic/stylesheets/buttons.css
	http://www.plushmusic.tv/plushmusic/stylesheets/buttons.css
	http://staging.plushmusic.tv/plushmusic/stylesheets/buttons.css
*/
* -----------------------------------------------------  

	Re-usable Button Classes on World of Martial Arts
	Author:		Alex Nichol
	Email:		alex@aelius.net	

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



.buttons {
	clear:both;
	}
	
.btn { 
	float:none; 
	text-decoration: none; 
	margin-right: 0px;
	pointer:cursor;
	
	/* defaults - include line-height for IE & Opera */
	font-size: 11px;
	font-weight: bold;
	height: 24px;
	line-height:12px;
	color: #d5e2f5;
	}

.btn:hover {
	border:  none;
	}

.btn * { 
	display:block; 
	cursor:pointer;
	position:relative;
	}

.btn img { 
	position:relative;
	float:left;
	margin: 0px 5px 0px -1px;
	} 
		
.btn img.img_btn {
	margin: 0px 0px 0px 0px;
	}
	

.btn span {
	color: #d9dce3;
	background:url(../images/v1-5/common/generic-buttons/default/default-l.png) no-repeat;
	float:left;
	width: auto;
	white-space:  nowrap;
	
	/* defaults */
	padding: 5px 3px 0px 9px;
	height: 24px;
	}


.btn i {
	background:url(../images/v1-5/common/generic-buttons/default/default-r.png) no-repeat;
	float:left;
	
	/* defaults */
	width: 9px;
	height: 24px;
	}

.btn:hover span	{ color: #fff; }
.btn:hover i 	{ color: inherit; }







/* Default Buttons (medium)
   -----------------------------------------------------
   -----------------------------------------------------  */

.rss span 			{ color: #ffffff; background:url(../images/v1-5/common/generic-buttons/default/rss-l.png) no-repeat; }
.rss i				{ color: inherit; background:url(../images/v1-5/common/generic-buttons/default/rss-r.png) no-repeat; }
.rss:hover span 	{ }
.rss:hover i 		{ }

.neutral span 		{ color: #ffffff; background:url(../images/v1-5/common/generic-buttons/default/neutral-l.png) no-repeat; }
.neutral i 			{ color: inherit; background:url(../images/v1-5/common/generic-buttons/default/neutral-r.png) no-repeat; }
.neutral:hover span	{ }
.neutral:hover i	{ }

.active span		{ color: #ffffff; background:url(../images/v1-5/common/generic-buttons/default/active-l.png) no-repeat; }
.active i			{ color: inherit; background:url(../images/v1-5/common/generic-buttons/default/active-r.png) no-repeat; }
.active:hover span	{ }
.active:hover i		{ }

.loud span			{ color: #ffffff; background:url(../images/v1-5/common/generic-buttons/default/loud-l.png) no-repeat; }
.loud i				{ color: inherit; background:url(../images/v1-5/common/generic-buttons/default/loud-r.png) no-repeat; }
.loud:hover span	{ }
.loud:hover i		{ }

.destructive span		{ color: #ffffff; background:url(../images/v1-5/common/generic-buttons/default/destructive-l.png) no-repeat; }
.destructive i			{ color: inherit; background:url(../images/v1-5/common/generic-buttons/default/destructive-r.png) no-repeat; }
.destructive:hover span	{ }
.destructive:hover i	{ }

.muted span			{ color: #ffffff; background:url(../images/v1-5/common/generic-buttons/default/muted-l.png) no-repeat; }
.muted i			{ color: inherit; background:url(../images/v1-5/common/generic-buttons/default/muted-r.png) no-repeat; }
.muted:hover span	{ }
.muted:hover i		{ }

.tool span			{ color: #ffffff; background:url(../images/v1-5/common/generic-buttons/default/tool-l.png) no-repeat; }
.tool i				{ color: inherit; background:url(../images/v1-5/common/generic-buttons/default/tool-r.png) no-repeat; }
.tool:hover span	{ }
.tool:hover i		{ }

.notification span		{ color: #fff;/*RPCHANGE - White on White == bad */  background:url(../images/v1-5/common/generic-buttons/default/notification-l.png) no-repeat; }
.notification i			{ color: inherit; background:url(../images/v1-5/common/generic-buttons/default/notification-r.png) no-repeat; }
.notification:hover span	{ color: #fff; }
.notification:hover i		{ color: #fff; }




/* Small Buttons
   -----------------------------------------------------
   -----------------------------------------------------  */

.small span,
.rss_small span,
.neutral_small span,
.active_small span,
.destructive_small span,
.muted_small span,
.notification_small span,
.tool_small span { 
	font-size: 9px;
	padding: 4px 2px 0px 8px;
	height: 19px; /*RPCHANGE - changed padding and height to tweak vertical alignment */
	}
.loud_small span{ 
	font-size: 9px;
	padding: 3px 2px 0px 8px;
	height: 20px;
	}


.small i,
.rss_small i,
.neutral_small i,
.active_small i,
.loud_small i,
.destructive_small i,
.muted_small i,
.notification_small i,
.tool_small i {
	width: 10px;
	height: 20px;
	}

.small img,
.rss_small img,
.neutral_small img,
.active_small img,
.loud_small img,
.destructive_small img,
.muted_small img,
.notification_small img,
.tool_small img { 
	position:relative;
	float:left;
	margin: 0px 3px 0px -3px;
	} 

.small span					{ color: #fff; background:url(../images/v1-5/common/generic-buttons/small/default-l.png) no-repeat; }
.small i 					{ color: inherit; background:url(../images/v1-5/common/generic-buttons/small/default-r.png) no-repeat; }
.small:hover span 			{ color: #e4e8ed;}
.small:hover i 				{ }

.rss_small span 			{ color: #ffffff; background:url(../images/v1-5/common/generic-buttons/small/rss-l.png) no-repeat; }
.rss_small i 				{ color: inherit; background:url(../images/v1-5/common/generic-buttons/small/rss-r.png) no-repeat; }
.rss_small:hover span 		{ color: #e4e8ed;}
.rss_small:hover i 			{ }

.neutral_small span 		{ color: #ffffff; background:url(../images/v1-5/common/generic-buttons/small/neutral-l.png) no-repeat; }
.neutral_small i 			{ color: inherit; background:url(../images/v1-5/common/generic-buttons/small/neutral-r.png) no-repeat; }
.neutral_small:hover span 	{ color: #e4e8ed;}
.neutral_small:hover i 		{ }

.active_small span 			{ color: #ffffff; background:url(../images/v1-5/common/generic-buttons/small/active-l.png) no-repeat; }
.active_small i 			{ color: inherit; background:url(../images/v1-5/common/generic-buttons/small/active-r.png) no-repeat; }
.active_small:hover span 	{ color: #e4e8ed;}
.active_small:hover i 		{ }

.loud_small span 			{ color: #ffffff; background:url(../images/v1-5/common/generic-buttons/small/loud-l.png) no-repeat; }
.loud_small i 				{ color: inherit; background:url(../images/v1-5/common/generic-buttons/small/loud-r.png) no-repeat; }
.loud_small:hover span 		{ color: #e4e8ed;}
.loud_small:hover i 		{ }

.destructive_small span 		{ color: #ffffff; background:url(../images/v1-5/common/generic-buttons/small/destructive-l.png) no-repeat; }
.destructive_small i 			{ color: inherit; background:url(../images/v1-5/common/generic-buttons/small/destructive-r.png) no-repeat; }
.destructive_small:hover span 	{ color: #e4e8ed;}
.destructive_small:hover i 		{ }

.muted_small span 			{ color: #ffffff; background:url(../images/v1-5/common/generic-buttons/small/muted-l.png) no-repeat; }
.muted_small i 				{ color: inherit; background:url(../images/v1-5/common/generic-buttons/small/muted-r.png) no-repeat; }
.muted_small:hover span 	{ color: #e4e8ed;}
.muted_small:hover i 		{ }

.tool_small span 			{ color: #ffffff; background:url(../images/v1-5/common/generic-buttons/small/tool-l.png) no-repeat; }
.tool_small i 				{ color: inherit; background:url(../images/v1-5/common/generic-buttons/small/tool-r.png) no-repeat; }
.tool_small:hover span 		{ color: #e4e8ed;}
.tool_small:hover i 		{ }

.notification_small span 		{ color: #fff;/*RPCHANGE - white on white == bad */ background:url(../images/v1-5/common/generic-buttons/small/notification-l.png) no-repeat; }
.notification_small i 			{ color: inherit; background:url(../images/v1-5/common/generic-buttons/small/notification-r.png) no-repeat; }
.notification_small:hover span 	{ color: #e4e8ed;}
.notification_small:hover i 	{}




/* Large Buttons
   -----------------------------------------------------
   -----------------------------------------------------  */
   
.large span img.img_btn,
.rss_large span img.img_btn,
.neutral_large span img.img_btn,
.active_large span img.img_btn,
.loud_large span img.img_btn,
.destructive_large span img.img_btn,
.muted_large span img.img_btn,
.tool_large span img.img_btn,
.notification_large span img.img_btn {
	margin: -1px -2px 0px -2px;
	}

.large span,
.rss_large span,
.neutral_large span,
.active_large span,
.loud_large span,
.destructive_large span,
.muted_large span,
.tool_large span,
.notification_large span {
	line-height: 16px;
	font-size: 14px;
	padding: 5px 4px 0px 9px;
	height: 28px;
	}

.large i,
.rss_large i,
.neutral_large i,
.active_large i,
.loud_large i,
.destructive_large i,
.muted_large i,
.tool_large i,
.notification_large i {
	width: 10px;
	height: 28px;
	}

.large span 				{ color: #dae3ed; background:url(../images/v1-5/common/generic-buttons/large/default-l.png) no-repeat; }
.large i 					{ color: inherit; background:url(../images/v1-5/common/generic-buttons/large/default-r.png) no-repeat; }
.large:hover span 			{ }
.large:hover i 				{ }

.rss_large span 			{ color: #ffffff; background:url(../images/v1-5/common/generic-buttons/large/rss-l.png) no-repeat; }
.rss_large i 				{ color: inherit; background:url(../images/v1-5/common/generic-buttons/large/rss-r.png) no-repeat; }
.rss_large:hover span 		{ }
.rss_large:hover i 			{ }

.neutral_large span 		{ color: #ffffff; background:url(../images/v1-5/common/generic-buttons/large/neutral-l.png) no-repeat; }
.neutral_large i 			{ color: inherit; background:url(../images/v1-5/common/generic-buttons/large/neutral-r.png) no-repeat; }
.neutral_large:hover span 	{ }
.neutral_large:hover i 		{ }

.active_large span 			{ color: #ffffff; background:url(../images/v1-5/common/generic-buttons/large/active-l.png) no-repeat; }
.active_large i 			{ color: inherit; background:url(../images/v1-5/common/generic-buttons/large/active-r.png) no-repeat; }
.active_large:hover span 	{ }
.active_large:hover i 		{ }

.loud_large span 			{ color: #ffffff; background:url(../images/v1-5/common/generic-buttons/large/loud-l.png) no-repeat; }
.loud_large i 				{ color: inherit; background:url(../images/v1-5/common/generic-buttons/large/loud-r.png) no-repeat; }
.loud_large:hover span 		{ }
.loud_large:hover i 		{ }

.destructive_large span 		{ color: #ffffff; background:url(../images/v1-5/common/generic-buttons/large/destructive-l.png) no-repeat; }
.destructive_large i 			{ color: inherit; background:url(../images/v1-5/common/generic-buttons/large/destructive-r.png) no-repeat; }
.destructive_large:hover span 	{ }
.destructive_large:hover i 		{ }

.muted_large span 			{ color: #ffffff; background:url(../images/v1-5/common/generic-buttons/large/muted-l.png) no-repeat; }
.muted_large i 				{ color: inherit; background:url(../images/v1-5/common/generic-buttons/large/muted-r.png) no-repeat; }
.muted_large:hover span 	{ }
.muted_large:hover i 		{ }

.tool_large span 			{ color: #ffffff; background:url(../images/v1-5/common/generic-buttons/large/tool-l.png) no-repeat; }
.tool_large i 				{ color: inherit; background:url(../images/v1-5/common/generic-buttons/large/tool-r.png) no-repeat; }
.tool_large:hover span 		{ }
.tool_large:hover i 		{ }

.notification_large span 		{ color: #fff;/*RPCHANGE - white on white == bad */ background:url(../images/v1-5/common/generic-buttons/large/notification-l.png) no-repeat; }
.notification_large i 			{ color: inherit; background:url(../images/v1-5/common/generic-buttons/large/notification-r.png) no-repeat; }
.notification_large:hover span 	{ color: #cb3f41; }
.notification_large:hover i 	{ color: #cb3f41;}






/* Useful Classes
   -----------------------------------------------------
   -----------------------------------------------------  */

.left { float: left; }
.right { float: right; }


/* Default Buttons on Dark BG, Uniue for plush/telegraph */

/*Small */

div.player a.small span,
div.toolbar a.btn span,
div.profile a.btn span,
div.box-generic-editorial a.small span 		{height:22px; color:#fff; background:url(../images/v1-5/common/generic-buttons/small/on-dark-l.png) top left no-repeat;}
div.player a.small i,
div.toolbar a.btn i,
div.profile a.btn i,
div.box-generic-editorial a.small i			{height:22px; background:url(../images/v1-5/common/generic-buttons/small/on-dark-r.png) top left no-repeat;}


/* Default*/

div.player div.fields a.btn span,
div.player div.actions a.btn span,
div.player fieldset.buttons a.btn span,
div.list-forms a.btn span,
div.form-wrapper a.btn span,
ul.movies span.actions a.btn span,
form.allocation_form a.btn span,
ul.generic li.no-items span.actions a.btn span,
fieldset.buttons a.btn span,
#header a.btn span,
div.fields a.sortable span,
span.hide_when_ordering a.btn span,
div.ecommerce-wrapper-vtwo span.actions	a.btn span,
a.read-blog	span											{color:#fff; background:url(../images/v1-5/common/generic-buttons/default/on-dark-l.png) top left no-repeat;}
div.player div.fields a.btn i,
div.player fieldset.buttons a.btn i,
div.player div.actions a.btn i,
div.form-wrapper a.btn i,
ul.movies span.actions a.btn i,
form.allocation_form a.btn i,
#header a.btn i,
div.fields div.middle a.btn i,
div.list-forms a.btn i,
ul.generic li.no-items span.actions a.btn i,
fieldset.buttons a.btn i,
div.fields a.sortable i,
span.hide_when_ordering a.btn i,
div.ecommerce-wrapper-vtwo span.actions	a.btn i,
a.read-blog	i											{background:url(../images/v1-5/common/generic-buttons/default/on-dark-r.png) top left no-repeat;}


/* Hovers for both */


div.player div.fields a.btn:hover span,
div.player div.actions a.btn:hover span,
div.player fieldset.buttons a.btn:hover span,
div.list-forms a.btn:hover span,
div.form-wrapper a.btn:hover span,
ul.movies span.actions a.btn:hover span,
form.allocation_form a.btn:hover span,
#header a.btn:hover span,
div.player div.buttons a.btn:hover span,
div.player a.small:hover span,
div.toolbar a.btn:hover span,
div.profile a.btn:hover span,
div.box-generic-editorial a.small:hover span,
ul.generic li.no-items span.actions a.btn span,
div.ecommerce-wrapper-vtwo span.actions a.btn span		{color: #e4e8ed;}


/* Now undo any of the changes above that have been targeted because there is no other way */

span.hide_when_ordering a.muted span			{background: url(../images/v1-5/common/generic-buttons/default/muted-l.png) no-repeat scroll 0%;}
span.hide_when_ordering a.muted i				{background: url(../images/v1-5/common/generic-buttons/default/muted-r.png) no-repeat scroll 0%;}

span.hide_when_ordering a.destructive span		{background: url(../images/v1-5/common/generic-buttons/default/destructive-l.png) no-repeat scroll 0%;}
span.hide_when_ordering a.destructive i			{background: url(../images/v1-5/common/generic-buttons/default/destructive-r.png) no-repeat scroll 0%;}