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

# 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 

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

.chronoform{visibility:hidden}

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

}







/* RokTabs */

.roktabs-wrapper {padding: 0;position: relative;margin: -15px;}

.roktabs-wrapper .roktabs-container-inner {position:relative;overflow: hidden;}

.roktabs-wrapper .roktabs-container-wrapper {clear: both;position: relative;overflow:hidden;}

.roktabs-wrapper .roktabs-container-wrapper div {float: left;}

.roktabs-wrapper .roktabs-container-wrapper div.wrapper {margin: 0 10px 10px 10px;padding: 10px;width: auto;}

.tabs-bottom .roktabs-container-wrapper div.wrapper {margin: 10px 10px 0 10px;padding: 10px;width: auto;}

.roktabs-wrapper .roktabs-links {margin: 0;padding: 0;height: 55px;overflow: hidden;}

.roktabs-wrapper .active-arrows .roktabs-links {margin: 0 50px;padding: 0;height: 55px;}

.roktabs-wrapper .roktabs-links ul {text-align: left;font-weight: bold;list-style-type: none;overflow:hidden;margin: 0;height: 55px;}

.roktabs-wrapper .roktabs-links ul li {float: left;padding: 0;margin: 0;text-decoration: none;position: relative;height: 55px;line-height: 36px;}

.tabs-bottom .roktabs-links ul li {line-height: 80px;}

.roktabs-wrapper .roktabs-links ul li span {padding: 7px 11px;}

.roktabs-wrapper .roktabs-links ul {padding: 0;}

.roktabs-wrapper .roktabs-links ul li.active {margin: 0;}

.roktabs-wrapper .roktabs-scroller {position: absolute;bottom: 0;right: 0;height: 29px;}

.roktabs-wrapper .arrow-next, .roktabs-wrapper .arrow-prev {line-height: 46px;text-align: center;cursor: pointer;z-index: 2;position: absolute;top: 0;height:55px;width: 50px;}

.roktabs-wrapper .arrow-prev span, .roktabs-wrapper .arrow-next span {display: none;}

.tabs-hidden .roktabs-container-wrapper div.wrapper {margin-top: 10px;}

.clear {clear: both;}



/* RokMicroNews */

#main-body .rokmicronews-surround {margin-bottom: 5px;padding-bottom: 5px;}

.micronews {margin-bottom: 0;}

.micronews-drop {margin-bottom: 10px;}

.micronews-headline {margin: 0;padding: 8px 10px 30px 5px;position: relative;}

.micronews-headline h2 {font-size: 110%;font-weight: bold;margin: 0;padding: 3px 10px 9px 10px;text-transform: uppercase;display: inline;text-align: center;}

.micronews-controls {float: right;width: 55px;}

.micronews-controls2 {height: 20px;padding: 0 8px;}

#rokmicronews .mover, #rokmicronews .collapse, #rokmicronews .expand {float: right;width: 15px;height: 19px;}

#rokmicronews .collapse, #rokmicronews .expand {margin-right: 6px;cursor: pointer;}

#rokmicronews .mover span, #rokmicronews .expand span, #rokmicronews .collapse span {display: none;}

.micronews-headline .counter {float: right;margin-right: 150px;line-height: 180%;padding-right: 15px;}

.micronews-headline .counter span {padding-left: 15px;display: block;}

.micronews-headline .counter a {font-weight: bold;margin: 0 10px;}

.micronews-headline .counter a.active {text-decoration: underline;color: red;}

.micronews-inner {overflow: hidden;}

.micronews-wrapper {padding: 0;margin: 0 5px 5px 5px;}

.micronews-articles {padding: 15px;position: relative;}

.micronews-right .micronews-articles {margin-right: 200px;}

.micronews-left .micronews-articles {margin-left: 200px;}

.micronews-article-wrapper {position: relative;}

.micronews-titles {padding: 5px 0;font-weight: bold;margin: 0;text-transform: uppercase;font-size: 90%;overflow: hidden;}

.micronews-titles .top-story {width: 180px;padding: 0 10px;}

.micronews-right .top-story {float: left;}

.micronews-left .top-story {float: right;}

.micronews-right .other-stories {float: right;margin-right: 50px;}

.micronews-left .other-stories {float: left;margin-left: 40px;}

.micronews h4 a {font-weight: bold;}

.micronews-thumb {float: left;margin-right: 10px;}

.micronews .entry h4 {font-size: 120%;line-height: 120%;margin: 5px 0 10px;}

.micronews .micronews-list {width: 200px;position: absolute;top: 0;}

.micronews-right .micronews-list {right: 0;}

.micronews-left .micronews-list {left: 0;}

