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

# Musictube - February 2009 (for Joomla 1.5)

# Copyright (C) 2007-2009 Gavick.com. All Rights Reserved.

# License: Copyrighted Commercial Software

# Website: http://www.gavick.com

# Support: support@gavick.com  

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

	

/* universal set of reset styles

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

html,body,div,span,applet,object,iframe,caption,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,dl,dt,dd,ol,ul,li,fieldset,form,label,legend {vertical-align: baseline;font-size: 100%;outline: 0;padding: 0;margin: 0;border: 0;}

/* remember to define focus styles! */

:focus {outline: 0;}

body {background: white;line-height: 1;color: black;}

ol,ul {list-style: none;}

/* tables still need cellspacing="0" in the markup */

table{border-collapse: separate;border-spacing: 0;}

caption,th,td {font-weight: normal;}

/* remove possible quote marks (") from <q> & <blockquote> */

blockquote:before,blockquote:after,q:before,q:after {content: "";}

blockquote,q {quotes: "" "";}

/* ||| the end |||*/

/* ||| set of clearing floats |||*/	

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

.clearfix {display: inline-block;}

.clr {font-size : 1px;}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

.clear {clear: both;}

/* End hide from IE-mac */

/* ------------------------ the end ----------------------------*/



html {

	height: 100%;

	margin-bottom: 1px;

}



body {

	margin: 0;

	padding: 1;

	font-size: 62.5%; /* Reset: 1em = 10px */

}

 

div#wrapper_main{
	font: normal 1.2em/1.5em Arial, Helvetica, sans-serif; /* Basic font size: 12px, line-height: 15px */

}



/* Basic link styles 

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



a {

	outline: none;

	cursor: pointer;

}



a:link,

a:visited,

a:active {

	text-decoration: none;

}



a:hover {

	text-decoration: underline;

}



/* Basic image style 

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



img {

	border: none;

	text-decoration: none;

}



/* Basic lists styles 

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



ul {

	padding: 0;

	margin: 0 12px;

	list-style: none;

}



ul li {

	padding-left: 10;

	line-height: ;

	padding: 0px 0;

}



ul li a {

	text-decoration: none !important;

}



ul li a:hover {

	text-decoration: underline !important;

}



ol li {

	line-height: 170%;

}



dl#system-message dd ul li{

	border: none !important;

}



/* Basic heading styles 

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



th {

	padding: 4px;

	text-align: left;

}



h1 { font-size: 200%; }

h2 { font-size: 175%; }

h3 { font-size: 150%; }

h4 { font-size: 125%; }

h5 { font-size: 115%; }



p, pre, blockquote, h1, h2, h3, h4, h5, h6 {

	margin: 1em 0;

	padding: 0;

}



/* Basic form styles 

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



fieldset {

	border: none;

	padding: 5px 0;

}



fieldset a {

	font-weight: bold;

}



input, select, button {

	font: normal 11px Tahoma, Arial, Verdana, sans-serif;

}



/* Basic HR-line style 

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



hr {

	border-right: 0;

	border-left: 0;

	border-bottom: 0;

	height: 1px;

	color: #eee;

	background-color: #eee;

}



/* Basic positioning classes 

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



.clearfix {

	clear: both;

}



.lf {

	float: left;

}



.rf {

	float: right;

}



/* Basic wrapper styles 

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



div.wrapper_centered{

	width: 960px;

	margin: 0 auto;

}



div#wrapper_inside div.wrapper_centered{

	width: 940px;

}





div#wrapper_inside div.bigger{

	width: 942px;

	margin: 0 auto;

}



div#wrapper_userarea{

	overflow: hidden;

}



div#userarea{

	display:  none;

	padding: 5px 0 5px 0;

	min-height: 36px;

	

}



div#wrapper_main{

	width:970px;

	margin: 0 auto;

	overflow: hidden;

}



div#wrapper_top{

	height: 69px;

	overflow: hidden;

	position: relative;

}



div#wrapper_menu{

	height: 37px;

	position: relative;

}



div#wrapper_inside{

	min-height: 100px;

	width: 942px;

	padding:8px 9px;

}





div#banner1{

	width:  ;

	float:right;

	margin: 4px 5px 0px 0px;

}



div#wrapper_header{

	width: 1500px;

	margin-bottom: 8px;

	overflow: hidden;

}



div#wrapper_header div.wrapper_centered{

	padding:12px;

	width: 918px;

	overflow: hidden;

}



div#header1{

	float: left;

}



div#header2{

	float: right;

}



div#breadcrumbs{

	height:48px;

	width: 593px;

	float:left;

	margin: 6px 0 -3px -5px;

}



div#search{

	width: 354px;

	height:34px;

	padding:8px 0 4px 0;

	float: right;

	margin-bottom: 7px;

}



div#breadcrumbs div.bg_right,

div#breadcrumbs_100 div.bg_right{

	height:48px;

	margin-left: 10px;

	font-size: 10px;

}



div#breadcrumbs div.bg_right div.pathway_wrapper,

div#breadcrumbs_100 div.bg_right div.pathway_wrapper{

	margin: 0 13px 0 3px;

	padding: 0 3px;

	line-height: 13px;

	text-transform: uppercase;

	font-size: 10px;

	font-weight: bold;

	height: 15px;

}



div.bg_right .breadcrumbs div,

div.bg_right .breadcrumbs_start div{

	float: left;

}



div#wrapper_bottom{

	margin-bottom: 1px;

	padding-bottom: 6px;

}



/* Logo 

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



a#logo, a#logo_styled {

	margin: 0 0 0 9px;

	position: relative;

	top:14px;

	float: left;

}



a#logo {

	float: left;

	display: block;

}



a#logo_styled{

	/* 

		Here you can change width or height of your logo 

		if you've disabled option "logo as image"

	*/

	width: 200px;

	height: 40px; 

}



