/*
@author Ilya Furman smashlong@gmail.com
Here we gonna store main layout for inner pages, fonts and maybe common decorations
*/

html {
/* background:#282320 url(/themes/yurk/img/html-bg.jpg) repeat scroll 0 0; */
}

/* print related */
.backToNormal {
	display: none;
}

form {
	display:block;
}

/* commons */
* {
	margin: 0;
	padding: 0;
}
body {
	color: #003E17;
	/* background: #000; */
	background:#282320 url(/themes/yurk/img/html-bg.jpg) repeat scroll 0 0;
	font: normal 62.5% "Arial", sans-serif;
	text-align: left;
}
#content li,
p {
	font-family: Tahoma, sans-serif;
	font-size: 1.1em;
}

h1 {
	font-size: 2.0em;
}
h2 {
	font-size: 1.8em;
	color: #4c0c28;
}
h3 {
	font-size: 1.6em;
	color: #4c0c28;
}
h3 a {
	color: #4c0c28 !important;
}
h4 {
	font-size: 1.4em;
	color: #4c0c28;
}
h5 {
	font-size: 1.1em;
	text-transform: uppercase;
	color: #4c0c28;
}
cite,
.cite,
.subColumn .cite {
	font-family: Tahoma, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	font-style: normal;
	color: #C7D793;
}
input,
textarea,
select {
	margin: 0;
	padding: 0.1em;
	font: normal 1.2em "Arial", sans-serif;
	color: #003E17;
}
select option {
	padding: 0 3px;
	color: #003E17;
}
fieldset {
	border: none;
}

a {
	color: #E1ECA7;
	text-decoration: none;
}
a:hover {
	color: #FFF;
	/* text-decoration: underline; */
	text-decoration: none;
}
a img {
	border: none;
}
img.alignLeft {
	float: left;
	margin: 0 10px 10px 0;
}
img.smallImg {
	width: 70px;
}
img.mediumImg {
	width: 140px;
}
img.largeImg {
	width: 315px;
}

img.smallImg,
img.mediumImg,
img.largeImg
{
	background-color: #7E9835;
}

/* common classes */
.clear {
	display: block;
	clear: both;
}
.column .clear {
	clear: left; /* only 'left'. 'both' causes clearing right column */
}
div.clear,
span.clear {
	font-size: 0;
}
.hideText {
	text-indent: -32768px;
	overflow: hidden;
}
.text,
.text p {
	color: #003E17;
	font-size: 1.4em !important;
}
.text a.squaresLink {
	font-size: 0.8em;
	font-family: "Arial", sans-serif;
}
.text p {
	margin: 0;
}
p.text {
	margin: 0.75em 0;
}
table.text {
	border-collapse: collapse;
	margin: 0;
}
table.text td {
	padding-top: 3px;
	padding-right: 30px;
	vertical-align: top;
}
small,
.text small	 {
	font-size: 0.8em /*!important*/;
}
.text input,
.text textarea,
.text select {
	font-size: 100% !important;
}

/* flash */
.flashContainer {
	text-align: center;
}
.flashContainer embed {
	display: block;
	margin: 0 auto;
}

/* layout */
#theAll {
	position: relative;
	margin: 30px auto; 
	width: 960px;
	/*margin: 30px;
	min-width: 960px;*/ /* TODO: write expression for IE6 */
}

#header {
	position: relative;
}
#content {
	position: relative;
	padding: 0 10px;
	/*padding-bottom: 30px; /* spacing before footer */
	/* background-color: #671841; */
	background:#282320 repeat scroll 0 0;
}
#content .column {
	position: relative;
	padding: 1px; /* uncollapsing every fucking thing */
}
#content #contentColumn {
	margin-right: 195px;
}
#content #sidebarColumn {
	float: right;
	width: 185px;
}
#content.mainPage #contentColumn {
	margin-right: 330px;
}
#content.mainPage #sidebarColumn {
	width: 320px;
}

/* full view with side menu */
#content.sideMenu #subColumn1 {
	position: absolute;
	width: 145px;
	left: 0;
}
#content.sideMenu #subColumn2 {
	margin-left: 155px; /* sideMenuColumn + 10px; */
}
/* full view two columns */
#content.twoSubColumns #subColumn1 {
	position: relative;
	margin-right: 345px;
}
#content.twoSubColumns #subColumn2 {
	position: relative;
	float: right;

	width: 335px;
}
#footer {
	clear: both;
}
#end {
	position: absolute;
	bottom: 0;
}

/* header */
#header {
	/* background-color: #000; */
	z-index: 3; /* very cruisial for placing menu above #content */
}
#header a,
#header a:visited,
#header a:hover,
#header a:active {
	font-weight: bold;
}
#header #logo {
	width: 135px;
	height: 105px;
	margin-bottom: 15px;
	background: url(/_img/green_logo_clear.png) center no-repeat;
}


#header #logo a {
	position: relative; /* for IE filter overlay */
	display: block;
	height: 100%;
}
#header .banner {
	position: absolute;
	top: 0px;
	right: 0;
	width: 728px;
	height: 90px;
}
#header #menuBar {
	position: relative;
	padding: 5px 0 5px 10px;
	height: 3.4em;
	background-color: #8C9E0F;
}

#menuBar a{
	color: #E1ECA7;
	text-decoration: none;
}

#menuBar a:hover{
	color: #ffffff;
}

#rss {
	background: url(/_img/icons/rss_icon.gif) left no-repeat;
	font-size: 1.2em;
	padding-left: 18px;
	position: absolute;
	top: 14px;
	right: 12px;
}

#header ul.menu {
	margin-right: 40px;
}

#stripe {
	position: relative;
	height: 30px;
	/* background-color: #B90A57; */
	background-color: #3c3c3c;
	color: #fff;
}

#stripe a {
	color: #fff!important;
	text-decoration: underline!important;
}

