@CHARSET "UTF-8";

a { 
    text-decoration: none;
    color: #1F70D7;
    font-weight: normal;
}


a:hover,h2 a:hover {
    text-decoration: underline;
}

label sup {
    font-size: 8px;
    color: blue;
}

h2 a {
    font-weight: bold;
}


body { 
    
    /*margin: 0;*/
    background-color: #09111B;
    font-family: 'verdana', sans-serif;
}

small {
    font-size: 0.8em;
}


#header {
    background: #152C45 url('/css/public/gfx/header-background.png') repeat-x top;
    overflow: hidden;
    height: 62px;
}

#header-light {
    background: transparent url('/css/public/gfx/header-light.jpg') no-repeat top center;
    height: 62px;
}

#logo {
    padding: 14px 0 13px 0;    
}

#logo a {
    background: transparent url(/css/public/gfx/logo.png) no-repeat left top;
    display: block;
    height: 31px;
    overflow: hidden;    
    text-indent: -5000px;
}

div.lang_options {
    display: inline;
    float: right;
    padding: 20px 0 13px 0;
}

div.lang_options a {
    color: #BFB494;
    float: left;
    text-decoration: none;
}

div.lang_options a:hover {
    text-decoration: underline;
}

div.lang_options a.flag {
    text-indent: -3000px;
    display: block;
    width: 23px;
    height: 13px; 
    margin: 4px 10px 0 0;   
}

a.polish {
    background: transparent url("gfx/flags_sprite.gif") no-repeat 0 0;
}

a.english {
    background: transparent url("gfx/flags_sprite.gif") no-repeat -23px 0;
}

.menu ul {
    display: block;
    list-style-type: none;
    padding: 20px 0 0 0;
    overflow: hidden; 
    margin: 0;
}



.menu ul li {
    color: #fff;
    display: block;
    float: right;
    margin: 0 8px 0 0;
    overflow: hidden;
    height: 24px;
    padding: 0;
    line-height: 22px;
}

.menu ul li a {
    color: #fff;
    font-size: 11px;
    text-decoration: none;
    line-height: 20px;
    height: 24px;
    padding: 0;
    display: block;
    margin-right: 15px;
    background-position: left top;
    background-repeat: no-repeat;
}

.menu ul li a:hover {
    background-position: right top;
}

#prices_btn {
    width: 77px;
    background-image: url(/css/public/gfx/prices_btn.png);
}

#explore_site_btn {
    width: 110px;
    background-image: url(/css/public/gfx/explore_site_btn.png);
}

#contact_btn {
    width: 82px;
    background-image: url(/css/public/gfx/contact_btn.png);
}

#banner.page {
    height: 1px;
    padding: 0 0 20px 0;
}

#banner div.login_home {
    background: transparent url("/css/public/gfx/features_back.gif") no-repeat left bottom;
    display: block;
    color: #021229;
    height: 134px;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 20px 20px 20px;
    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#banner div.login_home.outer {
    background-position: left top;
    background-repeat: no-repeat;
    height: 154px;
    margin-top: 0;
    margin-bottom: 0;
    padding: 20px 0 0 0;
}

form#loginForm {
    margin: 0;
    overflow: hidden;
    position: relative;
}

form#loginForm h2 {
    font-size: 12px;
    text-align: left;
    margin: 0 0 5px 0;
    padding: 0;
}

form#loginForm label {
    display: block;
    float: left;
    width: 50px;
    text-align: right;
}

form#loginForm p {
    margin: 0 0 9px;
    text-align: right;
}

form#loginForm input.inputText {
    width: 190px;
}

#loginForm input[type="submit"] {
    float: right;
}

#loginForm a {
    display: block;
    float: left;
    font-size: 90%;
    padding-top: 7px;
    color: #006fd3;
}

form#loginForm a.login_button {
    background: transparent url("/css/public/gfx/login_button.gif") no-repeat 0 0;
    display: block;
    height: 22px;
    margin: 0 1px 0 10px;
    text-align: left;
    text-indent: -5000px;
    width: 85px;    
}

form#loginForm a.login_button:hover {
    background-position: 0 100%;
}

form#loginForm a.forgot_pass {
    color: #1F70D7;
    font-size: 10px;
    margin-top: 5px;
    text-decoration: none;
    float: left;
}

form#loginForm a.forgot_pass:hover {
    text-decoration: underline;
}

#guts div.buttons, div.buttons {
    background: none;
    display: block;
    margin-top: 10px;
    position: relative;
    text-align: center;
    overflow: hidden;
    
}

a.signup, #guts a.signup {
    background: transparent url("/css/public/gfx/sign_up_button.png") no-repeat 0 0;
    color: #fff;
    margin: 0;
}

#guts a.demo, a.demo {
    background: transparent url("/css/public/gfx/demo_button.png") no-repeat 0 0;
    color: #fff;
    float: right;
    margin: 0;
}


#guts, #articleguts {
    overflow: hidden;
    height: 1%;
}

#guts a img, #articleguts a img {
    border: none;
    margin: 0;
}

a {
    color: #0063c2;
}

#guts a.special_link {
    margin-bottom: 0;
    text-decoration: none;
} 

#guts a.special_link:hover {
    text-decoration: underline;
}

#guts div.article_content a, #articleguts div.article_content a {
    margin: 0;
}

#guts.home img {
    border: none;
}

#guts h1, #guts h2 {
    margin: 0 0 10px 0;
}

#articleguts h1, #articleguts h2 {
    margin: 0 0 5px 0;
    color: #000;
    font-size: 14px;
}

#articleguts h2 {
    font-size: 12px;
}

#guts h2, #guts h3, #guts h4, #guts h5, #guts h6,
#articleguts h3, #articleguts h4, #articleguts h5, #articleguts h6 {
    color: #000;
    font-size: 12px;
    margin: 0;
}

#guts h3, #guts h4, #guts h5, #guts h6,
#articleguts h3, #articleguts h4, #articleguts h5, #articleguts h6 {
    color: #333;
}

#articleguts ul li {
    background: transparent url("/css/public/gfx/vigneta_blue_bullet.png") no-repeat left 2px; 
    margin: 0 0 7px 0;
    padding: 0 0 0 17px;
    list-style: none;
}

#articleguts div.articleLeftColumn ul li {
    background: none; 
}

#guts.home h2 {
    color: #000;
    font-size: 12px;
}

#guts pre, #guts address {
    font-size: 12px;
}

#guts form {
    /*background: #F0FFDF;
    overflow: hidden;
    padding: 40px 0 40px 0;*/
    position: relative;
}


#guts form input.inputtext, #guts form textarea {
    width: 300px;
    margin: 5px 0 5px 0;
    border: 1px solid gray;
}


#guts form label {
    vertical-align: middle;
}

#guts form p {
    display: block;
}

#guts form label.message_label {
    display: block;
    float: left;
    margin: 5px 0 0 0;
    vertical-align: top;
    width: 154px;
}


#guts form input[type="submit"] {
    margin: 10px 0 10px 0;
    width: auto;
    
}

#guts form textarea.comment {
    height: 200px;
    width: 300px;
}

div.leftColumn {
    padding: 15px 20px;
    background: #f3f3f3;
    color: #021229;
    margin: 0 0 10px 0;
    overflow: hidden;
    height: 1%;
    

    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    
    -webkit-box-shadow: 0px 0px 2px #888;
    -moz-box-shadow: 0px 0px 2px #888;
    
    -webkit-border-top-right-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
}

div.leftColumn_home ul {
    margin: 0;
}

 
div.leftColumn ul.left_menu li, div.leftColumn_home ul li {
    list-style-type: none;
    margin: 0 0 0 10px;
}

div.leftColumn_home ul li {
    background: transparent url("/css/public/gfx/vigneta_blue_bullet.png") no-repeat left 2px;; 
    margin: 0 0 7px 0;
    padding: 0 0 0 17px;
}

#guts div.leftColumn h2, #guts div.leftColumn_home h2 {
    display: inline-block;
    margin-bottom: 5px;
}

#guts div.leftColumn_home h2 {
    color: #1a67d3;
}

#guts div.leftColumn p a {
    margin: 0;
}

#guts div.leftColumn ul a {
    font-weight: normal;
    margin: 0;
}


#guts div.leftColumn ul.helpindex a {
    font-weight: normal;
}

#guts div.leftColumn a:hover {
    text-decoration: underline;
}

ul.level_0 li {
    list-style-type: none;
    margin: 0 0 10px 15px;
}

#guts ul.level_0 li h2 {
    color: #777;
}



ul.level_1 {
    padding: 0 0 0 7px;
    margin-bottom: 0;
}

ul.level_1 li {
    background: transparent url('/css/public/gfx/bullet_blue.gif') no-repeat 0 6px;
    padding: 0 0 0 10px;
}

ul.level_2 li {
    background: transparent url('/css/public/gfx/bullet_blue.gif') no-repeat 0 6px;
    padding: 0 0 0 10px;
}

#guts ul.level_1 ul.level_2 li a {
    color: #005C8F;
    font-weight: normal;
}

#guts ul.level_1 ul.level_2 li.active a {
    font-weight: bold;
}

ul.level_1 li, ul.helpindex {
    list-style-type: circle;
    margin: 0 10px 0 5px;
}

#guts ul.level_1 li.active a {
    font-weight: bold;
}

#guts ul.level_1 li {
    list-style-type: none;
}


#guts ul.level_1 li.active li a {
    font-weight: normal;
}

div.leftColumn a:hover {
    text-decoration: underline;
}

