/*The Big Guys*/
html,body { margin:0px;padding:0; }
body{  
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 0.8em; color:black; 
    min-width:1000px;
}

div#container{
    width:1000px; margin:0px auto;   
    background: #006699;
}  

/*Validation*/

.validationError { 
	color:#c00;   		
}

/*Typograhpy*/
p{ margin:0 10px 10px; }
.stress { font-weight:bold; }
.white { color:white; }
.italic { font-style:italic; }
.blackColor { color:black; }
.underline {
	text-decoration:underline;
}
hr { height:1px; color:gray; background-color:gray; }
.underlineHover { 
	text-decoration:none;
}
.underlineHover:hover {
	text-decoration:underline;
}

.hoverUnderline { 
	text-decoration:underline;	

}
.hoverUnderline:hover {
	text-decoration:none;
}


/*Links*/

/* Buttons */

.submitParam {
     margin:2px;
}
.submitParam input {
    font-size: 11px; border:solid 1px black; text-align:center; width:100px;
    background: #006699;  color:white;
    cursor:pointer;
}

.submitButton { 
	font-size: 11px; border:solid 1px black; text-align:center; width:100px;
    background: #006699;  color:white;
    cursor:pointer;
}

.submitButtonWithoutBG { 
	font-size: 11px; border:solid 1px black; text-align:center; width:100px;
    cursor:pointer; color:#F0F0F0;
}


.simpleForm {
    margin: 0px 0px 10px 0px;
    padding: 0px;
}

.simpleForm fieldset {
    /*clear: both;*/
    font-size: 100%;
    border: solid 1px #000000;
    padding: 10px;
    margin: 0 0 0 0;
}

.simpleForm fieldset legend {
    font-size: 100%;
    font-weight: bold;
    color: #000000;
    margin: 0 0 0 0;
    padding: 0 5px;
}

.simpleForm textarea {
  
}

.simpleForm fieldset div.wrapper {
	float: right;
	width: 167px;
	height: auto;
  	padding: 5px;
  	background-color: white;
  	color: #666666;
  	font-size: 100%;
}

.simpleForm fieldset div.notes {
  float: right;
  width: 155px;
  height: auto;
  margin: 0 0 10px 10px;
  padding: 5px;
  border: 1px solid #666666;
  background-color: #ffffe1;
  color: #666666;
  font-size: 88%;
}

.simpleForm fieldset div.notes h4 {
  background-image: url(/style/images/template_images/icon_info.gif);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0 3px 27px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #666666;
  color: #666666;
  font-size: 100%;
}

.simpleForm fieldset div.notes p {
  margin: 0em 0em 1.2em 0em;
  color: #666666;
}

.simpleForm fieldset div.notes p.last {
  margin: 0em;
}

.simpleForm fieldset div.wrapper .notes_error {
	 float: right;
  	 width: 155px;
  	 height: auto;
  	 margin: 0 0 10px 10px;
  	 padding: 5px;
  	 border: 1px solid #666666;
  	 background-color: #ffffe1;
  	 color: #666666;
     font-size: 88%;
}

.simpleForm fieldset div.wrapper .notes_error p {
  margin: 0em 0em 1.2em 0em;
  color: #666666;
}

.simpleForm fieldset div.wrapper .notes_error p.last {
  margin: 0em;
}



.simpleForm a {

margin:10px;

}



/******** Header *********/ 
#headerBarTop { 
    background: url("/style/images/template_images/headerBar_torn_up.gif") repeat-x;
}

.headerBarMiddle { 
    background: url("/style/images/template_images/headerBar_torn_middle.gif") repeat;
}

#headerBarBottom { 
    background: url("/style/images/template_images/headerBar_torn_down.gif") repeat-x;
}

#leftContent {
	margin-left:5px;
}

#leftContent div { 
    float:left; 
    height:29px; line-height:35px;
}

.listenersOnline{ 
    color:black; font-size:14px; font-weight:bold;  
}

#leftContent div a {
    color:black; font-size:14px; text-decoration:underline; 
    font-weight:bold;    
}

