/*
Sound Resonance Academy Site
by Westerlike Ltd
*/
 
html * a:hover{ visibility:visible; }
body { background: #02194D url(../graphics/main_bg.jpg) top left no-repeat; padding:0; margin:0; 
      font-family:Arial, Helvetica, sans-serif; font-size:12px; }
a { color:#FF9900; text-decoration:none; border:none;}
img { border:none; } 
.clear { clear:both; }

h1,h2,h3,h4,h5,h6,ul,li { margin:0; padding:0; color:#ff9900; font-size:18px; text-align:left; }
p { margin:0; padding:0}
h3 { font-size:13px; color:#ff9900; margin-bottom:5px }
small { font-size:13px; color:#999; font-weight:bold; }

#logo { background:url('../graphics/logo.jpg') top left no-repeat; width:445px; height:110px; float:left;}
#slogan{ float:left;}

#left_nav { width:199px; height:247px; float:left; padding-top:53px; padding-left:0px;}
#home a img { float:left; background:url('../graphics/home.jpg') top left no-repeat; width:199px; height:46px;}
#home a:hover img { float:left; background:url('../graphics/home_2.jpg') top left no-repeat; width:199px; height:46px;}
#mission a img { float:left; background:url('../graphics/mission.jpg') top left no-repeat; width:199px; height:46px;}
#mission a:hover img { float:left; background:url('../graphics/mission_2.jpg') top left no-repeat; width:199px; height:46px;}
#workshop a img { float:left; background:url('../graphics/workshop.jpg') top left no-repeat; width:199px; height:46px;}
#workshop a:hover img { float:left; background:url('../graphics/workshop_2.jpg') top left no-repeat; width:199px; height:46px;}
#archive_workshop a img { float:left; background:url('../graphics/archives.jpg') top left no-repeat; width:199px; height:46px;}
#archive_workshop a:hover img { float:left; background:url('../graphics/archives_2.jpg') top left no-repeat; width:199px; height:46px;}
#gallery a img  { float:left; background:url('../graphics/gallery.jpg') top left no-repeat; width:199px; height:46px;}
#gallery a:hover img { float:left; background:url('../graphics/gallery_2.jpg') top left no-repeat; width:199px; height:46px;}
#contact a img  { float:left; background:url('../graphics/contact.jpg') top left no-repeat; width:199px; height:46px;}
#contact a:hover img  { float:left; background:url('../graphics/contact_2.jpg') top left no-repeat; width:199px; height:46px;}
#links a img  { float:left; background:url('../graphics/links.jpg') top left no-repeat; width:199px; height:46px;}
#links a:hover img  { float:left; background:url('../graphics/links_2.jpg') top left no-repeat; width:199px; height:46px;}
#tel { float:left; width:154px; text-align:left; font-weight:bold; color:#02194D; padding-top:30px; padding-right:40px; font-size:16px;}

#content { float:left; width:640px; padding-left:13px; padding-top:9px; }
#content_header_workshops { float:left; background:url('../graphics/content_header_workshops.jpg') top left no-repeat; width:640px; height:220px;}
#content_header_contact  { float:left; background:url('../graphics/content_header_contact.jpg') top left no-repeat; width:640px; height:220px;}
#content_header_about  { float:left; background:url('../graphics/content_header_about.jpg') top left no-repeat; width:640px; height:220px;}
#content_header_mission  { float:left; background:url('../graphics/content_header_mission.jpg') top left no-repeat; width:640px; height:220px;}
#content_header_gallery  { float:left; background:url('../graphics/content_header_gallery.jpg') top left no-repeat; width:640px; height:220px;}
#content_header_links  { float:left; background:url('../graphics/content_header_links.jpg') top left no-repeat; width:640px; height:220px;}
#main_content  { float:left; background:url('../graphics/content_bg.jpg') top left repeat-y; width:640px; padding-top:5px; }
#content_footer  { float:left; background:url('../graphics/content_footer.jpg') top left no-repeat; width:640px; height:22px;}
.info { background-color:#ededed; padding:10px; font-weight:bold}

label, textarea, input { float:left; margin-bottom:5px; }
textarea { overflow:auto; }
#copy { color:#ffffff; margin-left:20px; font-size:11px; font-weight:bold; margin-bottom:20px; }
label { width:100px; }
.required { float:left; color:#ff9900; }
.captcha { float:left; margin-left:110px; display:inline; }
#real_content { float:left; width:598px; padding:10px 20px 20px 20px; text-align:justify; min-height:500px; font-size:14px; } 
#real_content img { border:3px solid #02184D; margin-right:10px; margin-bottom:10px; }

#real_content2 { float:left; width:628px; padding:10px 10px 20px 10px; text-align:justify; min-height:500px; font-size:14px; } 
#real_content2 a.img_link { float:left; }
#real_content2 a.img_link img { border:none; margin-right:4px; float:left; }
a.gal_link { background:url(../graphics/link_design.jpg) top left no-repeat; width:587px; height:28px; float:left; clear:both;
             color:#0A1B49; padding:10px 0 0 20px; border-right:1px solid #e2e2e2; }
a.gal_link:hover { border:2px solid #0A1B49; width:583px; height:24px; }

#upcoming_events{ float:left; background-color:#fefefe; width:170px; padding:10px 10px 10px 10px; text-align:justify;}
.workshops_div  a { font-size:12px; font-weight:bold; line-height:2em; color:#999; }
.workshops_div a:hover { color:#ff9900; text-decoration:underline; }
.name { font-weight:bold; color:#999; font-size:13px; margin-right:10px; }
.events { line-height:1.5em; }
.date_workshop { font-weight:bold; color:#02184D; border-bottom:2px solid #ededed; margin-bottom:10px;  }

/*Calendar*/
#news_calendar { margin-left:0px; float:left; border:2px solid #011034; width:170px; }
#calendar_header { background-color:#011034; color:#fff; font-weight:bold; padding:8px; font-size:14px; }
#news_calendar #calendar_header a { padding-right:10px; padding-left:10px; color:#666666; font-size:13px; }
#news_calendar #calendar_header a:hover { text-decoration:none; color:#FF0000; }
.naptar_fejlec { float:none; color:#FFFFFF; font-weight:bold; }
#news_calendar a { color:#FFFFFF; font-weight:bold; }
#news_calendar a:hover { text-decoration:blink; }
#news_calendar td { padding:2px; }
#upcoming_events_left { float:left; display:inline; margin:8px 0 0 10px }
#upcoming_events_left h3 { color:#fff; diplay:none !important; }

.banner_a { float:left; width:390px; height:128px; }
.banner_b { float:left; width:364px; height:120px; }

/* thickbox.css start */

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/**{padding: 0; margin: 0;  }*/
body.thickbox-bg { background:#fff; }
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;  overflow:hidden !important;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666; overflow:hidden !important;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	 overflow:hidden !important;
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
  overflow:hidden !important;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); overflow:hidden  !important;
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
  overflow:hidden !important;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
  overflow:hidden !important;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); 
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
  overflow:hidden !important;
}

* html #TB_iframeContent{
  overflow:hidden !important;
}

#TB_closeWindowButton{ background:url(../graphics/close.jpg) top left no-repeat; }
#TB_closeWindowButton strong { visibility:hidden !important;}

/* thickbox.css end */

/* tabber start */
/*tabber tabs*/
.tabbertab { width:100%;}
.tabbertab img { margin-right:15px; border:2px solid #9548B0;  }
.tabbertab center img { border:none; }
.tabbertab b { color:#ff0000; }
.reviewer { margin-left:10px; font-size:14px; color:#ffffff; font-weight:bold; }
.review { padding-bottom:25px; }
.tabberlive .tabbertabhide {
 display:none;
}
.repeat { float:left; }
.repeat img { float:left; border:1px solid #C499D1; margin:15px 5px; padding:0; cursor:pointer; }
.image-container { float:left; width:660px; background:#9548B0;}
.repeat p { float:left; width:630px;; padding:10px 15px 10px 10px; text-align:justify; color:#333; font-family:Arial, Helvetica, sans-serif; line-height:1.2em; font-size:16px;}
.repeat h1 { font-size:22px; font-weight:bold; color:#9548B0; padding:10px; float:left;}
.tab-title { float:right; margin-right:15px; color:#9548B0; font-size:16px; margin-top:10px;}
* html .tab-title { display:none; }
.tabbertab li a { color:#ff0000; font-size:12px; text-decoration:none;  }
.tabbertab li a:hover { color:#ff0000; text-decoration:underline; }
.product-info-box .tabbertab div { text-align:justify; color:#cccccc; font-family:Arial, Helvetica, sans-serif; padding:10px; }
.tabbertab h4 { color:#000; font-weight:bold; border:2px solid #ff0000; line-height:1.5em;  margin-bottom:10px; }

.tabberlive {
 margin-top:0px;
}

ul.tabbernav
{
 margin:0;
 padding: 0px 0 2px 0;
 /*border-bottom: 1px solid #222222;*/
 font-family:Arial, Helvetica, sans-serif; 
 font-weight:bold;
 font-size:12px;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 10px 18px 10px 18px;
 margin-left: 3px;
 border: 1px solid #9548B0;
 border-bottom: none;
 background: #C499D1;
 text-decoration: none;
 color:#fff;
 float:left;
 font-size:16px;
}

ul.tabbernav li a:link { color: #fff; }
ul.tabbernav li a:visited { color: #fff; }

ul.tabbernav li a:hover
{
 color: #fff;
 background: #A060B7;
 border-color: #9548B0;
}

ul.tabbernav li.tabberactive a
{
 background: #9548B0;
 /*border-bottom: 1px solid #222222;*/
 color:#fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #fff;
 background: #A060B7;
 /*border-bottom: 1px solid #222222;*/
}

.tabberlive .tabbertab {
 padding:1px;
 /*border:1px solid #222222;*/
 border-top:0;
 /* height:200px; */
 /* overflow:auto; */
}

.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 /*height:200px;*/
 overflow:auto;
}

/* tabber end */