h1,h2 {
    font-size: 16px;
    margin: 0 0 5px 0;
}

p {
    font-size: 12px;
    margin: 0 0 10px 0;
}

#guts p, #guts .leftColumn ul li, #guts .leftColumn ul li a {
    font-size: 12px;
    font-weight: normal;
    color: #4c4c4c;
}

ul li, ol li {
    font-size: 12px;
}

#prefooter {
    background: #3f4245;
    border: #000 1px solid;
    color: white;
    margin: 0;
    overflow: hidden;
    padding: 7px 0 3px 0;
    zoom: 1;
}

#prefooter ul {
    list-style-type: none;
}

#prefooter ul li {
    float: left;
    margin: 0
}


/*
#prefooter img, #prefooter h2, #prefooter div.buttons {
    float: left;
}

#prefooter img {
    margin: 0;
}

#prefooter h2 {
    margin: 12px 0 0 5px;
    font-weight: normal;
    font-size: 12px;
    color: #ccc;
}
*/

.keywords {
    margin-top: 30px;
    color: #000;
    line-height: 2em;
    padding: 0 5px;
    text-align: center;
}

.keywords a:link, .keywords a:visited, .keywords a:active {
    color: #000;
}

.keywords a:hover {
    color: #000;
    text-decoration: none;
}

#footer {
    background: #041526 url(/css/public/gfx/footer_shine.png) no-repeat center bottom;
    border-top: #246886 1px solid;
    border-bottom: 1px solid #020b15;
    overflow: hidden;
    padding: 0 0 30px 0;
    color: #fff;
}

#footer div.inner_footer {
    padding-top: 22px;
    overflow: hidden;
    background: url(/css/public/gfx/footer_light.png) no-repeat -30px top;
}

#footer .footer_column {
    width: 330px;
    margin: 0;
    padding: 0;
    display: inline;
    float: left;
}

#footer .footer_left,
#footer .footer_center {
    background: url(/css/public/gfx/vertical_line.png) no-repeat right center;
}

#footer .footer_center {
    width: 340px;
}

#footer .footer_right {
    width: 290px;
}

#footer .footer_column h1 {
    height: 30px;
    margin-bottom: 0;
    margin-right: -20px;
    border-bottom: 1px solid #030f1c;
}

#footer .footer_column_content {
    border-top: 1px solid #082a40;
    padding: 30px 12px 50px 12px;
}

#footer .footer_left .footer_column_content {
    padding-left: 0;
}

#footer .footer_column .testimony_photo {
    margin-top: -5px;
}

#footer .footer_column h3 {
    font-size: 12px;
    font-family: Verdana, sans-serif;
    margin-bottom: 10px;
}

#footer .footer_left h3 {
    color: #008dea;
}

#footer .footer_center h3 {
    color: #97d61c;
}

#footer .footer_column .new,
#footer .footer_column .testimony {
    height: 130px;
    border-bottom: 1px dashed #0f579c;
}

#footer .footer_column .new a.see_more {
    white-space: nowrap;
    color: #008dea;
}

#footer .footer_right .footer_column_content {
    text-align: center;
    padding-top: 30px;
    line-height: 80px;
    padding-bottom: 0;
}

#footer .footer_partners {
    border-bottom: 1px dashed #0c5496;
}

#footer .footer_right .footer_column_content a {
    margin: 30px 0;
}

#footer .footer_right .footer_column_content a:hover {
    text-decoration: none;
}

#footer .socials {
    text-align: center;
    padding-left: 20px;
}

#footer .footer_right .footer_column_content a.social_link {
    display: block;
    width: 66px;
    height: 74px;
    border: 1px solid #203142;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    line-height: 16px;
    margin: 15px 10px 0 0;
    background-color: #031525;
    float: left;
}

#footer .social_link:hover {
    text-decoration: none;
}

#footer .social_link span {
    display: block;
    color: #fff;
}

#footer .social_link span.name {
    font-size: 11px;
    height: 20px;
    line-height: 18px;
    background-color: #162736;
}

#footer .social_link span.count {
    font-size: 16px;
    font-weight: bold;
    height: 26px;
    line-height: 24px;
}

.fb_container a:hover, div.footer_column a:hover {
    text-decoration: underline;
}

.fb_container a {
    color: #888888
}

#nk_fajne_0 {
   margin: 9px 0px 0 11px
}

div.new, div.testimony {
    margin: 0 0 10px 0;
}

div.testimony div.testimony_photo {
    float: left;
    margin-right: 10px;
}

div.testimony div.testimony_backgrounder {
}

div.new.last, div.testimony.last {
    margin: 0;
}

div.testimonies span {
    color: #fff;
    display: block;
    padding-left: 30px;
    margin-top: 10px;
    float: none;
    font-weight: bold;
    font-size: 12px; 
    text-align: left;
}

div.testimony p {
    margin: 0 0 5px 0;
}



#copyrights {
    background: #000;
    border-top: 1px solid #0a2c45;
    color: #fff;
    font-size: 11px;
    overflow: hidden;
    padding: 15px 0 25px 0;
    zoom: 1;    
}

#copyrights li {
    margin-top: 0;
    margin-left: 30px;
}

#copyrights .menu a {
    display: block;
    height: 22px;
    background-position: left 1px;
    background-repeat: no-repeat;
}

#copyrights a:hover {
    background-position: right top;
}

#copyrights a#footer_prices_btn {
    width: 42px;
    background-image: url(/css/public/gfx/footer_prices_btn.png);
}

#copyrights a#footer_explore_site_btn {
    width: 80px;
    background-image: url(/css/public/gfx/footer_explore_site_btn.png);
}

#copyrights a#footer_explore_site_btn:hover {
    background-position: right 1px;
}

#copyrights a#footer_contact_btn {
    width: 47px;
    background-image: url(/css/public/gfx/footer_contact_btn.png);
}

div.copyInfo {
    float: left;
}

div.submenu {
    float: right;
}

div.submenu a {
    color: #BFB494;
    text-decoration: none;
}

div.submenu a:hover {
    text-decoration: underline;
}

div.form form { 
    text-align:right; 
    width:30em 
}

p.info {
    color:#666;
    width: 80%;
    margin: 10px auto;
    /*border-left: 2px solid #1F70D7;*/
    padding-left: 15px;
}

p.error {
    color:red;
    background-color: #FFCFCF;
    padding: 5px;
    border:1px solid #FF7F7F;
    font-weight: bold;
    text-align: center;
}

label.required {
    font-weight: bold;
}


form#searchForm input, form#searchForm a {
    background: transparent url("/css/public/gfx/search_box_back.gif") no-repeat 0 0;
    border: none;
    color: #555;
    float: left;
    font-size: 10px;
    height: 18px;
    padding: 0px 0 3px 10px;
    width: 180px;
}

form#searchForm a {
    background: transparent url("/css/public/gfx/search_button_back.gif") no-repeat right 0;
    text-indent: -5000px;
    width: 20px;
    padding: 0 0 3px 0;
}

#guts form#registerForm h2 {
    text-align: left;
    padding: 10px 0 0px 0;
    margin: 0 0 10px 0;
    border-bottom: 1px dotted #ccc;
    color: #aaa
}

#guts form#registerForm #UserPasswordConfirmation {
    margin-bottom: 35px;
}

#guts form#contactForm {
    padding-right: 80px;
}

a.next_page {
    background: transparent url("/css/public/gfx/pages_arrows.gif") no-repeat 98px 1px;
    padding: 0 14px 0 0;
    height: 14px;
    text-decoration: none;
}

a.next_page:hover {
    background-position: 98px -12px;
    text-decoration: underline;
}

a.previous_page {
    background: transparent url("/css/public/gfx/pages_arrows.gif") no-repeat -9px 1px;
    padding: 0 0 0 14px;
    height: 14px;
    text-decoration: none;
}

a.previous_page:hover {
    background-position: -9px -12px;
    text-decoration: underline;
}

#pages_arrows {
    border-top: 1px dotted #888;
    padding: 20px 0 0 0;
    margin: 20px 0 0 0;
}

#forum_table {
    width: 940px;
    font-size: 11px;
}

#forum_table tr.forum_header {
    background: #1F70D7 url("/css/public/gfx/forum_header_back.gif") no-repeat 0 0;
    color: white;
}

#forum_table tr.fixed {
    height: 50px;
}

#forum_table tr.forum_topic td.topic_name {padding: 10px 10px 10px 55px;}

#forum_table tr.forum_header td {
    background: transparent url("/css/public/gfx/voice_louder_icon.gif") no-repeat 10px 10px;
    padding: 10px 10px 10px 55px;

}

#forum_table tr.forum_header td h1, #forum_table tr.forum_header p {
    margin: 0;
}

#forum_table tr.forum_details_header {
    background: #0057BF;
    color: white;
}

#forum_table tr.forum_details_header td {
    height: 10px;
    padding: 0;
    text-align: center;
}

#forum_table tr.forum_topic td {
    border: 1px solid #ddd;
    border-top: none;
}

p.image {
    text-align: center;
    margin-top: 10px;
}

p.image img {
    border: 1px solid #ddd;
    padding: 10px;
}

p.image span {
    font-size: 90%;
    display: block;
}

#guts #forum_table tr.forum_topic td {
    border: #ddd 1px solid;
    border-top: none;
}


#guts table.product-comparison {
    text-align: center; 
}

#guts table.product-comparison a {
    margin: 0;
}

#guts table.product-comparison tr td {
    border-bottom: 1px #ccc solid;
    background: transparent;
    padding: 8px;
}