#stripe a:hover {
	color: #fff;
	text-decoration: none!important;
}

#searchForm{
	position: absolute;
	top: 5px;
	right: 35px;
}

#searchForm input{
	border: none;
	height: 15px;
	width: 220px;
	font-size: 13px;
	padding: 2px;
	/* border: 1px solid #B90A57; */
	 border: 1px solid #000;
	/* background-color: #E1ECA7; */
	background-color: #fff;
	vertical-align: -9%;
}

#searchForm a{
	font-size: 1.2em;
	margin-left: 2px;
	text-decoration: none;
	color: #E1ECA7;
	font-weight: bold;
}

#path {
	position: absolute;
	top: 9px;
	left: 24px;
	font-size: 1.1em;
	/* color: #E1ECA7; */
	color: #fff;
}

#path a{
	color: #E1ECA7;
	text-decoration: none;
}

/* footer */
#footer {
	position: relative;
	padding: 10px 0;
	margin-bottom: 10px;
	/* background-color: #B80956; */
	background-color: #3c3c3c;
}
#footer ul.footerMenu {
	list-style: none;
	margin: 10px 0;
	text-align: center;
}
#footer ul.footerMenu li {
	display: inline;
	padding: 0 15px;
	border-left: 1px solid #FFF;
	margin: 0 auto;
}
#footer ul.footerMenu li.noDecoration {
	border: none;
}
#footer ul.footerMenu li a {
	font-family: Tahoma, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #5C1A40;
}
#footer #copyText {
	/*margin-top: 15px;*/
	text-align: center;
}

/* content classes */
.contentItem {
	position: relative;
	margin: 10px 0;
	padding: 10px;
	padding-bottom: 40px;
	padding-left: 40px;
	background: #4e6f19 url(/_img/corners/flowers.gif) repeat;
}

.contentItemBlueBG {
	background: #009496 url(/_img/corners/blueFlowers.gif) repeat;
}
.contentItemBlueBG .text {
	color: #2EE9EC !important;
}
.contentItemPad10 {
	padding-left: 10px;
}
.contentItemPad0 {
	padding: 0;
}
.contentItemNobg {
	background-image: none;
}
.contentItem .topBG,
.contentItem .bottomBG {
	position: absolute;
	left: 0;
}
.contentItem .topBG {
	top: 0;
}
.contentItem .bottomBG {
	bottom: 0;
}
.contentItem * {
	position: relative; /* because of BG emulating */
}
.contentItem .contentBgEmulatorIEHelper {
	display: none; /* gradients truned off */
	position: static;
	margin: -10px -10px 0 -35px;
	height: 10px;
	background-color: #b3c351;
}
.contentItem .contentBgEmulatorIEHelper .contentBgEmulator {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.contentItem h2,
.contentItem h5 {
	margin-bottom: 5px;
	margin-left: -30px;
	padding-left: 30px;
}
.contentItemPad10 h2,
#sidebarColumn .contentItem h2 {
	margin-left: -5px;
}
.contentItem h2 {
	padding: 4px 0;
	font-size: 1.1em;
	text-transform: uppercase;
	padding-left: 30px;
	background: url(/_img/icons/fiveSquares.gif) 7px center no-repeat;
	border-bottom: 1px solid #CADA7D;
}
.contentItem .squaresLink,
.contentItem a.linkButton {
	padding: 1px 0;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;

	/*color: #4c0c28*/;
}
.contentItem .squaresLink {
	padding-left: 22px;
	background: url(/_img/icons/fiveSquaresBlue.gif) center left no-repeat;
}
.contentItem .contentItemMoreLink { /* styles for both button and squares links */
	position: absolute;
	display: block;
	left: 17px;
	bottom: 10px;
}

.contentItem a.linkButton {
	margin-left: -8px;
	padding: 4px 0;
	padding-left: 30px;
	background: url(/_img/buttonLinkLeftDoor.gif) center left no-repeat;
}
.contentItem a.linkButton:hover,
.contentItem a.linkButton:hover span {
	text-decoration: none; /* dot will appear at the right */
}
.contentItem a.linkButton span {
	vertical-align: middle;
	padding: 5px 0;
	padding-right: 10px;
	background: url(/_img/buttonLinkRightDoor.gif) center right no-repeat;
	cursor: pointer;
}
.contentItem .mmmJustList {
	position: relative;
}
.contentItem ul.mmmJustList {
	list-style: none;
}
.contentItem ol.mmmJustList {
	list-style-position: inside;
}

.contentItem .mmmJustList li,
.contentItem .mmmJustList dt,
.contentItem .mmmJustList dd {
	padding: 5px 0;
	border-bottom: 1px solid #cada7d;

}
.contentItem .mmmJustList li .clear {
	margin-top: -3px; /* strange IE margin compensation */
}
.contentItem .alphabet {
	display: block;
}
.contentItem .alphabet a {
	margin-right: 0.2em;
	font-size: 1.1em;
	font-weight: bold;
	color: #FFF;
}

/* very common list item */
.subContentItem {
	position: relative;
	padding: 5px 1px;
	border-bottom: 1px solid #dad8ae;
}
.subContentItem .subContentImageColumn {
	float: left;
	margin-right: 8px;
}
.subContentItem .subContentContentColumn {
	overflow: hidden;
}

.subContentItem img.subContentItemImage {
	display: block;
	margin: 2px;
	background-color: #dad8ae;
}
.subContentItem h3 {
	font-size: 1.6em;
	text-transform: uppercase;
}
#sidebarColumn .subContentItem h3, #subColumn2 .subContentItem h3 {
	font-size: 1.1em;
}
.subContentItem:hover img.subContentItemImage,
.subContentItem.hover img.subContentItemImage {
	border: 2px solid #4C0C28;
	margin: 0;
}
.subContentItem:hover h3 a,
.subContentItem.hover h3 a {
	text-decoration: underline;
}
.subContentItem a.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	outline: none;
}
.subContentItem h3 a {
	color: #4C0C28 !important;
}
.subContentItem p {
	margin: 0 !important;
	clear: none !important;
	font-size: 1.1em !important;
	color: #003e17 !important;
}

