/* Layout 1 css */
html, body { margin: 0; padding: 0; }

body { cursor: default; text-align: center; background: #fff; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; }

.box { border: 1px solid red; }

img { border: 0 none; vertical-align: middle; }

h2 { margin: 0px; padding: 0px; }

a { text-decoration: none;}

div#strona { width: 830px; position: relative; margin: 0 auto; margin-top: 15px; text-align: left; background: White; }

h1.biuro { position: relative; margin: 0; padding: 0; height: 75px; background: #6ea7f1; z-index: 1; line-height: 200%; text-align: center; font-size: 15px; color: white; margin-bottom: 30px; }

h3.club_logo { width: 340px; height: 53px; text-align: left; font-size: 12px; line-height: 13px; color: #999; position: absolute; top: 0px; right: 0px; z-index: 3; margin: 0px; padding: 0px; }

h3.club_logo a { position: absolute; top: -12px; right: 15px; width: 196px; height: 53px; text-align: left; padding-top: 10px; }

h3.club_logo a span { position: absolute; top: 0px; left: 0px; width: 196px; height: 53px; background: url("/projects/globetrotters/image/klub_logo.png") no-repeat;
z-index: 3; }

h4.logo { width: 540px; height: 43px; text-align: right; font-size: 12px; line-height: 13px; color: #999; position: absolute; top: 0px; left: 0px; z-index: 3; margin: 0px; padding: 0px; }

h4.logo a { position: absolute; top: 10px; left: 10px; width: 223px; height: 43px; text-align: left; }

h4.logo a span { position: absolute; top: 0px; left: 0px; width: 223px; height: 43px; background: url("/projects/globetrotters/image/globetrotters.png") no-repeat; z-index: 3; border: 1px solid white; }

/* Menu */

div#menu { position: absolute; top: 55px; right: 0px; float:left; z-index: 3; }

ul#nav{ background: #6ea7f1; }

ul#nav,ul#nav li{ list-style-type:none; margin:0; padding:0; }

ul#nav li{ float:left; margin-right: 10px; text-align: center; }

ul#nav a{ float:left; width: 80px; padding: 5px 0px 0px 0px; background: #ffc015; text-decoration:none; color: #fff; font-weight: bold; height: 21px; }

ul#nav a:hover{ background: #ceec4e; color: #003; }

ul#nav li.activelink a,ul#nav li.activelink a:hover{ background: #ceec4e; color: #003; }

/* Submenu */

div#submenu { position: absolute; top: 75px; left: 0px; z-index: 4; background: #ceec4e; width: 100%;}

div#submenu #subsection { margin: 4px 12px; background: #e8f6c0; padding: 2px; color: #505050; font-size: 12px; }

div#submenu #subsection a { color: #505050; }
div#submenu #subsection a:hover { text-decoration: underline; }

/* Content Page */

div#cpage { margin-top: 45px; margin-bottom: 10px; background: white url('/projects/globetrotters/image/main_gr.png') repeat-x; width: 830px;}

/* Menu Panel Box */

div#left-panel div.panel-box { border: 1px solid #e1e3e5; padding: 5px; color: #605f60; }

div#left-panel div.panel-box a { color: #605f60; text-decoration: none; }

div#left-panel div.panel-box a:hover { color: #605f60; text-decoration: underline; }

/* Opinion Form */

#opinion_form {
 margin: 10px;
 color: #6b6b6b;
}

#opinion_form h2 {
 background: #ffffff;
 border: 1px solid #cadbf9;
 margin: 0px;
 margin-bottom: 15px;
 padding: 10px;
 color: #3882c8;
 font-size: 12px;
}

#opinion_form h3 {
 background: #e7eefc;
 color: #3882c8;
 margin: 15px 0px 5px;
 padding: 2px;
 font-size: 11px;
}

iframe {
 border-width: 0px;
 height: 60px;
 width: 100%;
 border-bottom: 1px dashed gray; 
}

iframe.hidden {
 visibility: hidden;
 width:0px;
 height:0px;
 border: none;
}

label {
 display: block;
 color: #3882c8;
 font-weight: bold;
}

textarea {
 width: 500px;
 height: 200px;
}

select {
 margin: 0px; 
 color: #000000; 
 border: 1px #7799aa solid; 
}

input[type=text],
input[type=button],
input[type=submit],
input[type=reset],
input[type=password],
input[type=file] { 
 margin: 0px; 
 color: #000000; 
 font: normal normal normal 10px verdana; 
 border: 1px #7799aa solid; 
}

input[type=checkbox],
input[type=radio] { 
 margin: 2px; 
 border: 0px; 
 background: 
 transparent; 
}

.label_line label {
 float: left;
 clear: both;
 width: 150px;
 line-height: 20px;;
}

.form_email_show label {
 display: inline; 
 color: gray;
 font-weight: normal;
 line-height: 120%;
}

.form_group label {
 display: inline;
 color: #6b6b6b;
 font-weight: normal;
}

label.form_group_pre {
 display: block;
 float: left;
 line-height: 140%;
 width: 100px;
 text-align: right;
 padding-right: 5px;
}

div.form_element {
 margin-top: 5px;
}

div.form_group {
 display: inline;
}

div.form_fullname {
 float: left;
}

div.form_age {
 margin-left: 350px;
 margin-top: 10px;
}

div.form_email {
 clear: both;
}

input#title { width: 400px;}
input#liked { width: 400px;}
input#disliked { width: 400px;}
input#fullname { width: 300px;}
input#author { width: 300px;}
input#email { width: 300px;}

div.button {
 text-align: center;
 margin: 5px;
}

/* images */

#images div.galerynew {
 padding: 5px 0px;
 border-bottom: 1px dashed grey;
}

