html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, button, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; font-size: 62.5%; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
/*--*/
.clear { clear: both; }
.block { display: block; }
.inline { display: inline; }
.iblock { display: inline-block; _display:inline; *display:inline; zoom:1; }
.hide { display: none; }
.has_js .js_hide { display: none; }
.left { float: left; display: inline; }
.center { display: block; margin: 0 auto; }
.right { float: right; display: inline; }
.contain { overflow: hidden; zoom:1; }
.txt_left { text-align: left !important; }
.txt_center { text-align: center !important; }
.txt_right { text-align: right !important; }
.txt_clean { text-shadow: none !important; }
.va_top { vertical-align: top; }
.va_mid { vertical-align: middle; }
.va_btm { vertical-align: bottom; }
.highlight { background: yellow !important; color: black !important; font-weight: bold !important; font-style: normal !important; padding: .1em .2em; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.strong { font-weight: bold !important; }
.normal { font-weight: normal !important; }
.em { font-style: italic !important; }
.up { text-transform: uppercase !important; }
.pointer { cursor: pointer; }
.absolute { position: absolute; }
.relative { position: relative; }
.glevin { position: relative; overflow: hidden; display: block; zoom: 1; }
.glevin span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; }
.phark { text-indent: -9999px; display: block; overflow: hidden; background-color: transparent; background-repeat: no-repeat; background-position: left top; }
.phark_IE6 { _text-indent:0; _overflow:visible; _width:auto !important; _background:none !important; }
.phark_inline { text-indent: -9999px; display: inline-block; *display:inline; _display:inline; zoom:1; overflow: hidden; background-color: transparent; background-repeat: no-repeat; background-position: left top; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
.structure { position: absolute; left: -9999px; top: -9999px; }
/*--*/
html { color: #fff; height: 100%; }
html, textarea, button { font-family: Georgia, "Times New Roman", Times, serif; }
a { text-decoration: none; outline: none; }
/*** default spacing ***/
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, blockquote { padding: 15px 0; }
h1, h2, h3, h4, h5, h6 { padding-bottom: 0; }
li h1, li h2, li h3, li h4, li h5, li h6,
li p, li ul, li ol, li dl, li blockquote { padding: 0 0 15px 0; }
p + p { padding-top: 0; }
/*** headings ***/
h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #333; }
/*** font sizes ***/
p, .p, ul, ol, dl, th, td, input, textarea, select { font-size: 14px; line-height: 22px; color: #333; }
.lead { font-size: 16px; }
h1, .h1 { font-size: 30px; line-height: 30px; }
h2, .h2 { font-size: 24px; line-height: 24px; }
h3, .h3 { font-size: 22px; line-height: 22px; }
h4, .h4 { font-size: 18px; line-height: 18px; }
h5, .h5 { font-size: 12px; line-height: 15px; }
h6, .h6 { font-size: 11px; line-height: 15px; }
.fs_xs { font-size: 10px; line-height: 18px; }
.fs_s { font-size: 11px; line-height: 18px; }
.fs_m { font-size: 12px; line-height: 18px; }
.fs_l { font-size: 13px; line-height: 18px; }
.fs_xl { font-size: 14px; line-height: 18px; }
.fs_xxl { font-size: 48px; line-height: 48px; }
.line_height_1 { line-height: 1; }
/*--*/
.container { width: 979px; margin: 0 auto; padding: 0 10px; }
.grid_h_1, .grid_h_2, .grid_h_3, .grid_h_4, .grid_h_5, .grid_h_6, .grid_h_7, .grid_h_8 { float: left; display: block; position: relative; }
.grid_h_1 { width: 120px; }
.grid_h_2 { width: 240px; }
.grid_h_3 { width: 360px; }
.grid_h_4 { width: 480px; }
.grid_h_5 { width: 600px; }
.grid_h_6 { width: 720px; }
.grid_h_7 { width: 840px; }
.grid_h_8 { width: 960px; }
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_p_1, .grid_p_2, .grid_p_4, .grid_p_6 { float: left; display: inline; margin: 0 10px; position: relative; }
.grid_p_4, .grid_p_6 { margin: 0; }
.grid_1 { width: 100px; }
.grid_p_1 { width: 160px; margin-left: -650px; }
.grid_2 { width: 220px; }
.grid_p_2 { width: 280px; float: right; }
.grid_3 { width: 340px; }
.grid_4 { width: 460px; }
.grid_p_4 { width: 480px; margin-left: 180px; }
.grid_5 { width: 580px; }
.grid_6 { width: 700px; }
.grid_p_6 { width: 760px; margin-left: 180px; }
.grid_7 { width: 820px; }
.grid_8 { width: 940px; }
.g_w_620 { clear: both; float: none; margin: 0 auto; display: block; width: 620px; }
.grid_right { float: right; margin: 0 10px; }
/*** padding ***/
.p_0 { padding: 0; }
.p_xs { padding: 3px;; }
.p_s { padding: 5px; }
.p_m { padding: 10px; }
.p_l { padding: 15px; }
.p_xl { padding: 20px; }
/* vertical padding */
.pv_0 { padding-top: 0; padding-bottom: 0; }
.pv_xs { padding-top: 3px; padding-bottom: 3px; }
.pv_s { padding-top: 5px; padding-bottom: 5px; }
.pv_m { padding-top: 10px; padding-bottom: 10px; }
.pv_l { padding-top: 15px; padding-bottom: 15px; }
.pv_xl { padding-top: 20px; padding-bottom: 20px; }
.pv_xxl { padding-top: 30px; padding-bottom: 30px; }
/* horizontal padding */
.ph_0 { padding-left: 0; padding-right: 0; }
.ph_xs { padding-left: 3px; padding-right: 3px; }
.ph_s { padding-left: 5px; padding-right: 5px; }
.ph_m { padding-left: 10px; padding-right: 10px; }
.ph_l { padding-left: 15px; padding-right: 15px; }
.ph_xl { padding-left: 20px; padding-right: 20px; }
/* top padding */
.pt_0 { padding-top: 0 !important; }
.pt_xs { padding-top: 3px !important; }
.pt_s { padding-top: 5px !important; }
.pt_m { padding-top: 10px !important; }
.pt_l { padding-top: 15px !important; }
.pt_xl { padding-top: 20px !important; }
/* right padding */
.pr_0 { padding-right: 0 !important; }
.pr_xs { padding-right: 3px !important; }
.pr_s { padding-right: 5px !important; }
.pr_m { padding-right: 10px !important; }
.pr_l { padding-right: 15px !important; }
.pr_xl { padding-right: 20px !important; }
.pr_xxl { padding-right: 30px !important; }
/* bottom padding */
.pb_0 { padding-bottom: 0 !important; }
.pb_xs { padding-bottom: 3px !important; }
.pb_s { padding-bottom: 5px !important; }
.pb_m { padding-bottom: 10px !important; }
.pb_l { padding-bottom: 15px !important; }
.pb_xl { padding-bottom: 20px !important; }
/* left padding */
.pl_0 { padding-left: 0 !important; }
.pl_xs { padding-left: 3px !important; }
.pl_s { padding-left: 5px !important; }
.pl_m { padding-left: 10px !important; }
.pl_l { padding-left: 15px !important; }
.pl_xl { padding-left: 20px !important; }
.pl_xxl { padding-left: 30px !important; }
/* vertical alignment */
.va_top { vertical-align: top; }
.va_mid { vertical-align: middle; }
.va_btm { vertical-align: bottom; }
/*** margin ***/
.m_0 { margin: 0; }
.m_xs { margin: 3px; }
.m_s { margin: 5px; }
.m_m { margin: 10px; }
.m_l { margin: 15px; }
.m_xl { margin: 20px; }
/* vertical margin */
.mv_0 { margin-top: 0; margin-bottom: 0; }
.mv_xs { margin-top: 3px; margin-bottom: 3px; }
.mv_s { margin-top: 5px; margin-bottom: 5px; }
.mv_m { margin-top: 10px; margin-bottom: 10px; }
.mv_l { margin-top: 15px; margin-bottom: 15px; }
.mv_xl { margin-top: 20px; margin-bottom: 20px; }
/* horizontal margin */
.mh_0 { margin-left: 0; margin-right: 0; }
.mh_xs { margin-left: 3px; margin-right: 3px; }
.mh_s { margin-left: 5px; margin-right: 5px; }
.mh_m { margin-left: 10px; margin-right: 10px; }
.mh_l { margin-left: 15px; margin-right: 15px; }
.mh_xl { margin-left: 20px; margin-right: 20px; }
/* top margin */
.mt_0 { margin-top: 0 !important; }
.mt_xs { margin-top: 3px !important; }
.mt_s { margin-top: 5px !important; }
.mt_m { margin-top: 10px !important; }
.mt_l { margin-top: 15px !important; }
.mt_xl { margin-top: 20px !important; }
/* right margin */
.mr_0 { margin-right: 0 !important; }
.mr_xs { margin-right: 3px !important; }
.mr_s { margin-right: 5px !important; }
.mr_m { margin-right: 10px !important; }
.mr_l { margin-right: 15px !important; }
.mr_xl { margin-right: 20px !important; }
/* bottom margin */
.mb_0 { margin-bottom: 0 !important; }
.mb_xs { margin-bottom: 3px !important; }
.mb_s { margin-bottom: 5px !important; }
.mb_m { margin-bottom: 10px !important; }
.mb_l { margin-bottom: 15px !important; }
.mb_xl { margin-bottom: 20px !important; }
/* left margin */
.ml_0 { margin-left: 0 !important; }
.ml_xs { margin-left: 3px !important; }
.ml_s { margin-left: 5px !important; }
.ml_m { margin-left: 10px !important; }
.ml_l { margin-left: 15px !important; }
.ml_xl { margin-left: 20px !important; }
/* Colors */
.dark_blue { color: #00476A; }
.light_blue { color: #0075B0; }
.debug { background: silver; }
.clr_grass { color: #47B401; }
a.clr_grass { color: #47B401; }
a.clr_grass:hover, a.clr_grass:active, a.clr_grass:focus { color: #0075B0; }
/** borders **/
.brd_b_light { border-bottom: 1px solid #f2f2f2; }
.brd_t_light { border-top: 1px solid #f2f2f2; }
.brd_b_dark { border-bottom: 1px solid #c0c0c0; }
.brd_t_blue { border-top: 1px solid #C0D1DB; }
.brd_b_blue { border-bottom: 1px solid #C0D1DB; }
.brd_0 { border: none; }
.brd_r { border-right: 1px solid #c0d1d9; }
/* Misc */
.full_width { margin: 0 0 0 -10px; _margin: 0 0 0 -5px; width: 980px; }
.pull_m { margin-left: -10px; }
.flat li, .flat dt, .flat dd { float: left; }
/* */
a { color: #0075b0; text-decoration: none; }
a:hover { color: #0099e5; text-decoration: underline; }
body:after { content: url(/css/cssimg/category_headers.png); display: none; }
body { height: 100%; padding-bottom: 1px; background: #001d3b url(/css/cssimg/layout/main_bg.jpg) 50% 0 no-repeat; }
.homepage { background: #001d3b url(/css/cssimg/layout/main_bg_homepage.jpg) 50% 0 no-repeat; }
/* Header */
#logo, #logo a { border-bottom: 0; text-indent: -9999px; background: url(/css/cssimg/logos/site_logo.png) no-repeat; width: 330px; height: 210px; margin: 0 44px 0 -70px; position: relative; border-left: 0; padding: 0; }
#logo a { display: block; margin: 0; }
#tagline { text-indent: -9999px; background: url(/css/cssimg/tagline.png) no-repeat; width: 248px; height: 36px; left: 42px; position: relative; top: 133px; }
#logo, #tagline { float: left; }
#logo_inner { width: 200px; height: 80px; padding: 100px 0 30px; }
#logo_inner a { text-indent: -9999px; display: block; width: 200px; height: 80px; background: url(/css/cssimg/logos/site_logo_s.png) no-repeat; }
#category_header { width: 473px; height: 95px; position: absolute; top: 118px; left: 233px; background: url(/css/cssimg/category_headers.png) no-repeat; text-indent: -9999px; }
#category_header.articles { background-position: 0 -95px; }
#category_header.petitions { background-position: 0 -190px; }
#category_header.club { background-position: 0 -285px; }
#header .user_actions { position: relative; top: 132px; text-align: right; }
/* Homepage teaser */
#teaser.not_registered { clear: both; background: url(/css/cssimg/layout/teaser.png) -1px top no-repeat; min-height: 460px; height: auto !important; height: 460px; }
#teaser.registered { clear: both; background: url(/css/cssimg/layout/teaser.png) right top no-repeat; min-height: 360px; height: auto !important; height: 360px; }
#teaser .sections { position: relative; top: 130px; left: 170px; width: 750px; }
#teaser .section { float: left; width: 170px; margin: 0 69px 0 0; }
#teaser .section p { color: #fff; line-height: 18px; }
#teaser .section h2 { margin-bottom: 5px; }
#teaser .section h2 a { display: block; text-indent: -9999px; width: 170px; height: 30px; }
#teaser #register { position: relative; top: 160px; left: 150px; width: 515px; }
#teaser #register h2 { float: right; }
#teaser #register h2 a { display: block; text-indent: -9999px; width: 260px; height: 83px; margin-top: 20px; }
#teaser #register ol { float: left; width: 212px; margin: 34px 0 0 39px; }
#teaser #register ol li { font-size: 11px; margin: 0; padding: 0; line-height: 14px; list-style-type: decimal; }
.homepage .ideas { margin-top: 0; }
.homepage_content h2 { clear: both; }
.homepage_content .article { margin-top: 20px; }
/* Content */
h1 { color: #06476d; border-bottom: #f2f2f2 1px solid; padding-bottom: 10px; margin: 0 0 10px 0; }
.article_heading { color: #000; border: none; }
#content { background: #fff url(/css/cssimg/layout/content_top.gif) no-repeat; padding-top: 5px; }
#main_content { color: #999; }
#navigation_and_search { background: url(/css/cssimg/nav/main.gif) repeat-x; position: relative; z-index: 10; }
#navigation_and_search .inner { background: url(/css/cssimg/nav/bottom.png) bottom no-repeat; padding-bottom: 18px; }
#content #navigation_and_search ul { margin-top: -5px; padding: 0; }
#navigation_and_search li { position: relative; float: left; background: url(/css/cssimg/nav/splitter.gif) right 5px no-repeat; padding-top: 5px; }
#navigation_and_search li span { display: block; }
#navigation_and_search li span span { position: absolute; left: -9999px; top: -9999px; }
#navigation_and_search li a { display: block; font-size: 18px; color: #04486e; text-transform: uppercase; line-height: 1; text-decoration: none; font-weight: bold; padding: 18px 20px 22px 20px; }
#navigation_and_search li a:hover { color: #0099e5; }
#navigation_and_search li a:hover span { color: #04486e; }
#navigation_and_search li a span { text-shadow: none; font-size: 10px; color: #7298ab; text-transform: none; line-height: 1; font-weight: normal; }
#navigation_and_search .home { padding: 5px 20px 0 0; }
#navigation_and_search .home a, #navigation_and_search .home_active span { text-indent: -9999px; background: url(/css/cssimg/nav/home.png) -67px 13px no-repeat; height: 32px; width: 32px; padding: 0 0 22px 0; }
#navigation_and_search .home a:hover { background-position: 0 13px; }
#navigation_and_search .home_active span { display: block; background-position: 0 13px; }
#navigation_and_search .club { background: none; }
#navigation_and_search .active { padding-top: 5px; padding-left: 12px; background: url(/css/cssimg/nav/active_main.png) no-repeat; margin-left: -12px; margin-right: 14px; }
#navigation_and_search .active .right { background: url(/css/cssimg/nav/active_right.png) no-repeat; display: block; width: 14px; height: 71px; position: absolute; right: -14px; top: 0; }
#navigation_and_search .active a { padding-right: 6px; color: #fff; }
#navigation_and_search .active a:hover { color: #fff; }
#navigation_and_search .active a span { color: #bcf9ff; }
#navigation_and_search .active a:hover span { color: #bcf9ff; }
#navigation_and_search form { float: right; margin-top: 10px; position: relative; }
#navigation_and_search form input { float: left; padding: 10px 5px; background: #fafafa; border: #fff 1px solid; -moz-box-shadow: inset 0 0 10px #d8d8d8; -webkit-box-shadow: inset 0 0 10px #d8d8d8; width: 170px; }
#navigation_and_search form #search { font-size: 14px; line-height: 1; padding: 13px 40px 14px 10px; color: #4c6f82; }
#navigation_and_search form #search:focus { border: #0075b0 1px solid; color: #0075b0; }
#navigation_and_search form #submit { position: absolute; top: 14px; right: 13px; background: transparent url(/css/cssimg/ui/search_indicator.png) no-repeat; border: none; -moz-box-shadow: 0 0 0; -webkit-box-shadow: 0 0 0; text-indent: -9999px; cursor: pointer; padding: 0; width: 18px; height: 18px; }
#navigation_and_search form #submit:hover,#navigation_and_search form #submit:focus { background-position: 0 -51px; outline: none; }
* html #navigation_and_search .grid_2 { margin-right: 0; }
.user_actions { color: #fff; font-size: 14px; }
.user_actions div { color: #fff; }
.user_actions .user { background: url(/css/cssimg/assets/user_border.gif) bottom repeat-x; padding: 15px 10px 10px 10px; position: relative; min-height: 14px; }
.user_actions .user a { color: #d6f0fe; }
.user_actions .user div { float: left; text-align: left; position: absolute; width: 115px; bottom: 10px; left: 10px; }
.user_actions .user .new_messages { color: #d6f0fe; background: url(/css/cssimg/icons/new_messages.png) 3px 4px no-repeat; padding: 0 0 10px 23px; }
.user_actions .user .no_messages { color: #d6f0fe; background: url(/css/cssimg/icons/no_messages.png) 3px 4px no-repeat; padding: 0 0 10px 18px; }
.user_actions .user .new_request { color: #d6f0fe; background: url(/css/cssimg/icons/new_friend_request.png) 3px 4px no-repeat; padding: 0 0 10px 18px; }
.user_actions .actions { padding: 10px; }
.user_actions .actions a { color: #e7ffac; text-transform: uppercase; font-size: 10px; border-bottom: #00bff3 1px solid; }
.user_actions .actions a:hover { color: #fff; }
.user_actions .user .login_form { width: 220px; margin: 0 0 0 -10px; }
.login_form input { padding: 10px 5px; background: #fafafa; border: #fff 1px solid; -moz-box-shadow: inset 0 0 0; -webkit-box-shadow: inset 0 0 0; border: #086c9b 1px solid; background: url(/css/cssimg/assets/login_form_input_bg.png); color: #dbffff; padding: 10px 5px; margin-bottom: 5px; width: 208px; outline: none; }
.login_form label { color: #fff; text-transform: none; display: block; font-size: 12px; padding: 7px 0 0 10px; width: 100px; float: left; }
.login_form label input { width: auto; padding: 0; margin: 0; border: none; background: none; position: relative; top: 2px; left: 3px; }
.login_form .button { border-bottom: 0; }
.login_form input:focus { border: #00bff3 1px solid; }
/* Article */
.main_image { position: relative; zoom: 1; }
.main_image .heading { position: absolute; left: 0; bottom: 0; }
.main_image h1, .main_image h2 { padding: 3px 0 0 0; border-left: 10px #fff solid; border-bottom: 0; margin: 0; }
.main_image h1 span, .main_image h2 span { color: #000; background: #fff; padding: 6px 0; border-right: 10px #fff solid; word-spacing: -0.1em; line-height: 42px; }
.main_image .topic_overview span { line-height: 41px; }
.category { display: inline; color: #fff; font-family: "Trebuchet MS", Arial, sans-serif; text-transform: uppercase; font-size: 10px; position: relative; top: -1px; }
.category a { color: #fff; background: #0b7ab0; padding: 5px 10px; }
.listing .category a { padding: 0 5px; }
.category a:hover { text-decoration: none; background: #0099e5; }
.edit_article { display: block; padding: 10px; background: #fff; color: #cc3300; font-size: 14px; position: absolute; top: 0; right: 0; z-index: 100; }
.main_image h1 span a, .main_image h2 span a { color: #000; }
.article_image { width: 580px; display: block; padding: 10px 0; }
.article_image img, .image_left img, .image_right img { display: block; }
.article_image p, .image_left p, .image_right p { background: #7298ab; color: #fff; padding: 8px 5px 8px 10px; }
.article table { border: 0; width: 100%; }
.article table thead td { background: #EFEFEF; font-weight: bold; }
.article table td { padding: 10px; border: #e3e3e3 1px solid; font-family: "Trebuchet MS", sans-serif; }
.article table td p { padding: 0; }
.image_left { width: 290px; float: left; margin: 10px 10px 10px 0; padding: 0; }
.image_right { width: 290px; float: right; margin: 10px 0 10px 10px; padding: 0; }
.image_left + p, .image_right + p { padding-top: 5px; }
.article ul, .info_page li { list-style-type: disc; }
.article ol, .info_page ol { list-style-type: decimal; }
.article ol, .article ul, .info_page ul, .info_page ol { margin-left: 20px; }
/* Action buttons - strinjam se, obljubljam se, potpiši peticijo */
.agree_box p { float: left; }
.agree_box a, .agree_box strong { float: right; text-shadow: #de7420 0 -1px 0; display: block; font-size: 18px; text-decoration: none; color: #fff; background: url(/css/cssimg/buttons/action.png) top right no-repeat; position: relative; padding: 12px 9px 11px 55px; font-weight: bold; }
.agree_box .normal_state { background-position: top right; text-shadow: #de7420 0 -1px 0; }
.agree_box .normal_state span { display: block; font-size: 30px; text-align: right; color: #d04500; text-shadow: #ffe700 1px 1px 0; }
.agree_box a:hover { background-position: 100% -80px; color: #993300; text-shadow: #ffe468 0 1px 0; }
.agree_box a:hover span { color: #fff; text-shadow: #cc7200 0 -1px 0; }
.agree_box strong { background-position: 100% -160px; color: #fff; text-shadow: #55902c 0 -1px 0; }
.agree_box strong span { display: block; font-size: 30px; text-align: right; color: #fff799; text-shadow: #55902c 0 -1px 0; }
.agree_box a span { display: block; font-size: 30px; text-align: right; color: #d04500; text-shadow: #ffe700 1px 1px 0; }
.sign_petition a, .sign_petition strong { padding: 10px 9px 17px 52px; font-size: 24px; }
.agree_box .undo, .view_idea .vote .undo { clear: both; text-align: right; font-size: 11px; color: #9e0b0f; font-family: "Trebuchet MS", sans-serif; text-shadow: none; background: none; padding: 10px 0 0 0; text-decoration: underline; width: auto; height: auto; }
.agree_box .info_line { float: right; clear: both; text-align: right; font-size: 11px; padding: 0; }
.agree_box .undo:hover { background: none; text-shadow: none; }
.agree_box .system_message, .vote .system_message { float: left; padding: 10px 20px; width: 350px; text-align: center; }
#main_content .agree_box .success p, #main_content .vote .success p { font-size: 18px; color: #388c00; }
.agree_box .system_message p, .vote .system_message p { color: #9e0b0f; float: none; }
/* */
.additional_info { clear: both; }
.additional_info h3 { color: #04486e; border-bottom: #c0d1db 1px solid; padding: 0 0 7px 10px; }
.additional_info dt { clear: both; text-align: right; width: 135px; height: 20px; position: relative; }
.additional_info dt a { border: none; display: block; position: absolute; bottom: 0; right: 30px; }
.additional_info dd { width: 350px; margin-bottom: 10px; }
.additional_info .time { color: #666; text-align: right; width: 72px; }
.additional_info ul { list-style: none; margin-left: 0; }
.agree_box { clear: both; }
/* Quote box */
.article .quote { position: relative; padding: 10px 0 0 20px; zoom: 1; margin: 10px 0 10px -10px; }
.article .quote .a { position: absolute; right: 0; top: 0; width: 40px; height: 70px; background: url(/css/cssimg/quotes/main.png) right top no-repeat; }
.article .quote .b { position: absolute; left: 0; bottom: 0; width: 40px; height: 70px; background: url(/css/cssimg/quotes/main.png) left bottom no-repeat; }
.article .quote blockquote { padding: 0; background: url(/css/cssimg/quotes/main.png) right bottom no-repeat; }
.article .quote .c { position: relative; left: -20px; top: -10px; background: url(/css/cssimg/quotes/main.png) left top no-repeat; zoom: 1; }
.article .quote .d { position: relative; left: 20px; top: 0; padding-right: 10px; zoom: 1; }
.article .quote h2, .article .quote h3 { color: #00476a; font-size: 24px; line-height: 24px; }
.article .quote p { line-height: 18px; color: #0075b0; font-style: italic; padding: 5px 20px 10px 0; }
.article .cite .inner { background: url(/css/cssimg/quotes/cite.png) 2px 0 no-repeat; }
.article .comment .inner { background: url(/css/cssimg/quotes/comment.png) 2px 0 no-repeat; padding-bottom: 10px; }
.article .comment { float: left; width: 220px; margin: 0 20px 10px -10px; }
.article .comment + p { padding: 0; }
.article .comment .author { background: url(/css/cssimg/assets/minus.gif) left 8px no-repeat; color: #cc3300; font-size: 12px; padding: 0 0 10px 10px; font-style: normal; }
.article .comment .more { background: url(/css/cssimg/assets/arrow_down.gif) left 8px no-repeat; font-size: 12px; padding: 0 0 0 10px; font-style: normal; }
.article .comment .more a { color: #04486e; border-bottom: #00bff3 1px solid; text-decoration: none; }
.article .comment p { position: relative; padding-left: 15px; }
.article .comment p span { font-size: 30px; line-height: 1; position: absolute; top: 5px; left: 0; }
.article .comment p .last { position: absolute; top: auto; bottom: 0; left: auto; }
.article .action .inner { background: url(/css/cssimg/quotes/megafon.png) 2px 0 no-repeat; }
/* Add content to group */
/* Sidebar */
.sidebar_box { margin-bottom: 20px; position: relative; zoom: 1; }
.sidebar_box h2 { color: #fff; text-transform: uppercase; padding: 20px 0 30px 0; text-align: center; }
.sidebar_box h3 { font-size: 18px; padding: 0; margin-bottom: 5px; }
.sidebar_box p { color: #fff; padding: 0; line-height: 1; }
.step { clear: both; width: 315px; margin: 0 auto 8px; position: relative; border: #2E5F7D 1px solid; }
.grid_p_2 .blue .step { width: 255px; }
.grid_p_2 .orange .step { width: 255px; }
.grid_p_2 .orange .step .info { width: 120px; }
.step h3 { color: #ffaa00; }
.grid_p_2 .step h3 { font-size: 14px; color: #fff; line-height: 14px; }
#content .step h3 span { text-indent: -9999px; display: block; width: 35px; height: 34px; position: absolute; left: -4px; top: 10px; }
#content .step_1 h3 span { background: url(/css/cssimg/assets/1_new.png) no-repeat; }
#content .step_2 h3 span { background: url(/css/cssimg/assets/2_new.png) no-repeat; }
#content .step_3 h3 span { background: url(/css/cssimg/assets/3_new.png) no-repeat; }
#content .step_4 h3 span { background: url(/css/cssimg/assets/4_new.png) no-repeat; }
.step h3 a { color: #ffaa00; text-decoration: none; border-bottom: #e5e368 1px solid; }
.orange .step h3 a { color: #fff; border-bottom: #fff 1px solid; }
.step p { color: #dbffff; font-size: 12px; }
.orange .step p { color: #fff799; }
.step .info { padding: 15px 0 15px 45px; width: 180px; float: left; }
.grid_p_2 .blue .step .info { padding: 15px 0 15px 40px; width: 200px; }
.grid_p_2 .blue .step a { color: #dbffff; font-size: 11px; font-family: "Trebuchet MS", Arial, sans-serif; border-bottom: #3191b7 1px solid; }
.grid_p_2 .blue .step a:hover { color: #fff; text-decoration: none; }
.step .acted_on { padding: 12px 10px; width: 54px; float: right; }
.step .inner { background: url(/css/cssimg/layout/acted_on_bg.png) 230px 0 no-repeat; }
.orange .step .inner { background: url(/css/cssimg/layout/acted_on_bg_orange.png) 230px 0 no-repeat; }
.orange .step { border: #d9961a 1px solid; }
.grid_p_2 .orange .step .inner { background: url(/css/cssimg/layout/acted_on_bg_orange.png) 170px 0 no-repeat; }
.step .acted_on strong { font-weight: normal; color: #ffaa00; font-size: 24px; display: block; margin-bottom: 5px; }
.orange .step .acted_on strong { color: #fff200; }
.social .info { width: 268px; padding-bottom: 0; }
.blue .social ul a { width: 32px; height: 40px; overflow: hidden; display: block; position: relative; text-indent: -9999px; }
.blue .social ul a span { width: 32px; height: 40px; display: block; position: absolute; bottom: 0; left: 0; background: url(/css/cssimg/icons/social.png) left bottom no-repeat; }
.blue .social ul li { margin-right: 10px; }
.blue .social .twitter span { background-position: 0 13px; }
.blue .social .twitter a:hover span { background-position: 0 -74px; }
.blue .social .facebook span { background-position: -40px 13px; }
.blue .social .facebook .FBConnectButton_Simple, .blue .social .facebook .FBConnectButton_Text_Simple { background: none; position: relative; left: auto; margin: 0; }
.blue .social .facebook a:hover span { background-position: -40px -74px; }
.blue .social .rss span { background-position: -80px 13px; }
.blue .social .rss a:hover span { background-position: -80px -74px; }
.blue .social .stumble span { background-position: -120px 13px; }
.blue .social .stumble a:hover span { background-position: -120px -74px; }
.blue .social .delicious span { background-position: -160px 13px; }
.blue .social .delicious a:hover span { background-position: -160px -74px; }
.blue { border: 5px #005680 solid; background: #001E3B url(/css/cssimg/layout/box_blue_new.png) no-repeat; }
.blue:hover { border: 5px #0076aa solid; }
.blue .step:hover { border: #4287b3 1px solid; background: #005680; }
.grid_p_2 .blue { background: #001E3B url(/css/cssimg/layout/box_blue_new_small.png) no-repeat; }
.blue h2 { text-shadow: #00466f 0 1px 0; }
.blue a { color: #fff; }
.orange h2 { text-shadow: #a13b00 0 1px 0; }
.orange { border: #993300 5px solid; background: url(/css/cssimg/layout/box_orange.png) no-repeat; }
.orange:hover { border: #bb6715 5px solid; }
.orange .step:hover { border: 1px solid #F5B236; background: #E09E2A; }
.register { background: url(/css/cssimg/layout/box_register_bg.jpg) no-repeat; }
.grid_p_2 .register { overflow: hidden; margin-top: 50px; }
.register h2 { padding: 15px 20px 50px; }
.register a { display: block; width: 360px; height: 118px; position: relative; text-indent: -9999px; }
.register a span { display: block; width: 360px; height: 118px; position: absolute; top: -10px; right: 5px; background: url(/css/cssimg/layout/register_teaser.png) no-repeat; }
.grid_p_2 .register a span { right: 30px; }
.green { border: #007858 5px solid; background: url(/css/cssimg/layout/box_green.png) no-repeat; }
.green:hover { border: #369819 5px solid; }
.green h2 { text-shadow: #2a702d 1px 1px 0; }
.call_to_action p a { color: #fff; font-size: 15px; text-decoration: none; border-bottom: #91b500 1px solid; position: relative; z-index: 100; }
.call_to_action p, .blogaj p { padding: 0 0 15px 20px; line-height: 18px; width: 200px; }
.call_to_action span { display: block; background: url(/css/cssimg/assets/book.png) no-repeat; width: 222px; height: 177px; position: absolute; bottom: -21px; right: -11px; }
.blogaj a { position: relative; z-index: 100; }
.blogaj .main { color: #6dcff6; text-decoration: underline; }
.grid_p_2 .blogaj .main { width: 150px; }
.blogaj .examples a { color: #fff799; text-decoration: underline; font-size: 12px; }
.blogaj span { display: block; background: url(/css/cssimg/assets/write_blog.png) no-repeat; width: 196px; height: 139px; position: absolute; bottom: -28px; right: 0; }
.image_upload h2 { font-size: 36px; text-align: left; padding: 0; line-height: 36px; }
.image_upload h2 a { color: #fff; text-decoration: none; display: block; padding: 53px 0 47px 20px; background: url(/css/cssimg/layout/image_upload_teaser.jpg) no-repeat; }
.grid_p_2 .image_upload h2 a { color: #fff; text-decoration: none; display: block; padding: 53px 0 47px 20px; background: url(/css/cssimg/layout/image_upload_teaser_small.jpg) no-repeat; }
.grid_p_2 .image_upload h2 a:hover { background-position: -280px 0; }
.image_upload h2 a:hover { background-position: -340px 0; }
.write_blog h2 { font-size: 21px; text-align: left; padding: 0; line-height: 24px; }
.write_blog h2 a { color: #fff; text-decoration: none; display: block; padding: 58px 0 65px 20px; background: url(/css/cssimg/layout/write_blog_teaser.jpg) no-repeat; }
.write_blog h2 a:hover { background-position: -340px 0; }
.similar { clear: both; border-left: 5px #04486e solid; }
.similar h2 { min-height: 40px; color: #00476a; background: url(/css/cssimg/assets/arrow_big_right.gif) 0 20px no-repeat; margin-left: -35px; padding: 24px 0 0 35px; }
.similar li .time { color: #666; display: block; float: left; text-align: right; width: 60px; }
.similar li .title { display: block; float: left; width: 138px; padding-right: 10px; }
.similar li .meta { display: block; float: left; }
/* Comments */
#comments { background: url(/css/cssimg/layout/comments.gif) repeat-x; }
.view_single_image #comments { background: none; border-top: 1px solid #F2F2F2; }
#comments.group { background: none; }
#comments.group h2 { border-bottom: #ececec 1px solid; padding: 0 0 5px 10px; margin-bottom: 5px; color: #04486e; }
#comments .comment p { padding: 0; }
#comments ul { margin: 20px 0; }
#comments ul li { padding: 20px 0 20px 50px; position: relative; }
#comments ul .even, #comments ul .even dl .date span, #comments ul .even dl dt { background: #f5f5f5; }
#comments .comment ul { list-style-type: disc; }
#comments .comment ol { list-style-type: decimal; }
#comments .comment ol, #comments .comment ul { margin: 0 0 0 20px; padding: 15px 0; }
#comments .comment ol li, #comments .comment ul li { margin: 0; padding: 0; }
#comments ul li dl { padding: 0 0 0 52px; float: left; width: 597px; position: relative; color: #333; line-height: 16px; min-height: 50px; }
#comments.group ul li dl { padding: 0 0 0 52px; width: 357px; }
#comments .avatar { position: absolute; left: 0; top: 0; }
#comments ul li dl dt { float: left; padding-right: 5px; border-right: #dadada 1px solid; line-height: 1; background: #fff; }
#comments ul li dl .date { line-height: 1; margin-bottom: 10px; background: url(/css/cssimg/assets/comment_border.gif) 0 8px repeat-x; }
#comments ul li dl .date span { background: #fff; padding: 0 15px 0 5px; }
#comments ul li .score { float: left; margin: -4px 0 0 15px; color: #666; padding: 0; }
#comments ul .positive .score { color: #78a41a; }
#comments ul .negative .score { color: #cc0000; }
#comments ul .hidden .avatar, #comments ul .hidden .comment { display: none; }
#comments ul .hidden .date, #comments ul .hidden dt a { color: #898989; }
#comments ul .hidden .line_through { display: block; width: 606px; height: 1px; background: url(/css/cssimg/assets/comment_border.gif) repeat-x; position: absolute; top: 28px; left: 114px; }
#comments ul li .score span { display: block; float: left; }
#comments ul li .score .minus { display: block; width: 18px; height: 18px; position: relative; float: left; margin: 3px 5px 0 5px; }
#comments ul li .score .minus span { display: block; width: 18px; height: 18px; position: absolute; left: 0; top: 0; background: url(/css/cssimg/icons/minus.png) no-repeat; }
#comments ul li .score .plus { display: block; width: 18px; height: 18px; position: relative; float: left; margin-top: 3px; }
#comments ul li .score .plus span { display: block; width: 18px; height: 18px; position: absolute; left: 0; top: 0; background: url(/css/cssimg/icons/plus.png) no-repeat; }
#comment_form { margin-top: 20px; padding-left: 100px; width: 485px; }
#comment_form textarea { color: #04486e; font-family: Georgia, Arial, sans-serif; padding: 15px; width: 585px; border: #f3f3f3 1px solid; -moz-box-shadow: inset 0 0 10px #f3f3f3; -webkit-box-shadow: inset 0 0 10px #f3f3f3; line-height: 16px; }
#comment_form .actions { text-align: right; }
#comment_form .actions input { -moz-box-shadow: inset 0 0 0; -webkit-box-shadow: inset 0 0 0; background: none; border: none; padding: 0; width: auto; }
#comment_form.groups { padding-left: 15px; width: 450px; margin-top: 10px; }
/* Magazin */
.heroes li { clear: none; width: 100px; margin-bottom: 10px; }
.heroes li a { clear: both; display: block; margin-bottom: 10px; min-height: 40px; }
.heroes li a span { display: block; line-height: 12px; padding: 10px 0 0 5px; width: 55px; overflow: hidden; font-size: 11px; font-family: "Trebuchet MS", sans-serif; }
.heroes h2 { margin-left: -10px; }
.heroes img { float: left; display: block; }
.date { color: #666; }
.sub_navigation { background: #fafafa; border-bottom: #f0f0f0 1px solid; margin: -21px 0 20px -10px; position: relative; z-index: 9; }
.sub_navigation ul { padding: 10px 0 10px 18px; }
.sub_navigation ul li { padding: 5px 5px 5px 2px; background: url(/css/cssimg/nav/sub_splitter.png) bottom right no-repeat; }
.sub_navigation ul li:last-child { background: none; }
.sub_navigation ul li a { border-bottom: none; font-family: "Trebuchet MS", sans-serif; padding: 3px 10px; }
.sub_navigation ul .active a { color: #fff; background: #0B7AB0; }
.sub_navigation ul .active a:hover { background: #0099E5; text-decoration: none; }
.category_overview .article { float: left; width: 280px; }
.category_overview .article h3 { padding: 3px 0 0 0; border-left: 10px #fff solid; font-size: 18px; }
.category_overview .article h3 span { color: #000; background: #fff; padding: 5px 0; border-right: 10px #fff solid; word-spacing: -0.1em; line-height: 26px; }
.category_overview .article .lead { font-size: 14px; padding-left: 10px; line-height: 16px; }
.more { font-size: 12px; padding-left: 10px; margin-left: 10px; }
.more { background: url(/css/cssimg/icons/next.gif) 0 7px no-repeat; }
.category_theme_overview .lead { padding-left: 10px; }
.category_theme_overview .more { font-size: 16px; }
.listing { margin-top: 20px; clear: both; }
.listing h2, .club_listing h2, .homepage_content h2 { border-bottom: #ececec 1px solid; padding: 0 0 5px 10px; margin-bottom: 5px; color: #04486e; }
.listing ul li { margin-bottom: 10px; }
.side_by_side li { width: 470px; }
.side_by_side dd { float: none; clear: both; }
.listing dl { padding-left: 117px; position: relative; min-height: 60px; height: auto !important; height: 60px; }
.listing.no_image dl { padding-left: 0; }
.listing .image { position: absolute; top: 0; left: 0; }
.listing .meta { position: absolute; top: 0; left: 117px; }
.listing.no_image .meta { left: 0; }
.listing dt { padding-top: 23px; }
.listing .category { float: left; margin: 5px 0 0 0; line-height: 15px; }
.listing .author { color: #666; }
.listing .meta p { float: left; margin-right: 10px; }
.ideas .lead { font-size: 14px; line-height: 15px; margin-top: 5px; }
.pagination { background: #f8fafb; border-top: #ececec 1px solid; border-bottom: #ececec 1px solid; }
.pagination ul { border-top: #fff 1px solid; border-bottom: #fff 1px solid; padding: 7px; }
.pagination ul li { margin: 0; }
.pagination .prev, .pagination .next { padding: 0 10px; width: 75px; }
.pagination .next { text-align: right; }
.pagination .pages { padding: 0 10px; width: 350px; text-align: center; }
.group_pagination .pages { width: 250px; }
.full .pages { width: 716px; }
.pagination .prev a, .pagination .next a { font-size: 11px; font-family: "Trebuchet MS", sans-serif; text-transform: uppercase; }
.pagination .prev a { background: url(/css/cssimg/icons/prev.gif) left center no-repeat; padding-left: 15px; }
.pagination .next a { background: url(/css/cssimg/icons/next.gif) right center no-repeat; padding-right: 15px; }
.pagination .pages a, .pagination .pages strong { font-size: 18px; padding: 5px; }
.pagination .pages strong { color: #fff; background: #0B7AB0; font-weight: normal; }
.profile .pagination .pages { width: 255px; }
.comments a { background: url(/css/cssimg/icons/comments.png) 0 5px no-repeat; padding-left: 15px; }
.thumbs a { background: url(/css/cssimg/icons/thumbs.png) 0 2px no-repeat; padding: 0 0 5px 15px; margin-left: 10px; }
/* Ideje */
.filtering { border-bottom: #f2f2f2 1px solid; padding: 0 0 10px 0; margin: 0 0 -20px 0; }
.filtering h1, .filtering ul { color: #06476d; float: left; padding-bottom: 0; margin: 0; border: none; }
.filtering a, .user_navigation a, .user_navigation span { padding: 3px 5px; }
.filtering .active, .user_navigation span { color: #fff; background: #0B7AB0; border-bottom: none; text-decoration: none; }
.filtering .active:hover { background: #0099E5; text-decoration: none; }
.filtering ul { float: right; padding-top: 30px; }
.filtering li { margin-right: 10px; padding-right: 10px; border-right: #dadada 1px solid; line-height: 1; }
.filtering li:last-child { margin-right: 0; padding-right: 0; border-right: none; }
.vote { position: absolute; top: 0; left: 10px; }
.vote a, .vote strong { display: block; background: url(/css/cssimg/assets/vote_count.png) 0 5px no-repeat; width: 66px; height: 65px; color: #04486e; font-size: 22px; text-align: center; padding-top: 15px; font-weight: normal; }
.vote a:hover { background-position: 0 -85px; color: #0075b0; text-decoration: none; }
.vote strong { background-position: 0 -175px; }
.ideas dl { padding-left: 90px; }
.ideas .meta { left: 90px; }
.view_idea .vote a, .view_idea .vote strong { background: url(/css/cssimg/assets/vote_count_big.png) 0 5px no-repeat; width: 96px; height: 90px; font-size: 36px; padding-top: 18px; }
.view_idea .vote a:hover { background-position: 0 -109px; text-decoration: none; }
.view_idea .vote strong { padding: 18px 0 0 0; background-position: 0 -222px; }
.view_idea .filtering { margin: 0; }
.view_idea dl { border-bottom: #f2f2f2 1px solid; padding: 0 0 30px 50px; position: relative; margin-bottom: 20px; }
.view_idea dt, .blog_author dt { position: absolute; left: 0; top: 0; }
.blog_author { position: relative; padding-left: 50px; width: 400px; }
.view_idea .vote { position: relative; left: auto; right: auto; }
.view_idea .vote strong, .view_idea .vote a { float: right; }
.view_idea .vote .system_message { margin-top: 30px; }
.view_idea .author a, .blog_author a { font-size: 18px; color: #04486e; line-height: 18px; }
.view_idea .lead { color: #666; font-size: 18px; }
.view_idea p img { float: right; padding: 5px 0 5px 10px; display: block; }
.view_idea .idea_actions { clear: both; margin-bottom: 30px; }
.view_idea .problem, .view_idea .solution { float: left; width: 280px; }
.view_idea .problem h2, .view_idea .solution h2 { padding: 0; }
.submit_idea form { padding-bottom: 20px; }
.submit_idea input, .submit_idea textarea { width: 599px; }
.edit_group input, .edit_group textarea { width: 599px; }
.edit_group .button { margin-left: 10px; }
.submit_idea p { position: relative; }
.submit_idea p .counter { display: block; float: right; margin: -20px 10px 0 0; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 11px; }
.submit_idea p .counter span { color: #0075b0; }
.submit_idea p .zero, .submit_idea p .zero span { color: #ff0000; }
.submit_idea #title { font-size: 30px; line-height: 30px; color: #000; height: 62px; }
.submit_idea #lead { font-size: 18px; line-height: 22px; color: #666; height: 45px; }
.submit_idea #problem, .submit_idea #solution { height: 135px; }
.submit_idea .image { background: #fafafa; padding: 10px; border: #c0d1db 1px solid; border-top: 0; margin: -18px 0 0 0; }
.submit_idea .image label { float: left; padding: 8px 0 0 0; }
.submit_idea .image input { float: right; padding: 0; width: auto; }
.submit_idea .image img { display: block; float: left; margin-right: 15px; }
.submit_idea .image .delete { float: left; margin-right: 15px; padding-top: 5px; }
.submit_idea .image .delete input { margin: 0 0 0 5px; float: none; }
.submit_idea .lightbulb { display: block; width: 159px; height: 199px; background: url(/css/cssimg/assets/lightbulb_alt.png) no-repeat; position: absolute; top: -10px; right: -15px; }
/* Klub */
.club_listing .list { padding: 20px 0 0 5px; }
.club_listing .list li { width: 160px; margin: 0 30px 20px 0; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; }
.club_listing .list .user a { font-size: 14px; }
.club_listing .list .last_child { margin-right: 0; }
.g_w_620 .tag_cloud { padding: 40px 0; }
.tag_cloud li { margin: 0 10px 10px 0; display: inline; }
.tag_cloud .rank_2 a { font-size: 18px; line-height: 18px; }
.tag_cloud .rank_3 a { font-size: 22px; line-height: 22px; }
.tag_cloud .rank_4 a { font-size: 26px; line-height: 26px; }
.tag_cloud .rank_5 a { font-size: 30px; line-height: 30px; }
.tag_cloud .rank_6 a { font-size: 34px; line-height: 34px; }
.tag_cloud .rank_7 a { font-size: 38px; line-height: 38px; }
.tag_cloud .rank_8 a { font-size: 42px; line-height: 42px; }
.tag_cloud .rank_9 a { font-size: 46px; line-height: 46px; }
.tag_cloud .rank_10 a { font-size: 50px; line-height: 50px; }
.tag_cloud a { }
.tag_cloud a:hover { }
/* Profile page */
/* activity stream */
.profile h1 { color: #04486e; line-height: 18px; border-bottom: 0; }
.profile h1 span { color: #666; font-size: 14px; }
.profile #status { font-size: 18px; color: #0075b0; width: 390px; height: 45px; }
.profile #status_change input { height: 64px; }
.profile #status_change .button { margin-top: 0; }
.profile .tab_content { zoom: 1; background: #F2F8FB url(/css/cssimg/boxes/tab_top.png) no-repeat; }
.profile .tab_content .inner { background: url(/css/cssimg/boxes/tab_bottom.png) bottom no-repeat; padding: 9px; }
.profile .tabbed_navigation { margin: 10px 0 -3px 10px; }
.profile .tabbed_navigation li { margin: 0 10px 0 0; }
.profile .tabbed_navigation a { zoom: 1; outline: none; display: block; position: relative; font-size: 10px; font-family: "Trebuchet MS", sans-serif; text-transform: uppercase; font-weight: bold; text-align: center; padding: 6px 10px; }
.profile .tabbed_navigation .active a { background: url(/css/cssimg/assets/tab_left.png) no-repeat; color: #04486e; }
.profile .tabbed_navigation a span { display: none; text-indent: -9999px; }
.profile .tabbed_navigation .active a span { display: block; width: 4px; height: 33px; position: absolute; top: 0; right: 0; background: url(/css/cssimg/assets/tab_right.png) no-repeat; }
.profile .tab_content li { position: relative; border: #e6e6e6 1px solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #fff; margin-bottom: 9px; padding: 17px; }
.profile .tab_content li .meta, .profile .tab_content .pledge .info { color: #04486e; font-size: 11px; font-family: "Trebuchet MS", sans-serif; line-height: 1; }
.profile .tab_content li h2 { color: #04486e; }
.profile .tab_content .comment div { font-style: italic; }
.profile .tab_content .comment div * { font-size: 18px; padding: 0; }
.profile .tab_content .comment div sup { float: left; padding-right: 10px; }
.profile .tab_content .photo li { border: none; margin: 7px 7px 0 0; padding: 0; }
.profile .tab_content .photo li img { display: block; }
.profile .tab_content .photo ul .last_child { margin-right: 0; }
.profile .tab_content .photo h2 { font-size: 14px; margin-bottom: 5px; }
.profile .tab_content .pledge .info { padding-top: 5px; }
.profile .tab_content .status .arrow { display: block; width: 15px; height: 17px; background: url(/css/cssimg/assets/status_arrow.png) no-repeat; position: absolute; top: 18px; left: -15px; }
.profile .tab_content .highlighted { border: #0075b0 1px solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 9px; padding: 0; background: #1ba3e7; -moz-box-shadow: 0 5px 5px #dfe5e7; -webkit-box-shadow: 0 5px 5px #dfe5e7; }
.profile .tab_content .highlighted div { border: #1ba3e7 1px solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #1891cd url(/css/cssimg/assets/highlighted_bg.png) repeat-x; padding: 17px; }
.profile .tab_content .highlighted div .arrow { display: block; width: 17px; height: 17px; background: url(/css/cssimg/assets/status_arrow_highlighted.png) no-repeat; position: absolute; top: 18px; left: -16px; }
.profile .tab_content .highlighted h2 { color: #fff; }
.profile .tab_content .highlighted .date { color: #fff; }
.profile .user_content_info { position: relative; padding: 20px 0 0 50px; min-height: 30px; height: auto !important; height: 40px; }
.profile .user_content_info img { position: absolute; top: 0; left: 0; }
.profile .user_content_info .date { position: absolute; top: 7px; left: 50px; }
.profile .image { float: left; margin-right: 20px; }
.profile .item_holder { width: 325px; margin: 0 auto; }
.profile .item_comment { width: 325px; margin: 0 auto; }
.profile .item_comment li { border: 0; position: relative; padding: 0; margin: 0; }
/* left column */
.user_info img { display: block; border: #fff 1px solid; margin-bottom: 5px; }
.user_info .hero { text-align: center; }
.user_info a, .user_meta a { display: block; }
.user_info .stage_3 a { background: url(/css/cssimg/assets/stage_3.png) 15px 0 no-repeat; padding-top: 40px; }
.user_meta { padding-top: 5px; }
.user_meta h2 { color: #04486e; font-size: 18px; line-height: 1; }
.about h2 { border-top: #7298ab 1px solid; margin-top: 1px; }
.about p { line-height: 1; font-size: 11px; font-family: "Trebuchet MS", sans-serif; color: #333; }
.about ul { }
.about ul li { clear: both; margin-bottom: -1px; }
.about ul li .white_blue a { padding: 2px 10px 1px 10px; font-size: 11px; }
.about ul li span { display: block; float: none; }
.about ul li a span { display: inline; float: right; }
.grid_p_1 .friends { border-top: #7298ab 1px solid; }
.friends h2 a { float: right; }
.friends h2 span { float: left; }
.friends ul { border-bottom: #ececec 1px solid; }
.friends ul li { width: 40px; padding: 0 10px 10px 0; word-wrap: break-word; display: inline-block; vertical-align: top; zoom: 1; *display: inline; }
.friends ul .last_child { padding: 0 0 10px 0; }
.friends ul li img { display: block; margin-bottom: 5px; }
.friends ul li a { font-size: 10px; font-family: "Trebuchet MS", sans-serif; line-height: 12px; }
.friends .all_friends a { font-size: 11px; font-family: "Trebuchet MS", sans-serif; line-height: 1; float: right; }
.grid_p_1 .groups { border-top: #7298ab 1px solid; }
.groups h2 a { float: right; }
.groups h2 span { float: left; }
.groups ul { list-style-type: disc; margin-left: 20px; margin-top: -5px; }
.groups ul li { word-wrap: break-word; }
/*.groups ul li a { font-size: 12px; font-family: "Trebuchet MS", sans-serif; line-height: 15px; }*/
/* Peticije */
.petition { background: url(/css/cssimg/assets/petition_top_image.png) no-repeat; position: relative; top: -30px; left: -13px; z-index: 100; width: 605px; }
.petition img { margin: 40px 0 0 0; }
.petition_info { background: url(/css/cssimg/assets/petition_repeat_image.png) -13px 0 repeat-y; margin-top: -30px; }
.petition_info .inner { background: url(/css/cssimg/assets/petition_bottom_image.png) bottom no-repeat; }
.petition_info .inner div { width: 500px; text-align: center; margin: 0 auto; padding-bottom: 50px; }
.petition_info p, .petition_info ul { font-size: 12px; }
.petition_info h2 { font-size: 16px; font-weight: bold; }
.petition_info ul { list-style-type: disc; width: 400px; margin: 0 auto; text-align: left; }
.blue .progress .info { width: 284px; padding: 15px; }
.blue .progress .info div, .action_overview .progress div { margin-top: 20px; border: #004c78 1px solid; padding: 1px 2px; -moz-box-shadow: inset 0 0 10px #003050; -webkit-box-shadow: inset 0 0 10px #003050; position: relative; }
.progress div strong { display: block; font-size: 24px; color: #fff; padding: 5px; font-weight: normal; position: absolute; right: 0; top: 0; }
.progress div .bar { width: 10%; text-shadow: #6fb310 0 -1px 0; border: #197b30 1px solid; background: #7ddb0e url(/css/cssimg/assets/bar_bg.png) repeat-x; position: relative; left: -1px; top: 0; padding: 0; }
.progress div .inner { float: none; background: #73c70e url(/css/cssimg/assets/progress_bar_bg.png) repeat-x; position: relative; left: 0; top: 0; }
.action_overview { }
.action_overview .h1 span { color: #666; font-size: 14px; }
.action_overview .progress div { background: #005680; margin: 0; }
.action_overview .sign_petition { float: left; width: 300px; }
.action_overview .pledge { float: right; width: 240px; }
.action_overview .sign_petition h3, .action_overview .pledge h3 { color: #04486e; }
.action_overview .pledge span { display: block; }
/* Groups */
.group_desc p { padding: 0; }
.image_wcheckbox li { width: 200px; margin: 0 10px 10px 0; }
.group_actions .button { float: left; }
.add_to_group form p { width: 250px; float: left; margin-right: 10px; }
.add_to_group p.action { padding-top: 40px; }
.add_to_group select { width: 240px; }
.my_groups .listing { clear: none; float: left; width: 330px; margin-right: 40px; }
.my_groups .second_child { margin-right: 0; }
.groups_flat li { display: inline-block; vertical-align: top; width: 335px; margin-right: 20px; *zoom: 1; *display: inline; }
.groups_flat li.last { margin-right: 0; }
.groups_flat.narrow li { margin-bottom: 0; }
.groups_flat.narrow p { padding-bottom: 0; }
/* Sitemap */
.sitemap ul { float: left; width: 300px; }
.sitemap ul ul { float: none; width: auto; }
/* Search */
.search .listing li dl { padding-right: 117px; }
/* Forms */
.single_form { float: none; display: block; width: 360px; margin: 0 auto; padding: 0; }
.single_form input, .grid_p_6 #profile input, .single_form textarea, .grid_p_6 #profile textarea { width: 337px; }
.grid_p_6 #profile { width: 337px; }
#edit_image_form input, #edit_image_form, #edit_image_form textarea { width: 337px; }
#edit_image_form select { width: 359px; }
#edit_image_form .action input, .grid_p_6 #profile .action input, .grid_p_6 #profile .has_radio input { width: auto; }
#pm_message input, #pm_message textarea { width: 560px; }
#pm_message select { width: 580px; }
#pm_message .action input { width: auto; }
input, textarea, select { border: #c0d1db 1px solid; padding: 10px; width: 559px; outline: none; }
#status_change textarea { width: 457px; }
#invite_friends textarea { width: 457px; }
label { padding-left: 10px; color: #0075b0; text-transform: uppercase; font-family: "Trebuchet MS", Arial, sans-serif; font-weight: bold; font-size: 12px; }
.has_radio input, .has_checkbox input { width: auto; }
.has_radio label, .has_checkbox label { padding: 0; }
form legend { text-transform: uppercase; font-family: "Trebuchet MS", Arial, sans-serif; font-weight: bold; font-size: 12px; padding: 10px 0 10px 10px; }
/* System messages */
.system_message { border: #e6e6e6 1px solid; padding: 10px; background: #fff; margin: 10px 0; }
.success { color: #388c00; background: #f9ffbb; border: #acd373 1px solid; }
.error { color: #9e0b0f; font-size: 12px; padding-right: 10px; float: right; }
.group_error .error { display: block; float: none; padding-bottom: 10px; }
.submit_idea .error { padding-left: 10px; float: none; }
.system_message .error { float: none; }
/* Buttons */
.button { float: right; display: inline-block; background: #ffd378 url(/css/cssimg/buttons/button_bg.png) repeat-x; padding: 1px; position: relative; border-bottom: #ccc 1px solid; }
.action .button { float: left; }
.button input, .button a { display: block; padding: 5px; background: #ffaa00 url(/css/cssimg/buttons/button_inner_bg.png) repeat-x; color: #fff; width: auto; border: none; margin: 0; font-size: 12px; text-transform: uppercase; cursor: pointer; text-shadow: #cc7a00 0 -1px 0; font-family: "Trebuchet MS", Arial, sans-serif; }
.action .button input { font-size: 18px; padding: 5px 10px; }
.action .button a { padding: 3px 10px; }
.button a:hover { text-decoration: none; }
.button input:focus, .button input:hover, .button a:hover { border: none; color: #993300; text-shadow: #ffe468 0 1px 0; outline: none; background: #ffc200 url(/css/cssimg/buttons/button_inner_reverse_bg.png) repeat-x;}
.action .button .submit_right { display: block; position: absolute; top: 0; right: -3px; width: 12px; height: 41px; background: url(/css/cssimg/buttons/submit_right.png) no-repeat; }
.action .button .button_left { display: block; position: absolute; top: 0; left: -3px; width: 9px; height: 31px; background: url(/css/cssimg/buttons/button_left.png) no-repeat; }
.action .button .button_right { display: block; position: absolute; top: 0; right: -3px; width: 9px; height: 31px; background: url(/css/cssimg/buttons/button_right.png) no-repeat; }
.action .button:hover .submit_right, .action .button:hover .button_left, .action .button:hover .button_right { background-position: left bottom; }
.action .button .submit_right:hover, .action .button .button_left:hover, .action .button .button_right:hover { background-position: left top; }
.submit .button input { padding: 7px 10px; text-transform: none; }
.submit .button { float: right; }
.white_blue { border: #e6e6e6 1px solid; background: #fff; padding: 1px; }
.white_blue input, .white_blue a, .action .white_blue input, .action .white_blue a { background: #fff url(/css/cssimg/buttons/white_bg.png) bottom repeat-x; padding: 4px 10px 4px 10px; font-size: 12px; color: #0099cc; text-shadow: none; font-weight: bold; text-transform: uppercase; line-height: 20px; }
.view_more .white_blue a { padding: 4px 5px; }
.white_blue:hover, .active .white_blue { border: #0099cc 1px solid; padding: 1px; background: #33ccff; z-index: 99; }
.white_blue:hover input, .white_blue:hover a, .active .white_blue a { background: #00A5DC url(/css/cssimg/buttons/blue_bg.png) bottom repeat-x; padding: 4px 10px 4px 10px; color: #fff; text-shadow: #0075b0 0 -1px 0; }
.view_more .white_blue:hover a { padding: 4px 5px; }
.ff_def { font-family: Georgia, "Times New Roman", Times, serif; }
.ff_alt { font-family: "Trebuchet MS", Arial, sans-serif; }
.low { text-transform: lowercase; }
/*** tables ***/
table { width: 100%; }
caption { display: none; }
.default_table th, .default_table td { vertical-align: middle; text-align: left; padding: 15px 0 !important; }
.default_table th { border-bottom: 1px solid #f2f2f2; font-size: 11px; font-weight: bold; width: 120px; }
.default_table th span { line-height: 14px; padding-top: 7px; }
.default_table td { border-bottom: 1px solid #f2f2f2; }
.default_table .delete { width: 40px; }
.default_table .date { width: 120px; }
.default_table .subject strong { font-weight: normal; font-size: 12px; color: #666; }
.friends th { width: 60px; }
.unread th, .unread td { background-color: #fffcd5; }
/*** forms ***/
input.fm_text, textarea.fm_text, select.fm_text { border: 1px solid #C0D1DB; padding: 10px; }
select.fm_text { padding: 4px 4px 4px 10px; }
.fm_el_xs { width: 30px; }
.fm_el_s { width: 80px; }
.fm_el_m { width: 210px; }
.fm_el_l { width: 438px; }
select.fm_el_l { width: 459px; }
/*** lists ***/
.item_private_message li { padding-left: 180px; position: relative; min-height: 50px; height: auto !important; _height:50px; zoom:1; }
.item_private_message .author { position: absolute; top: 10px; left: 0; width: 130px; padding-left: 50px; display: block; }
.item_private_message .image { float: left; vertical-align: middle; margin-left: -50px; }
.item_private_message .message { position: relative; border: #e6e6e6 1px solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #fff; margin-bottom: 9px; padding: 15px 15px 0; }
.item_private_message .arrow { display: block; width: 15px; height: 17px; background: url(/css/cssimg/assets/status_arrow.png) no-repeat; position: absolute; top: 18px; left: -15px; }
/* Footer */
#footer { background: url(/css/cssimg/layout/footer.jpg) no-repeat; padding: 40px 0 150px 40px; width: 940px; }
#footer p { clear: both; font-family: "Trebuchet MS", sans-serif; text-transform: uppercase; color: #fff; font-size: 18px; font-weight: bold; float: left; width: 100px; text-align: right; margin-right: 20px; padding: 5px 0; }
#footer p a { color: #fff; }
#footer p + p { padding-top: 5px; }
#footer ul { float: left; font-size: 12px; color: #fff; padding: 5px 0; }
#footer div { float: left; width: 410px; }
#footer .second_child { padding-left: 40px; width: 420px; }
#footer .second_child ul { float: none; }
#footer .last_child { float: none; clear: both; width: 100%; }
#footer .zm { background: url(/css/cssimg/logos/zm.png) no-repeat; display: block; width: 107px; height: 38px; text-indent: -9999px; clear: both; float: right; margin-right: 40px; zoom: 1; }