/* vertical menu sideMenu for "full pages" */
ul.verticalSideMenu {
	list-style: none;
	position: relative;
}
ul.verticalSideMenu li {
	border-top: 1px solid #671841;
}
ul.verticalSideMenu li a {
	display: block;
	padding: 5px 0;
	font-size: 1.2em;
	text-align: center;
	background-color: #22ADAA;
}
ul.verticalSideMenu li a:hover,
ul.verticalSideMenu li.active a:hover {
	background-color: #B7D16E;
}
ul.verticalSideMenu li.active a {
	background-color: #7E9835;
}

/* subColumn commons */
.subColumn h1 {
	font-size: 3.2em;
	color: #003E17;
	line-height: .9em;
}
.subColumn h3 {
	font-size: 1.6em;
	text-transform: uppercase;
	margin: 3px 0 3px 0;
}
.subColumn p {
	margin: 10px 0;
	color: #003E17;
	font-size: 1.4em;
}
.subColumn p {
	clear: left;
}
/*.subColumn Ilya,sorry..*/ 
/* service links menu */
ul.serviceThings {
	list-style: none;
	height: 0.8em;
}
ul.serviceThings li {
	float: left;
	margin-right: 10px;
}
ul.serviceThings li a {
	padding: 5px 0;
	padding-left: 15px;

	font-family: Tahoma, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	background: url(/_img/icons/serviceIcon.gif) center left no-repeat;
}
ul.serviceThings li a.diggIt {
	padding-left: 20px;
	background: url(/_img/icons/digg.gif) center left no-repeat;
}
ul.serviceThings li a.news2It {
	padding-left: 20px;
	background: url(/_img/icons/digg.gif) center left no-repeat;
}
ul.serviceThings li a.addToDelicious {
	padding-left: 20px;
	background: url(/_img/icons/delicious.gif) center left no-repeat;
}
ul.serviceThings li a.addToNews2ru {
	padding-left: 20px;
	background: url(/_img/icons/news2ru.gif) center left no-repeat;
}

/* sideMenuColumn vertical menu */
#content.sideMenu #subColumn1 .contentItem {

}



/* detailed content */


/* detailed news */
#content.twoSubColumns #subColumn1 ul.serviceThings {
	margin: 10px 0;
}
#content.twoSubColumns #subColumn1 h3 {
	margin-bottom: 0;
}

#content.twoSubColumns #subColumn2 .contentItem .subContentImageColumn img.alignLeft {
	margin: 0;
}
#content.twoSubColumns #subColumn2 .contentItem .subContentContentColumn p {
	margin-top: -2px !important;
}

/* skyscraper */
.contentItem.skyScraper {
	padding: 10px 0;
}
.contentItem.skyScraper a img {
	display: block;
	margin: 0 auto;
	width: 160px;
	height: 600px;
}

/* TV schedule */
.tvSchedule {
	display: none;
}
.tvSchedule dt {
	font-size: 1.8em;
	margin-top: 0.75em;
	padding-left: 2.7em;
}
.tvSchedule dd {
	position: relative;
	font-size: 1.4em;
	padding-left: 3.5em;
	margin: 0.2em 0;
}
.tvSchedule dd.spot {
	font-weight: bold;
}
.tvSchedule dd.past,
.tvSchedule dd.past * {
	color: #B7C27D;
}
.tvSchedule dd.past a:hover {
	color: #CFDA95;
}
.tvSchedule dd .tvScheduleTime {
	display: block;
	position: absolute;
	left: 0;
	width: 2.75em;
	text-align: right;
	font-weight: normal !important;
}

/* TODO: move to page specific CSS file */
#tvScheduleContainer {}
#tvScheduleContainer .tvSchedule {
	margin-right: 200px;
}
#tvScheduleContainer #tvScheduleCalendarHolder {
	position: absolute;
	top: 65px;
	right: 15px;
}
#tvScheduleCalendarHolder select {
	background-color: #D0E0A7;
}

/* programm schedule */
#programmScheduleTonight {
}
#programmScheduleTonight .clear {
	padding: 1px;  /* uncollapsing for opera */
}
#programmScheduleTonight dl {
	position: relative;
	float: left;
	width: 25%;
	margin-top: 10px;
}
#programmScheduleTonight dl dt,
#programmScheduleTonight dl dd {
	font-weight: bold;
	text-transform: uppercase;
}
#programmScheduleTonight dl dt {
	font-size: 1.6em;
	color: #4C0C28;
}
#programmScheduleTonight dl dd h3 {
	font-size: 1.1em;
	color: #003E17;
}

/* all shows */
#allShows {}

#allShows .topShows {
	position: relative;
	float: left;
	width: 33%;
	padding: 5px 0; /* same as subContentItem has */
	margin-bottom: 5px;
}
#allShows .topShows img {
	display: block;
	margin: 2px;
	margin-bottom: 8px;
}
#allShows .topShows h3 {
	position: relative;
	margin-right: 1em;
}
#allShows .topShows:hover img,
#allShows .topShows.hover img {
	border: 2px solid #4C0C28;
	margin: 0;
	margin-bottom: 6px;
}
#allShows .topShows:hover h3 a,
#allShows .topShows.hover h3 a {
	text-decoration: underline;
}
#allShows .topShows a.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%; /* along with expression and blank bg for IE6 */
	z-index: 1;
	outline: none;
}
#allShows .topShows p {
	font-size: 1.1em;
	color: #003e17;
	margin-right: 1em;
}
#allShows .mmmJustList {
	position: relative;
	margin: 5px 0;
}
#allShows .mmmJustList {
	border-top: 1px solid #cada7d;
}
#allShows .mmmJustList li {
	margin-bottom: -1px;
	border-top: none;
	border-bottom: 1px solid #cada7d;
}
#allShows .justShows {
	float: left;
	width: 33%;
}
#allShows .justShows a {
	font-family: Tahoma, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 4px;
}
#allShows .clearBorder { /* TODO: Remake with clearing each 3 divs  */
	height: 1px;
	margin-top: -5px;
	border-top: 1px solid #cada7d;
}