#guts table.product-comparison tr.tablehead {
    font-weight: bold;
}

#guts table.product-comparison td {
    padding: 7px 0;
    font-size: 11px;
}

#guts table.product-comparison tr.tablebottom td {
    padding: 15px 0;
    font-size: 11px;
}

#guts table.product-comparison td.header {
    text-align: left;
}

#guts table.product-comparison td span {
    background: transparent url("/css/public/gfx/green_vigneta.gif") no-repeat 50% 0;
    display: block;
    height: 20px;
    text-indent: -5000px;
}

#guts table.product-comparison tr.tablehead td span {
    background: none;
}

#guts table.product-comparison tr.tablehead td.title_basic span {
    background: transparent url("/css/public/gfx/faktura_icon.gif") no-repeat 50% 0;
    display: block;
    height: 67px;
}

#guts table.product-comparison tr.tablehead td.title_faktura span {
    background: transparent url("/css/public/gfx/faktura_premium_icon.gif") no-repeat 50% 0;
    display: block;
    height: 67px;
}

#guts table.product-comparison tr.tablehead td.title_account span {
    background: transparent url("/css/public/gfx/ksiegowosc_icon.gif") no-repeat 50% 0;
    display: block;
    height: 71px;
}

div.payment_methods {
    margin: 20px 0 0 0;
}

div.payment_methods p {
        background: transparent url("/css/public/gfx/dotpay_channels.png") no-repeat 0 0;
        height: 150px;
        width: 600px;
        display: block;
}

div.home_content_block, img.home_icon {
    float: left;
}

div.promo_blocks {
    padding-bottom: 15px;
    padding-top: 15px;
    margin-left: 50px;
}

div.promo_blocks h2 {
    background: transparent url(gfx/column_header_back.gif) repeat-x left bottom;
    color: #BFB494;
    font-size: 12px;
    padding: 0 0 5px 0;
    margin-bottom: 10px;
}

a#logged_sticker {
	background: transparent url(/css/public/gfx/corner_sticker_new.png) no-repeat left top;
	height: 89px;
	left: 0;
	position: absolute;
	text-indent: -5000px;
	top: 0;
	width: 104px;
}

a#logged_sticker.hover_3 {
    background-position: left bottom;
}

a#logged_sticker.hover_1 {
    background-position: left -92px;
}

a#logged_sticker.hover_2 {
	background-position: left -187px;
}

div.promo_blocks {
    text-align: center;
    padding-left: 20px;
}
    
a.promo_block {
    display: block;
    float: left;
    height: 36px;
    margin: 15px 0 0 10px;
    overflow: hidden;
    text-align: center;
    margin-right: 40px;
}

a.promo_block:hover img {
    margin-top: -36px;
}

div#banner_c {
    display: block;
    height: 174px;
    width: 620px;
    position: relative;
    overflow: hidden;
}

div#banner_c div.carousel-wrap {
    height: 174px;
}

div#banner_c ul {
    display: block;
    list-style-type: none;
    height: 174px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

div#banner_c ul li {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
}

div#banner_c ul li p {
    font-size: 16px;
    font-weight: bold;
    padding: 50px 0 0 35px;
    position: absolute;
    width: 200px;
}

div.carousel-pagination {
    background: #ffffff;
    bottom: 0;
    padding: 5px 0 5px 5px;
    position: absolute;
    right: 5px;
}

div.carousel-pagination p a {
    background: #007fff;
    color: #fff;
    cursor: pointer;
    display: block;
    float: left;
    margin: 0 5px 0 0;
    padding: 0px 5px;
    
}

div.carousel-pagination p a.active {
    background: #004b97;
}

a.carousel-previous, a.carousel-next {
    display: none;
}

div.fb_container {
    padding-bottom: 5px;
    padding-top: 5px;
}

div#breadcrumbs {
    margin-top: 5px;
    margin-bottom: 10px;
}

div#breadcrumbs, div#articleBottomNavigation {
    background: transparent url(/css/public/gfx/border_shadow_top.png) repeat-x left 32px;
    font-size: 11px;
    height: 32px;
    padding: 6px 0 0 0; 
}

div#articleBottomNavigation {

}

div#breadcrumbs a, div#breadcrumbs span, div#articleBottomNavigation a, #articleguts a {
    background: transparent url(/css/public/gfx/gray_arrow_right.png) no-repeat 0 50%;
    color: #1F70D7;
    margin: 0 13px 0 0;
    padding: 0 0 0 13px;
    text-decoration: none;
}

div#breadcrumbs span {
    color: #888;
}

div#breadcrumbs a.home {
    background: transparent url(/css/public/gfx/home_icon_gray.png) no-repeat 0 50%;
    padding: 4px 0 0 20px;
}

div#breadcrumbs a:hover, div#articleBottomNavigation a:hover, #articleguts a:hover {
    text-decoration: underline;
}

div.articleLeftColumn {
    background: #f3f3f3 url(/css/public/gfx/blue_menu_bar_top.png) no-repeat left top;
    overflow: hidden;
    zoom: 1;
}

div.articleLeftColumn.inner {
    background: transparent url(/css/public/gfx/blue_menu_bar_bottom.png) no-repeat left bottom;
    margin: 0;
    overflow: hidden;
    padding: 20px;
    zoom: 1;
}

div#articleBottomNavigation {
    background: #fff url(/css/public/gfx/border_shadow_bottom.png) repeat-x left 32px;
    height: 55px;
}

div#articleBottomNavigation a.previous {
    background: transparent url(/css/public/gfx/gray_arrow_left.png) no-repeat 0 50%;   
}

div#articleBottomNavigation a.next {
    background: transparent url(/css/public/gfx/gray_arrow_right.png) no-repeat right 50%;
    float: right;
    padding: 0 13px 0 0;    
}

div#articleBottomNavigation a.top {
    background: transparent url(/css/public/gfx/gray_arrow_top.png) no-repeat left 50%;
    margin: 0 auto;
    padding: 0 0 0 13px;    
}


#articleguts {
    font-size: 12px;
    height: 1%;
    overflow: hidden;
    padding: 20px 0 25px 0;
}

#articleguts a {
    background: none;
    padding: 0;
}

#articleguts div.articleLeftColumn ul, #articleguts div.articleLeftColumn li {
    background: none;
    list-style: none;
    margin: 0;
    padding: 0;
}

#articleguts div.articleLeftColumn li {
    background: none;
    margin: 0 0 5px 0;
}

#articleguts div.articleLeftColumn li.active a {
    font-weight: bold;
}

#articleguts ol {
    margin: 10px 0;
    display: block;
}

#articleguts div.article_pagination {
    color: #888;
    margin: 20px 0 0;
    display: block;
    text-align: center;
}

#articleguts div.article_pagination a.next {
    background: transparent url(/css/public/gfx/articles_pagination_arrow_right.png) no-repeat right 50%;
    padding: 0 10px 0 0;
}

#articleguts div.article_pagination a.previous {
    background: transparent url(/css/public/gfx/articles_pagination_arrow_left.png) no-repeat left 50%;
    padding: 0 0 0 10px;
}


#articleguts div.articleRightColumn a.promoblock {
    margin-bottom: 15px; 
}

#articleguts div.articleLeftColumn ul.topic_sub_menu {
    margin: 10px 0 0 0;
    padding-left: 20px;
}

#articleguts div.articleLeftColumn a.back_link {
    background: transparent url(/css/public/gfx/level_back_arrow.png) no-repeat left 50%;
    font-size: 10px;
    margin: 0 0 10px 0;
    padding: 0 0 0 17px;
}

#articleguts div.article_content div.pre_article {
    margin-bottom: 10px;
    overflow: hidden;
}

#articleguts div.article_content .published {
    font-size: 80%;
    color: lightgray;
    float: right;
}

#articleguts div.article_content p, #articleguts div.article_content ul li {
    text-align: justify;
    font-size: 12px
}

#articleguts div.article_content p.image {
    text-align: center;
}

#articleguts div.article_content div.pre_article a.read_more {
    background: transparent url(/css/public/gfx/articles_pagination_arrow_right.png) no-repeat right 50%;
    float: right;
    margin: 0 10px 10px 0;
    padding: 0 10px 0 0;
}

#interbar {
    background-color: #000;
    color: #fff;
    font-size: 11px;
    height: 21px;
    padding: 0 2% 0 2%;
    position: relative;
}

#interbar a {
    color: #fff;
    display: inline-block;
    margin-top: 2px;
    text-decoration: none;
}

#interbar a:hover {
    text-decoration: underline;
}

#interbar div.service_menu {
    float: left;
}

#interbar div.options_menu {
    float: right;
    height: 20px;
}


#interbar div.service_menu a {
    height: 18px;
    color: #aaa ! important;
}

#interbar div.service_menu a.active {
    color: white ! important;
    font-weight: bold;
}

#interbar div.service_menu a.active:hover {
    text-decoration: none;
}

#interbar div.options_menu a.experts_link {
    background: transparent url(/css/gfx/expert_glasses.png) no-repeat left center;
    color: #89bcff;
    height: 17px;
    margin: 0 20px 0 0;
    padding: 3px 0 0 23px;
    
}

#interbar div.options_menu a.help_link {
    background: transparent url(/css/gfx/help_icon.png) no-repeat left center;
    height: 17px;
    margin: 0 20px 0 0;
    padding: 3px 0 0 13px;
}