#leftContent div a:hover {
    text-decoration:none; 
}

#leftContent div img {
    border:0;
    margin-right:5px; 
    
}

#rightContent {
	float:right; padding-right:35px;
	height:35px; line-height:35px;
}

#frequenceDiv {
	padding-top:0px; 
	
	margin:0; font-weight:bold; width:950px;
	
	margin-left:43px;
}


















div#header{ 
    background: #006699;  height: 145px;
}
    div #header #header-logo {
        background: url("/style/images/template_images/shapka_logo.jpg") top center no-repeat;
        height:100%; width:70%; float:left; 
    }
    div #header #header-girl {
        background: url("/style/images/template_images/shapka_girl.jpg") top left no-repeat;
        height:100%; width:30%; float:right;  
    }

/******** Header Bar *********/ 
div#headerBar{ 
    background: url("/style/images/template_images/headerBar_torn.gif") repeat-x;
    height: 58px; padding-left:10px;
}

div#headerBar #leftContent div { 
    float:left; line-height:58px;
    height:58px; 
}

.listenersOnline{ 
    color:black; font-size:14px; font-weight:bold;  
}

div#headerBar #leftContent div a {
    color:black; font-size:14px; text-decoration:underline; 
    font-weight:bold;   
}
div#headerBar #leftContent div a:hover {
    text-decoration:none;  
}

div#headerBar #leftContent div img {
    padding-top:10px; border:0;
}

div#headerBar #rightContent {
    height:58px; float:right; padding-right:35px;
    line-height:58px;
}



/******** Navigation Bar *********/ 
    div#navigation{ 
        float:left; width:200px; margin-top:0px;
        background: #006699;
    }

    div#navigation ul {
        list-style: none; padding: 0;
        margin: 0;
    }
    
    div#navigation li { 
        margin:0; padding:0; width:100%;
        background: url("/style/images/template_images/navigation_menu.gif") top center no-repeat;
    }
    
    div#navigation li a {
        display: block; text-decoration: none; text-align: center;
        color:black; font-size:13px;
		padding:10px;
    }
    
    
    

    #submenu_about {
		left: -1000px; overflow: hidden; 
		top: -1000px; position: absolute; padding-bottom:4px;
  		width:190px; background:#006699;

	}

	#submenu_about ul {
		list-style: none;
 	}

 	#submenu_about ul li {
		background: url("/style/images/template_images/menu_back_trans.gif") top center no-repeat;
 	}

	#submenu_about ul li a {
		padding-bottom:3px; margin:0;
	}
	#submenu_about ul li a:hover {
		text-decoration:underline;
	}


/******** Content *********/
div#content {
	margin: 4px 200px; padding:10px;
	background:#FFF;color:#000;
}


/******** Third Column *********/
div#rightColumn{ 
    float:right; margin-top:0px;
    width:200px; background:#d4f; 
    background: #006699;
}


div#rightColumn #pollCont {
	margin:4px;
}
div#rightColumn #pollCont #poll {
    font-size:11px; 
    padding:3px; margin:0;
    background: url("/style/images/template_images/back_content.png");
}

div#rightColumn #pollCont #poll h1 {
    text-align:center; font-size:12px; padding:0; margin:0;
}

div#rightColumn #pollCont #poll ul {
    margin:0; list-style:none;
    padding:5px 0px 0px 0px; 
} 

div#rightColumn #pollCont #poll li {

} 

div#rightColumn #pollCont #poll textarea {
    font-size:11px; height:50px; 
} 

div#rightColumn #pollCont #poll h1 {
    text-align:center; font-size:12px;  margin:0;
    padding:0px 0px 5px 0px;
} 






div#rightColumn #testContainerProposalOuter {
	margin:4px;
}
div#rightColumn #testContainerProposalOuter #testContainerProposalInner {
    font-size:10px; 
    padding:3px;
    background: url("/style/images/template_images/back_content.png");
}

