/*
	[www.zeneszoveg.hu]
								*/

body { padding: 0px; margin: 0px; font: 0.7em Tahoma, Arial, sans-serif; line-height: 1.6em; background: #edf4fc; color: #454545;
	background-image: url(images/background.jpg);
	background-repeat: repeat-x;
	}

/* links */
a { color: #003B6E; background: inherit; }
a:hover { color: #9EC068; background: inherit; }

/* headings */
h2 { font: bold 1.15em Tahoma, Arial, sans-serif; margin: 0; padding: 0; color: #4888a6;}
h2 a { color: #2b2b2b; background: #fff; text-decoration: none; }
h2 a:hover { color: #2b2b2b; background: #FFF; }

h1 {
	text-indent: -9999px;
	background: url(http://www.zeneszoveg.hu/images/magyar-dalszoveg-zeneszoveg-logo.jpg) no-repeat center;
	width: 300px;
	height: 61px;
	margin :0;
	padding:0;
}
/*
h1 { font: bold 2.5em Tahoma, Arial, sans-serif; margin: 0; letter-spacing: -1px; }
h2 { font: bold 1.15em Tahoma, Arial, sans-serif; margin: 0; padding: 0; color: #4888a6;}
h1 a, h2 a { color: #2b2b2b; background: #fff; text-decoration: none; }
h1 a:hover, h2 a:hover { color: #2b2b2b; background: #FFF; }
*/
.title { color: #808080; background: #fff; }

/* lists and form elements */
ul { margin: 0 0 0 -33px; padding : 0 0 0 0; list-style : none; }
form { margin: 0; }
input.search { width: 279px; border: none; background: #fff url(images/input.gif) no-repeat; padding: 6px 10px; color: #1E67A8; font-weight: bold; }
input.button { padding: 3px; }


/* urlbar */
#urlbar { 	margin: 0px auto;
			width: 998px;
			background: url(images/zeneszoveg_oldalcsik.gif) repeat-y;

}

/* background */
#background { 	margin: 0px auto;
			width: 980px;
            background: #ffffff;
            border-left: 1px solid #c2d734;
            border-right: 1px solid #c2d734;
}

/* content holder */
#content { 	margin: 0px auto;
			width: 960px;
            background: #ffffff;
}

#send_page { 	margin: 5px auto;
			width: 500px;
           background-color: #fff;
            border: 2px solid #ccc;
}

#send_page_header { 	margin: 5px auto;
			width: 480px;
			height: 70px;
           background-color: #fff;
}

#send_page img {
	           float: left;
			}

#send_page h1 {
	            color: #4888a6;
	             float: right;
	             font: bold 2.5em Tahoma, Arial, sans-serif; margin: 0; letter-spacing: -1px;
			}

.send_field {
width : 400px;
height : auto;
border : 0px;
margin: auto;
}

.send_footer {
	border : 1px solid #ccc;
	padding: 10px;
	margin: 10px;
}

.send_none {
	border : 0px;
}
.send_button { margin : 0px; width : 80px; height : 25px;}

/* header */
#header {position :relative; width:478px; height: auto; float: left; margin-bottom: 5px;}

#logo {
		width:300px;
		height: 61px;
        top: 0px;
		padding: 5px 0 0 8px;
		}

#header_banner {
				width:478px;
				height: auto;
				margin: 5px 0 0 0;
				}

#logo p { margin: 0; padding: 0 0 0 10px; color: #808080; background: #fff; }
#top_info { float: right; width: 570px; margin: 20px 5px 0 0; text-align: right; }

/* horizontal tabbed menu */
#tabs { float: left; background: #fff url(images/bigmenu.jpg) no-repeat top left; color: #000;  width: 750px; height: 64px; text-align: center; padding: 0 0 0 210px; }
#tabs li { display: inline; height: 45px; }
#tabs li a { float: left; background: #fff url(images/barbg.gif) no-repeat; color: #808080; padding: 7px 0; width: 82px; text-align: center; font-weight: bold; text-decoration: none; }
#tabs li a:hover { background: #fff url(images/barcurrent.gif) no-repeat; color: #000; }
#tabs li a.current { background: #fff url(images/barcurrent.gif) no-repeat; color: #2C71AE; }
.key { text-decoration: underline; }