/* wannabe on MTV? */
#wannabe {}
#wannabe .subContentItem {
	border: none;
}
#wannabe .subContentItem .subContentContentColumn {}
#wannabe .subContentItem p.text {
	margin: 5px 0;
	font-size: 1.4em !important; /* override for subcontent>p */
}

/* chart */
#chart {}
#chart h5 {
	padding-bottom: 5px;
	border-bottom: 1px solid #CADA7D;
}
#chart ol.mmmJustList {
	list-style-position: outside;
	margin-left: -3.25em;
}
#chart ol.mmmJustList li {
	position: relative;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	color: #e1eca7;
	padding: 8px 0 2px 0;
	margin-left: 3.0em;
}
#chart ol.mmmJustList li span {

}
#chart ol.mmmJustList li span img {
	width: 70px;
	height: 50px;
	margin-right: 0.5em;
	vertical-align: top;
}
#chart ol.mmmJustList li a:hover {
	text-decoration: none;
}
#chart .alphabet {
	margin-left: -25px;
	margin-bottom: 25px;
	padding: 0 5px;
}

/* top20 */
.top20 {
	padding-left: 40px;
	background: #009496 url(/_img/corners/blueFlowers.gif) repeat;
	padding-right: 0; /* IE 6 fix */
}
.top20 #top20IllTop {
	display: block;
	width: 320px;
	height: 165px;
	margin-top: -10px;
	margin-left: -40px;
	background: url(/_img/art/top20Ill.png) center no-repeat;
}
.top20 #top20IllBottom {
	position: absolute;
	width: 70px;
	height: 115px;
	bottom: 5px;
	right: 5px;
}
.top20 h5 {
	padding-bottom: 5px;
	margin-top: -10px;
	color: #daeca7;
	font-size: 2em;
	font-family: "Arial Narrow", sans-serif;
	margin-left: -2.0em;
}
.top20 ol.mmmJustList {
	list-style-position: outside;
	margin-left: -3.25em;
}
.top20 ol.mmmJustList li {
	position: relative;
	font-size: 1.1em;
	
	padding: 0;
	margin: 6px 0;
	margin-left: 3.0em;	
	border: none;
	color: #2ee9ec;
}
.top20 ol.mmmJustList li.firstFive {}
.top20 ol.mmmJustList li.firstFive .artist {
	display: block;
}
.top20 ol.mmmJustList li .subContentItem {
	margin: 0;
	padding: 0;
	border: none;
	margin-left: -2em;
	margin-top: -1.2em;
	padding-left: 2em;
}
.top20 ol.mmmJustList li.firstFive .subContentItem {
	border-bottom: 1px solid #2ee9ec;
	padding-bottom: 4px;
}
.top20 ol.mmmJustList li .artist {
	margin-right: .5em;
	text-transform: uppercase;
	font-weight: bold;
	color: #671841;
}
.top20 ol.mmmJustList li .song {
	color: #2ee9ec;
}
.top20 .alphabet {
	margin-left: -25px;
	margin-bottom: 25px;
	padding: 0 5px;
}
.top20 .mmmJustList li .clear {
	margin: 0; /*strange margin decompensation :) */
}
.top20 .squaresLink {
	background-image: url(/_img/icons/fiveSquares.gif);
}

#top20full {
	padding-top: 225px;
	padding-bottom: 310px;
}
#top20full .art {}
#top20full .art {
	position: absolute;
	left: 0;
	width: 608px;
}
#top20full .opacityOverlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #009496;
	opacity: .8;
}
#top20full #top20Header .opacityOverlay {
	background-color: #FFF;
}
#top20full #topIll {
	top: 0;
	height: 419px;
	background: url(/_img/art/bigChartIll_top.jpg) center no-repeat;
}
#top20full #bottomIll {
	background: url(/_img/art/bigChartIll_bottom.jpg) center no-repeat;
	height: 310px;
	bottom: 0;
}
#top20full #top20Header {
	position: absolute;
	width: 260px;
	top: 20px;
	right: 40px;
	padding: 15px;
}
#top20full #top20Header p.text,
#top20full #top20Header h4 {	
	color: #7e9835;
}
#top20full #top20Header p.text {
	font-size: 1.2em !important;
}
#top20full #top20Header h4 {
	text-transform: uppercase;
	font-size: 1.4em;
}
#top20full .sideArt {
	padding-right: 30px;
	background-position: left top;
	background-repeat: repeat-y;
}
#top20full .sideArt .opacityOverlay {
	left: 105px;
	right: 30px;
	width: auto; /* expression */
}
#top20full #side1.sideArt {
	background-image: url(/_img/art/bigChartIll_side1.gif);
	background-color: #48c5b5;
}
#top20full #side2.sideArt {
	background-image: url(/_img/art/bigChartIll_side2.gif);
	background-color: #7e9835;
}
#top20full #side3.sideArt {
	background-image: url(/_img/art/bigChartIll_side3.gif);
	background-color: #b90a57;
}
#top20full #side4.sideArt {
	background-image: url(/_img/art/bigChartIll_side4.gif);
	background-color: #25a2a8;
}
#top20full .sideArt.noOpacity .opacityOverlay {
	opacity: 100;
}
#top20full .chartItem {
	padding: 4px 10px;
	min-height: 55px;
	margin-left: 105px;

	font-size: 1.2em;
	font-family: "Tahoma", serif;
	color: #879f42;
	font-weight: bold;
	border-bottom: 1px solid #2ee9ec;
	z-index: 1;
}
#top20full .chartItem img {
	vertical-align: top;
}
#top20full .chartItem .artist,
#top20full .chartItem .song,
#top20full .chartItem .number {
	margin-left: 0.5em;
	color: #2ee9ec;
}
#top20full .chartItem .song {
	font-weight: normal;
	margin-left: 30px;
}
#top20full .chartItem .artist {
	text-transform: uppercase;
	color: #671841;
}
#top20full .chartItem .position {
	position: absolute;
	right: 5%;
	top: 4px;
	width: 58px;
	height: 58px;
}
#top20full .positionUp {
	background: url(/_img/icons/chartUpIcon.png) center no-repeat;
}
#top20full .positionDown {
	background: url(/_img/icons/chartDownIcon.png) center no-repeat;
}
#top20full .positionNew {
	background: url(/_img/icons/chartNewIcon.png) center no-repeat;
}