iframe .connect_widget_text {color: #aaa ! important;}


/* nowa rejestracja */

ul.steps {
    list-style-type: none;
    margin: 75px 0;
    overflow: auto;
    font-family: Arial;
}

ul.steps li {
    color: #bfbfbf;
    display: block; 
    float: left;
    font-weight: bold;
    font-size: 16px;
    margin: 0 -22px 0 0px;
    padding: 10px 30px 0 20px;
    height: 70px;
    line-height: 18px;
    background: url(/css/public/gfx/reg_steps_arrows.png) no-repeat right top;
}

ul.steps li.first_step {
    width: 275px;
    background: url(/css/public/gfx/reg_steps_first.png) no-repeat left top;
}

ul.steps li.first_step.active {
    background-image: url(/css/public/gfx/reg_steps_first_active.png);
}

ul.steps li.middle_step {
    width: 275px;
    padding-left: 40px;
    background: url(/css/public/gfx/reg_steps_middle.png) no-repeat left top;
}

ul.steps li.middle_step.active {
    background-image: url(/css/public/gfx/reg_steps_middle_active.png);
}

ul.steps li.last_step {
    width: 265px;
    padding: 10px 20px 0 40px;
    background: url(/css/public/gfx/reg_steps_last.png) no-repeat left top;
}

ul.steps li.last_step.active {
    background-image: url(/css/public/gfx/reg_steps_last_active.png);
}

ul.steps li img {
    float: right;
}

ul.steps li big {
    font-size: 22px;
    display: block;
    color: #152c45;
    letter-spacing: -1px;
    margin: 12px 0 0 0;
}

ul.steps li.active big {
    color: #f7f7f7;
    text-shadow: 2px 2px 2px #102234;
    filter: dropshadow(color=#102234, offx=2, offy=2); 
}

ul.steps li.active {
    color: #e4f2ff;
}

div.discount {
    margin: 30px auto 30px auto;
    height: 65px;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: url(/css/public/gfx/discount_text.png) no-repeat 185px 15px;
}

div.discount.input {
    background: 0 none;
    height: auto;
    padding-bottom: 10px;
}

#guts div.discount p {
    margin: 32px 0 0 185px;
    font-family: Arial;
    font-size: 17px;
    color: #bfbfbf;
}

#guts div.discount.input p {
    margin: 15px 0 0 100px;
    color: #152c45;
}

#guts div.discount.input p input {
    height: 12px;
    width: 400px;
    font-size: 12px;
}

div.discount span {
    float: right;
    color: #ca0000;
    font-size: 60px;
    font-weight: bold;
    font-family: Arial;
    line-height: 65px;
    margin-right: 200px;
}

#guts div.discount p.submit input {
    float: right;
    margin: 4px 180px 0 0;
    width: 75px;
    height: 41px;
    border: 0 none;
    cursor: pointer;
    background: url(/css/public/gfx/ok.png) no-repeat left top;
}

#guts div.discount p.submit input:hover {
    background-position: -75px top;
}

#reg_left_pane {
    height: 495px;
    background: url(/css/public/gfx/reg_left_back.png) no-repeat left top;
}

.checkout_message {
    font-family: Arial;
    font-size: 24px;
    height: 94px;
    margin: 30px 0 60px 0;
    padding: 25px 0 0;
    text-align: center; 
    width: 918px;
    color: #898989;
}



form p small {
    display: block;
    font-size: 11px;
    color: #666;
    padding: 0px 5px 0 175px;
    width: 320px;    
}

form p small.error {
    margin-bottom: 5px;
    margin-left: 175px;
    padding-left: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    color: red;
    font-size: 13px;
    /*background: url(/css/public/gfx/form_error_icon.png) no-repeat 0% 50%;*/
}

form div small {
    font-size: 11px;
    color: #8e8f8f;
}

form div small.error {
    font-size: 13px;
    color: red;
}


div.frame {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    
    -webkit-box-shadow: 0px 0px 2px #888;
    -moz-box-shadow: 0px 0px 2px #888;
    box-shadow: 0px 0px 2px #888;
    
    background: #eee;
    padding: 20px;
    
    margin-bottom: 20px;
}

div.formGroup, div.paymentMethods {
    margin: 0px 0 25px 0;
    background: #fff;
    color: #152c45;
    
    padding: 0 0 20px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    
    -webkit-box-shadow: 0px 0px 10px #888;
    -moz-box-shadow: 0px 0px 10px #888;
    box-shadow: 0px 0px 10px #888;
}

div.formGroup p {
    margin: 0 0 20px 0;
}

#guts div.formGroup h2, div.paymentMethods h2 {
    background-color: #17314c;
    text-align: left;
    color: #f9f9f9;   
    font-style: italic;
    margin: 0 0 30px;
    font-weight: normal;
    font-size: 18px;
    height: 36px;
    line-height: 30px;
    padding: 0 0 0 20px;
    
    border-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    
    -moz-border-radius: 10px;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    
    -webkit-border-radius: 10px;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    
    background: #122841;
    background: -moz-linear-gradient(top, #122841 0%, #17324f 50%, #142b44 51%, #142a42 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#122841), color-stop(50%,#17324f), color-stop(51%,#142b44), color-stop(100%,#142a42));
    background: -webkit-linear-gradient(top, #122841 0%,#17324f 50%,#142b44 51%,#142a42 100%);
    background: -o-linear-gradient(top, #122841 0%,#17324f 50%,#142b44 51%,#142a42 100%);
    background: -ms-linear-gradient(top, #122841 0%,#17324f 50%,#142b44 51%,#142a42 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#122841', endColorstr='#142a42',GradientType=0 );
    background: linear-gradient(top, #122841 0%,#17324f 50%,#142b44 51%,#142a42 100%);
}

#guts div.formGroup h2 span, div.paymentMethods h2 span, div.package h2 span {
    display: block;
    float: right;
    width: 151px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    background: url(/css/public/gfx/reg_form_group_header.png) no-repeat left top;
    margin: 0;
    padding-left: 15px;
    font-size: 14px;
    font-style: normal;
}

#guts div.formGroup h2 img {
    float: none;
    padding-top: 3px;
    margin: 7px 5px 0 0;
}

#guts div.contact_sidebar h3,
#guts #articles .sidebar li h3 {
    height: 26px;
    background: url(/css/public/gfx/contact_h3.png) repeat-x left top;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    line-height: 26px;
    padding-left: 20px;
    font-family: Arial;
    font-size: 14px;
    color: #152c45;
    font-style: italic;
    margin-bottom: 10px;
}

#guts .curio h3 {
    height: 26px;
    line-height: 26px;
    padding-left: 20px;
    font-family: Arial;
    font-size: 14px;
    color: #152c45;
    font-style: italic;
    padding-top: 10px;
    margin-bottom: 10px;
}

#guts .curio p {
    margin: 0 20px 5px 20px;
    font-size: 11px;
    color: #989898;
}

#guts div.contact_sidebar p {
    margin: 0 20px 20px 20px;
}

