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

# MusicTop v.1.0 - June 2008 (for Joomla 1.5)

# Copyright (C) 2007-2008 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;

	text-align: left;

}

/* 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;

}

/* 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: 0;

	font-size:100%;

	border-top: 1px solid #fff;

}

#bg {

	background: #edecec;

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

	line-height:1.6;

	color: #333;

}

a {

	outline: none;

	cursor: pointer;

}

img {

	border: none;

	text-decoration: none;

}

a:link, a:visited, a:active {

	text-decoration: none;

}

a:hover {

	text-decoration: underline;

}

ul {

	padding: 0 0 0 2px;

	margin: 0;

	margin-left: 1px;

	list-style: none;

}

ul li {

	background: url('../images/arrow.png') no-repeat 0 5px;

	padding-left: 14px;

	line-height: 170%;

}

ul li a {

	text-decoration: none!important;

}

ul li a:hover {

	text-decoration: underline!important;

}

ol li {

	line-height: 170%;

}

fieldset {

	border: 0;

	padding: 5px 0;

}

h1 {

	font-size: 200%;

}

h2 {

	font-size: 210%;

	font-weight: normal;

	margin:2px 0 15px 0;

}

h3 {

	font-size: 145%;

}

h4 {

	font-size: 100%;

}

h5 {

	font-size: 120%;

}

h6 {

	font-size: 110%;

}

th {

	padding: 4px;

	text-align: left;

}

fieldset {

	border: none;

}

fieldset a {

	font-weight: bold;

}

input, select, button {

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

}

hr {

	border-right: 0;

	border-left: 0;

	border-bottom: 0;

	height: 1px;

	color: #eee;

	background-color: #eee;

}

.clearfix {

	clear: both;

}

.lf {

	float: left;

}

.rf {

	float: right;

}

/* Here you can change width or height of your logo*/

a#logo {

	background: transparent url('../images/logo.png') no-repeat 0 0;

	width: 350px;

	height: 66px;

	display: block;

	float: left;

}

/*end*/

/* Set the major blocks

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

.page960 {

	width: 960px;

	margin: 0 auto;

}

#top {

	height: 66px;

	margin-bottom: 10px;

}

#top_right {

	float: right;

	width: 610px;

	text-align: right;

}

#top_right a, .search {

	float: right;

	margin: 34px 0 0;

}

.search {

	margin-left: 10px;

}

#top_right a {

	text-decoration: none;

}

#top_right a:hover {

	text-decoration: underline;

}

.bl {

	border-right: 1px solid #bebebe;

	padding: 0 6px 0 0;

	margin-right: 6px!important;

}

#mod_search_searchword {

	background: url('../images/bg_search.png') no-repeat 0 0;

	border: none;

	width: 115px;

	height: 16px;

	padding-left: 5px;

}

#m_top {

	clear: both;

	height: 30px;

	position: relative;

}

span#datas {

	position: absolute;

	bottom: 1px;

	left: 1px;

	color: #8f8f8f;

}

/* Members Area 

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

#memberarea {

	width: 100%;

	height: 25px;

	padding-top: 4px;

	background:#4c4c4c;

	border-bottom: 1px solid #fff;

}

ul.loginposition {

	padding: 0;

	margin: 0;

}

ul.loginposition li {

	float: left;

	background: none;

	padding: 0 14px 0 0;

}

form#form-login label {

	font:normal 11px Arial, Helvetica, sans-serif;

	margin-right: 6px;

	color: #fff;

}

#memberarea input.inputbox {

	background: url('../images/bg_login.png') no-repeat 0 0;

	border: none;

	width: 115px;

	height: 16px;

	padding-left: 5px;

}

#memberarea input.button {

	width: 62px!important;

	margin: 2px 0 0!important;

	text-align: left!important;

	border: none!important;

	text-indent: 0!important;

}

#memberarea input.button:hover {

	background-position: right!important;

}

#memberarea .logout span {

	float: left;

	color: #fff;

	margin-right: 12px;

}

#memberarea .logout input.button {

	float: none!important;

	display: inline;

}

div.logout {

	float: left;

}

div.logout input.button {

	padding: 0;

}

/* Breadcrumbs

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

span.breadcrumbs {

	display: block;

	clear: both;

	margin: 0 0 0 1px;

	color: #8f8f8f;

}

#restpage {

	clear: both;

	margin-top: 12px;

}

#content_wrap, #us_bottom {

	clear: both;

}

/* Set the block size

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

#user_position-1, #user_position-2, #user_position-3, #user_position-4 {

	width: 100%;

	overflow: hidden;

	clear: both;

}

.users {

	overflow: hidden;

	float: left;

}

.us_width-24 .users {

	width: 24.8%;

}

.us_width-33 .users {

	width: 33.3%;

}

.us_width-50 .users {

	width: 50%;

}

.us_width-100 .users {

	width: 100%;

}

.us_width-49 .users {

	width: 49.5%;

}

.us_width-99 .users {

	width: 100%;

}

div.spacer {

	width: 1%;

	float: left;

	height: 1px;

}

.us-stand {

	clear: both;

	width: 100%;

}

/* component */

