h2 {font-size: 1.2em; margin: 0 0 10px 0; padding: 0 0 0 0;}
h3 {font-size: 1.2em; margin: 0 0 8px 0; padding: 0;}
h4 {font-size: 1.1em; margin: 0 0 5px 0; padding: 0;}
p {margin: 10px 0;}
.red {color: red;}
p.login {margin: 10px 0 1px 0;}
img.snd {cursor: pointer;}
center {margin: 5px 0;}
strong {font-size: 14.5px;}

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;}
table.data p {margin: 0;}

/** MENU **/
#navigation {width: 258px; float: right; margin: 0 0 0 5px;}
div.menu {width: 238px; float: right; clear: left; margin: 5px 0 0 0; padding: 10px; background: #eee url('/g/profile-menu-top-xl.gif') no-repeat; border-bottom: 2px solid #d2d2d2;}
.tree ul li a {display: block; line-height: 14px; padding: 5px 4px 5px 0px; color: #4088B8; font-size: 14px;}
.tree ul li a.selected {color: #4088B8; text-decoration: none; font-weight: bold;}
.tree a:hover {color: #EDC741;}
.tree ul li a span.beta {margin: 0; padding: 0; font-size: 8px; color: #Ff0000;}
div.menu li.low {font-size: 4px;}
div.menu li.m0 {background: url('/g/p-profile.gif') no-repeat left 5px; padding: 0 0 0 17px;}
div.menu li.m1 {background: url('/g/p-message.gif') no-repeat left 5px; padding: 0 0 0 17px;}
div.menu li.m5 {background: url('/g/p-activity.gif') no-repeat left 5px; padding: 0 0 0 17px;}
div.menu li.m3 {background: url('/g/p-miplotraffic.gif') no-repeat left 5px; padding: 0 0 0 17px;}
div.menu li.m2 {background: url('/g/p-miplosync.gif') no-repeat left 5px; padding: 0 0 0 17px;}
div.menu li.m4 {background: url('/g/p-miploloc.gif') no-repeat left 5px; padding: 0 0 0 17px;}
div.menu li.m6 {background: url('/g/p-tools.gif') no-repeat left 5px; padding: 0 0 0 17px;}
div.menu li.m9 {background: url('/g/p-my-map.gif') no-repeat left 5px; padding: 0 0 0 17px;}
div.menu li.m7 {background: url('/g/p-logout.gif') no-repeat left 5px; padding: 0 0 0 17px;}
div.numbers {width: 238px; padding: 10px; margin: 0 0 5px 0; float: right; clear: both; background: #eee; border-bottom: 2px solid #d2d2d2;}
div.numbers div {font-size: 0.8em; padding: 5px 10px 5px 45px;}
div.numbers h3 {padding-top: 1px;}
div.numbers p {margin: 3px 0;}
div.step1 {background: #eee url('/g/step1.gif') no-repeat 8px 10px;}
div.step2 {background: #eee url('/g/step2.gif') no-repeat 8px 10px;}
div.step3 {background: #eee url('/g/step3.gif') no-repeat 8px 10px;}
div.step4 {background: #eee url('/g/step4.gif') no-repeat 8px 10px;}

/** ŚRODEK **/
#main {width: 652px; float: left;}
h2.title {font-size: 1.2em; margin: 5px 0 0 0; padding: 10px 10px 4px 12px; background: #eee url('/g/profile-title-xl.gif') no-repeat; color: #111;}
p.title {font-size: 0.9em; margin: 0; padding: 0px 10px 2px 12px; background: #eee; color: #111;}
div.box {margin: 0 0 10px 0; padding: 10px; background: #f8f8f8; border-top: 2px solid #e9e9e9; border-bottom: 5px solid #e9e9e9;}
div.box h3 {border-bottom: 1px dotted #2d7fb7; padding-bottom: 3px; color: #2d7fb7; font-size: 12px;}

/** Profil **/
div.user-info {padding: 0 10px 0 0; height: 150px;}
div.user-info h3 {margin: 0; padding: 0; font-size: 1.6em; border: none;}
div.user-info h4 {margin: 0 0 15px 0; padding: 0; font-size: 1.1em;}
div.user-info img {width: 120px; height: 120px;}
div.user-info p {margin: 3px 0;}
div.user-menu {width: 130px; float: right; background: #bdbef7; margin: 0 0 0 10px; padding: 10px;}
div.avatar {float: left; width: 120px; background: #ffffff; padding: 10px; margin: 0 10px 10px 0;}
#frame {width: 560px; border: none;}

/** Subkonta **/
table.formule th {vertical-align: top; margin: 0; padding: 5px;}
table.formule td {vertical-align: bottom; margin: 0; padding: 5px;}
table.formule td {font-size: 0.8em;}
input.value {width: 140px;}
div.sub {padding: 10px 10px;}
div.sub h4 {padding: 0; margin: 0; font-size: 1.4em;}
div.sub h5 {padding: 0; margin: 0 0 5px 0; font-size: 1.0em;}
div.sub h6 {padding: 0; margin: 0; font-size: 0.9em;}
div.sub div.avatar {width: 60px;}
div.sub div.avatar img {width: 60px; height: 60px;}
div.sub div.miplokod {width: 140px; height: 70px; overflow: hidden; float: right; text-align: center; background: #bdbef7; padding: 5px; font-size: 80%;}
#sub-menu {position: absolute; background: #eee; border: 2px solid #999; margin: 0; margin-left: 125px; padding: 5px; list-style: none; width: 150px; z-index: 3000;}


/** Wiadomości **/
div.messages div.me {background: #ddd;}
div.messages div.he {background: #eee;}
b.unread {color: black;}
#message {width: 607px; height: 120px;}
#new-message #message, #to, #title {width: 587px;}

/** Notatki **/
div.notes h3 {margin: 0;}
div.notes table div.rounded {padding: 4px 8px; margin: 5px 0; width: 370px;}
div.notes table div.inactive {color: #bbb; font-style: italic; padding: 0;}
div.notes table div.active {padding: 0;}
div.notes table div.new {background: #F7F7B7; color: #000; font-weight: normal;}
div.notes table span.reading {font-size: 0.8em; display: none; font-style: italic;}

/** Punkty **/
div.points h3 {margin: 0;}
div.points h5 {margin: 0; font-size: 17px;}
div.points .sep {font-size: 0.8em; font-style: italic; margin-top: 5px;}
div.points .strike {color: #aaa; font-weight: lighter;}
div.points .source {font-size: 0.8em; font-style: italic; margin-top: 5px;}
div.points p.links {margin: 5px 0 0 0; padding: 0 5px 3px 0; border-top: 1px dashed #999;}
div.points table.legend {width: 100%;}
div.points table.legend div.rounded {padding: 1px 7px; margin: 0 0 2px 0;}
div.points table.data div.rounded {padding: 4px 8px; margin: 0 0 5px 0; width: 430px;}
div.points table div.new {background-color: #eef;}
div.points table div.active {background-color: #fff;}
div.points table div.deleted {background: #faa;}
div.points table div.note {background: #FFB307;}
div.points table div.note-light {background: #F7F7C7;}

/** Reputacje **/
div.rep h4 {margin: 0;}
div.rep h5 {margin: 0; font-size: 17px;}
div.rep div.date {margin: 5px 0 0 0; padding: 4px 8px; background: #eef; width: 480px;}
div.rep div.add {background: url('/g/rep-add.png') #fff no-repeat 5px 5px; width: 32px; height: 15px; padding: 40px 5px 5px 5px; font-size: 10px; text-align: center;}
div.rep div.rem {background: url('/g/rep-rem.png') #fff no-repeat 5px 5px; width: 32px; height: 32px; padding: 5px;}
div.rep div.point {background-color: #fff; padding: 4px 8px; margin: 0 0 5px 0; width: 480px; cursor: pointer;}
div.rep div.selected {background-color: #99f;}

/** MiploSync **/
table.features {width: 100%;}
table.features img {margin: 5px 0 0 10px;}
table.features th {width: 150px; padding: 10px; text-align: right; vertical-align: top;}
table.features td {padding: 10px; text-align: left; vertical-align: top;}
div.traffic div.step input {float: left; margin: 0 5px;}
div.areas div.area input {float: right; font-size: 9px; margin: 1px 5px;}
img.screen {float: right; margin: 5px 0px 5px 10px; padding: 10px; background: #ccc; width: 150px; height: 200px;}
ol.steps {cursor: default; color: #889; margin-top: 10px; margin-left: 15px; padding: 0; list-style-type: }
ol.steps li {padding: 5px; margin-left: 15px;}
ol.steps li.over {color: #334; background: #ccc;}

/** MiploLoc **/
div.cars img {padding: 8px; margin: 0;}
div.cars img.selected {background: #77f;}
div.cars img.pointed {background: #777;}
div.cars input {display: none;}
div.minimap {float: right; padding: 0; margin: 0 5px; width: 190px;}
div.minimap img {padding: 0; width: 190px; height: 180px;}
div.lastloc {width: 390px;}
#info {width: 587px;}

/** Panel **/
div.panel table {width: 100%;}
div.panel-info {padding: 0 20px 0 10px;}
div.panel-todo {width: 200px; float: right; background: #eeeeee; margin: 0 0 0 10px; padding: 10px;}

/** Historia **/
div.history table {width: 100%;}
div.history th {border-bottom: 2px solid #999999; text-align: left; padding: 3px;}
div.history td {border-bottom: 1px dotted #999999; vertical-align: top; padding: 3px;}

/**Subskrypcje **/
div.subscriptions img.i {padding: 3px; background: #eeeeee;}
#category {margin: 0; width: 230px; background: #E8E8CF; padding: 1px;}
#category.empty {color: #bbb; font-style: italic;}

div.traffic ul {margin: 0; padding: 0; list-style: none;}
div.traffic ul li {margin: 5px 0; padding: 0 0 0 20px;}

/** PRV **/
div.share-users {margin-top: 5px; background-color: #eee; padding: 3px 10px;}

#shared table {width: 100%;}
#shared table tr th {text-align: center;}
#shared table tr td {vertical-align: top;}
/*
img.icon {width: 16px; height: 16px; padding: 2px; margin: 3px 3px 0 0; background: #fff;}
*/
img.icon {width: 16px; height: 16px; padding: 3px; margin: 0; background: url('/g/poi-box.gif')}
#shared div.head {background: #ddd; padding: 5px;}
#shared div.static {background: #ddd; padding: 5px; height: 20px;}
#shared div.cell {background: #ddd; padding: 5px; height: 20px;}
#shared div.active {cursor: pointer;}
#shared div.checked {background: #bbb;}
#shared div.del {background: #ddd;}
#shared div.add {background: #ddd;}
#shared div.over {background: #8D8D8D;}
#shared a.lock {padding-right: 15px; background: url('/g/lock.png') right no-repeat;}
#shared a.halflock {padding-right: 15px; background: url('/g/lockbright.png') right no-repeat;}
#shared a.open {padding-right: 15px; background: url('/g/lockopen.png') right no-repeat;}
#shared span.null {color: #ddd;}
#shared span.notnull {color: #222; padding-right: 12px; font-size: 13px; background: url('/g/poi-mini-foreign.png') right no-repeat;}
#shared span.sum {color: #222; padding-right: 12px; font-size: 12px; background: url('/g/poi-mini-own.png') right no-repeat;}
a.subaccount {padding-left: 14px; background: url('/g/subaccount.png') left no-repeat;}
#your-subaccount {padding-left: 14px; background: url('/g/subaccount.png') left no-repeat;}
#sending-invitation {padding-left: 14px; background: url('/g/invitation.png') left no-repeat;}
#awaiting-invitation {padding-left: 14px; background: url('/g/clock.png') left no-repeat;}
#invitation-accepted {padding-left: 14px; background: url('/g/invitation-accepted.png') left no-repeat;}
#cancel-sharing {padding-left: 14px; background: url('/g/cancel-sharing.png') left no-repeat;}
#halflock-edition {padding-left: 14px; background: url('/g/lockbright.png') left no-repeat;}
#lock-edition {padding-left: 14px; background: url('/g/lock.png') left no-repeat;}
#invitation-received {padding-left: 14px; background: url('/g/invitation-received.png') left no-repeat;}

div.adding {float: right; margin-top: 19px; margin-right: 15px;}
div.button div {float: right; height: 31px; margin: 0; padding: 0; cursor: pointer;}
#start-adding div.left {width: 44px; background: url('/g/1-add-poi-l.png') no-repeat;}
#start-adding div.middle {padding: 6px 5px 0 5px; background: url('/g/1-add-poi-c.png') repeat-x; width: 60px; text-align: center;}
#start-adding div.right {width: 26px; background: url('/g/1-add-poi-r.png') no-repeat;}
#end-adding div.left {width: 44px; background: url('/g/2-add-poi-l.png') no-repeat;}
#end-adding div.middle {padding: 6px 5px 0 5px; background: url('/g/2-add-poi-c.png') repeat-x; width: 60px; text-align: center;}
#end-adding div.right {width: 26px; background: url('/g/2-add-poi-r.png') no-repeat;}
ul#categories {width: 132px; border: 1px solid #666666; border-top: none; background: #eeeeee; position: absolute; z-index: 1; margin-top: 30px; margin-left: 3px; padding: 0; list-style: none;}
ul#categories li {margin: 0; padding: 3px 5px; border-top: 1px solid #666666; cursor: pointer; font-size: 13px;}
ul#categories li.over {background: #ffffff;}
ul#categories li.selected {background: #bbbbff;}
ul#categories li img {margin-right: 5px;}
#addIcon {display: none; position: absolute; z-index: 2;}

div.mapbox {margin: 0; padding: 0; border: 5px solid #e9e9e9;}
div#map {width: 642px; height: 600px;}
div#map.addMode div img {cursor: crosshair;}
img.prvicon {cursor: pointer;}
img.prvover {}
div#privtip {display: none; position: absolute; padding: 5px 10px; border: 2px solid #aaa; background: #eee; color: #000; z-index: 1000;}
div#privtip h1 {padding: 0; margin: 0; font-size: 12px; font-weight: normal;}
div#privtip h2 {padding: 0; margin: 0; font-size: 12px; font-weight: bold;}
div#privtip p {padding: 0; margin: 0; font-size: 10px; color: #555;}
div#privedit {position: absolute; padding: 5px 10px; border: 2px solid #aaa; background: #eee; color: #000; z-index: 1000;}
div#privedit h1 {padding: 0; margin: 5px 0; font-size: 13px; font-weight: bold;}
#prvn {width: 300px;}
#prvd {width: 300px; height: 100px;}
#prvu {width: 300px; border: none;}
table.summary td.cell {text-align: center;}

table#points {width: 100%; margin: 0; padding: 0;}
table#points tr {background: #eee; padding: 0; margin: 0;}
table#points tr.points {cursor: pointer;}
table#points tr.over {background: #ddd;}
table#points tr th {background: #ddd; padding: 5px 10px; margin: 0; text-align: left;}
table#points tr td {padding: 5px 10px; margin: 0;}
table#points tr td.c {font-size: 13px; font-weight: bolder;}
table#points tr td.n {font-size: 12px; font-weight: bold;}
table#points tr td.d {font-size: 12px; font-weight: lighter;}
table#points tr.lock0 {color: #999;}
img.own0 {float: left; padding: 3px; background-image: url('/g/poi-box-others.gif'); margin: 0;}
img.own1 {float: left; padding: 3px; background-image: url('/g/poi-box.gif'); margin: 0;}

/** Utils **/
#editor {width: 587px; height: 275px;}

/** Import **/
#progress {display: none; position: absolute;  text-align: center; width: 300px; margin: 5px; padding: 5px 5px 20px 5px; top: 0; right: 0; background: white; z-index: 2000;}
#progressbar {width: 280px;}
#importer-sample {width: 587px; height: 560px;}
table.import-details {width: 100%;}
table.import-details th {text-align: right; border-right: 1px dotted #000; padding-right: 5px; font-weight: normal; width: 50%;}
table.import-details td {text-align: left; font-weight: bold; font-size: 12px; width: 50%;}
table.import-pois {margin: 0; padding: 0;}
table.import-pois tr {margin: 0; padding: 0;}
table.import-pois h1 {margin: 5px 0 0 0; padding: 0; font-size: 9px;}
table.import-pois h2 {margin: 0; padding: 0; font-size: 12px;}
table.import-pois h3 {margin: 5px 0 0 0; padding: 0; font-size: 9px;}
table.import-pois p {margin: 0; padding: 0; font-size: 10px;}
table.import-pois th {vertical-align: top; text-align: center;}
table.import-pois td {vertical-align: top; width: 240px;}
table.import-pois tr.header th {text-align: center;}
table.import-pois select.c {width: 220px;}
table.import-pois input.n {width: 215px;}
table.import-pois textarea.d {width: 215px; height: 50px;}