/* buttony - poczatek */
a.oldButton {
    box-shadow: rgba(204, 204, 204, 0.746094) 0px 1px 1px inset, #DDD 0px 1px 3px;
    -webkit-box-shadow: rgba(204, 204, 204, 0.746094) 0px 1px 1px inset, #DDD 0px 1px 3px;
    -moz-box-shadow: rgba(204, 204, 204, 0.746094) 0px 1px 1px inset, #DDD 0px 1px 3px;
    background-color: #0064AE;
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, from(#0064AE), to(#478EE8));
    background-image: -moz-linear-gradient(top, #478EE8, #0064AE);
    border: none;
    border-color: #0064AE !important;
    color: #fff;
    cursor: pointer;
    text-shadow: rgba(0, 0, 0, 0.746094) 0px -1px 0px;
    font-size: 1.15em;
    margin-top: 13px;
    border: 1px solid;
    
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    
    font-weight: bold;
    padding: 0.45em 1em;
    position: relative;
    vertical-align: middle;
    display: inline-block;
    text-align: center;
    text-decoration: none;
}

.formGroupSlider {
    margin-top: -26px;
}

.formGroupSlider a {
    width: 31px;
    height: 17px;
    display: block;
    margin: 0 auto;
    cursor: pointer;
    background: url(/css/public/gfx/mini_slider.png) no-repeat left top;
}

.formGroupSlider a.close {
    background-position: right top;
}

.formGroupSlider a.open {
    background-position: left top;
}

a.oldButton strong {
    color: #fff !important;
}

a.oldButton.alternative {
    background-color: #72bb00;
    border-color: #72bb00 !important;
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, from(#72bb00), to(#a1ee00));
    background-image: -moz-linear-gradient(top, #a1ee00, #72bb00);
}

a.oldButton.small {
    font-size: 12px;
    padding: 5px 7px;
}

a.oldButton.alternative:hover {
    background-color: #81D400;
    border-color: #81D400 !important;
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, from(#81D400), to(#9BFF00));
    background-image: -moz-linear-gradient(top, #9BFF00, #81D400);
}

a.oldButton:hover {
    background-color: #0064AE;
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, from(#0064AE), to(#68D4F1));
    background-image: -moz-linear-gradient(top, #68D4F1, #0064AE);
    cursor: pointer;
}
/* buttony - koniec */

form label {
    font-size: 13px;
    display: inline-block;
    width: 165px;
    text-align: right;
    margin-right: 10px;
}

form div.formFieldGroup, form div.formRadioGroup, form div.formCheckboxGroup {
    margin-bottom: 20px;
}

form div.formFieldGroup {
    margin-left: 175px; 
}

form div.formFieldGroup label {
    display: block;
    width: auto;
    text-align: left;
    font-size: 11px;
    color: #666;
}

form label.formFieldGroup, form label.formRadioGroup, form label.formCheckboxGroup {
    display: block;
    float: left;
    padding-top: 22px;
    clear: both;
}

form .formFieldGroup select {
    border: 1px solid #bfbfbf;
}

form div.formPanel label, form div.formRadioGroup label, form div.formCheckboxGroup label {
    font-weight: normal;
    width: auto;
    display: inline;
    vertical-align: middle;
}

form div.formPanel {
    margin-top: 15px;
}

form div.formPanel p {
    width: 50%;
    float: left;
}

form div.formPanel label {

}

form div.formPanel small.error {
    margin-left: 0;
    width: 500px;
}

form div.formRadioGroup, form div.formCheckboxGroup {
    overflow: auto;
}

form div.formRadioGroup p, form div.formCheckboxGroup p {
    margin-bottom: 5px;
}

form div.formRadioGroup input, form div.formCheckboxGroup input {
    width: auto;
    display: inline;
    vertical-align: middle;
}

form div.formRadioGroup, form div.formCheckboxGroup {
    margin-bottom: 10px;
}

form label.formRadioGroup, form label.formCheckboxGroup {
    padding-top: 5px;
}

#guts form input[type="text"].error,#guts form input[type="password"].error, #guts form textarea:error{
    -webkit-box-shadow: 0px 0px 4px #f00;
    -moz-box-shadow: 0px 0px 4px #f00;
} 

#guts form input[type="text"],#guts form input[type="password"], #guts form textarea {
    border: 1px solid #bcbcbc;
    font-size: 1em;
    padding: 5px;
    width: 320px;
    background-color: #f3f3f3;
    color: #152c45;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    
    -webkit-box-shadow: 0px 3px 2px #e0e0e0 inset;
    -moz-box-shadow: 0px 3px 2px #e0e0e0 inset;
    box-shadow: 0px 3px 2px #e0e0e0 inset;
}

#guts form input[type="text"].error, #guts form input[type="password"].error, #guts form textarea.error {
    background: #f3f3f3 url(/css/public/gfx/form_error_icon.png?1) no-repeat 100% 50%;
}

#guts form input[type="text"].validated, #guts form input[type="password"].validated, #guts form textarea.validated {
    background: transparent url(/css/public/gfx/form_ok_icon.png?1) no-repeat 100% 50%;
}

form p.submit {
    text-align: right;
}

form p.button {
    clear: both;
    text-align: center;
    margin-bottom: 0;
    padding-top: 10px;
}

form a.next_button {
    width: 125px;
    height: 60px;
    background: url(/css/public/gfx/reg_next_button.png) no-repeat left top;
    border: 0 none;
    border-radius: 0;
    display: inline-block;
}

.button {
    display: inline-block;
}

form a.next_button:hover {
    background-position: right top;
}

form p.dummy {
    margin-bottom: 0;
}


#guts form textarea {
    vertical-align: top;
    height: 15em; 
}

div.package {
    background: none;
    float: left;
    margin: 0;
    padding: 0;
}

div.packages_columns .package_top {
    padding: 0 15px 15px 15px;
    margin: 15px 0;
    height: 200px;
}

div.package a.check_package {
    width: 126px;
    height: 69px;
    background: url(/css/public/gfx/check_package.png) no-repeat right top;
    border: 0;
}

div.package a.check_package:hover {
    background-position: 1px top;
}

div.pack_months_inner {
    height: 200px;
    padding: 0 0 15px 0;
}

div.package .price_box {
    margin: 0; 
}

div.package.pack_book {
    margin-right: 0;
}

#guts #packages_page .featureRows {
    display: none;
    overflow: hidden;
    margin-bottom: 10px;
}

#guts #packages_page .pack_months .featureRows {
    width: 301px;
}

#guts div.package h2.package_name {
    font-size: 18px;
    height: 50px;
    padding: 10px 0 0 0;
    text-align: center;
    background: none;
}

#guts div.package h2.package_name {
    height: 50px;
    font-size: 24px;
    font-family: Arial;
    font-weight: normal;
    line-height: 20px;
    color: #a2a2a2;
    filter: none;
}

#guts div.package.pack_trade h2 {
        color: #0062de;
        
}
    
#guts div.package.pack_book h2 {
        color: #62bf11
    }
  
#packages_page {
    margin-top: 15px;
}

#guts div.package.pack_months {
    width: 300px;
    background: none;
    border: 1px solid #d4d4d4;
    border-right: 0 none;
    margin-top: 30px;
    overflow: visible;
    position: relative;
    background: #fefefe url(/css/public/gfx/reg_packs_back.png) repeat-x left -30px;
    
    height: auto;
    
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-radius: 10px 0px 0px 10px;
    border-radius: 10px 0px 0px 10px;
    
    -webkit-box-shadow: 0px 2px 5px 2px #d4d4d4;
    -moz-box-shadow: 0px 2px 5px 2px #d4d4d4;
    box-shadow: 0px 2px 5px 2px #d4d4d4; 
}

#guts div.package.pack_months .pack_months_inner {
    margin-left: 20px;
    width: 280px;
    padding-right: 7px;
    background: #fff;
    background: #fefefe url(/css/public/gfx/reg_packs_back.png) repeat-x left -30px;
}

#guts div.pack_months .header {
    font-size: 18px;
    color: #bfbfbf;
    font-family: Arial;
    line-height: 20px;
    padding-top: 15px;
    margin-bottom: 10px;
}

#guts div.pack_months a {
    display: block;
    width: 225px;
    height: 30px;
    cursor: pointer;
    background: url(/css/public/gfx/pack_months_btn.png) no-repeat left top;
    color: #152c45;
    font-family: Arial;
    font-size: 18px;
    line-height: 30px;
    padding-left: 20px;
    margin-bottom: 3px;
}

#guts div.pack_months a:hover, #guts div.pack_months a.active {
    text-decoration: none;
    color: #008dea;
}

#guts div.pack_months .header big {
    display: block;
    font-size: 22px;
    font-weight: bold;
    color: #152c45;
}

#guts div.pack_months p.featureRow {
    font-size: 11px;
    font-family: Verdana;
    color: #666;
    text-align: left;
    margin: 0;
    height: 30px;
    line-height: 30px;
    border-left: 1px solid #f6f6f6;
    padding-left: 15px;
    width: 285px;
}

#guts div.pack_months p.featureRow.odd {
    background-color: #e3e3e3;
}

#guts div.pack_months p.featureRow.even {
    background-color: #f6f6f6;
}

#guts div.packages_columns p.featureRow {
    height: 30px;
    border-left: 1px solid #f6f6f6;
    margin: 0;
    position: relative;
}

#guts div.packages_columns p.featureRow.odd {
    background-color: #ebebeb;
}

#guts div.packages_columns p.featureRow.even {
    background-color: #fff;
}

#guts div.packages_columns p.featureRow img {
    vertical-align: -13px;
}

#guts div.packages_columns {
    float: left;
    border: 1px solid #d4d4d4;
    background: #fefefe url(/css/public/gfx/reg_packs_back.png) repeat-x left top;
    color: #a2a2a2;
    
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-radius: 10px 10px 10px 0px;
    border-radius: 10px 10px 10px 0px;
    
    -webkit-box-shadow: 0px 2px 5px 2px #d4d4d4;
    -moz-box-shadow: 0px 2px 5px 2px #d4d4d4;
    box-shadow: 0px 2px 5px 2px #d4d4d4; 
}

#guts div.packages_columns .package {
    width: 210px;
}

div.package .button {
    margin-top: 10px;   
    margin-bottom: 7px;
}

div.package label, div.package input {
    width: auto;
    display: inline;
    vertical-align: middle;
}

div.package p, div.package .price_box, div.center {
    text-align: center;
    font-family: Arial;
}

div.package .price_box big {
    font-weight: bold;
    font-size: 36px;
    display: block;
}

div.package .price_box span {
    font-size: 20px;
    font-weight: bold;
    position: relative;
    display: block;
    width: 90px;
    margin: 0 auto;
}

div.package .price_box span div.strike {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(/css/public/gfx/price_strike.png) no-repeat center center;
}

div.package.pack_free, #guts div.package.pack_free h2 {
    color: #8695a5;
}

div.package .package_top {
    border-right: 1px solid #d3d2d2;
}

div.package.last_package .package_top {
    border-right: 0 none;
}

div.package.pack_trade .price_box big {
    color: #007fdf;
}

div.package.pack_book .price_box big {
    color: #62bf11;
}

div.package strong {
    font-size: 12px;
    color: #000;
}

div.package em {
    font-style: normal; 
    font-size: 14px;
}

#guts div.formGroup .package h2 {
    margin: 0 10px;
    padding: 0 !important;
    font-style: normal;
    font-family: Arial;
    margin-bottom: 20px;
}

#guts div.formGroup .package .price_box {
    padding: 10px 0;
    margin: 0 10px;
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
    letter-spacing: 0px;
}

#guts div.formGroup .package a {
    letter-spacing: 0px;
}

#guts div.formGroup .package .price_box em {
    color: #93a3b5;
}

#guts .packages_page_slider {
    position: relative;
    top: -7px;
}

#guts .packages_page_slider a {
    width: 42px;
    height: 21px;
    display: block;
    margin: -1px auto 0 auto;
    background: url(/css/public/gfx/package_page_slider.png) no-repeat;
    cursor: pointer;
}

#guts .packages_page_slider a.open {
    background-position: right top;
}

#guts .packages_page_slider a.close {
    background-position: left top;
}

