﻿html
{
	background: #070a0d url(images/html_bg.jpg) left top repeat-x;
}

body
{
/*background:transparent url(images/body_bg_main.jpg) center 100px no-repeat;*/
font-family:Arial, "Lucida Sans Unicode",sans-serif;
font-size:14px;

}
.homeBody
{
	/*background:transparent url(images/body_bg.jpg) center 100px no-repeat;*/
}
.customHolder
{
	text-align: left;
 /*background: transparent url(../../images/firstTheme/pattern.jpg) repeat top center;*/

	min-height: 850px;
	height: 100%;
	display: block;
	background: url("images/body_bg.jpg") no-repeat scroll center top transparent;
}

.customContentHolder
{
margin:0 auto;
padding:0;
width:1007px;
position:relative;
}

.customLogoHolder
{
padding:85px 0 35px 0;
}

.customLogoHolder a
{ 
	

}
.customContent
{
height:auto;
margin:0 auto;
min-height:600px;
overflow:hidden;
position:relative;
background:transparent url(images/customContentBg.png) no-repeat scroll center 337px;
/*width:962px;*/
}
.homeBody .customContent
{
background:transparent url(images/customContentBg.png) no-repeat scroll center 337px;
}
.customContent .titleLabel
{
	color: #ff7200;
}

.customContent #tabelaHolder td table td
{
	padding: 0px;
	margin: 0px;
}
.customContent #tabelaHolder td
{
	padding: 2px;
	margin: 0px;
}



.customContent a
{
color:#CDD5DC;
text-decoration:none;
}
.customContent a:hover
{
	color: #666;
}

.textWidgetWrapper a
{
border-bottom:1px solid #FFFFFF;
color:#FFFFFF;
font-size:14px;
text-decoration:none;
}
.textWidgetWrapper a:hover
{
color:#fff;
	border-bottom:1px solid #1985B5;
}
.customHeader
{
height:306px;
margin:0 auto;
padding:0;
	width: 962px;
position:relative;
}

.lblHeaderBandName
{

background:transparent url(images/logo.png) top right no-repeat;
display:block;
height:139px;
padding:2px;
text-align:left;
text-indent:-1000px;
width:300px;
z-index:180;
}


.lblHeaderBandGenre
{
width: 0;
	
	height:0;
	background:none;
	padding: 0px;
	text-align: right;
	display: none;
	z-index: 0;
}


/* 
##################################################
##########styles navigation#############
##################################################
*/


.customNav
{
padding-top:4px;
overflow:hidden;	
}
.customNav a.AspNet-Menu-Link
{
color:#B9B8B8;
display:block;
font-family:Arial,"Lucida Sans Unicode",sans-serif;
font-size:14px;
font-weight:normal;
letter-spacing:normal;
line-height:40px;
margin:0;
padding:0 10px;
text-decoration:none;
	
}
.customNav a.AspNet-Menu-Link:hover
{
color: #71a9c9;
background:transparent url(images/active_nav.jpg) top left repeat-x;
}
.zaSafariKlasa
{
float:left;
line-height:12px;
margin:0;
padding:0;
text-align:right;
}

a.loginLink
{
	width: 60px;
	text-align: right;
	color: #0f0f0f;
	font-size: 12px;
	letter-spacing: normal;
	font-family: Trebuchet MS;
	font-weight: normal;
	padding: 0;
	line-height: normal;
	display: block;
	clear: both;
	text-decoration: underline;
	position: absolute;
	top: 195px;
	left: 886px;
	text-decoration: none;
}

/* 
##################################################
##########end for navigation#############
##################################################
*/
.WpzContentLeftHolder
{
color:#000000;
display:block;
float:left;
padding:0;
text-align:center;
width:940px;
}

.WpzContentLeftHolder .divWidgetHolder
{
	margin: auto;
	width: auto;
}




.WpzContentCenterHolder
{
color:#CDD5DC;
display:block;
float:left;
min-height:400px;
min-width:236px;
padding:25px 0 0 27px;
text-align:center;
width:610px;
}

.WpzContentCenterHolder .widgetTitle
{
color:#CDD5DC;
display:block;
font-size:20px;
font-weight:bold !important;
padding-bottom:15px;
text-align:center;
vertical-align:bottom;
border-bottom:1px solid #CDD5DC;
}


.WpzContentCenterHolder .divWidgetHolder
{
	margin: auto;

}