/* top20 page side box with VJs */
#top20fullVJBox {
	padding: 265px 10px 490px 60px;
}
#top20fullVJBox .topBG {
	background: url(/_img/art/bigChartSibeBarTop.png) center no-repeat;
	width: 320px;
	height: 254px;
}
#top20fullVJBox .bottomBG {
	background: url(/_img/art/bigChartSibeBarBottom.png) center no-repeat;
	width: 320px;
	height: 615px;
}
#top20fullVJBox .VJLink {
	position: absolute;
	bottom: 0;
	width: 150px;
	height: 110px;
	z-index: 2;
	zoom: 1;
}
#top20fullVJBox .VJLink1 {
	left: 35px;
	bottom: 330px;
} 
#top20fullVJBox .VJLink2 {
	bottom: 225px;
	right: 0;
} 
#top20fullVJBox .VJLink3 {
	bottom: 65px;
	left: 35px;
} 
#top20fullVJBox p {
}

/* chart voting */
#chartVote {}
#chartVote #chartVoteText {
	float: right;
	width: 200px;
}
#chartVote #chartVoteForm {
	margin-right: 205px;
}
#chartVote div.clear {

}
#chartVote fieldset {
	margin-bottom: 0.75em;
}
#chartVote fieldset legend {
	font-weight: bold;
	margin-bottom: 0.25em;
	color: #003E17;
}
#chartVote input.text {
	font-size: 1.1em !important;
	width: 150px;
}
#chartVote select {
	font-size: 1.1em !important;
	padding: 0;
	width: 155px;
}
#whichArtists table {
	margin-top: -0.5em;
	margin-left: -1.0em
}
#whichArtists table td.column1 {
	padding-right: 0;
}
#whichArtists table td.column2 {
	padding-right: 0.3em;
}
#whichArtists table td.column3 {
	padding-right: 0.3em;
}
#whichArtists table td input {
	width: 100%;
}
#aboutYou label {
	display: block;
	float: left;
	width: 5em;
	padding-top: 0.3em;
}
#aboutYou .formItem {
	padding: 0.1em 0;
}
#aboutYou input#aboutAge {
	width: 30px;
}
#chartVote fieldset#submit label {
	vertical-align: middle;
}
#chartVote fieldset#submit .formItem {
	margin: 8px 0;
}

/* widgets */

/* TV */
#tvWidget {
	padding: 10px;
	padding-top: 260px; /* this is widget height. the reason is in nifty 'fixed height' option*/
}
#tvWidget .contentBgEmulatorIEHelper {
	margin-left: -10px;
}
.tvWidgetItem {
	display: none;
	position: absolute;
	top: 10px;
	left: 10px;
	width: 0;
	overflow: hidden;
}
.tvWidgetItem .tvWidgetItemWrapper {
	position: relative;
	display: block;
	width: 580px;
	height: 246px;
}
.tvWidgetItem .tvWidgetItemWrapper a.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 235px;
	overflow: hidden;
	text-indent: -32768px;
	background: url(/_img/blank.gif) repeat;
	z-index: 2;
}
.tvWidgetItem .tvWidgetItemWrapper:hover,
.tvWidgetItem .tvWidgetItemWrapper.hover {
	cursor: pointer;
	background: url(/_img/blank.gif) repeat;
}
.tvWidgetItem .tvWidgetItemWrapper img {
	position: relative;
	float: left;
	top: 3px;
	left: 3px;
	margin-right: 15px;
	border: none;
}
.tvWidgetItem .tvWidgetItemWrapper h3 {
	font-size: 2.8em;
	line-height: .96em;
	margin-bottom: 15px;
}
.tvWidgetItem .tvWidgetItemWrapper h3 {
	color: #003e17;
}
.tvWidgetItem .tvWidgetItemWrapper p {
	color: #e1eca7;
}
.tvWidgetItem .tvWidgetItemWrapper:hover h3,
.tvWidgetItem .tvWidgetItemWrapper.hover h3,
.tvWidgetItem .tvWidgetItemWrapper:hover p,
.tvWidgetItem .tvWidgetItemWrapper.hover p {
	text-decoration: underline;
}
.tvWidgetItem .tvWidgetItemWrapper:hover img,
.tvWidgetItem .tvWidgetItemWrapper.hover img {
	top: 0;
	left: 0;
	margin-right: 9px;
	border: 3px solid #258f9c;
}
#tvWidgetSwitcher {
	position: absolute;
	bottom: 10px;
	right: 10px;
}
#tvWidgetSwitcher a {
	display: block;
	float: left;
	margin: 0 3px;
	width: 15px;
	height: 10px;
	font-size: 0;
	text-indent: -32768px;
	background: url(/_img/icons/tvControl.gif) center -10px no-repeat;
}
#tvWidgetSwitcher a.current,
#tvWidgetSwitcher a:hover {
	background-position: center 0;
}