div.paymentMethods {
    margin: 10px 0;
    overflow: auto;
    padding: 0;
}

#guts div.paymentMethods h2 {
    margin: 0 0 10px 0;
}

label.paymentMethod {
    display: block;
    height: 50px;
    line-height: 48px;
    width: auto;
    border-bottom: 1px solid #bfbfbf;
    font-size: 12px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: left;
    cursor: pointer;
    color: #152c45;
}

label.paymentMethod span {
    background: url('/css/public/gfx/dotpay-0-1.png') 20px middle no-repeat;
    display: block;
    float: left;
    margin-left: 0px;
    padding: 0 0 0 80px;
    width: 390px;
    border-right: 1px solid #bfbfbf;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

label.paymentMethod em {
    display: block;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    margin-left: 471px;
    text-align: center;
    height: 48px;
}

label.paymentMethod.selected {
    background-color: #dce7fa;
}

label.paymentMethod input {
    vertical-align: middle;
    display: none;
}

label.paymentMethod .radio_input {
    width: 29px;
    height: 29px;
    background: url(/css/public/gfx/checkbox.png) no-repeat left top;
    margin: 9px auto;
}

label.paymentMethod.selected .radio_input {
    background-position: right top;
}

#guts div.formGroup p.info {
    padding: 0;
    width: auto;
    text-align: center;
    margin: 15px 30px;
    font-size: 10px;
    color: #8e8f8f;
}

h2 {
    clear: left;
}

dt, dd {
    clear: both;
    margin: 0 20px;
}

dt {
    color: #aaa;
    
}

dd {
    margin-bottom: 10px;
}

#fancybox-content .jqmClose {
    display: none;
}
#fancybox-content #dialogbox {
    width: auto !important;
}

#fancybox-content h1 {
    color: #1F70D7;
}

#login_submit {
    margin: 0 0 0 15px;
}

.invoicesSeriesHelp code {
    font-size: 1.1em;
    white-space: nowrap;
    background-color: #dae7f7;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 0 2px;
}
.invoicesSeriesHelp code b {
    border-bottom: 1px solid #1f70d7;
}

#guts div.formGroup.nobold h2 {
    font-weight: normal;
}

#tour .slider-container {
    position: relative;
    width: 1920px;
    height: 100px;
}
#tour .slider-container .slider {
    width: 960px;
    position: absolute;
    top: 0;
}
#tour .slider-container .slider#slider-1 {
    left: 0;
}
#tour .slider-container .slider#slider-2 {
    left: 960px;
}
.smallHeader h2 {
    margin-bottom: 10px !important;
}
.orderDetail dt, .orderDetail p.orderDetailInfo {
    color: #8e8f8f;
    font-size: 10px;
    width: 360px;
    margin: 15px 0 0 20px;
}

.orderDetail .invoice_target {
    float: right;
}

.orderDetail .send_invoice_to {
    float: left;
    width: 115px;
    height: 41px;
    padding-left: 30px;
    padding-top: 10px;
    font-family: Arial;
    line-height: 16px;
    color: #afafaf;
    margin-top: 10px;
    background: url(/css/public/gfx/send_invoice_to.png) no-repeat left top;
}

.orderDetail .send_invoice_to strong {
    font-size: 18px;
    display: block;
    color: #152c45;
}

a.send_btn, #guts form input.send_btn {
    width: 126px;
    height: 69px;
    border: 0 none;
    background: url(/css/public/gfx/send_btn.png) no-repeat right top;
}

a.send_btn:hover, #guts form input.send_btn:hover {
    background-position: 1px top;
}

#guts form input.send_btn_small {
    width: 95px;
    height: 52px;
    border: 0 none;
    background: url(/css/public/gfx/send_btn_small.png) no-repeat right top;
}

#guts form input.send_btn_small:hover {
    background-position: left top;
}

.orderDetail p.orderDetailInfo .complete_btn {
    width: 126px;
    height: 69px;
    border: 0 none;
    background: url(/css/public/gfx/complete_btn.png) no-repeat right top;
}

a.change_btn {
    width: 121px;
    height: 69px;
    background: url(/css/public/gfx/change_btn.png) no-repeat -123px top;
    border: 0 none;
}

a.change_btn:hover {
    background-position: -2px top;
}

.orderDetail p.orderDetailInfo .complete_btn:hover {
    background-position: 1px top;
}

.orderDetail dt, .orderDetail dd {
    clear: none;
    padding: 10px 0 0 0;
    margin: 0;
    font-size: 12px;
}

.orderDetail dd {
    margin-left: 180px;
}

.orderDetail dt {
    clear: both;
    float: left;
    width: 170px;
    text-align: right;
    margin-right: 10px;
    color: #152c45;
}

a.orderDetailPrint {
    float: right;
    display: block;
    height: 45px;
    line-height: 45px;
    padding-right: 30px;
    margin-right: 10px;
    background: url(/css/public/gfx/print_icon.png) no-repeat right center;
}

#guts div.no_margin_header h2 {
    margin-bottom: 0px;
}

a.cancel_btn {
    width: 125px;
    height: 69px;
    border: 0 none;
    background: url(/css/public/gfx/cancel_btn.png) no-repeat left top;
}

a.cancel_btn:hover {
    background-position: right top;
}

a.payment_btn {
    width: 206px;
    height: 69px;
    border: 0 none;
    background: url(/css/public/gfx/redirect_to_payment.png) no-repeat right top;
}

a.payment_btn:hover {
    background-position: 1px top;
}

.paymentRemind .paymentTooltip {
    padding: 3px 5px;
    text-align: left;
    font-size: 10px;
    color: #ff0000;
    float: right;
    width: 220px;
    height: 35px;
    margin-right: 130px;
    border: 1px solid #ff0000;
}

.orderDetail p.changePaymentMethod {
    padding: 0;
    clear: both;
    margin: 30px 10px 0 10px;
    border-top: 1px solid #d0d0d0;
    line-height: 40px;
    text-align: right;
}

dl {
    margin-bottom: 0;   
}

.ui-button {
    font-size: 10pt !important;
    font-weight: bold !important;
}
.ui-button strong {
    color: #fff !important;
}

a.save_btn {
    width: 126px;
    height: 69px;
    border: 0 none;
    background: transparent url(/css/public/gfx/save_btn.png) no-repeat right top;
}

.save_btn:hover {
    background-position: 1px top;
}

#slide {
    background: url(/css/public/gfx/slide.png) left top repeat-x;
    position: absolute;
    width: 3720px;
    height: 174px;
}

