*{
margin:0;
padding:0;
}

html, body {


  font-family:  Arial, Verdana,  Helvetica, sans-serif; color: #5A5750; 
  font-size: 12px; 
  color: #000;
  font-weight: 500;
  background:#F4F4E6;
  min-width:1000px;
  width: expression((document.documentElement.clientWidth || document.body.clientWidth) < 1000 ? "1000px" : "auto");
    } 


h2 {font-weight: 300;}


.content {
  width: 98%;
  margin: 5px auto;
  position:relative;
   background: #fff;

   border: 5px solid #efefe0;
}

a {color: #000;}


a:hover { color: #679505;text-decoration: none;}

h1 {
font-size: 18px;
color: #000;
padding: 20px 0;
font-weight: 900;
}





.header {
   height:100px;
   padding-top: 10px;
   background: #fafaf1;
}


.header_right {
   width: 50%;
   float: right;
}


.header_right h1{

   color: #3f9112;
   font-weight: 900;
   font-size:13px; 
   padding:7px ;
}


.head_ikon {
   float: left;
   width: 100px;
   padding: 10px 0px 0px 50px ;

}

.head_ikon a {
   font-size: 10px;
   font-weight: 900;
}



.cont_center {
   position: relative;
   padding-top: 15px;
   margin-left: 15px;
   padding-left: 1%;

}



.cont_left {
  width: 15%;
  float: left;
  padding: 5px;
}

.cont_cen {
  position: relative;
  border-left: 1px dotted #CBCBB3;
  float: left;
  width: 64%;
  padding: 10px;

}

.cont_alfavit {

  width: 630px;
  text-align: center;
  line-height: 20px;
  margin:0px auto 0px auto;
}

.cont_alfavit a {
   font-weight: 300;
   padding: 2px 2px;
   font-size: 11px;
}

.cont_alfavit a:hover {color: #478c09;}


.cont_right {

  width: 15%;
  padding: 10px 10px;
  float: left;
  border-left: 1px dotted #CBCBB3;

}


#text_kontent {

  border-top: 1px dotted #CBCBB3;
  margin: 0 30px;
  padding: 10px 0;
  color: #2D343B;
}




.footer {

   height: 180px; 
   padding: 10px;
   margin-left: 15px;
   clear: both;
   border-top: 1px  dotted #CBCBB3;

}



.form_gen input{
font-size:11px; 
width:150px; 
color:#777; 
border:1px solid #fff; 
margin-top: 3px;
margin-left: 20px;
padding:4px 6px 2px 6px;
background: #fff url(/images/bg_searsh.png) repeat-x right top;
}



.form_gen input.button_send{
width:62px; 
height:20px; 
border:1px inside #fff; 
color:#fff;
margin: 0px;
padding: 0px;
background:#cc0000;
}



#mytext {
font-weight: bold;
color: #178CB8;
text-align: center;
line-height: 18px;
}



#mytext a{
text-decoration: none;
color: #178CB8;
}


#infobox {
margin-top: 25px;
font-size: 10px;
color: #178CB8;

}

.song {
padding: 25px 10px 0px 0px;
font-size: 14px;
text-align: justify;
color: #000;
line-height: 19px;

}



.images {


width: 200px;
border: 0px solid #999;
  margin:0px auto 25px auto;
}

.images p{
margin: 0px;
text-align: center;
}

.images img{
border: 1px solid #999;
padding: 3px;
width: 200px;
margin-top: 10px;

}


.images2 img{
border: 1px solid #999;
padding: 3px;
margin-left: 10px;
width: 500px;
}


.count {
   width: 120px;
   padding: 20px;
}



#pagination {

   border: 1px solid #999;
   margin: 0px 0px 20px 0px;
   text-align: center;

}
#pagination a {

 background: #178CB8;
color: #fff;
padding: 3px 7px;

}

#gen_top_new div {
   padding: 10px;
  float: left;
   border-right: 1px solid #efefe0;
}



#gen_top_new a {
   color: #000;
   line-height: 22px;
   font-size: 13px;
}


#MoreSongs {
float: right;
width: 40%;
padding-top: 50px;
}


#MoreSongs ul li{

   font-size: 13px;
   line-height: 22px;
}


#one_song {clear: both;width: 50%;float: left;padding: 10px 10px 10px 40px;  border-right: 1px dotted #CBCBB3;}




#blog {
font-size: 11px;
clear: both;
padding: 50px 30px;
}

#blog input{

color: #5c5c5c;
margin: 10px 0;
border: 1px solid #949494;
font-size: 11px;
padding: 3px 5px;
}



#tabs_text {
background: #fff;
padding: 15px;
}

#tabs_li  {
margin: 5px 0 30px 0;
}

#tabs_li li {
float: left;
list-style: none;
padding: 10px 15px;
background: #4d4d4d;
margin-right: 5px;
}
#tabs_li li:hover {
background: #097ca2;
}

#tabs_li a { color: #fff;font-size: 12px; font-weight: 900;}






#MoreVideo {
float: left;
width: 20%;
padding: 50px 0 0 20px;
}

#MoreVideo p {
padding: 0 0 20px 0;
}



#MoreVideo ul li{

   font-size: 13px;
   line-height: 22px;
}


#one_video {clear: both;width: 70%;float: left;padding: 10px 10px 10px 40px;  border-right: 1px dotted #CBCBB3;}

#one_video a {color: #178CB8;font-weight: 900;}

#video_tabs img {float: left;padding-right: 15px;}


#video_tabs {
   
   font-size: 12px;

}

#video_tabs td {

   padding: 11px 0;

}

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 660px;
	height:200px;

	/* custom decorations */
	border:1px solid #ccc;
}

.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
    
}

/* single scrollable item */
.scrollable a {
	float:left;
	margin:20px 5px 20px 21px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	cursor:pointer;
	width:130px;
	height:140px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}




/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(/img/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(/img/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	

.up {
    background: url("/img/bullet_up.gif") no-repeat scroll right 1px transparent;
    color: #AD0000;
    display: inline-block;
    margin: 0;
    padding: 0 10px 0 0;
}
.down {
    background: url("/img/bullet_down.gif") no-repeat scroll right 1px transparent;
    color: #00578F;
    display: inline-block;
    margin: 0;
    padding: 0 10px 0 0;
}

#listticker ul {
	list-style: none;
}

#listticker li{
	border:0; margin:0; padding:0; list-style:none;
}

	#listticker li{
		height:60px;
		padding:5px;
		list-style:none;
	}
		#listticker a{
			color:#000000;
			margin-bottom:
		}
		#listticker .news-title{
			display:block;
			font-weight:bold;
			margin-bottom:4px;
			font-size:11px;
		}
		#listticker .news-text{
			display:block;
			font-size:11px;
			color:#666666;
		}
		#listticker img{
			float:left;
			margin-right:14px;
			padding:4px;
			border:solid 1px #DEDEDE;
		}