@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }
html { font-family: Arial, Helvetica, sans-serif; background: #fff; padding: 0; font-size:12px; color:#333333; }
body { background: #bed3c2 url('../img/bg.jpg') 50% 0 no-repeat; }
img { border:0; }

#logo { display:block; height:80px; width:220px; margin-bottom:12px; margin-top:7px; }
#container_logo { width:800px; text-align:left; }
hr { color:#d4d5d6; background-color:#d4d5d6; height:1px; border:0; size:1; width:450px; }
.h2_emboss { background:#f5df6c url(../img/h2_emboss.gif) right no-repeat; border-bottom:3px solid #c2b258; color:#9f9349; display:block; float:left; font-size:14px; height:17px; padding-left:7px; padding-right:7px; padding-top:2px; margin:0; margin-left:2px; }
.margin_yellow { margin:10px 0; }
.h2_emboss_view { font-size:14px; color:#3e404c; margin:10px 0; }

#page_width { widows:800px; }
#content { text-align:left; width:740px; background:#ffffff; padding:20px; border:1px solid #fff; }

#top_menu { margin-bottom:10px; margin-top:0px; font-size:16px; }
#top_menu a { color:#e51f20; font-weight:bold; font-size:16px; text-decoration:none; padding:4px 7px; margin-right:15px; }
#top_menu a:hover { background-color:#e51f20; color:#ffffff; }
#top_menu b { background-color:#e51f20; color:#ffffff; padding:4px 7px; margin-right:15px; }

#top_submenu { padding:5px; background:#f8f9f7 url(../img/bk_concerte_tabs.gif) top right no-repeat; margin-bottom:0px; border-bottom:3px solid #dbdddc; margin-top:7px; color:#6f7172; font-size:11px; margin-left:2px; }
#top_submenu a { color:#e51f20; font-weight:bold; font-size:14px; text-decoration:none; margin-right:15px; padding:4px 7px; }
.submenu_wide { width:730px; }

.box_left_blue { background:url(../img/bk_left_blue.gif) left bottom no-repeat; }
.box_left_yellow { background:url(../img/bk_left_yellow.gif) left bottom no-repeat; }

.container_left { float:left; width:513px; margin-right:7px; }
.box_left { padding:7px; padding-left:0; padding-right:0; }
.bar_large { background:#52c5d5 url(../img/bar_large_right.gif) right no-repeat; height:16px; margin-top:7px; border-bottom:4px solid #3b95a4; padding:5px 10px; margin-left:2px; }
.bar_large h2 { color:#ffffff; font-weight:bold; font-size:14px; background:url(../img/bar_large_icon_1.gif) left no-repeat; padding-left:20px; }

.container_right { float:left; width:220px; margin-top:7px; margin-left:0px; }
.box_left_1 { background:url(../img/box_small_left.gif) left bottom no-repeat; }
.box_right { padding:7px; border-bottom:3px solid #dbdddc; border-right:3px solid #dbdddc; background-color:#fafafa; margin-left:2px; }
.box_right a { text-decoration:none; font-weight:bold; background:#f8f9f7; display:block; color:#7d7e80; padding:3px; width:188px; text-align:center; }
.bar_small { background:url(../img/box_small.gif) top no-repeat; height:20px; padding:4px 10px; }
.bar_small h2 { color:#ffffff; font-weight:normal; font-size:14px; background:url(../img/bar_small_icon_1.gif) left no-repeat; padding-left:20px; }

.bar_small_2_top { background:url(../img/box_small_2_top.gif) top no-repeat; width:220px; height:4px; font-size:2px; }
.bar_small_2_bottom { background:url(../img/box_small_2_bottom.gif) bottom no-repeat; width:220px; height:4px; font-size:2px; }
.bar_small_2_middle { background:url(../img/box_small_2_middle.gif) repeat-y; width:200px; padding:4px 10px; }
.bar_small_2_middle h2 { color:#ffffff; font-size:14px; }

.container_left_2 { float:left; width:220px; margin-top:7px; }
.box_left_2 { background:url(../img/box_small_left_2.gif) left bottom no-repeat; }
.box_right_2 { padding:7px; border-bottom:3px solid #dbdddc; border-right:3px solid #dbdddc; font-weight:bold; background-color:#f8faf9; margin-left:2px; }
.bar_small_2 { background:url(../img/box_small_2.gif) top no-repeat; height:21px; padding:4px 10px; }
.bar_small_2 h2 { color:#ffffff; font-size:14px; }
#container_trupa_view { float:left; width:500px; margin-top:7px; margin-left:20px;}
.box_left_link { color:#333333; text-decoration:none; }

.link_red { font-size:14px; color:#e51f20; text-decoration:none; font-weight:bold; }
.link_red:hover { color: #fff; background-color: #e51f20 }

.link_red_simple { font-size:12px; color:#e51f20; text-decoration:none; font-weight:bold; }

.link_red_simple { color:#ee2f25; text-decoration:none; }

#b_signup { background:url(../img/b_singup.gif); width:72px; height:25px; display:block; }
#b_signup:hover { background:url(../img/b_signup_o.gif); }
#b_cancel { background:url(../img/b_cancel.gif); width:66px; height:25px; display:block; }
#b_cancel:hover { background:url(../img/b_cancel_o.gif); }


#table_login .input_text { width:130px; margin-left:10px; }

#footer { text-align:center; margin-top:25px; color:#999999; margin-right:0px; }
#footer #footer_content { padding:5px; background:#f8f9f7 url(../img/bk_concerte_tabs.gif) top right no-repeat; border-bottom:3px solid #dbdddc; margin-top:13px; color:#6f7172; font-size:11px; margin-left:2px; }
#footer #footer_content a { text-decoration:none; font-weight:bold; font-size:12px; color:#7d7e80; }



.table_signup td { padding-bottom:10px; }
.table_signup .label_signup { font-weight:bold; color:#464851; }
.table_signup .input_text { width:250px; }
#label_email { font-style:italic; font-size:11px; }

#concerte_top { padding:20px; background:#52c6d5 url(../img/bk_concerte_top_right.gif) top right no-repeat; margin-bottom:7px;text-transform:uppercase; border-bottom:4px solid #44a6b3; margin-top:0px; margin-left:2px; }
#concerte_top a { color:#ffffff; font-weight:bold; text-decoration:none; margin-right:20px; }
#concerte_tabs { padding:5px; background:#f8f9f7 url(../img/bk_concerte_tabs.gif) top right no-repeat; margin-bottom:0px; border-bottom:3px solid #dbdddc; margin-top:0px; color:#6f7172; font-size:11px; margin-left:2px; }
.trupe_tabs_format, .concerte_tabs_format { padding:5px; margin-bottom:0px; border-bottom:3px solid #dbdddc; margin-top:0px; color:#6f7172; font-size:12px; margin-left:2px; }

.trupe_tabs_format #label_1 { margin-left:90px; font-weight:bold; }
.trupe_tabs_format #label_2 { margin-left:55px; font-weight:bold; }
.trupe_tabs_format #label_3 { margin-left:120px; font-weight:bold; }

.concerte_tabs_format #label_1 { margin-left:90px; font-weight:bold; }
.concerte_tabs_format #label_2 { margin-left:25px; font-weight:bold; }
.concerte_tabs_format #label_3 { margin-left:55px; font-weight:bold; }
.concerte_tabs_format #label_4 { margin-left:55px; font-weight:bold; }


.concerte_trupe { padding:3px; background:#fafafa url(../img/bk_concerte_trupe_right.gif) top right no-repeat; margin-bottom:0px; border-bottom:3px solid #e2e4e3; margin-left:2px; }
.concerte_trupe_empty { background:#fafafa; padding:10px; }
.table_concerte th { color:#b8b9bb; }
.concerte_trupe .nume_trupa { color:#ef432d; font-size:14px; font-weight:bold; text-decoration:none; }
.concerte_trupe .localitate { color:#4f535e; text-decoration:none; text-transform:capitalize; }


#container_comments { border:1px solid #c3c2c7; padding:10px; padding-bottom:0; }
#container_comments a { text-decoration:none; color:#ee2d24; }
#container_comments b { color:#ee2d24; }
#container_form_comments label { width:75px; float:left; font-weight:bold; }
#container_form_comments input { float:left; }

#container_form_melodii label { width:110px; float:left; font-weight:bold; }
#container_form_melodii input { float:left; }

#logo_top_menu { float:right; width:450px; padding-top:50px; text-align:right; font-size:2px; margin-right:5px; }
#logo_top_menu a { float:right; margin-left:3px; }
.top_menu_1 { display:block; background:url(../img/top_menu_1.png) no-repeat; width:117px; height:33px; }
.top_menu_1:hover { display:block; background:url(../img/top_menu_1_o.png) no-repeat; width:117px; height:33px; }
.top_menu_2 { display:block; background:url(../img/top_menu_2.png) no-repeat; width:105px; height:33px; }
.top_menu_2:hover { display:block; background:url(../img/top_menu_2_o.png) no-repeat; width:105px; height:33px; }
.top_menu_3 { display:block; background:url(../img/top_menu_3.png) no-repeat; width:116px; height:33px; }
.top_menu_3:hover { display:block; background:url(../img/top_menu_3_o.png) no-repeat; width:116px; height:33px; }
.top_menu_4 { display:block; background:url(../img/top_menu_4.png) no-repeat; width:95px; height:33px; }
.top_menu_4:hover { display:block; background:url(../img/top_menu_4_o.png) no-repeat; width:95px; height:33px; }

.link_orange { color:#ffffff; background-color:#f89422; padding:2px; font-weight:bold; text-decoration:none; margin-bottom:10px; }
#top_image_2 { margin-top:6px; margin-left:7px; }



.index_prev, .index_next { color:#3e404c; text-decoration:none; font-size:16px; font-weight:bold; }
.index_prev b, .index_next { font-size:12px; }


#admin_playlist_left_container { float:left; font-size:12px; }
#admin_playlist_left_container table td { font-size:12px; }
#admin_playlist_left_container a { text-decoration:none; font-weight:bold; color:#336699; }


.trupa_left_container { float:left; width:200px; text-align:right; }
.trupa_right_container { float:left; width:480px; margin-left:15px; }

#lista_melodii b { float:left; width:180px; margin-right:10px; text-align:right; }
#lista_melodii a { float:left; }

.container_links { width:520px; }
.container_links .link_c { float:left; width:250px; }
.container_links .link_c .link { float:left; width:180px; margin-right:10px; text-align:right; }
.container_links .link_c .link_orange { float:left; }


#form_concerte { width:495px; }
#form_concerte td { font-size:12px; }

#top_pictures_links { }

/* ------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------ Lightbox --------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------- */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../img/lightbox_images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/lightbox_images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/* ------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------- */



