h2 {font-size: 1.1em; margin: 0 0 10px 0; padding: 0 0 0 22px;}
h3 {font-size: 1.1em; margin: 0 0 5px 0; padding: 0;}
h4 {font-size: 1.0em; margin: 0 0 5px 0; padding: 0;}
p {margin: 10px 0;}
p.red {color: red;}
p.login {margin: 10px 0 1px 0;}
img.snd {cursor: pointer;}

table td {vertical-align: top;}
table.data {width: 100%;}
table.data th {border-bottom: 2px solid #999999; text-align: left; padding: 3px;}
table.data td {border-bottom: 1px dotted #999999; vertical-align: top; padding: 3px;}

div.block {background: #eeeeee; margin: 0 0 10px 0; padding: 10px; text-align: left;}
div.step {background: #dddddd; margin: 0 0 5px 0; padding: 5px 10px; text-align: left;}
div.area {background: #bdbef7; margin: 0 0 5px 0; padding: 5px 10px;}
div.red {background: #ee0000; color: #ffffff;}
div.one {width: 280px; background: #dcd9f8; margin: 0 0 5px 10px; padding: 5px 10px;}

a.button {color: #ffffff; padding: 2px 20px 2px 5px; background-image: url('/g/arrow.gif'); background-repeat: no-repeat; background-position: right 50%; font-weight: bold; border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; border-bottom: 1px solid #000000; border-right: 1px solid #000000; text-decoration: none;}
a.button:hover, a.button:link, a.button:visited {color: #ffffff; text-decoration: none;}
a.blue {background-color: #3173c3;}
a.dark-blue {background-color: #244654;}
a.red {background-color: #c37331;}
span.red {color: #e00; font-weight: bold;}

/** MENU **/
#navigation {width: 258px; margin: 0 0 0 5px; float: right;}
div.menu {width: 238px; float: left; clear: left; margin: 5px 0 10px 0; padding: 10px; background: #e3e3e3 url('/g/profile-menu-top-xl.gif') no-repeat; border-bottom: 2px solid #d2d2d2;}
div.menu h2 {background: url('/g/i-last-photo.gif') no-repeat left;}
div.menu li.low {font-size: 4px;}

/** ŚRODEK **/
#main {width: 652px; float: left;}
div.box {margin: 5px 0 10px 0; padding: 10px; background: #f8f8f8 url('/g/profile-top-xl.gif') no-repeat; border-bottom: 2px solid #e9e9e9;}
div.box ul {margin: 10px 0; list-style: none; padding: 0 10px;}
div.box ul li {padding: 2px 0;}

/** Ranking **/
div.photos h2 {background: url('/g/i-last-photo.gif') no-repeat left;}
div.photos img {float: left; width: 60px; height: 60px; margin: 0 10px 0 0; background: url('/g/pht-list.gif'); padding: 7px 6px 17px 11px;}