/* site navigation menu */

ul.menu, ul.menu ul {
/*
    position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	background-color: transparent;
	border: none;
	font-size: 100%;
	*/
	font:12px Tahoma, Arial, Helvetica, sans-serif;
}
ul.menu li { /* 1st (top) level menu item, will be overriden */
	position: relative;
	float: left;
	padding-left: 3px;
	/* background: #8C9E0F url(/_img/menuSplitter.png) left center no-repeat; */
}
ul.menu li .rounding {
	position: relative;
	display: none;
	height: 10px;
	margin: 0 10px 0 7px;
	background-color: #d54873;
}
ul.menu li .rounding,
ul.menu li .rounding * {
	font-size: 0;
}
ul.menu li .rounding .roundingLeft,
ul.menu li .rounding .roundingRight {
	position: absolute;
	top: 0;
	width: 10px;
	height: 10px;
}
ul.menu li .rounding .roundingLeft {
	left: -10px;
}
ul.menu li .rounding .roundingRight {
	right: -10px;
}
ul.menu li .roundingTop {
	top: 0;
	margin-bottom: -10px;
}
ul.menu li .roundingBottom {
	bottom: 0;
	margin-top: -10px;
}
ul.menu li ul li .roundingTop {
	top: -10px;
	margin-bottom: -10px;
}
ul.menu li ul li .roundingBottom {
	bottom: -10px;
	margin-top: -10px;
}
ul.menu li .roundingTop .roundingLeft {
	background: url(/_img/corners/menu/menuTL.gif) center no-repeat;
}
ul.menu li .roundingTop .roundingRight {
	background: url(/_img/corners/menu/menuTR.gif) center no-repeat;
}
ul.menu li .roundingBottom .roundingLeft {
	background: url(/_img/corners/menu/menuBL.gif) center no-repeat;
}
ul.menu li .roundingBottom .roundingRight {
	background: url(/_img/corners/menu/menuBR.gif) center no-repeat;
}
ul.menu li.noDecorationTop {
	background-image: none;
}
ul.menu li.noDecoration a,
ul.menu li.hasSubMenu ul li.noDecoration a {
	border-top: none;
}
ul.menu li:hover,
ul.menu li.hover {
/*	background: /*#B90A57; /* no splitter image */
	/*padding-right: 3px;
	margin-right: -3px;*/
	z-index: 3;
}
ul.menu li:hover .rounding,
ul.menu li.hover .rounding {
	display: block;
}

ul.menu li a {
	position: relative;
	display: block;
	padding: 5px 10px;
	font-size: 1.4em;
	/* text-transform: lowercase; */
	outline: none;
}
ul.menu li a,
ul.menu li a:hover,
ul.menu li a:visited {
	text-decoration: none;
}
ul.menu li ul { /* 2nd level */
	position: absolute;
	z-index: 30;
	display: none;
	margin-top: 10px;
	left: 15px;
	min-width: 120px; /* change along with IE */
}
ul.menu li ul li { /* every non-toplevel menu item */
	position: relative;
	float: none;
	/* background: #d54873; */ /* overriding top level image */
	background: #3d3838;
}
ul.menu li ul li a,
ul.menu li ul li.hasSubMenu ul li a {
	font-size: 1.1em !important; /* overriding #header a */
	text-transform: uppercase !important;
	padding-top: 3px;
	padding-bottom: 1px;

	color: #fff !important;
	/* border-top: 1px solid #a7024a; */ /* color the same as li bg */
	/* border-top: 1px solid #000; */
	/* border-bottom: 1px solid #d54873; */
	border-bottom: 1px solid #000;
}
ul.menu li ul li:hover,
ul.menu li ul li.hover {
	padding-right: 0;
	margin-right: 0;
	/*margin-bottom: -1px; /* hide previous li a border bottom */
	/*padding-bottom: 1px; /* hide previous li a border bottom */
}
ul.menu li ul li:hover a,
ul.menu li ul li.hover a,
ul.menu li ul li.hasSubMenu ul li:hover a,
ul.menu li ul li.hasSubMenu ul li.hover a {
	/*border-color: #B90A57; /* color  the same as li bg */
	color: #FFF !important;
}
ul.menu li ul li.hasSubMenu { /* styles for item having submenu */

}
ul.menu li ul li.hasSubMenu ul { /* 3rd level */
	display: none;
	top: 0;
	left: 100%;
}
ul.menu li:hover ul,
ul.menu li.hover ul,
ul.menu li ul li.hasSubMenu:hover ul,
ul.menu li ul li.hasSubMenu.hover ul {
	display: block;
}



.page_out {margin: 10px;}
.page_out a {text-decoration: underline;}
.page_out .po_self{background: #B80956; padding:2px;}


.cable_container { /* table for cable networks by zhenya */
	height: 418px;
	overflow: auto;
	margin-right: 25px;
}

table.maintable {
	width: 100%;
}

table.maintable * {
	position: static;
}

table.maintable th, td {
	padding: 2px 5px 2px 5px;
}

table.maintable th {
	color: #e1eca7;
	background-color: #671841;
	font-size: 1.3em;

}

table.maintable td {
	vertical-align: middle;
	background-color: #abcb52;
	font-size: 1.1em;
}

table.maintable .anal{
	background-color: #adc9ea;
}

table.maintable .digit{
	background-color: #f6b6ba;
}

table.maintable .selo{
	background-color: yellow;
}

table.maintable .air{
	background-color: #e1eca7;
}


tr.region td {
	background-color: #00736a;
	color: #e1eca7;
	font-weight: bold;
	text-align: center;	
}


/* tuborg party zone right block*/

.partyzone {
	padding-left: 40px;
	background: #044700;
	padding-right: 0px;
	padding-bottom: 130px;
}

.partyzone #pzoneIllTop {
	display: block;
	width: 320px;
	height: 226px;
	margin-top: -10px;
	margin-left: -40px;
	margin-bottom: -9.5em;
	background: url(/_img/art/pzoneBlockTopBg.jpg) center no-repeat;
}

