/* -------------------- main settings -------------------- */
* { padding: 0; margin: 0; }
h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address { margin-bottom: 1em; }
html { height: 100%; }
body { height: 100%; color: #213035; font-size: 11px; line-height: 1.3em; min-width: 772px; font-family: Arial, Verdana, Tahoma, sans-serif; background: #fff url(../images/common/bck_header.jpg) center 48px no-repeat; }
body.adminMenu { background-position: center 77px; }

/* -------------------- common -------------------- */
h1, h2, h3, h4, h5, h6 { color: #cb3535; }
img { border: 0; }
.invisible { display: none; }
.center { text-align: center; }
.right { text-align: right; }
.clear { clear: both; }
.error { color: #9d0f00; }
.noborder { border: 0; }
.left { text-align: left; }

a { color: #3e8da7; text-decoration: none; }
a:hover { text-decoration: underline; }
a:visited { color: #617d86; text-decoration: underline; }

h1 { margin: 0 23px; }
h1, h2 { font-size: 1.3em; font-weight: normal; text-transform: uppercase; }
h3 { font-size: 1.2em; }
h2, h3 { margin: 0; }
h1 a, h2 a { color: #cb3535; text-decoration: none; }
h1 a:visited, h2 a:visited { color: #cb3535; }
h4 { font-size: 1em; margin: 0 23px 0.5em 23px; }

label { display: block; margin: 0; font-size: 0.8em; text-transform: uppercase; }
input, select, textarea { border: 0; }
.subscription input { border: 0; background: transparent; }
fieldset { border: 0; border: 1px #ccc solid; background: #eee; padding: 20px; }
fieldset a, fieldset a:visited {display: block; width: 29px; height: 16px; margin: 0 0 0 11px; background: url(../images/btns/btn_ok.png) no-repeat; }
fieldset a:hover {  background-position: 0 -19px; }
fieldset input, fieldset textarea { border: 1px #3a3c37 solid; padding: 2px 4px; font-family: Arial, Verdana, Tahoma, sans-serif; font-size: 11px; }

/* -------------------- layout -------------------- */
#outer { width: 942px; margin: 10px auto; min-height: 100%; }
* html #outer{ height: 100%; }

#menu { width: 942px; height: 38px; background: #282b22; color: #fff; text-transform: uppercase; }
  #menu ul { list-style: none; padding: 13px 25px 0 25px; }
    #menu ul li { float: left; margin: 0 38px 0 0; }
    #menu ul li.last { margin: 0; }
      #menu a { font-weight: bold; color: #fff; text-decoration: none; text-transform: uppercase; font-size: 10px; }
      #menu a:hover { text-decoration: underline; }

    #menu ul ul { list-style: none; margin: 0; padding: 0; float: left; z-index: 10; }
      #menu li ul { position: absolute; left: -999em; width: 0.01em; padding: 11px 0 0 0; }
      #menu li ul li { display: block; }
      #menu li:hover ul, #menu li.over ul { left: auto; position: relative; float: left; z-index: 10; }
        #menu li ul li a { display: block; line-height: 2em; width: 150px; color: #fff; font-weight: bold; background: #292929; padding: 0 4px; border: 1px #000 solid; border-top: 0; text-align: left; }
        #menu li ul li a:hover { background: #1c97d8; }


#header { width: 942px; height: 201px; margin: 0 auto; }
	#logo { display: block; width: 135px; height: 55px; position: relative; left: 27px; top: 38px; z-index: 3; }
  #icons { list-style: none; padding: 0 0 0 6px; width: 195px; margin: 84px 0 0 0; }
    #icons li { float: left;  margin: 0 4px 0 0; }
      #icons a { display: block; width: 23px; height: 16px; }
      #icons a:hover { background-position: 0 -30px; }
      #icons a.selected { background-position: 0 -30px; }
      .flagPL { background-image: url(../images/icons/icon_pl.png); background-position: 0 -30px; }
      .flagEN { background-image: url(../images/icons/icon_en.png); background-position: 0 -30px;  }
      .flagDE { background-image: url(../images/icons/icon_de.png); background-position: 0 -30px;  }
      #homepage {background-image: url(../images/icons/icon_home.png); background-position: 0 -30px;  }
      #email {background-image: url(../images/icons/icon_email.png); background-position: 0 -30px;  }
      #sitemap { background-image: url(../images/icons/icon_sitemap.png); background-position: 0 -30px;  }
      #rss { background-image: url(../images/icons/icon_rss.png); }
      #rss.off { background: transparent; cursor: default; }
  #header p {clear: both; margin: 0; padding: 0px 0 0 9px; }
  #search { border: 1px #c9c9c9 solid; padding: 2px 4px; color: #686a64; font-size: 9px; float: left; width: 129px; }
  #searchSubmit { float: left; display: block; width: 29px; height: 16px; margin: 0 0 0 11px; background: url(../images/btns/btn_ok.png) no-repeat; }
  #searchSubmit:hover { background-position: 0 -19px; }



#wrapper {width: 942px; clear: both; }

	#sidebar { width: 229px; float: left; margin: 0; }
	  #sidebar h2 { width: 186px; height: 27px; margin: 0 0 5px 0; padding: 13px 5px 0 5px; font-size: 10px; font-weight: bold; text-transform: uppercase; color: #fff; text-align: center; background: #3a3c37; }
		#sidebar ul#sdbMenu { margin: 0 0 15px 0; padding: 0; list-style: none; width: 196px; border-bottom: 12px #3a3c37 solid; }
			#sidebar ul#sdbMenu li { margin: 0 0 5px 0; background: #ebebeb; }
			#sidebar ul#sdbMenu li.odd { background: #d8d8d7; }
				#sidebar ul#sdbMenu li a { display: block; width: 186px; height: 27px; padding: 13px 5px 0px 5px; font-size: 10px; text-align: center; text-transform: uppercase; color: #3a3c37; text-decoration: none; }
				#sidebar ul#sdbMenu li a:hover { background: #8dcced; }
				#sidebar ul#sdbMenu li a.selected { font-weight: bold; background: #1ba0e0; color: #fff; }
		#bigSearch { width: 196px; background: #3a3c37; padding: 0 0 10px 0; margin: 0 0 15px 0; }
		  #bigSearch h3 { height: 52px; margin: 0 0 20px 0; background: url(../images/txt/bck_zarezerwuj_bilet.png) no-repeat; padding: 0; width: 196px; }
		  #bigSearch p { margin: 0 25px 15px 25px; color: #fff;  text-transform: uppercase; width: 146px; }
		    #bigSearch p em { color: #888; text-transform: lowercase; }
		  #bigSearch select { font-size: 9px; background: #fff; text-transform: none; }
		  #bigSearch option { font-size: 9px; }
		  #bigSearch input#departureDate { padding: 2px 4px; width: 130px; font-size: 9px; }
		  #bigSearch input#arrivalDate { padding: 2px 4px; width: 130px; font-size: 9px; }
		  #bigSearch input.promotioncode { width: 118px; }
      a.bigSearchSubmit { display: block; width: 52px; height: 20px; margin: 0 auto; background-image: url(../images/btns/btn_szukaj.png); }
      a.bigSearchSubmit:hover { background-position: 0 -22px; }
      
      #newsletter { width: 196px; height: 170px; margin: 0 0 15px 0; background: #282b22 url(../images/common/bck_newsletter.jpg) center 52px no-repeat; }
        #newsletter h4 { width: 196px; height: 52px; background: #77bf36 url(../images/txt/bck_newsletter_header.png) -22px 0 no-repeat; margin: 0; }
        #newsletter p {}
          input.nlEmail { width: 130px; padding: 2px 4px; font-size: 9px; margin: 30px 0 15px 25px; }
        a.nlAdd { display: block; float: left; margin: 0 37px 0 33px; width: 42px; height: 16px; background-image: url(../images/btns/btn_dodaj.png); }
        a.nlAdd:hover { background-position: 0 -18px; }
        a.nlDel { display: block; float: left; width: 42px; height: 16px; background-image: url(../images/btns/btn_usun.png); }
        a.nlDel:hover { background-position: 0 -18px; }
      
      
    #informations { width: 196px; height: 51px; margin: 0 0 15px 0; }
      #informations a { display: block; width: 196px; height: 51px; background: url(../images/banners/banner_przydatne_informacje.png); }
    #connections { width: 201px; height: 180px; padding: 0; }
      #connections h3 { width: 201px; height: 45px; background: url(../images/txt/bck_polaczenia_pl.png) no-repeat; padding: 0; }
      #connections ul { margin: 0; list-style: none; background: transparent; }
        #connections ul li { height: 119px; float: left; }
          #plane { display: block; width: 65px; height: 119px; background-image: url(../images/txt/bck_lotnicze_pl.png); background-position: left top; }
          #plane:hover { background-position: -85px 0; }
          #bus { display: block; width: 66px; height: 119px; background-image: url(../images/txt/bck_autokarowe_pl.png); background-position: left top; }
          #bus:hover { background-position: -84px 0; }
          #ship { display: block; width: 70px; height: 119px; background-image: url(../images/txt/bck_promowe_pl.png); background-position: left top; }
          #ship:hover { background-position: -72px 0; }

  #content { width: 713px; float: left; margin: 0; padding: 0; }
    #content h3 { margin-bottom: 1em; }
    #block01 {}
      #banner01 { display: block; float: left; width: 237px; height: 209px; margin: 0 1px 0 0; }
      #banner02 { display: block; float: left; width: 237px; height: 209px; margin: 0 1px 0 0; }
      #banner03 { display: block; float: left; width: 237px; height: 209px; margin: 0; }
    #block02 { clear: both; height: 207px; }
      #mainText { float: left; width: 394px; height: 132px; padding: 30px 30px 30px 40px; background: #cdcecd url(../images/common/bck_przejazdy_ind.jpg) no-repeat; }
        #mainText h2 { font-size: 1.3em; font-weight: bold; color: #303537; font-style: italic; margin: 0 0 15px 0; }
	    #mainText h2 a { color: #303537; text-decoration: none;}
        #mainText h2 a:hover { text-decoration: underline;}
        #content #mainText p { padding: 0; margin: 0; }
        #content #mainText p a  { color: #213035; text-decoration: none; }
        #content #mainText p a:hover { text-decoration: none; }
      #wynajem { display: block; float: left; width: 249px; height: 192px; background: #1a9adc url(../images/banners/banner_wynajem_autobusow.jpg) no-repeat; }
    #block03 { height: auto; background: url(../images/common/bck_block03.png) repeat-y; }
      #box01 { background: #a777a4; width: 232px; min-height: 218px; float: left; }
      #box02 { background: #74b5e5; width: 231px; min-height: 218px; float: left; }
      #box03 { background: #77bf36; width: 249px; min-height: 218px; float: left; }
      #block03 h3 { line-height: 1.1em; font-size: 1.4em; font-weight: bold; color: #fff; font-style: italic; margin: 24px 22px 15px 22px; }
        #block03 h3 a { color: #fff; text-decoration: none; }
        #block03 h3 a:hover { text-decoration: underline; }
      #block03 p { color: #fff; margin: 0 22px 5px 22px; }
        #block03 p a.more { display: block; height: 9px; }
        #block03 p img { clear: both; margin-bottom: -10px; }
        #block03 #box01 p a { color: #213035; text-decoration: none; }
        #block03 #box02 p a { color: #213035; text-decoration: none; }
        #block03 #box03 p a { color: #213035; text-decoration: none; }
        #block03 #box01 p a:hover { text-decoration: none; }
        #block03 #box02 p a:hover { text-decoration: none; }
        #block03 #box03 p a:hover { text-decoration: none; }
        
        #block04 { clear: both; height: 207px; }
        #mainText04 { float: left; width: 394px; height: 132px; padding: 30px 30px 30px 40px; background: #cdcecd url(../images/common/bck_przejazdy_ind.jpg) no-repeat; }
        #mainText04 h2 { font-size: 1.3em; font-weight: bold; color: #303537; font-style: italic; margin: 0 0 15px 0; }
        #mainText04 h2 a { color: #303537; text-decoration: none; }
        #mainText04 h2 a:hover { text-decoration: underline;}
        #mainText04 p a { color: #303537;  text-decoration: none; }

        #content #mainText04 p { padding: 0; margin: 0; }
        #content #mainText04 a.more { display: block; height: 9px; background: url(../images/icons/arrow_blue_right_blgray.png) right no-repeat; }
      
      #box04 { background: #74b5e5; width: 249px; height: 192px; float: left; }

      #block04 h3 { line-height: 1.1em; font-size: 1.4em; font-weight: bold; color: #fff; font-style: italic; margin: 24px 22px 15px 22px; }
        #block04 h3 a { color: #fff; text-decoration: none; }
        #block04 h3 a:hover { text-decoration: underline; }
        #block04 p { color: #fff; margin: 0 22px 5px 22px; }
        #block04 p a.more { display: block; height: 9px; }
        #block04 p img { clear: both; margin-bottom: -10px; }
        #block04 #box04 p a { color: #213035; text-decoration: none; }
        #block04 #box04 p a:hover { text-decoration: none; }



        

    #content #textBox { width: 515px; margin: 55px 25px 0 0; float: left; }
    #content #textBox.wide { width: 100%; margin: 55px 0 0 0; }
      #content #textBox h2 { color: #213035; font-size: 15px; font-weight: normal; text-transform: uppercase; padding: 0 0 3px 0; margin: 0 0 20px 0; border-bottom: 1px #e1e1e1 solid; }
    #content .item { margin: 0 0 30px 0; clear: both; }
      #content .item img { border-bottom: 3px #1c9adb solid; float: left; margin: 0 15px 10px 0; }
      #content .leadItem .imgWrap { width: 435px; margin: -92px 0 0 120px; float: left; }
      #content .item p { }
      #content .item p a.more img { border: 0; position: relative; top: 3px; left: 8px; float: none; display: inline; margin: 0; padding: 0; }
      #content .item h3 { color: #213035; font-size: 13px; font-weight: normal; text-transform: uppercase; padding: 0; margin: 0 0 15px 0; }
        #content .item h3 em { font-weight: bold; color: #1c9adb; font-style: normal; }
      #content .item #pages { text-align: center; border: 1px #e1e1e1 solid; border-left: 0; border-right: 0; padding: 5px 0; }

      #content .leadItem img { border-bottom: 3px #1c9adb solid; }
      #content .leadItem .imgWrap { width: 435px; margin: -66px 0 66px 120px; }
      #content .leadItem h2 { color: #213035; font-size: 13px; font-weight: normal; text-transform: uppercase; padding: 0; margin: 0 0 5px 0; }
        #content .leadItem h2 em { font-weight: bold; color: #1c9adb; font-style: normal; }

        #content #article { clear: both; }
        #content #article ul { margin: 0 0 1em 17px; }
        #content #article ol { margin: 0 0 1em 17px; }
        
        #content #article img.left  
        {
        	BORDER-RIGHT: #909090 1px solid;
			PADDING-RIGHT: 2px;
			BORDER-TOP: #909090 1px solid;
			PADDING-LEFT: 2px;
			FLOAT: left;
			PADDING-BOTTOM: 2px;
			MARGIN: 0px 10px 10px 0px;
			BORDER-LEFT: #909090 1px solid;
			PADDING-TOP: 2px;
			BORDER-BOTTOM: #909090 1px solid
		}
		#content #article IMG.right
		{
			BORDER-RIGHT: #909090 1px solid;
			PADDING-RIGHT: 2px;
			BORDER-TOP: #909090 1px solid;
			PADDING-LEFT: 2px;
			FLOAT: right;
			PADDING-BOTTOM: 2px;
			MARGIN: 0px 10px 10px 0px;
			BORDER-LEFT: #909090 1px solid;
			PADDING-TOP: 2px;
			BORDER-BOTTOM: #909090 1px solid
		}
		#content #article IMG.center
		{
			BORDER-RIGHT: #909090 1px solid;
			PADDING-RIGHT: 2px;
			BORDER-TOP: #909090 1px solid;
			PADDING-LEFT: 2px;
			FLOAT: none;
			PADDING-BOTTOM: 2px;
			MARGIN: 0px auto;
			BORDER-LEFT: #909090 1px solid;
			PADDING-TOP: 2px;
			BORDER-BOTTOM: #909090 1px solid
		}        
        
        
        #content #article #btnReturn { display: block; width: 42px; height: 16px; background: url(../images/btns/btn_powrot.png) no-repeat; }
        #content #article #btnReturn:hover { background-position: 0 -19px; }

        #content p#newsPages { text-align: center; }
        #content #newsPages em { font-style: normal; color: #1c9adb; text-decoration: underline; }
        #content #newsPages a { color: #213035; text-decoration: none; }
        #content #newsPages a:hover { text-decoration: underline; }
    
        #content #txtListBanner { float: left; width: 161px; height: 580px;  margin-top: 55px; }
        #content #txtBanner { float: left; width: 161px; height: 442px;  margin-top: 55px; }

        #gallery { clear: both; width: 712px; height: 220px; }
        #gallery h3 { height: 33px; margin: 0 0 25px 0; background: #ebebeb url(../images/txt/txt_galeria_zdjec_pl.png) center no-repeat; }
          #xgallery ul { list-style: none; margin: 0; padding: 0; }
          #xgallery ul li { margin: 0 55px 10px 0; background: 0; padding: 0; float: left; }
              #xgallery ul li a {}
              #xgallery ul li a:hover {}
                #gallery ul li a img { border-bottom: 7px #1c9adb solid; }
                #gallery ul li a:hover img { border-color: #23519e; }
                
        #files { border-top: 1px #ececeb solid; border-bottom: 1px #ececeb solid; padding: 23px 0 10px 0; position: relative; z-index: 10; }
          #files ul { list-style: none; margin: 0; padding: 0;}
            #files ul li { width: 326px; float: left; margin: 0 0 10px 0; }
              #files li a { display: block; height: 23px; color: #213035; font-size: 11px; text-decoration: none; }
              #files li a:hover { text-decoration: underline; }
              #files a.pdf { background: url(../images/icons/icon_pdf.png) left no-repeat; padding: 10px 0 0 50px; }



/* -------------------- Rezerwacja -------------------- */
        #message { border: 2px #dd0000 solid; padding: 5px; margin: 0 0 2em 0; }
          #message h3 { display: block; margin: 0 0 5px 0; color: #dd0000; font-size: 1.6em; font-style: normal; text-align: center; font-family: "Trebuchet MS", tahoma, verdana; }
          #message p { }
          #message table.table_frame { width : 100%; }
          #message table td.table_body { width : 100%; text-align: left; text-indent: 10px; }
          

        #content label { display: block; margin: 0 0 0.3em 0; }
        #content select { border: 1px #b0b0b0 solid; font-size: 11px; color: #777; background: #fff; }
        #content input { border: 1px #b0b0b0 solid; padding: 2px 4px; font-size: 11px; color: #777; }
        #content input[type="radio"] { border: 0; padding: 0; }
        #content input[type="checkbox"] { padding: 0; }
        #content input.noborder { border: 0; }
        #content textarea { border: 1px #b0b0b0 solid; padding: 2px 4px; font-size: 11px; color: #777; font-family: verdana, tahoma, arial, sans-serif; }

        #content table { border-collapse: collapse; width: 110px; margin: 0 0 10px 0; }
        #content table tr { }
        #content table th { padding: 2px 3px; border: 1px #fff solid; background: #3a3c37; color: #fff; }
		#content table th.rozklad { padding: 2px 3px; border: 1px #fff solid; font-size: 1.2em; background: #3a3c37; color: #fff; }		

		#content table th.horizontal { background: #1ba0e0; white-space: nowrap;}
        #content table th.horizontal_big { background: #1ba0e0; font-size : 1.3em; width: 1%; white-space: nowrap;}
        #content table th.horizontalsmall { background: #1ba0e0; font-size: 0.8em; white-space: nowrap;}




        #content table th span.horizontalsmall { background: #1ba0e0; font-size: 0.8em; }		
          #content table th.horizontalsmall em { font-style: normal; font-weight: normal; }
        #content table td { padding: 2px 0; border: 1px #fff solid; text-align: center; background: #ebebeb; }
        #content table td.full { padding: 2px 0; border: 1px #fff solid; text-align: center; background: #d8d8d7; }
        #content table td.full_from { padding: 2px 0; border: 1px #fff solid; text-align: center; background: #d8d8d7; font-weight: bold; }
        #content table td.full_from_big { padding: 2px 0; border: 1px #fff solid; text-align: center; background: #d8d8d7; font-weight: bold; font-size : 1.1em; }
        #content table td:hover { background: #d8d8d7; }
          #content table td em { font-size: 1.3em; color: #1ba0e0;}
          #content table td em.inactive { color: #1ba0e0; }
          #content table td hr { border: 0; border-bottom: 1px #77B6E3 solid; margin: 0 0 8px 0; }

        #content table#depTable { float: left; margin: 0 2em 0 0; }
        #content table#arrTable { float: left; }
        #content div.holder { height: auto; clear: both; }

          #content table td table.inside { margin: 0 0 5px 0; background: transparent; }
          #content table td table.inside tr { border: 0; }
          #content table td table.inside td { border: 0; font-weight: bold; text-align: left; padding: 0 0 0 0; font-size: 0.8em; background: transparent; }
          #content table td table.inside td.center { text-align: left; padding: 0 0 0 0; }
          #content table td table.inside td.left { padding: 3px 0 0 4px; text-align: left; }
          #content table td table.inside th.price { border: 0; padding: 0 0 0 4px; text-align: right; background: transparent; font-weight: normal; text-transform: lowercase; font-size: 9px; color: #213035; }
          #content table td table.inside th.promo .price { color: #cc0000; }
          #content .promo { color: #cc0000; }
          #content .price { font-size: 1.2em; color: #1ba0e0; }
          #content table td table.inside td input { padding: 0; margin: 0; }
          
          #content p.half { width: 35%; float: left; clear: none; }
          
          #content table td p.tbleft { text-align: left; margin: 2px 0 2px 43px; }

          #content img { margin: 0 auto; }
          #content table.half { width: 48%; }
          #content table.wide { width: 100%; }
          #content td a { color: #2872a7; }
          #content table th.left { text-align: left; }

        #pages { margin: 40px auto 20px auto; width: 150px; }
          #content #pages a { display: block; width: 50px; height: 12px; padding: 2px 4px; margin: 0 auto; background: #1ba1e1; color: #fff; text-transform: uppercase; text-decoration: none; font-weight: bold; font-size: 9px; text-align: center; }
          #content #pages a:hover { background: #23519e; text-decoration: none; }
          #content #pages a.prev { width: 50px; margin: 0; }
          #content #pages a.next { width: 50px; margin: -16px 0 0 80px; }

        #disclaimer { margin: 40px 0 0 0;}
          #disclaimer ul.cards { list-style: none; width: 598px; height: 38px; margin: 0 auto; padding: 10px 0; background: url(../images/common/logo_cards.png) 0 10px no-repeat; }
            #disclaimer ul li { display: none; }
          #disclaimer p { text-align: center; color: #aaa; }
            #disclaimer p a { color: #F7A4A7; text-decoration: none; }
            #disclaimer p a:hover { text-decoration: underline; }
          #disclaimer ul.payments { list-style: none; width: 598px; height: 38px; margin: 0 auto; padding: 10px 0; background: url(../images/common/logo_payments.jpg) 0 10px no-repeat; }


#footer { clear: both; width: 943px; margin: 0 auto; }
  #ftrBanner { width: 943px; height: 91px; background: url(../images/banners/banner_btm.png) no-repeat; }
    #bnrBerlinAirports { display: block; float: left; width: 133px; height: 52px; margin: 19px 0 0 29px; }
    #bnrSzczecinGoleniow { display: block; float: left; width: 152px; height: 30px; margin: 30px 0 0 77px; }
    #ftrContainer { width: 475px; padding-top: 15px; margin: 0 0 0 466px; text-align: left; }
  #ftrWrapper { height: 30px; background: #3a3c37; padding: 20px 50px 0 50px; }
    #ftrWrapper p { color: #fff; font-size: 10px; float: left; text-transform: uppercase; }
	  #ftrWrapper p#copyright { width: 100%; margin: -25px 0 0 0; text-align: right; text-transform: none; }
	#author { text-align: center; height: 50px; color: #bbb; padding: 10px 0 0 0;  }
	#keywords { text-align: center; height: 20px; color: #bbb; padding: 0 0 0 0;  }
    #author a { color: #666; text-decoration: none; }
      #author a:hover { text-decoration: underline; }

/* -------------------- Admin menu -------------------- */
#adminmenu { position: relative; z-index: 10; height: 20px; background: #9e0000 url(../images/admin/bck_admin.gif) repeat-x; padding: 5px 10px 3px 10px; border-bottom: 1px #000 solid; border-top: 1px #000 solid; width: 923px; float: left; }
  #komako { display: block; float: left; width: 100px; height: 20px; margin: 0 25px 0 0; position: relative; background: url(../images/admin/logo_komako.png) no-repeat; }
  #adminmenu a { display: block; color: #fff; text-decoration: none; }
  #adminmenu a:hover { color: #ff0; }
  #adminmenu ul, #adminmenu ul ul { list-style: none; margin: 0; padding: 0; float: left; }
    #adminmenu li { float: left; margin: 0 30px 0 0; }
      #adminmenu li ul { position: absolute; width: 4em; left: -999em; padding: 8px 0 0 0; }
      #adminmenu li:hover ul, #adminmenu li.over ul { left: auto; position: static; float: left; }
        #adminmenu li ul li a { display: block; line-height: 19px; width: 150px; color: #fff; background: #9e0000 url(../images/admin/bck_admin.gif) bottom repeat-x; padding: 0 4px; border: 1px #000 solid; border-top: 0; text-align: left; }
        #adminmenu li ul li a:hover { background: #6b0000; }

/* -------------------- jCarousel -------------------- */
/* This <div> element is wrapped by jCarousel around the list and has the classname "jcarousel-container". */
.jcarousel-container { position: relative; }
.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; }
.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }
.jcarousel-list li, .jcarousel-item { float: left; list-style: none; width: 135px; height: 113px; }
/* The buttons are added dynamically by jCarousel before the <ul> list (inside the <div> described above) and have the classnames "jcarousel-next" and "jcarousel-prev". */
.jcarousel-next { z-index: 3; display: block; width: 20px; height: 20px; background: url(../images/icons/arrow_gallery_left.png) no-repeat; position: relative; top: 0px; left: 0px; }
.jcarousel-prev { z-index: 3; display: block; width: 20px; height: 20px; background: url(../images/icons/arrow_gallery_right.png) no-repeat; position: relative; top: 0px; left: 0px; }

/* tango */
.jcarousel-skin-tango .jcarousel-container {}
.jcarousel-skin-tango .jcarousel-container-horizontal { width: 712px; height: 192px; padding: 40px 0 0 0; margin: 0; }
.jcarousel-skin-tango .jcarousel-clip-horizontal { width: 712px; height: 192px; position: relative; top: -35px;}
.jcarousel-skin-tango .jcarousel-item { width: 135px; height: 113px; margin: 0 55px 0 0;}
.jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: 55px; }
.jcarousel-skin-tango .jcarousel-item-placeholder { }
/* Horizontal Buttons */

.jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: -50px; left: 640px; width: 20px; height: 20px; cursor: pointer; background: url(../images/icons/arrow_gallery_right_off.png) center 0 no-repeat; background: url(../images/icons/arrow_gallery_right.png) center 0 no-repeat; }
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; position: absolute; top: -50px; left: 640px; width: 20px; height: 20px; background: url(../images/icons/arrow_gallery_right_off.png) center 0 no-repeat; }
.jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: -50px; left: 60px; width: 20px; height: 20px; cursor: pointer; background: url(../images/icons/arrow_gallery_left_off.png) center 0 no-repeat; background: url(../images/icons/arrow_gallery_left.png) center 0 no-repeat; }
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; position: absolute; top: -50px; left: 60px; width: 20px; height: 20px; background: url(../images/icons/arrow_gallery_left_off.png) center 0 no-repeat; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333; }
#TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666666; }
#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:#303e50; 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'); }
#TB_window { position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:50%; left:50%; }
* 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'); }
#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; }
#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; }
#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; }



/* -------------------- Calendar -------------------- */
/* The main calendar widget.  DIV containing a table. */

div.calendar { position: relative; }

.calendar, .calendar table {
  border: 1px solid #556;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #eef;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
}

.calendar .nav {
  background: #778 url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  background: #fff;
  color: #000;
  padding: 2px;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
  background: #778;
  color: #fff;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: #bdf;
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #556;
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #a66;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background-color: #aaf;
  color: #000;
  border: 1px solid #04f;
  padding: 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background-color: #77c;
  padding: 2px 0px 0px 2px;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  color: #456;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
  color: #fbb;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #bdf;
}

.calendar tbody .rowhilite td {
  background: #def;
}

.calendar tbody .rowhilite td.wn {
  background: #eef;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #def;
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #cde;
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #000;
  padding: 1px 3px 1px 1px;
  background: #fff;
  color: #000;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #a66;
}

.calendar tbody td.today { /* Cell showing selected date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #556;
  color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #fff;
  color: #445;
  border-top: 1px solid #556;
  padding: 1px;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #aaf;
  border: 1px solid #04f;
  color: #000;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #77c;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #655;
  background: #def;
  color: #000;
  font-size: 90%;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background: #acf;
}

.calendar .combo .active {
  border-top: 1px solid #46a;
  border-bottom: 1px solid #46a;
  background: #eef;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #f4f0e8;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #667;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}