/* Message 

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



dl#system-message{

	margin: 0 5px;

}



dl#system-message ul{

	margin: 0;

	background: #ffe !important;

	color: #666 !important;

	border-top: 3px solid #e9e9a1 !important;

	border-bottom: 3px solid #e9e9a1 !important;

}



/* Userarea

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



div#userarea{

	display: none;

	padding: 0 10px;

	width: 940px;

	margin: 0 auto;

}



div#login_btn{

	font-size: 10px;

	line-height: 17px;

	font-weight: bold;

	cursor: pointer;

	height: 17px;

	padding-left: 4px;

	float: right;

	position: absolute;

	top: 0px;

	right: 10px;

}



div#login_btn span{

	display: block;

	padding: 0 8px 0 4px;

}



div#font_plus_btn,

div#font_reset_btn,

div#font_minus_btn{

	float: right;

	cursor: pointer;

	margin: 9px 4px 0 0;

	height: 17px;

	width:  17px;

}



div#font_minus_btn{

	margin-right: 10px;

}



/* Search styles */



input#mod_search_searchword {

	width:266px;

	height: 20px;

	padding: 5px 0 0 14px;

	border: none;

	font-size: 12px;

	margin-left:21px;

	display: block;

	float: left;

}



div#search input.button {	

	height: 25px !important;

	width: 33px !important;

	font-size: 0px;

	padding: 0;

	margin: 0 12px 5px 7px;

	display: block;

	float: right;

	text-indent: -999em;

}



/* Modules combinations

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



/* Moduletables Template contains suffixes:

* _text

* _menu

* _clear

* _color

* nopad

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



/* - All suffixes - */



div.moduletable_content {

	padding: 10px;

}



div.nopad{

	padding: 0;

}



div.nopad div.moduletable_content{

	padding: 0;

}



div.moduletable h3,

div.moduletable_clear h3,

div.moduletable_text h3,

div.moduletable_color h3,

div.moduletable_menu h3 {

	font: bold 1.1em Arial, Helvetica, sans-serif;

	line-height: 39px;

	text-transform: uppercase;

	padding: 0 14px;

	margin: 0;

	height: 39px;

	font-size:0.8em;

}



/* - _clear -  */



div.moduletable_clear{

	border: none;

	overflow: hidden;

}



div.moduletable_clear div.moduletable_content{

	background-image: none;	

	padding: 0;

}



