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, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

header, nav, section, article, aside, footer { display: block; }
body { font: 12px/18px Arial, Tahoma, Verdana, sans-serif; width: 100%; }
a { color: blue; outline: none; text-decoration: underline; }
a:hover { text-decoration: none; }
/* p { margin: 0 0 18px } */
img { border: none; }
input { vertical-align: middle; }

#wrapper { width: 991px; margin: 0 auto; }

body { color: #373d40; }
h1 { padding-bottom: 3px; border-bottom: 1px solid #86888a; color:#234878; font-size: 19px; font-weight: 500 }
h2 { font-size: 15px; font-weight: 500 }

.attention, .errorMessage, .errorSummary { color: #f00 }
.errorMessage, .errorSummary { font-weight: 700 }
.errorMessage { margin: 15px 5px; padding: 10px; text-align: center; border: 2px solid #FF0000; font-size: 13px; font-weight: 700 }
.errorDesc { margin: 5px; }
.errorDesc ol { margin: 5px; list-style: decimal inside none }
.errorSummary { margin: 15px 0px }
.errorSummary ul { margin-left: 15px }
.flash-success { padding: 10px 0px; color: #0a0 }
.flash-error { padding: 10px 0px; color: #f00; font-weight: 700 }

/* Header
-----------------------------------------------------------------------------*/
#header { height: 128zpx; background: #fff; }
#header-main-link { display: block; float: left; width: 225px; height: 65px; }
#header-top { height: 46px; border-bottom: 1px solid #86888a; text-align: right; }
#header-top div { padding-top: 27px; }

#header-bottom { height: 79px; background: url(../images/header.png) no-repeat }

.header-menu { float:right; margin-top: 15px; text-transform: uppercase }
.header-menu li { float: left; height: 36px; background: url(../images/header-menu-bg.gif); text-align: center; }
.header-menu li a { display: block; margin-top: 4px; padding: 0px 20px; height: 32px; line-height: 32px; border-right: 1px solid #5683b0; color: #fff; text-decoration: none; font-size: 13px }

.header-menu li a:hover { background: url(../images/header-menu-bg-active.gif) }
.header-menu-first { width: 123px; }
.header-menu-first a { border-right: none !important; padding: 0 13px !important; }
.header-menu-first a:hover { background: none !important; }
.header-menu-second { width: 210px; }
.header-menu-second a:hover { background: none !important; }


/* Middle
-----------------------------------------------------------------------------*/
#middle { width: 100%; height: 1%; position: relative; }
#middle:after { content: '.'; display: block; clear: both; visibility: hidden; height: 0; }

#container { width: 100%; float: left; overflow: hidden; }
#content { padding: 0 0 0 241px; }
#content.signup-content { padding: 0px; }

.flash { 
    text-align: center; margin: 25px; padding: 15px; border: 2px solid #102B60; color: #f00; font-size: 15px; 
    -moz-border-radius:3px; 
    -webkit-border-radius:3px; 
    -khtml-border-radius:3px; 
    border-radius:3px; 
}
.flash_notice { color: #080 }

/* formularz logownia */

#login-page a { text-decoration: none; color: #909090; }
#login-page .loginbtn { width: 100px; height: 25px; }
#login-page #licence-error {
    border: 2px solid #FF0000;
    color: #FF0000;
    font-size: 15px;
    margin-bottom: 20px;
    padding: 10px 20px;
    text-align: center;
}
#login-page #licence-error img { display: none; }
#loginPage { margin: 0px auto; width: 315px; }
#loginPage .imgcode .input-pass { float: right; width: 207px; }
#loginPage label { display: inline-block; width: 100px; }
#login-page #foot { text-align: center; clear: both; margin-bottom: 20px; }

#sideLeft { float: left; width: 221px; margin-left: -100%; position: relative; }
#login-box { padding: 20px 20px 10px 20px; height: 220px; background: url(https://poczta.pl/themes/poczta.pl/css/../images/login-box-bg.png); color: #fff }
#login-box #loginPage { margin: 0px auto; width: auto; }
#login-box h3 { font-size: 20px; font-weight: 500 }
#login-box a { display: block; color: #fff }
#login-box div { margin: 10px 0px }
#login-box label { display: block !important }
#login-box input { width: 175px }
#login-box input[type="submit"] { 
    padding-bottom: 3px; width: 85px; height: 26px; border:none; background: url(https://poczta.pl/themes/poczta.pl/css/../images/input-submit-login-bg.png); 
    -moz-border-radius:3px; 
    -webkit-border-radius:3px; 
    -khtml-border-radius:3px; 
    border-radius:3px; 
    /*behaviour:url(border-radius.htc); /* dodatek dla badzIEwnej przeglądarki */
}
#content_auth #loginPage input { margin: 5px 0px; }
#config-box { }
#benefit-box { }

.sidebar-box { margin: 18px 0px; } 
.sidebar-box div { border: 1px solid #d4d7df }
.sidebar-box h3 { padding-left: 21px; background: url(https://poczta.pl/themes/poczta.pl/css/../images/sidebar-box-h3-bg.png) no-repeat #86888a; color:#fff; font-size: 13px; font-weight: 500; text-transform: uppercase }
.sidebar-box .sidebar-content { margin-top: 7px; padding: 10px 4px 10px 9px }
.sidebar-box .sidebar-content li { margin: 3px 5px 3px 15px; list-style-position: outer; list-style-image: url(https://poczta.pl/themes/poczta.pl/css/../images/sidebar-box-li-dot.png) }
.sidebar-box .sidebar-content li.style-off { list-style: none }
.sidebar-box .sidebar-content a { color: #333; text-decoration: none  }


.signup-content h2 { margin-top: 15px; font-weight: 700 }
.formBox { margin: 15px 0px; padding-left: 15px; /* background: url(../images/formBox-bg.png) no-repeat 0px 4px */ }    
    .formBox h4 { margin-bottom: 5px; font-size: 13px;}
    .formBox table { margin: 10px 0px; }
    .formBox table tbody td { padding: 7px 10px 7px 0px; }
    .formBox table tbody td:first-child { text-align: right; width: 120px; }
    .formBox label { display: block; margin: 5px 0px }
    .signup-content .formBox label { display: inline-block; margin: 5px 0px }
    .formBox input { margin: 3px 0px; width: 201px;  }
    .formBox select { width: 155px; background-color:#fff; }
    .formBox select#yearOfBirth { margin: 0px 15px 0px 5px; width: 75px }
    .formBox select#monthOfBirth { margin: 0px 15px 0px 5px; 0px 10px; width: 110px }
    .formBox select#dayOfBirth { margin: 0px 15px 0px 5px; width: 55px }  
    .formBox .inputHelp { color: #888; font-size: 10px; line-height:12px }
    
    #formPasswordReminderBlock td.second { width: 220px }
    #formPasswordReminderBlock td.fourth { width: 250px }
    #usernameTr input { margin: 0px }
    
    .professionArea { float:left; width: 244px; }
    .interested { float:left; width: 244px; }
    .domain { width: 125px; background: url(../images/domain.png) no-repeat 0px 12px }

    #checkEmail { 
        display: block; text-align: center; width: 120px; height: 26px; background: url(../images/button-bg.png); line-height: 26px; color: #000; font-weight: 700; font-size: 15px; text-decoration: none;
        -moz-border-radius:3px; 
        -webkit-border-radius:3px; 
        -khtml-border-radius:3px; 
        border-radius:3px;        
    }
    #cityTr input { width: 150px }
    #professionAreaTr td, 
    #interestedTr td { text-align: left; padding: 0px; width: 990px; }
    .formBox input[type="checkbox"], .formBox input[type="radio"] { width: auto }
    /*#professionAreaTr input, #interestedTr input, #choseQuestionReminder { width: auto; }*/

    .terms { font-size: 11px }
    .loginbtn { 
        width: 177px; height: 44px; margin: 25px 0px; border: none; background: url(../images/button-signup-bg.png); color: #fff; cursor: pointer; font-size: 18px; font-weight: 700;
        -moz-border-radius:3px; 
        -webkit-border-radius:3px; 
        -khtml-border-radius:3px; 
        border-radius:3px; 
        /*behaviour:url(border-radius.htc); /* dodatek dla badzIEwnej przeglądarki */        
    }
    .captcha-box { margin: 20px 0px 15px 0px }
    #chgpform { margin-bottom: 20px }
        #chgpform p { margin: 10px 5px; }
        #chgpform .captcha-box { margin-bottom: 5px }
        #questionArea, #phoneArea { display:none; margin-left: 25px; }
        #questionArea label,  #phoneArea label { display: inline-block; width:120px; font-weight: 700 }
        #phoneArea #infoBox { margin: 5px; font-size: 0.9em }
        #phoneArea ul { margin: 5px }
        #phoneArea ul li { list-style: decimal inside }

    #privacy, #regulations { padding: 0px 10px }
    #privacy h2, #privacy h3, #regulations h2, #regulations h3 {margin: 10px 0px; font-weight:700 }
    #regulations h4 { margin: 5px 0px; }
    #privacy ul {margin: 5px 0px; }     
    .regulations ol { margin-left: 20px; list-style: decimal outside none; }   

/* Footer
-----------------------------------------------------------------------------*/
#footer { margin: 0 auto; padding-top: 5px; width: 991px; height: 30px; border-top: 1px solid #ccc }

#copyright { float: left; width: 400px }

#footer-menu { float: right; text-transform: uppercase }
#footer-menu li { float: left;   }
#footer-menu li a { padding: 0px 10px; border-right: 1px solid #4e5a88; color: #4e5a88; text-decoration: none }
#footer-menu li:last-child a { padding: 0px 0px 0px 10px; border-right: none }