.micronews .micronews-list ul {margin: 15px 0 0 0;padding: 0;list-style: none;}

.micronews .micronews-list ul li {padding: 10px 15px;}

.micronews-list ul li a {padding-left: 12px;font-weight: bold;display: block;}



/* RokNewsPager */

ul.roknewspager {margin: 0;padding: 0;}

ul.roknewspager li {list-style: none;padding-left: 12px;margin-bottom: 12px;}

ul.roknewspager .roknewspager-title {display: block;font-size: 120%;font-weight: bold;cursor: pointer;}

ul.roknewspager .roknewspager-div {display: block;padding-bottom: 12px;}

.roknewspager-wrapper {position:relative;overflow:hidden;}

.roknewspager-pages {margin: 0 -15px -15px -15px;padding: 8px 15px;overflow: hidden;}

.roknewspager-pages2 {float: right;width: auto;height: 18px;text-align: center;position: relative;padding: 0;}

.roknewspager-spinner {width: 16px; height: 16px; background: transparent url(../images/spinner.gif) no-repeat scroll 100% 50%; float: left;display: none;}

ul.roknewspager-numbers {margin: 0;padding: 0 24px;text-align: right;overflow: hidden;height: 18px;text-align: center;}

ul.roknewspager-numbers li {list-style: none;display: inline;padding: 0 2px;cursor: pointer;}

ul.roknewspager-numbers li.active {cursor: default;}

.roknewspager-prev, .roknewspager-prev-disabled {width: 16px;height: 18px;position: absolute;top: 0;left: 0;cursor: pointer;}

.roknewspager-next, .roknewspager-next-disabled {width: 16px;height: 18px;position: absolute;top: 0;right: 0;cursor: pointer;}

.roknewspager-prev-disabled, .roknewspager-next-disabled {cursor: default;}

ul.roknewspager-numbers li.active {font-weight: bold;}



/* RSS Feeds */



ul.newsfeed {margin: 0;padding: 0;}

a.newsfeed-title {text-transform: uppercase;font-weight: bold;}

ul.newsfeed li {list-style: none;padding-left: 12px;margin-bottom: 12px;}

ul.newsfeed li a {font-weight: bold;font-size: 120%;}

ul.newsfeed .newsfeed-div {display: block;padding-bottom: 1px;}



/* RokNewsflash */

#newsflash-bar {overflow: hidden;font-size: 12px;}

#newsflash {position:relative;line-height: 26px;height: 26px;}

#newsflash ul {margin:0 0 0 95px;list-style:none;padding:0;}

#newsflash li {padding-bottom:100px;font-weight: bold;}

#newsflash .readon {clear:none;display:inline;float:none;height:auto;width:auto;line-height:100%;font-size:100%;margin:0;padding:0;background:none;}

#newsflash .flashing {display:block;position:absolute;left:0;font-weight:bold;text-transform: uppercase;font-size: 11px;height: 26px;width: 88px;line-height: 26px;padding-left: 15px;}

#newsflash .controls img {cursor:pointer;height:18px;width:18px;}

#newsflash .control-prev {background-position:0 0;}

#newsflash .control-prev:hover {background-position: -36px 0;}

#newsflash .control-next {background-position:-18px 0px;}

#newsflash .control-next:hover {background-position: -54px 0px;}

#newsflash .controls {position:absolute;right:10px;top: 4px;}



/* RokWeather */

#rightcol .side-mod #rokweather {margin:0 -15px 0 -10px;}

#leftcol .side-mod #rokweather {margin:0 -10px 0 -15px;}



/* Featured Section */

.feature-block {overflow: hidden;position: relative;padding: 15px;}

.feature-block .image-container {float: left;margin-right: 15px;}

.feature-block .rokstories-spinner {background: transparent url(../images/spinner.gif) no-repeat scroll 50% 50%}

.feature-block .image-container .image-full {position:relative;overflow: hidden;}

.feature-block .image-container .image-full img {position:absolute;top: 0;left: 0;visibility: hidden;}

.feature-block .image-container .image-small img {cursor: pointer;}

.feature-block .desc-container {overflow: hidden;position: relative;}

.feature-block .desc-container .description {position: absolute;top: 0; left: 0;visibility: hidden;}

.feature-block img.feature-main {display: block;}

.feature-block img.feature-sub {margin: 9px 9px 0 0;}

.feature-block .feature-title {display: block;font-weight: bold;font-size: 160%;line-height: 130%;margin-bottom: 10px;}

.feature-block .feature-desc {font-size: 120%;line-height: 130%;color: #333;}

.feature-block .moduletable h3 {font-weight: bold;font-size: 180%;}

.feature-block .readon {display: block;margin: 15px 0;font-weight: bold;}