div#rightColumn #testContainerProposalOuter #testContainerProposalInner h1 {
    text-align:center; font-size:12px; padding:0; margin:0;
}

div#rightColumn #testContainerProposalOuter #testContainerProposalInner ul {
    margin:0; list-style:none;
    padding:5px 0px 0px 0px;
} 

div#rightColumn #testContainerProposalOuter #testContainerProposalInner li {
    margin:0; padding:0;
} 

div#rightColumn #testContainerProposalOuter #testContainerProposalInner textarea {
    font-size:11px; height:50px; 
} 

div#rightColumn #testContainerProposalOuter #testContainerProposalInner h1 {
    text-align:center; font-size:12px;  margin:0;
    padding:0px 0px 5px 0px;
} 

/************ Footer ****************/

div#footer{
    clear:both; width:100%; height:82px;
    background: url("/style/images/template_images/footer.gif") repeat-x;
}

/****************** TODO ARTISTS BIRTHDAY ***************************/
#artBirthdayCont h1 {
	text-align:center; font-size:12px; padding:0; margin:0;
}

#artBirthdayCont {
	margin:4px; font-size:11px;
}

#artBirthdayCont #artBirthdayInner {
    background: url("/style/images/template_images/back_content.png");
    padding-bottom:3px; padding-top:4px; 
}


/****************** Style For Auth Form Elements ********************/

#authFormCont {
	margin:4px; font-size:11px;
}

#authFormCont #authForm {
    background: url("/style/images/template_images/back_content.png");
     padding-bottom:3px; padding-top:4px; 
}


#authFormCont #authForm form {
    padding:3px; margin:0;  
}

#authFormCont #authForm .authInput {
    font-size:11px; display: block; text-align:right;
    margin-bottom:2px;   
}

#authFormCont #authForm .authInput .inputWidth {
    font-size:11px; width:75px;
}

#authFormCont #authForm .formLinks {
    font-size:11px; text-align:center;
}
#authFormCont #authForm .formLinks a {
     color:black; text-decoration:none;
}

#authFormCont #authForm .formLinks a:hover {
    text-decoration:underline; 
}

/****************** Style For FeedBack Elements ********************/   

#feedBackCont { 
	margin-top:5px;
}

#feedBackCont div { 
    font-size:11px; 
}

#feedBackCont #feedBack {
     padding-bottom:3px; padding-top:5px;
     background: url("/style/images/template_images/back_content.png");
     width:95%; margin:0 auto;
}

#feedBackCont #feedBack h1 {
    text-align:center; font-size:12px; padding:0; margin:0;
}

#feedBackCont #feedBack form {
    padding:3px; margin:0;  
}

#feedBackCont #feedBack .inpParam {
    font-size:11px; display:block; text-align:right;
}

#feedBackCont #feedBack .inpParam input {
    font-size:11px;
}

#feedBackCont #feedBack .inpParam input {
    width:85px;
}

#feedBackCont #feedBack #textarea {
	text-align:center; width:98%;
}

#feedBackCont #feedBack #textarea textarea {
    font-size:11px; height:60px;
}


/****************** Style For Search Engine ********************/   

#searchEngineWrapper { 
	margin-top:5px;
	font-size:11px; 
}

#searchEngineWrapper #searchEngine {
     padding-bottom:3px; padding-top:5px;
     background: url("/style/images/template_images/back_content.png");
     width:95%; margin:0 auto;
}

#searchEngineWrapper #searchEngine h1 {
    text-align:center; font-size:12px; padding:0; margin:0;
}

#searchEngineWrapper #searchEngine form {
    padding:3px; margin:0;  
}

#searchEngineWrapper #searchEngine .inputField {
    font-size:11px;
    width:170px;
}


/****************** Style For Users Online ********************/   

#usersOnlineWrapper { 
	margin-top:5px;
	font-size:11px; 
}

#usersOnlineWrapper #usersOnline {
     padding-bottom:3px; padding-top:5px;
     background: url("/style/images/template_images/back_content.png");
     width:95%; margin:0 auto;
}

