/*Common

------------------------------------------------------------------------- */
* { margin:0;padding:0;font-family: Tahoma,Verdana,Arial,helvetica,sans-serif; font-size:11px;  }
img { border: 0 }
a { text-decoration: none; }
a:hover { text-decoration: underline; cursor: pointer;}
ul { list-style: none; text-align: left; }
form * { border: 0; }

div #indicator { border: 0; width: 100%; height: 32px; padding: 20px 0px; background: url(../images/site/indicator.gif) no-repeat white center;  }
.gen-submit { width: 58px; background: none; background-image: url(../images/site/submit.gif); margin: 0 5px; border: 0px; text-align: center; font-weight: bold; color: #FFFFFF; height: 21px; display: block; line-height: 19px; }
input.gen-submit { padding-bottom: 2px; }

.red { color: #CC3300; }
.black { color: #000000; }
.linkColor { color: #1a85c0; }

	  
/*Layout

------------------------------------------------------------------------- */
html {background: #05B2F0 url(../images/site/bg-bottom.jpg) center bottom repeat-x; padding: 0; margin: 0;}
body {height: 100%; width: 100%; background:  url(../images/site/bg-top.jpg) center top repeat-x; background-position: 0px 0px; padding: 0; margin: 0; position: relative;  min-height: 830px; min-width: 990px;} 


#top, #content, #footer { width: 990px; position: relative; margin: 0 auto; overflow: hidden; clear: both;}
#top { height: 148px; background: url(../images/site/bg-topB.jpg) left bottom no-repeat; }
#content { background: url(../images/site/bg-content.jpg) left top repeat-y; }
#content .inner {background: url(../images/site/bg-left.jpg) left bottom no-repeat; float: left;}
#footer { height: 120px; background: url(../images/site/db-rb.jpg) 940px 0 no-repeat; }
#left { float: left; width: 580px; display: inline; padding: 1px 0 2px 0;}
#right { float: right; width: 400px; margin-right: 10px; display: inline; }

/* Top

------------------------------------------------------------------------- */
#top input { border:0; background: none;}
#akwar-net {position:absolute; top:20px; left: 35px; background: url(../images/site/akwar-net.png) 0 0 no-repeat; display:block; width: 144px; height: 84px; }
ul#menu {position:absolute; top:95px; left: 10px;}
ul#menu li { float: left; padding: 0 1px; }
ul#menu li a { color: #FFFFFF; font-weight: bold; text-decoration: none; background: url(../images/site/bg-menu.jpg) 0 0 no-repeat; display: block; float: left; height: 24px; width: 128px; line-height: 24px; text-align: center; }
ul#menu li a:hover, ul#menu li a.hover { background-image: url(../images/site/bg-menu-hover.jpg); text-decoration: underline;}
#location {position:absolute; top:127px; left: 30px; color: #73BEDE;}
#location a {color: #93E4FF;}
ul#site-nav {position:absolute; top:10px; right: 10px;}
ul#site-nav  li { float: left;}
ul#site-nav  li a { color: #FFFFFF; background: 8px center no-repeat; float: left; line-height: 12px; padding: 0 10px 0 30px; border-left: 1px solid #21C3F9; }
ul#site-nav  li a#sn-home{ background-image: url(../images/site/ico-home.gif); border: 0;}
ul#site-nav  li a#sn-sitemap{ background-image: url(../images/site/ico-sitemap.gif);}
ul#site-nav  li a#sn-contact{ background-image: url(../images/site/ico-contact.gif);}

input.submit { font-weight: bold; color: #FFFFFF; text-align: center; height: 21px; padding-bottom: 2px; background: 0 0 no-repeat;}
input.submit:hover { text-decoration: underline; cursor: pointer;}
input { float: left; }
input.text  { height: 17px; line-height: 17px;  padding: 3px 5px 1px 5px; }
#top input.text  { background: none; color: #1A85C0;}
#login-box {position:absolute; top:25px; right: 10px; color: #73BEDE; width: 350px;}
#login-box div.input {background: url(../images/site/bg-login.jpg) center center no-repeat; float: left; }
#login-box input.text { width: 95px; margin: 2px; }
#login-box input.chbox { margin: 0px; position:absolute; top:30px; left: 2px; }
#login-box input.submit { width: 43px; background-image: url(../images/site/bg-login-submit.jpg); margin: 2px 4px; }
#login-box a, #logged-box a {line-height: 22px; height: 22px; font-size: 12px; color: #FFFFFF; padding: 0 15px; background: url(../images/site/ico-arrow-1.gif) 0px 3px no-repeat;}
#login-box .remember-label {line-height: 22px; height: 22px; font-size: 12px; color: #FFFFFF; padding: 0 20px 0 20px; float: left;}
#logged-box {position:absolute; top:30px; right: 0; color: #73BEDE; width: 490px; text-align: right;}
#logged-box #noimg {background: none; padding-left: 5px;}
#logged-box span {color: #FFF;font-size: 12px;}
#search-box {position:absolute; top:123px; right: 20px; color: #73BEDE; background: url(../images/site/bg-search2.jpg) 0 0 no-repeat; height: 21px; line-height: 21px; width: 223px;/*rss=270*/ overflow: hidden;}
#search-box input.text { width: 145px; } 
#search-box input.submit { width: 58px; background-image: url(../images/site/bg-search-submit.jpg); margin: 0 5px;}
#rss {background: url(../images/site/bg-rss.jpg) right 3px no-repeat; padding: 0 20px 0 5px; float: left; height: 21px;}
#rss a { background: url(../images/site/separator-1.gif) 0 0 repeat-y; color: #CFFAFF; padding-left: 6px; } 

/* Content 

------------------------------------------------------------------------- */
.box .inner-nb, .box .inner { padding: 10px;}
h2{ line-height: 16px; height: 16px; font-size: 14px; color: #1CC8F8; padding: 10px 35px; background: url(../images/site/ico-arrow-1.gif) 15px 13px no-repeat;}
.pagination h2 { display: inline; line-height: 30px;}
h3 { line-height: 16px; height: 16px; font-size: 12px; color: #1CC8F8; padding: 0 0 10px 18px; background: url(../images/site/ico-arrow-1.gif) 1px 3px no-repeat;}
h3 span { font-size: 12px; font-weight: normal;}
h3 a {font-size: 12px; color: #1CC8F8;}
.box .inner img { border: 3px solid #E5E9EA;}
.item { float: left; text-align: center; color: #FFFFFF; display: inline; margin: 7px 9px; }
.item  span, .item  strong {display: block; padding: 4px 0; }
.item a {color: #FFFFFF;}
a.item:hover {text-decoration: none!important; text-decoration: underline;}
a.item:hover span, a.item:hover strong {text-decoration: underline;}

#left .box { background: url(../images/site/lg-rt.jpg) right top no-repeat; float: left; clear: both; width: 580px; overflow: hidden;}
#left .box .inner-nb, #left .box .inner { width: 560px;}
#left .box .inner { background: url(../images/site/lg-rb.jpg) right bottom no-repeat;}
#left .clear-br { background-image: url(../images/site/separator-2.jpg);}
#left div.fl { width: 275px; }
#left .inner a.item { margin: 10px 7px 10px 18px; }
#left .inner-nb a.item { margin: 8px; }
#left a.item span, #left a.item  strong { color: #1A85C0;}
#left a.item span.ralign { text-align: right; }
#left a.item span.lalign { text-align: left; }
#left .vline-1 {background: url(../images/site/separator-3.jpg) right center no-repeat;  margin-right: 10px;}
#left a.see-all { background: url(../images/site/ico-arrow-2.gif) right 5px no-repeat; padding: 0 7px; float:right; margin: 0 15px 5px 0; display: inline; color: #7A7A7A;}
a.vote { background: url(../images/site/vote.jpg) 0 0 no-repeat; float:left; color: #FFFFFF; text-align: center; font-weight: bold; width: 70px; height: 19px; line-height: 17px;  margin: 0 5px 0 15px; display: inline;}
a.vote-res {background: url(../images/site/star-1.gif) 15px center no-repeat; float:left; clear: both; padding: 0 0 0 35px; width: 60px; height: 16px; line-height: 16px; font-weight: bold; color: #1A85C0;}
#left .vs { float:left; padding: 55px 0 0 0; color: #FF0000; font-weight: bold;}
#left .fight { float:left; }
#left div.fight {width: 198px;}
#left div.fight-ad {width: 102px; float: left;}
span.fight { width: 560px; text-align: center; background-color: #305B9F; }
span.fight a { color: #FDFDFD; font-weight: bold; font-size: 13px; line-height: 30px; }
ul.fight { margin-top: 15px;}
ul.fight li { background: url(../images/site/ico-arrow-3r.gif) 5px 9px no-repeat; padding: 4px 5px 4px 15px; }
ul.fight li a { color: #7A7A7A; }


#right .box { background: url(../images/site/db-rt.jpg) right top no-repeat; float: right; clear: both; width: 400px; overflow: hidden;}
#right .box .lt { background: url(../images/site/db-lt.jpg) left top no-repeat; float: left;}
#right .box .lb { background: url(../images/site/db-lb.jpg) left bottom no-repeat; float: left;}
#right .box .inner-nb, #right .box .inner {  width: 370px; padding: 10px 15px;}
#right .box .inner { background: url(../images/site/db-rb.jpg) right bottom no-repeat;}
#right .clear-br { background-color: #2B86C8;}
#right a.item  span, #right a.item  strong { color: #FFFFFF;}
#right a.see-all, #right a.see-all2 { background: url(../images/site/ico-arrow-4.gif) right 5px no-repeat; padding: 2px 9px; float:right; margin: 0 15px 5px 0; display: inline; color: #93E4FF	;}
#right a.see-all2 { margin: 0 55px 5px 0; }


ul#groups {}
ul#groups li { float: left; background: url(../images/site/ico-arrow-2.gif) 15px 9px no-repeat; width: 155px; padding: 4px 5px 4px 25px; }
ul#groups li a { color: #FFFFFF; }
ul#groups li span { color: #1CC8F8; text-decoration: none; }




/* Footer 

------------------------------------------------------------------------- */
#footer, #footer a, #footer span   { color: #FFFFFF;}
#footer a:hover { color: #FFFFFF;}
#footer ul { background: #305B9F url(../images/site/db-lb.jpg) 0 0 no-repeat; height: 40px; line-height: 40px; margin: 0 50px 0 10px;}
#footer ul li { float: left; }
#footer ul li.first { padding-left: 26px; }
#footer ul li a { color: #E4E4E4; background: url(../images/site/separator-1.gif) 0 0 repeat-y; padding: 0 12px 0 14px; }
#footer ul li.first a { background: none;}
#footer ul li span.link { color: #E4E4E4; background: url(../images/site/separator-1.gif) 0 0 repeat-y; padding: 0px 12px 0 14px; line-height: 14px; margin-top: 13px; }
#footer ul li span.link:hover { text-decoration: underline; cursor: pointer; }
#footer span { line-height: 36px; padding: 8px 20px; display: block; }
#footer span a { font-weight: bold; }
#footer img { vertical-align: middle;}

/* Other 

------------------------------------------------------------------------- */
.lt-Abs { position: absolute; top: 0; left: 0; }
.rt-Abs { position: absolute; top: 0; right: 0; }
.lb-Abs { position: absolute; bottom: 0; left: 0; }
.rb-Abs { position: absolute; bottom: 0; right: 0; }
.fl { float: left; }
.fr { float: right; }
.center { text-align: center; margin: 0;}
.center img { margin: 0 auto;}
.clear { clear:both; }
.clear-60 { clear:both; height: 60px; }
.clear-30 { clear:both; height: 30px; }
.clear-20 { clear:both; height: 20px; }
.clear-5  { clear:both; height: 10px; }
.clear-br { background: 0 0 no-repeat; clear: both; font-size: 1%; padding: 1px 0 0 0;}



/*encyklopedia-ryb

------------------------------------------------------------------------- */
#left .row { width: 560px; text-align: left; background: url(../images/site/separator-4.jpg) 0 0 no-repeat; clear: both; margin: 0 auto;}
#left .col { font-size: 11px; color: #666666; float: left; overflow: hidden; padding: 30px 7px 7px 7px; }
#left .col a {color: #666666;}
#left .head   {background: none;}
#left .head  .col { color: #1CC8F8; font-size: 12px; text-align: center; font-weight: bold; padding: 7px; }
#left .row .c1 { width: 105px; padding: 7px;}
#left .row .c2 { width: 175px; text-align: center;}
#left .row .c2 a {color: #1A85C0; font-weight: bold;}
#left .row .c3 { width: 135px; text-align: center;}
#left .row .c4 { width: 85px; text-align: center;}
#left .c-wide { width: 550px; height: 60x; text-align: left; padding-top: 0; background: none; }
#adv-search-box {color: #73BEDE; background: url(../images/site/bg-adv-search.jpg) 20px 9px no-repeat; height: 21px; line-height: 21px; width: 550px; overflow: hidden; padding: 8px 20px;}
#adv-search-box input.text { width: 225px; background: none; }
#adv-search-box span.sel { width: 135px; display: block; float: right; background: url(../images/site/bg-choose.jpg) 2px 0px no-repeat; height: 21px; line-height: 21px; padding: 0 3px; }
#adv-search-box input.text-no { width: 100px; background: none; border: none; height: 17px; line-height: 17px; padding: 3px 5px 1px 5px; }
#adv-search-box input.submit { width: 58px; background-image: url(../images/site/bg-adv-search-submit.jpg); margin: 0 5px;}
#adv-search-box  a {line-height: 22px; height: 22px; color: #1A85C0; padding: 0 0 0 20px; background: url(../images/site/ico-arrow-1.gif) 1px 6px no-repeat; float: right}
.pagination { padding: 7px 10px; text-align: center;}
.pagination .prev, .pagination .next { line-height: 29px; height: 29px; color: #1A85C0; padding: 0 25px; }
.pagination .prev { float: left; background: url(../images/site/pages-prev.jpg) 0 4px no-repeat;}
.pagination .next { float: right; background: url(../images/site/pages-next.jpg) right 4px no-repeat; }
.pagination ul { text-align: center;  margin: 0 auto; width: 290px;}
.pagination ul li { float: left; }
.pagination ul li a { float: left; line-height: 29px; height: 29px; width: 12px; color: #666665; padding: 0 8px; display: block; text-align: center;}
.pagination ul li a.spec {width: 18px;}
.pagination ul li a:hover, .pagination ul li a.hover { background: url(../images/site/pages-hover.jpg) center center no-repeat; color: #FFFFFF; text-decoration: none;}


/*karta-ryby 

------------------------------------------------------------------------- */
ul.group { margin: 4px 0;}
ul.group li { padding: 6px 20px; height: 17px; line-height: 17px; width: 330px;}
ul.group li a { color: #FFFFFF; font-weight: bold; }
.ranking a { width: 90px; display: block; float: left;}
.ranking span { background: url(../images/site/ranking-gl.jpg) 0 0 no-repeat; float: left;}
.ranking span span{ background: url(../images/site/ranking-gr.jpg) right 0 no-repeat; padding: 0 5px; font-size: 10px; color: #666665; font-weight: bold; float: left; width: 225px;}
.ranking span.p1 {background-image: url(../images/site/ranking-ol.jpg);}
.ranking span.p1 span {background-image: url(../images/site/ranking-or.jpg); }
.ranking span.p2 span {width: 210px;}
.ranking span.p3 span {width: 190px;}
.ranking span.p4 span {width: 170px;}
.ranking span.p5 span {width: 150px;}
.ranking span.p6 span {width: 130px;}
.ranking span.p7 span {width: 110px;}
.ranking span.p8 span {width: 90px;}
.ranking span.p9 span {width: 70px;}
.ranking span.p10 span {width: 50px;}
span.edit { float: right; padding: 0 15px; color: #1A85C0; line-height: 21px; text-align: right;}
span.edit a {width: 58px; background-image: url(../images/site/bg-adv-search-submit.jpg); margin: 0 5px; font-weight: bold; color: #FFFFFF; text-align: center; height: 21px; line-height: 21px; display: block; float: right;}
table.karta { margin: 17px; color: #7A7A7A; width: 525px; }
table.karta a {color: #7A7A7A; }
table.karta  th { padding: 10px 8px; text-align: left; background: url(../images/site/ico-arrow-3r.gif) 0px 15px no-repeat; border: solid #E5E9EA; border-width: 1px 0 1px 1px;}
table.karta  td { padding: 6px 8px; text-align: left;  border: solid #E5E9EA; border-width: 0 1px 1px 0; vertical-align: middle;}
table.karta  td.t0 {padding: 0; border: 0;}
table.karta  td.t0 span {float: left; margin-left: 5px; margin-bottom: 10px;}
table.karta  td.t1 { background: #E5E9EA url(../images/site/ico-arrow-3r.gif) 0px 11px no-repeat; border-width: 0 1px 1px 1px; font-weight: bold; vertical-align: top;}
table.karta  td.t2 { border-width: 1px 1px 1px 0; }
.box .inner table.karta  td img { border: 0px; vertical-align: middle;}
.box .inner table.karta  td.t0 img { border: solid #E5E9EA; border-width: 3px 3px 2px 3px; margin-bottom: 3px;}
.box .inner span.nodata { color: #FFF; margin-left: 18px; }

/*karta-ryby - edycja */
#options { display: inline; float: left; height: 150px; }
#options .butt { width: 30px; margin: 5px 4px; }
#options #list1 { width: 240px; float: left; display: inline; padding: 1px 2px; }
#options #list2 { width: 240px; float: right; display: inline; padding: 1px 2px; }
#options #controls { width: 30px; padding: 0; display: inline; float: left; }

/*galeria 

------------------------------------------------------------------------- */
#content-wide { width: 990px; position: relative; margin: 0 auto; overflow: hidden; clear: both; background: url(../images/site/bg-content-wide.jpg) left top repeat-y;}
#content-wide .inner {background: url(../images/site/bg-left-wide.jpg) left bottom no-repeat; float: left; width: 972px; padding: 0 8px 2px 8px;}
#content-wide div.item { color: #666666; text-align: right; float: left; display: inline; width: 165px; overflow: hidden; margin: 10px 14px 4px 14px; }
#content-wide div.item a.border img { border: 3px solid #E5E9EA; margin: 2px 0; width: 159px; height: 99px; overflow: hidden; }
#content-wide div.item  strong {line-height: 16px; float: left; color: #666666;}
#content-wide .box { background: url(../images/site/lg-rt.jpg) right top no-repeat; float: left; clear: both; width: 972px; overflow: hidden;}
#content-wide .box .inner-nb, #content-wide .box .inner { width: 972px; padding: 0;}
#content-wide .box .inner { background: url(../images/site/lg-rb.jpg) right bottom no-repeat;}
#content-wide .clear-br { background: url(../images/site/separator-2.jpg) -8px center no-repeat;}
#content-wide .gallery { background: url(../images/site/lg-rb.jpg) right bottom no-repeat; padding-bottom: 15px;}
ul#top-nav { background: url(../images/site/separator-5.jpg) center bottom no-repeat; height: 24px; padding-left: 320px; margin: 10px 0 0 0;}
ul#top-nav li { float: left; margin: 0 2px; background: url(../images/site/top-nav-left.jpg) top left no-repeat;}
ul#top-nav li a { color: #7A7A7A; padding: 0 12px; font-weight: bold; background: url(../images/site/top-nav-right.jpg) top right no-repeat; display: block; float: left; height: 22px; line-height: 22px; text-align: center; }
ul#top-nav li:hover, ul#top-nav li.hover  { background-image: url(../images/site/top-nav-left-hover.jpg)}
ul#top-nav li:hover a, ul#top-nav li.hover a { background-image: url(../images/site/top-nav-right-hover.jpg); text-decoration: none; color: #FFFFFF;}
div.choose { float: left; clear: both; padding: 8px 15px;}
div.choose span {color: #666665; line-height: 21px; text-align: right; font-weight: bold; float: left;}
div.choose a {width: 115px; padding: 0 10px; background-image: url(../images/site/bg-choose.jpg); margin: 0 5px; color: #666665; height: 21px; line-height: 21px; display: block; float: left;}
div.choose a:hover {text-decoration: none;}
ul.dd { display: none; list-style: none; left: 10px; position: absolute; width: 100px; border: 1px solid #CCCCCC; background-color: #F7F7F7; }
ul#dropDown1 { margin-left: 105px;  }
ul#dropDown2 { margin-left: 315px; }
ul.dd li:hover { background-color: #fab047; padding: 0 1px; }
ul.dd a { color: #666666; line-height: 16px; padding: 2px 1px 2px 8px; }
ul.dd a:hover { color: black; text-decoration: none; }
#content-wide div.border  { margin: 10px 35px; color: #7A7A7A; font-weight: bold;}
#content-wide div.border a { color: #7A7A7A; font-weight: bold;}
#content-wide div.border img {border: 3px solid #E5E9EA;}
.miniatury { width: 584px; margin: 0 auto; clear: both;}
.miniatury .prev, .miniatury .next { line-height: 18px; height: 18px; color: #7A7A7A; padding: 0 12px; margin: 0 18px; }
.miniatury .prev { float: left; background: url(../images/site/ico-arrow-3l.gif) 0 8px no-repeat;}
.miniatury .next { float: right; background: url(../images/site/ico-arrow-3r.gif) right 8px no-repeat; }
#content-wide .details { float: left; min-height: 420px; height: auto !important; height: 420px;}
#content-wide .details .pdesc { float: left; width: 440px; clear: none; margin-left: 10px; display: inline; }
#content-wide .details .pdesc .inner { width: 440px; padding: 0; height: 420px;}
#content-wide .details .pcom p { color: #7A7A7A;  line-height: 15px; padding: 5px 25px 20px 15px; text-align: justify;}
#content-wide .details .pcom { float: right; width: 522px; clear: none; }
#content-wide .details .pcom .inner { width: 502px; padding: 0 10px; }
table.komentarze {color: #7A7A7A; margin-bottom: 30px; line-height: 17px; }
table.komentarze th { padding: 4px; width: 90px; text-align: left; vertical-align: top; font-weight: normal; color: #1A85C0;}
table.komentarze a {color: #1A85C0;}
table.komentarze th a { font-weight: bold;}
table.komentarze td { padding: 4px 0px; text-align: left; vertical-align: top;}
#comment {color: #7A7A7A;}
#comment label { float: left; text-align: left; clear: both; display: block; height: 21px; line-height: 21px; width: 76px; padding: 0 10px; color: #7A7A7A; font-weight: bold; margin: 2px 0;}
#comment .input {background: url(../images/site/c-pseudo.jpg) 0 0 no-repeat; float: left; width: 225px; padding: 0; height: 21px;}
#comment .textarea {background: url(../images/site/c-text.jpg) 0 0 no-repeat; float: left; width: 305px; padding: 3px 5px; height: 55px;}
#comment .textarea textarea { background: none; width: 305px; height: 55px; overflow-x: hidden; overflow-y: scroll;}
#comment input.text { width: 215px; background: none; }
#comment input.submit { width: 58px; background-image: url(../images/site/bg-adv-search-submit.jpg); margin: 4px 0;}
#comment input.submit[disabled] { color: #808080; }
#commentInfo { float:left; width: 200px; }
#auth { color: #7A7A7A; }
#auth a { color: #1A85C0; }

/*user-pages 

------------------------------------------------------------------------- */
#content-wide .users { background: url(../images/site/separator-6.jpg) 250px 0 repeat-y; float: left;}
#content-wide .users .left  { clear: none; margin: 0 1px 0 0; display: inline; float: left; width: 250px; }
#content-wide .users .left .box { width: 250px;}
#content-wide .users .left .box .inner { width: 230px; padding: 5px 10px; color: #7A7A7A;}
#content-wide .users .right { float: left; width: 721px; clear: none; display: inline;}
#content-wide .users .right .box { width: 721px; }
#content-wide .users .right .box .inner { width: 691px; padding: 5px 15px; color: #7A7A7A; line-height: 22px;}
#content-wide .users .left  .clear-br { background: url(../images/site/separator-7.jpg) right center no-repeat; }
#content-wide .users .right .clear-br { background: url(../images/site/separator-2.jpg) right center no-repeat; }
#content-wide .right .box .lb { background: url(../images/site/lg-lb.jpg) left bottom no-repeat; float: left;}
.users ul#top-nav { background: url(../images/site/separator-5.jpg) center bottom no-repeat; height: 24px; padding-left: 2px; margin: 10px 0 0 0;}
.users a, #left .box .inner .disc a { color: #1A85C0; }
.users .right a.item { float: left; text-align: center; color: #7A7A7A; display: inline; margin: 7px 16px; }
.users .left a.item { float: left; text-align: center; display: inline; margin: 7px 4px; }
.users a.item span { color: #1A85C0; }
.users a.item span.strong { font-weight: bold;} 
.users a.item strong { font-weight: normal; }
.users p#about { padding: 0 0 0 5px; float: left; display: block; width: 120px; margin: 0px; }
.users p.who { padding: 25px 5px 0 10px; float: left; line-height: 17px; }
.users p.who span, .users p.who a.tanks { float: left; clear: left; display: inline; overflow: hidden; padding-left: 12px; width: 93px; background: url(../images/site/ico-arrow-3r.gif) 0px 7px no-repeat; }
.users p.who span.c1 { width: 45px; padding-left: 7px; color: #1A85C0;}
.users p.who span.c2 { width: 150px; padding-left: 3px; clear: none; background: none;}
.users p.who a { font-size: 12px; font-weight: bold;}
.users p.who a.tanks { font-size: 11px; font-weight: normal; text-decoration: none; width: 195px; }
.users p.mod { padding: 5px 0; clear: both; }
.users p.mod strong { font-size: 12px; color: #1CC8F8; display: block; padding: 3px 0; }
.users ul.actions li, .ajax-events ul.actions li { padding: 4px 0; }
.users div.inv { padding-top: 4px; }
.users div.inv a { width: 200px; height: 20px; padding-left: 25px; padding-top: 2px; float: left; display: block; }
.users div.inv a.mail { background: url(../images/site/do_zrobienia/mail.png) no-repeat; }
.users div.inv a.post { background: url(../images/site/do_zrobienia/posts.png) no-repeat; }
.users div.inv a.inv { background: url(../images/site/do_zrobienia/add.png) no-repeat; }
.users div.inv a.del { background: url(../images/site/do_zrobienia/del.png) no-repeat; }
.users div.inv a.edit { background: url(../images/site/do_zrobienia/edit.png) no-repeat; }
.users .left p { color: #7A7A7A; text-align: left; padding: 10px;}
.users .left a.join { display: block; height: 19px; line-height: 17px; width: 120px; margin: 2px auto; background: url(../images/site/join.jpg) 0 0 no-repeat; color: #FFFFFF; font-weight: bold;}
.users .left h4{ color: #FF0000; font-size: 12px; line-height: 20px; }
.users .right a.temat, #left .box .inner .disc a.temat { font-size: 12px; font-weight: bold; color: #7A7A7A; padding-left: 18px;}
.users .right ul { margin-bottom: 10px;}
.disc { padding: 4px 20px; color: #7A7A7A; }
.disc p, #left .box .inner .disc p { line-height: 13px; color: #1A85C0;}
.users .right .disc a.who, #left .box .inner .disc a.who { font-size: 12px; font-weight: bold; color: #1A85C0; }
.users .right .disc a.temat, #left .box .inner .disc a.temat { padding: 0;}
.left a.see-all, .right a.see-all { background: url(../images/site/ico-arrow-3r.gif) right 5px no-repeat; padding: 0 7px; float:right; margin: 0 15px 5px 0; display: inline; color: #7A7A7A; line-height: 15px; font-weight: normal;}
#content-wide .user-gallery div.item { color: #1A85C0; text-align: center; }
#content-wide .user-gallery { background: none;}
#content-wide .user-gallery div.border { float: right; margin: 10px 0; width:512px; font-weight: normal;}
#content-wide .user-gallery div.border a {font-weight: normal;}
#content-wide .user-gallery div.border span {display: block; width: 380px;}
h5 { clear: both; color: #1A85C0; text-align: left;}
.users .pic-details { padding: 10px 0; float: left; width: 170px; line-height: 17px; text-align: center; }
.users .pic-details span { float: left; clear: left; text-align: left; display: inline; overflow: hidden; padding-left: 0; width: 93px; background: none; }
.users .pic-details span.c1 { width: 65px; color: #1A85C0;}
.users .pic-details span.c2 { width: 100px; padding-left: 5px; clear: none; background: none;}
.users .pic-details h5 { padding-top: 30px;}
.users .pic-details a { font-size: 12px; font-weight: bold;}
.users .pic-details a img {border: 0;	}
.users .pic-details .rank { padding: 10px 0; clear: both; }
.users .pic-details a.vote  { color: #FFFFFF; margin: 5px 40px;}
.users .pic-details .rank #rateMsg  { font-weight: bold; color: #7A7A7A; width: 160px;}
#content-wide .users .details { background-position: 430px 0; min-height: 485px; height: auto !important; height: 485px; }
#content-wide .users .details .pdesc { float: right; width: 290px; margin-left: 0;}
#content-wide .users .details .pdesc .inner { width: 260px; height: 475px;}
#content-wide .users .details .pcom { float: left; }
#content-wide .users .details .pcom .inner { width: 700px; }
#content-wide .users #comment label { width: 64px;}

/* lista userow - wyszukiwarka */
.user-filter { width: 600px; margin: 8px auto 0 auto;  }
.user-filter fieldset { margin: 0 auto; border: 0; padding: 0; }
.user-filter .text { float: left; padding: 3px 5px 1px 5px; margin-right: 10px; border: 1px solid #D0D0D0; height: 17px; line-height: 17px; }
.user-filter label { float: left; padding: 0 5px;  margin: 5px 0 0 0; font-weight: bold; color: #7A7A7A; height: 17px; line-height: 17px; }

/* profil usera - zakładka galeria -- */
 
.users .pic-details-lista { padding: 10px 0px 10px 10px; float: left; width: 350px; line-height: 17px; text-align: center; }
.users .pic-details-lista span { float: left; clear: left; text-align: left; display: inline; overflow: hidden; padding-left: 0; width: 93px; background: none; }
.users .pic-details-lista span.c1 { width: 60px; color: #1A85C0;}
.users .pic-details-lista span.c2 { width: 280px; padding-left: 5px; clear: none; background: none;}
.users .pic-details-lista a { font-size: 12px; font-weight: bold;}

#content-wide .user-gallery div.border-gal { float: left; margin: 10px 5px; width:315px; font-weight: normal;}
#content-wide .user-gallery div.border-gal a {font-weight: normal;}

/* profil usera - zakładka ryby/rosliny -- */

.users .pic-head { width: 600px; font-weight: bold; display: block; } 
.users .pic-details-lista2 { padding: 10px 0px 10px 10px; margin-top: 20px; float: left; width: 330px; line-height: 17px; text-align: center; }
.users .pic-details-lista2 span { float: left; clear: left; text-align: left; display: inline; overflow: hidden; padding-left: 0; background: none; }
.users .pic-details-lista2 span.c1 { width: 50px; color: #1A85C0;}
.users .pic-details-lista2 span.c2 { width: 260px; padding-left: 5px; clear: none; background: none;}
.users .pic-details-lista2 span.c3 { width: 200px; font-weight: bold; }

/* TODO #content-wide .user-gallery2 .inner { width: 583px;} */
#content-wide .user-gallery2 .border-gal { float: left; margin: 5px 5px; width:335px; font-weight: normal;}


/* profil usera - zakładka ryby/rośliny - edycja -- */

.users-edit, .users-edit-small { width: 680px; float: left; display: inline; margin: 5px 20px; color: #7A7A7A; }
#content-wide .users-edit .border-gal { float: left; margin: 0; width:335px; }
.users-edit .pic-head { display: block; padding-bottom: 5px; font-weight: bold; }
.users-edit .pic-details { padding: 15px 0px 10px 10px; margin: 0; float: left; width: 330px; line-height: 16px; }
.users-edit .pic-details span { display: block; padding: 1px 0; }
.users-edit h2 { color: #7A7A7A; }
.users-edit p { font-size: 12px; padding: 5px; }
.users-edit a { font-size: 12px; color: #1A85C0; }
.users-edit-small p { font-size: 11px; padding: 1px; }

/* galeria usera - duze zdjecia */

h2 a {font-size: 14px; color: #BF0000;}

/*grupy

------------------------------------------------------------------------- */
h3.topicTitle { padding: 10px 35px; background: url(../images/site/ico-arrow-1.gif) 15px 13px no-repeat; }
h3.topicTitle a { color: #1CC8F8; }
.odd { border: 1px solid #D0D4D7; background: #F4F4F4; padding: 8px; clear: both;}
.even { border: solid #D0D4D7; border-width: 0 1px 1px 1px; padding: 8px; clear: both; }
a.odp, a.nw {width: 88px; background-image: url(../images/site/bg-odp.jpg); margin: 10px; font-weight: bold; color: #FFFFFF; text-align: center; height: 21px; line-height: 21px; display: block; float: right;}
a.nw {float: left; margin-left: 0;}
span.fl {line-height: 25px; }
span.fl a { font-weight: bold;}
span.fr {}
div.post { float: right; clear: right; width: 555px; text-align: justify; font-size: 12px; line-height: 18px;}
p.foot { float: right; clear: right; width: 555px; text-align: justify; line-height: 9px; font-size: 9px; border-top: 1px solid #D0D4D7; padding: 5px 0;}
div.post b, div.post u, div.post i { font-size: inherit; } /* bbcode workaround */
.right #adv-search-box {float: right; width: 304px; padding-right: 0px;  }
#comment-topic {color: #7A7A7A; margin-bottom: 20px;}
#comment-topic label { float: left; text-align: left; clear: both; display: block; height: 21px; line-height: 21px; width: 38px; padding: 0 10px 0 0; color: #7A7A7A; font-weight: bold; margin: 2px 0;}
#comment-topic .input {background: url(../images/site/c-pseudo.jpg) 0 0 no-repeat; float: left; width: 225px; padding: 0; height: 21px;}
#comment-topic .textarea {background: url(../images/site/c-text-wide.png) 0 0 no-repeat; float: left; width: 615px; padding: 3px 5px; height: 300px;}
#comment-topic .textarea textarea { background: none; width: 615px; height: 295px; overflow-x: hidden; overflow-y: scroll;}
#comment-topic .textarea-small {background: url(../images/site/c-text-wide.png) 0 0 no-repeat; float: left; width: 400px; padding: 3px 5px; height: 55px;}
#comment-topic .textarea-small textarea { background: none; width: 400px; height: 55px; overflow-x: hidden; overflow-y: scroll;}
#comment-topic input.text { width: 215px; background: none; }
#comment-topic input.submit { width: 58px; background-image: url(../images/site/bg-adv-search-submit.jpg); margin: 4px 5px 4px 0;}
table.watki {color: #7A7A7A; margin-bottom: 10px; line-height: 17px; clear: both; vertical-align: middle; text-align: center; width: 690px; }
table.watki tr.odd { background: #F4F4F4;}
table.watki tr.even { background: #FFFFFF;}
table.watki th { padding: 8px; font-weight: bold; color: #1CC8F8; font-size: 12px; border: solid #D0D4D7; border-width: 0 0 1px 0;}
table.watki td { padding: 8px; border: solid #D0D4D7; border-width: 0 1px 1px 0; }
table.watki .c1 {text-align: left; }
table.watki td.c1 {border: solid #D0D4D7; border-width: 0 1px 1px 1px; }
table.watki td span.head { color: #1A85C0; font-size: 12px; display: block; }
table.watki td span.head a { color: #1A85C0; font-size: 12px;}
table.watki td span.head a.title {font-weight: bold;}
table.watki td span.head a.delete {font-size: 9px; font-weight: bold; float: right; color: #FF9900; margin: 0 2px;}
div.post-links a { margin-right: 5px; }
.box .inner img.bbcode_smiley {border:none}
#inplaceButton { margin-left: 20px; font-weight: bold; color: #FF9900; display: inline; cursor: pointer; }
.inplaceEditor { border: 1px solid #D0D4D7; height: 20px; width: 300px; margin-left: 20px; }

/* grupy, userzy - lista */

#content-wide .inner .box div.item-grupa {color:#666666; display:inline; float:left; margin:10px 25px 4px; overflow:hidden; width:270px; height: 110px; background: url(../images/site/separator-8.jpg) top center no-repeat; padding: 11px 0;}
#content-wide .inner .box div.item-user {height: 125px;}
#content-wide .inner .box div.item-grupa .flu { float: left; border:3px solid #E5E9EA;}
#content-wide .inner .box div.item-grupa .red { float: left; border:3px solid #FF9966;}
#content-wide .inner .box div.item-grupa p.who {float:right; line-height:17px; margin: 0 0 0 5px;}
#content-wide .inner .box div.item-grupa div.who-icons { width: 105px; float: left; clear: left; }
#content-wide .inner .box div.item-grupa span.c1 {color:#7A7A7A; padding-left:7px; width:100px; background:transparent url(../images/site/ico-arrow-3r.gif) no-repeat scroll 0 7px; clear:left; display:inline; float:left; overflow:hidden;}
#content-wide .inner .box div.item-grupa span.ngr { color: #1A85C0; font-size: 12px; clear:left; display:inline; float:left; overflow:hidden; font-weight:bold; margin: 0 0 6px 0;}
#content-wide .inner .box div.item-grupa span.ngr2 { color: #7A7A7A; font-size: 9px; clear:left; float:left; overflow:hidden; font-weight:bold; width:150px; font-weight:normal; min-height: 40px}

/* nowy layout grup */
#content-wide .inner .box .header div { display: block; float: left;  padding: 0; text-align: center; font-size: 13px; font-weight: bold; color:#7A7A7A; margin: 10px 0; }
#content-wide .inner .box .header .h1 { width: 410px; margin-left: 25px;  }
#content-wide .inner .box .header .h2 { width: 60px; }
#content-wide .inner .box .header .h3 { width: 60px; }
#content-wide .inner .box .header .h4 { width: 400px; }
#content-wide .inner .box div.item-grupa2 { width:925px; padding: 0 0 5px 0; border-bottom: 1px solid #F0F0F0; margin-top: 5px; margin-bottom: 5px; }
#content-wide .inner .box div.item-grupa2 .gtext { margin: 0 5px 5px 5px; display: block; width: 300px; float: left;}
#content-wide .inner .box div.item-grupa2 .gname {color:#1a85c0; font-size: 20px; margin: 0 5px 5px 5px; }
#content-wide .inner .box div.item-grupa2 .gdesc {color:#7A7A7A; font-size: 12px; margin: 0 5px 5px 5px; }
#content-wide .inner .box div.item-grupa2 .topics, .posts  { width: 60px; float: left; font-size: 16px; margin-top: 30px; text-align: center;}
#content-wide .inner .box div.item-grupa2 .last-post { width: 250px; float: left; margin-left: 20px; line-height: 17px; }
#content-wide .inner .box div.item-grupa2 .last-post a.user { font-weight: bold; color: #1a85c0; font-size: 12px; }
#content-wide .inner .box div.item-grupa2 .last-post span.date { float: right; }
#content-wide .inner .box div.item-grupa2 .last-post-text a { width: 250px; margin-top: 3px; float: left; color:#7A7A7A; } 

#content-wide .inner .addgroup a.addgroup {background:transparent url(../images/site/bg-grupa-new.jpg) no-repeat scroll 0 0; color:#FFFFFF; display:block; font-weight:bold; height:21px; line-height:19px; margin:2px auto; width:138px; text-align:center;}
.inner a.new-posts { display: block; text-align: right; color: #1a85c0; font-weight:bold; height:21px; line-height:19px; margin: 8px 30px 2px 0; }
div.addgroup {clear:both; padding:8px 15px;}
.who-icons a { width: 20px; height: 20px; display: block; float: left; margin: 2px 8px 0 2px; }
.who-icons a.invite { background: white url("../images/site/invite.gif") 0 0 no-repeat; }
.who-icons a.send { background: white url("../images/site/mail.gif") 0 0 no-repeat;}
.who-icons a.profile { background: white url("../images/site/profile.gif") 0 0 no-repeat;}

/* grupy - lista wyboru ajax */
div.item-grupa-ajax {color:#666666; display:inline; float:left; margin:5px; width:120px; height: 130px; padding: 11px 0;}
div.item-grupa-ajax span { display: block; }
div.item-grupa-ajax span a { color: #1a85c0; }

/* pojedynki */
#content-wide .inner #finalSelection { width: 692px; min-height: 170px; background: none; margin: 0 0px 30px 0px; }
#content-wide .inner #finalSelection img { margin: 0 4px; padding: 0; float: left;}
#content-wide .inner #duels #finalSelection a.votes { float: left; margin: 30px 0 20px 246px; }
#content-wide .inner #duels div.itemz { margin: 0; width: 460px; height: 321px; display: table-cell; vertical-align: middle; text-align: center; }
#content-wide .inner #duels div.itemz span { margin: 0px 0 0 70px; clear: both; }
#content-wide .inner #duels div.itemz img.ico { margin: -1px 0 0 6px; border: none; float: left; }
#content-wide .inner #duels div.separator { width: 49px; display: table-cell; }
#content-wide .inner #duels #vote-buttons { width: 692px;  }
#content-wide .inner #duels #vote-buttons a { float: left; }
#content-wide .inner #duels #vote-buttons img, #content-wide .inner #duels .already-voted img { border: none; }
#content-wide .inner #duels a.votes { width: 199px; height: 47px; margin: 0 20px; background:transparent url(../images/site/voteme.png); }
#content-wide .inner #duels a.next-vote { width: 199px; height: 27px; margin: 10px 7px 0 7px; background: transparent url(../images/site/next_duel.png) }
#content-wide .inner #duels span.desc { width: 321px; height: 52px; background: none; border: 0; display: table-cell; text-align: center;  }
#content-wide .inner #duels div.already-voted { text-align: center; font-size: 12px; font-weight: bold; color: #ff6b6b; }
#content-wide .inner #duels div.already-voted a.next-vote { margin-left: 247px; }
#content-wide .inner #duels-rating { margin-left: 200px; }
#content-wide .inner #duels-rating .pic-info { width: 195px; min-height: 180px; margin: 10px 170px 0 5px; float: right; font-weight: normal; line-height: 16px; text-align: left;}
#content-wide .inner #duels-rating .pic-info a:hover { text-decoration: underline; }
#content-wide .inner #duels-rating .pic-info .big { display: block; margin-bottom: 10px; }
#content-wide .inner #duels-rating .pic-info .big strong { font-size: 24px; font-weight: bold; }
#content-wide .inner #duels-rating .pic-info .c2 { font-weight: bold;  }
#content-wide .inner #duels-rating .pic-info .desc { display: block; margin-top: 10px; }
#content-wide .inner div.header { margin: 0 0px 0 10px; color: #7A7A7A; }
#content-wide .inner div.margin-50 { margin-left: 50px; }
#content-wide .inner div.margin-10 { margin-left: 10px; }
#content-wide .inner div.header h3 { font-size: 14px; padding: 10px 0; background: none; margin-top: 20px; }
#content-wide .inner div.header p { font-size: 12px; line-height: 18px; }
#content-wide .inner div.header p.about { width: 670px; }
#content-wide .inner div.winners { text-align: center; color: #7A7A7A; }
#content-wide .inner div.winners img { margin: 10px 0; }
#content-wide .inner div.winners span { float: left; margin: 40px 0 0 50px; font-size: 12px }
#content-wide .inner div.winners a { font-size: 12px; font-weight: bold; color: #7A7A7A; }

.users p.who span.opisy-p {background:transparent url(../images/site/ico-arrow-3r.gif) no-repeat scroll 0 7px; clear:left; display:inline; float:left; overflow:hidden; color:#7A7A7A; font-weight:normal; width:150px;}
.users .left a.top5 {display:inline; float:left; margin:7px 25px; text-align:center; color:#1A85C0; text-decoration:none;}

/* news */
div.article { margin: 10px 10px 30px 10px; }
div.article h1 { line-height: 18px; min-height: 18px; font-size: 16px; color: #1CC8F8; padding: 10px 35px; background: url(../images/site/ico-arrow-1.gif) 15px 13px no-repeat;}
div.article, div.article p, div.article strong, div.article em { font-size: 12px; line-height: 18px; color: #7A7A7A; }

/* warstwa messages */
div #modalOverlay {height: 100%; width: 100%; position: fixed; left: 0pt; top: 0pt; z-index: 2900; display: block;}
div #messages { position: absolute; top: 60px; left: 50%; width: 360px; margin-left: -165px; border: 2px solid white; color: white; text-align: left; z-index: 3000; display: block;}
div.notificationMsg { background-color: green; padding: 10px 10px 10px 30px; font-size: 13px; font-weight: bold; }
div.errorMsg { background-color: #CC2222; padding: 10px 10px 10px 30px; font-size: 13px;  font-weight: bold; }
div #messages a { color: white; text-align: right; margin: 0 10px 5px 0; display: block; font-weight: normal; }

ul.error_list { color: #EE0033; font-weight: bold; text-align: left; text-indent: 20px; margin: 3px 0 0 0; padding: 5px 0 4px 0; background-color: #FFDDFF; clear: both; }

/* powiadomienia ajax */
.ajax-events { background: #F8F8F8; color: #7A7A7A; padding: 3px 4px; }
.ajax-events a { color: #1a85c0; font-weight: bold; }
.ajax-events span.title { margin: 2px 0 7px 0; display: block; }

/* rejestracja logowanie haslo */

.head-plain { font-size: 12px; font-weight: bold; text-align: center; padding: 10px 0; color: #1A85C0; background-color: #DBDFEC }

.reg-box { width: 400px;  margin: 10px 10px; padding-bottom: 5px; float: left; border: 1px solid #D0D4D7; }
.reg-box-left { width: 460px; }
.registerDiv form { margin: 0; padding: 0; }
.registerDiv form fieldset { padding: 10px; }
.registerDiv form label { float: left; color: #1A85C0; width: 340px; padding: 3px 0; font-weight: bold; clear: left; }
.registerDiv form #chboxLbl { width: 105px; }
.registerDiv form #acceptLbl { width: 235px; color: #000; font-weight: normal; }
.registerDiv form .text, .registerDiv form .textarea { float: left; clear: left; width: 200px; padding: 4px 3px; border: 1px solid #E5E9EA; margin-bottom: 5px; }
.registerDiv form .textarea { width: 433px; height: 120px; }
.registerDiv form .chbox { margin: 3px 0 0 0; }
.registerDiv form span.link { color: #1a85c0; font-weight: bold; }
.registerDiv form span.link:hover { text-decoration: underline; cursor: pointer; }
.registerDiv form br { clear:left; }
.registerDiv .captcha {float:left;clear:both;}

.text-block { margin: 30px; width: 500px; }
.text-block p { padding: 3px 0; font-size: 1.2em; }

.reg-box .text-block { margin: 20px; width: 350px; }
.reg-box a { color: #1A85C0; }

/* wyszukiwarka */

.search-div { margin: 0 0 0 10px; font-size: 13px; width: 760px; float: left; }
.search-div .num { margin: 5px; font-size: 13px; }
.search-top { width: 728px; height: 90px; margin: 0 0 0 30px; float: left; }
.search-right { width: 160px; height: 600px; margin: 0 20px 0 0; float: right; }
.search-res li .count {width: 25px; float: left; text-align: right; margin-right: 5px; margin-top: 2px; }
.search-res li .txt {width: 630px; float: left; display: block; padding: 6px 6px 6px 0;}
.search-res li .entry .txt { height: 99px; }
.search-res .photo { width: 99px; height: 99px; float: left; display: block; margin: 0 0 10px 5px; }
.search-res .photo img { float: left }
.search-res a { font-size: 13px; color: #1A85C0; display: block; margin-left: 30px; }
.search-res p { margin-left: 30px; }
form.search { width: 400px; margin: 15px 15px; }
form.search input.text, form.search select { border: 1px solid #E5E9EA; padding: 1px; margin: 3px 0 3px 10px; }
form.search label { float: left; margin: 5px 10px 0 0; font-size: 12px; width: 160px; }
form.search a { color: #1A85C0; margin-top: 6px; display: block; }
form.search br { clear:left; }

/* poczta */
#mail-box { margin-left: 10px; }
#inbox a, #msg-view a { color: #1A85C0; text-decoration: none; }
#inbox a.bold, #msg-view a.bold { font-weight: bold; }
#inbox { width: 800px; margin: 20px 10px; border-collapse:collapse; border-spacing:0; }
#inbox th { background-color: #E5E9EA; height: 30px; border-bottom: 1px solid #a0a0a0; border-top: 1px solid #a0a0a0; }
#inbox th.th1 { text-align: left; width: 140px; padding: 0 5px; }
#inbox th.th2 { text-align: left; width: 500px; padding: 0 5px; }
#inbox th.th3 { text-align: center; width: 120px; }
#inbox th.th4 { text-align: center; width: 40px; }
#inbox td { height: 40px; padding: 0 5px; border-bottom: 1px solid #E8E8E8; }
#inbox td.td1 { text-align: left; width: 140px; }
#inbox td.td2 { text-align: left; width: 500px; padding: 0 5px; }
#inbox td.td3 { text-align: center; width: 120px; }
#inbox td.td4 { width: 40px; }
#inbox td.new { font-weight: bold; }

#mail-box #msg, #mail-box #msg-view { width: 550px; float: left; margin-bottom: 10px;}
#mail-box #msg fieldset, #mail-box #msg-view { padding: 10px 0; }
#mail-box #msg-view a { font-size: 13px; }
#mail-box #msg label, #mail-box #msg-view div.label { width: 100px; padding-right: 10px; margin-top: 11px; text-align: right; float: left; clear: left; }
#mail-box #msg input.text, #mail-box #msg textarea, #mail-box #msg-view div.val { width: 400px; margin-top: 6px;  padding: 3px 0 2px 2px; float: left; font-size: 13px;}
#mail-box #msg input.text, #mail-box #msg textarea { border: 1px solid #E5E9EA; }
#mail-box #msg .gen-submit, #mail-box #msg-view .gen-submit { margin: 6px 0 0 110px; float: left; display: inline; color: #fff; font-size: 11px;}
#mail-box #msg-view div.subject { font-weight: bold; font-size: 14px;}
#mail-box a.delete { background: white url("../images/site/usun2.png") 0 0 no-repeat; width: 20px; height: 20px; display: block; margin: 0 auto;}

#mail-box #user-info { margin: 23px 0 20px 0; float: left; width: 200px;}
#mail-box #user-info img { float: left; display:inline;} 
#mail-box #user-info span.link { float: left; padding: 0 0 10px 10px; clear:right; font-size: 13px; color: #1A85C0;}
#mail-box #user-info span.text { float: left; padding: 0 0 10px 10px; }

/* Add a dashed underline to acronyms. */
span.acronym { border-bottom:1px dashed green; }
span.acronym:hover { color: green; border-bottom:1px dashed lightgreen; }

/* Make spoilers invisible, so that you need to select them with the mouse. */
span.spoiler { background-color: black; color: black; }

/* Align columns to the top, and add some space between them. */
table.bbcode_columns { border-collapse: collapse;
    margin-top: 1em; margin-bottom: 1em; }
table.bbcode_columns td.bbcode_column { padding: 0 1em; vertical-align: top;}
table.bbcode_columns td.bbcode_firstcolumn { border-left: 0; padding-left: 0; }

/* Wrap quotes in a big blue box. */
div.bbcode_quote { border: 1px solid #D0D4D7; margin: 0.5em 0; }
div.bbcode_quote_head { background-color: #B0B0B0; color: white; font-weight: bold; padding: 0.25em 0.5em; }
div.bbcode_quote_head a:link { color: yellow; }
div.bbcode_quote_head a:visited { color: yellow; }
div.bbcode_quote_head a:hover { color: white; text-decoration: underline; }
div.bbcode_quote_head a:active { color: white; text-decoration: underline; }
div.bbcode_quote_body { background-color: white; color: #7A7A7A; padding: 0.5em 1em; }

/* Wrap code in a big blue box. */
div.bbcode_code { border: 1px solid blue; margin: 0.5em 0; }
div.bbcode_code_head { background-color: blue; color: white;
    font-weight: bold; padding: 0.25em 0.5em; }
div.bbcode_code_body { background-color: skyblue; color: black;
    font: 10pt monospace; padding: 0.5em 1em; } 
    
/* o portalu */    
.text-block-o-portalu { margin: 20px; width: 850px; }
.text-block-o-portalu p { padding: 3px 0; font-size: 1.2em; }

/* autocomplete widget */
.autocomplete-w1 { position:absolute; top:4px; left:3px; /* IE6 fix: */ _background:none; _top:1px; }
.autocomplete { width:300px; border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE specific: */ _height:350px;  _margin:0px 6px 6px 0; overflow-x:hidden; }
.autocomplete .selected { background:#CCCCCC; }
.autocomplete div { padding:2px 5px; white-space:nowrap; }
.autocomplete strong { font-weight:normal; color:#3399FF; }