.WpzContentCenterHolder .divWidgetHolder .divPhotosWidRepeater img,.WpzContentCenterHolder .divWidgetHolder .divPhotosWidRepeater input
{
	max-width:220px;
	
}
.WpzContentRightHolder
{
color:#CDD5DC;
display:block;
float:right;
min-height:400px;
min-width:236px;
padding:23px 33px 0 0;
}




.WpzContentRightHolder .divWidgetHolder
{
	margin: auto;

}


.WpzContentRightHolder .divWidgetHolder .divPhotosWidRepeater img,.WpzContentRightHolder .divWidgetHolder .divPhotosWidRepeater input
{
	max-width:220px;
	
}

.WpzHolder table table
{
	border: none; /*background-color: #cfbd86;*/
	clear: both;
	margin: 0px auto;
}
.WpzContentLeftHolder .WpzGeneric
{
	background:none;
	border:none;
	width:100%;
}
.WpzGeneric, .WpzGenericCenter
{
    width:303px;
}


.theWebPartRight,.theWebPartCenter
{
	
	border:1px solid #132637 !important;
	background:#050b10;
	text-align: center;
	padding: 5px;
	margin:0 auto 10px;
	color:#CDD5DC;
}

.theWebPartCenter
{
	width:615px !important;
	background:none;
	border:0 !important;
}
.WpzHolder
{
	min-height: 150px;
	margin: auto;
	text-align: center;
}


.albumHolder
{
	min-height: 160px;
	background: #fff;
	width: 120px;
	text-align: center;
	font-family: "Trebuchet MS";
	font-size: 10px;
	margin: 5px;
	line-height: 11px;
	padding: 5px;
}


.viewGal, legend
{
	text-decoration: none;
	color: #3874b6;
	font-weight: bold;
}

legend
{
	font-size: 12px;
}
.viewGal:hover
{
	color: #5a96d8;
}

.theFieldset
{
}

.infoHolder
{
	text-align: left;
	padding: 10px 5px;
}
.linkHolder
{
	text-align: left;
	color: #3874b6;
	display: block;
	padding-left: 8px;
	padding-bottom: 10px;
	padding-right: 8px;
	padding-top: 10px;
	margin: 5px;
}
object
{
	display: block;
	margin: auto;
}

.dlForumHolder
{
	width: 930px;
	display: block;
	text-align: center;
	margin: auto;
}
.forumHeader
{
	background: transparent url(../../images/forumTitleBg.jpg) repeat-x left bottom;
	color: #fe8600;
	display: block;
	width: 920px;
	height: 15px;
	padding: 5px;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	font-family: Trebuchet MS;
	cursor: pointer;
}
.pnlImgResizerholder
{
	padding: 0;
	background: none;
	width: 400px;
	text-align: center;
}
.tableForum
{
	clear: both;
	margin: auto;
	text-align: center;
	width: 99%;
}

.tableForum th
{
	font-family: Trebuchet MS;
	font-size: 14px;
	color: #fff;
	padding: 5px;
	background-color: #814400;
}
.tableForum td, .tableForum a
{
	color: #361c01;
	font-size: 14px;
	font-family: Trebuchet MS;
	text-align: left;
	padding: 2px;
}
.tableForum tr:hover
{
	background-color: #fafaf0;
}
.tableForum a:hover
{
	color: #c16600;
}
.tdAlternating
{
	background-color: #FEEEDB;
	border: none;
}
.tableForum td, .tableForum tr
{
	border: none;
}

.divGaleryHolder
{
	width: 600px;
	margin: auto;
	height: auto;
	text-align: center;
}

a.prevLink
{
	background: transparent url(../../images/prev.png) left top no-repeat;
	padding-left: 10px;
	text-decoration: none;
	padding-bottom: 2px;
}

a.nextLink
{
	background: transparent url(../../images/next.png) right top no-repeat;
	padding-right: 10px;
	text-decoration: none;
	padding-bottom: 2px;
}
.lineHeight
{
	line-height: 20px;
}

.divProgressHolder
{
	width: 200px;
	height: 80px;
	margin: auto;
	display: block;
	background: transparent url(../../Images/progressBg.png) repeat top left;
	position: absolute;
	left: 45%;
	top: 35%;
	color: #000;
	z-index:100;
}
.imgProgress
{
	padding: 10px;
	background: transparent url(../../Images/progressIndicator.gif) no-repeat center left;
	width: 32px;
	height: 32px;
}