#usersOnlineWrapper #usersOnline #usersOnlineVisualization {
	padding:3px;
}


.clearfixOriginal { 
	overflow:hidden;
	padding:0;margin:0;	
	width:550px;
}

/******************** NEWS LENTA **************************/
.clearfix { 
	overflow:hidden; width:574px; 
	padding:0;margin:0;	
}

.nArticle {
	padding-top:7px; padding-bottom:7px;
	overflow:hidden; width:574px;	
}

.nArticleHeader {
	color:black; display:inline; 
}

.nArticleHeader a {
	color:blue;	
	font-size:1em;
}

.nArticleHeader a:hover{
	text-decoration:none;
		
}

.nArticleHeaderMain a {
	color:black; 
	font-size:13px;
}

.nArticleHeaderMain a:hover {
	text-decoration:none;
}

.nArticleTime {
	display:inline; padding-left:5px;
}



/****************************COMPETITIONS*****************************************/
.answerWrap {
	
border:solid 1px black;
width:200px;
display:inline;

}

.answer {
	text-align:left;

}

/*******************Programma************************/
.timetable {
	border-collapse:collapse;
	margin-top:3px;	
}

.timetable .header {
	background:#006699; 
	color:white;
	
	
}

.timetable .header td{
	text-align:center;
	border:solid 1px black;
}

.timetable  .simpleRow td{
	text-align:center;
	border:solid 1px black;
}

.timetable  .simpleRow td span{
	text-decoration:none;
}
.timetable  .simpleRow td span:hover{
	text-decoration:underline;
}


/***********************table style ***********************/

.simpleTable {
	border-collapse:collapse;
	margin-top:3px;	
}

.simpleTable .header {
	background:#006699; 
	color:white;	
}

.simpleTable .header td{
	text-align:center;
	border:solid 1px black;
}

.simpleTable .simpleRow td{
	text-align:center;
	border:solid 1px black;
}

/********************** charts table *************************/
.formReply {
	color:#c00; 
	font-size:90%;
	font-weight:bold;
	text-align:center;
	margin-top:5px;
}

.chartsTable {
	border-collapse:collapse;
	margin-top:3px;	 
	border:solid 1px black;

}


.chartsTable .headerWithoutBG {
	color:white;	
}

.chartsTable .headerWithoutBG td{
	text-align:center;
	font-size:11px;
}

.chartsTable .header {
	background:#006699; 
	color:white;	
}
.chartsTable .header td{
	text-align:center;
	font-size:11px;
}
.chartsTable .simpleRow td {
	font-size:11px; height:23px;
	border:solid 1px black;
}
.chartsTable .AirListRow td {
	font-size:11px; height:23px;
	border:solid 1px black;
}
.chartsTable .songPosition {
	text-align:center;
}
.chartsTable .songChange {
	text-align:center;
}
.chartsTable .songArtist {
	text-align:left; 
	padding-left:2px;
}
.chartsTable .songTitle {
	text-align:left;
	padding-left:2px;
}
.chartsTable .songVote {
	text-align:center;
}
.chartsTable .centered {
	text-align:center;
}
.chartsTable .playedLastWeekTimes {
  text-align:center;
}

.chartsTable .lastWeekUp {
  background-image: url('/style/images/topImages/up.gif'); 
  background-repeat: no-repeat; 
  background-position: center right ;
  text-align:center;
  padding-right:5px;
}

.chartsTable .lastWeekUpNokia1 {
  background-image: url('/style/images/topImages/upNokia1.gif'); 
  background-repeat: no-repeat; 
  background-position: center right ;
  text-align:center;
  padding-right:5px;
}

.chartsTable .lastWeekUpNokia2 {
  background-image: url('/style/images/topImages/upNokia2.gif'); 
  background-repeat: no-repeat; 
  background-position: center right ;
  text-align:center;
  padding-right:5px;
}


.chartsTable .lastWeekDown {
  background-image: url('/style/images/topImages/down.gif');
  background-repeat: no-repeat;
  background-position: center right ;
  text-align:center;
  padding-right:5px;
}