div#component, div#component-3 {

	width: 100%;

}

/* component + right */

div#component-1 {

	float: left;

	width: 588px;

}

div#right {

	float: right;

	width: 365px;

	margin-left: 7px;

}

div#mainbody {

	clear: both;

	margin-bottom: 7px;

	padding-bottom: 3px;

	background: #fff url('../images/bg_moduletable.png') repeat-x 0 100%;

}

/*Modules

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

div.moduletable, div.moduletable-nshow, div.moduletable-tab {

	background: #fff url('../images/bg_moduletable.png') repeat-x 0 100%;

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

	line-height:16px;

	margin:0 0 6px;

	padding-bottom: 3px;

}

div.moduletable-banner {

	margin: 0 0 6px;

	padding: 0;

	background: none;

}

div.moduletable-tab {

	background: #4C4C4C url('../images/bg_moduletable_tab.png') repeat-x 0 100%;

}

div.moduletable-nshow {

	background: #f6f6f6 url('../images/bg_moduletable_grey.png') repeat-x 0 100%;

}

div.moduletable_add, .border, div.moduletable-tab .border {

	border: 1px solid #ccc;

	border-bottom: none;

	padding: 8px;

}

div.moduletable-banner .moduletable_add {

	border: none;

	padding: 0;

	margin: 0 auto;

	text-align: center;

}

div.moduletable-nshow div.moduletable_add {

	padding: 8px 0 0;

}

div.moduletable-cblue div.moduletable_add {

        background-color: #10a4e1; /* mistyrose */   

}

div.moduletable h3, div.moduletable-nshow h3, div.moduletable-tab h3, div.moduletable-color h3 {

	font: bold 12px Tahoma, Arial, Helvetica, sans-serif;

	color: #000;

	line-height: 28px;

	text-transform: uppercase;

	padding: 0;

	margin: -8px 0 8px;

}

div.moduletable-nshow h3 {

	background: url('../images/mod_border.png') repeat-x 0 100%;

	padding: 0 8px;

	margin-bottom: 0;

}

/*** Restrictions ***/

#user_position-3 {

	background: #f6f6f6 url('../images/bg_moduletable_grey.png') repeat-x 0 100%;

	padding-bottom: 3px;

	margin-bottom: -3px;

}

#user_position-3 .moduletable, #user_position-3 .moduletable_add, #user_position-4 .moduletable, #user_position-4 .moduletable_add {

	background: none;

	border: none;

}

#user_position-3 .moduletable_add, #user_position-4 .moduletable_add {

	padding: 0 8px;

}

.border {

	padding: 8px 0;

}

#user_position-3 .users {

	background: url('../images/pion_border.png') repeat-y 0 0;

}

#user_position-3 div:first-child.users {

	background: none;

}

#user_position-4 {

	background: #4c4c4c url('../images/bg_bottom_black.png') repeat-x 0 100%;

	padding-bottom: 3px;

}

#user_position-4 .border {

	border: 1px solid #2d2d2d;

	border-bottom: none;

}

#user_position-4 {

	color: #c6c6c6;

}

#user_position-4 a:link, #user_position-4 a:visited {

	color: #c6c6c6;

	text-decoration: underline;

}

#user_position-4 .moduletable h3 {

	color: #fff;

}

#user_position-4 ul li {

	padding-left: 0;

	background: none;

}

/* Footer

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

#footer_wrap {

	height: 40px;

}

div#footer {

	clear: both;

	padding: 0;

	font-size: 11px;

	margin:0 0 20px;

	padding-top: 5px;

}

div#footer a {

	font-size: 11px;

	color: #666;

	text-decoration: none;

}

div#links {

	float: left;

	color: #666;

}

div#copyright, div#stylearea {

	float: right;

}

/* Style switcher

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

#stylearea {

	float: right;

}

#st_icon-1, #st_icon-2, #st_icon-3 {

	width: 11px;

	height: 11px;

	display: block;

	float: left;

	padding:9px 0 0 6px;

}

#st_icon-1 {

	background: transparent url('../images/ic_1.png') no-repeat 100% 50%;

}

#st_icon-2 {

	background: transparent url('../images/ic_2.png') no-repeat 100% 50%;

}

#st_icon-3 {

	background: transparent url('../images/ic_3.png') no-repeat 100% 50%;

}