.partyzone #pzoneIllBottom {
	background: url(/_img/art/pzoneBlockBottomBg.jpg) center no-repeat;
	position: absolute;
	width: 320px;
	height: 111px;
	bottom: 5px;
	right: 5px;
	bottom: 0px;
	right: 0px;
}

.partyzone h5 a {
	padding-bottom: -5em;
	color: #e9e769;
	font-size: 2em;
	font-family: "Arial Narrow", sans-serif;
	margin-left: -0.8em;
}


.partyzone .subContentItem {
	border-bottom: 1px solid #61f926;
	margin-right: 2em;
	margin-left: -2em;
	margin-bottom: 0.5em;
	text-transform: uppercase;
	color: #61f926;
}

.partyzone .subContentItem a{
	margin-right: .5em;
	text-transform: uppercase;
	color: #61f926 !important;
}

.partyzone .subContentItem p a{
	font-weight: bold;
}

.partyzone .subContentItem:hover a,
.partyzone .subContentItem.hover a {
	text-decoration: underline;
}

.partyzone .subContentItem h3 a {
	margin-right: .5em;
	text-transform: uppercase;
	color: #e9e769 !important;
	font-size: 1.4em;
	font-weight: normal;
}

.partyzone .subContentItem:hover img.subContentItemImage,
.partyzone .subContentItem.hover img.subContentItemImage {
	border: 2px solid #e9e769;
	margin: 0;
}


.partyzone .date {
	margin-right: .5em;
	text-transform: uppercase;
	font-weight: bold;
	color: #61f926;
}
.partyzone .descr {
	font-size: 1.5em;
	font-family: "Arial Narrow", sans-serif;
	color: #daeca7;
}

.partyzone .full_descr {
	margin-right: .5em;
	text-transform: uppercase;
	color: #61f926;
}

table.invite td input, select, textarea{
width: 250px;
}

#submit_button {
width: 100px;
}

table.invite .column1 {
text-align: right;
width: 50%;
}

table.invite .column2 {
text-align: left;
width: 50%;
}

#copyText, #copyText a {
	/* color: #333; */
	color: #fff;
}
#copyText a {
	text-decoration: underline;
}
#copyText a:hover {
	text-decoration: none;
	color: white!important;
}

/* DANCEFLOOR CHART*/

.df_main {
	background: url(/_img/dancefloor/total_bg.gif) #000 repeat-y;
	width: 938px;
	height: 1222px;
	padding: 0; 
	margin-bottom: 0;
}

.df_secondary {
	background: url(/_img/dancefloor/BigBg.jpg) no-repeat top;
	width: 938px;
	height: 100%;
}

.df_footer {	
	background: url(/_img/dancefloor/BottomBg.jpg) #000 no-repeat bottom;
	width: 938px;
	height: 210px;
	position: absolute;
	bottom: 0px;
}

#df_block1 {
	position: relative;
	top: 238px;
	left: 168px;
	width: 600px;
	font-family: Verdana, sans-serif;
}

#df_block2 {
	position: absolute;
	top: 277px;
	left: 665px;
	width: 230px;
	height: 240px;
}

#df_block2 h3{
	color: #ccff00 !important;
	font-size: 1.8em !Important;
	font-family: Tahoma, sans-serif !Important;
	font-weight: normal;
	margin-bottom: 15px;
}

#df_block2 p{
	color: #33cc33 !important;
	font-size: 1.1em;
	padding-bottom: 7px;
}

.df_chart {
	border-bottom: 1px solid #33ff33;
	width: 450px;
	padding: 7px;
}

.df_chart p{
	color: #33ff33 !Important;
	font-size: 1.2em !Important;
	font-weight: normal;
	width: 300px;
}

.df_chart p b{
	color: #ccff00 !Important;
	text-transform: uppercase;
}

/*.df_chart:hover p,
.df_chart:hover p b,
.df_chart.hover p,
.df_chart.hover p b {
	text-decoration: underline;
}

.df_chart:hover img.subContentItemImage,
.df_chart.hover img.subContentItemImage {
	border: 2px solid #33ff33;
	margin: 0;
}*/

.bottom_element {
	background: url(/_img/dancefloor/bottom_element.gif) #671841 no-repeat;
	height: 23px;
	margin: 0 0 25px 203px;
	width: 150px;
}

.df_position .position {
	float: right;
	margin-right: 10px;
	width:40px; 
	height:40px;
}
.df_position .positionUp {
	background: url(/_img/dancefloor/icon_up.png) center no-repeat;
}
.df_position .positionDown {
	background: url(/_img/dancefloor/icon_down.png) center no-repeat;
}
.df_position .positionNew {
	background: url(/_img/dancefloor/icon_new.png) center no-repeat;
}

/* #DANCEFLOOR CHART*/

/* ///////////rock chart //////////*/

.rock_global {
	height: 1084px;
	background: url(/_img/art/bigBg_rockchart.jpg) center no-repeat;
	padding: 0;
	color: #000;
	font: 1.3em Tahoma, Sans-Serif;	
}

.rock_global b {
	display: none !important; /* no nifty corners */
}

.rock_global a {
	color: #a9100b;
	font-weight: bold;
}

.rock_global span {
	color: #a9100b;
	text-transform: uppercase;
	font-weight: bold;
}

.rock_content {
	position: relative;
	width: 470px;
	height: 652px;
	background: none;
	top: 368px;
	left: 267px;

}	

.rock_content img {
	border: 2px solid #000;
}

.blackline {
	padding: 5px 7px;
	border-bottom: 1px solid #484848;
	margin: 0;
}

#rock_block1,
#rock_block2 {
	position: absolute;
	top: 220px;	
}