.chartsTable .lastWeekDownNokia1 {
  background-image: url('/style/images/topImages/downNokia1.gif');
  background-repeat: no-repeat;
  background-position: center right ;
  text-align:center;
  padding-right:5px;
}

.chartsTable .lastWeekDownNokia2 {
  background-image: url('/style/images/topImages/downNokia2.gif');
  background-repeat: no-repeat;
  background-position: center right ;
  text-align:center;
  padding-right:5px;
}

.chartsTable .lastWeekNew {
  background-image: url('/style/images/topImages/new.gif');
  background-repeat: no-repeat;
  background-position: center;
  text-align:center;
  padding-right:5px;
}

.chartsTable .lastWeekNewNokia1 {
  background-image: url('/style/images/topImages/newNokia1.gif');
  background-repeat: no-repeat;
  background-position: center;
  text-align:center;
  padding-right:5px;
}

.chartsTable .lastWeekNewNokia2 {
  background-image: url('/style/images/topImages/newNokia2.gif');
  background-repeat: no-repeat;
  background-position: center;
  text-align:center;
  padding-right:5px;
}

.chartsTable .lastWeekHold {
  text-align:center;
  font-weight: bold;
  padding-right:5px;
}

.chartsTable .lastWeekReturn {
  background-image: url('/style/images/topImages/return.gif');
  background-repeat: no-repeat;
  background-position: center;
  text-align:center;
  padding-right:5px;
}

.chartsTable .lastWeekReturnNokia1 {
  background-image: url('/style/images/topImages/returnNokia1.gif');
  background-repeat: no-repeat;
  background-position: center;
  text-align:center;
  padding-right:5px;
}

.chartsTable .lastWeekReturnNokia2 {
  background-image: url('/style/images/topImages/returnNokia2.gif');
  background-repeat: no-repeat;
  background-position: center;
  text-align:center;
  padding-right:5px;
}

.templateTable {
	border-collapse:collapse;
	margin-top:3px;	 
	border:solid 1px black;
}

.templateTable .header {
	background:#006699; 
	color:white;	
}

.templateTable .header td {
	text-align:center;
	font-size:11px;
}

.templateTable tbody td {
	font-size:11px; height:23px;
	border:solid 1px black;
}

.dbResTbl {
	border-collapse:collapse;
	margin-top:3px;	 
	border:solid 1px black;
}

.dbResTbl thead tr.header {
	background:#006699; 
	color:white;	
}
.dbResTbl thead tr.header td {
	text-align:center;
	font-size:11px;
}

.dbResTbl thead tr.header td a{
	padding:0; margin:0;
	font-size:11px; color:white;
	text-align:center;
	text-decoration:none;
}
.dbResTbl tbody tr.simpleRow td {
	font-size:11px; height:23px;
	border:solid 1px black;
}

.dbResTbl tbody tr.simpleCenteredRow td {
	font-size:11px; height:23px;
	border:solid 1px black;
	text-align:center;
}

.dbResTbl .centered {
	text-align:center;
}

.dbResTbl .paddingLeft3px {
	padding-left:3px;
}


/************************* KONKUSI *************************/
.competitionHeader {
	padding-left:5px; 
}

.competitionHeader a {
	color:black; text-decoration:none;
	font-size:13px; font-weight:bold;
}

.competitionHeader a:hover {
	text-decoration:underline;
}

/* Photo Album Style */
.album {
  margin: 0px;
  padding: 10px;

}

.album td {
  width: 150px;
  padding: 3px 2px;
  text-align: center;
  vertical-align: middle; 
}

.album img {
  background: white;
  padding: 6px;
  border: solid 1px #ccc; 
}

.album img:hover {
  border: solid 1px #45688E; 
}

.photoDateTimeClass {
	font-size:80%;
	margin-top:1px;
	margin-bottom:1px;
	color: #808080;
}

.nokiaColor1 {
	background-color:#6D0078;
}

.nokiaColor2 {
	background-color:#CD5590;
}