body
{
    width: 970px;  /* globalna szerokosc calej strony */
    margin: 10px auto;  /* centrowanie calej strony */
    font-family: Tahoma, Arial, sans-serif;
    font-size: 0.8em;
}

#header
{
    position: relative;
    margin: 0px 0px 10px 0px;
    /* Flexowanie dla kontenera */
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    flex-wrap: wrap;
    /* Poukladanie elementow w kontenerze */
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
}

#logo
{
    -webkit-align-self: flex-end; /* Safari 7.0+ */
    -moz-align-self: flex-end;
    -ms-align-self: flex-end;
    align-self: flex-end;
}

#banner
{
    -webkit-align-self: flex-end; /* Safari 7.0+ */
    -moz-align-self: flex-end;
    -ms-align-self: flex-end;
    align-self: flex-end;
}

#content {
    position: relative;
    margin: 0px 0px 20px 0px;
}

#menu
{
    position: relative;
    margin: -10px 0px 20px 0px;
    padding: 0;
}

#footer
{
    position: relative;
}

#footer table {
    width: 100%;
    font-size: 0.85em;
}

#footer .ui-button {
    margin-bottom: 10px !important;
}

#loginForm img,
#conaxPanel img {
    height: 104px;
    margin-right: 8px;
}

#loginForm .ui-inputfield,
#conaxPanel .ui-inputfield {
    width: 239px;
    margin-bottom: 4px;
    margin-right: 4px;
}

#loginForm .ui-button-icon-only,
#conaxPanel .ui-button-icon-only {
    width: 25px;
    height: 26px;
    margin-top: -1px !important;
    margin-right: 0 !important;
}

#loginForm .ui-widget-content,
#conaxPanel .ui-widget-content {
    font-size: medium;
}

#contactForm .ui-inputfield
{
    width: 320px;
}

#contactForm .ui-selectonemenu {
    width: 328px !important;
}

#contactForm .ui-button {
    float: right;
    margin-right: 0 !important;
}

/* / Panel dla prezentacji danych */

#userDataForm .ui-button {
    margin-top: -4px !important;
    margin-bottom: -3px !important;
}

.ui-menu .logout:hover
{
    position: absolute!important;
    right: 0;
    background-color: #C64B53;
    top: 1px;
}

.opt{
    opacity: 0.4;
}

.ui-menu .logout
{
    position: absolute !important;
    right: 0;
    margin-right: 0;
    background-color: #A82F3B;
    top: 1px;
}

.ui-menu .ui-menuitem-link
{
    margin-top: 10px;
}

.ui-menu .ui-menu-parent .ui-menu-child {
    padding: 0 !important;
}

.ui-agreements li {
    background: url('') no-repeat left !important;
    padding-left: 10px;
}

.test-icon
{
    background: url('') no-repeat 50% 33% !important;
    height: 100%;
    width: 100%;
}

.home-icon
{
    background: url('/javax.faces.resource/icons/home.png.xhtml?ln=images') no-repeat 50% 33% !important;
    height: 100%;
    width: 100%;
}

.account-icon
{
    background: url('/javax.faces.resource/icons/account.png.xhtml?ln=images') no-repeat 50% 33% !important;
    height: 100%;
    width: 100%;
}

.agreement-icon
{
    background: url('/javax.faces.resource/icons/agreement.png.xhtml?ln=images') no-repeat 50% 33% !important;
    height: 100%;
    width: 100%;
}

.billing-icon
{
    background: url('/javax.faces.resource/icons/billing.png.xhtml?ln=images') no-repeat 50% 33% !important;
    height: 100%;
    width: 100%;
}

.contact-icon
{
    background: url('/javax.faces.resource/icons/contact.png.xhtml?ln=images') no-repeat 50% 33% !important;
    height: 100%;
    width: 100%;
}

.invoice-icon
{
    background: url('/javax.faces.resource/icons/invoice.png.xhtml?ln=images') no-repeat 50% 33% !important;
    height: 100%;
    width: 100%;
}

.landline-net-icon
{
    background: url('/javax.faces.resource/icons/landline_net.png.xhtml?ln=images') no-repeat 50% 33% !important;
    height: 100%;
    width: 100%;
}

