/* -----------------------------------------
   Shared Styles
----------------------------------------- */

.align-left { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }
.align-justify { text-align: justify; }

img.news-list { float: left; display: block; margin: 5px 15px 5px 0; border: 1px solid #7a7a7a; }

.italic { font-style: italic; }
.strong { font-weight: bold; }

.ilink {color:#df4c04}
.ilink.red {color:#fff}
.ilink.green {color:#fff}
.ilink.blue {color:#fff}

.lighter { color: #bfbfbf; }

.tiny { font-size: 10px; }
.small { font-size: 11px; }

.mtop24, .mtop { margin-top: 24px; }
.mtop10 { margin-top: 10px; }
.mtop5 { margin-top: 5px; }

.mbottom10 { margin-bottom: 10px; }
.p5 { padding: 5px; }

.hidden { display: none; }
.block { display: block; }
.inline-block { display: inline-block; }

.no-overflow, .row.no-overflow { overflow: inherit; }

.link-green a, a.link-green { color: #7da452; }
.link-green a:hover, a.link-green:hover { color: #698946; }

ul.simple { list-style: none; }

#footer-container .threecol { border-left: 1px dashed #e1e1e1; width: 201px; padding: 10px; }
#footer-container .first { border-left: none; }

ul.horizontal { list-style: none; padding: 0; margin: 0;  }
ul.horizontal li { list-style: none; display: inline; padding: 0 5px; margin: 0; }

#main-content img { display: inline-block; margin: 3px 5px; }

/* -----------------------------------------
   Basic layout
----------------------------------------- */

body { background: #fff; color: #555; }

a, #main-content .articleWrap a { text-decoration: none; color: #2f2f2f; }
a:hover, #main-content .articleWrap a:hover { color: #4e6dc4; }

#main-content a { color: #4c5f8a; }
#main-content a:hover, a:hover .forum-topic-quote { color: #4e6dc4; }

#header-container { height: 71px; background: #313131 url('/site_media/static/img/layout/bg_top.png') top center no-repeat; }

#site-logo { display: inline-block; width: 395px; height: 67px; float: left; padding-top: 2px;
    background: transparent url('/site_media/static/img/layout/logo.png') left center no-repeat; }
#site-logo a { display: block; width: 100%; height: 100%; }

#flashbanner { background: url('/site_media/static/img/layout/logo-fallback.png') ; width: 92px; height: 67px; }

#top-menu {display: inline-block; float: right; text-align: right; min-width: 300px; line-height: 16px; padding-top: 15px; }
#top-menu img { display: inline; margin: 0 3px; vertical-align: middle; }
#top-menu a { color: #a1a1a1; font-size: 10px; font-family: verdana; } #top-menu a:hover { color: #fff; }
#top-menu ul { list-style: none; margin: 0; padding: 0; }
#top-menu ul li { padding: 0 5px; margin: 0; display: inline; }
#top-menu ul li.new-line { display:block; font-size: 10px; color: #8f8f8f; }

#language-change { display: inline-block; height: 16px; position: relative; width: 24px; text-align: middle; }
#language-change .other { position: absolute; top: 16px; right: 0px; padding: 3px 0px; display: none;
    min-width: 74px; color: #a1a1a1; font-size: 10px;  }
#language-change:hover { background: #222222; }
#language-change:hover .other { background: #222222; display: block; }

#top-nav-row { height: 30px; line-height: 27px; background: url('/site_media/static/img/layout/bg_top_nav.png') top center repeat-x; }

#top-nav { list-style: none; margin: 0; padding: 0; }
#top-nav li { display: inline-block; float: left; margin: 0; padding: 0; position: relative; }
#top-nav li a { display: block; padding: 0 12px; color: #fff; font-size: 12px;
    text-decoration: none; font-family: tahoma, helvetica, 'helvetica neue', arial, verdana; }
#top-nav li a:hover, #top-nav li:hover a { background: none repeat scroll 0 0 #FFFFFF; border-radius: 5px 5px 5px 5px; color: #222222;
    position: relative; z-index: 1002; }

#top-nav li .arrow { display: none; width: 18px; height: 10px; background: url('http://designingreen.net/bg_top_arrow.png') top left no-repeat; position: absolute; left: 50%; margin-left: -9px; bottom: -10px; z-index: 1003 }

#top-nav li.home a span { display: block; max-height: 27px; background: url(/site_media/static/img/layout/home.png) top left no-repeat; padding: 0 13px; height: 26px; }
#top-nav li.home a:hover span { background-position: bottom left; }

#top-nav a.mac-icon { padding: 0; width: 60px; height: 37px;
    background: url('/site_media/static/images/layout/top-mac-icon.png') top center no-repeat; }
#top-nav a.mac-icon:hover, #top-nav a.mac-icon.active { background: url('/site_media/static/images/layout/top-mac-icon.png') bottom center no-repeat; }

#top-nav a.windows-icon { padding: 0; width: 87px; height: 37px;
    background: url('/site_media/static/images/layout/top-windows-icon.png') top center no-repeat; }
#top-nav a.windows-icon:hover, #top-nav a.windows-icon.active { background: url('/site_media/static/images/layout/top-windows-icon.png') bottom center no-repeat; }

#top-nav li ul { display: none; top: 29px; padding: 0; width: 200px; list-style: none; margin: 0; z-index: 1001; position: absolute; background-color: #fff;
    -moz-box-shadow: 0 3px 5px #000; -webkit-box-shadow: 0 3px 5px#000; box-shadow: 0 3px 5px #000;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

#top-nav li:hover ul, #top-nav li a:hover ul, #top-nav li:hover .arrow { display: block; }

#top-nav li ul li { padding: 0; float: none; display: block; width: 200px; }

#top-nav li ul li a { display: block; padding: 4px 5px; color: #444; border-bottom: 1px solid #efefef; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
#top-nav li ul li a:hover { border-left: 2px solid #c82b2b; background-color: #f9f5f5; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

#top-search { text-align: right; padding: 0 6px 0 12px; }

#top-search-field { background: transparent; border: 1px solid #bf4621; background: #c74e22; color: #dfa399; font-size: 11px;
    padding: 4px 5px; min-width: 250px;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

html.lt-ie9 #top-search-field { position: relative; top: -8px; }
html.lt-ie8 #top-search-field { position: relative; top: -2px; }

#top-search-field:active, #top-search-field:focus { background: #e85f2a; border: 1px solid #f16c20; color: #fff; }

#top-search-submit { width: 36px; height: 31px; background: transparent url('/site_media/static/images/layout/top-search-button.png') top left no-repeat; border: none; }

#top-search-submit:hover { background-position: bottom left; }

#footer { padding-bottom: 40px; }

#footer-links-row { color: #999999; border-top: 1px solid #eaeaea; border-bottom: 1px solid #d6d6d6; margin: 12px auto; }
#footer-links-row a img { opacity: 0.5; }
#footer-links-row a:hover img { opacity: 1; }

#footnote { color: #929292; font-family: verdana; font-size: 10px; }
#footnote a { color: #a1b5ec; } #footnote a:hover { color: #c1e063; }

h1.title { font-size: 17px; font-family: 'helvetica world', helvetica, 'helvetica neue'; color: #4e4e4e; margin-bottom: 0.5em; }
h5.date { font-weight: normal; font-size: 11px; color: #b3b3b3; margin-bottom: 0.5em; }

.breadcrumbs { padding: 10px 0; font-size: 11px; color: #bab9ba; }

.module-brokers li:first-child .broker-summary { display: block; }

.tags { font-size: 11px; color: #868686; }



.step-links { min-height: 30px; display: block; color: #999; font-size: 11px; }
.step-links a { color: #999; margin: 0 3px; }
.step-links a:hover { color: #AAA; }
.step-links span { }

#main-content .step-links .current, .step-links .previous, .step-links .next { display: inline-block; padding: 0px 6px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #ce4d4c; color: #fff; font-family: helvetica,arial,sans-serif; font-size: 11px; font-weight: bold; text-transform: uppercase; height: 20px; line-height: 20px; }
#main-content .step-links .previous, #main-content .step-links .next { background: #efefef; color: #745a5a; }
#main-content .step-links .previous:hover, #main-content .step-links .next:hover { background: #ce4d4c; color: #fff; }
#main-content .step-links .current {  background: #7ba60d; color: #fff; }

.button, #main-content a.button { display: inline-block; padding: 0px 6px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #ce4d4c; color: #fff; font-family: helvetica,arial,sans-serif; font-size: 11px; font-weight: bold; text-transform: uppercase; height: 20px; line-height: 20px; }
.button:hover, #main-content a.button:hover { background: #7BA60D; color: #fff; }

hr { color: #da5251; background: #da5251; border-color: #f86d6c; }

/* -----------------------------------------
   Modules
----------------------------------------- */

.module-wrap { width: auto; padding: 0; border: 1px solid #dcdcdc; margin-bottom: 12px;  border-radius: 5px; }

.module-wrap.red { border: 1px solid #dc7777; }
.module-wrap.green { border: 1px solid #b4d367; }
.module-wrap.blue { border: 1px solid #8ea1d2; }

.module-head { background: #f4f4f4 url('/site_media/static/img/layout/bg_module.png') top left repeat-x; padding: 5px; border-bottom: 1px solid #dcdcdc;
    text-align: right; font-size: 11px; font-weight: bold; color: #df4c04;
}

.red .module-head { color: #fff; background-image: url('/site_media/static/img/layout/bg_module_red.png'); }
.green .module-head { color: #fff; background-image: url('/site_media/static/img/layout/bg_module_green.png'); }
.blue .module-head { color: #fff; background-image: url('/site_media/static/img/layout/bg_module_blue.png'); }

.module-content { }
.module-content table { margin: 0; }
.module-content.padded { padding: 5px; }

/* Article list module */
.news-list { list-style: none; margin: 0; padding: 0; }
.news-list li { border-top: 1px solid #dcdcdc; margin: 0; padding: 5px; }
.news-list li:hover { background: #f5f5f5; }

.news-list li:first-child .news-summary { display: block; }

.news-title { padding: 0 0 3px 0; cursor: pointer; }

.news-summary { display: none; font-size: 11px; overflow: hidden; width: 100%; font-size: 11px; color: #666 /* \m/ */ }
.news-summary img { float: left; margin: 0 5px 5px 0; max-width:80px; border: 1px solid #8f8f8f; }

/* Simple text module */
.module-content .text-content  { padding: 5px; font-size: 11px; text-align: justify; }

/* Quote */
.module-content .blockquote, .module-content .quote { font-size: 13px; font-family: georgia;
    color: #464646; font-style: italic; margin: 0; }
.module-content .author { text-align: right; color: #a7a7a7; margin: 0; }

/* Full size module */
/* pusto :P */

/* Search module */
.module-content.search { position: relative; }
.search-text { border: 1px solid #d6d6d6; padding: 0 5px; height: 28px; font-size: 11px; border-right: none;
    margin: 10px 0 10px 5px; display: inline-block; width: 280px;
    background: url(/site_media/static/img/layout/search-bg.png) right center no-repeat;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
.search-submit {  width: 30px; height: 30px; border: none; background: transparent; position: absolute; top: 10px; right: 10px; }

/* Newsletter module */
.module-content.newsletter { position: relative; }
.newsletter-text { border: 1px solid #d6d6d6; line-height: 28px; padding: 0 5px; height: 28px; font-size: 11px; border-right: none;
    margin: 10px 0 10px 5px; display: inline-block; width: 280px;
    background: url(/site_media/static/img/layout/newsletter-bg.png) right center no-repeat;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
.newsletter-submit {  width: 30px; height: 30px; border: none; background: transparent; position: absolute; top: 10px; right: 10px; }

/* Brokerzy */
.module-brokers { list-style: none; margin: 0; padding: 0; }
.broker-head { height: 60px; overflow: hidden; border-bottom: 1px solid #d6d6d6; text-align: center; position: relative;
    background: url('/site_media/static/img/layout/broker-bg.png') top left no-repeat; }

.broker-head .arrow { position: absolute; right: 5px; top: 22px; width: 18px; height: 16px; z-index: 50; display: none;
    background: url('/site_media/static/img/layout/arrow-down.png') top left no-repeat; }
.show .broker-head .arrow { background: url('/site_media/static/img/layout/arrow-up.png') top left no-repeat; }
.broker-head:hover .arrow { display: block; }

.module-brokers li { margin: 0; padding: 0; }
.broker-summary { display: none; padding: 5px; font-size: 11px; border-bottom: 1px solid #d6d6d6; }

/* Clock */
.clock { display: inline-block; width: 62px; font-size: 10px; color: #666666; padding: 5px; text-align: center; }

/* Subpages */
ul.navigation-list { list-style: none; padding: 0; margin: 0; }
ul.navigation-list li { padding: 0; margin: 0; }
ul.navigation-list li a { padding: 5px; margin: 0; display: block; border-bottom: 1px solid #d6d6d6; }
ul.navigation-list li a:hover { border-left: 2px solid #c82b2b; background: #f9f5f5; }

/* MAIN */

table, table td { border: 1px solid #e0e0e0; }
table td { padding: 3px; }

table tr:nth-child(2n+1) { background: #f5f5f5; }

.contact-table { border: none; }

.contact-table td { padding: 2px 5px; vertical-align: middle; border: none; }
.contact-table input, .contact-table textarea { border-radius: 3px; padding: 3px; border: 1px solid #e0e0e0; min-width: 300px; }
.contact-table input:hover, .contact-table input:focus, .contact-table textarea:hover, .contact-table textarea:focus { border: 1px solid #c5510b;  }

.contact-table .buttons input { min-width: 100px; }

div.box { border: 1px solid #3263A2; background: #E1E5ED; padding: 15px; }

/* ARROWS, STARS and stuff */

hr.soft { background: #e8e8e8; color: #e8e8e8; border: none; height: 1px; width: 100%; margin: 5px 0; clear: both; }

table td { vertical-align: top; }

table.simple { width: 100%; }
table.simple td { padding: 5px; border: 1px solid #ccc; }
table.simple th { padding: 5px; }

input[readonly=readonly] { background: #f0f0f0; }

#slider-code { overflow:hidden; padding: 10px 0; }
#slider-code img { max-height: 50px; }
#slider-code .viewport { float: left; width: 100%; height: 50px; overflow: hidden; position: relative; }
#slider-code .buttons { display: block; margin: 30px 10px 0 0; float: left; }
#slider-code .next { margin: 30px 0 0 10px;  }
#slider-code .disable { visibility: hidden; }
#slider-code .overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0; }
#slider-code .overview li{ float: left; margin: 0 20px 0 0; padding: 1px; height: 50px; border: none;}

.share {
    list-style-type:none;
}
.share li {
    display:block;
    float:left;
    width:60px;
}

/* forum topics */

.forum-topic-title { font-weight: bold; font-size: 11px; color: #444; }
.forum-topic-quote { font-size: 11px; color: #666; word-wrap: break-word; }
.forum-topic-author { text-align: right; font-size: 10px; }

/* module no bnorder */

.module-wrap.no-border { border: none; }
.no-padding .text-content { padding: 0; text-align: center; }