#rock_block1 {
	left: 360px;
	width: 219px;
}

#rock_block2 {
	left: 604px;
	width: 304px;
}

#fidzh1 {
	position: absolute;
	width: 100px;
	height: 545px;
	width: 190px;
	right: 10px;
	top: 326px;
}

#fidzh1 a {
	display: block;
	height: 100%;
	position: relative;
}

.rock_position {
	position: absolute;
	right: 15px;
	top: 0;
	width:60px; 
	height:60px;
}
.rock_positionUp {
	background: url(/_img/art/rock_up.png) center no-repeat;
}
.rock_positionDown {
	background: url(/_img/art/rock_down.png) center no-repeat;
}
.rock_positionNew {
	background: url(/_img/art/rock_new.png) center no-repeat;
}

/* \\\\\\\\\\\\\rock chart\\\\\\\\\\\\*/




/* clubbers guilds */

.guild_all {
	background: #671841;
	width: 939px;
	padding: 0; 
	margin-bottom: 11px;
	margin-top: 0 !important;
	color: #0e0e0e;
	font-size: 1.2em;
	font-family: Tahoma, sans-serif;
	font-weight: normal;
}

.guild_all a{
	color: #eb4984;
	font-weight: bold;	
}

.guild_all span{
	color: #eb4984;
	font-weight: bold;	
}


#guild_logo,
#guild_box1,
#guild_box2,
#guild_box3,
#guild_box4,
#guild_box5 {
	position: relative;
	padding: 0;
	margin: 0;
}

#guild_top_bg {
	background: url(/_img/guild/guild_top_bg.jpg) bottom left no-repeat;
	width: 628px;
	height: 7px;
	margin-top: 5px;
}

#guild_logo {
	background: url(/_img/guild/guild_logo.jpg) bottom left no-repeat;
	width: 399px;
	height: 371px;
	float: left;
}


#guild_box1 {
	background: url(/_img/guild/guild_box1.jpg) no-repeat;
	width: 540px;
	height: 371px;
	float: right;
}

#guild_box2 {
	background: url(/_img/guild/guild_box2.jpg) no-repeat;
	width: 399px;
	height: 426px;
	float: left;
}

#guild_box3 {
	background: #fff url(/_img/guild/guild_box3.jpg) bottom no-repeat;
	width: 540px;
	height: 426px;
	float: right;
}

#guild_box4 {
	background: url(/_img/guild/guild_box4.jpg) no-repeat;
	width: 449px;
	height: 305px;
	float: left;
}

#guild_box5 {
	background: url(/_img/guild/guild_box5.jpg) no-repeat;
	width: 490px;
	height: 305px;
	float: right;
}

#guild_logo_text {
	color: #671841;
	position: absolute;
	text-align: center;
	display: block;
	right: 27px;
	bottom: 36px;
}

#guild_box1 h3 {
	color: #671841;
	font-size: 1.2em;
	font-family: verdana, sans-serif;
	text-transform: uppercase;
	width: 230px;
	height: 125px;
	position: absolute;
	display: block;
	top: 35px;
	right: 30px;
}

#guild_box1_txt1 {
	width: 218px;
	height: 169px;
	position: absolute;
	display: block;
	bottom: 0px;
	left: 40px;
}

#guild_box1_txt2 {
	width: 218px;
	height: 115px;
	position: absolute;
	display: block;
	bottom: 0px;
	right: 40px;
}

#guild_box2_txt {
	width: 218px;
	height: 160px;
	position: absolute;
	display: block;
	bottom: 0px;
	left: 28px;
}

#guild_box4_txt {
	width: 157px;
	height: 185px;
	position: absolute;
	display: block;
	bottom: 57px;
	right: 34px;
}

#guild_box5_txt {
	width: 177px;
	height: 185px;
	position: absolute;
	display: block;
	top: 22px;
	right: 17px;
}

#guild_player {
	background: url(/_img/guild/guild_player_border.jpg) no-repeat;
	position: absolute;
	width: 396px;
	height: 333px;
	bottom: 32px;
	left: 75px;
	padding: 37px;
}

#guild_blog_link {
	position: absolute;
	right: 56px;
	bottom: 131px;
	width: 165px;
	height: 77px;
}

#guild_blog_link a{
	position: relative;
	height: 100%;
	display: block;
}

/* clubbers guilds end */


#volia_logo {
	background: url(/_img/VoliaBroadband.jpg) no-repeat bottom;
	width: 175px;
	height: 67px;
	color: #fff;
	margin-left: 10px;
}

#volia_logo a{
	width: 100%;
	height: 100%;
	display: block;
}

ol.worldChartExpress li{
	margin: 10px 0 10px 20px;
}

/*  ordinary chart's style */

.chart .chartItem {
	padding: 4px 10px;
	min-height: 55px;
	font-size: 1.2em;
	font-family: "Tahoma", serif;
	color: #879f42;
	font-weight: bold;
	border-bottom: 1px solid #cada7d;
	z-index: 1;
}
.chart .chartItem img {
	vertical-align: top;
}
.chart .chartItem .artist,
.chart .chartItem .song,
.chart .chartItem .number {
	margin-left: 0.5em;
	color: #003E17;
}
.chart .chartItem .song {
	font-weight: normal;
	margin-left: 30px;
}
.chart .chartItem .artist {
	text-transform: uppercase;
	color: #671841;
}
.chart .chartItem .position {
	position: absolute;
	right: 5%;
	top: 4px;
	width: 58px;
	height: 58px;
}
.chart .positionUp {
	background: url(/_img/icons/chartUpIcon.png) center no-repeat;
}
.chart .positionDown {
	background: url(/_img/icons/chartDownIcon.png) center no-repeat;
}
.chart .positionNew {
	background: url(/_img/icons/chartNewIcon.png) center no-repeat;
}

/*  /////////  ordinary chart's style */