/* component + right 

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



div#component-right {

	float: left;

	width: 634px;

}



div#right {

	float: right;

	width: 298px;

	margin-right: -1px;

}



/* component + left

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



div#component-left {

	float: right;

	width: 634px;

}



div#left {

	float: left;

	width: 298px;

	margin-left: -1px;

}



/* component 

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



div#component {

	width: 940px;

	padding: 0;

}





div#wrapper_content_mainbody{

	width: 100%;	

	margin-bottom: 8px;

}



div#mainbody{	

	padding: 0 12px 8px;

}



/* set the width of user modules 

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

.advert_wrap, 

.users_wrap, 

.module_wrap{

	margin-bottom: 6px;

	overflow: hidden;

	display: table;

	width: 100%;

}



.advert_wrap{

	width: 940px !important;

}



#wrapper_bottom{

	overflow: hidden;

	display: table;

}

.us_width-100{

	width: 100%;

	display: table-cell;

}



.us_width-20,

.us_width-25,

.us_width-33, 

.us_width-50 {

	display: table-cell;

}



.us_width-20:first-child{

	border-left: none;

	margin-left: 0;	

}



.us_width-25:first-child{

	border-left: none;

	margin-left: 0;	

}



.us_width-33:first-child{

	border-left: none;

	margin-left: 0;	

	width: 34%;

}



.us_width-50:first-child{

	border-left: none;

	margin-left: 0;	

}



.us_width-20{

	width:20%;

	margin-left: -1px;

}



.us_width-25{

	width: 25%;	

	margin-left:-1px;

}



.us_width-33{

	width:33%;

	margin-left: -1px;

}



.us_width-50{

	width: 50%;	

	margin-left:-1px;

}



/* Modules interface  

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



div.moduletable span.interface,

div.moduletable_clear span.interface,

div.moduletable_text span.interface,

div.moduletable_menu span.interface{

	display:block;

	margin-top: 10px;

	float:right;

	width:43px;

	height:21px;

	position:absolute;

	right: 15px;

	top: 0;

}



div.moduletable_color span.interface{

	display:block;

	margin-top: 10px;

	float:right;

	width:43px;

	height:21px;

	position: absolute;

	right: 15px;

	top: 0;

}



span.interface span.down,

span.interface span.down_disabled{

	width:8px;

	height:8px;

	display: block;

	float:left;

	margin: 4px 0 0 6px;

}



span.interface span.up,

span.interface span.up_disabled{

	width:8px;

	height:8px;

	display: block;

	float:left;

	margin: 4px 0 0 0;

}



span.interface span.rollup,

span.interface span.rollup_disabled{

	width:8px;

	height:8px;

	display: block;

	float:left;

	margin: 4px  0 0 7px;

}



span.interface span.rolldown,

span.interface span.rolldown_disabled{

	width:8px;

	height:8px;

	display: block;

	float:left;

	margin: 6px  0 0 7px;

}



span.interface span.down_disabled,

span.interface span.up_disabled,

span.interface span.rollup_disabled,

span.interface span.rolldown_disabled{

	opacity: 0.35;

}



span.interface span.down:hover,

span.interface span.up:hover,

span.interface span.rollup:hover,

span.interface span.rolldown:hover{

	cursor: pointer;

}



/* Restrictions 

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



div#wrapper_bottom div.moduletable,

div#wrapper_bottom div.moduletable_color,

div#wrapper_bottom div.moduletable_clear,

div#wrapper_bottom div.moduletable_text,

div#wrapper_bottom div.moduletable_menu {

	background:transparent;

}



div#wrapper_bottom div.moduletable_color{

	background:transparent;

}



div#wrapper_bottom .us_width-20:first-child,

div#wrapper_bottom .us_width-25:first-child,

div#wrapper_bottom .us_width-33:first-child,

div#wrapper_bottom .us_width-50:first-child{	

	background: none;

}



div#wrapper_bottom .us_width-20,

div#wrapper_bottom .us_width-25,

div#wrapper_bottom .us_width-33,

div#wrapper_bottom .us_width-50{	

	margin-left: 0;

	border-left: none;

}



/* column */



div#right div.moduletable,

div#right div.moduletable_clear,

div#right div.moduletable_color,

div#right div.moduletable_text,

div#right div.moduletable_menu,

div#left div.moduletable,

div#left div.moduletable_clear,

div#left div.moduletable_color,

div#left div.moduletable_text,

div#left div.moduletable_menu {

	margin-bottom: 8px;

}



/* Footer 

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



div#wrapper_footer {

	width: 936px;

	clear: both;

	height: 52px;

	line-height: 40px;

	padding: 0 12px;

	font-family: Arial, Verdana, sans-serif;

}



div#copyright {

	width: 940px;

}



div#informations {

	margin: 0;

	float: left;

	width: 60%;

}



div#stylearea{

	width: auto;

	float: right;

	margin-right: 10px;

}



div#wrapper_footer a {

	text-decoration: none;

}