/********************************************    AUTHOR:     Erwin Aligam     WEBSITE:      http://www.styleshout.com/  TEMPLATE NAME:  CoolWater    TEMPLATE CODE:  S-0019    VERSION:          1.0       DATE:     November-07-2007        *******************************************/
/********************************************    HTML ELEMENTS ********************************************/
/* top elements */
* { margin: 0; padding: 0; outline: 0; }
body { background: #caced1 !important; font: 75%/1.5em tahoma, Verdana, arial; color: #000; text-align: center; margin: 15px 0; }
.small { font-size: 80%; }
/* links */
a, a:visited { text-decoration: none; background: inherit; color: #FB9233; }
a:hover { text-decoration: underline; background: inherit; color: #93C600; }
/* headers */
h1, h2, h3, h4 { font-family: 'Trebuchet MS', Tahoma, Sans-serif; }
h1 { font-size: 180%; font-weight: normal; color: #555; }
h2 { font-size: 160%; color: #88ac0b; font-weight: normal; }
h3 { font-size: 135%; color: #666666; }
h4 { font-size: 110%; color: #88ac0b; font-weight: bold; }
/* images */
img { background: #fff; border: 0; padding: 5px; margin-left: 15px; }
img.float-right { margin: 5px 0px 10px 10px; }
img.float-left { margin: 5px 10px 10px 0px; }
h1, h2, h3, p { margin: 10px 15px; padding: 0; }
ul, ol { margin: 5px 15px; padding: 0 25px; }
code { margin: 5px 0; padding: 15px; text-align: left; display: block; overflow: auto; font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace; /* white-space: pre; */ border: 1px solid #E5F0FB; background: #F4F8FD; }
acronym { cursor: help; border-bottom: 1px dotted #777; }
blockquote { margin: 10px 15px; padding: 0 0 0 50px; font: normal 1.2em/1.4em "Trebuchet MS", Tahoma, arial, Sans-serif; color: #2361BA; border: 1px solid #E5F0FB; background: #F4F8FD url(quote.jpg) no-repeat 8px 6px; }
/* start - table */
table { border-collapse: collapse; margin: 10px 0; }
th strong { color: #fff; }
th { background: #306bc1 url(button-bg.jpg) repeat-x 0 0; height: 30px; padding-left: 12px; padding-right: 12px; color: #fff; text-align: left; border: 1px solid #306bc1; border-bottom-width: 2px; }
tr { background: #fff; }
td { padding-left: 12px; padding-right: 12px; border: 1px solid #E5F0FB; }
/* end - table */
/* form elements */
form { margin: 10px 15px; padding: 10px 0; border: 1px solid #E5F0FB; background: #F4F8FD; }
fieldset { border: 1px solid #DDDDDD; padding: 10px 8px; margin: 0 0 8px 0; background: #f9f9f9; color: #000; }
input { padding: 2px; }
textarea { width: 97%; height: 20em; padding: 3px; }
input.text2 { width: 97% !important; }
.text2 { width: 97% !important; }
input.button { font: bold 12px Arial, Sans-serif; height: 28px; margin: 0; padding: 2px 3px; color: #fff; background: #306bc1 url(button-bg.jpg) repeat-x 0 0; border: 1px solid #306bc1; }
/* search form */
.searchform { background-color: transparent; border: none; margin: 0; padding: 5px 0 5px 0; width: 180px; }
.searchform p { margin: 0; padding: 0; }
.searchform input.textbox { width: 110px; color: #777; height: 20px; padding: 2px; border: 1px solid #D2E8F7; vertical-align: top; }
.searchform input.button { width: 55px; height: 26px; padding: 2px 5px; vertical-align: top; }
.commentsbox { width: 80%; }
/********************************************    LAYOUT ********************************************/
#wrap { width: 1000px; background: #CCC url(content.jpg) repeat-y center top; margin: 0 auto; text-align: left; }
#content-wrap { clear: both; width: 960px; margin: 5px auto; padding: 0; }
#header { position: relative; height: 131px; background: #caced1 url(header.jpg) no-repeat center top; padding: 0; color: #fff; }
#header h1#logo-text a { position: absolute; margin: 0; padding: 0; font: bolder 45px 'Trebuchet MS', Arial, Sans-serif; letter-spacing: -3px; color: #fff; text-transform: none; text-decoration: none; background: transparent; /* change the values of top and left to adjust the position of the logo*/ top: 18px; left: 35px; }
#header p#slogan { position: absolute; margin: 0; padding: 0; font: bold 13px 'Trebuchet MS', Arial, Sans-serif; text-transform: none; color: #FFF; /* change the values of top and left to adjust the position of the slogan*/ top: 80px; left: 50px; }
/* header links */
#header #header-links { position: absolute; color: #C6DDEE; font: bold 14px"Trebuchet MS", Arial, Tahoma, Sans-serif; top: 20px; right: 20px; }
#header #header-links a { color: #fff; text-decoration: none; }
#header #header-links a:hover { color: #D4FF55; }
/* navigation */
#menu { clear: both; margin: 0 auto; padding: 0; background: #81C524 url(menu.jpg) no-repeat; font: bold 16px/40px "trebuchet MS", Arial, Tahoma, Sans-serif; height: 40px; width: 1000px; }
#menu ul { float: left; list-style: none; margin: 0; padding: 0 0 0 20px; }
#menu ul li { display: inline; }
#menu ul li a { display: block; float: left; padding: 0 12px; color: #fff; text-decoration: none; background: url(sep.jpg) no-repeat 100% 100%; }
#menu ul li a:hover { color: #3b5e0b; }
#menu ul li#current a { color: #3b5e0b; }
/* Main Column */
#main { float: right; width: 755px; margin-left: 0; padding: 20px 0 0 0; display: inline; background: url(box.jpg) no-repeat; }
#main h2 { font: normal 180% 'Trebuchet MS', Tahoma, Arial, Sans-serif; padding: 0; margin-bottom: 10px; padding-left: 0px !important; color: #2666c3; }
#main h2 a { color: #2666c3; text-decoration: none; }
#main h4 { color: #2666c3; font: bold 120% 'Trebuchet MS', Tahoma, Arial, Sans-serif !important; margin: 0 !important; padding: 0 !important; }
#main .blok { margin-top: 10px !important; border-top: 1px solid #A9D4EF !important; }
#main .content { margin-left: 20px; margin-right: 25px !important; }
#main p { margin-bottom: 20px; }
#main ul li { list-style-image: url(bullet.gif); }
#main img { list-style-image: url(bullet.gif); }
#main img.th { float: left; background: #fff; border: 1px solid #ccc; margin: 15px 15px 5px 15px; padding: 5px; }
#main div.related_posts { margin: 5px  25px; padding-top: 10px; border-top: 1px solid #D2E8F7; }
#main ul.related_posts { margin: 0 25px; padding: 0; }
.intro-Div { }
.intPad { }
.intro-Div img { padding: 1%; }
.intro-Div a img { border: 1px solid #f5f5f6; }
.intro-Div a:hover img { border: 1px solid #ccc; background: #f4f4f5; }
.intro-Div p { padding: 2px 1%; border-left: 5px solid #A9D4EF; }
/* Sidebar */
#sidebar { float: left; width: 195px; padding: 0; margin: 10px 0 0 0; color: #777; }
#sidebar h2 { margin: 15px 5px 10px 5px; font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif; color: #555; }
#sidebar p { margin-left: 5px; }
#sidebar ul.sidemenu { list-style: none; text-align: left; margin: 7px 10px 8px 0; padding: 0; text-decoration: none; border-top: 1px solid #A9D4EF; }
#sidebar ul.sidemenu li { list-style: none; padding: 4px 0 4px 25px; margin: 0 2px; color: #777; border-bottom: 1px solid #D2E8F7; background: url(go.gif) no-repeat 5px 5px; }
#sidebar ul.sidemenu2 { list-style: none; text-align: left; margin: 7px 10px 8px 0; padding: 0; text-decoration: none; border-top: 1px solid #A9D4EF; }
#sidebar ul.sidemenu2 li { list-style: none; padding: 4px 0 4px 5px; margin: 0 2px; color: #777; border-bottom: 1px solid #D2E8F7; }
#sidebar ul.rss { list-style: none; text-align: left; margin: 7px 10px 8px 0; padding: 0; text-decoration: none; border-top: 1px solid #A9D4EF; }
#sidebar ul.rss li { list-style: none; padding: 4px 0 4px 25px; margin: 0 2px; color: #777; border-bottom: 1px solid #D2E8F7; background: url(feed-icon.png) no-repeat 5px 5px; }
#sidebar ul.rss li a { background: none; }
#sidebar ul.comments { margin: 7px 4px 8px 0; padding: 0; list-style: none; text-align: left; text-decoration: none; border-top: 1px solid #A9D4EF; }
#sidebar ul.comments li { padding: 4px 0 4px 20px; margin: 0 2px; color: #777; border-bottom: 1px solid #D2E8F7; font-size: 90% !important; }
#sidebar ul.comments li a { background: none; }
* html body #sidebar ul.sidemenu li { height: 1%; }
#sidebar ul.sidemenu li a { text-decoration: none; color: #1773BC; }
#sidebar ul.sidemenu li a:hover { color: #333; }
#sidebar ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; }
#sidebar ul.sidemenu ul li { border: none; }
/* Footer */
#footer { color: #C6DDEE; background: #caced1 url(footer.jpg) no-repeat center top; clear: both; width: 1000px; height: 57px; text-align: center; font-size: 90%; }
#footer p { padding: 10px 0; margin: 0; }
#footer a { color: #fff; text-decoration: none; }
/* post footer */
.post-footer { background: #F4F8FD; padding: 5px; margin: 20px 25px 0 20px !important; border: 1px solid #E5F0FB; font-size: 95%; }
.post-footer .date { padding-left: 0px; margin: 0 5px; }
.post-footer .comments { padding-left: 0px; margin: 0 5px; }
.post-footer .readmore { padding-left: 0px; margin: 0 5px; }
.forum_name { clear: both; background: #306bc1 url(button-bg.jpg) repeat-x 0 0; height: 40px; padding-left: 12px; padding-right: 12px; color: #fff; text-align: left; border: 1px solid #306bc1; margin: 20px; border-bottom-width: 2px; }
.forum_name h2 { font-size: 140% !important; color: #fff !important; }
#forum_section { clear: both; float: left; width: 100%; }
p#comments { color: #1e1e1e; font-size: 20px; }
#forum_section ol.comment_list { padding: 14px 39px 35px 35px; float: left; margin: 55px 0px -95px; list-style-type: none; }
#forum_section div.comment_list { padding: 14px 39px 35px 35px; float: left; margin: 55px 0px -95px; list-style-type: none; }
.comment, .forum_comment_body { float: left; }
li.comment { margin-bottom: 10px; }
.forum_comment_author { float: left; margin: -90px 0px 0px -30px; z-index: 1; position: relative; }
.forum_comment_author img.avatar { border: 1px solid #dbdbce; padding: 5px; background: #ffffff; float: left; }
.forum_comment_info { float: left; padding: 3px 0px 0px 13px; font-size: 14px; }
span.forum_comment_author_name { color: #3C83D1; margin-right: 100px; }
div.forum_comment_date { margin-top: 10px; color: #b1b1a5; font-size: 12px; }
.comment-top, .comment-bottom, .forum_comment_text { float: left; }
.comment-top { background: url('/images/comment-top.png') no-repeat; height: 25px; margin-top: -12px; }
.forum_comment_text { padding: 10px; clear: both; width: 100%; margin-bottom: 20px; margin-top: -10px; }
a.forum_comment_header { font-weight: bold; }
.comment-bottom-main { float: left; }
.comment-bottom-left { background: url('/images/comment-bottom-left.jpg') no-repeat; position: absolute; bottom: 0px; left: -1px; width: 8px; height: 37px; }
.comment-bottom-right { background: url('/images/comment-bottom-right.jpg') no-repeat; position: absolute; bottom: 0px; right: -1px; width: 8px; height: 37px; }
.forum_comment_body p { line-height: 18px; margin-top: -20px; font-size: 12px !important; }
.comment-top-left, .comment-top-right, .comment-top-main { height: 24px; }
.comment-top-left { background: url('/images/comment-top-left.jpg') no-repeat top left; width: 40px; left: -1px; top: 0px; position: absolute; }
.comment-top-right { background: url('/images/comment-top-right.jpg') no-repeat top right; width: 40px; right: -1px; top: 0px; position: absolute; }
.comment-top-main { background: url('/images/comment-top-main.jpg') repeat-x top left; width: 100%; float: left; }
.bubble { background: url('/images/bubble-top.png') no-repeat; width: 18px; height: 17px; top: -16px; left: 25px; z-index: 10; position: absolute; }
.comment_list li { clear: both; background: #ffffff url('/images/comment-bottom-main.jpg') repeat-x bottom left; border-left: 1px solid #DEDFD7; border-right: 1px solid #DEDFD7; position: relative; padding: 0px 20px 10px; margin: 0px 0px 60px; width: 605px; display: block; float: left; }
.post-by { font-size: .95em; margin-top: 0; }
/* alignment classes */
.float-left { float: left; }
.float-right { float: right; }
.align-left { text-align: left; }
.align-right { text-align: right; }
.strong { font-weight: bold; }
/* display and additional classes */
.clear { clear: both; }
#tag_results p { line-height: 1.2em; margin: 0 0 10px 0; }
#tag_results a { color: #386E80; }
.tag_sub { font-size: 0.9em; color: #777777; }
.post-footer .tags { background: #fff url('tags.png') left center no-repeat; font-size: 0.9em; margin-bottom: 14px; padding: 0 0 2px 14px; }
.tags a { color: #f66363; text-decoration: none; }
.tags a:hover { color: #000; text-decoration: none; }
.underline { text-decoration: underline; }
.left { width: 568px; float: right; text-align: justify; border-left: 1px solid #bbb; padding-left: 40px; }
.left h2 { color: #FF4800; font-size: 20px; letter-spacing: -1px; font-weight: 100; padding: 15px 0 15px 0; }
.left h3 { color: #093293; font-size: 16px; font-weight: bold; padding: 20px 0 10px 0; }
.left h4 { color: #093293; font-size: 12px; font-weight: bold; padding: 10px 0 0 0; }
.left ul { list-style: url("./images/arrow_list.gif"); padding: 0px 10px 0px 30px; }
/*Admin Patch #19 - 1.7.1 - new panel division */
//*Admin Patch #19 - 1.7.1 - new panel division */ .adminpanel, .innerpanel { margin: 0 0 8px 0; color: #000; }
.adminpanel { padding: 10px 8px 10px 15px; border: 1px solid #ccc; background: #FFFBEE; }
.innerpanel { padding: 5px 8px 0px 8px; border: 1px solid #e0e0e0; background: #FFFBEE; }
.admintitle { font: bold 14px Arial; color: #a62300; margin-left: 0px; margin-bottom: 8px; }
.admintitle a { font-weight: normal; }
.message { margin-bottom: 8px; }
.warning, .message { text-align: center; color: #000; border: 1px solid #ccc; background: #FFFBC0; padding: 10px 8px 0px 8px; }
.spacelink { margin: 0px 0px 6px 0px; }
.comment_preview { font-size: .9em; font-style: italic; color: #555; }
/* tabele */
#tabela1 { font: 100%/1.5em tahoma, Verdana, arial; margin: 15px 0px 20px 25px; width: 95%; color: black; border-collapse: collapse; }
#tabela1 td.por_img { background: rgb(255, 255, 255) none repeat scroll 0% 0%; text-align: center; padding: 0px; }
#tabela1 td.por_konto { text-align: left; padding: 5px 5px 5px 10px; font-size: 90%; }
#tabela1 td.por_w1 { width: 50%; height: 32px; font-size: 90%; padding-left: 5px; font-weight: bold; background: #F4F8FD; }
#tabela1 td.por_w2 { background: rgb(255, 255, 255) none repeat scroll 0% 0%; font-size: 90%; padding-left: 5px; padding-right: 5px; }
#tabela1 td.por_w3 { background: rgb(255, 255, 255) none repeat scroll 0% 0%; font-size: 90%; padding-left: 5px; padding-right: 5px; text-align: center; }
#tabela2 { font: 100%/1.5em  arial, tahoma, Verdana; margin: 0px; width: 95%; color: black; border-collapse: collapse; }
#tabela2 th { background: #306bc1 url(button-bg.jpg) repeat-x 0 0; height: 30px; padding-left: 5px; padding-right: 3px; color: #fff; text-align: center; border: 1px solid #E5F0FB; border-bottom-width: 2px; }
#tabela2 td.w1 { text-align: center; padding: 2px; background: #F4F8FD; }
#tabela2 td.w2 { background: rgb(255, 255, 255) none repeat scroll 0% 0%; padding: 2px; text-align: center; }
.okno { display: inline-block; zoom: 1; *display: inline; width: 200px; margin: 0 8px 20px 5px; position: relative; }
.okno img { vertical-align: middle; margin-left: 15px !important; padding: 0px !important; border: 0px !important; }
.okno1 { margin: 87px 0px 0px 1px; padding: 3px 0; height: 20px; display: block; width: 198px; background: #306bc1 url(button-bg.jpg) repeat-x 0 0; opacity: 0.80; filter: alpha(opacity=80); position: absolute; }
.okno2 { background: #fff url('/images/tlo.jpg') no-repeat; width: 170px; height: 196px; padding: 30px 15px 0px 15px; margin: 0; }
.okno b { margin: 92px 0 0 0; padding: 0 5px; width: 188px; position: absolute; font: bold 13px Arial; text-align: center; }
.okno a { color: #fff; text-decoration: none; }
.okno a.in { font: bold 12px Arial, Sans-serif; height: 28px; margin: 0px 0 0 110px; padding: 2px 3px; color: #fff; background: #306bc1 url(button-bg.jpg) repeat-x 0 0; opacity: 0.60; filter: alpha(opacity=60); border: 1px solid #306bc1; }
.okno a.in2 { text-decoration: none; background: #fff url('/images/tlo.jpg') no-repeat; color: #777; }
.okno a.in2:hover { text-decoration: underline; color: #777; }
.right { width: 160px; float: left; padding-left: 20px; font-size: 14px; }
.right ul { list-style: url("./images/arrow_list.gif"); padding: 5px 5px 10px 20px; }
.right h2 { height: 30px; font-size: 15px; color: #666; line-height: 30px; }
.right a { text-decoration: underline; }
.arty a { font-size: 12px; text-decoration: none; font-weight: normal; }
.koment a { font-size: 11px; text-decoration: none; font-weight: normal; }
.archive_date p { line-height: 1.6em; font-family: "lucida console"; font-size: 1.1em; text-transform: uppercase; text-align: justify; }
.arc_list p { text-align: left; }
.arc_list p a { color: #386E80; }
/* for 1.7 version of lead_articles */
.artitle,h6 { font-size: 1.3em !important; letter-spacing: 1; padding: 10px 0 0 10px; }
.th_left { float: left; background: #fff; border: 1px solid #ccc; margin: 3px 5px 10px 12px !important; padding: 4px; }
.c_list { margin: 14px 15px 14px 15px; clear: both; border-top: 1px dashed #2A6BC9; height: 160px; display: block; }
.c_left { float: left; width: 94px; padding: 0px 0; }
.c_right { float: right; width: 520px; padding: 0 10px; }
div.c_right p { padding: 0 !important; margin: 0 0 5px 0 !important; text-align: justify; }
.c_meta { font: 12px arial; color: #000; line-height: 1.3em; margin: 6px 0; }
.c_sub { font-family: Arial,sans-serif; border-bottom: 1px dashed #A9D4EF; padding: 0px; margin: 0px; }
.post_date { float: left; width: 150px; font-size: 0.9em arial; color: rgb(201, 0, 0); height: 16px; padding-left: 20px; background: url('icons.png') -8px -455px no-repeat; margin: 5px 0 15px 15px; }
.post_comments { float: right; width: 115px; font-size: 0.9em arial; color: #808080; height: 16px; padding-right: 26px; text-align: right; background: url('icons.png') 100% -492px no-repeat; margin: 5px 0 10px 0; }
.post_edit { margin: 5px; }
.post_comments a { background: none; }
.clearer { clear: both; }
.th_left2 { float: left; background: #fff; border: 1px solid #ccc; margin: 3px 0px 10px 0px !important; padding: 4px; }
.c_list2 { margin: 10px; padding-top: 15px; clear: both; border-top: 1px solid #CCCCCC; height: 140px; display: block; }
.c_sub2 { font-family: arial; border-bottom: 1px dashed #A9D4EF; padding: 3px 0px; margin: 0px; }
.post_date2 { float: left; width: 150px; font-size: 0.9em arial; color: rgb(201, 0, 0); height: 16px; padding-left: 20px; background: url('icons.png') -8px -455px no-repeat; margin: 10px 0 5px 0; }
.post_comments2 { float: right; width: 95px; height: 16px; padding-right: 30px; text-align: right; background: url('icons.png') 100% -492px no-repeat; margin: 10px -10px 5px 0px; }
.c_left2 { float: left; width: 94px; padding: 0px 0; }
.c_right2 { float: right; width: 550px; padding: 0 0px; }
div.c_right2 p { padding: 0 !important; margin: 0 0 5px 0 !important; clear: both; text-align: justify; }
div.c_right2 a { color: #2666c3; text-decoration: none; font-size: 1.2em; line-height: 1.3em; letter-spacing: 1px; }
div.c_right2 a:hover { text-decoration: underline; }
div.c_right2 .post_comments2 a { color: #2666c3; background: none; font-size: 1em; }
/*Paginator */
.paginator { margin: 6px 0; padding-left: 25px; text-align: left; clear: both; }
#main .paginator p { text-align: left; }
.pageselected { color: #000; font-weight: 800; }
a.pagetext , .paginator_total { }
.paginator_total { color: #999; font-style: italic; }
/* m2m */
.m2m_mod_offerer_2_t1 { }
#main .fr { font-weight: bold; margin-left: 20px; }
#main .fr .m2m_offerer_salechannel { }
#main .fr .m2m_offerer_link_desc { }
.commentsrss { clear: both; padding: 4px 0 4px 45px; margin-bottom: 4px; height: 32px; background: url(feed-icon.png) no-repeat 25px 5px; color: #000; vertical-align: middle; text-align: left; }
.commentsrss a { background: none; }
a#zamow, a:hover#zamow { background: url(/images/red2.gif) 50% 50% no-repeat; color: #fff; width: 100px; text-align: center; height: 20px; float: left; display: block; }
a#opinie, a:hover#opinie { background: url(/images/orange2.gif) 50% 50% no-repeat; color: #fff; width: 100px; text-align: center; height: 20px; float: left; display: block; }
.opinia { color: #444; width: 100%; height: 15px; margin: 5px 0px 5px 0px; padding: 5px 0px 0px 20px; text-align: left; background-image: url('../images/post_comment.png'); background-repeat: no-repeat; background-position: 50% 100%; }
.opinia a { background: none; }
.form { display: none; }
/***************************************************************** poll_styles.css class names should be relatively self-explanatory *****************************************************************/
.pollContainer { font-size: 90%; width: 198px; margin: 25px; background-color: #f6f6f6; border: 1px solid #d2d2d2; padding: 8px; }
.pollQuestion { font-size: 1.2em; font-weight: 800; margin-bottom: 6px; }
.pollAnswer { margin-bottom: 2px; }
.pollBar { width: 198px; background-color: #dddddd; margin-bottom: 6px; height: 12px; }
.pollImg { border: 1px inset; height: 10px; }
.pollTotal { margin-bottom: 6px; }
.pollOption { display: inline-block; vertical-align: middle; margin: 4px; }
.pollButton { margin-top: 10px; }
.pollResultLink { margin: 8px 0; color: #333333; }
.pollAdminTD { padding: 3px 6px; }
.pollAdminQuestion { width: 75%; height: 50px; margin: 10px 0; }
.pollAdminButton { margin: 10px 4px; }