/* search form */
#search {
	float: left;
	clear: both;
	color: #000;
	background: #fff url(images/searchbox.jpg) no-repeat;
	padding: 14px 0 20px 5px;
	width: 500px;
	margin: 5px 0 0 0;
}
	#search p { padding: 0; margin: 0; }

/* magnum banner */
.magnum_advert { padding-bottom: 20px; width: 100%; text-align: center; }

/* grey subheader */
.gboxtop { clear: both; height: 8px; background: #dedede url(images/gboxtop.gif) no-repeat; color: #000; }
.gbox { background: #dedede url(images/gbox.gif) no-repeat bottom left; color: #444; padding: 1px 13px 7px 13px; margin: 0 0 10px 0; }
.gbox p { padding: 7px 0; margin: 0;}

/* login_box */
.loginboxtop { clear: both; height: 8px; background: #ffffff url(images/login_box_top.gif) no-repeat; color: #000; }
.loginbox { background: #ffffff url(images/login_box_tail.gif) no-repeat bottom left; color: #444; padding: 1px 13px 7px 13px; margin: 0 0 10px 0; }
.loginbox p { padding: 7px 0; margin: 0; }

/* 10px 13px 7px 13px;  */
.lyrics_selector {float: left; width: 960px; height: 40px;  padding: 0 0 0 0; margin: 35px 0 0 0; text-align: center; }



/* left side */

#stoppage { clear: both; width: 450px; height: auto; padding: 5px;  background: #E4EED3;
margin-bottom: 10px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.left { float: left; width: 650px; margin: 0 0 10px 0; }
	.left_articles {
	   
       
		margin: 0 20px 15px 10px;
		padding: 10px 0 0 0;
		text-align: justify;
		border-bottom: 1px dotted #ccc;
		color: #000;
		background: #fff;
		font: 1.1em Tahoma, Arial, sans-serif;
		line-height: 140%;

	}
	.left_articles_without_border {
		margin: 0 20px 15px 10px;
		padding: 10px 0 0 0;
		text-align: justify;
		color: #000;
		background: #fff;
		font: 1.1em Tahoma, Arial, sans-serif;
		line-height: 140%;
	}

.left_performer_bar{
			position:relative;
			float:left;
			top:0px;
			left:0px;
			width:300px;
			margin:0;
			padding:0;
			}

.right_performer_bar{
			position:relative;
			float:left;
			top:0px;
			left:0px;
			width:300px;
			margin-left:10px;
			}

	.calendar { height: 50px; float: left; background: #fff url(images/calendar.gif) no-repeat; width: 50px; padding: 5px 0 0 9px;  color: #808080;}
	.calendar p { padding: 0; margin: 0;}
	.description { font: 1.01em Tahoma, Arial, sans-serif; padding: 0 0 2px 0; margin: 0 10px 5px 0; border-bottom: 1px dotted #ccc; }
	.thumbnail { float: left; margin: 0 18px 8px 0; border: 1px solid #dedede; }


/* bottom thirds */
.thirds { float: left; width: 203px; background: #eee; margin: 0 12px 0 0; color: #5d5d5d; }
	.smallboxtop { height: 14px; background: #fff url(images/smallboxtop.gif) no-repeat; color: #000; }
	.smallbox { background: #fff url(images/smallbox.gif) no-repeat bottom left; color: #444; padding: 1px 10px 10px 10px;  }
	.smallbox p { padding: 0; margin: 0; }

.thirds { float: left; width: 304px; background: #eee; margin: 0 12px 0 0; color: #5d5d5d; }
	.middleboxtop { height: 14px; background: #fff url(images/middleboxtop.gif) no-repeat; color: #000; }
	.middlebox { background: #fff url(images/middlebox.gif) no-repeat bottom left; color: #444; padding: 0 10px 15px 10px;  }
	.middlebox p { padding: 0; margin: 0; }

.comments { float: left; width: 620px; background: #ffffff; margin: 12px 12px 0 0; color: #5d5d5d; }

.lexicon { float: left; width: 620px; background: #ffffff; margin: 12px 12px 0 0; color: #5d5d5d; }
	.lexicon_header{ font-family:Georgia, 'Times New Roman', Times, serif;
              						 font-weight:normal;
              						 font-style:italic;
              						 letter-spacing:.3em;
              						 background: #fff url(images/lexicon_header.gif) no-repeat;
              						 color : #FFFFFF;
									 text-align : center;
          							 margin : 1 0;
									 padding : 2px;
									 top: 50px;
									 }
	.lexicon_body 			{ margin : 2px 0 0 0;
									 padding : 5px 45px;
									 color : #666666;
									 text-align : justify;
									 border  :1px solid #ccc;
									 background :  #E8E8E8; }

/* right side */
#right {
	float: right;
	width: 295px;
	margin: 25px 0 10px 0;

}
	.boxtop { height: 19px; background: #fff url(images/boxtop.gif) no-repeat; text-align: center; text-transform: uppercase; font-size: 10px; color: #000; width: 295px; }
	.box { background: #fff url(images/box.gif) no-repeat bottom left; color: #5b5b5b; padding: 0 10px 15px 10px; margin: 0 0 10px 0;}
	.boxvideo { background: #fff url(images/box.gif) no-repeat bottom left; color: #5b5b5b; padding: 0 4px 5px 0;  margin: 0 0 0 0; text-align: center}
	.box p { padding: 0; margin: 0;}
	.box a {background: transparent;
			text-decoration: none;}
	.image { float: left; margin: 0 9px 3px 0; }
	.duma { float: left; margin: 0 9px 3px 0; z-index: -1;}
	.user_link { background: transparent; }
	.user_link:hover { background: transparent; }

	.external_link { background: transparent;
					 text-decoration: none;
                     vertical-align: sub;
                     padding-left: 5px;
					}
	.external_link:hover { background: transparent; }

	.external_link_pic { background: transparent;
					 text-decoration: none;
					 vertical-align: bottom;}

	.external_link_pic:hover { background: transparent;
								border: solid 1px; }

/* normal box */
#title_boxes {
	float: left;
	width: 308px;
}

.simple_box {
	float: left;
	width: 610px;
	background: #fff;
}


#sheet_publish_text {
	float: left;
	width: 610px;
	background: #fff;
}



.normal_boxtop {height: 19px; background: #fff url(images/boxtop.gif) no-repeat; text-align: center; text-transform: uppercase; font-size: 10px; color: #000; width: 295px;}
	.normal_box { background: #fff url(images/box.gif) no-repeat bottom left; color: #5b5b5b; padding: 0 10px 10px 10px; margin: 0 0 15px 0;  width: 275px;
	line-height: 18px;
    font-size: 12px}
	.normal_box p { padding: 0; margin: 0;}
	.normal_box_news { padding: 0; margin: 0; font-size: 10px}
	.normal_box_news_image { float: left; margin: 0 9px 3px 0; }
	.normal_link { background: #fff;text-decoration: none;}
	.normal_link:hover { background: #fff; text-decoration: underline; }

/* double box */
.double_boxtop {height: 19px; background: #fff url(images/doubleboxtop.gif) no-repeat; text-align: center; text-transform: uppercase; font-size: 10px; color: #000; margin: 0 0 0 0; width: 600px;}
	.double_box { background: #fff url(images/doublebox.gif) no-repeat bottom left; color: #5b5b5b; padding: 10px 10px 10px 10px; margin: 0 0 15px 0;  width: 580px;}
	.double_box p { padding: 0; margin: 10px 35px 10px 10px;}

	.double_image { float: left; margin: 0 9px 3px 0; }
	.double_duma { float: left; margin: 0 9px 3px 0; z-index: -1;}
	.double_link { background: #fff;}
	.double_link:hover { background: #fff;}

.double_boxtop_info {height: 19px; background: #fff url(images/doubleboxtop_info.gif) no-repeat; text-align: center; text-transform: uppercase; font-size: 10px; color: #000; margin: 0 0 0 0; width: 610px;}
	.double_box_info { background: #fff url(images/doublebox_info.gif) no-repeat bottom left; color: #5b5b5b; padding: 10px 10px 10px 10px; margin: 0 0 0 0;  width: 590px;}
	.double_box_info p { padding: 0; margin: 10px 35px 10px 10px;}
	.double_box_info ul { margin-left: 30px; list-style-type: square; }

	.double_image_info { float: left; margin: 0 9px 3px 0; }
	.double_duma_info { float: left; margin: 0 9px 3px 0; z-index: -1;}
	.double_link_info { background: #fff;}
	.double_link_info:hover { background: #fff;}

#middle_boxes {
	float: left;
	width: 600px;
}

#doboz {
	margin-left: -10px;
}



/* login aera */
.login
        {
         	font-family: Tahoma, Verdana, Arial, sans-serif;
        	text-align: left;
        	letter-spacing:.1.5em;
        	font-size: 12px
        }

fieldset input { float : left; width : 150px; margin : 0 20px; border : 1px solid #c2d734; }
fieldset input:hover { border-color : #000; }
fieldset input:active, input:focus { border-color : #900; }
fieldset input#submit { margin : 0 130px; width : 151px;}
fieldset textarea { float : left; width : 250px; margin-left: 280px; margin-top: -22px; border : 1px solid #cccccc; }

label, label span { display : block; padding-bottom : .25em; }
label { float : left; width : 100%;}
label span { float : left; width : 110px; text-align : right; letter-spacing:.1em; }
form div { margin-bottom : 20px; padding : 10px 20px; border : 1px solid #a23668; text-align : center; }

fieldset {
float : left;
width : 400px;
height : 100px;

margin : 0 20px 10px 0;
padding : 20px;
background : url(images/login_icon.jpg) no-repeat; background-position: top right;
border : 1px solid #ffffff;
overflow : hidden; }

fieldset:hover { border : 1px dotted #c2d734; }



/* misc */
.buttons { text-align: right; padding: 4px 3px 0 0;}
.left_articles .buttons { float: right; height: 25px; }
.bluebtn  { background: #488EB2 url(images/bluebtn.gif ) no-repeat; width: 100px; padding: 4px 13px 3px 9px; color: #fff; font-size: 9px; text-decoration: none; }
.greenbtn { background: #488EB2 url(images/greenbtn.gif) no-repeat; width: 100px; padding: 4px 13px 3px 9px; color: #fff; font-size: 9px; text-decoration: none; }
.bluebtn:hover, .greenbtn:hover { background: #488EB2 url(images/hoverbtn.gif) no-repeat; color: #fff; }

/* footer  */
.footer { 	clear: both;
			text-align: center;
			line-height: 1.8em;
			padding: 10px 0 10px 0;
			border-top: 1px solid #ccc;
			}

.footer img {
	        vertical-align: bottom;
			}


/*lyrics selector */
#minidb
        {   font-family:Georgia, Verdana , Times, serif;
        	text-align: center;
         	text-decoration: none;
        }

.minidb a, .minidb a:visited {
	color: #333;
	padding:  2px 4px 2px 4px;
	border: 1px solid #f7f7ef;
	text-decoration: none;
}

.minidb a:hover {
	color: #FFFFFF;
	padding:  2px 4px 2px 4px;
	border: 1px solid #efefe7;
	background-color: #CCCCCC;
	text-decoration: bold;
}

.char_selected
        {
        	color: #000000;
        	text-transform: capitalize;
        	padding:  2px 4px 2px 4px;
        	border: 1px solid #efefe7;
			background-color: #f7f7ef;
        }

#error
        {
        	margin: 10px 10px 10px 10px;
			width: 980px;
			font-family:Georgia, Verdana , Times, serif;
        	text-align: center;
         	text-decoration: none;
         	border: 3px solid #CCCCCC;
         	background-color: #f7f7ef;
        }

.locked {
			font: italic Tahoma, Arial, sans-serif;
			font-style: italic;
			color: #A2C6D5;
			font-size: 11px;
		}

.embed { 	width: 190px;
			height: 8px;
			border: solid 1px color: #CCC;
			background: #ccc color: #1E67A8;
			font-size: 8px;}

#webshop_item_name {

			clear: both; width: 600px; height: auto; padding: 5px;  background: #E4EED3;
			margin-bottom: 10px;
			border-top: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
			font-family:Trebuchet ms, Verdana , Times, serif;
        	text-align: left;
         	text-decoration: none;
         	font-size: 14px;
        }

#webshop_item_detail {
			clear: both; width: 600px; height: auto; padding: 5px;  background: #ffffff;
			}

.thumbnail{
position: relative;
z-index: 0;
border: 0px;
margin-right: 10px;
margin-left: -5px;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #E5E5E5;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;

}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */
}

.webshop_boxtop { height: 19px; background: #fff url(images/boxtop_red.gif) no-repeat; text-align: center; text-transform: uppercase; font-size: 10px; color: #000; width: 295px; }
.webshop_box { background: #fff url(images/box_red.gif) no-repeat bottom left; color: #5b5b5b; padding: 0 10px 15px 10px; margin: 0 0 10px 0;}

.webshop_category_list {
			float : left;
			width: 165px;
			padding: 4px;
			border-right: 1px solid #CCCCCC;
         	background-color: #f7f7ef;
			 }

.webshop_content {
			float : right;
			padding: 10px;
			margin-bottom: 10px;
			margin-right: 10px;
			width: 410px;
			border: 1px solid #CCCCCC;
         	background-color: #f7f7ef;
			 }

.clear {
clear:both;
padding-bottom:5px;
}

.clear_new {
clear: both;
height : 0px;
padding: 0px;
margin : 0px;
border : 0px;
}

.photo_upload{
			padding : 20px;
			border: 1px solid #CCCCCC;
}

#uploaded_pictures_row{
			margin: 0px auto;
			padding: 0px;
			width: 455px;
			height: 130px;
			border: 0px;
}

.pic_input{
			float : none;
			margin: 0px;
			padding: 0px;
			width: auto;
			border: 0px;
}

#profil_user_thumb{
			float : left;
			width: 130px;
			height: 120px;
			padding: 0px;
			margin: 0 15px 15px 0;
			border: 1px solid #CCCCCC;


}

.img_thumb{
			padding:0px;
			margin:0 auto 0 auto;
			width: 120px;
			height:100px;
			border: 0px;
}

#thumb_buttons{
			margin:0px;
			padding:0px;
			height:20px;
			border: 0px;

}


#selected_profil_user_thumb{
			float : left;
			border: 1px solid #CCCCCC;
			width: 130px;
			height: 120px;
			padding: 0px;
			margin: 0 15px 15px 0;
			background: #CCCCCC;

}

.site_infobox{
				width: 575px;
                background-color: #fff9d7;
                border: 1px solid #e2c822;
                color: #333333;
                padding: 10px;
                font-size: 13px;
                font-weight: bold;
            }

.site_errorbox{
				width: 575px;
                background-color: #FFCACA;
                border: 1px solid #FF0000;
                color: #333333;
                padding: 10px;
                font-size: 13px;
                font-weight: normal;
            }

.comment_photo{
				width		: 110px;
				float 		: left;
				margin		: 0px auto;
				font-size	: 9px;
				text-align	: center;
}

.comment_photo img{
				display		: block;
    			margin-left	: auto;
   				margin-right: auto
}

.user_comment{
				margin-left: 115px;
				width: 470px;
}


.user_profile_box{
				width: 580px;
				border: 0px solid #CCCCCC;
				margin-left: 0px;
				}
.user_profile_box img{
				border: 2px solid #CCCCCC;
				display		: block;
				margin: 0px auto;
				}

#user_profile_description{
				position:relative;
				margin-left: 0px;
				width: 150px;
				border-bottom: 1px dotted #CCCCCC;
				float:left;
				text-align: right;
}
#user_profile_answer{

				width: 330px;
				margin-left: 160px;
				border-bottom: 1px dotted #CCCCCC;
				text-align: right;

}

#user_profile_picture{

				width: 110px;
				margin-left: 0px;
				border: 0px dotted #CCCCCC;
				float:left;
				text-align:center;

}

#user_profile_textbox{

				width: 495px;
				margin-left: 115px;
				border: 0px dotted #CCCCCC;
}

#user_profile_head{
				width: 150px;
				text-align: right;
				font-weight: bold;
				border-bottom: 1px dotted #CCCCCC;
				margin-bottom: 10px;
				margin-top: 15px;
}

#mailbox_head{
				width: 600px;
				padding: 5px;
				text-align: left;
				font-weight: bold;
				background: #EFEFEF;
				border-bottom: 1px dotted #CCCCCC;
				margin-bottom: 10px;
				margin-top: 15px;
}


.mailbox_table
			{
			font: 11px/24px Verdana, Arial, Helvetica, sans-serif;
			border-collapse: collapse;
			width: 610px;
			}

.mailbox_table td
			{
			border-bottom: 1px solid #CCC;
			padding: 0 0.5em;
			}

.mailbox_table td+td
			{
			border-left: 1px solid #CCC;
			text-align: center;
			}

.mailbox_table_head td
			{
			border-top: 1px solid #FB7A31;
			border-bottom: 1px solid #FB7A31;
			background: #FFC;
			text-align: center;
			}

.mailbox_table_lefthead
			{
			border-right: 1px solid #FB7A31;
			border-bottom: 1px solid #FB7A31;
			background: #FFC;
			text-align: right;

			}

.site_extra_infobox{
				width: 575px;
                background-color: #fff9d7;
                border: 1px dotted #e2c822;
                color: #333333;
                padding: 10px;
                font-size: 13px;
                font-weight: normal;
				text-align: center;
            }
            
            
.mini_album{
        width: 240px;
    	border: 1px solid #a1c52e;
        padding: 2px;
        background: #dfeeaa; 
        margin-bottom: 10px;
}
#mini_album_pic{
        float: left;
        border: 0px solid #FB7A31;
        width: 53px;
        height: 53px;
    
}
#mini_album_info{
        font: 11px Tahoma, Arial, sans-serif;
        margin-left: 58px;
        border: 0px solid #FB7A31;
        width: 180px;
    
}

.normal_album{ 
        width: 610px;
    	border: 1px solid #a1c52e;
        padding: 2px;
        background: #dfeeaa; 
        margin-bottom: 10px;
}
#normal_album_pic{
        float: left;
        border: 0px solid #FB7A31;
        width: 110px;
        height: 110px;
    
}

#normal_album_info{
        font: 13px Tahoma, Arial, sans-serif;
        line-height: 2em;
        margin-left: 120px;
        border: 0px solid #FB7A31;
        width: 480px;
    
}

#album_lines{
        border: 0px solid #FB7A31;
        width: 480px;
    
}

#mainstream_performer{    
    border: 0px solid #FB7A31;
    background: #dfeeaa; 
    padding : 10px;
}

#back_to_mobile{
    border: 2px solid #000000;
    padding: 10px;
    background: #cccccc; 
    font: 23px Tahoma, Arial, sans-serif;
    margin : 20px;
    
}