/*
######################################################
###fix for about me overflow problem####
######################################################
*/
.WpzContentLeftHolder .divAboutMe
{
background:none repeat scroll 0 0 transparent;
color:#98B0BF;
display:block;
font-size:16px;
min-height:250px;
overflow:hidden;
padding:65px 25px 12px;
}
.divAboutMe h2
{
color:#CDD5DC;
font-size:20px;
font-weight:bold;
letter-spacing:-0.02em;
padding:2px 0px 0;
}
.welcomeText, .divAboutMe p
{
color:#CDD5DC;
font-size:14px;
font-weight:normal;
line-height:25px;
padding-top:10px;
width:780px;
}

/*
######################################################
###End fix for about me overflow problem####
######################################################
*/


/*
the holder for the preview/ login/logout 
styles
*/

.previewModeHolder
{
padding:0;
position:absolute;
right:0;
text-align:right;
top:0;
}

.previewModeHolder input
{
	font-size:12px;
	color:#FFEEBC;
	font-family:Trebuchet MS;
	border:none;

	font-weight:bold;

	
	
}
.lblLogin
{

line-height:20px;

}
.lblLogin,input.btnPreviewMode
{
	padding:5px 25px 5px 5px;
	
	font-weight:bold;
	background:none;
	font-size:12px;
	color:#FFEEBC;
	font-family:Trebuchet MS;
	border:none;
	height:25px;
	/*background:#f00;*/
	background:transparent url(images/login.png) center right no-repeat ;
	margin:0px 0xp 0px 5px;

cursor:pointer;

}
input.previewBtn
{
	background:transparent url(images/preview.gif) center right no-repeat ;
}

input.txtFieldPreview
{
width:117px;
height:17px;

	background:transparent url(PreviewButtonBg.png) center top;
	color:#000 !important;
	font-weight:bold;
	background-color:White;
}

.divPanelLoginHolder
{
width:250px;
color:#FFEEBC;	
background-color:#282828;
display:block;
margin:0 auto;
padding:0;
text-align:center;
float:right;
font-size:12px;
position:absolute;
right:0;
}



input.btnPreviewPanel
{
	font-size:10px;
	color:#fff;
	width:35px;
	height:20px;

	border:none;
	/*background:transparent url(../../images/PreviewButtonBg.png) center top;*/
	font-family:Trebuchet MS;
	margin:3px ;
	padding:0;
	vertical-align:text-top;

	background:transparent url(../../images/editBtnBg.png) center top;
	font-family:Trebuchet MS;
	margin:3px ;
	padding:0;
	vertical-align:text-top;
	
	
	
	
}
/*
END OF
the holder for the preview/ login/logout 
styles
*/
.selectedProduct
{
color:#ff7200;
border-bottom:1px solid #ff7200 ;

	
}

.linksGrid
{
	padding:10px;
	text-align:left;
}
.linksPage .transparentBg
{
	
	width:690px;
	float:left;

	display:block;
	padding: 10px 0
	
	
}

/*news widget styles*/
.newsWidget
{
}
.newsWidget ul
{
    padding-top:30px;
}
.newsWidget li.newsRepeater,
.shortNewsWidget li.repeater
{
    list-style:none;
    padding-bottom:50px;
    clear:both;
}

.shortNewsWidget li.repeater
{

    padding-bottom:10px;

}
.shortNewsWidget .newsTitle
{
font-size:16px;
}
.newsTitle
{
display:block;
font-family:Arial,Sans-Serif;
font-size:18px;
font-weight:normal;
letter-spacing:-0.05em;
overflow:hidden;
padding:0 2px 15px 0;
color:#CDD5DC;
}
.videoTitle, .photoTitle
{
display:block;
font-family:Arial,Sans-Serif;
font-size:16px;
font-weight:normal;
overflow:hidden;
padding:5px 10px 10px 5px;
clear: both;
}

.photoTitle
{
    position:relative;
    padding-right:50px;
}
.newsBody
{
    display:block;
    color:#CDD5DC;
    font-size:14px;
	
}

li.newsRepeater .readMore
{
  clear:both;
float:right;
font-size:12px;
margin-top:10px;
padding:5px 18px;
    background:url(images/rightArrow.png) right center no-repeat;
}
.newsImage
{
float:left;
margin:5px 15px 5px 0;
display:block;
   border:1px solid #CDD5DC !important	;
}

