/* import fixes  */
@import url(style_pagination.css);
@import url(style_fix.css);

* { margin: 0; padding: 0; }

.clearfix
{
  clear: both;
}

body
{
  background: url('../gfx/top-line.jpg') repeat-x #7E0E0D;
  
  font-family: Tahoma;
  font-size: 11px;
}

#construct, #signature { width: 850px; margin: 0 auto; }

#top h1 span, #top h2 span { display: none; }
#top h1 a, #top h2 a { display: block; }
#top h1 a { width: 630px; height: 165px; }
#top h2 a { width: 300px; height: 55px; margin-right: -176px; float: right; }

#top { background: url('../gfx/top-logo.jpg'); height: 211px; }
#top #login { width: 170px; float: right; margin: 30px 30px 0 0; }
#top form fieldset { border: 0; padding: 0; background: url('../gfx/top-logo-login.png') no-repeat; width: 160px; height: 86px; }
#top form input { border: 0; background: transparent; width: 135px; height: 17px; margin: 4px 0 14px 6px; font: normal 11px Tahoma; color: #555; }
#top form input.submit { width: 80px; height: 19px; margin-top: -7px; float: right; color: #dae4d2; }
#top #login img { width: 50px; padding: 2px; border: 1px solid #ddd; float: left; margin-right: 5px; }
#top #login h3 { color: #bb2b2a; font-size: 13px; }

#top #login-actions { clear: both; list-style-type: none; padding: 0; }
#top div #login-actions { padding: 10px 0 0 0; }
#top #login-actions a { display: block; background: no-repeat left center; padding: 4px 0 4px 22px; text-decoration: none; color: #888; }
#top #login-actions a:hover { color: #000; }
#top #login-actions li.register a { background-image: url('../icons/register.png'); }
#top #login-actions li.keys a { background-image: url('../icons/key.png'); }
#top #login-actions li.account a { background-image: url('../icons/data.png'); }
#top #login-actions li.comments a { background-image: url('../icons/comments.png'); }
#top #login-actions li.localdata a { background-image: url('../icons/localdata.png'); }
#top #login-actions li.addlocal a { background-image: url('../icons/addlocal.png'); }
#top #login-actions li.logout a { background-image: url('../icons/logout.png'); }

#top #mainmenu { margin: 0; padding: 0; list-style-type: none; width: 100%; }
#top #mainmenu li { display: inline; }
#top #mainmenu li a { display: block; width: 100px; float: left; height: 15px; padding: 15px 0; text-align: center; font-size: 12px; font-weight: bold; color: #dae4d2; text-decoration: none; background: url('../gfx/top-menu.png'); }
#top #mainmenu li a:hover { background: url('../gfx/top-menu-light.png'); }

#foot { height: 75px; background: url('../gfx/footer.jpg'); }
#foot div { float: right; text-align: center; width: 180px; height: 25px; padding: 30px 0 0 0; }
#foot div, #foot div a { color: #dae4d2; text-decoration: none; }
#foot ul { margin: 0; padding: 30px 20px; list-style-type: none; }
#foot ul li { display: inline; margin: 0 5px; }
#foot ul li a { color: #fff; text-decoration: none; }
#foot ul li a:hover { text-decoration: underline; }

#signature { padding: 15px 0 50px 0; text-align: center; }
#signature, #signature a { color: #fff; text-decoration: none; }

.avatar
{
  width: 50px;
  height: 50px;
}

.logo
{
  width: 100px;
  height: 100px;
}

#content { background: #fff; }
#window, #menu { float: left; }

#menu { width: 160px; padding: 10px; }
#menu h2 { margin: 10px; text-align: center; }
#menu ul { list-style-type: none; padding: 0; }
#menu ul li a { background-position: left center; background-repeat: no-repeat; display: block; border-bottom: 1px dotted #ddd; padding: 5px 0 5px 23px; color: #888; text-decoration: none; }
#menu ul li a:hover { background-color: #fafafa; color: #000; border-color: #000; }