.banner_x {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.account_button, .demo_button {
    float: left;
    margin-right: 10px; 
}
.account_button a img, .demo_button a img {
    display: block; 
}
.account_button .account_button_backgrounder, .demo_button .demo_button_backgrounder {
    padding-bottom: 25px;
} 

.account_button .account_button_backgrounder {
    background: url('/css/public/gfx/create_account_button_stroke.png') no-repeat bottom left;
} 

.demo_button .demo_button_backgrounder {
    background: url('/css/public/gfx/demo_button_stroke.png') no-repeat bottom left;
}

/* new articles */
#articles h2, #articles h1  {
    color: #152c45;
    padding: 10px 0;
    font-family: Arial;
}
#articles h2 {
    font-size: 16px;
}
#articles .sidebar {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 10px #888888;
    color: #152C45;
    margin: 0 0 25px;
    padding: 0 0 20px;
}
#articles .sidebar.curio {
    background: #f6f6f6; /* Old browsers */
    background: -moz-linear-gradient(top, #f6f6f6 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f6f6f6 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f6f6f6 0%,#ffffff 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #f6f6f6 0%,#ffffff 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #f6f6f6 0%,#ffffff 100%); /* W3C */
}
#articles .sidebar h2 {
    background-color: #17314C;
    border-radius: 10px 10px 0 0;
    color: #F9F9F9;
    font-size: 18px;
    font-style: italic;
    font-weight: normal;
    height: 36px;
    letter-spacing: 0px;
    line-height: 30px;
    margin: 0 0 10px;
    padding: 0 0 0 20px;
    text-align: left;
    background: #122841;
    background: -moz-linear-gradient(top, #122841 0%, #17324f 50%, #142b44 51%, #142a42 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#122841), color-stop(50%,#17324f), color-stop(51%,#142b44), color-stop(100%,#142a42));
    background: -webkit-linear-gradient(top, #122841 0%,#17324f 50%,#142b44 51%,#142a42 100%);
    background: -o-linear-gradient(top, #122841 0%,#17324f 50%,#142b44 51%,#142a42 100%);
    background: -ms-linear-gradient(top, #122841 0%,#17324f 50%,#142b44 51%,#142a42 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#122841', endColorstr='#142a42',GradientType=0 );
    background: linear-gradient(top, #122841 0%,#17324f 50%,#142b44 51%,#142a42 100%);
}
#articles .sidebar ul {
    margin: 0;
}
#articles .sidebar ul li {
    margin-left: 0px;
}
#articles .sidebar ul.level_1 li,
.formGroup ul.level_1 li,
#articles .sidebar ul.level_0 li.no-header {
    background: url(/css/public/gfx/list_style_plus.png) no-repeat left 7px;
    margin-left: 15px;
}
#articles .sidebar ul.level_0 li.no-header {
    padding-left: 10px;
    margin-bottom: 0;
}
#articles .sidebar ul.level_2 li,
#articles .sidebar li.no-header ul.level_1 li {
    background: url(/css/public/gfx/list_style_arrow.png) no-repeat left 7px;
    margin-left: 5px;
}
#articles .sidebar ul.level_1 > li.active,
#articles .sidebar ul.level_0 > li.no-header.active {
    background: url(/css/public/gfx/list_style_minus.png) no-repeat left 9px;
}
#guts #articles .sidebar ul.level_2 li a,
#guts #articles .sidebar li.no-header ul.level_1 li a {
    color: #152c45;
    font-size: 10px;
}
#guts #articles .sidebar ul.level_2 li.active a,
#guts #articles .sidebar li.no-header ul.level_1 li.active a {
    color: #0063c2;
}
#articles .sidebar ul.level_1 li.opened,
#articles .sidebar ul.level_0 li.no-header.opened {
    background-position: left -23px;
}
#articles .sidebar .box {
    margin-bottom: 10px;
}
#articles .sidebar .demo {
    background: transparent url('/css/public/gfx/articles/banner.jpg') no-repeat;
    width: 280px;
    height: 80px;
    padding-top: 330px;
}
#articles .sidebar .demo a {
    margin-left: 150px;
    display: block;
    width: 118px;
    height: 38px;
    background: url(/css/public/gfx/articles/demo_button.png) no-repeat left top;
}
#articles .sidebar .demo a:hover {
    background-position: right top;
}
#articles .sidebar .register {
    background: transparent url('/css/public/gfx/articles/register_background.jpg') no-repeat;
    width: 280px;
    height: 340px;
    padding: 0 35px;
}
#articles .sidebar .register form {
    padding-top: 100px;
}
#articles .sidebar .register input {
    border: 0;
    outline: 0;
    -webkit-box-shadow: 0px 0px 0px #0064AE !important;
    -moz-box-shadow: 0px 0px 0px #0064AE !important;
}
#articles .sidebar .register label {
    margin-left: 65px;
    width: 150px;
    font-size: 11px;
}
#articles .sidebar .register .field {
    background: transparent url('/css/public/gfx/articles/register_field_background_sprite.png') no-repeat;
    width: 197px;
    padding: 0 10px;
    margin-bottom: 15px;
    height: 30px;
    border: 0;
    font-family: "Myriad Pro", Arial;
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
    color: #152C45;
}
#articles .sidebar .register .field.email {
    background-position: 0 -31px;  
}
#articles .sidebar .register .field.pass {
    background-position: 0 -62px;;    
}
#articles .sidebar .register .field.repass {
    background-position: 0 -93px;    
}
#articles .sidebar .register .field.not_empty {
    background-position: 0 0;
}
#articles .sidebar .register .submit {
    background: transparent url('/css/public/gfx/create_account_button.png') no-repeat;
    width: 123px;
    height: 35px;
    margin-left: 95px;
}
#articles .sidebar .register .submit:hover {
    background: transparent url('/css/public/gfx/create_account_button_hover.png') no-repeat;    
}
#articles .sidebar .simlar h3,
#articles .sidebar .simlar h2 {
    font-size: 16px;
    color: #1F70D7;
    padding: 10px 0;
    background: none;
    font-family: Verdana;
    font-style: normal;
    font-weight: bold;
    height: 24px;
    margin: 0;
    filter: none;
    padding: 10px 0;
}
#articles .sidebar .simlar ul {
    list-style-type: none;
    margin: 0px;
}
#articles .sidebar .simlar li {
    margin: 0;
    padding-left: 20px;
    background: url('/css/public/gfx/gray_arrow_right.png') 10px center no-repeat;
}
#articles .sidebar .simlar li.even {
    background-color: #f0f0f0;
}
#articles .simlar li a {
    color: #707070;
}
#articles .content {
    margin: 0 0 10px 0;
    float: right;
}
#articles .content .border {
    background: transparent no-repeat;
    width: 650px;
}
#articles .content .border-top {
    background-image: url('/css/public/gfx/articles/border_top.png');
    height: 12px;
}
#articles .content .icons {
    border-left: 1px solid #d9d9d9;
    overflow: hidden;
}
#articles .icons div {
    width: 14%;
    float: left;
    text-align: center;
    height: 80px;
    position: relative;
}
#articles .icons div img {
    vertical-align: bottom;
}
#articles .content .border-middle-top {
    background-image: url('/css/public/gfx/articles/border_middle_top.png');
    height: 23px;
}
#articles .content .article {
    padding: 5px 0px;
    color: #4c4c4c;
}
#articles.view_new .content .article {
    color: #777;
    border-right: 1px solid #d9d9d9;
    padding: 10px;
}
#articles.view_new .content #nextInfos {
    display: none;
}
#articles.view_new .content .register {
    border-left: 1px solid #D9D9D9;
    height: 450px;
    padding: 20px 20px 20px 40px;
}
#articles.view_new .content .infos {
    clear: both;
    color: #7E7D7D;
    font-size: 11px;
    padding-top: 20px;
}
#articles.view_new .content .infos img {
    float: left;
}
#articles.view_new .content .infos h2 {
    clear: none;
    font-family: arial;
    font-size: 15px;
    font-style: italic;
    font-weight: bold;
    margin-left: 100px;
    padding-bottom: 5px;
    color: #1F70D7;
}
#articles.view_new .content .infos p {
    margin-left: 100px;
}
#articles.view_new .content .infos div {
    overflow: hidden;
    padding-bottom: 20px;
}
#articles .content .article-content.columns {    
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}
#articles .content .article h1.title,
#guts h1 {
    font-size: 24px;
    font-family: Arial;
    color: #152c45;
    font-weight: normal;
    border-bottom: 1px solid #d0d0d0;
}
#articles .content .article h1 {
    font-size: 14px;
    padding: 0;
    font-weight: bold;
    border: 0 none;
    letter-spacing: 0px;
}
#articles.view_new .content .article h1,
#articles.view_new .content .article h2 {
    font-family: Verdana;
    color: #1F70D7;
    font-style: normal;
    font-weight: bold;
    border: 0 none;
    font-size: 12px;
}
#articles.view_new .content .article h1.title {
    font-size: 18px;
}
#articles .content .border-middle-bottom {
    background-image: url('/css/public/gfx/articles/border_middle_bottom.png');
    height: 23px;
}
#articles .content .functions_slider {
    border: 1px solid #d0d0d0;
    background: url(/css/public/gfx/other_functions.png) repeat-x left top;
    margin-bottom: 15px;
    margin-top: 20px;
}
#articles .content .functions_slider h2 {
    height: 43px;
    line-height: 43px;
    border: 1px solid #fff;
    padding: 0 0 0 20px;
    font-size: 22px;
    font-weight: normal;
    background: url(/css/public/gfx/register_header_w.png) no-repeat right center;
}
#articles .content .functions_slider h2 a {
    font-weight: normal;
}

#articles .content .functions_slider .fslider_content {
    position: relative;
    height: 180px;
}

#articles .content .functions_slider .fslider_next {
    width: 98px;
    height: 29px;
    display: block;
    background: url(/css/public/gfx/register_next.png) no-repeat left top;
    position: absolute;
    right: 10px;
    top: 166px;
    cursor: pointer;
}

#articles .content .functions_slider .infos {
    border-top: 1px solid #d0d0d0;
    padding: 20px 5px 0 25px;
    padding-top: 20px;
    display: none;
    clear: both;
    height: 160px;
    position: absolute;
    left: 0;
    top: 0;
}

#articles .content .functions_slider .infos a {
    display: block;
    height: 60px;
    padding-left: 70px;
    background-position: left center;
    background-repeat: no-repeat;
    width: 136px;
    float: left;
    margin-bottom: 20px;
    font-family: Arial;
    font-style: italic;
    line-height: 14px;
}

#articles .content .functions_slider .infos a:hover {
    text-decoration: none;
}

#articles .content .functions_slider .infos a small {
    display: block;
    font-size: 12px;
    margin-top: 10px;
}

#articles .content .functions_slider .infos a big {
    display: block;
    font-size: 16px;
    color: #152c45;
    font-weight: bold;
}

#articles .content dt {
    font-family: arial, verdana;
    color: #d1d0d0;
    font-weight: bold;
    font-size: 24px;
    padding-bottom: 5px;
}

#articles .content .register-button {
    display: block;
    clear: both;
    float: right;
    background: transparent url('/css/public/gfx/create_account_button.png') no-repeat;
    width: 125px;
    height: 35px;    
}

#articles .content .register-button:hover {
    background-image: url('/css/public/gfx/create_account_button_hover.png');    
}

#articles .content .border-bottom {
    background-image: url('/css/public/gfx/articles/border_bottom.png');
    height: 12px;
}
      
/* pagination */
.pagination {
    margin-top: 15px;    
}  
.pagination, .pagination ul {
    overflow: hidden;
}
.pagination div, .pagination ul, .pagination li{
    float: left;
}
.pagination .next_page {
    text-align: right;
}
.pagination div {
    width: 24%;
}
.pagination ul {
    width: 50%;
    list-style-type: none;
}
.pagination li {
    text-align: center;
    margin: 0;
}
.pagination .hidden {
    visibility: hidden;
}

div.shadow-bottom {
    background-color: #fff;
    margin-left: 1px;
    height: 12px;
    position: relative;
    top: -8px;
    
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
    
    -webkit-box-shadow: 0px 2px 5px 2px #d4d4d4;
    -moz-box-shadow: 0px 2px 5px 2px #d4d4d4;
    box-shadow: 0px 2px 5px 2px #d4d4d4; 
}

div.startups {
    height: 320px;
    background: url(/css/public/gfx/startups_back.png) no-repeat right bottom;
    position: relative;
}