#images img.loaded {
 display: block;
 float: left;
 padding: 3px; 
 border: 1px solid lightgray;
 margin-right: 10px;
}

#images a {
 display: block;
 color: gray;
 width: 90px;
 text-align: center;
 text-decoration: none;
 clear: both;
}

#images a:hover {
 text-decoration: underline;
}

/* stars */
.stars ul,
.stars div {
       float: left;
}

.stars div {
 padding-left: 10px;
}

.rating_txt {
    clear: both;
}

.unit-rating{
   list-style:none;
   margin: 0px;
   padding:0px;
   width: 100px;
   height: 20px;
   position: relative;
   background: url('/globe/images/star_rating.gif') top left repeat-x;
}

.current-rating-label {
  padding-top: 4px;
  color: #999;
}
                                                                                                                             
.unit-rating li{
   text-indent: -90000px;
   padding:0px;
   margin:0px;
   float: left;
   border: 0;
}
                                                                                                                             
.unit-rating li a{
   display:block;
   width:20px;
   height: 20px;
   text-decoration: none;
   text-indent: -9000px;
   z-index: 20;
   border: 0;
   position: absolute;
   padding: 0px;
}

.unit-rating li a:hover {
   background: url('/globe/images/star_rating.gif') left center;
   z-index: 2;
   left: 0px;
   border: 0;
}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover {width:20px;}
.unit-rating a.r2-unit {left:20px;}
.unit-rating a.r2-unit:hover {width: 40px;}
.unit-rating a.r3-unit {left: 40px;}
.unit-rating a.r3-unit:hover {width: 60px;}
.unit-rating a.r4-unit {left: 60px;}
.unit-rating a.r4-unit:hover {width: 80px;}
.unit-rating a.r5-unit {left: 80px;}
.unit-rating a.r5-unit:hover {width: 100px;}
.unit-rating li.current-rating{
   background: url('/globe/images/star_rating.gif') left bottom;
   position: absolute;
   height: 20px;
   display: block;
   text-indent: -9000px;
   z-index: 1;
}

/* Footer */

div#footer {
 clear: both;
 text-align: center;
}

div#footer_links,
div#footer_links a {
 background: #007ce1;
 color: white;
 margin: 5px 0px;
 padding: 2px;
}

div#footer_links a:hover {
 text-decoration: underline;
}

div#footer_copyright,
div#footer_copyright a {
 color: #464646;
 margin-bottom: 6px;
}

div#footer_biura {
 color: #464646;
 border-top: 1px solid #e8e8e8;
 border-left: 1px solid #e8e8e8;
 border-right: 1px solid #e8e8e8;
}

div#footer_biura a {
 color: #464646;
}

div#footer_biura a:hover {
 text-decoration: underline;
}