body {margin: 0;}

#topBar {font-family:Vardana,sans-serif;font-size:11px;font-style:normal;font-variant:normal;font-weight:normal;line-height:normal;}
#topBar {text-align:center;padding:0px 0 5px 0; width: 100%; border-bottom: 1px solid #CBD5E7; background: #E9EDF5 url('/static/img/pino_bar/top-bar-bg.gif') center bottom repeat-x;}

#topBar .topBarContainer {width: 961px; margin: 0 auto; overflow: hidden; clear: both;}
#topBar .hr {background-color:#C2CCE7;font-size:1px;line-height:1px;height:1px;}
#topBar ul {padding:0;margin:0;}
#topBar form {padding:0;margin:0;}

#topBar #topBarLoginBox {padding:4px 0 3px 0;display:none;}
#topBar #topBarLoginBox form {width:961px;height:20px;}
#topBar #topBarLoginBox fieldset {border:0;padding:0;margin:0;;float:right;}
#topBar #topBarLoginBox fieldset label {color:#333333;line-height:18px;float:left;font-size:11px;font-weight:bold;}
#topBar #topBarLoginBox #topBarPasswordLabel {padding-left:20px;}
#topBar #topBarLoginBox fieldset input {margin:0 5px 0 5px;float:left;border:solid 1px #2A4C9A;width:150px;font-size:12px;padding:1px 2px 2px 2px;}
#topBar #topBarLoginBox fieldset .inputSubmit {margin:0;cursor:pointer;float: left; width: 61px; height: 19px; padding:1px 0 2px 0; background: #2A4C9A url('/static/img/pino_bar/bg-login-submit.gif'); border: 0; color: #fff; font-size: 11px; font-weight: bold;}

#topBar #topBarSites { float: left; width: 600px; margin: 6px 0 0 0;  }
#topBar #topBarSites ul { position:relative;float: right; width: 600px; list-style: none; }
#topBar #topBarSites ul li { float: left; }
#topBar #topBarSites ul li a { padding: 2px 6px 0 14px; text-decoration: none; color: #16387C; font: 10px Arial; }
#topBar #topBarSites ul li#topBarSitesPino a {z-index:10000;text-indent:-9999px;position:absolute;padding: 0px; height:16px;width:42px;background: url('/static/img/pino_bar/small-logo-pino.gif') no-repeat center left;}
#topBar #topBarSites ul li#topBarSitesPinoMail a {float: left; height: 13px; background: url('/static/img/pino_bar/small-poczta.gif') 0 2px no-repeat; }
#topBar #topBarSites ul li#topBarSitesiThink a { float: left; height: 13px; background: url('/static/img/pino_bar/small-ithink.gif') 0 2px no-repeat; }
#topBar #topBarSites ul li#topBarSitesBlogi a { float: left; height: 13px; background: url('/static/img/pino_bar/small-blogi.gif') 0 2px no-repeat; }
#topBar #topBarSites ul li#topBarSitesPatrz a { float: left; height: 13px; background: url('/static/img/pino_bar/small-patrz.gif') 0 2px no-repeat; }
#topBar #topBarSites ul li#topBarSitesOsobie a { float: left; height: 13px; background: url('/static/img/pino_bar/small-osobie.gif') 0 2px no-repeat; }
#topBar #topBarSites ul li#topBarSitesPrv a { float: left; height: 13px; background: url('/static/img/pino_bar/small-prv.gif') 0 2px no-repeat; }
#topBar #topBarSites ul li#topBarSitesiMoblo a { float: left; height: 13px; background: url('/static/img/pino_bar/small-moblo.gif') 0 2px no-repeat; }
#topBar #topBarSites ul li#topBarSitesSpis a { float: left; height: 13px; background: url('/static/img/pino_bar/small-spis.gif') 0 2px no-repeat; }
#topBar #topBarSites ul li#topBarSitesXoxo a { float: left; height: 13px; background: url('/static/img/pino_bar/small-xoxo.gif') 0 2px no-repeat; }
#topBar #topBarSites ul li#topBarSitesLinkologia a { float: left; height: 13px; background: url('/static/img/pino_bar/small-linkologia.gif') 0 2px no-repeat; }
#topBar #topBarSites ul li#topBarSitesPinoTv a { margin-left:56px;float: left; height: 13px; background: url('/static/img/pino_bar/small-pinotv2.gif') 0 2px no-repeat; }

#topBar #topBarSignup {float: right; width: 350px; margin: 6px 0 0 0;text-align:right;}
#topBar #topBarSignup ul {float: right; width: 350px; list-style: none; text-align:right;}
#topBar #topBarSignup ul li {float: right; color: #16387C;}
#topBar #topBarSignup ul li a {padding: 2px 0 0 1px; text-decoration: none; color: #16387C; font: 10px Arial;}
#topBar #topBarSignup ul li#topBarSignupLogin a {font-weight:bold;height: 13px; background: url('/static/img/pino_bar/login.gif') 0 3px no-repeat;padding-left:14px;margin-left:10px;}
#topBar #topBarSignup ul li#topBarSignupRegister a {text-decoration:underline;}
#topBar #topBarSignup ul li.topBarSignupSeparator {padding:0 6px;}
#topBar #topBarSignup ul li#topBarSignupRemainder a {}
#topBar #topBarSignup ul li#topBarSignupLogout a {font-weight:bold;height: 13px; background: url('/static/img/pino_bar/login.gif') 0 3px no-repeat;padding-left:14px;margin-left:10px;}
#topBar #topBarSignup ul li#topBarSignupHello a {text-decoration:underline;}
#topBar #topBarSignup ul li#topBarSignupHello span {font-weight:bold;color:#16387C;font-size:11px;padding:0 0 0 2px;}