#construct #window { padding: 10px; width: 830px; }
#construct .inside #window { width: 650px; }

#window h1 { font: normal 19px 'Trebuchet MS'; color: #888; letter-spacing: -1px; margin: 10px 0 -5px 0; height: 44px; background: url('../gfx/headline.png') no-repeat bottom left; }
#window h1:first-letter { color: #6e0c0c; }
#window p, #window ul { line-height: 150%; margin-bottom: 10px; }
#window a { color: #7E0E0D; text-decoration: none; }
#window a:hover { color: red; }
#window .points { list-style-type: none; padding: 0; }
#window .points li { background: url('../gfx/bulk.gif') left 3px no-repeat; padding-left: 18px; margin: 5px 0; }

#menu li.keys a { background-image: url('../icons/key.png'); }
#menu li.addlocal a { background-image: url('../icons/addlocal.png'); }
#menu li.photos a { background-image: url('../icons/photos.png'); }
#menu li.contact a { background-image: url('../icons/contact.png'); }
#menu li.comments a { background-image: url('../icons/comments.png'); }
#menu li.time a { background-image: url('../icons/time.png'); }
#menu li.data a { background-image: url('../icons/data.png'); }
#menu li.press a { background-image: url('../icons/press.png'); }
#menu li.avatars a { background-image: url('../icons/avatar.png'); }
#menu li.localdata a { background-image: url('../icons/localdata.png'); }
#menu li.logos a { background-image: url('../icons/logo.png'); }
#menu li.promo a { background-image: url('../icons/promo.png'); }
#menu li.logout a { background-image: url('../icons/logout.png'); }

.average-bar, .average-bar div { height: 18px; }
.average-bar { background: url('../img/stars/star-empty.gif') repeat-x; width: 90px; color: #999; }
.average-bar div { background: url('../img/stars/star-ps.gif') repeat-x; margin-bottom: 5px; }
.average-bar div.yellow { background-image: url('../img/stars/star.gif'); }

.column { float: left; margin: 0 5px; }
.column-half { width: 400px; }
.column-1-3 { width: 300px; }
.column-2-3 { width: 500px; }

.info { background: #fafafa; color: #999; padding: 10px; }
.info_notice { font-weight: bold; }
.info_red { background: #ffe9e9; padding: 10px; }
.info_red, .info_red a { color: #da0000 !important; }
.info_green { background: #f5fbd7; padding: 10px; }
.info_green, .info_green a { color: #8da712 !important; }

.contact-icon { width: 16px; height: 16px; margin: 5px 5px 5px 0; vertical-align: middle; }

.steps { list-style-type: none; padding: 0; border-bottom: 3px solid #cf0000; height: 37px; margin: 0 10px 10px 10px; padding-top: 10px; }
.steps li { float: left; margin-right: 1px; }
.steps li, .steps li a, .steps li a span, .steps li strong, .steps li strong span { display: block; width: auto; height: 37px; }
.steps li { background: #cf0000 url('../gfx/step.jpg') no-repeat; }
.steps li.a { background: #cf0000 url('../gfx/step-a.jpg') no-repeat; }
.steps li.d { background: #8fcc00 url('../gfx/step-d.jpg') no-repeat; }
.steps li a, .steps li strong { background: url('../gfx/step-r.jpg') no-repeat top right; text-decoration: none !important; }
.steps li.a a, .steps li.a strong { background: url('../gfx/step-a-r.jpg') no-repeat top right; }
.steps li.d a, .steps li.d strong { background: url('../gfx/step-d-r.jpg') no-repeat top right; color: #577c00; }
.steps li a span, .steps li strong span { height: 28px; padding: 12px 7px 0 7px; font: bold 12px Tahoma; color: #999; }
.steps li a:hover span { color: #333; }
.steps li.a a span, .steps li.a strong span { background: url('../gfx/step-a-c.jpg') no-repeat bottom center; color: #fff !important; }
.steps li.d a span, .steps li.d strong span { background: url('../gfx/step-d-c.jpg') no-repeat bottom center; color: #fff !important; color: #648f00; }