#guts div.startups p {
    margin-bottom: 2px;
}

#guts div.startups input[type=text],
#guts div.startups input[type=file] {
    width: 190px;
    vertical-align: middle;
}

#guts div.startups input[type=file] {
    width: 200px;
}

#guts div.startups label {
    width: 140px;
    font-size: 12px;
    color: #152c45;
}

div.startups_header {
    font-family: Arial;
    font-weight: bold;
    font-style: italic;
    padding-top: 30px;
    margin: 0px 0 15px 30px;
    line-height: 18px;
}

div.startups_header small {
    font-size: 16px;
    color: #388dd2;
    margin-left: 5px;
}

div.startups_header big {
    font-size: 27px;
    color: #012547;
}

div.startups_ad {
    font-family: Arial;
    font-weight: bold;
    color: #fff;
    text-align: center;
    width: 115px;
    height: 115px;
    line-height: 16px;
    position: absolute;
    right: 135px;
    bottom: 40px;
}

img.startups_ad_ie7 {
    display: none;
}

#guts form p.send_btn_small_wrap {
    width: 360px;
}

#guts p.required label {
    font-weight: bold;
}

.features {
    overflow: hidden;
    margin-top: 10px;
}
#guts .features,  #guts .features p {
    font-family: verdana;
    font-size: 12px;
    color: #4c4c4c;
}
.features .content {
    margin-right: 14px; 
    overflow: hidden;   
}
.features .navigation {
    margin-right: 0px;
    border: 1px solid #d0d0d0;
    width: 264px;
    border-radius: 5px;
    border-top: 0;
    padding-bottom: 1px;
}
#guts .features .navigation h2 {
    background: transparent url('/css/public/gfx/features/header.png') no-repeat;
    font-size: 0;
    height: 50px;
}
.features .navigation ul {
    list-style-type: none;
    position: relative;
    margin-bottom: 0;
}
.features .navigation li {
    height: 100px;
    line-height: 100px;
    padding: 0;
    margin: 0;
    padding-left: 35px;
    position: relative;
    width: 266px;
}
.features .navigation li.last {
    margin-bottom: -2px;
}

.features .navigation li:hover, .features .navigation li.hover {
    background: transparent url('/css/public/gfx/features/hover.png') no-repeat;
    left: -6px;
    padding-left: 41px;
}
.features .navigation li img {
    vertical-align: middle;    
}
.features .navigation li a {
    display: block;
    outline: 0;   
}
.features .return {
    float: right;
    width: 262px;
    margin-top: 15px;
    text-align: center;    
}
.features .content .header {
    overflow: hidden;
    margin-bottom: 25px;   
}
.features .content .header img {
    float: left;
}
.features .content .header .text {
    float: left;
    margin-left: 15px;
    padding-top: 25px;
    padding-bottom: 15px;
    width: 465px;
    border-bottom: 1px solid #d4d4d4;
}
.features .content .header .text img {
    float: none;
    display: block;
    margin-bottom: 5px;
}
.features .columns {
}
.features .columns .column {
    width: 315px;
    float: left;
}
.features .columns .right.column {
    float: right;
}
.features .content .wrapper {
    width: 1300px;
}
.features .feature {
    width: 650px;
    float: left;
    padding-right: 20px;
}

#guts .features .feature h3 {
    margin-bottom: 15px;
    font-size: 14px;
    font-family: Arial;
    color: #152C45;
}

#guts .features .content {
    padding: 0 10px;
    margin: 0;
}

.featured .icon {
    padding-top: 8px;
}

#guts #articles .article ul li {
    list-style: none;
    background: url(/css/public/gfx/list_style_image.png) no-repeat 5px 5px;
    margin-left: 0;
    padding-left: 22px;
}

/* login box */

.menu ul {
    overflow: visible;
    padding-top: 10px;
}

.menu ul li {
    margin-top: 11px;
}

.menu ul li a img {
    vertical-align: top;
    padding-top: 5px;
}

.menu ul li.login_btn {
    position: relative;
    overflow: visible;
    background: none;
    margin: 5px 0 0 0;
}

.menu ul li.login_btn:hover {
    background: none;
}

.menu ul li.logout_btn {
    position: relative;
    overflow: visible;
    background: none;
    margin: 5px 0 0 0;
}

.menu ul li.logout_btn:hover {
    background: none;
}

.menu ul li.login_btn a#loginBoxBtn {
    width: 100px;
    height: 35px;
    padding: 0;
    border: 0 none;
    margin-right: 0;
    background: url(/css/public/gfx/login_btn.png) no-repeat left top;
}

.menu ul li.login_btn a#loginBoxBtn:hover {
    background-position: 1px bottom;
}

.menu ul li.login_btn a#loginBoxBtn.opened {
    background-position: right top;
}

.menu ul li.logout_btn a#logoutBoxBtn {
    width: 100px;
    height: 47px;
    padding: 0;
    border: 0 none;
    margin-right: 0;
    background: url(/css/public/gfx/logout_btn.png) no-repeat left top;
}

.menu ul li.logout_btn a#logoutBoxBtn:hover {
    background-position: right top;
}

.menu ul li.login_btn form {
    position: absolute;
    
    right: 0;
    top: 25px;
    z-index: 99999;
    overflow: hidden;
    width: 179px;
    height: 129px;
    padding: 15px 10px;
    background: url(/css/public/gfx/login_box.png) no-repeat left top;
}

.menu ul li.login_btn form input[type=text],
.menu ul li.login_btn form input[type=password] {
    width: 158px;
    height: 24px;
    padding: 0 10px;
    background-color: #fff;
    border: 1px solid #fff;
    border-width: 1px 0 0 0;
    -webkit-box-shadow: inset 0px 2px 3px 0px #999999;
    -moz-box-shadow: inset 0px 2px 3px 0px #999999;
    box-shadow: inset 0px 2px 3px 0px #999999;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 12px;
}

.menu ul li.login_btn form input.active {
    color: #152C45;
    font-style: normal;
}

.menu ul li.login_btn form a {
    background: none;
    color: #84c1ff;
    padding: 0;
    margin-top: 3px;
}

.menu ul li.login_btn form a:hover {
    background: none;
}

.menu ul li.login_btn form input#login_submit {
    width: 108px;
    height: 31px;
    background: url(/css/public/gfx/login.png) no-repeat left top;
    display: block;
    float: right;
    margin-top: 17px;
    padding: 0;
    border: 0 none;
    cursor: pointer;
}
.menu ul li.login_btn form input#UserLogin.showInputBackground {
    background: url(/css/public/gfx/login_background.png) no-repeat left top;
    background-color: white;
}
.menu ul li.login_btn form input#UserPassword.showInputBackground {
    background: url(/css/public/gfx/login_background.png) no-repeat left bottom;
    background-color: white;
}

.menu ul li.login_btn form input#login_submit:hover {
    background-position: right top;
}

#banner {
    background: transparent url(/css/public/gfx/banner_top_back.png) repeat-x center top;
}

#banner_inner {
    display: block;
    overflow: hidden;
    height: 211px;
    padding: 35px 0 20px 0;
    border-top: 1px solid #041a37;
    background: transparent url(/css/public/gfx/banner_top.png) no-repeat center top;
    color: #fff;
}

#banner p {
    font-family: Verdana;
    font-size: 14px;
    margin: 20px 0;
}

#banner a.button {
    border: 0 none;
    display: inline-block;
}

#create_free_account {
    width: 185px;
    height: 61px;
    background: url(/css/public/gfx/create_free_account_btn.png) no-repeat left top;
    vertical-align: top;
    border: 0 none;
}

#create_free_account:hover {
    background-position: right top;
}

#banner #demo {
    width: 75px;
    height: 61px;
    background: url(/css/public/gfx/demo_btn.png) no-repeat left top;
}

#banner #demo:hover {
    background-position: right top;
}

/* main slider */

#banner .main_slider_container {
    overflow: hidden;
    position: relative;
    background: url(/css/public/gfx/slider_shadow.png) no-repeat center 174px;
}

#banner .main_slider_container img {
    float: left;
    position: relative;
    z-index: 1;
}

#banner .main_slider_container .shown {
    height: 174px;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}

#banner .main_slider_nav {
    text-align: center;
    margin-top: -5px;
}

#banner .main_slider_nav a.button {
    border: 0 none;
    width: 18px;
    height: 20px;
    background: url(/css/public/gfx/slider_nav.png) no-repeat left top;
}

#banner .main_slider_nav a.button:hover,
#banner .main_slider_nav a.button.active {
    background-position: right top;
}

#guts input#login_submit.login_btn {
    width: 121px;
    height: 69px;
    border: 0 none;
    background: url(/css/public/gfx/login_button.png) no-repeat -2px top;
    cursor: pointer;
}

#guts input#login_submit.login_btn:hover {
    background-position: -125px top;
}

#error404 {
    height: 218px;
    padding-top: 510px;
    background: url(/css/public/gfx/404.png) no-repeat center top;
}

#error404 ul {
    width: 410px;
    margin: 15px auto;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
}

#error404 ul li {
    list-style: none;
    margin: 0 0 5px 20px;
    padding-left: 20px;
    background: url(/css/public/gfx/error404_arrows.png) no-repeat left 4px;
}

#error404 ul li a {
    color: #50acdb;
}

#changePassword {
    display: inline-block;
    width: 124px;
    height: 69px;
    background: url(/css/gfx/reset_pass.png) no-repeat left top;
    border: 0 none;
    cursor: pointer;
}

#changePassword:hover {
    background-position: -123px top;
}