.landline-phone-icon
{
    background: url('/javax.faces.resource/icons/landline_phone.png.xhtml?ln=images') no-repeat 50% 33% !important;
    height: 100%;
    width: 100%;
}

.log-icon
{
    background: url('/javax.faces.resource/icons/log.png.xhtml?ln=images') no-repeat 50% 33% !important;
    height: 100%;
    width: 100%;
}

.logout-icon
{
    background: url('/javax.faces.resource/icons/logout.png.xhtml?ln=images') no-repeat 50% 33% !important;
    height: 100%;
    width: 100%;
}

.logout-icon
{
    background: url('/javax.faces.resource/icons/logout.png.xhtml?ln=images') no-repeat 50% 33% !important;
    height: 100%;
    width: 100%;
}

.message-icon
{
    background: url('/javax.faces.resource/icons/message.png.xhtml?ln=images') no-repeat 50% 33% !important;
    height: 100%;
    width: 100%;
}

.inbox-icon
{
    background: url('/javax.faces.resource/icons/inbox.png.xhtml?ln=images') no-repeat 50% 33% !important;
    height: 100%;
    width: 100%;
}

.outbox-icon
{
    background: url('/javax.faces.resource/icons/outbox.png.xhtml?ln=images') no-repeat 50% 33% !important;
    height: 100%;
    width: 100%;
}

.payment-icon
{
    background: url('/javax.faces.resource/icons/payment.png.xhtml?ln=images') no-repeat 50% 33% !important;
    height: 100%;
    width: 100%;
}

.mobile-net-icon
{
    background: url('/javax.faces.resource/icons/mobile_net.png.xhtml?ln=images') no-repeat 50% 33% !important;
    height: 100%;
    width: 100%;
}

.mvno-icon
{
    background: url('/javax.faces.resource/icons/mvno.png.xhtml?ln=images') no-repeat 50% 33% !important;
    height: 100%;
    width: 100%;
}

.service-icon
{
    background: url('/javax.faces.resource/icons/service.png.xhtml?ln=images') no-repeat 50% 33% !important;
    height: 100%;
    width: 100%;
}

.settings-icon
{
    background: url('/javax.faces.resource/icons/settings.png.xhtml?ln=images') no-repeat 50% 33% !important;
    height: 100%;
    width: 100%;
}

.tv-icon
{
    background: url('/javax.faces.resource/icons/tv.png.xhtml?ln=images') no-repeat 50% 33% !important;
    height: 100%;
    width: 100%;
}

.panel-grid-no-border tr,  .panel-grid-no-border td
{
    border: 1px hidden rgba(0, 0, 0, 0);
}
.panel-grid-content-left
{
    text-align: left;
    padding-right: 20px!important;
    padding-left: 5px!important;
}
.panel-grid-content-right
{
    text-align: right;
}

.ibok-login
{
    background: url('/javax.faces.resource/icons/ikona_ibok.png.xhtml?ln=images') no-repeat 50% 33% !important;
    height: 100%;
    width: 100%;
    background-color: #6B2A6C !important;
}
.tvonline-login
{
    background: url('/javax.faces.resource/icons/ikona_tvonline.png.xhtml?ln=images') no-repeat 50% 33% !important;
    height: 100%;
    width: 100%;
}
.toya-icon
{
    background: url('/javax.faces.resource/icons/ikona_tvonline.png.xhtml?ln=images') no-repeat 50% 33% !important;
    height: 100%;
    width: 100%;
}
.conax-icon
{
    background: url('/javax.faces.resource/icons/ikona_tvonline.png.xhtml?ln=images') no-repeat 50% 33% !important;
    height: 100%;
    width: 100%;
}
.message-count-info {
    position: absolute;
    background: #A82F3B;
    padding: 4px 6px;
    color: #ffffff;
    z-index: 999;
    font-weight: bold;
}
.faqEntryDiv {
    line-height: normal;
    margin-bottom: 8px;
}
.helpQuestion {
    font-weight: bold;
    margin-bottom: 4px;
}
#loginRulesForm .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default {
    background-color: #d1d1d1;
}
#loginRulesForm .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default.ui-state-active {
    background-color: #22B04C;
}