.viewNewsTable
{
    margin:5px;
}
.newsCreator
{
}
.newsDate,.newsCreator
{
    font-size:12px;
    color:#ccc;
    padding:0 5px 0 0;
    
}
/*end of news widget styles*/
/*news Categories styles*/

.newsCategoriesRepeater
{
 border-bottom:1px solid #050B10 ;
clear:both;
list-style:none outside none;
padding:5px 0;
overflow:hidden;
    
}
.newsCategoriesRepeater .categoryName
{
    border:medium none;
float:left;
font-size:12px;
border:none;
}
.newsCategoriesRepeater:hover
{
     border-bottom:1px solid #fff;
}
.categoryName
{
}
.rssLink
{
    float:right;
}

/*news Categories styles*/
    /*
#########################
 photo widget start 
#########################*/

.photoWidget,.discoWidget
{
width:245px;
    margin:auto;
}
.repeat12
{
    width:60px;
}

.repeat12 img
{
  width:55px;
  padding-bottom:5px;
}
.imgTitle
{
 display:none;   
}

.repeat9,.repeat6
{
    width:80px;
}

.repeat9 img,.repeat6 img
{
  width:75px;
  padding-bottom:5px;
}
.repeat4 
{
    width:120px;}
.repeat4 img
{
    width:93px;
      padding-bottom:5px;}
.repeat2
{
     width:120px;
}
.repeat2 img
{
     width:115px;
       padding-bottom:5px;
}
.numImg
{
font-size:10px;
position:absolute;
right:0;
top:10px;
}
    /*
#########################
 photo widget END 
#########################*/
    /*
#########################
video widget END 
#########################*/

.videosList,.photoList
{
width:600px;
}
    
    
.videosList li
{
float:left;
list-style:none outside none;
margin:auto;
overflow:hidden;
padding-right:50px;
width:250px;
min-height:305px;
}

.photoList li
{
float:left;
list-style:none outside none;
margin:auto;
overflow:hidden;
padding-right:50px;
width:250px;
min-height:250px;
}

.videosList .media ,.photoList .media
{
float:left;
margin:5px;
border:1px solid #CDD5DC;
}

.videoDesc,.photoDesc
{
display:block;
font-size:13px;
overflow:hidden;
padding-left:5px;
}
    /*
#########################
 video widget END 
#########################*/


/*
#########################
 music widget  
#########################*/
.musicRepeaterWrap
{
    width:600px;
    overflow:hidden;
    display:block;
	}
.musicRepeater
{
border:1px solid #132637 !important;
clear:both;
display:block;
overflow:hidden;
padding:10px;
margin:10px 0;

}

.discoRepeater
{
border:1px solid #132637 !important;
display:block;
float:left;
margin:10px 10px 10px 0;
overflow:hidden;
padding:10px 17px 10px 10px;
width:261px;
}
.musicRepeater img, .discoRepeater img
{
float:left;
padding:0 10px 0px 0;
width:100px;
}

 .discoRepeater .musicPlayerWrap
 {
 float:left;
overflow:hidden;
 }
.musicRepeater object
{
    float:left;
    margin-left:5px;
    overflow:hidden;
}

.categoryName,.songName
{
display:block;
font-family:Arial,Sans-Serif;
font-size:14px;
font-weight:bold;
letter-spacing:-0.1em;
padding:0px 2px;
min-height:0;  

}

.categoryName
{
    padding:0px 5px;
    border-left:1px solid #132637;
    border-right:1px solid #132637;
    color:#f7f7f7;
}
.songDescription
{
clear:both;
display:block;
font-size:14px;
overflow:hidden;
padding:5px;
text-align:left;
}

.songName
{
font-size:14px;
color: #FFE5BF;
background: url(images/playArrow.png);
background-repeat: no-repeat;
background-position: 0 50%; 
}

.playlistButtonIndexed 
{
padding-left: 10px;
}


.musicPlayerWrap
{
float:left;
overflow:hidden;
padding: 0px 15px;
width:230px;
min-height: 0px;
}

.musicPlayerWrap:last-child
{
    border:none;
}

.lblHeaderBandName
{
    
}
/*
#########################
 music widget END 
#########################*/

.pnlAddWidgets
{
    float:right;
position:relative;
right:0;
text-align:right;
top:10px;
}