﻿/*### PRVI DEO ###*/

/*******************************
	CSS RESET
*******************************/
html, body, div, applet, span, 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: middle;
    background: transparent;
}

ol, ul {
    list-style: none;
}

h4, h5, h6, .ms-h4, .ms-h5, .ms-h6 {
    font-family: Arial, Helvetica,sans-serif !important;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

:focus {
    outline: 0;
}

.ms-srch-hover-content {
    display: none;
}

.header {
    position: relative;
    z-index: 1;
    height: 49px;
    padding-top: 16px;
}

/*myzainbox*/
.loginbox {
    background: url('../images/box-mylogin.png') no-repeat 2000px 0;
    width: 192px;
    padding-top: 8px;
    margin-left: 0;
    position: relative;
    height: 27px;
}

    .loginbox .box-top {
        background: url('../images/box-mylogin.png') no-repeat 2000px 0;
        width: 344px;
        padding-top: 10px;
        position: absolute;
        left: 0;
        top: 35px;
        display: none;
    }

    .loginbox .box-out {
        background: url('../images/box-mylogin.png') no-repeat 2000px 0;
        width: 100%;
        padding-bottom: 10px;
    }

    .loginbox .box-in {
        background: url('../images/box-mylogin.png') repeat-y 2000px 0;
        width: 295px;
        padding: 10px 26px 10px 23px;
        overflow: hidden;
    }

.loginbox-left {
    background-image: url('../images/box-mylogin-left.png');
}

    .loginbox-left .box-top {
        background-image: url('../images/box-mylogin-left.png');
        left: -225px;
    }

    .loginbox-left .box-out {
        background-image: url('../images/box-mylogin-left.png');
    }

    .loginbox-left .box-in {
        background-image: url('../images/box-mylogin-left.png');
    }

    .loginbox-left.loginbox-toggle {
        background-position: -225px 0;
    }

.loginbox-toggle {
    background-position: 0 0;
}

    .loginbox-toggle .box-top {
        background-position: 0 -36px;
    }

    .loginbox-toggle .box-out {
        background-position: -344px 100%;
    }

    .loginbox-toggle .box-in {
        background-position: -688px 0;
    }

    .loginbox-toggle .btn-selectcountry,
    .loginbox-toggle .btn-selectcountry:visited {
        font-size: 13px;
    }

    .loginbox-toggle h2 {
        margin-bottom: 15px;
    }

    .loginbox-toggle .InputLabel {
        line-height: 28px;
        width: 81px;
        letter-spacing: -0.03em;
        font-size: 14px;
        float: left;
        font-weight: bold;
    }

.loginbox li {
    margin-bottom: 10px;
    overflow: hidden;
}

    .loginbox li.li-line {
        border-top: 1px solid #ccc;
        padding-top: 15px;
        margin-bottom: 0;
    }

.loginbox .login-links {
    padding: 3px 0 5px 97px;
    float: right;
    color: #b8b8b8;
    font-size: 12px;
}

    .loginbox .login-links a,
    .loginbox .login-links a:visited {
        font-size: 12px;
    }

    .loginbox .login-links span {
        padding: 0 5px;
    }

.loginbox li.li-line input[type='button'], .loginbox li.li-line input[type='submit'] {
    margin-bottom: 0 !important;
}

.btn-mylogin,
.btn-mylogin:visited,
.btn-logout,
.btn-logout:visited {
    height: 27px;
    line-height: 26px;
    padding-left: 15px;
    display: inline-block;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    background: url('../images/btn-mylogin.png') no-repeat;
    width: 160px;
    margin: 0 8px;
    text-transform: uppercase;
}

    .btn-mylogin:hover {
        background-position: 0 100%;
        color: #5ca623 !important;
    }

    .btn-logout,
    .btn-logout:visited {
        height: 27px !important;
        border: none !important;
        line-height: 26px;
        padding-left: 15px;
        display: inline-block;
        padding-right: 10px !important;
        font-size: 14px;
        color: #fff !important;
        font-weight: bold;
        background: url('../images/btn-mylogin.png') no-repeat;
        width: 175px;
        margin: 0 8px 0 8px!important;
        text-transform: uppercase;
    }

        .btn-logout:hover {
            background-position: 0 100%;
            color: #5ca623;
        }

.btn-login,
.btn-login:visited {
    height: 32px;
    width: 84px;
    line-height: 32px;
    font-size: 18px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    text-transform: uppercase;
    color: #fff !important;
    text-align: center;
    background: url('../images/btn-login.png') no-repeat;
    border: none !important;
    min-width: 0 !important;
}

.error {
    color: red;
    display: block;
    width: 100%;
    text-align: right;
    visibility: hidden;
    border: none !important;
    clear: both;
}

/*imagegallery*/
.imagegallery {
    width: 660px;
    height: 630px;
    padding: 15px 0;
}

    .imagegallery .biggallery {
        width: 660px;
        height: 420px;
        padding: 10px 0 18px;
    }

        .imagegallery .biggallery ul,
        .imagegallery .biggallery li {
            height: 420px;
        }

    .imagegallery .thumbsgallery li a {
        margin: 0 2px 5px;
    }

/*videogallery*/
.videogallery {
    width: 542px; /*height: 605px;*/
    padding: 6px 0;
}

.submenu-green li:last-child {
    border-bottom: none;
}

.tablebox .box-in {
    border: 1px solid #ccc;
    background-color: #f4f4f4;
    min-height: 10px;
}

/*### DRUGI DEO ###*/

/********************
    Subscription
*******************/
.t_subscription_wrapper {
    width: 527px; /*height: 360px;*/
    padding: 12px 12px 12px 12px;
    position: relative;
    background-color: #ffffff;
    overflow: hidden;
}

.t_subscription_close {
    float: right;
    margin-top: -11px;
    margin-right: -11px;
}

.t_subscription_span {
    color: #662e73;
    position: absolute;
    margin-top: 2%;
    margin-left: 20px;
    font-size: 16px;
}

.t_subscription_boxin {
    background-image: url("../images/bck-box.png");
    margin-top: 11%;
    height: 55px;
    margin-bottom: 10px; /*background-color: rgb(244, 244, 244);*/ /*border-color: #ccc;
    border-width: 1px;
    border-style: solid;
    border-radius: 2%;*/
}

.t_subscription_regex {
    color: red;
}

.t_subscription_boxin_ctrl {
    padding-top: 2.5%;
    padding-left: 2%;
}

.t_subscription_span_rep {
    float: left;
    width: 100%;
    margin-bottom: 14px;
}

.t_subscription_row {
    width: 50% !important;
    float: left;
    margin-bottom: 10px;
    padding-bottom: 14px;
    border-bottom-color: #d7d7d7;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.t_subscription_divClear {
    clear: both;
    padding-top: 3%;
}

.t_subscription_btn {
    width: 100%;
    float: left; /*margin-top: 15%;*/
    position: absolute;
    bottom: 1%;
}

    .t_subscription_btn a {
        background: url("../images/btn_subscribe.png") no-repeat scroll 0% 0% transparent;
        width: 96px;
        height: 27px !important;
        font-size: 13px;
        color: white !important;
        cursor: pointer;
        margin: 0px !important;
        padding: 9px 3px 3px 9px !important;
        text-decoration: none !important;
    }

/**************************
    Weather Forcast
************************/
.t_weather_wrapper { /*background: url("../images/weather-bck-gray.png") no-repeat;*/
    width: 298px !important;
    height: 100px !important; /* 200px*/ /*background-color:red;*/
    position: relative;
}

.t_weather_margin {
    margin-top: 2px;
}

.t_weather_row_first {
    width: 100%;
    height: 101px;
}

.t_weather_icon {
    width: 85px;
    padding-top: 7px;
    padding-left: 7px;
    float: left;
}

.t_weather_current {
    width: 200px;
    float: left;
    padding-top: 5px;
}

.t_span_weather {
    font-weight: bold;
}

.t_label_weather {
    color: #006699;
    font-size: 20px;
    font-weight: bold;
}

.t_div_weather {
    width: 100%;
    clear: both;
}

.t_weather_conditions {
    float: left;
    text-align: left;
}


.t_label_bold_weather {
    font-size: 10px;
    font-weight: bold;
}

.t_label_2_weather {
    font-size: 10px;
}

.t_weather_row { /*height: 75px;
    position: relative;
    width: 100%;
    float: right;*/
    display: none;
}

.t_weather_repeater_item {
    float: left;
    margin-left: 11%;
    width: 30%;
    height: 63px;
    border-left: 2px;
    border-left-style: solid;
    border-left-color: #FF6666;
}

.t_weather_next, .t_weather_prev {
    position: absolute;
    width: 20px;
    cursor: pointer;
}

.t_weather_prev {
    margin-right: 8px;
    float: left;
    background: url(../images/Arrow_Left.png) bottom left no-repeat;
    position: absolute;
    left: 0px; /*z-index: 9999;*/
    top: 20px;
}

.t_weather_next {
    float: right;
    background: url(../images/Arrow_Right.png) bottom right no-repeat;
    position: absolute;
    top: 20px;
    right: 0px;
    margin-right: 5px;
}

.t_weather_item_date {
    width: 100%;
    float: left;
    padding-left: 20px;
}

.t_weather_item_img {
    float: left;
    height: 45px;
}

.t_weather_item_MaxTemp { /*margin-right: 7%;*/
    padding-left: 5px;
    color: #FF6666;
    font-weight: bold;
}

.t_weather_item_MinTemp {
    padding-left: 12px;
    color: #006699;
    font-weight: bold;
}

.t_weather_line {
    height: 2px;
    background-color: #FF6666;
    width: 95%;
    padding-left: 2px;
    margin-left: 5px;
    display: none;
}


.t_weather_powered {
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #e8ecf6;
    border-right-color: #e8ecf6;
    border-bottom-color: #e8ecf6;
    border-left-color: #e8ecf6;
    float: right;
    margin-right: 7px;
    display: none;
}

/* elements (custom actions) settings*/
.t_service_settings_row {
    width: 465px;
    margin: 5px;
    margin-bottom: 2px;
}

.t_service_settings_row_title {
    width: 100%;
    text-align: left;
    font-weight: bold;
    padding: 5px;
    float: left;
}

.t_service_settings_row_value {
    width: 350px;
    padding-top: 2px;
    text-align: left;
    float: left;
}

.t_service_settings_row_value_textbox {
    display: block;
    height: auto;
    width: 100%; /*border:1px solid #666;*/
}

.t_service_settings_btn {
    font-weight: bold;
}

.t_service_settings_rfv {
    color: red;
    width: 100px;
    float: left;
    padding-left: 14px;
}

.t_clear_fix {
    clear: both;
}

/***********************
    Yellow Pages
********************/
.p_yellowpages_wrapper {
    padding: 19px;
    width: 586px;
    font-size: 13px !important;
    display: block;
    height: 46px;
    border-radius: 5px;
    border: 1px solid #C0C0C0;
    background-color: #F0FFFF;
}

.p_yellowpages_search_company {
    display: block;
}

.p_yellowpages_search_textbox_company {
    background: url(../images/input203x30.png) no-repeat;
    width: 183px;
    height: 18px;
    padding: 6px 10px !important;
    border: none !important;
}

.p_yellowpages_search_criteria {
    padding-bottom: 2px;
    padding-top: 2px;
}

.p_yellowpages_search_results {
    display: block;
    float: left;
    width: 615px;
    margin-top: 10px;
    margin-left: -19px;
}

.p_yellowpages_search_required_field_validator {
    color: red;
    float: left;
    display: block;
    width: 100%;
}

.p_yellowpages_search_results_message {
    color: rgb(195, 24, 29);
    font-size: 12px;
    padding: 15px;
    display: block;
    float: left;
    width: 100%;
    height: auto;
}

.p_yellowpages_search_results_items {
    width: 100%;
    position: relative;
    clear: both;
}

.p_yellowpages_search_results_item {
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    height: auto;
    border-bottom: 1px dashed #00a774;
    clear: both;
}

.p_yellowpages_search_results_item_edit {
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    height: auto;
    display: block;
    float: left;
    border: 1px solid #C0C0C0;
    width: 609px;
    margin-top: 10px;
    margin-left: -19px;
    border-radius: 5px;
    background-color: #F0FFFF;
}

.p_yellowpages_search_results_item_row_add_information {
    width: 100%;
    display: block;
    float: left;
    font-weight: bold;
    margin-top: -25px;
}

.p_yellowpages_search_results_item_row_edit_information {
    width: 100%;
    display: block;
    float: left;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 5px;
}


.p_yellowpages_search_results_item_add {
    padding-left: 15px;
    padding-top: 38px;
    padding-bottom: 5px;
    height: auto;
    border: 1px solid #C0C0C0;
    float: left;
    width: 609px;
    margin-top: 10px;
    margin-left: -19px;
    border-radius: 5px;
    background-color: azure;
}

.p_yellowpages_search_results_item_edit_row {
    display: block;
    float: left;
    height: auto;
    width: 100%;
    padding-bottom: 2px;
    padding-top: 2px;
}

.p_yellowpages_search_results_item_add_row {
    display: block;
    float: left;
    height: auto;
    padding-bottom: 2px;
    padding-top: 2px;
    width: 100%;
}

/*.p_yellowpages_search_results_item :hover {
        border-color:#f7ee25;
        border-style:solid;
        border-width:1px;
    }*/

.p_yellowpages_search_results_item_name {
    color: #00a774;
    font-weight: bold;
    float: left;
    font-size: 14px;
    width: 100%;
    padding-bottom: 5px;
}

.p_yellowpages_search_results_item_add_name_text, .p_yellowpages_search_results_item_edit_name_text {
    width: 100%;
    display: block;
    float: left;
}

.p_yellowpages_search_results_item_add_name_value, .p_yellowpages_search_results_item_edit_name_value {
    width: 431px;
    background: url(../images/input440.png) no-repeat;
    float: left;
    border: none !important;
    height: 21px !important;
    padding: 2px 5px 2px 5px !important;
}

.p_yellowpages_search_results_item_classification {
    margin-bottom: 15px;
    float: left;
    width: 100%;
}

.p_yellowpages_search_results_item_add_classification_text, .p_yellowpages_search_results_item_edit_classification_text {
    width: 100%;
    display: block;
    float: left;
}

.p_yellowpages_search_results_item_add_classification_value, .p_yellowpages_search_results_item_edit_classification_value {
    width: 431px;
    background: url(../images/input440.png) no-repeat;
    float: left;
    border: none !important;
    height: 21px !important;
}

.p_yellowpages_search_results_item_phone {
    width: 145px;
    margin-right: 15px;
    float: left;
}

.p_yellowpages_search_results_item_add_phone_text, .p_yellowpages_search_results_item_edit_phone_text {
    width: 100%;
    float: left;
}

.p_yellowpages_search_results_item_add_phone_value, .p_yellowpages_search_results_item_edit_phone_value {
    width: 149px;
    background: url(../images/input159x25.png) no-repeat;
    float: left;
    border: none !important;
    height: 21px !important;
}

.p_yellowpages_search_results_item_fax {
    width: 145px;
    float: left;
}

.p_yellowpages_search_results_item_add_fax_text, .p_yellowpages_search_results_item_edit_fax_text {
    width: 100%;
    float: left;
}

.p_yellowpages_search_results_item_add_fax_value, .p_yellowpages_search_results_item_edit_fax_value {
    width: 149px;
    background: url(../images/input159x25.png) no-repeat;
    float: left;
    border: none !important;
    height: 21px !important;
}

.p_yellowpages_search_results_item_add_captcha_value {
    width: 149px;
    background: url(../images/input159x25.png) no-repeat;
    float: left;
    border: none !important;
    height: 21px !important;
}

.p_yellowpages_search_button_search,
.p_yellowpages_search_button_refresh_captcha,
.p_yellowpages_search_button_update,
.p_yellowpages_search_button_add,
.p_yellowpages_search_button_edit,
.p_yellowpages_search_button_save,
.p_yellowpages_search_button_cancel,
.p_yellowpages_search_button_search:visited,
.p_yellowpages_search_button_refresh_captcha:visited,
.p_yellowpages_search_button_update:visited,
.p_yellowpages_search_button_add:visited,
.p_yellowpages_search_button_edit:visited,
.p_yellowpages_search_button_save:visited,
.p_yellowpages_search_button_cancel:visited {
    height: 30px;
    line-height: 26px;
    display: inline-block;
    font-size: 14px;
    color: #fff !important;
    font-weight: bold;
    background: url('../images/btn-login.png') no-repeat;
    width: 83px;
    margin: 5px 8px !important;
    margin-left: 10px !important;
    text-transform: uppercase;
    border: none !important;
}

    .p_yellowpages_search_button_search:hover,
    .p_yellowpages_search_button_refresh_captcha:hover,
    .p_yellowpages_search_button_update:hover,
    .p_yellowpages_search_button_add:hover,
    .p_yellowpages_search_button_edit:hover,
    .p_yellowpages_search_button_save:hover,
    .p_yellowpages_search_button_cancel:hover {
        color: #CCCCCC !important;
        border: none !important;
    }

.p_yellowpages_search_button_edit {
    position: relative;
    left: 162px;
    bottom: 1px;
}

.p_yellowpages_search_button_save {
    float: left;
}

.p_yellowpages_search_button_cancel {
    float: left;
}

.p_yellowpages_approving_proposal_wrapper {
    display: block;
    float: left;
    width: 526px;
}

.p_yellowpages_approving_proposal_row {
    float: left;
    height: auto;
    display: block;
    width: 100%;
    padding: 6px;
}

.p_yellowpages_approving_proposal_text {
    width: 113px;
    display: block;
    float: left;
}

.p_yellowpages_approving_proposal_value {
    width: 350px;
    display: block;
    float: left;
}

.p_yellowpages_approving_proposal_button_save, .p_yellowpages_approving_proposal_button_cancel, .p_yellowpages_approving_proposal_button_reject {
    float: left;
}

.p_yellowpages_settings_wrapper {
    float: left;
    display: block;
    height: auto;
    padding: 20px;
}

.p_yellowpages_settings_row {
    float: left;
    display: block;
    height: auto;
    width: 100%;
    padding-bottom: 5px;
    padding-top: 5px;
}


/*-----------------------Package Allowance---------------------*/
.t_pckgallowance_div {
    width: 610px;
    padding: 0px !important;
    background-color: #ebf7f4;
}

.t_pckgallowance_item {
    vertical-align: middle;
    padding-top: 8px;
    padding-bottom: 8px;
}

.t_pckgallowance_lbone {
    font-size: 13px;
    display: block;
    float: left;
}

.t_pckgallowance_lbtwo {
    padding-right: 20px;
    font-size: 13px;
    display: block;
    float: left;
}

.t_pckgallowance_progressbar {
    width: 355px !important;
    background-color: #71b27f !important;
    margin-top: -5px;
    margin-left: 42%;
    background-image: none;
    height: 22px;
}

    .t_pckgallowance_progressbar .ui-progressbar-value {
        background-color: #b27184;
        padding-top: 3px !important;
        font-size: 12px !important;
    }

.t_pckgallowance_progressbar_span { /*display: block;
        position: absolute;
        text-align: center;*/
    padding-top: 0px !important;
    font-size: 12px !important;
}



/*---------------------Package Bundle Info----------------*/
.t_packageinfo_wrapper {
    width: 650px;
}


.t_news_label {
    padding-right: 5px;
    color: #cf0972;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: -0.02em;
}

/*.t_news_linkbutton {
    margin-right: 56px;
    line-height: 35px;
    background-image: url("../images/bgr-pinkarrrow.png");
    background-repeat: no-repeat;
    background-position: 100% 50%;
    padding-right: 10px;
    text-decoration: underline;
}*/

/**********************************/
/******LAST NEWS BOX*****/
.t_lastnewsbox {
    width: 460px;
    float: left;
    position: relative;
}

    .t_lastnewsbox h2 {
        color: #5b1f69;
        line-height: 27px;
        letter-spacing: -0.02em;
        font-size: 24px;
        font-weight: normal;
        margin-bottom: 8px;
    }

.t_imgbox {
    float: left;
    display: block;
    margin-right: 15px;
    position: relative;
}

.t_newsBox {
    float: left;
    width: 295px;
}

.t_imgnews {
    width: 140px !important;
}

.t_titlenews {
    font-size: 13px;
    font-weight: 700;
}

.t_textbox {
    width: 295px;
    line-height: 16px;
    margin-bottom: 0px;
    overflow: hidden;
    font-size: 13px;
}

.t_newsbox_linkbutton {
}

.t_buttons {
    position: relative;
    height: 18px;
    margin-top: 0px;
}

.t_allnewsbox_linkbutton {
    margin-left: 40px;
}

.t_newsbox_a {
    color: black;
}

    .t_newsbox_a :hover {
        color: #cf41b0;
    }

.t_rowA { /*bottom: 25px; 
    position: relative;*/
    float: left;
}

.t_newsbox_imageurl { /*background-image:  url("../img/bgr-pinkarrrow.png");*/
}

.b_loc_finder_homepage_linklist {
    width: 280px;
    position: absolute;
    top: 49px;
    visibility: hidden;
}

/************************
    Gallery
*************************/
.z_gallery_selector_wrapper {
}

.z_error_message_wrapper {
}

.z_error_message {
    color: red;
    font-weight: bold;
}

.z_clear {
    clear: both;
    height: 1px;
}

/*.z_gallery_selector_album_wrapper {
    width: 200px;
    height: 220px;
    float: left;
    font-size: 10px;
}

.z_gallery_album_thumbnail {
    width: 180px;
    height: 120px;
    margin: 10px;
    position: relative;
    padding: 5px;
}

    .z_gallery_album_thumbnail img {
        width: 100%;
        height: 100%;
        -moz-transition-property: background-color;
        -moz-transition-duration: 2s;
        background-color: rgba(0,0,0,0.6);
        border-radius: 10px;
        border: 1px solid #e4e4e3;
    }

        .z_gallery_album_thumbnail img:hover {
            width: 100%;
            height: 100%;
            opacity: 0.5;
            filter: alpha(opacity=50);
        }

.z_gallery_album_footer {
    width: 180px;
    margin-left: 10px;
    margin-right: 10px;
}

    .z_gallery_album_footer .album-name {
        font-weight: bold;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #333;
    }

    .z_gallery_album_footer .album-pic-count {
        font-size: 13px;
        font-family: Arial, Helvetica, sans-serif;
    }

.z_gallery_album_footer_label {
    font-weight: bold;
}

.z_gallery_album_footer_value {
    color: #00a774;
}*/

/*GALLERY VIEWER*/
/*.z_gallery_viewer_wrapper {
}

.z_gallery_video_selector_wrapper {
}

.z_gallery_video_thumbnail {
    width: 140px;
    height: 110px;
    margin: 0px!important;
    position: relative;
    padding: 0px!important;
}

    .z_gallery_video_thumbnail img {
        width: 100%;
        height: 100%;
        -moz-transition-property: background-color;
        -moz-transition-duration: 2s;
        background-color: rgba(0,0,0,0.6);
        border-radius: 10px;
        border: 1px solid #e4e4e3;
    }

        .z_gallery_video_thumbnail img:hover {
            width: 100%;
            height: 100%;
            opacity: 0.5;
            filter: alpha(opacity=50);
        }

.z_gallery_video_album_footer_wrapper {
    width: 100%;
    margin-top: 10px;
    margin-left: 0px!important;
    margin-right: 0px!important;
}

.z_gallery_video_album_footer_views_count_wrapper {
}

.z_gallery_video_album_footer_likes_count_wrapper {
}

.z_gallery_video_album_footer_title {
    font-style: normal;
    font-size: 13px;
    font-weight: bold;
}

.z_gallery_album_footer_label {
    font-weight: bold;
    float: left;
    margin-right: 10px;
}

.z_gallery_album_footer_label_value {
    color: #00a774;
}

.z_gallery_video_viewer_wrapper {
}

.z_gallery_youtube_header_wrapper {
    font-size: 12px;
}

.z_gallery_youtube_header_row {
}

.z_gallery_youtube_header_cell_label {
    width: 150px;
    float: left;
    font-weight: bold;
    text-align: left;
    margin-left: 5px;
    margin-top: 5px;
}

.z_gallery_youtube_header_cell_control {
    width: 100px;
    float: left;
    text-align: left;
    margin: 3px;
}

.z_gallery_youtube_channel_thumbnail_wrapper {
    width: 200px;
    height: 270px;
    float: left;
}

.z_gallery_youtube_channel_thumbnail {
    width: 180px;
    height: 160px;
    margin: 10px;
    position: relative;
    padding: 5px;
}

    .z_gallery_youtube_channel_thumbnail img {
        width: 100%;
        height: 100%;
        border: 1px solid #E4E4E3;
        border-radius: 10px;
        -moz-transition-property: background-color;
        -moz-transition-duration: 2s;
        background-color: rgba(0,0,0,0.6);
    }

        .z_gallery_youtube_channel_thumbnail img:hover {
            width: 100%;
            height: 100%;
            opacity: 0.5;
            filter: alpha(opacity=50);
        }

.z_gallery_youtube_channel_footer_wrapper {
    width: 100%;
    margin-left: 10px;
    margin-right: 10px;
}

.z_gallery_youtube_channel_footer_title {
    font-style: bold;
    font-size: 13px;
}

.z_gallery_youtube_channel_footer_views_count_wrapper {
}

z_gallery_youtube_channel_footer_label .z_gallery_youtube_channel_footer_likes_count_wrapper {
}

.z_gallery_youtube_channel_footer_label {
    font-weight: normal;
    font-size: 11px;
    float: left;
    margin-right: 10px;
}

.z_gallery_youtube_channel_footer_label_value {
    color: #00a774;
    font-size: 11px;
}



.z_gallery_youtube_channel_load_more_videos_wrapper {
}

.z_gallery_youtube_channel_load_more_videos {
}

.album_thumbnail {
    width: 150px;
    height: 100px;
    background-color: lightblue;
    margin: 10px;
    position: relative;
}

    .album_thumbnail img {
        width: 100%;
        height: 100%;
        -moz-transition-property: background-color;
        -moz-transition-duration: 2s;
        background-color: rgba(0,0,0,0.6);
    }

        .album_thumbnail img:hover {
            width: 100%;
            height: 100%;
            opacity: 0.5;
            filter: alpha(opacity=50);
        }

.album_wrapper {
    width: 200px;
    height: 200px;
    float: left;
}

.album_footer {
    width: 100%;
    margin-left: 10px;
    margin-right: 10px;
}*/







.z_boxed_navigation_rounded_box_light {
    position: relative;
    float: left;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 10px;
}

.z_boxed_navigation_wrapper_box {
    min-height: 10px;
    border: 1px solid rgb(204, 204, 204);
    background-color: rgb(244, 244, 244);
    width: 300px;
}

.z_boxed_navigation_item_box {
    width: 282px;
    height: 155px;
    position: relative;
    overflow: hidden;
}

/***************************
    All News Web Part (Imtech)
***********************/

.t_newsoverview_item {
    width: 100%;
    margin-bottom: 15px;
    margin-top: 0px!important;
    height: auto;
    float: left;
    display: block;
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 15px;
}

.t_newsoverview_item_wrapper_image {
    float: left;
    width: 110px;
    position: relative;
}

.t_newsoverview_item_wrapper_content {
    float: left;
    text-align: left;
    width: 79%;
    position: relative;
}

    .t_newsoverview_item_wrapper_content .t_news_label {
        margin-left: 15px;
    }


.t_newsoverview_item_image {
    height: auto;
    float: left;
    display: block;
    width: 110px;
}

.t_newsoverview_item_date {
    font-size: 100%;
    height: auto;
    color: #404040;
    margin-top: 2px;
    padding-left: 15px;
    width: 100%;
}

.t_newsoverview_item_title {
    font-size: 110%;
    height: auto;
    color: #333 !important;
    padding-left: 15px;
    display: block;
    margin-right: 10px;
    font-weight: bold;
}

    .t_newsoverview_item_title:hover {
        color: #cf0972 !important;
        text-decoration: none;
        font-weight: bold;
    }

.t_newsoverview_item_description {
    font-family: Arial;
    font-size: 100%;
    height: auto;
    color: #404040;
    margin-top: 5px;
    padding-left: 15px;
    display: block;
    line-height: 15px;
    margin-right: 10px;
}

.t_newsPaggingWrapper {
    width: 100%;
    text-align: right;
    padding-right: 20px;
    clear: both;
}

.t_PaggingPrevButton {
    height: 20px;
    background-image: url('/_catalogs/masterpage/Zain Branding/images/bgr-pinkarrrow_ar.png');
    background-repeat: no-repeat;
    background-position: 50% 40%;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    margin-right: 10px;
}

.t_PaggingNextBtn {
    height: 20px;
    background-image: url('/_catalogs/masterpage/Zain Branding/images/bgr-pinkarrrow.png');
    background-repeat: no-repeat;
    background-position: 50% 40%;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    margin-left: 10px;
}

.t_newsoverview_item_wrapper_content .t_newsPagebtn {
    text-decoration: underline;
    font-weight: bold;
    color: #cf0972 !important;
    line-height: 18px;
    font-size: 100%;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 5px;
    background: url('../images/bgr-pinkarrrow.png') no-repeat 100% 35%;
}

    .t_newsoverview_item_wrapper_content .t_newsPagebtn:hover {
        background: url('../images/bgr-pinkarrrow.png') no-repeat 100% 35%;
        color: #333 !important;
        text-decoration: underline;
    }


.t_newsPagebtn {
    text-decoration: underline;
    font-weight: bold;
    color: #cf0972 !important;
    line-height: 18px;
    font-size: 15px;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 5px;
}

.t_newsPageText {
    text-decoration: none;
    font-weight: bold;
    color: #000 !important;
    line-height: 18px;
    font-size: 15px;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 5px;
}

.t_newsPaggingDivider {
    width: 100%;
    display: /*block*/ none!important;
    border-top: 1px solid #d7d7d7;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    padding-top: 25px;
}

.t_newsPaggingLabel {
    font-size: 15px;
    font-weight: bold;
    padding-right: 15px;
}

.t_newsPageSpot {
    font-family: Verdana;
    font-size: 15px;
    color: gray;
    padding-bottom: 5px;
    line-height: 18px;
}

.t_newsLink {
    background: url('../images/bgr-pinkarrow.png') no-repeat 100% 50%;
    padding-left: 15px;
    font-weight: bold;
    color: #cf0972 !important;
    text-decoration: underline;
}

.tnewsLink:hover {
    color: #333333;
}

.p_promotions_item_title {
    float: left;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 3px;
    width: 100%;
}

/*### TRECI DEO ###*/

/*******************************
	GENERAL STYLES
*******************************/
label {
    cursor: pointer;
}

a, a:visited {
    color: #333;
    font-size: 13px;
    text-decoration: none;
}

    a:hover {
        text-decoration: none;
        color: #cf0972;
    }

.s4-topLine {
    background: #eee url('../images/bgr-bodytop.png') no-repeat 50% 0;
    width: 100%;
    height: 4px;
    margin: 0;
    padding: 0;
}

.wrapper {
    background: #fff;
    position: relative;
    margin-top: 5px;
    width: 100%;
    float: left;
}

.content {
    margin: 0 auto;
    width: 940px;
}

.ms-webpart-titleText a span, .ms-webpart-titleText span {
    font-size: 24px !important;
    color: #5b1f69 !important;
    font-family: 'AvenirLT-Book' !important;
}
/*******************************
Hiding things from modal dialog
***************************8****/
.ms-dialog .content {
    width: auto !important;
}

.ms-dlg-heading {
    display: none;
}

.ms-dlgTitleBtns {
    display: none;
}

.ms-dlgTitle {
    display: none;
}

.ms-dialog .ms-dlgFrameContainer {
    padding: 0;
    margin: 0;
}

.ms-dlgBorder {
    width: auto !important;
}

/*******************************
	FONTS
*******************************/
@font-face {
    font-family: 'AvenirLT-Light';
    src: url('../fonts/avenir_light.eot');
    src: url('../fonts/avenir_light.eot?#iefix') format('embedded-opentype'), url('../fonts/avenir_light.woff') format('woff'), url('../fonts/avenir_light.ttf') format('truetype'), url('../fonts/avenir_light.svg#avenir_light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirLT-Medium';
    src: url('../fonts/avenir_medium.eot');
    src: url('../fonts/avenir_medium.eot?#iefix') format('embedded-opentype'), url('../fonts/avenir_medium.woff') format('woff'), url('../fonts/avenir_medium.ttf') format('truetype'), url('../fonts/avenir_medium.svg#avenir_medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirLT-Book';
    src: url('../fonts/avenir_book.eot');
    src: url('../fonts/avenir_book.eot?#iefix') format('embedded-opentype'), url('../fonts/avenir_book.woff') format('woff'), url('../fonts/avenir_book.ttf') format('truetype'), url('../fonts/avenir_book.svg#avenir_book') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirLT-Heavy';
    src: url('../fonts/avenir_heavy.eot');
    src: url('../fonts/avenir_heavy.eot?#iefix') format('embedded-opentype'), url('../fonts/avenir_heavy.woff') format('woff'), url('../fonts/avenir_heavy.ttf') format('truetype'), url('../fonts/avenir_heavy.svg#avenir_heavy') format('svg');
    font-weight: normal;
    font-style: normal;
}


h2,
.overlaytxt h1 {
    font-family: 'AvenirLT-Book'!important;
}

.nav li a span,
.zainsurvey h5 a,
.zainsurvey h5 a:visited,
.btn-gray32,
.btn-gray32:visited,
.btn-pink32,
.btn-pink32:visited,
.btn-gray32 input,
.btn-pink32 input {
    font-family: 'AvenirLT-Heavy';
}

.overlaytxt p,
.overlaytxt .btn-pinkbig,
.btn-pinkbig,
.btn-pinkbig input,
.btn-pinkbig:visited,
.newsletter-widget a,
.colorbar h3,
.faq h2,
.toggleitem li span {
    font-family: 'AvenirLT-Medium';
}

h1,
.newsticker h2 {
    font-family: 'AvenirLT-Light';
}


/*******************************
	HEADINGS
*******************************/
h1 {
    font-size: 48px;
    margin-bottom: 20px;
    font-weight: normal;
}

h2 {
    font-size: 24px;
    color: #5b1f69;
    font-weight: normal;
    margin-bottom: 8px;
    line-height: 27px;
    letter-spacing: -0.02em;
}

.scrollbox .stitle h2,
.searchjob h2,
.register h2 {
    font-size: 20px;
    color: #212121;
}

.col-520 h2,
.payments h2,
.frmpay h2,
.product-details h2,
.offer h2,
.reviews h2 {
    font-size: 20px;
    color: #333;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif!important;
}

h2.t-ico {
    line-height: 44px;
    margin-bottom: 0;
}

    h2.t-ico img {
        float: left;
        margin-right: 10px;
    }

h3 {
    font-size: 16px;
}

    h3 a,
    h3 a:visited {
        font-size: 16px;
    }

h4 {
    font-size: 14px;
}

    h4 a,
    h4 a:visited {
        font-size: 14px;
    }

    h4.freesms {
        background: url('../images/ico-envelope.png') no-repeat;
        padding-left: 30px;
    }

h5 {
    font-size: 13px;
    margin-bottom: 5px;
}

    h5 a,
    h5 a:visited {
        font-size: 13px;
    }

h6 {
    font-size: 13px;
    margin-bottom: 5px;
    font-weight: normal;
}

    h6 a,
    h6 a:visited {
        font-size: 13px;
    }

table {
    border-collapse: collapse;
    width: 100%;
}

.t_ivr_treeview table {
    width: auto !important;
}

    .t_ivr_treeview table span {
        vertical-align: bottom;
    }

    .t_ivr_treeview table td {
        vertical-align: bottom;
    }

p, td, th, li, dl {
    font-size: 13px;
}

p {
    margin-bottom: 5px;
    line-height: 16px;
}

img {
    vertical-align: bottom;
}

input[type="submit"] {
    border: none;
    overflow: visible;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

.header,
.footer,
.sitemap,
.colorbar,
.socialmedialinks,
.pagetop,
.section,
.row,
.subrow,
.srow,
.oneimg,
.socialbar,
.intro,
.staffrow,
.location {
    width: 100%;
    overflow: visible;
}

.footer,
.socialmedialinks {
    border-bottom: 1px solid #b6b6b6;
    padding-bottom: 11px;
    margin-bottom: 10px;
}

.socialmedialinks {
    padding-bottom: 9px;
    margin-bottom: 20px;
}

.pagebottom {
    background-color: #eee;
    padding: 22px 0;
}

.pagetop {
    position: relative;
    z-index: 2;
}

.row {
    margin-bottom: 20px;
    position: relative;
}

    .row .col-two {
        width: 460px;
        margin-right: 20px;
        float: left;
        position: relative;
    }

    .row .col-three {
        width: 300px;
        margin-right: 20px;
        float: left;
        position: relative;
    }

    .row .col-three-290 {
        width: 290px;
        margin-right: 35px;
        float: left;
        position: relative;
    }

    .row .col-two-third {
        width: 620px;
        margin-right: 20px;
        float: left;
        position: relative;
    }

    .row .last {
        margin-right: 0;
    }

.hasshadow {
    background: url('../images/bgr-rowshadow-bot.png') no-repeat 50% 100%;
    padding-bottom: 25px;
}

.has-short-shadow {
    background: url('../images/bgr-shadow-short.png') no-repeat 50% 100%;
    padding-bottom: 25px;
}

.subrow {
    padding: 10px 0 20px;
    overflow: hidden;
}

.srow {
    margin-bottom: 20px;
    overflow: hidden;
}

.hasline {
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.rowlast {
    margin-bottom: 0;
}

.customhasshadow {
    background: url('../images/bgr-rowshadow.png') no-repeat 50% 100%;
    padding-bottom: 20px;
}

.customrow {
    margin-bottom: 0;
}

.imgbox {
    margin: -5px 20px 0 -4px;
    display: block;
    float: left;
}

.txtbox {
    min-width: 100px;
    overflow: hidden;
}

.overflow300 {
    overflow: visible;
    float: left;
    width: 300px;
}

.approved {
    background: url('../images/bgr-aproved.png') no-repeat 0 50%;
    padding-left: 20px;
}

.activated {
    background: url('../images/bgr-aproved.png') no-repeat 100% 50%;
    padding-right: 20px;
    font-size: 14px;
}

.deactivated {
    background: url('../images/bgr-deactivate.png') no-repeat 100% 50%;
    padding-right: 17px;
    font-size: 14px;
}

.connected {
    background: url('../images/ico-connected-big.png') no-repeat;
    padding-left: 20px;
    font-size: 14px;
    color: #009b74;
}

/*******************************
	COLUMNS
*******************************/
.col-520,
.col-220,
.col-300,
.col-380,
.col-400,
.col-720 {
    float: left;
}

.col-220 {
    width: 220px;
}

.col-520 {
    width: 520px;
}

.col-300 {
    width: 300px;
}

    .col-300 .sharebox .box-in {
        width: 298px;
    }

.col-380 {
    width: 380px;
    margin-left: 20px;
}

.col-400 {
    width: 400px;
    margin-right: 75px;
}

.col-720 {
    width: 700px;
    margin-left: 20px;
}

/*******************************
	ROUNDED BOXES
*******************************/
.rimg5,
.rimg-dark5,
.rimg10,
.masked,
.rimg-border5,
.rimg-borderlight5,
.rimg-borderdark3 {
    position: relative;
    display: inline-block;
    z-index: 1;
}

.rimg5 {
    margin-bottom: 10px;
}

    .rimg5 span,
    .rimg-dark5 span,
    .rimg-border5 span,
    .rimg-borderlight5 span,
    .rimg-borderdark3 span,
    .oneimg span,
    .corner-nb-tl,
    .corner-nb-tr,
    .corner-nb-bl,
    .corner-nb-br {
        position: absolute;
        z-index: 1;
        width: 5px;
        height: 5px;
        background: url('../images/bgr-corner.png') no-repeat;
    }

.rimg-dark5 span {
    position: absolute;
    z-index: 1;
    width: 5px;
    height: 5px;
    background: url('../images/bgr-corner-dark.png') no-repeat;
}

.rimg10 span {
    position: absolute;
    z-index: 1;
    width: 10px;
    height: 10px;
    background: url('../images/bgr-corner10.png') no-repeat;
}

.rimg5 .eventday {
    background: url('../images/bgr-eventdate.png') no-repeat;
    width: 48px;
    height: 46px;
    top: 0;
    left: 10px;
    text-align: center;
    font-size: 14px;
    color: #333;
    text-transform: uppercase;
    line-height: 19px;
}

    .rimg5 .eventday em {
        font-size: 24px;
        font-style: normal;
        display: block;
        margin-top: 7px;
    }


.corner-tl,
.corner-tr,
.corner-bl,
.corner-br,
.rimg-border3 span {
    position: absolute;
    z-index: 1;
    width: 5px;
    height: 5px;
    background: url('../images/bgr-cornerborder.png') no-repeat;
}

.corner-tl-p,
.corner-tr-p,
.corner-bl-p,
.corner-br-p {
    position: absolute;
    z-index: 1;
    width: 5px;
    height: 5px;
    background: url('../images/bgr-cornerborder-p.png') no-repeat;
}

.corner-tl-g,
.corner-tr-g,
.corner-bl-g,
.corner-br-g {
    position: absolute;
    z-index: 1;
    width: 5px;
    height: 5px;
    background: url('../images/bgr-cornerborder-g.png') no-repeat;
}

.corner-tl-dg,
.corner-tr-dg,
.corner-bl-dg,
.corner-br-dg {
    position: absolute;
    z-index: 1;
    width: 5px;
    height: 5px;
    background: url('../images/bgr-cornerborder-darkg.png') no-repeat;
}

.corner-tl-dgb,
.corner-tr-dgb,
.corner-bl-dgb,
.corner-br-dgb {
    position: absolute;
    z-index: 1;
    width: 5px;
    height: 5px;
    background: url('../images/bgr-cornerborder-darkgb.png') no-repeat;
}

.rimg-border5 span {
    background: url('../images/bgr-cornerborder-light.png') no-repeat;
}

.rimg-border5 img {
    border: 1px solid #e8e5e5;
}

.rimg-borderdark3 span {
    background: url('../images/bgr-cornerborder-dark.png') no-repeat;
}

.rimg-borderdark3 img {
    border: 1px solid #bfbfbf;
}

.rimg-borderlight5 span {
    background: url('../images/bgr-cornerborder-light5.png') no-repeat;
}

.rimg-borderlight5 img {
    border: 1px solid #e2dede;
}


span.ct,
.corner-tl,
.corner-tl-p,
.corner-tl-g,
.corner-tl-dg,
.corner-tl-dgb,
.corner-nb-tl {
    top: 0;
    left: 0;
    background-position: 0 0;
}

span.cr,
.corner-tr,
.corner-tr-p,
.corner-tr-g,
.corner-tr-dg,
.corner-tr-dgb,
.corner-nb-tr {
    top: 0;
    right: 0;
    background-position: 100% 0;
}

span.cb,
.corner-br,
.corner-br-p,
.corner-br-g,
.corner-br-dg,
.corner-br-dgb,
.corner-nb-br {
    bottom: 0;
    right: 0;
    background-position: 100% 100%;
}

span.cl,
.corner-bl,
.corner-bl-p,
.corner-bl-g,
.corner-bl-dg,
.corner-bl-dgb,
.corner-nb-bl {
    bottom: 0;
    left: 0;
    background-position: 0 100%;
}


.play,
.playbig {
    display: block;
    position: absolute;
    top: 50%!important;
    left: 50%!important;
    z-index: 3!important;
    width: 45px!important;
    height: 45px!important;
    margin: -22px 0 0 -22px;
}

.play {
    background: url('../images/btn-play.png') no-repeat 50% 50%!important;
}

.playbig {
    background: url('../images/btn-playbig.png') no-repeat 50% 50%!important;
}

.masked span {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    z-index: 1;
}

.masked .mask-80x60 {
    background: url('../images/bgr-mask80x60.png') no-repeat;
    width: 80px;
    height: 60px;
}

.current .mask-80x60,
.masked:hover .mask-80x60 {
    background-position: 0 -60px;
}

.masked .mask-128x97 {
    background: url('../images/bgr-mask128x97.png') no-repeat;
    width: 128px;
    height: 97px;
}

.masked .mask-142x107 {
    background: url('../images/bgr-mask142x107.png') no-repeat;
    width: 142px;
    height: 107px;
}

.masked .mask-140x107 {
    background: url('../images/bgr-mask140x107.png') no-repeat;
    width: 140px;
    height: 107px;
}

.masked .maskbannerthumb {
    background: url('../images/bgr-mask-bannerthumb.png') no-repeat;
    width: 99px;
    height: 58px;
}

.masked .maskthumb {
    background: url('../images/bgr-thumbmask.png') no-repeat;
    width: 146px;
    height: 111px;
}

.masked:hover .maskthumb,
.maskthumb-active .maskthumb {
    background-position: 0 -111px;
}

/*******************************
	PAGER  PLAY PAUSE
*******************************/
.bx-auto {
    position: absolute;
    width: 26px;
    height: 26px;
    z-index: 99;
}

    .bx-auto .bx-start {
        width: 26px;
        height: 26px;
        display: block;
        orphans: inherit;
        text-indent: -99999em;
        background: url('../images/bgr-play-pause.png') no-repeat;
    }

    .bx-auto .stop {
        background-position: 0 0!important;
    }

    .bx-auto .start {
        background-position: 0 -26px!important;
    }

    .bx-auto .stop:hover {
        background-position: 0 -52px!important;
    }

    .bx-auto .start:hover {
        background-position: 0 -78px!important;
    }

.bx-prev,
.bx-next {
    position: absolute;
    display: block;
    overflow: hidden;
    text-indent: -9999em;
    z-index: 999;
    background: url('../images/bgr-thumb-prev-next.png') no-repeat;
    height: 21px;
    width: 23px;
}

    .bx-prev:hover {
        background-position: 0 100%;
    }

.bx-next {
    background-position: 100% 0;
}

    .bx-next:hover {
        background-position: 100% 100%;
    }

.bx-pager {
    position: absolute;
    z-index: 999;
}

    .bx-pager a {
        float: left;
        width: 13px;
        height: 13px;
        background-position: 0 0;
        overflow: hidden;
        text-indent: -9999em;
        margin: 0 3px;
    }

        .bx-pager a:hover,
        .bx-pager a.pager-active {
            background-position: 100% 0;
        }

.oneimg {
    position: relative;
}

    .oneimg h1 {
        color: #fff;
        position: absolute;
        bottom: 8px;
        left: 35px;
        z-index: 2;
    }

/*******************************
	LINE - SPERATORS
*******************************/
.line,
.line5,
.line7,
.line10,
.line15,
.line17,
.line20 {
    width: 100%;
    display: block;
    border-top: 1px solid #d7d7d7;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    overflow: hidden;
}

.line5 {
    padding-bottom: 5px;
    margin-top: 5px;
}

.line {
    padding-bottom: 8px;
    margin-top: 10px;
}

.line7 {
    padding-bottom: 7px;
    margin-top: 7px;
}

.line10 {
    padding-bottom: 10px;
    margin-top: 20px;
}

.line15 {
    padding-bottom: 15px;
    margin-top: 15px;
}

.line17 {
    padding-bottom: 17px;
    margin-top: 18px;
}

.line20 {
    padding-bottom: 16px;
    margin-top: 20px;
}

.line-vert {
    border-left: 1px solid #999;
    width: 1px;
}

.lineshadow {
    background: url('../images/bgr-shadow-small.png') no-repeat 0 100%;
    height: 14px;
    width: 100%;
    margin-bottom: 11px;
}

.lastline {
    padding-bottom: 0;
}

.noline {
    border: none!important;
}

.spacer30 {
    width: 100%;
    display: block;
    height: 30px;
    clear: both;
}

.spacer20 {
    width: 100%;
    display: block;
    height: 20px;
    clear: both;
}

.spacer15 {
    width: 100%;
    display: block;
    height: 15px;
    clear: both;
}

.spacer10 {
    width: 100%;
    display: block;
    height: 10px;
    clear: both;
}


.t-green,
.greenlnk,
.greenlnk:visited {
    color: #11a070;
}


.t-red {
    color: #ff0000;
}

.al {
    float: left!important;
}

.ar {
    float: right!important;
}

.ft-11 {
    font-size: 11px;
}

.align12 {
    padding: 0 12px;
}

.align10 {
    padding: 0 10px;
}

.last {
    margin-right: 0!important;
    padding-right: 0!important;
}

.note {
    font-size: 11px;
}

.m-left58 {
    margin-left: 58px;
}

.up {
    background: url('../images/bgr-greenup.png') no-repeat 100% 50%;
    padding-right: 20px;
}

.abs {
    position: absolute;
    top: 10px;
    right: 0;
}

.infobox {
    position: relative;
    float: left;
}

.greeinfo {
    background: url('../images/bgr-greeninfo.png') no-repeat;
    display: inline-block;
    width: 12px;
    height: 11px;
    margin: 2px 0;
    position: absolute;
    top: 3px;
    left: 3px;
}

.breadcrumb a,
.breadcrumb a:visited,
.toggleitem h2 a,
.toggleitem h2 a:visited,
.textblock p a,
.textblock p a:visited,
.lnk,
.lnk:visited,
.list-download a,
.list-download a:visited,
.tbl-report td a,
.tbl-report td a:visited,
.pinklnk,
.pinklnk:visited,
.pdf,
.pdf:visited,
.faq-live h2 a,
.faq-live h2 a:visited {
    color: #cf0972 !important;
}

    .tbl-report td a,
    .tbl-report td a:visited,
    .textblock p a,
    .textblock p a:visited,
    .lnk,
    .lnk:visited,
    .list-download a,
    .list-download a:visited,
    .pinklnk,
    .pinklnk:visited,
    .pdf,
    .pdf:visited {
        text-decoration: underline;
    }

        .breadcrumb a:hover,
        .toggleitem h2 a:hover,
        .textblock p a:hover,
        .lnk:hover,
        .tbl-report td a:hover,
        .pinklnk:hover,
        .pdf:hover,
        .faq-live h2 a:hover {
            color: #333;
            text-decoration: underline;
        }

/*******************************
	LAYOUT
*******************************/

.header {
    position: relative;
    z-index: 1;
    height: 49px;
    padding-top: /*16px*/ 0;
}

    .header h5 {
        font-weight: bold;
    }
/*.stockmarket*/
.stockmarket {
    margin-top: 15px;
}

    .stockmarket li {
        float: left;
        font-size: 11px;
        padding-right: 7px;
        font-weight: bold;
    }

        .stockmarket li.li-selector {
            color: #d0d0d0;
        }

/*.topsearchbox*/
.topsearchbox {
    background: url('../images/bgr-topsearchbox.png') no-repeat;
    width: 220px;
    height: 28px;
    font-size: 14px;
    margin-top: 8px;
}

    .topsearchbox li {
        float: left;
    }

    .topsearchbox input {
        border: none;
        background: none;
        height: 27px;
        width: 34px;
        color: #666;
    }

        .topsearchbox input[type="text"] {
            height: 18px;
            padding: 5px 5px 1px;
            width: 175px;
            border: none;
        }

.ms-srch-sb-border {
    border: none !important;
}

.ms-srch-sb-border {
    border: none !important;
}

.ms-srch-sb-borderFocused {
    border: none !important;
}

.ms-srch-sb-searchLink {
    border: none !important;
}

    .ms-srch-sb-searchLink:hover {
        background-color: transparent !important;
    }

    .ms-srch-sb-searchLink img {
        display: none !important;
    }

/*languagebox*/
.languagebox {
    background: url('../images/box-language.png') no-repeat 200px 0;
    width: 173px;
    padding-top: 7px;
    position: relative;
    height: 41px;
    margin-right: -5px;
}

    .languagebox .box-out {
        background: url('../images/box-language.png') no-repeat 200px 0;
        width: 100%;
        padding-bottom: 7px;
        position: absolute;
        left: 0;
        top: 7px;
    }

    .languagebox .box-in {
        background: url('../images/box-language.png') repeat-y 200px 0;
        width: 165px;
        padding: 0 4px;
    }

.languagebox-toggle {
    background-position: 0 0;
}

    .languagebox-toggle .box-out {
        background-position: -173px 100%;
    }

    .languagebox-toggle .box-in {
        background-position: -346px 0;
    }

    .languagebox-toggle .btn-selectcountry,
    .languagebox-toggle .btn-selectcountry:visited {
        font-size: 13px;
    }

.languagebox ul {
    width: 165px;
    display: none;
    padding-top: 5px;
}

.languagebox li {
    width: 129px;
    padding: 0 18px;
    line-height: 30px;
}

    .languagebox li:hover {
        background-color: #e5e5e5;
    }

    .languagebox li a,
    .languagebox li a:visited {
        font-size: 14px;
        color: #d2187b;
        border-bottom: 1px solid #d9d9d9;
        background: url('../images/bgr-pinkarrrow.png') no-repeat 99% 50%;
        display: block;
    }

    .languagebox li.lastc a {
        border-bottom: none;
    }

.btn-selectcountry,
.btn-selectcountry:visited {
    height: 29px;
    line-height: 29px;
    padding-left: 15px;
    display: inline-block;
    font-size: 14px;
    color: #cf0972;
    font-weight: bold;
    background: url('../images/btn-selectcountry.png') no-repeat;
    width: 144px;
    margin: 0 3px;
}

    .btn-selectcountry span,
    .btn-selectcountry:visited span {
        font-size: 13px;
        text-transform: uppercase;
    }



/*pagelanguage*/
.pagelanguage {
    margin-top: 15px;
    padding: 0 5px;
}

    .pagelanguage a,
    .pagelanguage a:visited {
        font-weight: bold;
        font-size: 13px;
        font-family: Arial;
    }

/* mainmenu*/
.mainmenu {
    height: 89px;
    padding: 1px 0 0;
    position: relative;
    z-index: 0;
    margin-bottom: 20px;
}

.mainmenu-hassub {
    height: 129px;
}

.mmgreen {
    background: url('../images/bgr-mainnav-green.png') no-repeat 50% 0;
}

.mmgreenblue {
    background: url('../images/bgr-mainnav-greenblue.png') no-repeat 50% 0;
}

.mmpurple {
    background: url('../images/bgr-mainnav-purple.png') no-repeat 50% 0;
}

.nav {
    float: left;
}

    .nav li {
        float: left;
        border-left: 1px solid #8e3696;
        height: 88px;
    }

        .nav li.logo {
            border: none;
            width: 157px;
            text-align: center;
            height: 72px;
            padding-top: 17px;
        }

            .nav li.logo a,
            .nav li.logo a:visited {
                padding: 0!important;
            }

        .nav li a,
        .nav li a:visited {
            font-size: 11px;
            padding: 22px 19px 0;
            display: block;
            height: 67px;
        }

            .nav li a span {
                color: #fff;
                font-size: 15px;
                display: block;
            }

            .nav li a:hover {
                background: url('../images/bgr-mainnav-hover.png') repeat-x 100% 0;
                color: #333;
            }

            .nav li a.current {
                background: url('../images/bgr-mainnav-active.png') no-repeat 50% 0!important;
            }

                .nav li a:hover span,
                .nav li a.current span {
                    color: #333;
                }

    .nav ul {
        position: absolute;
        left: 0;
        top: 87px;
        background: url('../images/bgr-mainnav-sub.png') no-repeat;
        height: 41px;
        width: 930px;
        padding-left: 10px;
    }

    .nav li li {
        height: auto;
        border: none;
        font-size: 12px;
        color: #bfbfbf;
        padding: 0 5px 0 12px;
        line-height: 44px;
    }

        .nav li li a,
        .nav li li a:visited {
            font-size: 13px;
            color: #4d534e;
            padding: 0!important;
            font-weight: bold;
            height: auto;
        }

            .nav li li a:hover,
            .nav li li a.current,
            .nav li li a.current:visited {
                color: #009b74;
                background: none!important;
            }

.mspacing_1 .nav li a,
.mspacing_1 .nav li a:visited {
    padding: 17px 13px 4px 13px;
}

.mspacing_2 .nav li a,
.mspacing_2 .nav li a:visited {
    padding: 17px 23px 4px 22px;
}

.mspacing_3 .nav li a,
.mspacing_3 .nav li a:visited {
    padding: 17px 23px 4px 22px;
}


.spotlighthome,
.spotlighthome ul,
.spotlighthome li {
    width: 940px;
    height: 480px;
    position: relative;
    z-index: 0;
}

    .spotlighthome ul,
    .spotlighthome li {
        overflow: hidden;
    }

        .spotlighthome li .overlaytxt {
            position: absolute;
            z-index: 2;
            bottom: 0;
            left: 0;
            padding: 0 0 92px 36px;
            width: 450px;
        }

            .spotlighthome li .overlaytxt h1 {
                font-size: 44px;
                line-height: 44px;
                letter-spacing: -0.055em;
                color: #fff;
                margin-bottom: 7px;
            }

            .spotlighthome li .overlaytxt p {
                font-size: 18px;
                color: #fff;
                line-height: 22px;
                letter-spacing: -0.025em;
                margin-bottom: 10px;
            }

    .spotlighthome .bx-auto {
        bottom: 23px;
        left: 36px;
    }

        .spotlighthome .bx-auto .bx-start {
            background: url('../images/bgr-play-pause-white.png') no-repeat;
        }

    .spotlighthome .bx-pager {
        left: 70px;
        bottom: 30px;
    }

        .spotlighthome .bx-pager a {
            background-image: url('../images/bgr-pagerdots.png');
        }

.spotlighthomeSmall,
.spotlighthomeSmall ul,
.spotlighthomeSmall li {
    width: 940px;
    height: 350px;
    position: relative;
    z-index: 0;
}

    .spotlighthomeSmall ul,
    .spotlighthomeSmall li {
        overflow: hidden;
    }

        .spotlighthomeSmall li .overlaytxt {
            position: absolute;
            z-index: 2;
            bottom: 0;
            left: 0;
            padding: 0 0 92px 36px;
            width: 450px;
        }

            .spotlighthomeSmall li .overlaytxt h1 {
                font-size: 44px;
                line-height: 44px;
                letter-spacing: -0.055em;
                color: #fff;
                margin-bottom: 7px;
            }

            .spotlighthomeSmall li .overlaytxt p {
                font-size: 18px;
                color: #fff;
                line-height: 22px;
                letter-spacing: -0.025em;
                margin-bottom: 10px;
            }

    .spotlighthomeSmall .bx-auto {
        bottom: 23px;
        left: 36px;
    }

        .spotlighthomeSmall .bx-auto .bx-start {
            background: url('../images/bgr-play-pause-white.png') no-repeat;
        }

    .spotlighthomeSmall .bx-pager {
        left: 70px;
        bottom: 30px;
    }

        .spotlighthomeSmall .bx-pager a {
            background-image: url('../images/bgr-pagerdots.png');
        }
/*zainsurvey*/
.zainsurvey {
    background: url('../images/bgr-zainsurvey.png') no-repeat;
    width: 118px;
    height: 53px;
    position: absolute;
    top: 17px;
    left: -14px;
    z-index: 999;
}

    .zainsurvey h5 {
        text-transform: uppercase;
    }

        .zainsurvey h5 a,
        .zainsurvey h5 a:visited {
            color: #d60f85;
            font-size: 14px;
            line-height: 15px;
            display: block;
            padding: 7px 0 0 50px;
        }

.spotlightinner,
.spotlightinner ul,
.spotlightinner li {
    width: 940px;
    height: 350px;
    position: relative;
}

    .spotlightinner li .overlaytxt {
        padding: 0 0 80px 36px;
    }

.toprated {
    background: url('../images/bgr-toprated.png') no-repeat;
    width: 95px;
    height: 95px;
    position: absolute;
    top: 0;
    left: -1px;
    z-index: 99;
}


/* body */
.section {
    position: relative;
    z-index: 1;
}

    .section .content {
        padding-bottom: 20px;
    }

/*colorbar */
.colorbar {
    height: 34px;
    line-height: 34px;
}

    .colorbar h3 {
        font-size: 18px;
        font-weight: normal;
        color: #fff5f5;
    }

.colorbar-green {
    background-color: #009b74;
}

.colorbar-blue {
    background-color: #5eb6e4;
}

/* footer */
.footer li {
    display: inline;
    padding-right: 10px;
}

.footer .logosmall {
    float: left;
}

.footer .copyright {
    float: left;
    margin-left: 17px;
}

    .footer .copyright ul {
        direction: ltr;
    }

    .footer .copyright li {
        padding-right: 10px;
    }

    .footer .copyright a,
    .footer .copyright a:visited {
        font-weight: bold;
        font-size: 12px;
    }

.footer p {
    font-size: 12px;
    padding: 11px 0 3px;
    margin-bottom: 0;
}

/*intro*/
.intro {
    overflow: hidden;
    padding: 15px 0 0;
}

    .intro p {
        margin: 0;
    }

    .intro h1 {
        font-size: 30px;
        margin-bottom: 5px;
    }

    .intro .lnk,
    .intro .lnk:visited {
        margin-top: 5px;
    }

/*.newsletter-widget*/
.newsletter-widget {
    height: 40px;
    float: right;
    margin-top: 5px;
}

    .newsletter-widget img {
        float: left;
        margin: -2px 5px 0 0;
    }

    .newsletter-widget a,
    .newsletter-widget a:visited {
        font-size: 18px;
        padding-top: 4px;
        line-height: 20px;
        color: #666;
        letter-spacing: -0.02em;
    }

/*socialmedialinks*/
.socialmedialinks ul {
    float: right;
	   
}

.socialmedialinks li {
    float: left;
    padding-left: 8px;
}

.socialmedialinks a,
.socialmedialinks a:visited {
    background: url('../images/btn-socials.png') no-repeat;
    height: 28px;
    padding-left: 6px;
    display: inline-block;
    font-weight: bold;
    line-height: 27px;
    letter-spacing: -0.02em;
}

    .socialmedialinks a span {
        background: url('../images/btn-socials.png') no-repeat 100% -28px;
        height: 29px;
        display: inline-block;
        padding-right: 8px;
    }

        .socialmedialinks a span img {
            float: left;
            margin: 4px 6px 0 0;
        }

/*sitemap*/
.sitemap .col {
    float: left;
    width: 155px;
}

.sitemap h3 {
    font-size: 13px;
    margin-bottom: 3px;
    font-weight: bold;
}

.sitemap li {
    line-height: 20px;
}

/*content-listing*/
.content-listing {
    width: 280px;
    padding: 15px 0 0 18px;
}

    .content-listing h3 {
        margin-bottom: 3px;
    }

    .content-listing ul,
    .content-listing li,
    .content-listing .clitem {
        width: 280px;
        height: 155px;
        position: relative;
        overflow: hidden;
    }

        .content-listing li p,
        .content-listing .clitem p {
            padding-right: 110px;
            position: relative;
            z-index: 2;
        }

    .content-listing .cl-det {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 180px;
        padding: 8px 0 10px;
        border-top: 1px solid #ccc;
    }

    .content-listing .absimg {
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 1;
    }

    .content-listing .absimg-middle {
        position: absolute;
        top: 5px;
        right: 0;
        z-index: 1;
    }

    .content-listing .absimg-middle2 {
        position: absolute;
        top: 40px;
        right: 0;
        z-index: 1;
    }

    .content-listing .absimg2 {
        position: absolute;
        bottom: 0;
        right: 10px;
        z-index: 1;
    }

    .content-listing .cl-price {
        color: #009b74;
    }

    .content-listing .bx-pager {
        left: 105px;
        bottom: 13px;
    }

        .content-listing .bx-pager a {
            background-image: url('../images/bgr-pagerdotssmall.png');
            width: 7px;
            height: 7px;
            margin: 0 2px;
        }

    .content-listing .content-listing-rotator,
    .content-listing .content-listing-rotator li {
        height: 168px;
        padding-bottom: 0;
    }

        .content-listing .content-listing-rotator li p {
            padding-right: 110px;
        }

        .content-listing .content-listing-rotator .cl-det {
            width: 160px;
        }

/*onepaybox*/
.onepaybox {
    background: url('../images/box-pay.png') no-repeat;
    height: 160px;
    width: 260px;
    padding: 12px 20px;
}

    .onepaybox h2 {
        font-size: 24px;
        color: #fff;
    }

    .onepaybox label {
        color: #e4d700;
    }

    .onepaybox li {
        padding-bottom: 7px;
    }

    .onepaybox .btnwhite {
        margin-top: 13px;
    }

        .onepaybox .btnwhite input {
            width: 40px;
        }

/*regional-network*/
.regional-network {
    padding-top: 4px;
}

    .regional-network li {
        font-size: 11px;
        width: 100%;
        padding-bottom: 17px;
    }

    .regional-network p {
        margin-bottom: 15px;
    }

    .regional-network select {
        width: 250px;
    }

    .regional-network .line {
        margin-top: 11px;
        padding-bottom: 10px;
    }

/*stock-market*/
.stock-market {
}

    .stock-market table {
        margin-bottom: 6px;
    }

        .stock-market table td {
            padding: 7px 13px 6px 13px;
        }

    .stock-market .ft-11 {
        padding: 0 0 8px 3px;
        display: inline-block;
    }

/*fact-figures*/
.fact-figures .absimg {
    position: absolute;
    top: -2px;
    right: 0;
}

.fact-figures .ft-11 {
    display: block;
    padding: 0 0 9px 3px;
}

/*newsticker*/
.newsticker {
    position: relative;
    background: url('../images/bgr-newsticker.png') no-repeat;
    height: 36px;
    width: 930px;
    padding: 5px 4px 4px 6px;
}

    .newsticker h2 {
        font-size: 22px;
        margin-bottom: 0;
        color: #eee;
        background: url('../images/bgr-latest-news.png') no-repeat;
        width: 128px;
        padding-left: 13px;
        height: 36px;
        line-height: 35px;
        float: left;
        margin-right: 8px;
        letter-spacing: -0.023em;
    }

    .newsticker .bx-wrapper {
        float: left;
    }

    .newsticker ul {
        float: left;
        width: 770px;
        height: 36px;
        overflow: hidden;
    }

        .newsticker ul li {
            width: 770px;
            height: 36px;
            line-height: 36px;
            letter-spacing: -0.020em;
        }

            .newsticker ul li span {
                float: left;
                width: 662px;
                height: 36px;
                overflow: hidden;
            }

    .newsticker .bx-auto {
        left: 749px;
        top: 5px;
    }

/*messagefromceo*/
.messagefromceo {
    background: url('../images/box-messageceo.png') no-repeat;
    width: 258px;
    height: 307px;
    padding: 16px;
    margin-bottom: 12px;
    position: relative;
    color: #fff;
}

    .messagefromceo p {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 12px;
    }

    .messagefromceo cite {
        font-size: 14px;
        font-style: normal;
    }

        .messagefromceo cite strong {
            display: block;
        }

    .messagefromceo img {
        position: absolute;
        bottom: -1px;
        right: 0;
    }

/*milestones*/
.milestones {
    padding: 0 10px 5px;
    overflow: hidden;
}

    .milestones p {
        margin-bottom: 8px;
    }

.mitem {
    width: 100%;
    overflow: hidden;
    padding-bottom: 12px;
}

    .mitem .rimg5,
    .mitem .rimg-border5,
    .oitem .rimg5,
    .citem .rimg5 {
        float: left;
        margin: 0 10px 0 0;
    }

    .mitem strong {
        display: block;
    }

.citem {
    width: 100%;
    overflow: hidden;
}

    .citem p {
        margin-bottom: 0!important;
    }

.oitem {
    width: 100%;
    overflow: hidden;
}

    .oitem span {
        display: block;
        font-weight: normal;
    }

    .oitem h5 .lnk {
        float: none;
        font-weight: normal;
        margin-left: 5px;
    }

/*eitem*/
.eitem {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 0;
}

    .eitem .imgbox {
        margin-right: 20px;
    }

        .eitem .imgbox .pinklnk {
            clear: left;
            float: left;
            font-weight: bold;
            margin-top: 3px;
        }

    .eitem .rimg5 {
        margin-bottom: 0;
    }

    .eitem h5 {
        margin-bottom: 2px;
    }

    .eitem h4 {
        margin-bottom: 7px;
    }

    .eitem h5 span {
        font-weight: normal;
    }

    .eitem h5 a,
    .eitem h5 a:visited {
        display: block;
    }

    .eitem .date {
        font-size: 12px;
        margin-bottom: 3px;
    }

    .eitem .lnklist {
        padding-top: 1px;
    }

.main .eitem p {
    line-height: normal;
}

.eitem .title-rate {
    width: 100%;
    overflow: hidden;
}

    .eitem .title-rate h5 {
        float: left;
        margin-bottom: 0;
    }

    .eitem .title-rate .rate {
        float: left;
        width: auto;
        margin: 1px 0 0 15px;
        height: 12px;
    }

.eitem .buy-price strong {
    line-height: 30px;
    font-size: 13px;
    float: left;
    margin: 0 10px;
}

.eitem .posabs {
    position: absolute;
    right: 0;
    top: 0;
    margin-right: 0!important;
}

.eitem .ft-14 {
    margin-bottom: 10px;
}

.servicesbox {
    margin: 20px;
}

    .servicesbox .services {
        position: relative;
        padding-right: 150px;
        overflow: hidden;
    }

    .servicesbox h4 {
        margin-bottom: 10px;
    }

    .servicesbox p {
        margin-bottom: 12px;
    }

    .servicesbox ul {
        margin-bottom: 5px;
    }

    .servicesbox .activated,
    .servicesbox .deactivated {
        position: absolute;
        top: 0;
        right: 0;
    }

/*.faq { margin-top:28px;}*/
.toggleitem {
    border-bottom: 1px solid #ccc;
}

    .toggleitem h3 {
        padding: 11px 0;
        width: 100%;
        overflow: hidden;
    }

        .toggleitem h3 span {
            float: left;
            width: 35px;
        }

        .toggleitem h3 a,
        .toggleitem h3 a:visited {
            background: url('../images/bgr-plusminus.png') no-repeat 100% 0;
            line-height: 23px;
            float: left;
            width: 590px;
        }

    .toggleitem .toggleitem-content {
        background-color: #efeeee;
        display: none;
        padding: 18px 30px 0;
        overflow: hidden;
    }

        .toggleitem .toggleitem-content h5 {
            margin-bottom: 25px;
        }

        .toggleitem .toggleitem-content p {
            margin-bottom: 20px;
        }

.toggleitem-toggled .toggleitem-content {
    display: block;
}

.toggleitem-toggled h3 a,
.toggleitem-toggled h3 a:visited {
    background-position: 100% -78px;
}

/*breadcrumb*/
.breadcrumb {
    border-top: 1px solid #ccc;
    height: 30px;
}

.breadcrumb {
    line-height: 30px;
    padding-right: 5px;
    font-size: 12px;
    color: #666;
}

    .breadcrumb a,
    .breadcrumb a:visited {
        padding-right: 11px;
        margin-right: 5px;
        font-size: 12px;
        background: url('../images/bgr-grayarrow.png') no-repeat 100% 60%;
    }

        .breadcrumb a:hover {
            color: #333 !important;
        }

/*main*/
.main {
    float: left;
    width: 620px;
}
    /*	.main p{ line-height:22px; margin-bottom:15px;}*/
    .main .hasshadow {
        background-image: url('../images/bgr-rowshadow-small.png');
    }
/*sidebar*/
.sidebar {
    float: left;
    width: 280px;
}

.sidebar-padding p {
    margin-bottom: 10px;
}

.twocol-box-main-sidebar .sidebar {
    margin-left: 40px;
}

.twocol-box-sidebar-main .sidebar {
    margin-right: 40px;
}

/*socialbar*/
.socialbar {
    overflow: visible;
    border-bottom: 1px solid #ccc;
    padding: 0px 0 15px;
    margin-bottom: 15px;
}

    .socialbar li {
        float: left;
        color: #ccc;
        font-size: 14px;
    }

    .socialbar .al li {
        padding-right: 9px;
        line-height: 12px;
    }

    .socialbar .ar li {
        padding: 3px 0 0 4px;
        line-height: 13px;
    }

    .socialbar .fsize {
        display: block;
        width: 17px;
        height: 11px;
        text-indent: -9999em;
        overflow: hidden;
        margin-top: 3px;
    }

    .socialbar .increaseFont {
        background: url('../images/btn-txt-plus.png') no-repeat;
    }

    .socialbar .decreaseFont {
        background: url('../images/btn-txt-minus.png') no-repeat;
    }

/*facebook*/
.facebox {
    min-height: 290px;
}

    .facebox .fheader {
        background: #325c9a url('../images/bgr-facebook.png') no-repeat 97% 50%;
        height: 33px;
        line-height: 33px;
        width: 278px;
        border-width: 1px 1px 0 1px;
        border-style: solid;
        border-color: #aaaaaa;
    }

        .facebox .fheader a,
        .facebox .fheader a:visited {
            font-size: 14px;
            color: #fff;
            font-weight: bold;
            font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
            display: block;
            margin-left: 10px;
        }


.tweeterbox {
    background: url('../images/bgr-twitter-bottom.png') no-repeat 0 100%;
    padding-bottom: 5px;
}

    .tweeterbox .tweet-content {
        border-width: 0 1px;
        border-style: solid;
        border-color: #00b6e0;
        padding: 0 15px 12px;
        width: 248px;
        background-color: #fff;
    }

    .tweeterbox h2 {
        background: url('../images/bgr-twitter-top.png') no-repeat;
        width: 210px;
        height: 36px;
        line-height: 36px;
        padding-left: 70px;
        margin: 0;
        color: #fff;
    }

#tweeterbox .twtr-doc {
    border: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

#tweeterbox .twtr-ft,
#tweeterbox .twtr-hd {
    display: none;
}

#tweeterbox .twtr-widget .twtr-tweet-wrap {
    padding: 12px 0;
}

/*Calendar*/
.calendar {
    width: 290px;
    min-height: 190px;
    margin-bottom: 12px;
    background: url('../images/bgr-calendar-bottom.png') no-repeat 0 100%;
    padding-bottom: 1px;
}

    .calendar .ui-datepicker {
        padding: 0;
        background: none;
    }

    .calendar .ui-widget-content,
    .calendar .ui-widget-header {
        border: none;
        width: 290px;
    }

    .calendar .ui-datepicker .ui-widget-header {
        background: url('../images/bgr-calendar-top.png') no-repeat;
        width: 100%;
        height: 33px;
        padding: 0;
        position: relative;
    }

    .calendar .ui-datepicker .ui-datepicker-prev,
    .calendar .ui-datepicker .ui-datepicker-next {
        background: url('../images/bgr-white-prev-next.png') no-repeat;
        height: 10px;
        width: 6px;
        top: 12px;
        cursor: pointer;
        position: absolute;
        display: block;
    }

    .calendar .ui-datepicker .ui-datepicker-prev {
        background-position: 0 0;
        left: 13px;
    }

    .calendar .ui-datepicker .ui-datepicker-next {
        background-position: 100% 0;
        left: 273px;
    }

        .calendar .ui-datepicker .ui-datepicker-prev span,
        .calendar .ui-datepicker .ui-datepicker-next span {
            display: none;
        }

    .calendar .ui-datepicker .ui-datepicker-title {
        font-size: 15px;
        color: #fff;
        line-height: 33px;
        text-align: center;
        font-weight: bold;
    }

    .calendar .ui-datepicker th {
        text-align: center;
        vertical-align: middle;
        width: 14.28%;
        background-color: #333;
        color: #fff;
        height: 31px;
        font-size: 13px;
        padding: 0;
    }

    .calendar .ui-datepicker td,
    .calendar .ui-datepicker .ui-datepicker-unselectable,
    .calendar .ui-datepicker .ui-state-disabled {
        border-top: 1px solid #d7d7d7;
        background-color: #efefef;
        font-weight: bold;
        text-align: center;
        vertical-align: middle;
        width: 14.28%;
        height: 25px;
        padding: 0;
    }

        .calendar .ui-datepicker .ui-datepicker-unselectable span,
        .calendar .ui-datepicker .ui-state-disabled span {
            padding: 0;
            border: none;
            background: none;
            color: #333;
            text-align: center;
            height: 25px;
            line-height: 25px;
            display: block;
        }

        .calendar .ui-datepicker td a,
        .calendar .ui-datepicker td a:visited {
            background: none;
            border: none;
            color: #cf0972;
            padding: 0;
            text-align: center;
            float: left;
            width: 100%;
            height: 25px;
            line-height: 25px;
        }

    .calendar .ui-datepicker .ui-datepicker-current-day a,
    .calendar .ui-datepicker .ui-datepicker-current-day a:visited,
    .calendar .ui-datepicker .ui-datepicker-current-day span {
        background-color: #ca1173;
        color: #fff;
        height: 25px;
        display: block;
        line-height: 25px;
    }

    .calendar td a.current:visited {
        background-color: #ca1173;
        color: #fff;
    }

/*event*/
.eventbox .line {
    margin-top: 12px;
    padding-bottom: 10px;
}

.event {
    width: 100%;
    overflow: hidden;
}

    .event .day {
        background: url('../images/bgr-day.png') no-repeat;
        width: 46px;
        height: 46px;
        float: left;
        text-align: center;
        font-size: 12px;
        color: #fff;
        text-transform: uppercase;
        line-height: 19px;
        margin: 3px 8px 0 0;
    }

        .event .day span {
            font-size: 25px;
            display: block;
            margin-top: 5px;
        }

    .event p {
        font-size: 12px;
        margin-bottom: 0;
    }

    .event h5 {
        line-height: 14px;
    }

/*report*/
.report p {
    margin-bottom: 20px;
    line-height: 22px;
}

/*lang-doc*/
.lang-doc {
    float: left;
    padding-top: 4px;
    width: 115px;
    margin-left: 15px;
}

    .lang-doc .ar {
        width: 70px;
        margin-top: 1px;
    }

    .lang-doc span {
        font-size: 13px;
        display: block;
    }

/*.searchbox*/
.searchbox {
    background: url('../images/bgr-searchbox.png') no-repeat;
    padding-top: 10px;
    width: 940px;
    position: relative;
    z-index: 1;
}

    .searchbox .box-out {
        background: url('../images/bgr-searchbox.png') no-repeat -940px 100%;
    }

    .searchbox .box-in {
        background: url('../images/bgr-searchbox.png') repeat-y -1880px;
        width: 940px;
        height: 38px;
    }

    .searchbox h3 {
        float: left;
        margin: 9px 10px 0 20px;
        font-size: 18px;
        font-weight: normal;
    }

    .searchbox form {
        float: left;
    }

    .searchbox ul {
        margin: 7px 0 7px 15px;
        float: left;
    }

    .searchbox li {
        font-size: 18px;
        padding-right: 11px;
        float: left;
        line-height: 23px;
    }

        .searchbox li label {
            font-size: 14px;
            font-weight: bold;
        }

    .searchbox .btn-pink {
        margin-top: -1px;
    }

    .searchbox .input440,
    .searchbox .input345,
    .searchbox .input160 {
        height: 17px;
        color: #666;
        padding: 4px 10px;
        float: left;
        border: none;
    }

    .searchbox .input440 {
        width: 421px;
        background: url('../images/input440.png') no-repeat;
    }

    .searchbox .input345 {
        width: 326px;
        background: url('../images/input345x25.png') no-repeat;
    }

    .searchbox .input160 {
        width: 149px;
        background: url('../images/input159x25.png') no-repeat;
    }

.searchbox-small {
    background: url('../images/bgr-search-smallbox.png') no-repeat;
    width: 620px;
}

    .searchbox-small .box-out {
        background: url('../images/bgr-search-smallbox.png') no-repeat -620px 100%;
    }

    .searchbox-small .box-in {
        background: url('../images/bgr-search-smallbox.png') repeat-y -1240px 0;
        width: 620px;
        height: 40px;
    }

/*searchtitle*/
.searchtitle {
    width: 100%;
    overflow: hidden;
    padding-bottom: 11px;
}

    .searchtitle h2 {
        color: #fff;
        float: left;
        line-height: 22px;
        margin: 0 25px 0 0;
    }

    .searchtitle p {
        color: #bdbdbd;
        float: left;
        line-height: 28px;
    }

/*.navigator*/
.navigator {
    width: 100%;
}

.pagination {
    float: right;
}

    .pagination li {
        float: left;
        margin-left: 6px;
        font-weight: bold;
    }

        .pagination li a,
        .pagination li a:visited {
            font-weight: bold;
            color: #cf0972;
            display: inline-block;
            text-decoration: underline;
        }

            .pagination li a:hover {
                color: #333;
            }

            .pagination li a.current,
            .pagination li a.current:visited {
                color: #333;
                text-decoration: none;
            }

            .pagination li a.prev,
            .pagination li a.next {
                height: 16px;
                width: 6px;
                background: url('../images/bgr-pink-prev-next.png') no-repeat 0 60%;
                text-indent: -9999em;
                overflow: hidden;
                float: left;
                margin: 0 10px 0 10px;
            }

            .pagination li a.next {
                background-position: 100% 60%;
                margin: 0 0 0 7px;
            }

        .pagination li span {
            background: url('../images/bgr-graydot.png') no-repeat;
            float: left;
            width: 6px;
            height: 5px;
            margin-top: 6px;
        }

.investorbox {
    width: 100%;
    overflow: hidden;
}

    .investorbox .investorlist {
        padding: 5px 0 0;
        width: 100%;
        overflow: hidden;
    }

    .investorbox .line {
        margin: 26px 0 16px;
    }

.title h1 {
    line-height: 48px;
    margin-bottom: 5px;
}

    .title h1 span {
        font-size: 30px;
        position: relative;
        top: -10px;
    }

.title h2 {
    color: #666;
}

.title p {
    margin: 5px 0 0;
    width: 100%;
    float: left;
}

/*staffrow*/
.staffrow {
    overflow: hidden;
    padding: 0px 0 32px;
}

.staffrow-last {
    padding-bottom: 0px;
}

.staff {
    width: 220px;
    float: left;
    margin: 0 20px 0 0;
}

    .staff .rimg10 {
        margin-bottom: 10px;
    }

    .staff h5 {
        margin-bottom: 5px;
        letter-spacing: -0.04em;
        font-size: 13px;
    }

        .staff h5 a,
        .staff h5 a:visited {
            font-size: 13px;
        }

        .staff h5 span {
            display: block;
            font-weight: normal;
        }

    .staff p {
        margin-bottom: 10px;
    }

/*financial-highlite*/
.financial-highlite p {
    margin-bottom: 15px;
}

.financial-report {
    margin-bottom: 20px;
}

    .financial-report h3 {
        font-size: 15px;
        color: #333;
        margin-bottom: 3px;
    }
    /*financial-report*/
    .financial-report .line {
        padding-bottom: 6px;
    }

    .financial-report h3 a,
    .financial-report h3 a:visited {
        color: #009b74;
        font-size: 15px;
    }

/*mediabox*/
.mediabox {
    margin-bottom: 5px;
    width: 100%;
    overflow: hidden;
}

    .mediabox li {
        margin-right: 10px;
        float: left;
    }

.location {
    position: relative;
    line-height: 18px;
    overflow: hidden;
}

    .location .loc-address {
        float: left;
        width: 215px;
        background: url('../images/bgr-location.png') no-repeat;
        padding: 7px 0 0 25px;
    }

        .location .loc-address p {
            line-height: 18px;
        }

    .location .loc-details {
        float: left;
        width: 380px;
        position: relative;
        background-color: #f4f4f4;
    }

        .location .loc-details .box-in {
            border: 1px solid #ccc;
            padding: 9px 14px;
        }

        .location .loc-details p {
            margin-bottom: 0;
        }

        .location .loc-details dt {
            font-weight: bold;
            float: left;
            width: 185px;
        }

/*mediagallery*/
.mediagallery {
    margin: 0 auto;
    overflow: hidden;
}

    .mediagallery h2 {
        margin-bottom: 15px;
    }

    .mediagallery .bx-pager {
        position: absolute;
        top: -25px;
        left: 0;
        font-size: 13px;
    }

.thumbsgallery {
    height: 131px;
    position: relative;
    float: left;
}

    .thumbsgallery ul {
        height: 135px;
    }

    .thumbsgallery li {
        height: 135px;
        float: left;
    }

        .thumbsgallery li h5 {
            font-weight: normal;
            margin-left: 3px;
        }

        .thumbsgallery li a {
            display: block;
            width: 140px;
            height: 105px;
            padding: 3px;
        }

    .thumbsgallery .bx-prev,
    .thumbsgallery .bx-next {
        top: 46px;
    }

    .thumbsgallery .bx-prev {
        left: -28px;
    }

    .thumbsgallery .bx-next {
        right: -28px;
    }

/*imagegallery*/
.imagegallery {
    width: 660px;
    height: /*630px*/ 690px;
    padding: 10px 0;
    margin-left: 23px;
}

    .imagegallery .biggallery {
        width: 660px;
        height: /*420px*/ 495px;
        padding: 15px 0 18px;
    }

    .imagegallery .bx-pager-total {
        position: relative;
        top: -28px;
        font-size: 13px;
        font-family: Arial, Helvetica, sans-serif;
    }

    .imagegallery .biggallery ul,
    .imagegallery .biggallery li {
        height: /*420px*/ 495px;
    }

        .imagegallery .biggallery li img {
            width: 100%;
        }

    .imagegallery .thumbsgallery {
        padding: 0 28px;
    }

        .imagegallery .thumbsgallery,
        .imagegallery .thumbsgallery ul {
            width: 600px;
        }

            .imagegallery .thumbsgallery li {
                width: 150px;
            }

                .imagegallery .thumbsgallery li a {
                    margin: 0 2px 5px;
                    overflow: hidden;
                }

/*videogallery*/
.videogallery {
    width: 542px;
    height: 605px;
    padding: 15px 0;
}

    .videogallery .biggallery {
        width: 540px;
        height: 396px;
        margin: 10px 0 18px;
        background-color: #000;
        border: 1px solid #ccc;
        float: left;
    }

        .videogallery .biggallery ul,
        .videogallery .biggallery li {
            height: 396px;
        }

    .videogallery .thumbsgallery li h5 {
        margin-left: 13px;
    }

    .videogallery .thumbsgallery {
        padding: 0 25px;
    }

        .videogallery .thumbsgallery,
        .videogallery .thumbsgallery ul {
            width: 492px;
        }

            .videogallery .thumbsgallery li {
                width: 164px;
            }

                .videogallery .thumbsgallery li a {
                    margin: 0 9px 5px;
                }

            .videogallery .thumbsgallery .bx-prev {
                left: -24px;
            }

            .videogallery .thumbsgallery .bx-next {
                right: -24px;
            }

/*submenu-green*/
.submenu-green {
    background-color: #009b74;
    position: relative;
    overflow: hidden;
    padding-bottom: 10px;
}

    .submenu-green h2 {
        color: #7ff4d7;
        background-color: #008b68;
        padding: 14px 19px;
    }

    .submenu-green li {
        margin: 0 20px;
        padding: 7px 0;
        border-bottom: 1px solid #40b497;
    }

        .submenu-green li.last {
            border-bottom: none;
        }

    .submenu-green a,
    .submenu-green a:visited {
        color: #fff;
        font-weight: bold;
        background: url('../images/bgr-submenuarrow-green.png') no-repeat 0 3px;
        padding-left: 12px;
    }

        .submenu-green a.current {
            background-position: 0 -47px;
            color: #000;
        }

        .submenu-green a:hover {
            background-position: 0 -167px;
            color: #7ff4d7;
        }

    .submenu-green li ul {
        padding-bottom: 7px;
        display: none;
    }

    .submenu-green li.menuopen ul {
        display: block;
    }

    .submenu-green li.menuopen > a {
        background-position: 0 -110px;
    }

    .submenu-green li li {
        border-bottom: none;
        padding: 6px 0 0;
        margin: 0 10px;
    }

        .submenu-green li li a,
        .submenu-green li li a:visited {
            background: none;
            font-size: 13px;
            font-weight: normal;
            padding-left: 3px;
        }

/*submenu-dark*/
.submenu-dark {
    background-color: #333;
    position: relative;
    overflow: hidden;
    padding-bottom: 10px;
}

    .submenu-dark h2 {
        color: #fff;
        background-color: #333;
        margin-bottom: 0;
        padding: 14px 19px;
    }

    .submenu-dark li {
        margin: 0 20px;
        padding: 7px 0;
        border-bottom: 1px solid #4e4e4e;
    }

        .submenu-dark li.last {
            border-bottom: none;
        }

    .submenu-dark a,
    .submenu-dark a:visited {
        font-weight: bold;
        color: #ea2799;
        background: url('../images/bgr-submenuarrow-dark.png') no-repeat 0 3px;
        padding-left: 15px;
    }

        .submenu-dark a.current,
        .submenu-dark a:hover {
            background-position: 0 -47px;
            color: #999;
        }

/*submenu-light*/
.submenu-light {
    background-color: #f4f4f4;
    overflow: hidden;
    position: relative;
}

    .submenu-light .box-in {
        border: 1px solid #ccc;
    }

    .submenu-light h2 {
        margin-bottom: 0;
        padding: 14px 19px;
    }

    .submenu-light ul {
        margin-bottom: 10px;
    }

    .submenu-light li {
        margin: 0 20px;
        padding: 7px 0;
        border-bottom: 1px solid #cacaca;
    }

        .submenu-light li.last {
            border-bottom: none;
        }

        .submenu-light li a,
        .submenu-light li a:visited {
            font-weight: bold;
            color: #333;
            background: url('../images/bgr-submenuarrow-light.png') no-repeat 0 3px;
            padding-left: 15px;
        }

            .submenu-light li a.current,
            .submenu-light li a:hover {
                background-position: 0 -47px;
                color: #ea2799;
            }

.faq-live {
    background: url('../images/bgr-faq-livegradient.png') repeat-x 0 100%;
    padding: 10px 15px;
}

.faq-live-border {
    border-bottom: 1px solid #ccc;
}

.faq-live h2 {
    padding: 0;
    line-height: 18px;
    letter-spacing: normal;
    margin-bottom: 6px;
}

    .faq-live h2 a,
    .faq-live h2 a:visited {
        font-size: 20px;
    }

.faq-live p {
    margin-bottom: 0;
}

.faq-live .imgbox {
    margin-right: 7px;
}

.faq-live .txtbox {
    margin-top: 5px;
}

/*submenu-cart*/
.submenu-cart {
    background-color: #333;
    position: relative;
    overflow: hidden;
    padding-bottom: 10px;
}

    .submenu-cart h2 {
        color: #ccc;
        margin-bottom: 0;
        padding: 14px 19px 15px 65px;
        background: #2a2a2a url('../images/bgr-cartico.png') no-repeat 15px 50%;
    }

    .submenu-cart .cartin {
        padding: 13px 15px 5px;
        overflow: hidden;
    }

        .submenu-cart .cartin .btn-pink32 {
            margin-right: 10px;
        }

    .submenu-cart .cart-total {
        width: 100%;
        overflow: hidden;
        border-bottom: 1px solid #3c3c3c;
        padding-bottom: 15px;
        margin-bottom: 15px;
        line-height: 18px;
    }

        .submenu-cart .cart-total strong {
            font-size: 18px;
            color: #aaa;
        }

        .submenu-cart .cart-total span.ar {
            color: #fff;
            font-size: 14px;
        }

    .submenu-cart li {
        margin: 0 20px;
        padding: 7px 0;
        border-bottom: 1px solid #4e4e4e;
    }

        .submenu-cart li.last {
            border-bottom: none;
        }

/*solution*/
.solution {
    float: left;
    width: 180px;
}

    .solution h4 {
        margin-bottom: 3px;
    }

.solutionimg {
    float: left;
    margin: 13px 0 0 10px;
}

/*careers*/
.careers {
    padding: 14px 16px 22px;
    overflow: hidden;
}

.searchjob {
    width: 100%;
    background: url('../images/bgr-search-gradient.png') repeat-x 0 100%;
    border-top: 1px solid #ccc;
    overflow: hidden;
}

    .searchjob .imgbox,
    .register .imgbox {
        margin: 13px 10px 13px 18px;
    }

    .searchjob .txtblock,
    .register .txtblock {
        float: left;
        width: 200px;
        padding: 10px 0 14px;
    }

    .searchjob h2,
    .register h2 {
        margin-bottom: 0;
    }

.register {
    border-top: 1px solid #ccc;
    overflow: hidden;
}

    .register .txtblock {
        padding: 7px 0 7px;
    }
/*whychoose*/
.whychoose h5,
.whychoose p {
    margin-bottom: 5px;
}

/*.scrollbox*/
.scrollbox .stitle {
    width: 900px;
    margin: 10px 20px 20px;
    overflow: hidden;
    border-bottom: 1px solid #e1e0e0;
    padding-bottom: 10px;
}

    .scrollbox .stitle h2 {
        margin: 10px 12px;
        float: left;
    }

    .scrollbox .stitle img {
        float: left;
    }

    .scrollbox .stitle .btn-gray32,
    .scrollbox .stitle .btn-gray32:visited {
        float: right;
        margin: 7px 0;
    }

.scroller {
    overflow: hidden;
    height: 247px;
    margin: 0 22px;
    width: 896px;
}

    .scroller .item {
        width: 126px;
        float: left;
        height: 228px;
        margin-right: 29px;
    }

        .scroller .item .rimg5 {
            margin-bottom: 7px;
        }

        .scroller .item h5 {
            margin-bottom: 0;
        }

        .scroller .item .details {
            width: 100%;
            border-top: 1px solid #ccc;
            padding-top: 6px;
        }

            .scroller .item .details a,
            .scroller .item .details a:visited {
                float: left;
            }

            .scroller .item .details .prc {
                float: right;
                font-size: 13px;
                line-height: 32px;
            }


.commonbox p {
    line-height: 22px;
    margin-bottom: 20px;
}

.commonbox .rimg5 {
    margin-bottom: 20px;
}

.commonbox h4 {
    margin-bottom: 6px;
}

.commonbox .ft-14 {
    font-size: 14px;
}

.textblock {
    font-size: 1.3em;
}

    .textblock p,
    .textblock p a,
    .textblock p a:visited,
    .textblock li {
        font-size: 1em;
    }

    .textblock li {
        line-height: 22px;
    }

    .textblock p {
        margin-bottom: 20px;
    }

    .textblock h2 {
        font-size: 1.846em;
    }

    .textblock h3 {
        font-size: 1.385em;
    }

    .textblock h4 {
        font-size: 1.077em;
    }

    .textblock h5 {
        font-size: 1.0em;
    }

    .textblock table th,
    .textblock table td,
    .textblock .lnk,
    .textblock .lnk:visited {
        font-size: 1.0em;
    }

.commonbox .textblock .rimg5 {
    float: left;
    margin: 3px 20px 5px 0;
}

.textblock p.date {
    font-size: 0.923em;
    margin-bottom: 0;
}


.gallerybox {
    margin-top: 50px;
    width: 100%;
}

    .gallerybox .bigimage,
    .gallerybox .bigimage li {
        width: 300px;
        height: 345px;
        float: left;
        overflow: hidden;
        position: relative;
    }

    .gallerybox .freedelivery {
        position: absolute;
        bottom: 20px;
        right: 0;
        background: url('../images/bgr-calltoaction.png') no-repeat;
        width: 127px;
        height: 123px;
        z-index: 99;
    }

    .gallerybox .thumbs li {
        float: left;
        margin-right: 7px;
    }

.gallerybox-twoitem {
    width: 200px;
    margin: 10px 30px 0 8px;
    float: left;
}

    .gallerybox-twoitem .bigimage,
    .gallerybox-twoitem .bigimage li {
        width: 200px;
        height: 270px;
    }

    .gallerybox-twoitem .thumbs li {
        float: left;
        margin-right: 9px;
    }

.stepsbox {
    width: 100%;
    padding-top: 20px;
}

    .stepsbox .pstep {
        float: left;
        width: 144px;
        border-right: 1px solid #616161;
        text-align: center;
    }

        .stepsbox .pstep h5 {
            color: #999;
            margin: 7px 0 0;
        }

        .stepsbox .pstep p {
            color: #fff;
        }

    .stepsbox .pstep-active h5 {
        color: #fff;
    }

.stepstitle {
    width: 100%;
    overflow: hidden;
    padding-bottom: 10px;
}

    .stepstitle h2 {
        float: left;
        margin-bottom: 0!important;
    }

    .stepstitle .btn-gray32,
    .stepstitle .btn-gray32:visited {
        float: right;
        margin-left: 10px;
    }

.darkgraybox .stepsbox {
    border-top: 1px solid #616161;
}

.darkgraybox .pstep {
    border-right: 1px solid #616161;
}

.pinkbox .stepsbox {
    border-top: 1px solid #cd6b9f;
}

.pinkbox .pstep {
    border-right: 1px solid #cd6b9f;
}

    .pinkbox .pstep h5 {
        color: #fff;
        margin-bottom: 2px;
    }

    .pinkbox .pstep a,
    .pinkbox .pstep a:visited {
        text-decoration: underline;
        color: #fff;
    }


.info {
    background: url('../images/bgr-info.png') no-repeat 15px 7px;
    padding-left: 55px;
}

    .info p {
        margin-bottom: 0;
    }

.payments {
    background: url('../images/bgr-grayline.png') repeat-y 50% 50%;
}

    .payments p {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .payments .pinklnk,
    .payments .pinklnk:visited {
        line-height: 30px;
    }

    .payments .btn-pink32,
    .payments .btn-pink32:visited {
        margin-right: 10px;
    }

    .payments .numberlist li {
        font-size: 14px;
        padding-bottom: 5px;
    }

.cardbox {
    background: url('../images/box-cards.png') no-repeat;
    width: 265px;
    height: 50px;
    margin-bottom: 15px;
    float: left;
}

    .cardbox img {
        margin: 7px 0 7px 10px;
        float: left;
    }

.loadmore {
    width: 100%;
    height: 40px;
    position: relative;
}

    .loadmore .btn-gray32,
    .loadmore .btn-gray32:visited {
        width: 115px;
        position: absolute;
        top: 5px;
        left: 50%;
        margin-left: -60px;
    }

        .loadmore .btn-gray32 span span {
            width: 95px;
        }

.visitors {
    padding: 19px;
    overflow: hidden;
}

    .visitors h3 {
        float: left;
        margin-right: 25px;
        font-size: 20px;
        font-weight: normal;
    }

    .visitors .lnk,
    .visitors .lnk:visited {
        float: right;
        margin-top: 5px;
    }

    .visitors .ratebig {
        margin-top: 5px;
    }

.more-videos {
    border-top: 1px solid #a6dcce;
    width: 100%;
    overflow: hidden;
    margin-top: 15px;
    padding-top: 10px;
    text-align: right;
}

    .more-videos p {
        margin-bottom: 0;
    }

    .more-videos .btn-gray32 {
        margin-right: 0!important;
    }

.myacc {
    padding: 19px;
    overflow: hidden;
}

    .myacc h3 {
        margin-bottom: 10px;
    }

    .myacc li,
    .myacc p {
        line-height: 18px;
    }

    .myacc p {
        margin-bottom: 15px;
    }

    .myacc .graybulletlist li {
        background-position: 0 7px;
    }

    .myacc .btn-pink32,
    .myacc .btn-gray32 {
        margin-right: 20px;
    }

    .myacc .citem .imgbox {
        width: 22px;
        margin-right: 10px;
    }

.greenbox-579 {
    background: url('../images/box-green579x42.png') no-repeat;
    width: 579px;
    height: 42px;
    margin-bottom: 15px;
}

    .greenbox-579 p {
        font-size: 15px;
        padding: 12px 20px;
        margin-bottom: 0;
    }

.myacc .pitem h3 {
    margin-bottom: 5px;
}

.myacc .pitem p {
    margin-bottom: 7px;
}

.myacc .pitem .grayarrowlist li {
    width: 156px;
    float: left;
    font-weight: bold;
    padding-bottom: 3px;
}

/*filterbox*/
.filterbox {
    padding: 20px;
}

    .filterbox h4 {
        margin-bottom: 13px;
    }

    .filterbox .filtertable .navigator {
        width: 540px;
        float: left;
        margin-bottom: 10px;
    }

    .filterbox .filtertable .boxdetails {
        padding: 20px;
    }

    .filterbox .filtertable-head {
        width: 100%;
        overflow: hidden;
    }

        .filterbox .filtertable-head h4 {
            float: left;
        }

        .filterbox .filtertable-head ul {
            float: right;
        }

            .filterbox .filtertable-head ul li {
                float: left;
                padding-left: 5px;
                font-weight: bold;
            }

.boxdetails {
    padding: 0 20px;
}

    .boxdetails p {
        margin-top: 5px;
    }

/*accessories*/
.accessories {
    width: 570px;
    overflow: hidden;
    padding: 24px;
}

    .accessories ul {
        width: 570px;
        height: 220px;
    }

    .accessories li {
        width: 190px;
        height: 220px;
        float: left;
    }

        .accessories li h5 {
            margin-bottom: 2px;
            letter-spacing: -0.03em;
        }

        .accessories li p.t-green {
            margin-bottom: 5px;
        }

    .accessories .rimg-borderlight5 {
        margin-left: 28px;
    }

    .accessories .acc-details {
        width: 140px;
        padding: 7px 0 7px 3px;
        overflow: hidden;
        margin: 0 auto;
    }

    .accessories .bx-prev,
    .accessories .bx-next {
        top: 105px;
    }

    .accessories .bx-prev {
        left: -13px;
    }

    .accessories .bx-next {
        right: -13px;
    }

/*onlinestore*/
.onlinestore {
    padding: 10px 20px;
}

.storeitem {
    width: 100%;
    padding: 10px 0;
    overflow: hidden;
}

    .storeitem h3 {
        margin-bottom: 3px;
    }

    .storeitem .imgbox {
        width: 150px;
        overflow: hidden;
        text-align: center;
    }

.storeitem-shadow {
    background: url('../images/bgr-shadow-short.png') no-repeat 50% 100%;
    padding-bottom: 20px;
}

.storethumbsbox {
    margin-left: -11px;
    overflow: hidden;
    height: 95px;
}

    .storethumbsbox ul {
        width: 352px;
        height: 95px;
    }

    .storethumbsbox li {
        float: left;
        width: 88px;
        height: 95px;
    }

        .storethumbsbox li a,
        .storethumbsbox li a:visited {
            text-align: center;
            display: block;
            text-decoration: none;
        }

            .storethumbsbox li a.rimg-borderlight5 {
                margin: 0 7px 3px;
            }

    .storethumbsbox .bx-prev,
    .storethumbsbox .bx-next {
        top: 18px;
    }

    .storethumbsbox .bx-prev {
        left: -25px;
    }

    .storethumbsbox .bx-next {
        right: -25px;
    }

/*product-title*/
.product-title {
    width: 100%;
    overflow: hidden;
    padding-bottom: 5px;
}

    .product-title h2 {
        float: left;
    }

    .product-title ul {
        float: right;
    }

    .product-title li {
        display: inline;
        color: #ccc;
        padding-left: 5px;
    }

.product-details {
    float: left;
    width: 340px;
}

    .product-details .rate {
        margin-bottom: 15px;
    }

    .product-details .price {
        color: #11A070;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 5px;
    }

    .product-details .btn-gray32,
    .product-details .btn-gray32:visited {
        clear: both;
        margin-bottom: 17px;
    }

    .product-details h3 {
        clear: left;
    }

    .product-details .graybulletlist {
        width: 100%;
        overflow: hidden;
        margin-bottom: 10px;
    }

        .product-details .graybulletlist li {
            float: left;
            width: 47%;
            padding-bottom: 2px;
        }

    .product-details p {
        line-height: 22px;
        clear: left;
    }

    .product-details dl {
        width: 100%;
        overflow: hidden;
        line-height: 22px;
    }

    .product-details dt {
        float: left;
        width: 130px;
        clear: left;
    }

    .product-details dd {
        padding-left: 130px;
    }

.moreitemsbox {
    padding: 20px 39px;
}

    .moreitemsbox ul {
        width: 540px;
        height: 110px;
    }

    .moreitemsbox li {
        width: 108px;
        height: 110px;
    }

        .moreitemsbox li a,
        .moreitemsbox li a:visited {
            text-align: center;
            display: block;
            text-decoration: none;
        }

            .moreitemsbox li a.rimg-borderlight5 {
                margin: 0 5px 5px;
            }

    .moreitemsbox .bx-prev,
    .moreitemsbox .bx-next {
        top: 27px;
    }

    .moreitemsbox .bx-prev {
        left: -28px;
    }

    .moreitemsbox .bx-next {
        right: -28px;
    }

.reviews .rate {
    margin: 12px 0 0px;
}

.reviews .review-title {
    margin-top: 15px;
}

.review-title,
.review-title-in {
    width: 100%;
    overflow: hidden;
}

    .review-title h2,
    .review-title-in h3 {
        float: left;
    }

    .review-title h2 {
        margin: 3px 0 0 0;
    }

    .review-title .btn-gray32,
    .review-title .btn-gray32:visited {
        float: right;
    }

.review-title-in {
    margin-bottom: 10px;
}

    .review-title-in span {
        float: left;
        font-size: 12px;
        padding: 4px 0 0 10px;
    }

.review-item h4 {
    margin-bottom: 5px;
}

.review-item p {
    line-height: 22px;
    margin-bottom: 10px;
}

.review-details {
    background: url('../images/bgr-review-det.png') no-repeat;
    width: 578px;
    height: 35px;
}

    .review-details ul {
        margin: 8px 10px;
        float: left;
    }

    .review-details li {
        font-weight: bold;
        float: left;
        margin-right: 20px;
    }

        .review-details li a {
            padding-right: 5px;
        }

/*support*/
.support {
    overflow: hidden;
    padding: 13px 15px;
}

    .support h3 {
        float: left;
        line-height: normal;
        margin: 0 10px 0 0;
    }

    .support p {
        font-size: 16px;
        line-height: normal;
        margin: 0;
    }

    .support .supportitembox {
        margin: 15px 0 17px 0;
        width: 100%;
        overflow: hidden;
    }

    .support .supportitem {
        float: left;
        width: 165px;
        padding-right: 10px;
        margin: 0 30px 0 0;
        border-right: 1px solid #e5e5e5;
    }

        .support .supportitem img {
            float: left;
        }

        .support .supportitem h5 {
            overflow: hidden;
            padding: 8px 0 0 8px;
            line-height: 14px;
        }

    .support .last {
        border-right: none;
    }

    .support .line {
        overflow: hidden;
        zoom: 1;
    }

.chartfilter {
    padding: 4px 0 7px 20px;
}

    .chartfilter .frow,
    .chartfilter .daterow {
        float: left;
        width: 100%;
    }

    .chartfilter .frow {
        margin-bottom: 10px;
    }

    .chartfilter .ctitle {
        border-bottom: 2px solid #ccc;
        padding-bottom: 16px;
        margin-bottom: 10px;
    }

    .chartfilter .range {
        float: left;
        width: 332px;
    }

    .chartfilter .quick-dr {
        float: left;
        width: 158px;
    }

    .chartfilter .precise-dr {
        float: left;
        width: 174px;
    }

    .chartfilter .daterow {
        margin-bottom: 3px;
    }

    .chartfilter .chart-type {
        float: left;
        width: 258px;
        margin-left: 30px;
    }

    .chartfilter .c-type {
        float: left;
        width: 148px;
    }

    .chartfilter .f-type {
        float: left;
        width: 110px;
    }

    .chartfilter .draw {
        float: left;
        width: 240px;
        margin: 50px 0 0 38px;
    }

        .chartfilter .draw .frow {
            margin-bottom: 8px;
        }

.stockby {
    float: right;
    margin: 10px 20px 10px 0;
}

    .stockby p {
        font-size: 12px;
    }

/*profile-data*/
.profile-data {
    padding-top: 10px;
}

.profileimagebox {
    background: url('../images/box-popup-slider.png') no-repeat;
    width: 451px;
    height: 60px;
    padding: 21px 40px;
    margin: 15px 0;
    clear: left;
}

    .profileimagebox ul {
        width: 450px;
        height: 90px;
    }

    .profileimagebox li {
        float: left;
        width: 90px;
        height: 60px;
    }

        .profileimagebox li .masked {
            width: 80px;
            height: 60px;
            float: left;
            margin: 0 5px;
        }

    .profileimagebox .bx-prev,
    .profileimagebox .bx-next {
        top: 18px;
    }

    .profileimagebox .bx-prev {
        left: -28px;
    }

    .profileimagebox .bx-next {
        right: -28px;
    }

.recomend {
    width: 100%;
    overflow: hidden;
    padding: 6px 0;
}

    .recomend img {
        margin: 0 10px;
        float: left;
    }

    .recomend h4 {
        margin: 7px 0;
        float: left;
    }

    .recomend .btn-pink32,
    .recomend .btn-pink32:visited {
        float: right;
        margin: 7px 13px 0 0;
    }

/*smsbox*/
.smsbox {
    float: right;
    position: relative;
}

    .smsbox .smshistory {
        background: url('../images/box-pinkborder.png') no-repeat;
        width: 620px;
        padding-top: 6px;
        position: absolute;
        top: 32px;
        right: 0;
        z-index: 99;
        display: none;
    }

        .smsbox .smshistory .box-out {
            background: url('../images/box-pinkborder.png') no-repeat -620px 100%;
            padding-bottom: 6px;
        }

        .smsbox .smshistory .box-in {
            background: url('../images/box-pinkborder.png') repeat-y -1240px 0;
            width: 616px;
            padding: 0 2px;
        }

    .smsbox .sms-head {
        background-color: #e8e6e6;
        width: 100%;
        overflow: hidden;
        padding: 13px 0;
    }

        .smsbox .sms-head h4 {
            background: url('../images/bgr-sms-envelope.png') no-repeat;
            padding-left: 35px;
            float: left;
            margin: 2px 0 0 18px;
            height: 20px;
            line-height: 20px;
        }
    /*.smssearchbox*/
    .smsbox .smssearchbox {
        background: url('../images/bgr-smssearchbox.png') no-repeat;
        width: 250px;
        height: 27px;
        float: right;
        margin-right: 18px;
    }

        .smsbox .smssearchbox li {
            float: left;
        }

        .smsbox .smssearchbox input {
            border: none;
            background: none;
            height: 27px;
            width: 34px;
            color: #666;
        }

            .smsbox .smssearchbox input[type="text"] {
                height: 17px;
                padding: 5px 10px 1px;
                width: 195px;
            }

    /*sms-filter*/
    .smsbox .sms-filter {
        width: 100%;
        overflow: hidden;
        padding: 22px 0 18px;
        background: url('../images/bgr-shadow-short.png') no-repeat 50% 100%;
    }

        .smsbox .sms-filter ul {
            float: left;
            margin-left: 18px;
        }

        .smsbox .sms-filter li {
            float: left;
            margin-right: 10px;
        }

        .smsbox .sms-filter p {
            float: right;
            margin-right: 18px;
            line-height: 25px;
        }

        .smsbox .sms-filter a,
        .smsbox .sms-filter a:visited {
            text-transform: none;
        }

    .smsbox .sms-content {
        margin: 0 18px;
        padding: 7px 0;
        overflow: hidden;
    }
/*.sms-item*/
.sms-item {
    width: 100%;
    overflow: hidden;
    padding: 5px 0;
}

    .sms-item .sms-number {
        background: url('../images/bgr-phone.png') no-repeat;
        font-weight: bold;
        padding-left: 40px;
        line-height: 30px;
        font-size: 13px;
        float: left;
        margin-right: 15px;
    }

    .sms-item .sms-details {
        overflow: hidden;
        position: relative;
        height: 18px;
        padding-top: 8px;
    }

        .sms-item .sms-details p {
            padding-right: 50px;
        }

        .sms-item .sms-details .btn-openclose {
            position: absolute;
            top: 4px;
            right: 0;
        }

        .sms-item .sms-details .btn-deletepink {
            position: absolute;
            bottom: 0;
            right: 0;
            display: none;
        }

.sms-item-open .sms-details {
    height: auto;
}

    .sms-item-open .sms-details .btn-deletepink {
        display: block;
    }

    .sms-item-open .sms-details .btn-openclose {
        background-position: 0 100%;
    }

/*sms*/
.sms {
    padding: 17px 20px 15px;
}

    .sms .r-row {
        width: 100%;
        padding-bottom: 10px;
        overflow: hidden;
    }

        .sms .r-row p {
            margin-bottom: 0;
        }

    .sms .recipientlist {
        background: url('../images/bgr-grayline.png') repeat-y 50% 50%;
        overflow: hidden;
        width: 100%;
        padding: 5px 0;
    }

        .sms .recipientlist li {
            width: 95px;
            float: left;
            padding: 5px 30px 5px 15px;
        }

            .sms .recipientlist li span {
                float: left;
                line-height: 20px;
            }

            .sms .recipientlist li .btn-delete {
                float: right;
            }

.recipientbox {
    width: 280px;
    float: left;
}

.recipientmsg {
    width: 280px;
    float: left;
    margin-left: 18px;
}

.errormsg p,
p.errormsg {
    color: #f00!important;
}
/*******************************
	COMMON BOXES
*******************************/
.box-out {
    width: 100%;
    padding-bottom: 10px;
}

/*graybox*/
.graybox {
    width: 100%;
    position: relative;
    margin-bottom: 3px;
}

    .graybox .box-in {
        border: 1px solid #ccc;
        background-color: #f4f4f4;
        min-height: 10px;
    }

/*darkborderbox*/
.darkborderbox {
    width: 100%;
    position: relative;
    margin-bottom: 10px;
}

    .darkborderbox .box-in {
        border: 1px solid #999!important;
        background-color: #fff!important;
        min-height: 10px;
    }

.greenbox .darkborderbox .box-in {
    padding: 0 0 0 0!important;
}

/*graybox*/
.grayboxnoborder {
    width: 100%;
    position: relative;
    margin-bottom: 15px;
}

    .grayboxnoborder .box-in {
        background-color: #f4f4f4;
        min-height: 10px;
    }

/*graybox*/
.grayboxnobg {
    width: 100%;
    position: relative;
    margin-bottom: 15px;
}

    .grayboxnobg .box-in {
        border: 1px solid #ccc;
        background-color: #fff;
        min-height: 10px;
    }

/*scrollbox*/
.scrollbox {
    width: 100%;
    position: relative;
    margin-bottom: 3px;
}

    .scrollbox .box-in {
        border: 1px solid #ccc;
        background-color: #f7f5f5;
        min-height: 10px;
    }

/*tablebox*/
.tablebox {
    width: 100%;
    position: relative;
    margin-bottom: 3px;
}

    .tablebox .box-in {
        border: 1px solid #ccc;
        background-color: #f4f4f4;
        min-height: 10px;
        height: auto!important;
        width: auto!important;
    }

.graybox-585 {
    background: url('../images/box-gray-585.png') no-repeat;
    width: 555px;
    height: 58px;
    padding: 15px 10px 15px 20px;
}

.darkgraybox {
    background: #222 url('../images/box-darkgray-gradient.png') repeat-x;
    position: relative;
    width: 100%;
}

    .darkgraybox .box-in {
        padding: 15px 20px;
        overflow: hidden;
    }

    .darkgraybox h2 {
        color: #fff;
        margin-bottom: 17px;
    }

    .darkgraybox h3 {
        color: #fff;
        margin-bottom: 17px;
    }


.pinkbox {
    background: #cf0972;
    position: relative;
    width: 100%;
}

    .pinkbox .box-in {
        padding: 15px 20px;
        overflow: hidden;
    }

    .pinkbox h2 {
        color: #fff;
        margin-bottom: 17px;
    }

    .pinkbox h3 {
        color: #fff;
        margin-bottom: 17px;
    }

/*.greenbox*/
.greenbox {
    width: 100%;
    position: relative;
    margin-bottom: 10px;
}

    .greenbox .box-in {
        border: 1px solid #009b74;
        background-color: #ebf7f4;
        min-height: 10px; /*padding:10px 0;*/
    }

    .greenbox .haspadding {
        padding: 17px 20px 20px;
    }

    .greenbox .nopadding {
        padding: 0;
    }

    .greenbox .tbl {
        margin: 10px 0;
    }

.greenbox-title {
    background-color: #009b74;
    padding: 6px 20px;
}

    .greenbox-title h2 {
        color: #fff;
        margin-bottom: 0;
    }

/*.darkgreenbox*/
.darkgreenbox {
    width: 100%;
    position: relative;
}

    .darkgreenbox .box-in {
        border: 1px solid #009b74;
        background-color: #a6dcce;
        min-height: 10px;
        padding: 10px 0;
    }

/*.darkgreenbox*/
.darkgreenboxnoborder {
    width: 100%;
    position: relative;
}

    .darkgreenboxnoborder .box-in {
        border: none;
        background-color: #a6dcce;
        min-height: 10px;
        padding: 0;
    }

/*threecolbox*/
.threecolbox {
    background: url('../images/box-threecols.png') no-repeat;
    width: 940px;
    padding-top: 10px;
}

    .threecolbox .box-out {
        background: url('../images/box-threecols.png') no-repeat -940px 100%;
    }

    .threecolbox .box-in {
        background: url('../images/box-threecols.png') repeat-y -1880px 0;
        width: 940px;
        padding: 15px 0;
    }

    .threecolbox .col-three {
        width: 280px;
        padding-left: 19px;
        margin-right: 15px;
        float: left;
        position: relative;
    }

/*whitebox-290*/
.whitebox-290 {
    background: url('../images/box-white290.png') no-repeat;
    width: 270px;
    height: 41px;
    padding: 5px 10px;
    clear: left;
}

    .whitebox-290 .line-vert {
        height: 30px;
        float: left;
        margin-top: 5px;
    }

/*reportbox*/
.reportbox-290 {
    background: url('../images/box-reportbox.png') no-repeat;
    width: 290px;
    padding-top: 10px;
}

    .reportbox-290 .box-out {
        background: url('../images/box-reportbox.png') no-repeat -290px 100%;
    }

    .reportbox-290 .box-in {
        background: url('../images/box-reportbox.png') repeat-y -580px 0;
        width: 288px;
        padding: 0 1px 0 1px;
        position: relative;
    }

/*twocol-box-main-sidebar*/
.twocol-box-main-sidebar {
    background: url('../images/bgr-vertical-shadow-rep.png') repeat-y 626px 0;
    margin-bottom: 20px;
}

    .twocol-box-main-sidebar > .box-out {
        background: url('../images/bgr-vertical-shadow-bottom.png') no-repeat 626px 100%;
        padding-bottom: 0;
    }

        .twocol-box-main-sidebar > .box-out > .box-in {
            background: url('../images/bgr-vertical-shadow-top.png') no-repeat 626px 0;
            padding-top: 10px;
        }

/*twocol-box-main-sidebar*/
.twocol-box-sidebar-main {
    background: url('../images/bgr-vertical-shadow-rep2.png') repeat-y 294px 0;
    margin-bottom: 20px;
}

    .twocol-box-sidebar-main > .box-out {
        background: url('../images/bgr-vertical-shadow-bottom2.png') no-repeat 294px 100%;
        padding-bottom: 0;
    }

        .twocol-box-sidebar-main > .box-out > .box-in {
            background: url('../images/bgr-vertical-shadow-top2.png') no-repeat 294px 0;
            padding-top: 10px;
        }

/*mapbox*/
.mapbox {
    width: 100%;
    position: relative;
}

    .mapbox .box-in {
        border: 1px solid #ccc;
        background-color: #f4f4f4;
        width: 604px;
        padding: 20px 0 20px 14px;
    }

.map {
    background: url('../images/box-map.png') repeat-y -1180px 0;
    width: 578px;
    height: 360px;
    padding: 0 6px;
    position: relative;
}

    .map .maptop,
    .map .mapbottom {
        z-index: 1;
        position: absolute;
        left: 0;
        top: -1px;
        width: 590px;
        height: 10px;
        background: url('../images/box-map.png') no-repeat 0 0;
    }

    .map .mapbottom {
        top: 355px;
        background-position: -590px 0;
    }

/*share*/
.sharebox {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-bottom: 15px;
}

    .sharebox .box-in {
        border-width: 1px;
        border-style: solid;
        border-color: #ccc;
    }

/*bluebox220*/
.bluebox220 {
    background: url('../images/box-blue220.png') no-repeat;
    width: 220px;
    padding-top: 10px;
    margin-bottom: 15px;
}

    .bluebox220 .box-out {
        background: url('../images/box-blue220.png') no-repeat -220px 100%;
    }

    .bluebox220 .box-in {
        background: #5eb6e4;
        width: 192px;
        padding: 0 14px;
        overflow: hidden;
    }

    .bluebox220 li {
        color: #fff;
        font-size: 18px;
        line-height: 25px;
        border-bottom: 1px solid #54a3cd;
        padding: 3px 0 7px;
        margin-bottom: 2px;
    }

        .bluebox220 li.last {
            padding-bottom: 0;
            border-bottom: none;
            margin-bottom: 0;
        }

        .bluebox220 li span {
            font-size: 24px;
        }

        .bluebox220 li strong {
            float: left;
            width: 106px;
        }

/*chartbox*/
.chartbox {
    width: 900px;
    margin: 0 auto;
}

    .chartbox .box-in {
        width: 838px;
        padding: 15px 30px;
    }

    .chartbox h3 {
        margin: 10px 0 40px;
    }

/*******************************
	POPUPS
*******************************/
.popup_block {
    display: none;
}

.popup-title {
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
}

    .popup-title h2 {
        margin-bottom: 13px;
    }

.staff-popup {
    padding: 20px 20px;
    width: 555px;
}

    .staff-popup .rimg10 {
        float: left;
        margin: 3px 20px 10px 0;
    }

    .staff-popup h3 {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 7px;
    }

        .staff-popup h3 span {
            font-weight: normal;
            font-size: 13px;
            display: block;
        }

    .staff-popup h4 {
        color: #333;
        font-weight: normal;
    }

    .staff-popup .line {
        width: 310px;
        margin-left: 240px;
        margin-top: 10px;
        padding-bottom: 10px;
    }

    .staff-popup p {
        line-height: 22px;
    }

#cartpopup {
    width: 800px;
    padding: 20px 25px;
}

    #cartpopup .cart-head,
    #cartpopup .cart-table-head,
    #cartpopup .cart-table-submit,
    #cartpopup .cart-table-total {
        width: 100%;
        overflow: hidden;
    }

        #cartpopup .cart-head h2 {
            float: left;
            background: url('../images/bgr-cartico-big.png') no-repeat;
            padding-left: 50px;
            line-height: 43px;
        }

        #cartpopup .cart-head p {
            float: right;
            text-align: right;
            font-size: 14px;
        }

            #cartpopup .cart-head p strong {
                clear: right;
                font-size: 16px;
                display: block;
            }

    #cartpopup .cart-table-head,
    #cartpopup .cart-table-total {
        background: url('../images/box-carthead.png') no-repeat;
        width: 800px;
        height: 44px;
    }

        #cartpopup .cart-table-head li,
        #cartpopup .cart-table-total li {
            font-size: 16px;
            padding-left: 18px;
            line-height: 44px;
            float: left;
        }

        #cartpopup .cart-table-total li {
            font-weight: bold;
            font-size: 20px;
        }

    #cartpopup .cart-table-total {
        margin-bottom: 15px;
    }

    #cartpopup .w-525 {
        width: 507px;
    }

    #cartpopup .w-100 {
        width: 82px;
    }

    #cartpopup .w-175 {
        width: 157px;
    }

    #cartpopup .w-96 {
        width: 96px;
    }

    #cartpopup .w-400 {
        width: 372px;
        padding-right: 18px;
    }

    #cartpopup table {
        width: 100%;
    }

        #cartpopup table td {
            vertical-align: top;
            padding: 15px 0 15px 18px;
            text-align: left;
        }

            #cartpopup table td.td-vertmiddle {
                vertical-align: middle;
                width: 78px;
            }

            #cartpopup table td.td-vertmiddle-price {
                vertical-align: middle;
            }

            #cartpopup table td.td-border {
                border-left: 1px solid #e5e5e5;
            }

        #cartpopup table .trdark td {
            background-color: #f7f7f7;
        }

        #cartpopup table .half_li {
            width: 100%;
            overflow: hidden;
            margin-bottom: 5px;
        }

            #cartpopup table .half_li li {
                width: 47%;
                float: left;
                padding-bottom: 0;
            }

    #cartpopup .planlist {
        width: 100%;
        float: left;
        margin-bottom: 5px;
    }

        #cartpopup .planlist li {
            float: left;
            width: 100%;
            color: #333;
            padding-bottom: 3px;
        }

        #cartpopup .planlist .d-t {
            font-weight: bold;
            width: 95px;
            clear: left;
            float: left;
        }

        #cartpopup .planlist .d-d {
            width: 270px;
            float: left;
        }

    #cartpopup .cart-table-submit .pinklnk,
    #cartpopup .cart-table-submit .pinklnk:visited {
        float: right;
        line-height: 32px;
    }

    #cartpopup .cart-table-submit .btn-pink32,
    #cartpopup .cart-table-submit .btn-pink32:visited {
        float: right;
        margin-left: 10px;
    }

#popup_newsletter {
    padding: 20px 30px;
    width: 585px;
    height: 370px;
    overflow: hidden!important;
}

#popup_changepass {
    padding: 20px 30px;
    width: 339px;
    height: 235px;
    overflow: hidden!important;
}

#popup_editpicture {
    padding: 20px 30px;
    width: 530px;
    height: 260px;
    overflow: hidden!important;
}

/*******************************
	LISTS
*******************************/
.imglist {
    width: 100%;
    overflow: hidden;
}

    .imglist li {
        float: left;
        margin: 10px 10px 3px 0;
    }

        .imglist li a {
            clear: left;
            float: left;
            font-size: 12px;
        }

        .imglist li strong {
            display: block;
        }

.grayboxnoborder li {
    margin: 11px 0 11px 11px;
}

    .grayboxnoborder li .rimg-border5 {
        margin: 0 0 5px;
    }



.list-share-print li,
.list-download li {
    float: left;
    color: #b4b4b4;
    font-size: 14px;
    padding: 17px 10px 17px 0;
}

.list-download h3 {
    color: #333;
    font-size: 18px;
    font-weight: normal;
    margin-left: 5px;
}

.planlist li {
    display: inline;
    color: #666666;
    padding-right: 10px;
}

.list-download li {
    float: left;
    line-height: 20px;
    padding-left: 10px;
}

.list-download img {
    float: left;
    margin: 0 7px 0 0;
}

.list-download a,
.list-download a:visited {
    display: inline-block;
}


.lnklist {
    width: 100%;
    overflow: hidden;
}

    .lnklist li {
        float: left;
        padding-right: 20px;
    }

.lnklist-bold {
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}

    .lnklist-bold li {
        padding-right: 10px;
        font-weight: bold;
        float: left;
    }

.actionbox {
    width: 100%;
    overflow: hidden;
}

    .actionbox .lnklist-bold {
        width: auto;
        float: right;
    }

.tabbox .tabcontent-items .lnklist-bold {
    margin-bottom: 0;
}

.investorlist {
    width: 100%;
    overflow: hidden;
}

    .investorlist li {
        float: left;
        width: 142px;
        margin: 0 17px 0 0;
    }

    .investorlist .masked {
        background-color: #fff;
        width: 142px;
        height: 107px;
        text-align: center;
        overflow: hidden;
        margin-bottom: 7px;
    }

    .investorlist li strong {
        display: block;
    }

.mgallery {
    margin-bottom: 2px;
    overflow: hidden;
    width: 100%;
}

    .mgallery li {
        float: left;
        margin: 0 10px 0 0;
    }


.medialist {
    width: 100%;
    overflow: hidden;
}

    .medialist .masked {
        margin-bottom: 10px;
        position: relative;
    }

    .medialist h5,
    .medialist h5 a,
    .medialist h5 a:visited {
        font-size: 13px;
    }

        .medialist h5 span {
            display: block;
            font-weight: normal;
        }

    .medialist li {
        float: left;
        width: 140px;
        padding-right: 20px;
        height: 166px;
        border-bottom: 1px solid #ccc;
        margin: 0 0 10px 0;
    }

.twocol-box-main-sidebar .medialist li {
    margin: 0 0 24px 0;
}

/*graybulletlist*/
.graybulletlist {
    width: 100%;
    padding-top: 5px;
}

    .graybulletlist li {
        background: url('../images/bgr-smalldot.png') no-repeat 0 6px;
        padding: 0 0 5px 10px;
    }

/*greenbulletlist*/
.greenbulletlist {
    margin-bottom: 20px;
}

    .greenbulletlist li {
        background: url('../images/bgr-greendot.png') no-repeat 0 8px;
        padding-left: 10px;
        line-height: 22px;
        color: #008967;
        font-weight: bold;
    }

/*grayarrowlist*/
.grayarrowlist li {
    background: url('../images/bgr-grayarrow-dark.png') no-repeat 0 4px;
    padding-left: 12px;
}
/*greenlist*/
.greenlist li {
    line-height: 22px;
    color: #008967;
    font-weight: bold;
}
/*numberlist*/
.numberlist {
    padding-left: 20px;
}

    .numberlist li {
        list-style: decimal;
    }
/*******************************
	TABLES
*******************************/
table .tlast {
    border-right: none!important;
}
/*.tbl*/

.tbl td {
    padding: 8px 20px;
    border-bottom: 1px solid #a6dcce;
    font-size: 15px;
}

.tbl .trdark td {
    background-color: #d3eee7;
}

.tbl .trlast td {
    border: none;
}

.tbl .btn-gray32,
.tbl .btn-pink32 {
    margin: 10px 10px 0 0;
}

.tbl-withtitle th {
    background-color: #a6dcce;
    border-right: 1px solid #fff;
    color: #333;
    vertical-align: bottom;
    text-align: left;
    padding: 10px 10px 10px 20px;
    font-size: 15px;
}

.tbl-withtitle td {
    border-right: 1px solid #99d7c7;
    background-color: #fff;
    text-align: left;
    padding: 8px 10px 8px 20px;
    vertical-align: top;
}

.tbl-withtitle .trlight td {
    background-color: #ebf7f4;
}

.tbl-withtitle .trline td {
    border-bottom: 1px solid #7fcdb9;
}

.tbl-withtitle .trline h4 {
    float: left;
    margin-right: 15px;
}

.tbl-withtitle .trtitle th {
    background-color: #009b74;
}

.tbl-withtitle .trtitle h2 {
    margin: 0;
    color: #fff;
}

.tbl-withtitle .ez-checked {
    margin: 3px;
}

.tbl-lesspadd th,
.tbl-lesspadd td {
    padding-left: 10px;
}

    .tbl-lesspadd td:first-child {
        white-space: nowrap;
    }

.tbl-withtitle td.t100 {
    width: 70px;
    text-align: right;
    padding-right: 20px;
}

.tbl-withtitle th.t100 {
    text-align: center;
}

/*tblfitered*/
.tblfitered th {
    background-color: #e8e6e6;
    padding: 12px 10px 12px;
    vertical-align: top;
}

.tblfitered td {
    background: url('../images/bgr-tableline.png') no-repeat 50% 100%;
    padding: 9px;
    vertical-align: middle;
}

    .tblfitered td.tdfirst {
        background-position: 0 100%;
        padding-left: 20px;
    }

    .tblfitered td.tdlast {
        background-position: 100% 100%;
        padding-right: 20px;
        text-align: right;
    }

.tblfitered .trlast td {
    background: none;
}

.tblfitered .trtotal td {
    background: #f3f3f3 none;
    font-size: 14px;
    text-align: center;
    border-width: 1px 0;
    border-style: solid;
    border-color: #ccc;
}
/*tbl-congrats*/
.tbl-congrats th {
    background-color: #a6dcce;
    font-size: 15px;
    padding: 11px 20px;
    text-align: left;
}

.tbl-congrats .trfoot th {
    font-size: 20px;
}

.tbl-congrats th.thhasb {
    border-left: 1px solid #fff;
}

.tbl-congrats td {
    font-size: 15px;
    padding: 15px 20px;
    text-align: left;
    line-height: 18px;
}

    .tbl-congrats td.tdhasb {
        border-left: 1px solid #99d7c7;
    }

.tbl-congrats .trwhite td {
    background-color: #fff;
}

.tbl-congrats .tdright {
    text-align: right;
}

/*tblweather*/
.tblweather {
    width: 266px;
    margin: 11px;
}

    .tblweather td {
        font-size: 14px;
        padding: 2px 0 8px;
    }

    .tblweather .trline td {
        border-bottom: 1px solid #ccc;
        text-align: left;
    }

    .tblweather .trdays td {
        width: 38px;
        text-align: center;
        padding: 11px 0 0;
    }

    .tblweather .wimg {
        float: left;
        width: 62px;
    }

    .tblweather .wdetails {
        padding: 0 0 0 15px;
        height: 45px;
        margin-left: 13px;
        border-left: 1px solid #ccc;
    }

    .tblweather .deg {
        font-size: 32px;
        color: #848484;
    }

.tbl-grayrows {
    margin-bottom: 10px;
}

    .tbl-grayrows td {
        padding: 6px 10px;
        border-width: 1px 0;
        border-style: solid;
        border-color: #e3e3e3;
        font-weight: bold;
        line-height: 16px;
    }

        .tbl-grayrows td.tddcol-1 {
            width: 122px;
        }

        .tbl-grayrows td.tddcol-2 {
            width: 165px;
        }

    .tbl-grayrows .trgray td {
        background-color: #efefef;
    }

    .tbl-grayrows .trdarkgray td {
        background-color: #e7e7e7;
        border-color: #dedede;
    }

.tblgreen th {
    background-color: #009b74;
    border-right: 1px solid #fff;
    color: #fff;
    vertical-align: bottom;
    text-align: left;
    padding: 6px 5px 10px 15px;
}

    .tblgreen th span {
        font-weight: normal;
        display: block;
    }

.tblgreen td {
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color: #dadada;
    background-color: #fff;
    text-align: left;
    padding: 8px 5px 8px 15px;
}

.tbl-divident .trlast td {
    border-bottom: none;
    padding-bottom: 0;
}


.tbl-report {
    width: 100%;
}

    .tbl-report th {
        font-size: 14px;
        color: #fff;
        background-color: #5eb6e4;
        border-left: 1px solid #8fccec;
        padding: 4px 0 9px;
    }

        .tbl-report th.thfirst {
            border-left: none;
        }

    .tbl-report td {
        background-color: #fff;
        border-width: 1px 0 1px 1px;
        border-style: solid;
        border-color: #ccc;
        padding: 11px 0;
        text-align: center;
        vertical-align: middle;
    }

        .tbl-report td.td-darkgray {
            background-color: #eee;
            font-weight: bold;
            padding: 0 5px;
            border-left: none;
        }

        .tbl-report td.td-l {
            text-align: left;
            padding-left: 15px;
        }

        .tbl-report td.td-nob,
        .tbl-report td.tdfirst {
            border-left: none;
        }

    .tbl-report .break {
        display: block;
        padding: 3px;
    }

    .tbl-report .empty {
        height: 21px;
        display: block;
    }

    .tbl-report .trlight td {
        background-color: #eee;
        font-weight: bold;
    }

    .tbl-report .trtotal td {
        font-weight: bold;
        font-size: 16px;
    }

.subrow .tbl-report td.td-darkgray {
    font-size: 16px;
}

.financial-report .tbl-report th {
    padding: 4px 20px 12px;
}

.financial-report .tbl-report td {
    text-align: left;
    padding: 11px 10px 11px 20px;
}

    .financial-report .tbl-report td.td-nob {
        padding-left: 0;
    }

.tbl-share .tdlight {
    background-color: #f2f2f2;
    font-weight: bold;
}

.tbl-share td {
    border-bottom: 1px solid #e6e6e6;
    padding: 6px 10px 6px;
}

.tbl-share .trlast td {
    border-bottom: none;
}

.col-300 .sharebox .tdlight {
    width: 90px;
}

.col-380 .sharebox .tbl-share td.tdlight {
    width: 50%;
    padding-left: 10px;
}

.col-380 .sharebox .tbl-share td {
    padding-left: 85px;
}
/*******************************
	BUTTONS
*******************************/
.lnk,
.lnk:visited {
    background: url('../images/bgr-pinkarrrow.png') no-repeat 100% 59%;
    padding-right: 10px;
    float: left;
    font-weight: bold;
}

.pdf,
.pdf:visited {
    background: url('../images/ico-pdf.png') no-repeat;
    padding-left: 25px;
    line-height: 20px;
    height: 21px;
    display: inline-block;
}

.print {
    background: url('../images/btn-share-print.png') no-repeat;
    margin: 0 auto;
    display: block;
    width: 20px;
    height: 17px;
}

.PrinttoPDF {
    background: url('../images/pdfIcon.png') no-repeat;
    height: 23px;
    width: 23px;
    position: absolute;
    top: -3px;
    left: 307px;
}

.xls,
.xls:visited {
    background: url('../images/ico-xls.png') no-repeat;
    padding-left: 25px;
    line-height: 20px;
    height: 21px;
    display: inline-block;
}

.view,
.view:visited {
    background: url('../images/ico-magnifier.png') no-repeat;
    padding-left: 17px;
    height: 17px;
    display: inline-block;
    margin: 0 8px;
}

/*btn-pink*/ /*btn-white*/
.btn-pink,
.btn-pink:visited,
.btnwhite,
.btnwhite:visited,
.btnwhiteborder,
.btnwhiteborder:visited {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    padding-left: 10px;
    float: left;
    height: 27px;
    line-height: 26px;
}

    .btn-pink span,
    .btnwhite span,
    .btnwhiteborder span {
        padding-right: 10px;
        display: inline-block;
        height: 27px;
    }

        .btn-pink span span,
        .btnwhite span span,
        .btnwhiteborder span span {
            padding: 0;
        }

            .btn-pink span span input,
            .btnwhite span span input,
            .btnwhiteborder span span input {
                background: none;
                border: none;
                font-size: 14px;
                height: 27px;
                font-weight: bold;
                text-transform: uppercase;
                margin: 0;
                padding: 0;
                overflow: visible;
                float: left;
            }
    /*normal*/
    .btn-pink,
    .btn-pink:visited {
        background: url('../images/btn-pink.png') no-repeat;
        color: #fff;
    }

        .btn-pink span {
            background: url('../images/btn-pink.png') no-repeat 100% -27px;
        }

            .btn-pink span span {
                background: url('../images/btn-pink.png') repeat-x 0 -54px;
            }

                .btn-pink span span input {
                    color: #fff;
                }
        /*hover*/
        .btn-pink:hover {
            background: url('../images/btn-white.png') no-repeat;
            color: #d60f84;
        }

            .btn-pink:hover span {
                background: url('../images/btn-white.png') no-repeat 100% -27px;
            }

                .btn-pink:hover span span {
                    background: url('../images/btn-white.png') repeat-x 0 -54px;
                }

                    .btn-pink:hover span span input {
                        color: #d60f84;
                    }

    /*normal*/
    .btnwhite,
    .btnwhite:visited {
        background: url('../images/btn-white.png') no-repeat;
        color: #d60f84;
    }

        .btnwhite span {
            background: url('../images/btn-white.png') no-repeat 100% -27px;
        }

            .btnwhite span span {
                background: url('../images/btn-white.png') repeat-x 0 -54px;
            }

                .btnwhite span span input {
                    color: #d60f84;
                }
        /*hover*/
        .btnwhite:hover {
            background: url('../images/btn-pink.png') no-repeat;
            color: #fff;
        }

            .btnwhite:hover span {
                background: url('../images/btn-pink.png') no-repeat 100% -27px;
            }

                .btnwhite:hover span span {
                    background: url('../images/btn-pink.png') repeat-x 0 -54px;
                }

                    .btnwhite:hover span span input {
                        color: #fff;
                    }

    /*normal*/
    .btnwhiteborder,
    .btnwhiteborder:visited {
        background: url('../images/btn-whiteborder.png') no-repeat;
        color: #d60f84;
    }

        .btnwhiteborder span {
            background: url('../images/btn-whiteborder.png') no-repeat 100% -27px;
        }

            .btnwhiteborder span span {
                background: url('../images/btn-whiteborder.png') repeat-x 0 -54px;
            }

                .btnwhiteborder span span input {
                    color: #d60f84;
                }
        /*hover*/
        .btnwhiteborder:hover {
            background: url('../images/btn-pink.png') no-repeat;
            color: #fff;
        }

            .btnwhiteborder:hover span {
                background: url('../images/btn-pink.png') no-repeat 100% -27px;
            }

                .btnwhiteborder:hover span span {
                    background: url('../images/btn-pink.png') repeat-x 0 -54px;
                }

                    .btnwhiteborder:hover span span input {
                        color: #fff;
                    }



/*btn-gray32*/ /*btn-pink32*/
.btn-gray32,
.btn-gray32:visited,
.btn-pink32,
.btn-pink32:visited {
    height: 32px;
    line-height: 33px;
    font-size: 14px;
    padding-left: 10px;
    float: left;
    text-transform: uppercase;
}

    .btn-gray32 span,
    .btn-pink32 span {
        padding-right: 10px;
        display: inline-block;
        height: 32px;
    }

        .btn-gray32 span span,
        .btn-pink32 span span {
            padding: 0;
            text-align: center;
        }

            .btn-gray32 span span input,
            .btn-pink32 span span input {
                font-size: 14px;
                text-transform: uppercase;
                height: 32px;
                line-height: 32px;
                background: none;
                overflow: visible;
            }

    /*normal*/
    .btn-gray32,
    .btn-gray32:visited {
        background: url('../images/btn-gray32.png') no-repeat;
        color: #cf0972;
    }

        .btn-gray32 span {
            background: url('../images/btn-gray32.png') no-repeat 100% -32px;
        }

            .btn-gray32 span span {
                background: url('../images/btn-gray32.png') repeat-x 0 -64px;
                padding: 0;
            }

                .btn-gray32 span span input {
                    color: #cf0972;
                }
        /*hover*/
        .btn-gray32:hover {
            background: url('../images/btn-pink32.png') no-repeat;
            color: #fff;
        }

            .btn-gray32:hover span {
                background: url('../images/btn-pink32.png') no-repeat 100% -32px;
            }

                .btn-gray32:hover span span {
                    background: url('../images/btn-pink32.png') repeat-x 0 -64px;
                }

                    .btn-gray32:hover span span input {
                        color: #fff;
                    }

    /*normal*/
    .btn-pink32,
    .btn-pink32:visited {
        background: url('../images/btn-pink32.png') no-repeat;
        color: #fff;
    }

        .btn-pink32 span {
            background: url('../images/btn-pink32.png') no-repeat 100% -32px;
        }

            .btn-pink32 span span {
                background: url('../images/btn-pink32.png') repeat-x 0 -64px;
            }

                .btn-pink32 span span input {
                    color: #fff;
                }
        /*hover*/
        .btn-pink32:hover {
            background: url('../images/btn-gray32.png') no-repeat;
            color: #cf0972;
        }

            .btn-pink32:hover span {
                background: url('../images/btn-gray32.png') no-repeat 100% -32px;
            }

                .btn-pink32:hover span span {
                    background: url('../images/btn-gray32.png') repeat-x 0 -64px;
                    padding: 0;
                }

                    .btn-pink32:hover span span input {
                        color: #cf0972;
                    }

.btn-puk span span span {
    background: url('../images/bgr-puk.png') no-repeat 0 9px;
    padding-left: 18px;
}

.btn-puk:hover span span span {
    background: url('../images/bgr-puk.png') no-repeat 0 -27px;
}

.btn-key span span span {
    background: url('../images/bgr-key.png') no-repeat 0 9px;
    padding-left: 18px;
}

.btn-key:hover span span span {
    background: url('../images/bgr-key.png') no-repeat 0 -27px;
}

.btnsmshistory span span span {
    background: url('../images/bgr-smshistory.png') no-repeat 100% 11px;
    padding-right: 15px;
}

.btnsmshistory:hover span span span {
    background: url('../images/bgr-smshistory.png') no-repeat 100% -89px;
}

.btnsmshistory-open span span span {
    background: url('../images/bgr-smshistory.png') no-repeat 100% -33px;
}

.btnsmshistory-open:hover span span span {
    background: url('../images/bgr-smshistory.png') no-repeat 100% -134px;
}

/*btn-pinkbig*/
.btn-pinkbig,
.btn-pinkbig:visited {
    background: url('../images/btn-pinkbig.png') no-repeat;
    height: 35px;
    line-height: 35px;
    font-size: 21px;
    color: #fff;
    padding-left: 10px;
    float: left;
    text-transform: uppercase;
}

    .btn-pinkbig span {
        background: url('../images/btn-pinkbig.png') no-repeat 100% -35px;
        padding-right: 10px;
        display: inline-block;
        height: 35px;
    }

        .btn-pinkbig span span {
            background: url('../images/btn-pinkbig.png') repeat-x 0 -70px;
            padding: 0;
        }

            .btn-pinkbig span span input {
                font-size: 21px;
                color: #fff;
                text-transform: uppercase;
                height: 35px;
                line-height: 35px;
                background: none;
            }


/**/
.btn-follow,
.btn-follow:visited {
    height: 27px;
    line-height: 26px;
    padding-left: 10px;
    display: inline-block;
    color: #fff;
    font-weight: bold;
    background: url('../images/btn-follow.png') no-repeat;
    width: 93px;
    font-size: 14px;
    text-transform: uppercase;
}

/**/
.printBTN,
.printBTN:visited,
.btn-print,
.btn-print:visited,
.btn-share,
.btn-share:visited {
    background: url('../images/btn-share-print.png') no-repeat;
    padding-left: 20px;
    overflow: visible;
}

    .btn-share,
    .btn-share:visited {
        background-position: 0 -34px;
    }

        .printBTN:hover,
        .btn-print:hover,
        .btn-share:hover {
            color: #cf0972;
            overflow: visible;
        }


.btngo {
    background: url('../images/btn-go.png') no-repeat;
    width: 53px;
    height: 32px;
    border: none;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    line-height: 32px;
    text-align: center;
}

.btn-add {
    background: url('../images/btn-add.png') no-repeat;
    width: 30px;
    height: 29px;
    float: left;
}

    .btn-add:hover {
        background-position: 0 -29px;
    }

.btn-delete {
    background: url('../images/btn-delete.png') no-repeat;
    width: 22px;
    height: 21px;
    float: left;
}

    .btn-delete:hover {
        background-position: 0 -21px;
    }

.btn-deletepink {
    background: url('../images/btn-delete.png') no-repeat 0 -21px;
    width: 22px;
    height: 21px;
    float: left;
}

    .btn-deletepink:hover {
        background-position: 0 0;
    }

.btn-openclose {
    background: url('../images/bgr-plusminus.png') no-repeat;
    width: 23px;
    height: 23px;
    float: left;
}

    .btn-openclose:hover {
        background-position: 0 100%;
    }

/*### CETVRTI DEO ###*/

/*******************************
	FORM
*******************************/

.frm input[type=text],
.frm input[type=password],
.frm textarea {
    border: none;
    background: none;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #666;
    overflow: auto;
    resize: none;
    padding-left: 5px !important;
}

.frm label {
    font-size: 14px;
    font-weight: bold;
    float: left;
}

.frm .lbl-block {
    display: block;
    width: 100%;
    padding-bottom: 5px;
}

.frm .lbl-100 {
    width: 110px;
}

.req {
    color: #069e78;
    font-weight: bold;
    font-size: 22px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    padding: 0 2px;
}

.reqbig {
    background: url('../images/ico-mandatory.png') no-repeat 50% 50%;
    padding: 0 5px;
}

.frm input.input_160 {
    background: url('../images/input159x25.png') no-repeat;
    width: 149px;
    height: 16px;
    padding: 4px 10px;
}

.frm input.input_239 {
    background: url('../images/input-239x31.png') no-repeat;
    width: 219px;
    height: 17px;
    padding: 7px 10px;
}

.frm input.input_113 {
    background: url('../images/input-113x30.png') no-repeat;
    width: 93px;
    height: 16px;
    padding: 7px 10px;
}

.frmfilter input.input_113 {
    background: url('../images/input-113x30.png') no-repeat;
    width: 93px;
    height: 16px;
    padding: 7px 10px;
}

.frm input.input_210,
.frmprofileimage input.file {
    background: url('../images/input-190x30.png') no-repeat;
    width: 185px;
    height: 16px;
    padding: 7px 0px;
    margin-left: 15px;
    border: none;
}

.frm input.input_265,
.frmpayment input[type="text"],
.frmpayment input[type="password"] {
    background: url('../images/input-265x30.png') no-repeat;
    width: 245px;
    height: 16px;
    padding: 7px 10px;
    border: none;
}

.frm input.input_258 {
    background: url('../images/input-258x27.png') no-repeat;
    width: 248px;
    height: 17px;
    padding: 5px 10px;
    color: #bababa;
}

.frm input.input_100,
.frmfilter .input_100 {
    background: url('../images/input_100x30.png') no-repeat;
    width: 80px;
    height: 16px;
    padding: 7px 10px;
    border: none;
    float: left;
}

.frm input.input_203,
.frmnewsletter input[type=text],
.frmpassword input[type=password] {
    background: url('../images/input203x30.png') no-repeat;
    width: 183px;
    height: 18px;
    padding: 6px 10px;
    border: none;
}

.frm .frmul,
.frm .frmul li,
.frm .li_full,
.frmsurvey .frmul li,
.frm .li_greenline {
    width: 100%;
    float: left;
}

.frm li.al {
    width: auto;
}

.frm .halflist li {
    width: 50%;
    float: left;
}

    .frm .halflist li.last {
        width: 48.5%;
        padding-left: 1.5%;
    }

.frm .halflist .li_full {
    width: 100%;
}

.frm .li_greenline {
    border-top: 1px solid #a6dcce;
    padding-top: 15px;
    width: 100%!important;
}

.frm .li_buttonline {
    border-top: 1px solid #a6dcce;
    padding: 17px 0 0;
    width: 100%!important;
}

.frm .li_p_130 {
    width: auto;
    padding-left: 130px;
}

.frm .li_p_155 {
    width: auto;
    padding-left: 155px;
}

.frm .rd-left {
    float: left;
    margin: 6px 0 0 0;
}

.frm .selectbox {
    margin-right: 10px;
    float: left;
}


.select-380 {
    width: 400px;
}

.select-250 {
    width: 270px;
}

.select-240 {
    width: 257px;
}

.select-210 {
    width: 230px;
}

.select-160 {
    width: 180px;
}

.select-80 {
    width: 100px;
}

.select-70 {
    width: 95px;
}

.select-65 {
    width: 82px;
}

.select-50 {
    width: 50px;
}

.s-day {
    width: 55px;
}

.s-month {
    width: 100px;
}

.s-year {
    width: 66px;
}


/*frmsurvey*/
.frmsurvey {
    width: 100%;
    overflow: hidden;
}

    .frmsurvey ul {
        overflow: hidden;
    }

    .frmsurvey .frmul li {
        padding: 5px 0 6px;
    }

    .frmsurvey li label {
        line-height: 19px;
    }

    .frmsurvey .line {
        margin-top: 2px;
        padding-bottom: 7px;
    }


/*frmnewsletter*/
.frmnewsletter li {
    font-size: 14px;
    padding-bottom: 5px;
}

.frmnewsletter label {
    line-height: 20px;
}

.frmnewsletter .graybox-585 label {
    line-height: 30px;
    padding-right: 15px;
}

.frmnewsletter .graybox-585 li.al {
    width: 275px;
}

.frmnewsletter .halflist {
    margin-bottom: 20px;
    overflow: hidden;
    border: 1px solid #fff;
}

    .frmnewsletter .halflist li {
        padding: 15px 0;
        border-bottom: 1px solid #ccc;
        width: 290px;
    }

    .frmnewsletter .halflist .li_full {
        border: none;
        padding: 15px 0 0;
    }

.frmnewsletter .ez-checkbox {
    background-image: url('../images/bgr-checkbox-newsletter.png');
    margin: 3px 10px 0 0;
    width: 19px;
    height: 15px;
}

.frmpassword li {
    padding-bottom: 15px;
}

.frmpassword h2 {
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

.frmpassword label {
    line-height: 30px;
    width: 135px;
}

.frmpassword .btn-pink32 {
    margin-left: 135px;
}

.frmreport {
    width: 100%;
    clear: left;
    float: left;
    padding: 10px 0;
}

    .frmreport li.al {
        padding-right: 8px;
    }

    .frmreport .btn-pink {
        margin-top: 1px;
    }

.report .selectwhite .jqTransformSelectWrapper div span {
    padding-left: 5px;
    letter-spacing: -0.025em;
}

.report .selectwhite .jqTransformSelectWrapper ul a {
    padding: 3px 5px;
}

/*frmsearchjob*/
.frmsearchjob {
    background: url('../images/bgr-searchjob.png') no-repeat;
    width: 190px;
    height: 27px;
}

    .frmsearchjob li {
        float: left;
    }

    .frmsearchjob input[type=text] {
        background: none;
        height: 17px;
        padding: 5px 10px;
        width: 140px;
    }

    .frmsearchjob input[type=submit] {
        border: none;
        background: none;
        height: 27px;
        width: 30px;
    }

/*frmverification*/
.frmaccount li {
    padding-bottom: 15px;
}

.frmaccount label {
    padding-right: 15px;
}

.frmaccount .halflist .frmsub {
    width: 100%;
    clear: left;
    padding: 10px 0;
}

.frmaccount .halflist ul li {
    width: auto;
}

    .frmaccount .halflist ul li label {
        font-weight: normal;
    }

/*frmpayment-method*/
.frmpayment-method li {
    padding-bottom: 15px;
}

.frmaccount .li_greenline {
    padding-bottom: 0;
}

.frmpayment-method .btn-pink32,
.frmpayment-method .btn-gray32 {
    margin: 0 10px 0 0;
}

.frmpayment-method .frmsub {
    padding-left: 20px;
}

    .frmpayment-method .frmsub .al {
        line-height: 30px;
        padding: 0 20px 0 10px;
    }

    .frmpayment-method .frmsub li,
    .frmpay .frmsub li {
        float: left;
        width: auto;
        padding-bottom: 0;
    }

    .frmpayment-method .frmsub .rd {
        margin-top: 15px;
        float: left;
    }

    .frmpayment-method .frmsub label {
        padding: 0 20px 5px 0;
    }

.frmpayment-method .radio-place {
    float: left;
    width: 20px;
    padding: 1px;
}

.frmpayment-method .nr {
    font-size: 13px;
}

.frmpay li {
    padding-bottom: 10px;
}

.frmpay h2 {
    margin-bottom: 15px;
}

.frmpay li label {
    float: left;
    width: 155px;
    line-height: 30px;
}

.frmpay .frmsub {
    padding-left: 20px;
}

    .frmpay .frmsub .al {
        line-height: 30px;
        padding: 0 20px 0 10px;
    }

    .frmpay .frmsub label {
        padding: 0 20px 0 0;
        width: auto;
        line-height: normal;
    }

.frmpay select {
    width: 98px;
}

.frmpay .jqTransformSelectWrapper {
    margin-right: 40px;
}

.frmpay .powered {
    position: absolute;
    right: 0;
    top: 85px;
}

.frmfilter li {
    width: auto;
    float: left;
    padding-right: 10px;
}

.frmfilter .jqTransformSelectWrapper {
    margin-top: -4px;
}

.frmfilter .frmsub {
    width: 100%;
    overflow: hidden;
    margin-bottom: 18px;
}

    .frmfilter .frmsub label {
        padding-right: 25px;
    }

.frmfilter .input_100 {
    background: url('../images/input_100x30.png') no-repeat;
    width: 80px;
    height: 16px;
    padding: 7px 10px;
    border: none;
    float: left;
}

.frmfilter .frmdate {
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}

    .frmfilter .frmdate li {
        line-height: 30px;
        float: left;
    }

    .frmfilter .frmdate img {
        float: left;
        margin: 5px 15px 5px 4px;
    }

    .frmfilter .frmdate .lnk {
        margin-left: 8px;
    }

.frmlocation {
    width: 100%;
    height: 45px;
}

    .frmlocation li {
        float: left;
        padding: 0 5px 0 5px;
    }

    .frmlocation label {
        line-height: 27px;
        font-weight: bold;
    }

    .frmlocation select {
        width: 197px;
    }

    .frmlocation .btngo {
        margin-top: -1px;
    }

/*.frmpayment*/

.frmpayment li {
    padding-bottom: 15px;
}

    .frmpayment li.li-btn {
        padding: 0 0 0 130px;
        width: auto;
    }

.frmpayment label {
    width: 130px;
    line-height: 30px;
}

.frmchart label {
    letter-spacing: -0.025em;
    float: left;
}

    .frmchart label.lbl-12 {
        font-size: 12px;
        line-height: 20px;
    }

    .frmchart label.lbl-bold {
        font-weight: bold;
        font-size: 14px;
        line-height: 20px;
    }

.frmchart .daterow input {
    background: url('../images/bgr-input113.png') no-repeat;
    width: 93px;
    height: 17px;
    padding: 4px 10px;
    border: none;
    float: left;
    font-size: 13px;
    color: #666;
}

.frmchart .daterow label {
    font-size: 13px;
    float: left;
    line-height: 24px;
    width: 35px;
}

.frmchart .daterow .ui-datepicker-trigger {
    float: left;
    margin-left: 7px;
}

.frmpuk {
    margin-top: 10px;
}

    .frmpuk label {
        line-height: 30px;
        padding-right: 10px;
    }

.frmprofileimage .filebox {
    float: left;
    width: 320px;
    padding-right: 30px;
}

    .frmprofileimage .filebox p {
        font-size: 12px;
        padding-top: 5px;
        clear: left;
    }

    .frmprofileimage .filebox .infobox {
        float: right;
    }

.frmprofileimage .btn-pink32 {
    margin-left: 13px;
}


.frmsms textarea {
    background: url('../images/bgr-tearea-sms.png') no-repeat;
    width: 259px;
    height: 120px;
    padding: 5px 10px;
}
/*******************************
	FORMS CHECKBBOX
*******************************/
.ez-hide {
    opacity: 0;
    filter: alpha(opacity=0);
    float: left;
    margin: 1px;
}

.ez-checkbox {
    background: transparent url('../images/bgr-checkbox.png') 0 0 no-repeat;
    display: block;
    float: left;
    margin: 3px 5px 0 0;
    width: 15px;
    height: 15px;
}

.ez-radio {
    background: transparent url('../images/bgr-radiobuton.png') 0 0 no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    float: left;
    margin: 1px 5px 0 0;
}

.ez-checkbox, .ez-radio {
    zoom: 1;
    *display: inline;
    _height: 30px;
}

.ez-checked {
    background-position: 0 100%;
}

.ez-selected {
    background-position: 0 -35px;
}


/*******************************
	FORMS SELECT
*******************************/
.jqTransformSelectWrapper {
    width: 45px;
    position: relative;
    height: 28px;
    float: left;
    background: url('../images/bgr-select.png') no-repeat 0 0;
    margin-right: 28px;
}

    .jqTransformSelectWrapper div span {
        float: none;
        left: 0;
        position: absolute;
        white-space: nowrap;
        height: 28px;
        line-height: 28px;
        padding: 0 0 0 10px;
        overflow: hidden;
        cursor: pointer;
        font-size: 13px;
        color: #333;
    }

    .jqTransformSelectWrapper a.jqTransformSelectOpen {
        display: block;
        position: absolute;
        right: -28px;
        width: 28px;
        height: 38px;
        background: url('../images/bgr-select.png') no-repeat 100% 0;
    }

    .jqTransformSelectWrapper ul {
        position: absolute;
        width: 43px;
        top: 28px;
        left: 4px;
        list-style: none;
        background-color: #eaeaea;
        border: solid 1px #d9d6d6;
        display: none;
        margin: 0;
        padding: 0;
        height: 150px;
        overflow: auto;
        overflow-x: hidden;
        z-index: 99;
    }

        .jqTransformSelectWrapper ul li {
            float: left;
            width: 100%!important;
            overflow: hidden;
            padding: 0!important;
            margin: 0!important;
            line-height: normal!important;
        }

        .jqTransformSelectWrapper ul a {
            display: block;
            padding: 3px 10px;
            text-decoration: none;
            font-size: 12px;
            white-space: nowrap;
            overflow: hidden;
        }

            .jqTransformSelectWrapper ul a.selected,
            .jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {
                background: #bed5d5;
                color: #02181c;
            }

.jqTransformSelectOpen {
    background-position: 0 100%;
}

    .jqTransformSelectOpen a.jqTransformSelectOpen {
        background-position: 100% 100%;
    }

    .jqTransformSelectOpen div span {
        color: #000000;
    }


.selectwhite .jqTransformSelectWrapper {
    height: 30px;
    background-image: url('../images/bgr-select-white.png');
}

    .selectwhite .jqTransformSelectWrapper div span {
        height: 30px;
        line-height: 30px;
        font-size: 12px;
    }

    .selectwhite .jqTransformSelectWrapper .jqTransformSelectOpen {
        background-image: url('../images/bgr-select-white.png');
    }

    .selectwhite .jqTransformSelectWrapper ul {
        top: 29px;
        background-color: #fff;
    }

.selectwhitesmall .jqTransformSelectWrapper {
    height: 25px;
    background-image: url('../images/bgr-select-white-small.png');
}

    .selectwhitesmall .jqTransformSelectWrapper div span {
        height: 25px;
        line-height: 25px;
        font-size: 12px;
        color: #666;
        padding-left: 7px;
    }

    .selectwhitesmall .jqTransformSelectWrapper .jqTransformSelectOpen {
        background-image: url('../images/bgr-select-white-small.png');
        height: 25px;
    }

    .selectwhitesmall .jqTransformSelectWrapper ul {
        top: 24px;
        background-color: #fff;
    }

/*******************************
	TABS
*******************************/
.widget {
    width: 100%;
    overflow: hidden;
    float: left;
}
/*tabbox*/
.tabbox {
    width: 100%;
    position: relative;
}

    .tabbox .tabheader {
        height: 43px;
        padding-top: 11px;
        background: #cf0972 url('../images/bgr-grayline.png') repeat-x 0 100%;
        position: relative;
    }

    .tabbox .tabcontent,
    .tabbox .tabcontent-payment,
    .tabbox .tabcontent-bills,
    .tabbox .tabcontent-items {
        border-width: 0 1px 1px;
        border-style: solid;
        border-color: #ccc;
        background-color: #f4f4f4;
        min-height: 10px;
    }


    .tabbox .tabcontent,
    .tabbox .tabcontent-items {
        padding: 20px;
        clear: both;
    }

    .tabbox .tabcontent-payment {
        padding: 25px 30px;
    }

    .tabbox .tabcontent-bills {
        padding: 25px 30px 5px;
    }

    .tabbox .tabcontent-payment .tab {
        background: url('../images/bgr-grayline.png') repeat-y 50% 50%;
    }



.tabheader ul {
    float: left;
}

.tabheader li {
    float: left;
    background: url('../images/bgr-tabselector.png') no-repeat 100% 4px;
}

    .tabheader li.lasttab {
        background: none;
        padding-right: 22px;
    }

    .tabheader li.firsttab {
        padding-left: 22px;
    }

    .tabheader li a {
        outline: none;
        color: #fff;
        font-size: 14px;
        height: 43px;
        float: left;
        padding-left: 10px;
        line-height: 43px;
        font-weight: bold;
        margin-right: 1px;
    }

        .tabheader li a span {
            height: 43px;
            float: left;
            padding-right: 10px;
        }

            .tabheader li a span span {
                padding: 0 3px;
            }

        .tabheader li a:hover {
            color: #ff99cc;
        }

    .tabheader li.ui-tabs-selected a {
        color: #333;
        background: url('../images/bgr-tabs.png') no-repeat 0 0;
    }

        .tabheader li.ui-tabs-selected a span {
            background: url('../images/bgr-tabs.png') no-repeat 100% -43px;
        }

            .tabheader li.ui-tabs-selected a span span {
                background: url('../images/bgr-tabs.png') repeat-x 0 -86px;
            }

.ui-tabs-hide {
    display: none;
}

/************************************************************************************************************************
    Custom Development Sharepoint 2013
************************************************************************************************************************/

/*******************************
	CLEARFIX HACK
*******************************/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    font-size: 0.1em;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

.clr_15 {
    clear: both;
    margin-bottom: 15px;
}

.clr-l {
    clear: left;
}

.clr-r {
    clear: right;
}

.cfix {
    clear: both;
}


/*********************************
    Page Layouts WebPart Zones
*********************************/

.ZoneRow {
    width: 100%;
    margin: 0;
    padding: 0;
    margin-top: 0px;
    margin-bottom: 0px;
}

.ZoneRow70Inverted {
    width: 620px;
    float: right;
}

    .ZoneRow70Inverted .Right {
        width: 620px;
        float: right;
        margin-left: 20px;
    }

.ZoneRow70MyZain {
    width: 620px;
    float: right;
}

.ZoneRow70 {
    width: 620px;
    float: left;
}

.ZoneRow70News {
    width: 65%;
    float: left;
}

.ZoneRow70Tab {
    width: 63%;
    float: left;
    margin-left: 10px;
    padding-left: 10px;
    padding-top: 10px;
}

.ZoneRow30Inverted {
    width: 300px;
    float: left;
}

.ZoneRow30MyZain {
    width: 260px;
    float: left;
}

.ZoneVerticalDivider {
    padding-left: 20px;
    padding-right: 20px;
    vertical-align: top;
    float: left;
}

.ZoneRow30 {
    width: 300px;
    float: right;
}

    .ZoneRow30 .Right {
        width: 300px;
        float: right;
        margin-left: 20px;
    }

.ZoneRow30News {
    width: 31%;
    float: right;
}

.ZoneRow30Tab {
    width: 31%;
    float: left;
    margin-left: 20px;
}

.ZoneRow50 {
    width: 460px;
    float: left;
}

    .ZoneRow50 .Right {
        width: 460px;
        float: left;
        margin-left: 20px;
    }

.ZoneRow33 {
    width: 300px;
    float: left;
}

.ZoneRow33Middle {
    width: 300px;
    float: left;
    margin-left: 20px;
    margin-right: 20px;
}

.ShareControl {
    margin-right: 20px;
    float: left;
    width: 330px;
}

.FontResizeControl {
    margin-right: 0px;
    float: right;
}

/*********************************
    Banner with button
*********************************/

a img {
    border: none;
}

#main_ads_container {
    width: 940px;
    padding: 0;
    margin: 0 auto;
    position: relative;
    z-index: 0; /*rounded corners*/
    -webkit-border-radius: 26px 26px 28px 28px;
    -moz-border-radius: 26px 26px 28px 28px;
    border-radius: 26px 26px 28px 28px;
}

.ads_container {
    width: 940px;
    overflow: hidden;
    position: relative;
    display: none; /*rounded corners*/
    -webkit-border-radius: 26px 26px 28px 28px;
    -moz-border-radius: 26px 26px 28px 28px;
    border-radius: 26px 26px 28px 28px;
    z-index: 0;
}

#survey {
    position: absolute;
    top: 32px;
    left: -14px;
    z-index: 500;
}

#pausePlayImg { /*bottom: 33px;*/
    bottom: 40px;
    left: 50px;
    position: absolute;
    z-index: 500;
}

#ads {
    z-index: 100;
}



.ads_container div.ad {
    width: 940px !important;
    height: 480px;
    display: block;
    position: relative; /*rounded corners*/
    -webkit-border-radius: 26px 26px 28px 28px;
    -moz-border-radius: 26px 26px 28px 28px;
    border-radius: 26px 26px 28px 28px;
}

.ads_container div.ad-940x350 {
    width: 940px !important;
    height: 350px;
    display: block;
    position: relative;
}


/* Pagination (the dots) */

.pagination {
    bottom: 45px;
    position: absolute;
    width: 200px;
    z-index: 510;
    left: 80px;
    padding: 0;
    margin: 0;
}

    .pagination li {
        float: left;
        list-style: none;
        width: 13px;
        height: 13px;
        overflow: hidden;
        cursor: pointer;
        margin-right: 3px;
    }

        .pagination li a {
            display: block;
            width: 13px;
            height: 0px;
            padding-top: 13px;
            background-image: url(../images/bgr-pagerdots.png);
            background-position: 0 0;
            float: left;
            overflow: hidden;
        }

        .pagination li.current a {
            background-position: -19px 0px;
        }


div.ads_container div.ad div.text-box {
    position: absolute;
    bottom: 80px;
    left: 50px;
    width: 430px;
    overflow: hidden; /*rounded corners*/
    -webkit-border-radius: 26px 26px 28px 28px;
    -moz-border-radius: 26px 26px 28px 28px;
    border-radius: 26px 26px 28px 28px;
}

div.ads_container div.ad-940x350 div.text-box {
    position: absolute;
    bottom: 80px;
    left: 50px;
    width: 430px;
    overflow: hidden;
}

.ad_main_text {
    font-size: 33pt;
    color: #fff; /*font-family: avenir-reg;*/
    display: block;
    line-height: 100%;
    margin-bottom: 25px;
}

.ad_sub_text {
    font-size: 13.5pt;
    color: #fff;
    display: block; /*font-family:avenir-med;*/
    margin-bottom: 25px;
}

span.ad_link {
    display: block;
}

    span.ad_link a {
        font-size: 16pt;
        color: #fff !important; /*font-family:avenir-med;*/
        background: url(../images/main-banners-link.png) 0 0 no-repeat;
        float: left;
        width: 194px;
        height: 34px;
        line-height: 33px;
        text-decoration: none;
        text-align: center;
        overflow: hidden;
    }

/* general -start- */

.default-float {
    float: left;
}

/* general -end- */


/* Layouts -- start --*/

div#main_ads_container {
    margin-bottom: 20px;
    min-height: 350px;
}

/* layouts -end-*/

.rounded {
    -webkit-border-radius: 26px 26px 28px 28px;
    -moz-border-radius: 26px 26px 28px 28px;
    border-radius: 26px 26px 28px 28px;
    position: relative; /*behavior: url(/_layouts/pie.htc);*/
}

.center {
    text-align: center;
}

.vcenter {
    vertical-align: middle !important;
}

input, select {
    outline: none;
}


div.ad-940x350 img {
    -webkit-border-radius: 26px 26px 28px 28px;
    -moz-border-radius: 26px 26px 28px 28px;
    border-radius: 26px 26px 28px 28px;
    position: relative; /*behavior: url(/_layouts/pie.htc);*/
}


#pausePlayImg {
    height: 26px;
    cursor: pointer;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px; /*behavior: url(/_layouts/pie.htc);*/
}

    #pausePlayImg:hover {
        cursor: pointer;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
        -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
        box-shadow: 0 2px 6px rgba(0, 0, 0, .2); /*behavior: url(/_layouts/pie.htc);*/
    }

/*******************
    News Layout
*******************/
.captioned-image {
    width: 100%;
    margin: 0;
    padding: 0;
    display: none;
}

    .captioned-image .image {
        float: left;
    }

.article-header {
    width: 100%;
    margin: 0;
    padding: 0;
    clear: both;
    display: none;
}

    .article-header .date-line {
        float: left;
        margin-left: 0;
        font-size: 10px;
    }

.article-content {
    width: 100%;
    text-align: left;
    clear: both;
}

.textblock h3 {
    font-weight: bold;
    clear: both;
}

/*********************
    Smart Survery    
*********************/
.z_survey_manager_debug {
    display: none;
}


input[type='button'], input[type='submit'] {
    height: 32px;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
    border: 0px solid rgb(171, 171, 171);
    color: rgb(68, 68, 68);
}

    input[type="button"]:hover,
    input[type="reset"]:hover,
    input[type="submit"]:hover,
    button:hover {
        border-color: rgb(146, 192, 224) !important;
        background-color: rgb(230, 242, 250) !important;
    }

.z_survey_creator_options_wrapper {
    background-color: #ffffff;
    border: 1px solid #00a774;
    padding: 10px;
    height: 55px;
    font-size: 13px;
}

.z_survey_creator_option_element {
    float: left;
    margin-right: 5px;
    height: 30px;
    vertical-align: bottom; /*margin-top:10px;
        margin-bottom:10px;*/
}

    .z_survey_creator_option_element select {
        margin-top: 8px;
        width: 450px;
    }

    .z_survey_creator_option_element span {
        display: block;
        /*vertical-align: baseline;*/
        padding-top: 10px;
    }

.z_survey_is_a_poll_wrapper {
}

.z_survey_is_a_poll_check_box_wrapper {
}

.z_survey_is_a_poll_check_box {
    font-weight: bold;
}

.z_survey_is_a_poll_check_box_error_wrapper {
    color: red;
    clear: both;
}

.z_survey_creator_content_wrapper {
    float: left;
    width: 39%;
    margin-top: 10px;
    background-color: #ffffff;
    font-size: 13px;
    border: 1px solid #00a774;
    padding-left: 5px;
}
/*=================================== DIV TABLE START =============================*/
.z_survey_manager_content_row {
    margin-bottom: 20px; /*background-color: yellow;*/ /*height:110px;*/
}

.z_survey_manager_cell_label_wrapper {
    width: 180px;
    float: left;
    font-weight: bold;
    text-align: left;
    margin-left: 5px;
    margin-top: 5px;
}

.z_survey_manager_cell_control {
    width: 250px;
    float: left;
    text-align: left;
    margin: 3px;
}

.z_survey_field_mandatory_label {
    color: red;
}

.z_survey_creator_question_type_buttons_wrapper {
}

.z_survey_creator_question_type_button_wrapper {
}

.z_survey_creator_question_type_button {
    float: left;
    padding: 3px;
    width: 200px;
    height: 30px;
    border-color: rgb(146, 192, 224);
    background-color: rgb(230, 242, 250);
}

.z_survey_creator_main_options_button {
    float: left;
    padding: 3px;
    width: auto;
    height: 30px;
    border-color: rgb(146, 192, 224);
    background-color: rgb(230, 242, 250);
}

.z_survey_creator_design_control_wrapper {
}

.z_survey_creator_preview_control_wrapper {
    float: right;
    width: 59%;
    margin-top: 10px;
    background-color: #ffffff;
    font-size: 13px;
    border: 1px solid #00a774;
}

.z_error_message_wrapper {
}

.z_error_message {
    color: red;
    font-weight: bold;
}

.z_survey_visual_state {
    color: #00a774 !important;
    margin-left: 5px;
}

.z_survey_creator_question_wrapper {
}


.z_survey_add_radio_button_choice_wrapper {
}

.z_survey_add_radio_button_choice_button {
}

.z_survey_add_check_box_choice_wrapper {
}

.z_survey_add_check_box_choice_button {
}

.z_survey_creator_question_grid {
    border-style: solid !important;
    border-width: 1px !important;
    border-color: #00a774 !important;
    width: 99%;
}

.z_survey_question_grid_1_button_column {
    width: 25px;
    border-style: none !important;
    vertical-align: top;
}

.z_survey_grid_view_cell_wrapper {
    padding: 2px;
}

.z_survey_choice_text {
    width: 96% !important;
}

.z_survey_question_commands_wrapper {
    float: right;
    padding: 0px !important;
}

.z_survey_question_command_button {
}

.z_survey_question_order_number {
}

.z_survey_question_text {
}

.z_survey_command_pictures_wrapper {
    float: right;
    width: 132px;
    margin: 3px;
}

.z_survey_command_pictures_content_wrapper {
    float: right;
}

.z_survey_command_picture {
    height: 20px;
    width: 20px;
    padding: 3px;
}
/*========================= SURVEY IMAGES ======================*/
.z_survey_question_command_move_up_image {
    background-image: url("../images/Icons/arrow_up_blue.png");
    height: 24px;
    width: 24px;
    padding: 3px;
    background-repeat: no-repeat;
}

.z_survey_question_command_move_down_image {
    background-image: url("../images/Icons/arrow_down_blue.png");
    height: 24px;
    width: 24px;
    padding: 3px;
    background-repeat: no-repeat;
}

.z_survey_question_command_edit_question_image {
    background-image: url("../images/Icons/edit_24.png");
    height: 24px;
    width: 24px;
    padding: 3px;
    background-repeat: no-repeat;
}

.z_survey_question_command_delete_question_image {
    background-image: url("../images/Icons/trash.png");
    height: 24px;
    width: 24px;
    padding: 3px;
    background-repeat: no-repeat;
}

.z_survey_grid_choices_delete_image {
    background-image: url("../images/Icons/delete_24.png");
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
}
/*===================================================================*/

.z_survey_radio_button_column {
    width: 25px;
    vertical-align: top;
    border-width: 0px;
    padding-bottom: 7px;
}

.z_survey_check_box_column {
    width: 25px;
    vertical-align: top;
    border-width: 0px;
    padding-bottom: 7px;
}

.z_survey_preview_control_wrapper {
}

.z_survey_preview_header_row {
    margin-bottom: 20px; /*background-color: yellow;*/ /*height:110px;*/
}

.z_survey_preview_header_cell_label {
    width: 130px;
    float: left;
    font-weight: bold;
    text-align: left;
    margin-left: 5px;
    margin-top: 5px;
}

.z_survey_preview_name_label_text {
    font-size: 14px;
    color: #00a774;
    font-weight: bold;
}

.z_survey_preview_header_cell_control {
    float: left;
    text-align: left;
    margin: 3px;
}

.z_survey_preview_name_label {
    font-size: 14px;
    color: #000000;
    font-weight: bold;
    display: block;
    margin-left: 5px;
}

.z_survey_preview_wrapper {
}

.z_survey_preview_commands_wrapper {
}

.z_survey_command_save_wrapper {
    float: left;
    margin: 5px;
}

.z_survey_command_publish_wrapper {
    float: left;
    margin:5px 5px 5px 50px;
}

.z_survey_command_delete_wrapper {
    float: left;
    margin: 5px;
}

.z_survey_command_save {
}

.z_survey_command_publish {
}

.z_survey_command_delete {
}



.z_survey_command_retire {
}

.z_survey_question_tooltip {
    display: none;
    height: 0px;
    width: 0px;
    padding: 0;
    border: none;
}

.z_clear {
    clear: both;
    height: 1px;
}

/*================================== DIALOGS ======================*/
.z_survey_dialog_cancel_question_wrapper {
    padding: 10px;
}

.z_survey_dialog_warning_image {
    background-image: url("../images/Icons/Warning_32x32.png");
    width: 32px;
    height: 32px;
    float: left;
    margin: 20px;
}

.z_survey_dialog_information_image {
    background-image: url("../images/Icons/Information_32x32.png");
    width: 32px;
    height: 32px;
    float: left;
    margin: 20px;
}

.z_survey_dialog_question_wrapper {
    float: left;
    margin: 10px;
}

.z_survey_dialog_buttons_wrapper {
    margin: 10px;
    text-align: center;
}

.z_survey_dialog_button {
    margin: 5px;
}

.z_close_box_image {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 20px;
    height: 20px;
    background-image: url("../images/Icons/Delete_20x20.png");
}

.z_survey_dialog_delete_question_wrapper {
    padding: 10px;
}

.z_survey_dialog_cancel_survey_creation_wrapper {
    padding: 10px;
}

.z_survey_dialog_delete_survey_wrapper {
    padding: 10px;
}

.z_survey_dialog_overwrite_survey_wrapper {
    padding: 10px;
}

.z_survey_dialog_save_and_publish_survey_wrapper {
    padding: 10px;
}

.z_survey_dialog_simple_message_wrapper {
    padding: 10px;
}

/*----------------------------------------------------*/
/*--------------------- Smart Solver -----------------*/

.z_SurveySolverWrapper {
    width: auto;
    height: auto;
    padding: 5px;
}

.z_SurveySolverHeader {
    background-color: yellow;
    width: auto;
}

.z_SurveyCompletedSucessfullyWrapper {
    color: #333333;
    font-size: 13px;
    font-weight: bold;
}

.z_SurveyAlreadyTakenWrapper {
    color: red;
    font-weight: normal;
    margin-left: 5px;
    font-size: 13px;
}

.z_SurveySolverSubmitButton,
.z_SurveySolverSubmitButton:visited {
    background: url(../images/btn-login.png) no-repeat;
    color: #fff !important;
    width: 84px;
    height: 32px !important;
    font-size: 14px !important;
    border: none !important;
}

    /*hover*/
    .z_SurveySolverSubmitButton:hover {
        background: url(../images/btn-login.png) no-repeat;
        color: #FFCCFF !important;
        width: 84px;
        height: 32px !important;
        font-size: 14px;
        border: none !important;
    }


.z_SurveySolverQuestions {
    width: auto;
    clear: both;
    font-size: 13px;
}

.z_SurveyResultsWrapper {
    width: auto;
    height: auto; /*background-color: aqua;*/
    padding: 5px;
    font-size: 13px;
}

.z_SurveyResultsQuestionWrapper { /*margin: 5px 5px 10px 0px;*/
    clear: both;
}

.z_SurveyResultsQuestionTextLabel {
    color: #00a774;
    width: 100%;
}

.z_SurveyResultsQuestionChoiceTextWrapper { /*margin: 5px 5px 0px 5px;*/ /*background-color: blue;*/
    clear: both;
}

.z_SurveyResultsChoiceTextLabel {
    width: 100%; /*background-color: white;*/
}

.z_SurveyResultsBarAndPercentageWrapper {
    margin: 3px 3px 6px 3px;
    background-color: white;
    border-bottom: 1px solid grey;
    height: 20px;
}

.z_ProgressBarWrapper {
    float: left;
    width: 86%;
    border: none;
    background-color: #cccccc;
}

.z_ProgressBar { /*width: 120px;*/
    background-color: #00a774;
    height: 20px;
    border-width: 0px;
}

.z_SurveyResultsPercentageWrapper {
    float: right;
    width: auto;
    margin-top: 2px;
}

.z_SurveyResultsPercentageLabel {
    color: #00a774;
    width: auto;
    margin-right: 3px; /*background-color:green;*/
}

.z_SurveyResultsTotalVotesWrapper {
    clear: both;
}

.z_SurveyResultsTotalVotesLabel {
    color: #000;
}

.z_SurveyResultsNothingSelectedErrorWrapper {
    clear: both;
}

.z_SurveyResultsNothingSelectedErrorLabel {
    color: Red;
    visibility: hidden;
}

/***************************
    Smart Quiz
***********************8*/
.z_quiz_solver_wrapper {
}

.z_quiz_solver_header_wrapper {
}

.z_quiz_name_label_wrapper {
}

.z_quiz_name_label {
    float: left;
}

.z_quiz_name_label_text_wrapper {
}

.z_quiz_name_label_text {
}

.z_QuizSolverQuestions {
}

.z_quiz_submit_button {
    float: right;
}

    .z_quiz_submit_button,
    .z_quiz_submit_button:visited {
        background: url(../images/btn-login.png) no-repeat;
        color: #fff !important;
        width: 84px;
        height: 32px !important;
        font-size: 14px !important;
        border: none !important;
    }

        /*hover*/
        .z_quiz_submit_button:hover {
            background: url(../images/btn-login.png) no-repeat;
            color: #FFCCFF !important;
            width: 84px;
            height: 32px !important;
            font-size: 14px;
            border: none !important;
        }




.z_quiz_congrats_message_wrapper {
}

.z_quiz_congrats_message {
    font-size: 13px;
}

.z_close_box_wrapper {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 20px;
    height: 20px;
}

    .z_close_box_wrapper img {
        width: 20px;
        height: 20px;
    }

/*=================================== DIV TABLE START =============================*/
.z_quiz_completed_row {
    margin-bottom: 20px; /*background-color: yellow;*/ /*height:110px;*/
}

.z_clear {
    clear: both; /*margin-bottom: 10px;*/
}
/*=================================== DIV TABLE END =============================*/
.z_quiz_completed_congrats_title {
    color: pink;
    font-weight: bold;
}

.z_quiz_completed_title {
}

.z_quiz_completed_submit_button {
    background-color: #c00d6b;
    color: white;
}

.z_quiz_completed_submit_button_wrapper {
}

.z_quiz_try_again_wrapper {
    height: 150px;
}

/*-------------------------------------------------------------------------------*/
/*------------------------------Smart Quiz Manager ------------------------------*/

.z_quiz_manager_debug {
    display: none;
}

.z_quiz_visual_state {
    color: #00a774 !important;
    margin-left: 5px;
}


input[type='button'], input[type='submit'] {
    height: 32px;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
    border: 0px solid rgb(171, 171, 171);
    color: rgb(68, 68, 68);
}

    input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, button:hover {
        border-color: rgb(146, 192, 224) !important;
        background-color: rgb(230, 242, 250) !important;
    }

.z_quiz_question_order_number {
}

.z_quiz_question_text {
}

.z_quiz_command_pictures_wrapper {
    float: right;
    width: 132px;
    margin: 3px;
}

.z_quiz_command_pictures_content_wrapper {
    float: right;
}

.z_quiz_command_picture {
    height: 20px;
    width: 20px;
    padding: 3px;
}

.z_quiz_choice_text {
    width: 96% !important;
    display: block;
    margin-top: 3px;
}

.z_error_message_wrapper {
}

.z_error_message {
    color: red;
    font-weight: bold;
    font-size: 13px;
}

.z_clear {
    clear: both;
    height: 1px;
}

.z_quiz_creator_options_wrapper {
    background-color: #ffffff;
    border: 1px solid #00a744;
    padding: 10px;
    height: 40px;
    font-size: 13px;
}

.z_quiz_creator_option_element {
    float: left;
    margin-right: 5px; /*margin-top:10px;
        margin-bottom:10px;*/
}

    .z_quiz_creator_option_element select {
        margin-top: 8px;
        width: 450px;
    }

    .z_quiz_creator_option_element span {
        display: block;
        padding-top: 10px;
    }

.z_quiz_creator_content_wrapper {
    background-color: #ffffff;
    border: 1px solid #00a744;
    margin-top: 10px;
    float: left;
    width: 39%;
    padding-left: 5px;
    font-size: 13px;
}
/*=================================== DIV TABLE START =============================*/
.z_quiz_manager_content_row {
    margin-bottom: 20px; /*background-color: yellow;*/ /*height:110px;*/
}

.z_quiz_manager_cell_label {
    width: 180px;
    float: left;
    font-weight: bold;
    text-align: left;
    margin-left: 5px;
    margin-top: 5px;
}

.z_quiz_manager_cell_control {
    width: 250px;
    float: left;
    text-align: left;
    margin: 3px;
}

.z_quiz_preview_header_row {
    margin-bottom: 20px; /*background-color: yellow;*/ /*height:110px;*/
}

.z_quiz_preview_header_cell_label {
    width: 130px;
    float: left;
    font-weight: bold;
    text-align: left;
    margin-left: 5px;
    margin-top: 5px;
}

.z_quiz_preview_header_cell_control {
    width: 545px;
    float: left;
    text-align: left;
    margin: 3px;
}

/*========================= QUIZ IMAGES ======================*/
.z_quiz_question_command_move_up_image {
    background-image: url("../images/Icons/arrow_up_blue.png");
    height: 24px;
    width: 24px;
    padding: 3px;
    background-repeat: no-repeat;
}

.z_quiz_question_command_move_down_image {
    background-image: url("../images/Icons/arrow_down_blue.png");
    height: 24px;
    width: 24px;
    padding: 3px;
    background-repeat: no-repeat;
}

.z_quiz_question_command_edit_question_image {
    background-image: url("../images/Icons/edit_24.png");
    height: 24px;
    width: 24px;
    padding: 3px;
    background-repeat: no-repeat;
}

.z_quiz_question_command_delete_question_image {
    background-image: url("../images/Icons/trash.png");
    height: 24px;
    width: 24px;
    padding: 3px;
    background-repeat: no-repeat;
}

.z_quiz_grid_choices_delete_image {
    background-image: url("../images/Icons/delete_24.png");
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
}
/*===================================================================*/


.z_quiz_creator_question_type_buttons_wrapper {
}

.z_quiz_creator_question_type_button {
    float: left;
}

.z_quiz_creator_design_control_wrapper {
}

.z_quiz_creator_preview_control_wrapper {
    float: right;
    width: 59%;
    margin-top: 10px;
    background-color: #ffffff;
    border: 1px solid #00a744;
}

.z_quiz_creator_question_wrapper {
}

.z_quiz_field_mandatory_label {
    color: red;
}

.z_quiz_add_check_box_choice_wrapper {
}

.z_quiz_add_check_box_choice_button {
}

.z_quiz_creator_question_grid {
    border-style: solid !important;
    border-width: 1px !important;
    border-color: #007a44 !important;
    width: 99%;
}

.z_quiz_question_grid_1_button_column {
    width: 25px;
    border-style: none !important;
    vertical-align: top;
}

.z_quiz_grid_view_cell_wrapper {
    padding: 2px;
}

/*.z_quiz_grid_view_cell_wrapper input[type=text] {
        width: 98% !important;
    }*/

.z_quiz_question_commands_wrapper {
    float: right;
    padding: 0px !important;
}

.z_quiz_question_command_button {
}

.z_quiz_add_radio_button_choice_wrapper {
}

.z_quiz_add_radio_button_choice_button {
}

.z_quiz_grid_image_button {
    height: 20px;
    width: 20px;
}

.z_quiz_preview_control_wrapper {
}

.z_quiz_preview_name_label_text {
    font-size: 14px;
    color: #00a774;
    font-weight: bold;
}

.z_quiz_preview_name_label {
    font-size: 14px;
    color: #333333;
    font-weight: bold;
}

.z_quiz_preview_wrapper {
}

.z_quiz_preview_commands_wrapper {
}

.z_quiz_command_save {
    float: left;
    margin: 5px;
}

.z_quiz_command_publish {
    float: left;
    margin:5px 5px 5px 50px;
}

.z_quiz_command_delete {
    float: left;
    margin: 5px;
}

/*================================== DIALOGS ======================*/
.z_close_box_image {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 20px;
    height: 20px;
    background-image: url("../images/Icons/Delete_20x20.png");
}



.z_quiz_dialog_warning_image {
    background-image: url("../images/Icons/Warning_32x32.png");
    width: 32px;
    height: 32px;
    float: left;
    margin: 20px;
}

.z_quiz_dialog_information_image {
    background-image: url("../images/Icons/Information_32x32.png");
    width: 32px;
    height: 32px;
    float: left;
    margin: 20px;
}

.z_quiz_dialog_question_wrapper {
    float: left;
    margin: 10px;
}

.z_quiz_dialog_buttons_wrapper {
    margin: 10px;
    text-align: center;
}

.z_quiz_dialog_button {
    margin: 5px;
}

.z_quiz_dialog_delete_question_wrapper,
.z_quiz_dialog_cancel_question_wrapper,
.z_quiz_dialog_cancel_quiz_creation_wrapper,
.z_quiz_dialog_simple_message_wrapper,
.z_quiz_dialog_save_and_publish_quiz_wrapper,
.z_quiz_dialog_overwrite_quiz_wrapper,
.z_quiz_dialog_delete_quiz_wrapper {
    padding: 10px;
}

/***********************************
    Smart Form
*********************************/
.z_form_debug {
    display: none;
}

.z_invisible {
    display: none;
}

.z_form_creator_options_wrapper {
    background-color: #00ccff;
    padding: 10px;
    height: 30px;
}

.z_form_creator_option_element {
    float: left;
    margin-right: 5px;
}

    .z_form_creator_option_element span {
        top: 7px;
        position: relative;
    }

    .z_form_creator_option_element select {
        top: 1px;
        position: relative;
        width: 270px;
    }

.z_form_submit_button {
    text-transform: uppercase !important;
    border: medium none !important;
    overflow: visible !important;
    padding: 0px !important;
    cursor: pointer !important;
    height: 32px !important;
    width: 85px !important;
    margin: 2px 2px 2px 0px !important;
    line-height: 32px !important;
    font-size: 13px !important;
    font-weight: bold !important;
    color: white !important;
    text-align: center !important;
    min-width: 0px;
    background: url("../images/btn-submit.png") no-repeat scroll 0% 0% transparent !important;
}

    .z_form_submit_button:hover {
        color: #C0C0C0 !important;
    }

.z_form_edit_form_ddl {
    margin-top: 5px;
}

.z_clear {
    clear: both;
    height: 1px;
}

.z_form_main_data_wrapper {
}

.z_form_main_data_left_wrapper {
    float: left;
}

.z_form_main_data_row {
}

.z_form_main_data_cell_label {
    width: 180px;
    float: left;
    font-weight: bold;
    text-align: left;
    margin-left: 5px;
    margin-top: 5px;
}

.z_form_main_data_label {
}

.z_form_main_data_cell_control {
    width: 200px;
    float: left;
    text-align: left;
    margin: 3px;
    height: 42px;
    padding-bottom: 10px;
}

.z_form_main_data_text_box {
}

.z_form_main_data_right_wrapper {
    float: right;
}

.z_form_main_data_status_label {
    font-size: larger;
    font-weight: bold;
}

.z_form_main_data_status_ddl {
    font-size: larger;
    font-weight: bold;
    width: 150px;
}

.z_form_field_creator_wrapper {
    float: left; /*background-color: green;*/ /*height: 200px;*/
    width: 70%;
}

.z_form_preview_wrapper {
    float: left;
    background-color: #a2fff4;
    height: auto;
    width: 100%;
}


.z_error_message_wrapper {
}

.z_error_message {
    color: red;
    font-weight: bold;
}

.z_form_commands_wrapper { /*background-color: grey;*/
}

.z_form_visual_state {
    color: blue;
}

.z_form_validator {
    color: red;
}

.z_form_required_asterisk {
    color: red;
    margin-left: 5px;
}

.z_form_field_edit_icon,
.z_form_field_delete_icon,
.z_form_field_update_icon,
.z_form_field_cancel_icon,
.z_form_field_insert_icon,
.z_form_field_move_up_icon,
.z_form_field_move_down_icon {
    margin-left: 3px;
    margin-top: 3px;
    margin-bottom: 3px;
    width: 25px;
    height: 25px;
}

.z_form_field_edit_icon {
    background-image: url(../images/edit_25x25b.png);
}

.z_form_field_delete_icon {
    background-image: url(../images/delete_25x25b.png);
}

.z_form_field_update_icon {
    background-image: url(../images/confirm_25x25b.png);
}

.z_form_field_cancel_icon {
    background-image: url(../images/cancel_25x25b.png);
}

.z_form_field_insert_icon {
    background-image: url(../images/add_25x25b.png);
}

.z_form_field_move_up_icon {
    background-image: url(../images/move_up_25x25b.png);
}

.z_form_field_move_down_icon {
    background-image: url(../images/move_down_25x25b.png);
}

.z_form_fields_grid_view {
    border: 1px solid black;
    margin-top: 20px;
    margin-bottom: 20px;
}

/*====================================== GRID VIEW FIELDS ==============*/
.z_form_grid_column_header_field_order,
.z_form_grid_column_header_field_name,
.z_form_grid_column_header_field_type,
.z_form_grid_column_header_field_required,
.z_form_grid_column_header_field_validator,
.z_form_grid_column_header_field_commands {
    background-color: #a2fff4;
    padding-top: 10px;
    padding-bottom: 10px;
}

.z_form_grid_column_item_field_order {
    width: 69px;
}

.z_form_grid_column_item_field_name {
}

.z_form_grid_column_item_field_type {
}

.z_form_grid_column_item_field_required {
    text-align: center;
    width: 80px;
}

.z_form_grid_column_item_field_validator {
}

.z_form_grid_column_item_field_commands {
    width: 80px;
}


/*.z_form_grid_column_control_field_order {
}*/

.z_form_grid_column_control_field_name {
    width: 150px;
}

.z_form_grid_column_control_field_type {
    width: 150px;
}

.z_form_grid_column_control_field_required {
    text-align: center;
}

.z_form_grid_column_control_field_validator {
}

/*.z_form_grid_column_control_field_commands {
}*/

.z_form_grid_column_footer_field_required {
    text-align: center;
}

.z_form_grid_column_footer_field_order,
.z_form_grid_column_footer_field_name,
.z_form_grid_column_footer_field_type,
.z_form_grid_column_footer_field_required,
.z_form_grid_column_footer_field_validator,
.z_form_grid_column_footer_field_commands {
    background-color: #c9ffbf;
}

/*====================================== DIALOGS ==============*/
.z_form_dialog_overwrite_form_question_wrapper {
    padding: 10px;
}

.z_form_dialog_warning_image {
    background-image: url("../images/Warning_32x32.png");
    width: 32px;
    height: 32px;
    float: left;
    margin: 20px;
}

.z_form_dialog_question_wrapper {
    float: left;
    margin: 10px;
}

.z_form_dialog_question {
}

.z_form_dialog_buttons_wrapper {
    margin: 10px;
    text-align: center;
}

.z_form_dialog_button {
    margin: 5px;
}

.z_form_dialog_simple_message_wrapper {
    padding: 10px;
}

.z_form_dialog_information_image {
    background-image: url("../images/information_32x32.png");
    width: 32px;
    height: 32px;
    float: left;
    margin: 20px;
}

.z_form_dialog_message_wrapper {
    float: left;
    margin: 10px;
}

.z_form_dialog_message {
}

.z_form_dialog_save_and_set_for_approval_wrapper {
}

.z_form_dialog_approve_form_wrapper {
}

.z_form_dialog_cancel_form_creation_wrapper {
}

.z_form_dialog_delete_form_wrapper {
}

.z_form_send_back_to_design_form_wrapper {
}
/*====================================== FORM FILLER ==============*/
.z_form_filler_wrapper {
}

/*====================================== FORM FILLER CONTROL ==============*/
.z_form_filler_control_wrapper { /*background-color: aqua;*/
    width: 100%;
    border-radius: 10px;
    border: 2px solid #00a774;
}

.z_form_filler_form_contents_wrapper {
}

.z_form_filler_form_not_active_yet_wrapper {
    text-align: center;
    margin-bottom: 10px;
}

.z_form_filler_form_expired_wrapper {
    text-align: center;
    margin-bottom: 10px;
}

.z_form_filler_form_submitted_message_wrapper {
    text-align: center;
    margin-bottom: 10px;
    color: blue;
}

.z_form_filler_one_field_wrapper { /*background-color: yellow;*/
    margin: 10px;
    height: 100%;
    border-top: 1px solid #CAFFFF;
    border-bottom: 1px solid #CAFFFF;
}

.z_form_filler_field_label_wrapper {
    float: left;
    width: 30%;
    height: 100%;
    font-size: 14px;
    line-height: 28px;
    display: table-cell;
    vertical-align: middle;
}

.z_form_filler_field_control_wrapper {
    float: left;
    width: 69%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

.z_form_filler_field_label {
    margin-left: 10px;
}

.z_form_filler_field_control {
    margin-top: 5px;
    margin-left: 10px;
}

.z_form_filler_field_control_wrapper table {
    margin-left: 10px;
}

.z_form_filler_title_wrapper {
    text-align: center;
    margin: 20px;
}

.z_form_filler_title {
    font-size: x-large;
    color: #00a774;
}

.z_form_filler_field_mandatory_off {
    color: red;
    margin-left: 5px;
    display: none;
}

.z_form_filler_field_mandatory_on {
    color: red;
    margin-left: 5px;
}

.z_form_filler_field_validator_label {
    color: red;
    font-weight: bold;
}

.z_form_filler_commands_wrapper {
    text-align: center;
    padding: 20px;
}

.z_form_filler_radio_button_list_control {
}

/*.z_form_filler_radio_button_list_control tbody tr td span label {
        margin-left: 24px;
        display: block;
        position: relative;
        top: -15px;
        margin-bottom: -15px;
    }*/

.z_form_filler_check_box_list_control {
}

.z_form_filler_drop_down_list_control {
    margin-top: 5px;
}

.z_form_filler_date_time_control_text_box_control {
    margin-top: 5px;
}

.z_form_filler_date_time_control_description_control {
    margin-top: 5px;
}
/*====================== FIX FOR DATE TIME CONTROL FOR CALENDAR SELECT TO BE NEXT TO ENTRY BOX OF THE DATE ======*/
.z_form_filler_control_wrapper .ms-dtinput {
    float: left !important;
}


/****************************
    Web2SMS
*******************************/
.z_web2sms_debug {
    color: orange;
    font-weight: bold;
    background-color: #fcf2b8;
    border: 2px solid orange;
    padding: 10px;
    margin-bottom: 20px;
    display: none;
}

.z_web2sms_wrapper {
    position: relative;
}

.z_web2sms_rounded_box {
    background-color: #ebf7f4;
    border-color: #24a988;
    border-style: solid;
    border-width: 1px;
    padding: 20px; /*width: 630px;*/
}

/*=================================== DIV TABLE START =============================*/
.z_web2sms_row {
    margin-bottom: 20px; /*background-color: yellow;*/ /*height:110px;*/
}

.z_web2sms_cell_label {
    width: 180px;
    float: left;
    font-weight: bold;
    text-align: left;
}

.z_web2sms_cell_control {
    width: 250px;
    float: left;
    text-align: left;
}

.z_clear {
    clear: both;
    margin-bottom: 10px;
}
/*=================================== DIV TABLE END =============================*/
.z_web2sms_error_message {
    color: red;
}

.z_web2sms_status_message {
    color: #00a774;
}

.z_web2sms_button {
    margin-left: 180px;
}

.z_web2sms_send_progress_wrapper {
}

.z_web2sms_send_progress_label {
}

.z_web2sms_textarea {
    word-wrap: break-word !important;
}

/*===================================== jqTransform ==========*/
.z_radio_english_wrapper {
    float: left;
}

.z_radio_arabic_wrapper {
    float: left;
}

/*============ ROUND CORNERS ==============================================================================================*/
.corner-tl-dg, .corner-tr-dg, .corner-bl-dg, .corner-br-dg {
    position: absolute;
    z-index: 1;
    width: 5px !important;
    height: 5px !important;
    min-height: 5px !important;
    max-height: 5px !important;
    background: url("../images/bgr-cornerborder-darkg.png") no-repeat scroll 0% 0% transparent;
}

span.cr, .corner-tr, .corner-tr-p, .corner-tr-g, .corner-tr-dg, .corner-tr-dgb, .corner-nb-tr {
    top: 0px;
    right: 0px;
    background-position: 100% 0px;
}

span.ct, .corner-tl, .corner-tl-p, .corner-tl-g, .corner-tl-dg, .corner-tl-dgb, .corner-nb-tl {
    top: 0px;
    left: 0px;
    background-position: 0px 0px;
}

span.cb, .corner-br, .corner-br-p, .corner-br-g, .corner-br-dg, .corner-br-dgb, .corner-nb-br {
    bottom: 0px;
    right: 0px;
    background-position: 100% 100%;
}

span.cl, .corner-bl, .corner-bl-p, .corner-bl-g, .corner-bl-dg, .corner-bl-dgb, .corner-nb-bl {
    bottom: 0px;
    left: 0px;
    background-position: 0px 100%;
}

.z_pink_button_medium {
    text-transform: uppercase !important;
    border: medium none !important;
    overflow: visible !important;
    padding: 0px !important;
    cursor: pointer !important;
    height: 32px !important;
    width: 84px !important;
    margin: 2px 2px 2px 0px !important;
    line-height: 32px !important;
    font-size: 13px !important;
    font-weight: bold !important;
    color: white !important;
    text-align: center !important;
    background: url("../images/btn-login.png") no-repeat scroll 0% 0% transparent !important;
}
/****************************************
    Consumption and Billing
****************************************/
/*----------------Balance Of Prepaid Numbers -------------*/
/*======================= COMMON ============*/
.z_balance_prepaid_debug {
    color: orange;
    font-weight: bold;
    background-color: #fcf2b8;
    border: 2px solid orange;
    padding: 10px;
    display: none;
}

.z_clear {
    clear: both;
}

.z_balance_prepaid_error_message {
    color: red;
}

.z_balance_prepaid_status_message {
    color: #00a774;
}

.z_balance_prepaid_control_wrapper {
    position: relative;
}

/*====================== DIV TABLE DESIGN ====================*/
.z_balance_prepaid_row {
    background-color: rgb(235, 247, 244);
    height: 31px;
}

.z_balance_prepaid_row_with_combo {
    background-color: rgb(235, 247, 244); /*width: 546px;*/
    height: 41px;
}


.z_balance_prepaid_alternating_row {
    background-color: white;
    height: 31px;
}

.z_balance_prepaid_cell_label {
    width: 50%;
    float: left;
    text-align: left;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-right: 1px solid rgb(0, 155, 116);
}

.z_balance_prepaid_cell_control {
    width: auto;
    float: left;
    text-align: left;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.z_balance_table_wrapper { /*border: 1px solid #009b74;
    background-color: #ebf7f4;*/
    position: relative;
}

.z_rounded_table {
    border: 1px solid #009b74;
}

.z_balance_prepaid_header_row {
    background-color: #009b74;
    padding: 10px 10px 10px 20px;
    font-size: 15px;
    height: 27px;
    outline-color: transparent;
    font-family: Arial, Helvetica, sans-serif;
    color: rgb(51, 51, 51);
}

.z_balance_table_header_label {
    color: rgb(255, 255, 255);
    font-weight: 400;
}

.z_balance_prepaid_add_nums_auth_wrapper {
}

.z_bal_add_ppaid_grid_header_row {
    background-color: #009b74;
    padding: 10px 10px 10px 20px;
    font-size: 15px;
    height: 27px;
    outline-color: transparent;
    width: 518px;
    font-family: Arial, Helvetica, sans-serif;
    color: rgb(51, 51, 51);
}

.z_bal_add_ppaid_row {
    background-color: #ebf7f4; /*width: 546px;*/
    height: 31px;
}

.z_bal_add_ppaid_alt_row {
    background-color: white; /*width: 546px;*/
    height: 31px;
}

.z_bal_add_grid { /*border: 1px solid #009b74;*/
}

.z_bal_add_ppaid_cell_label {
    width: auto;
    float: left;
    text-align: left;
    padding:5px 15px 5px 15px;
}

/*==========================================================================================================*/
.corner-tl-dg, .corner-tr-dg, .corner-bl-dg, .corner-br-dg {
    position: absolute;
    z-index: 1;
    width: 5px !important;
    height: 5px !important;
    min-height: 5px !important;
    max-height: 5px !important;
    background: url("../images/bgr-cornerborder-darkg.png") no-repeat scroll 0% 0% transparent;
}

span.cr, .corner-tr, .corner-tr-p, .corner-tr-g, .corner-tr-dg, .corner-tr-dgb, .corner-nb-tr {
    top: 0px;
    right: 0px;
    background-position: 100% 0px;
}

span.ct, .corner-tl, .corner-tl-p, .corner-tl-g, .corner-tl-dg, .corner-tl-dgb, .corner-nb-tl {
    top: 0px;
    left: 0px;
    background-position: 0px 0px;
}

span.cb, .corner-br, .corner-br-p, .corner-br-g, .corner-br-dg, .corner-br-dgb, .corner-nb-br {
    bottom: 0px;
    right: 0px;
    background-position: 100% 100%;
}

span.cl, .corner-bl, .corner-bl-p, .corner-bl-g, .corner-bl-dg, .corner-bl-dgb, .corner-nb-bl {
    bottom: 0px;
    left: 0px;
    background-position: 0px 100%;
}

/*-----------------------------Best Fit Package-----------------------*/

/******  BEST FIT PACKAGE ADMINISTRATOR *********/

.t_bestfitadmin_wrapper {
    width: 670px;
    border-color: #009b74;
    border-width: 1px;
    border-style: solid;
    background-color: rgb(235, 247, 244);
    float: left;
}

    .t_bestfitadmin_wrapper h2 {
        font-size: 16px;
        font-weight: bold;
        padding: 15px 0px 30px 15px;
    }

.t_bestfitadmin_row {
    width: 100%;
    height: 65px;
}

.t_bestfitadmin_row_label {
    width: 95%;
    display: block;
    padding-bottom: 5px;
    font-size: 12px;
    font-weight: bold;
    padding-left: 5px;
}

.t_bestfitadmin_row_ddl {
    margin-left: 50px;
    width: 100%;
    float: left;
}

.t_bestfitadmin_row_part1 {
    width: 340px;
    float: left;
}

.t_bestfitadmin_row_span {
    width: 30px;
    margin: 0;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
}

.t_bestfitadmin_row_part2 {
    width: 330px;
    float: left;
}

.t_bestfitadmin_row_input260 {
    background: url("../images/input-265x30.png") no-repeat scroll 0% 0% transparent;
    padding: 2px;
    width: 275px;
    height: 30px;
    float: left;
}

.t_bestfitadmin_row_tb260 {
    width: 249px;
    height: 20px;
    padding-top: 3px;
    padding-left: 5px;
}

.t_bestfitadmin_line {
    border-top: 1px solid rgb(166, 220, 206);
    width: 90%;
    margin-left: 5%;
}

.t_bestfitadmin_row_btn {
    height: 32px;
    width: 84px;
    margin: 10px 2px 2px 0px;
    font-size: 13px !important;
    font-weight: bold !important;
    color: white !important;
    text-align: center;
    background: url("../images/btn-submit.png") no-repeat scroll 0% 0% transparent;
    cursor: pointer;
    float: right;
}

.t_bestfitadmin_row_rfv {
    float: left;
    font-size: 12px;
    padding-top: 3px;
}

.t_bestfitadmin_gridview_wrapper {
    height: 290px;
}

.t_bestfitadmin_gridview {
    float: left;
    margin-top: 20px;
}

.t_bestfitadmin_row_info {
    min-width: 600px;
    float: left;
    margin-top: 15px;
}

.t_bestfitadmin_gv_btn {
    height: 22px;
    width: 60px;
    display: block;
    background: url("../images/btn-submitsmall.png") no-repeat scroll 0% 0% transparent;
    background-color: rgb(235, 247, 244);
    color: white !important;
    cursor: pointer;
    text-align: center;
    font-weight: bold !important;
}


/******  BEST FIT PACKAGE SUBSCRIBER *********/

.t_bestfitpckgcalc_wrapper {
    width: 500px;
    border-color: #009b74;
    border-width: 1px;
    border-style: solid;
    background-color: rgb(235, 247, 244);
    float: left;
}

    .t_bestfitpckgcalc_wrapper h2 {
        font-size: 14px;
        font-weight: bold;
        padding-left: 15px;
        padding-top: 15px;
        padding-bottom: 10px;
        color: black;
    }

.t_bestfitpckgcalc_div {
    background: url("../images/bgr-radiobuton.png") no-repeat scroll 0px 0px transparent;
    display: inline-block; /*width: 16px;*/
    height: 16px;
    float: left;
}

/*input[type="radio"]*/
.t_bestfitpckgcalc_rb {
    margin: 1px;
    float: left;
    opacity: 0;
}

.t_bestfitpckgcalc_rb_selected {
    background-position: 0px -35px;
}

.t_bestfitpckgcalc_span {
    float: left;
    padding-right: 50px;
}

.t_bestfitpckgcalc_row {
    width: 100%;
    float: left;
    padding-top: 10px;
}

.t_bestfitpckgcalc_row_part {
    width: 198px;
    float: left;
    padding-left: 20px;
}

.t_bestfitpckgcalc_row_input113 {
    background: url("../images/input-113x30.png") no-repeat scroll 0% 0% transparent;
    padding: 3px 3px 10px 3px;
    width: 120px;
    height: 30px;
    float: left;
}

.t_bestfitpckgcalc_row_tb113 {
    width: 97px;
    height: 20px;
    padding: 5px;
    border: medium none;
}

.t_bestfitpckgcalc_row_span {
    width: 100%;
    margin: 0;
    padding-right: 10px;
    float: left;
}

.t_bestfitpckg_line {
    width: 600px;
    height: 65px;
    border-top: 1px solid rgb(166, 220, 206);
    float: left;
    margin-top: 40px;
}

.t_bestfitpckg_greenbox {
    margin-bottom: 20px;
    margin-bottom: 10px;
    margin-top: 20px;
    background-color: #ebf7f4;
    border: 1px solid #009b74;
    min-height: 10px;
    width: 600px;
}

.t_bestfitpckgcalc_row_linkbtn {
    padding-bottom: 5px;
    padding-left: 10px;
}

.t_bestfitpck_clear {
    clear: both;
    height: 1px;
}

.t_bestfitpck_error_message {
    color: red;
}

/*================================== DIALOGS ======================*/
.t_bestfitpck_close_box {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 15px;
    height: 15px;
    background-image: url("../images/Icons/Delete_20x20.png");
}



.t_bestfitpck_warning {
    background-image: url("../images/Icons/Warning_32x32.png");
    width: 32px;
    height: 32px;
    float: left;
    margin: 20px;
}

.t_bestfitpck_information {
    background-image: url("../images/Icons/Information_32x32.png");
    width: 32px;
    height: 32px;
    float: left;
    margin: 20px;
}

.t_bestfitpck_question {
    float: left;
    margin: 10px;
}

.t_bestfitpck_buttons {
    margin: 10px;
    text-align: center;
}

/*-----------------------Package Allowance---------------------*/
.t_pckgallowance_wrapper {
    width: 580px;
    margin-top: 30px;
    border-color: #009b74;
    border-width: 1px;
    border-style: solid;
    background-color: rgb(235, 247, 244);
    float: left;
}

    .t_pckgallowance_wrapper h2 {
        font-size: 14px;
        font-weight: bold;
        padding-top: 20px;
        padding-left: 19px;
        color: black;
    }

.t_pckgallowance_div {
    width: 610px;
    padding: 19px;
    background-color: #ebf7f4;
}

.t_pckgallowance_item {
    vertical-align: middle;
    padding-top: 8px;
    padding-bottom: 8px;
}

.t_pckgallowance_itemheader {
    font-size: 13px;
    display: block;
    float: left;
    min-width: 217px;
    padding-left: 10px !important;
}

.t_pckgallowance_lbone {
    font-size: 13px;
    display: block;
    float: left;
}

.t_pckgallowance_lbtwo {
    padding-right: 20px;
    font-size: 13px;
    display: block;
    float: left;
}

    


.t_pckgallowance_progressbar_span { /*display: block;
        position: absolute;
        text-align: center;*/
    padding-top: 1px;
}

.t_pckgallowance_rectangle_used {
    width: 16px;
    height: 30px;
    background-color: #b27184;
    float: left;
    margin-bottom: 10px;
}

    .t_pckgallowance_rectangle_used span {
        padding-left: 20px;
    }

.t_pckgallowance_rectangle_free {
    width: 16px;
    height: 30px;
    background-color: #71b27f;
    float: left;
    margin-left: 85px;
    margin-bottom: 10px;
}

    .t_pckgallowance_rectangle_free span {
        padding-left: 20px;
    }

.t_pckgallowance_container {
    width: 100%;
}

/*---------------------Package Bundle Info----------------*/
.t_packageinfo_wrapper {
    width: 580px;
}

    .t_packageinfo_wrapper table tr td {
        padding: 5px;
    }

    .t_packageinfo_wrapper h2 {
        font-size: 24px;
        color: #5b1f69;
        font-weight: normal;
        line-height: 27px;
        letter-spacing: -0.02em;
        margin-bottom: 8px;
    }

.t_packageinfo_DIV {
    padding-top: 10px;
}

.t_packageinfo_greenbox {
    margin-bottom: 20px;
    margin-bottom: 10px;
    background-color: #ebf7f4;
    border: 1px solid #009b74;
    min-height: 10px;
    width: 100%;
}

    .t_packageinfo_greenbox tr {
        color: white;
        height: 30px; /*border-right-color: #009b74;
        border-right-style: solid;
        border-width: 1px;*/
    }

    .t_packageinfo_greenbox td {
        font-size: 13px;
        width: 50%;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #009b74;
    }

        .t_packageinfo_greenbox td span {
            padding: 8px 10px 8px 15px;
        }

.t_packageinfo_label {
}

.t_pckheader_record {
    color: black;
    padding: 8px 10px 8px 15px;
}


.t_packageinfo_error {
    color: red;
    font-size: 13px;
    letter-spacing: -0.02em;
    line-height: 27px;
}


/* elements (custom actions) settings*/
.t_packageinfo_settings_row {
    min-width: 600px;
    width: 100%;
    margin: 5px;
    margin-bottom: 2px;
}

.t_packageinfo_settings_row_title {
    width: 100%;
    text-align: left;
    font-weight: bold;
    padding: 5px;
    float: left;
}

.t_packageinfo_settings_row_value {
    width: 350px;
    padding-top: 2px;
    text-align: left;
    float: left;
}

.t_packageinfo_settings_row_value_textbox {
    display: block;
    height: auto;
    width: 100%;
}

.t_packageinfo_settings_rfv {
    color: red;
    width: 100px;
    float: left;
    padding-left: 14px;
}

.t_packageinfo_settings_btn {
    font-weight: bold;
    float: left;
    padding-top: 20px;
}
/********************************
    News And Events
********************************/
/********************************/
/******************* LATEST NEWS *****************/
.t_news_newsticker {
    width: 930px;
    height: 36px;
    padding:5px 4px 4px 6px;
    background-image: url("../images/bgr-newsticker.png");
    background-repeat: no-repeat;
    background-color: transparent;
    position: relative;
}

    .t_news_newsticker h2 {
        background-image: url("../images/bgr-latest-news.png");
        background-repeat: no-repeat;
        background-color: transparent;
        color: #eee;
        height: 36px;
        width: 135px;
        padding-left: 3px;
        padding-right: 3px;
        line-height: 35px;
        font-size: 22px;
        letter-spacing: -0.02em;
        float: left;
        text-align: center;
    }

.t_news_wrapper {
    width: 785px;
    float: left;
}

.t_news_repeater_item {
    width: 770px;
    height: 36px;
    float: left; /*overflow: hidden;*/
    padding-left: 15px;
    position: absolute;
    line-height: 36px;
    letter-spacing: -0.02em;
    font-size: 14px;
}

.t_news_label {
    padding-right: 5px;
    color: #cf0972;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: -0.02em;
    text-decoration: underline;
}

.t_news_linkbutton {
    margin-right: 56px;
    line-height: 35px;
    background-image: url("../images/bgr-pinkarrrow.png");
    background-repeat: no-repeat;
    background-position: 100% 50%;
    padding-right: 10px;
    float: right;
}

    .t_news_linkbutton .t_news_label {
        color: #cf0972;
        font-size: 13px;
        font-weight: bold;
        letter-spacing: -0.02em;
    }

.t_news_span {
    text-decoration: underline;
    color: #cf0972;
    width: 100px;
}

.t_lastnewsbox .t_news_label {
    padding-right: 10px;
    background: url("../images/bgr-pinkarrrow.png") 100% 59% no-repeat;
    text-decoration: underline;
}

    .t_lastnewsbox .t_news_label:hover {
        text-decoration: underline;
    }

.t_news_image {
    vertical-align: middle; /*background-image:  url("../img/bgr-pinkarrow.png");*/
}

    .t_news_span:hover, .t_news_label:hover, .t_news_image:hover {
        color: black !important;
        cursor: pointer;
    }


.t_h2_latestnews {
}

/***PLAY PAUSE*/
.t_news_playpause {
    width: 26px;
    height: 26px;
    display: block;
    right: 15px;
    position: absolute;
    z-index: 99;
    top: 10px;
}

.stop {
    background-position: 0 0!important;
}

.start {
    background-position: 0 -26px!important;
}

.t_news_start {
    width: 26px;
    height: 26px;
    display: block;
    orphans: inherit;
    background: url("../images/bgr-play-pause.png") no-repeat;
}

.stop {
    background-position: 0 0!important;
}

.start {
    background-position: 0 -26px!important;
}

.stop:hover {
    cursor: pointer;
    background-position: 0 -52px!important;
}

.start:hover {
    cursor: pointer;
    background-position: 0 -78px!important;
}

/*** end PLAY PAUSE*/

.t_news_text {
    float: left;
}

.t_news_button {
    float: right;
    overflow: hidden;
}

    .t_news_button a, .t_news_button a:visited {
        display: block;
        height: 35px;
    }

/****************************
    Location Finder
*******************************/
.t_main-body {
    width: 300px;
    float: left;
}

.t_fieldset {
    width: 560px;
    margin-top: 20px;
    margin-left: 5%;
    border-color: #ccc;
    border-width: 1px;
    border-style: solid;
}

    .t_fieldset .t_label {
        display: block;
        margin: 0.5em 0 0em;
    }

    .t_fieldset .t_textbox {
        width: 95%;
    }

.t_img {
    float: left;
}

.t_p-row {
    padding-top: 2px;
}

.t_p-row-info {
    font-weight: bold;
    float: left;
    padding-right: 15%;
}

.t_address-row {
    width: 552px;
    float: left;
    margin-left: 5%;
    margin-top: 3%;
}

.t_address-row-title {
    width: 25%;
    text-align: left;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    float: left;
}

.t_address-row-value {
    width: 75%;
    vertical-align: middle;
    text-align: left;
    float: left;
}

#map_canvas {
    width: 578px;
    height: 360px;
    margin: auto;
}

#lb_Governorate {
    line-height: 27px;
    font-weight: bold;
}

.t_errorMsg {
    color: red;
    float: left;
}

.t_selectionLocation_browse {
    float: left;
    line-height: 30px;
    margin-right: 10px;
}

.t_combo_loc_finder, .t_governorate {
    width: 190px;
    float: left;
    margin-right: 65px;
}

.t_map {
    width: 578px;
    height: 360px;
    padding: 0px 6px 0px 6px;
    position: relative; /*background-color: rgb(241, 241, 241);*/
}

.t_mapbox {
    width: 100%;
    position: relative;
}

    .t_mapbox .t_boxin {
        width: 604px;
        padding: 20px 0px 20px 0px;
        border-color: #ccc;
        border-width: 1px;
        border-style: solid;
        background-color: rgb(244, 244, 244);
        border-radius: 2%;
    }

.t_selectlocation {
    width: 100%;
    height: 45px;
    padding-left: 30px;
}

.t_input {
    margin-left: 5%;
}

.t_controlBox {
    width: 100%;
}

.t_controlHourStart {
    width: 72px;
    margin-left: 10%;
}

.t_controlHourEnd {
    width: 72px;
    margin-left: 2%;
}

.t_locations {
    padding-top: 20px; /*position: relative;*/
}

.t_row-location {
    overflow: hidden;
    line-height: 18px; /*position: relative;*/
}

.t_row-loc-address {
    float: left;
    width: 215px;
    padding: 7px 0 0 0px;
}

    .t_row-loc-address h5 {
        font-weight: bold;
    }

.t_row-loc-details {
    padding: 6px 14px;
    width: 360px;
    float: left;
    position: relative;
    background-color: rgb(244, 244, 244);
    border-color: #ccc;
    border-width: 1px;
    border-style: solid;
    border-radius: 2%;
}

.t_p-row-hours {
    text-align: right;
    margin-right: 30px;
}

/*.t_smallboxin {
    padding: 9px 14px 9px 14px;
    border-color: #ccc;
    border-width: 1px;
    border-style: solid;
    background-color: rgb(244, 244, 244);
    border-radius: 2%;
}*/

.t_row-line {
    width: 605px;
    overflow: hidden;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #d7d7d7;
    margin-top: 20px;
    padding-bottom: 16px;
}

.t_locationplus {
    float: right;
    margin-right: 15px;
}

.b_loc_finder_homepage_linklist {
    width: 280px;
    position: absolute;
    top: 49px;
}

.b_loc_finder_homepage_description {
    width: 280px;
    position: relative;
    float: left;
}

    .b_loc_finder_homepage_description .rimg5 {
        width: 270px;
        height: 50px;
    }

.b_loc_finder_homepage_linklist a:hover {
    color: #333 !important;
}


/********************************
    IVR
***********************************/
.t_ivr_wrapper {
    width: 790px;
    height: 480px;
}

.t_ivr_populate_tv_row0 {
    width: inherit;
    float: left;
}

.t_ivr_populate_tv_row {
    width: 100px;
    max-width: 110px;
    float: left;
    padding-right: 5px;
}

.t_ivr_populate_tv_arrowrow {
    max-width: 70px;
    float: left;
    padding-right: 5px;
}


.t_ivr_treeview {
    width: 300px;
    height: auto;
    float: left;
    margin-right: 50px;
    margin-top: 3px; /*border: 2px solid #C0C0C0 ;
   overflow: scroll;*/
}

.t_ivr_populate {
    margin-top: 10px;
    width: 375px;
    height: 185px;
    float: left;
    position: absolute;
}

.t_ivr_populate_name {
    width: 375px;
    height: 455px;
    float: left;
    position: relative;
}

.t_ivr_line {
    border-bottom-width: 2px;
    border-bottom-style: dashed;
    border-bottom-color: #C0C0C0;
}

.t_ivr_pan {
    background-color: #F0F0F0;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px; /*position: relative;*/
}

.t_ivr_imageedit {
    position: absolute;
    top: 3px;
    right: 5px;
}

.t_ivr_populate_row {
    width: 100%;
    padding-bottom: 35px;
}

.t_ivr_populate_row_title {
    width: 80px;
    text-align: left;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    float: left;
}

.t_ivr_populate_row_value {
    width: 270px;
    vertical-align: middle;
    text-align: left;
    padding-left: 10px;
    float: left;
}

.t_ivr_populate_row_value1 {
    width: 270px;
    vertical-align: middle;
    text-align: left;
    margin-left: 23px;
}

.t_ivr_populate_row_textbox {
    width: 100%;
}


.t_ivr_populate_row_linkbutton {
    background-color: #F0F0F0;
    border: 1px solid #B0B0B0;
    padding: 5px 10px 5px 10px;
    float: right;
    margin-top: 10px;
    margin-right: 10px;
}

.t_ivr_populate_row_linkbutton1 {
    background-color: #F0F0F0;
    border: 1px solid #B0B0B0;
    padding: 5px 10px 5px 10px;
    float: right;
    margin-top: 10px;
    margin-right: 10px;
    position: absolute;
    bottom: 0px;
}


.t_ivr_button_row {
    float: left;
    padding-top: 80px;
}

.NodeStyle {
    color: #000000;
    font-size: 15px;
}

    .NodeStyle strong {
        color: #cf0792;
        font-size: 15px;
    }

/************************
    Gallery
*************************/
.z_gallery_selector_wrapper {
    position: relative;
    top: -10px;
}

    .z_gallery_selector_wrapper .z_gallery_selector_album_wrapper:last-child {
        border-bottom: none!important;
    }

.z_error_message_wrapper {
}

.z_error_message {
    color: red;
    font-weight: bold;
}

.z_clear {
    clear: both;
    height: 1px;
}


.z_gallery_selector_album_wrapper {
    width: 140px;
    height: 217px;
    float: left;
    font-size: 10px;
    margin: 0 0px 24px 0;
    border-bottom: 1px solid #ccc;
    padding-right: 15px;
}

/*.z_gallery_selector_album_wrapper:nth-child(5n-1){ 
	padding-right: 0;
}*/

.z_gallery_album_thumbnail {
    width: 140px;
    height: 105px; /*background-color: lightblue;*/
    margin: 0px!important;
    position: relative;
    padding: 0px!important; /*border: 1px solid black;*/
}

    .z_gallery_album_thumbnail img {
        width: 100%;
        height: 100%;
        margin-bottom: 10px;
        margin-right: 15px;
        float: left; /*-moz-transition-property: background-color;
        -moz-transition-duration: 2s;
        background-color: rgba(0,0,0,0.6);*/
        border-radius: 10px;
        border: 1px solid #e4e4e3;
    }

        .z_gallery_album_thumbnail img:hover {
            width: 100%;
            height: 100%; /*opacity: 0.5;
            filter: alpha(opacity=50);*/
        }

.z_gallery_footer {
    border-bottom: 1px solid #ccc;
    position: relative;
    top: -25px;
    clear: both;
    width: 605px;
}

.z_gallery_album_footer {
    width: auto!important;
    display: block;
    margin-left: 0px!important;
    margin-right: 0px!important;
    font-size: 13px;
}

    .z_gallery_album_footer .album-pic-count::after {
        content: " images";
    }

    .z_gallery_album_footer .album-name {
        font-weight: bold;
    }

.z_gallery_album_footer_label {
    font-weight: bold;
}

.z_gallery_album_footer_value {
    color: #00a774;
}

/*GALLERY VIEWER*/
.z_video_gallery_footer {
    border-bottom: 1px solid #ccc;
    clear: both;
    position: relative;
    top: -25px;
    width: 605px;
}

.z_gallery_viewer_wrapper {
}

.z_gallery_video_selector_wrapper {
}

.z_gallery_video_selector_album_wrapper {
    width: 140px;
    height: 205px;
    float: left;
    padding-right: 15px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 24px;
}

    .z_gallery_video_selector_album_wrapper:nth-child(4n-1) {
        padding-right: 0;
    }


.z_gallery_video_thumbnail {
    width: 140px;
    height: 110px;
    margin: 0px!important;
    position: relative;
    padding: 0px!important;
    background: none;
    border: none!important;
}

    .z_gallery_video_thumbnail img {
        width: 100%;
        height: 100%;
        -moz-transition-property: background-color;
        -moz-transition-duration: 2s;
        background-color: rgba(0,0,0,0.6);
        border: 1px solid #E4E4E3;
        border-radius: 10px;
    }

        .z_gallery_video_thumbnail img:hover {
            width: 100%;
            height: 100%;
            opacity: 0.5;
            filter: alpha(opacity=50);
        }

.z_gallery_video_album_footer_wrapper {
    margin-left: 0!important;
    margin-right: 0!important;
    margin-top: 10px;
    width: 100%;
}

.z_gallery_youtube_time { /*padding: 0 4px;
    font-weight: bold;
    font-size: 11px;
    background-color: #000;
    color: #fff!important;
    height: 14px;
    line-height: 14px;
    opacity: 0.75;
    margin-top: 0;
    margin-right: 0;
    display: inline-block;
    display: -moz-inline-stack;
    filter: alpha(opacity=75);
    zoom: 1;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: absolute;
    bottom: 5px;
    right: 5px;
    width: auto;*/
    display: none!important;
}

.z_gallery_video_album_footer_views_count_wrapper {
}

.z_gallery_video_album_footer_likes_count_wrapper {
}

.z_gallery_video_album_footer_title {
    font-style: normal;
    font-size: 13px;
    font-weight: bold;
}

.z_gallery_album_footer_label {
    font-weight: bold;
    float: left;
    margin-right: 10px;
}

.z_gallery_album_footer_label_value {
    color: #00a774;
}

.z_gallery_video_viewer_wrapper {
}

.z_gallery_youtube_header_wrapper {
    font-size: 12px;
}

.z_gallery_youtube_header_row {
}

.z_gallery_youtube_header_cell_label {
    width: 150px;
    float: left;
    font-weight: bold;
    text-align: left;
    margin-left: 5px;
    margin-top: 5px;
}

.z_gallery_youtube_header_cell_control {
    width: 100px;
    float: left;
    text-align: left;
    margin: 3px;
}

.z_gallery_youtube_channel_thumbnail_wrapper {
    width: 140px;
    height: 255px;
    float: left;
    padding-right: 15px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 24px;
}

    .z_gallery_youtube_channel_thumbnail_wrapper:nth-child(4n) {
        padding-right: 0;
    }


.z_gallery_youtube_channel_thumbnail {
    width: 140px;
    height: 110px;
    margin: 0;
    position: relative;
    padding: 0;
}

    .z_gallery_youtube_channel_thumbnail img {
        width: 100%;
        height: 100%;
        -moz-transition-property: background-color;
        -moz-transition-duration: 2s;
        background-color: rgba(0,0,0,0.6);
        border: 1px solid #E4E4E3;
        border-radius: 10px;
    }

        .z_gallery_youtube_channel_thumbnail img:hover {
            width: 100%;
            height: 100%;
            opacity: 0.5;
            filter: alpha(opacity=50);
        }

.z_gallery_youtube_channel_footer_wrapper {
    width: 100%;
    margin-left: 0;
    margin-right: 0px;
    margin-top: 10px;
}

.z_youtube_channel_gallery_footer {
    border-bottom: 1px solid #ccc;
    clear: both;
    position: relative;
    top: -36px;
    width: 605px;
}

.z_gallery_youtube_channel_footer_wrapper div span {
    font-size: 12px;
    font-weight: normal;
}

.z_gallery_youtube_channel_footer_wrapper div div {
    font-size: 12px;
    font-weight: normal;
}

.z_gallery_youtube_channel_footer_wrapper #divVideoTitle {
    font-size: 13px;
    font-weight: bold;
    font-style: normal!important;
}

.z_gallery_youtube_channel_footer_wrapper #divViewsCount {
}

.z_gallery_youtube_channel_footer_wrapper #divLikesCount {
}

.z_gallery_youtube_channel_footer_title {
    font-style: italic;
}

.z_gallery_youtube_channel_footer_views_count_wrapper {
}

.z_gallery_youtube_channel_footer_label .z_gallery_youtube_channel_footer_likes_count_wrapper {
}

.z_gallery_youtube_channel_footer_label {
    font-weight: bold;
    float: left;
    margin-right: 10px;
}

.z_gallery_youtube_channel_footer_label_value {
    color: #00a774;
}



.z_gallery_youtube_channel_load_more_videos_wrapper {
}

.z_gallery_youtube_channel_load_more_videos {
}

.album_thumbnail {
    width: 150px;
    height: 100px;
    background-color: lightblue;
    margin: 10px;
    position: relative;
}

    .album_thumbnail img {
        width: 100%;
        height: 100%;
        -moz-transition-property: background-color;
        -moz-transition-duration: 2s;
        background-color: rgba(0,0,0,0.6);
    }

        .album_thumbnail img:hover {
            width: 100%;
            height: 100%;
            opacity: 0.5;
            filter: alpha(opacity=50);
        }

.album_wrapper {
    width: 200px;
    height: 200px;
    float: left;
}

.album_footer {
    width: 100%;
    margin-left: 10px;
    margin-right: 10px;
}
/*======================================GALLERY SETTINGS*/
.z_picture_galery_viewer_settings_wrapper {
    padding: 10px;
    background-color: #CDF5FE;
    border: 2px solid blue;
    float: right;
    width: 250px;
}

.z_glr_sett_table_row {
    width: 500px;
}

.z_glr_sett_table_cell_label {
    width: 180px;
    float: left;
    font-weight: bold;
    text-align: left;
    background-color: blue;
}

.z_glr_sett_table_cell_control {
    width: 250px;
    float: left;
    text-align: left;
    background-color: red;
}

.z_glr_sett_commands_wrapper {
    text-align: right;
}

.z_glr_sett_error_message {
    color: red;
    font-weight: bold;
}

.z_glr_sett_pic_galleries_wrapper {
    padding: 10px;
    float: left;
    background-color: #CDF5FE;
    border: 2px solid blue;
}

.z_glr_sett_vid_galleries_wrapper {
    padding: 10px;
    float: left;
    background-color: #fcd68f;
    border: 2px solid orange;
}

/******************************
    FAQ
********************************/
.p_faq_refinement_wrapper {
    padding-bottom: 10px;
    position: relative;
    background-color: rgb(0, 155, 116);
    width: 280px;
}

.p_faq_refinement_corner_tr {
    top: 0px;
    right: 0px;
    width: 5px !important;
    height: 5px !important;
    min-height: 5px !important;
    max-height: 5px !important;
    position: absolute;
    background: url("../images/bgr-corner.png") no-repeat scroll 100% 0px transparent;
}

.p_faq_refinement_corner_tl {
    top: 0px;
    left: 0px;
    width: 5px !important;
    height: 5px !important;
    min-height: 5px !important;
    max-height: 5px !important;
    position: absolute;
    background: url("../images/bgr-corner.png") no-repeat scroll 0px 0px transparent;
}

.p_faq_refinement_corner_br {
    bottom: 0px;
    right: 0px;
    width: 5px !important;
    height: 5px !important;
    min-height: 5px !important;
    max-height: 5px !important;
    position: absolute;
    background: url("../images/bgr-corner.png") no-repeat scroll 100% 100% transparent;
}

.p_faq_refinement_corner_bl {
    bottom: 0px;
    left: 0px;
    width: 5px !important;
    height: 5px !important;
    min-height: 5px !important;
    max-height: 5px !important;
    position: absolute;
    background: url("../images/bgr-corner.png") no-repeat scroll 0px 100% transparent;
}

.p_faq_refinement_header {
    line-height: 27px;
    letter-spacing: -0.02em;
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 8px;
    color: rgb(127, 244, 215);
    padding:14px 19px 14px 19px;
    background-color: rgb(0, 139, 104);
    border-radius: 5px;
}

.p_faq_refinement_content {
}

.p_faq_refinement_content_item {
    font-size: 13px;
    margin:0 20px 0 20px;
    padding:7px 0 7px 0;
    border-bottom-color: rgb(64, 180, 151);
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

    .p_faq_refinement_content_item a {
        color: rgb(255, 255, 255);
        font-weight: bold;
        text-decoration: none;
        padding-left: 12px;
        background-image: url("../images/bgr-arrow-white.png");
        background-repeat: no-repeat;
        background-position: 0px 5px;
        background-color: transparent;
    }

        /*.p_faq_refinement_content_item a:visited {
            color: rgb(255, 255, 255);
        }*/

        .p_faq_refinement_content_item a.current {
            color: rgb(0, 0, 0);
            background-image: url("../images/bgr-arrow-black.png");
            background-position: 0px 5px;
            background-repeat: no-repeat;
            background-color: transparent;
        }

        .p_faq_refinement_content_item a:hover {
            color: rgb(127, 244, 215);
            background-image: url("../images/bgr-arrow-green.png");
            background-position: 0px 5px;
            background-repeat: no-repeat;
            background-color: transparent;
        }

.p_faq_refined_wrapper {
    margin: 0;
    padding: 0;
    width: 640px;
    background: none repeat scroll 0% 0% transparent;
}

.p_faq_refined_content {
}

.p_faq_refined_content_item_question {
    padding:11px 0 11px 0;
    width: 100%;
    overflow: hidden;
    font-size: 16px;
}

    .p_faq_refined_content_item_question a {
        text-decoration: none;
    }

        .p_faq_refined_content_item_question a:hover {
            color: rgb(207, 9, 114);
        }

.p_faq_refined_content_item_answer {
    background-color: rgb(239, 238, 238);
    overflow: hidden;
    padding:18px 30px 20px 30px;
    font-size: 13px;
}

/***********************
    Common Controls
***************************/
.p_controls_facebook_share_button {
    background-color: rgb(236, 238, 245);
    border-radius: 3px 3px 3px 3px;
    border: 1px solid rgb(202, 212, 231);
    cursor: pointer;
    width: 47px;
    font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    position: relative;
    padding-left: 4px;
    padding-bottom: 2px;
    padding-top: 2px;
}

    .p_controls_facebook_share_button a {
        background-image: url("../images/facebook_button.png");
        background-size: auto auto;
        background-repeat: no-repeat;
        display: inline-block;
        height: 14px;
        width: 14px;
        padding-left: 15px;
        text-decoration: none;
        color: rgb(59, 89, 152);
    }

    .p_controls_facebook_share_button:hover {
        border-top-color: #9dacce;
        border-bottom-color: #9dacce;
        border-left-color: #9dacce;
        border-right-color: #9dacce;
    }

.p_controls_addthis_button {
    background: url('../images/btn-share-print.png') no-repeat;
    background-position: 0 -34px;
    padding-left: 20px;
    overflow: visible;
}

.p_controls_addthis_button a,
.p_controls_addthis_button a:visited {
    font-size: 13px;
    text-decoration: none;
    color: rgb(51, 51, 51);
}

    .p_controls_addthis_button a:hover {
        color: rgb(207, 9, 114);
    }

/**********************
    Boxed Navigation
****************************/
.z_boxed_navigation_item_wrapper { /*margin-right: 10px !important;*/
}

.z_boxed_navigation_rounded_box_light {
    position: relative;
    float: left;
    margin-right: 20px;
    margin-left: 0;
    margin-bottom: 20px;
}

.z_boxed_navigation_wrapper_box {
    min-height: 10px;
    border: 1px solid rgb(204, 204, 204);
    background-color: rgb(244, 244, 244);
    width: 291px;
}

.z_boxed_navigation_content_box {
    width: 280px;
    padding: 15px 0px 0px 18px;
}

.z_boxed_navigation_item_box {
    width: 273px;
    height: 155px;
    position: relative;
    overflow: hidden;
}

.z_boxed_navigation_box_title {
    margin-bottom: 3px;
    font-weight: bold;
    font-size: 16px !important;
}

.z_boxed_navigation_box_description {
    padding-right: 110px;
    position: relative;
    z-index: 2;
    margin-bottom: 5px;
    line-height: 15px;
    font-size: 12px !important;
}

.z_boxed_navigation_link_area {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 180px;
    padding: 8px 0px 10px;
    border-top: 1px solid rgb(204, 204, 204);
}

    .z_boxed_navigation_link_area a, .z_boxed_navigation_link_area a:visited {
        color: #cf0972 !important;
    }

        .z_boxed_navigation_link_area a:hover {
            color: #000000 !important;
        }

.z_boxed_navigation_box_link {
    background: url("../images/bgr-pinkarrrow.png") no-repeat scroll 100% 59% transparent;
    padding-right: 10px;
    float: left;
    font-weight: bold;
}

.z_boxed_navigation_picture {
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 1;
}




/*================ ROUNDED CORNERS =========================*/
.corner-tl-boxed-nav, .corner-tr-boxed-nav, .corner-bl-boxed-nav, .corner-br-boxed-nav {
    position: absolute;
    z-index: 1;
    width: 5px !important;
    height: 5px !important;
    min-height: 5px !important;
    max-height: 5px !important;
    background: url("../images/bgr-cornerborder.png") no-repeat scroll 0% 0% transparent;
}

span.cr, .corner-tr, .corner-tr-p, .corner-tr-g, .corner-tr-boxed-nav, .corner-tr-boxed-navb, .corner-nb-tr {
    top: 0px;
    right: 0px;
    background-position: 100% 0px;
}

span.ct, .corner-tl, .corner-tl-p, .corner-tl-g, .corner-tl-boxed-nav, .corner-tl-boxed-navb, .corner-nb-tl {
    top: 0px;
    left: 0px;
    background-position: 0px 0px;
}

span.cb, .corner-br, .corner-br-p, .corner-br-g, .corner-br-boxed-nav, .corner-br-boxed-navb, .corner-nb-br {
    bottom: 0px;
    right: 0px;
    background-position: 100% 100%;
}

span.cl, .corner-bl, .corner-bl-p, .corner-bl-g, .corner-bl-boxed-nav, .corner-bl-boxed-navb, .corner-nb-bl {
    bottom: 0px;
    left: 0px;
    background-position: 0px 100%;
}



/*********************
    CPR Authorization
***********************/
/*======================= COMMON ============*/
.z_cpr_auth_debug {
    color: orange;
    font-weight: bold;
    background-color: #fcf2b8;
    border: 2px solid orange;
    padding: 10px;
    margin-bottom: 20px;
    display: none;
}

.z_clear {
    clear: both;
    margin-bottom: 10px;
}

.z_cpr_auth_error_message {
    color: red;
}

.z_cpr_auth_status_message {
    color: blue;
}
/*============================ CPR AUTH =============*/
.z_cpr_auth_control_wrapper {
    background-color: #ebf7f4;
    border-color: #24a988;
    border-style: solid;
    border-width: 1px;
    padding: 20px;
    width: 630px;
}
/*====================== DIV TABLE DESIGN ====================*/
.z_cpr_auth_row {
    margin-bottom: 20px; /*background-color: yellow;*/ /*height:110px;*/
}

.z_cpr_auth_cell_label {
    width: 200px;
    float: left;
    font-weight: bold;
    text-align: left;
}

.z_cpr_auth_cell_control {
    width: 300px;
    float: left;
    text-align: left;
}

/************************
    User Registration
******************************/
.p_user_registration_wrapper, .p_subscriber_confirm_wrapper, .p_user_finish_registration_wrapper {
    position: relative;
    display: block;
    float: left;
    margin-bottom: 20px;
    margin: 0 auto;
}

.p_user_registration_content {
    padding: 19px;
    background-color: rgb(235, 247, 244);
    border: 1px solid rgb(0, 155, 116);
    width: 586px;
    display: block;
    float: left;
}

.p_subscriber_confirm_content {
    padding: 19px;
    background-color: rgb(235, 247, 244);
    border: 1px solid rgb(0, 155, 116);
    width: 586px;
    display: block;
    float: left;
}

.p_user_finish_registration_content {
    padding: 19px;
    background-color: rgb(235, 247, 244);
    border: 1px solid rgb(0, 155, 116);
    width: 586px;
    display: block;
    float: left;
}

.p_subscriber_confirm_corner_tr, .p_user_registration_corner_tr, .p_user_finish_registration_corner_tr {
    top: 0px;
    right: 0px;
    width: 5px !important;
    height: 5px !important;
    min-height: 5px !important;
    max-height: 5px !important;
    position: absolute;
    background: url("../images/bgr-cornerborder-darkg.png") no-repeat scroll 100% 0px transparent;
}

.p_subscriber_confirm_corner_tl, .p_user_registration_corner_tl, .p_user_finish_registration_corner_tl {
    top: 0px;
    left: 0px;
    width: 5px !important;
    height: 5px !important;
    min-height: 5px !important;
    max-height: 5px !important;
    position: absolute;
    background: url("../images/bgr-cornerborder-darkg.png") no-repeat scroll 0px 0px transparent;
}

.p_subscriber_confirm_corner_br, .p_user_registration_corner_br, .p_user_finish_registration_corner_br {
    bottom: 0px;
    right: 0px;
    width: 5px !important;
    height: 5px !important;
    min-height: 5px !important;
    max-height: 5px !important;
    position: absolute;
    background: url("../images/bgr-cornerborder-darkg.png") no-repeat scroll 100% 100% transparent;
}

.p_subscriber_confirm_corner_bl, .p_user_registration_corner_bl, .p_user_finish_registration_corner_bl {
    bottom: 0px;
    left: 0px;
    width: 5px !important;
    height: 5px !important;
    min-height: 5px !important;
    max-height: 5px !important;
    position: absolute;
    background: url("../images/bgr-cornerborder-darkg.png") no-repeat scroll 0px 100% transparent;
}

.p_user_registration_row, .p_subscriber_confirm_row, .p_user_finish_registration_row {
    padding-bottom: 8px;
    padding-top: 8px;
    display: block;
    height: auto;
    width: 100%;
    float: left;
}

.p_user_registration_row_nopadding, .p_subscriber_confirm_row_nopadding, .p_user_finish_registration_row_nopadding {
    display: block;
    height: auto;
    width: 100%;
    float: left;
}

.p_user_finish_registration_label {
    width: 100%;
    font-size: 13px !important;
}

.p_subscriber_confirm_radio_button_list {
    width: 265px;
}

.p_subscriber_confirm_label {
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 5px;
    width: 157px;
    float: left;
}

.p_subscriber_confirm_label_value {
    display: block;
    width: 265px;
    float: left;
    font-size: 13px;
}

.p_subscriber_confirm_textbox, .p_user_registration_textbox {
    padding: 6px 10px;
    background-image: url('../images/input-265x30.png');
    background-color: transparent !important;
    height: 18px;
    width: 245px;
    font-size: 13px !important;
    float: left;
    display: block;
    border-left-style: none !important;
    border-left-color: transparent !important;
    border-left-width: medium !important;
    border-right-style: none !important;
    border-right-color: transparent !important;
    border-right-width: medium !important;
    border-top-style: none !important;
    border-top-color: transparent !important;
    border-top-width: medium !important;
    border-bottom-style: none !important;
    border-bottom-color: transparent !important;
    border-bottom-width: medium !important;
}

.p_subscriber_confirm_button, .p_user_registration_button {
    height: 32px !important;
    width: 84px;
    font-size: 13px !important;
    font-weight: bold;
    color: white !important;
    background-image: url("../images/btn-login.png");
    background-color: transparent !important;
    border: none !important;
    cursor: pointer;
}

.p_subscriber_confirm_box, .p_user_registration_box, .p_user_finish_registration_box {
    font-size: 15px;
    width: 579px;
    height: 42px;
    display: block;
    background-image: url("../images/box-green579x42.png");
    background-color: transparent !important;
}

.p_subscriber_confirm_box_label, .p_user_registration_box_label, .p_user_finish_registration_box_label {
    padding-top: 12px;
    padding-left: 20px;
    display: block;
}

.p_subscriber_confirm_required_field_validator {
    padding-left: 157px;
}

.p_user_registration_required_field_validator {
    padding-left: 265px;
}

.p_user_registration_label {
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 5px;
    width: 264px;
    float: left;
}

.p_user_registration_box_error_label, .p_subscriber_confirm_box_error_label {
    padding-top: 12px;
    padding-left: 20px;
    display: block;
    color: red;
}

.p_user_registration_box_message {
    float: left;
    line-height: 18px;
}

.p_user_registration_box_message_label {
    width: 100%;
    float: left;
    font-size: 13px !important;
}


/*************************
    Web and Title Description
****************************/
.z_web_title_and_description_control_wrapper {
    background: url(../images/bgr-rowshadow-bot.png) no-repeat 0% 100%;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.z_web_title {
}

    .z_web_title h1 {
        margin-bottom: 5px !important;
        color: #333333 !important;
    }

.z_web_description {
}

    .z_web_description p {
        margin-bottom: 0px !important;
    }

.TabsControl {
    margin-bottom: 15px;
}

.TabBackground {
    background-color: #f4f4f4;
    border-left: #ccc;
    border-right: #ccc;
    border-bottom: #ccc;
    border-width: 1px;
    border-style: solid;
    border-top-width: 0px;
    position: relative;
}
/*************************
    Promotions
********************************/
.p_promotions_wrapper {
    position: relative;
    float: left;
    display: block;
}

.p_promotions_content {
    width: 280px;
    height: 168px;
    padding: 15px 0px 0px 18px;
    border: 1px solid #CCC;
    background-color: #F4F4F4;
}

.p_promotions_item {
    background-color: transparent;
}

.p_promotions_item_title {
    float: left;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 3px;
}

.p_promotions_item_description {
    float: left;
    font-size: 13px;
    margin-bottom: 5px;
    padding-right: 110px;
    line-height: 14px;
}

.p_promotions_item_url {
    background: url('../images/bgr-pinkarrrow.png') no-repeat scroll 100% 59% transparent;
    padding-right: 10px;
    float: left;
    font-weight: bold;
    text-decoration: underline;
}

    .p_promotions_item_url:hover {
        text-decoration: underline;
        color: #333333 !important;
    }

.p_promotions_item_url_area {
    left: 20px !important;
    position: absolute;
    bottom: 0px;
    width: 180px;
    padding: 8px 0px 10px;
    border-top: 1px solid #CCC;
    z-index: 200;
}

    .p_promotions_item_url_area a, .p_promotions_item_url_area a:visited {
        color: rgb(207, 9, 114) !important;
    }

.p_promotions_selector {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 180px;
    padding: 8px 0px 10px;
    border-top: 1px solid #CCC;
}

.content-listing .bx-wrapper .bx-pager a {
    background-image: url("../images/bgr-pagerdotssmall.png") !important;
    width: 7px !important;
    height: 7px !important;
    margin: 0 2px !important;
}

.content-listing .bx-wrapper .bx-default-pager.bx-pager a:hover, .content-listing .bx-wrapper .bx-default-pager.bx-pager a.active {
    background-position: 100% 0px !important;
}

.p_promotions_content .bx-wrapper .bx-wrapper {
    overflow: visible !important;
}

.bx-wrapper .bx-viewport {
    left: -10px !important;
    border-top-style: none !important;
    border-left-style: none !important;
    border-bottom-style: none !important;
    border-right-style: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
}

.p_promotions_content .bx-wrapper .bx-pager {
    width: 160px !important;
    padding: 8px 0px 10px;
    border-top: 1px solid #CCC;
    bottom: 13px;
}

.p_promotions_corner_tr {
    top: 0px;
    right: 0px;
    width: 5px !important;
    height: 5px !important;
    min-height: 5px !important;
    max-height: 5px !important;
    position: absolute;
    background: url("../images/bgr-cornerborder.png") no-repeat scroll 100% 0px transparent;
}

.p_promotions_corner_tl {
    top: 0px;
    left: 0px;
    width: 5px !important;
    height: 5px !important;
    min-height: 5px !important;
    max-height: 5px !important;
    position: absolute;
    background: url("../images/bgr-cornerborder.png") no-repeat scroll 0px 0px transparent;
}

.p_promotions_corner_br {
    bottom: 0px;
    right: 0px;
    width: 5px !important;
    height: 5px !important;
    min-height: 5px !important;
    max-height: 5px !important;
    position: absolute;
    background: url("../images/bgr-cornerborder.png") no-repeat scroll 100% 100% transparent;
}

.p_promotions_corner_bl {
    bottom: 0px;
    left: 0px;
    width: 5px !important;
    height: 5px !important;
    min-height: 5px !important;
    max-height: 5px !important;
    position: absolute;
    background: url("../images/bgr-cornerborder.png") no-repeat scroll 0px 100% transparent;
}

.content-listing .bx-window {
    height: 168px;
}

.content-listing .bx-pager {
    bottom: 15px !important;
}

.content-listing a, .content-listing a:visited {
    color: rgb(207, 9, 114) !important;
}

.graybox .box-in {
    height: 168px;
}
/************************
    @Media Queries
*************************/
@media print {
    .printBTN {
        display: none;
    }

    .t_newsPaggingWrapper {
        display: none;
    }
}

@media only screen and (max-width:640px) {
    .spotlighthomeSmall {
        display: none;
    }

    .spotlighthome {
        display: none;
    }
}

/*===============
    JQTransform
===============*/
form.jqtransformdone label {
    margin-top: 4px;
    margin-right: 8px;
    display: block;
    float: left;
}

form.jqtransformdone div.rowElem {
    clear: both;
    padding: 4px 0px;
}
/* -------------
 * Buttons
 * ------------- */
button.jqTransformButton {
    margin: 0;
    padding: 0;
    border: none;
    background-color: transparent;
    cursor: pointer;
    overflow: visible;
    font-family: Arial;
}

    *:first-child + html button.jqTransformButton[type] {
        width: 1px;
    }
    /* IE7 */

    button.jqTransformButton span {
        background: transparent url(../img/btn_right.gif) no-repeat right top;
        display: block;
        float: left;
        padding: 0px 4px 0px 0px; /* sliding doors padding */
        margin: 0;
        height: 33px;
    }

        button.jqTransformButton span span {
            background: transparent url(../img/btn_left.gif) no-repeat top left;
            color: #333;
            padding: 8px 4px 0px 8px;
            font-weight: normal;
            font-size: 12px;
            line-height: 13px;
            display: block;
            text-decoration: none;
            height: 33px;
        }

/*hover*/
button.jqTransformButton_hover span span {
    background-position: left -33px;
}

button.jqTransformButton_hover span {
    background-position: right -33px;
}

/*clicked*/
button.jqTransformButton_click span span {
    background-position: left -66px;
}

button.jqTransformButton_click span {
    background-position: right -66px;
}

/* IE 6 */
* html button.jqTransformButton {
    height: 33px;
}

* button.jqTransformButton span span {
    height: 25px;
}
/* IE 7 */
* + html button.jqTransformButton {
    height: 33px;
}

* + button.jqTransformButton span span {
    height: 25px;
}


/* -------------
 * Inputs
 * ------------- */
.jqTransformInputWrapper {
    background: transparent url(../img/input/input_text_left.gif) no-repeat left top;
    height: 31px;
    padding: 0;
    float: left;
}

.jqTransformInputInner {
    background: transparent url(../img/input/input_text_right.gif) no-repeat top right;
    padding: 0;
    margin: 0;
}

    .jqTransformInputInner div {
        height: 31px;
        margin: 0px 0px 0px 8px;
    }

        .jqTransformInputInner div input {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
            line-height: 18px;
            vertical-align: middle;
            height: 31px;
            color: #404040;
            border: none;
            padding: 8px 0px 0px 0px;
            margin: 0;
            background: transparent;
        }

        /*  IE6 */
        * html .jqTransformInputInner div input {
            padding: 6px 0 0 0;
            margin: 0 0 0 -8px;
            height: 24px;
        }
        /* Ie7 */
        * + html .jqTransformInputInner div input {
            padding: 6px 0 0 0;
            margin-left: -10px;
            height: 24px;
        }

/*hover*/
.jqTransformInputWrapper_hover {
    background-position: left -31px;
}

    .jqTransformInputWrapper_hover div.jqTransformInputInner {
        background-position: right -31px;
    }

/*focus*/
.jqTransformInputWrapper_focus {
    background-position: left -62px;
}

    .jqTransformInputWrapper_focus div.jqTransformInputInner {
        background-position: right -62px;
    }



.jqTransformSafari .jqTransformInputInner div {
    position: relative;
    overflow: hidden;
    margin: 0px 8px;
}

    .jqTransformSafari .jqTransformInputInner div input {
        background-color: none;
        position: absolute;
        top: -10px;
        left: -2px;
        height: 42px;
        padding-left: 4px;
    }



/* -------------
 * Textarea
 * ------------- */
table.jqTransformTextarea td#jqTransformTextarea-mm textarea {
    font-size: 12px;
    line-height: 16px;
}

table.jqTransformTextarea td {
    font-size: 1px;
    line-height: 1px;
    width: 5px;
    height: 5px;
    margin: 0;
    padding: 0;
}

table.jqTransformTextarea {
}

    table.jqTransformTextarea tr { /*border: 1px solid red;*/
    }

    table.jqTransformTextarea textarea {
        margin: 0;
        padding: 0;
        border: 0;
        background: none;
    }

    table.jqTransformTextarea td#jqTransformTextarea-tl {
        background: url(../img/textarea_tl.gif) no-repeat top left;
    }

    table.jqTransformTextarea td#jqTransformTextarea-tm {
        background: url(../img/textarea_tm.gif) repeat-x top left;
    }

    table.jqTransformTextarea td#jqTransformTextarea-tr {
        background: url(../img/textarea_tr.gif) no-repeat top left;
    }

    table.jqTransformTextarea td#jqTransformTextarea-ml {
        background: url(../img/textarea_ml.gif) repeat-y top left;
    }

    table.jqTransformTextarea td#jqTransformTextarea-mm {
        background: url(../img/textarea-mm.gif) repeat;
    }

    table.jqTransformTextarea td#jqTransformTextarea-mr {
        background: url(../img/textarea_mr.gif) repeat-y top left;
    }

    table.jqTransformTextarea td#jqTransformTextarea-bl {
        background: url(../img/textarea_bl.gif) no-repeat top left;
    }

    table.jqTransformTextarea td#jqTransformTextarea-bm {
        background: url(../img/textarea_bm.gif) repeat-x top left;
    }

    table.jqTransformTextarea td#jqTransformTextarea-br {
        background: url(../img/textarea_br.gif) no-repeat top left;
    }

/*hover*/
table.jqTransformTextarea-hover td#jqTransformTextarea-tl {
    background-position: 0px -5px;
}

table.jqTransformTextarea-hover td#jqTransformTextarea-tm {
    background-position: 0px -5px;
}

table.jqTransformTextarea-hover td#jqTransformTextarea-tr {
    background-position: 0px -5px;
}

table.jqTransformTextarea-hover td#jqTransformTextarea-ml {
    background-position: -5px 0px;
}

table.jqTransformTextarea-hover td#jqTransformTextarea-mm {
    background-image: url(../img/textarea-mm-hover.gif);
}

table.jqTransformTextarea-hover td#jqTransformTextarea-mr {
    background-position: -5px 0px;
}

table.jqTransformTextarea-hover td#jqTransformTextarea-bl {
    background-position: 0px -5px;
}

table.jqTransformTextarea-hover td#jqTransformTextarea-bm {
    background-position: 0px -5px;
}

table.jqTransformTextarea-hover td#jqTransformTextarea-br {
    background-position: 0px -5px;
}

/*focus*/
table.jqTransformTextarea-focus td#jqTransformTextarea-tl {
    background-position: 0px -10px;
}

table.jqTransformTextarea-focus td#jqTransformTextarea-tm {
    background-position: 0px -10px;
}

table.jqTransformTextarea-focus td#jqTransformTextarea-tr {
    background-position: 0px -10px;
}

table.jqTransformTextarea-focus td#jqTransformTextarea-ml {
    background-position: -10px 0px;
}

table.jqTransformTextarea-focus td#jqTransformTextarea-mm {
    background-image: url(../img/textarea-mm-focus.gif);
}

table.jqTransformTextarea-focus td#jqTransformTextarea-mr {
    background-position: -10px 0px;
}

table.jqTransformTextarea-focus td#jqTransformTextarea-bl {
    background-position: 0px -10px;
}

table.jqTransformTextarea-focus td#jqTransformTextarea-bm {
    background-position: 0px -10px;
}

table.jqTransformTextarea-focus td#jqTransformTextarea-br {
    background-position: 0px -10px;
}


table.jqTransformTextarea .jqTransformSafariTextarea div {
    position: relative;
    overflow: hidden;
    border: 0px solid red;
}

table.jqTransformTextarea .jqTransformSafariTextarea textarea {
    background: none;
    position: absolute;
    top: -10px;
    left: -10px;
    padding: 10px 10px 10px 10px;
    resize: none;
}


/* -------------
 * Radios
 * ------------- */
.jqTransformRadioWrapper {
    float: left;
    display: block;
    margin: 0px 0px;
    margin-top: 0px;
}

.jqTransformRadio {
    background: transparent url(../img/bgr-radiobuton.png) 0 0 no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 1px 5px 0 0;
}



/* -------------
 * Checkboxes
 * ------------- */
span.jqTransformCheckboxWrapper {
    display: block;
    float: left;
    margin-top: 5px;
}

a.jqTransformCheckbox {
    background: transparent url(../img/checkbox.gif) no-repeat center top;
    /*vertical-align: middle;*/
    height: 19px;
    width: 18px;
    display: block; /*display: -moz-inline-block;*/
}

/* -------------
 * Checked - Used for both Radio and Checkbox
 * ------------- */

/*a.jqTransformChecked { background-position: center bottom;}*/
a.jqTransformChecked {
    background-position: 0 -35px;
}



/* -------------
 * Selects
 * ------------- */
.jqTransformSelectWrapper {
    width: 45px;
    position: relative;
    height: 31px;
    background: url(../img/select_left.gif) no-repeat top left;
    float: left;
}

    .jqTransformSelectWrapper div span {
        font-size: 12px;
        float: none;
        position: absolute;
        white-space: nowrap;
        height: 31px;
        line-height: 15px;
        padding: 8px 0 0 7px;
        overflow: hidden;
        cursor: pointer;
    }

    .jqTransformSelectWrapper a.jqTransformSelectOpen {
        display: block;
        position: absolute;
        right: 0px;
        width: 31px;
        height: 31px;
        background: url(../img/select_right.gif) no-repeat center center;
    }

    .jqTransformSelectWrapper ul {
        position: absolute;
        width: 43px;
        top: 30px;
        left: 0px;
        list-style: none;
        background-color: #FFF;
        border: solid 1px #CCC;
        display: none;
        margin: 0;
        padding: 0;
        height: 150px;
        overflow: auto;
        overflow-y: auto;
        z-index: 10;
    }

        .jqTransformSelectWrapper ul a {
            display: block;
            padding: 5px;
            text-decoration: none;
            color: #333;
            background-color: #FFF;
            font-size: 12px;
        }

            .jqTransformSelectWrapper ul a.selected {
                background: #EDEDED;
                color: #333;
            }

                .jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {
                    background: #3582c4;
                    color: #fff;
                }



/*******************************
	FORMS SELECT
*******************************/
.jqTransformSelectWrapper {
    width: 45px;
    position: relative;
    height: 30px;
    float: left;
    background: url(../img/bgr-select-white.png) no-repeat 0 0;
    margin-right: 28px;
}

    .jqTransformSelectWrapper div span {
        float: none;
        left: 0;
        position: absolute;
        white-space: nowrap;
        height: 28px;
        line-height: 28px;
        padding: 0 0 0 10px;
        overflow: hidden;
        cursor: pointer;
        font-size: 13px;
        color: #333;
    }

    .jqTransformSelectWrapper a.jqTransformSelectOpen {
        display: block;
        position: absolute;
        right: -28px;
        width: 28px;
        height: 38px;
        background: url(../img/bgr-select-white.png) no-repeat 100% 0;
    }

    .jqTransformSelectWrapper ul {
        position: absolute;
        width: 43px;
        top: 28px;
        left: 4px;
        list-style: none;
        background-color: #eaeaea;
        border: solid 1px #d9d6d6;
        display: none;
        margin: 0;
        padding: 0;
        height: 150px;
        overflow: auto;
        overflow-x: hidden;
        z-index: 99;
    }

        .jqTransformSelectWrapper ul li {
            float: left;
            width: 100%!important;
            overflow: hidden;
            padding: 0!important;
            margin: 0!important;
            line-height: normal!important;
        }

        .jqTransformSelectWrapper ul a {
            display: block;
            padding: 3px 10px;
            text-decoration: none;
            font-size: 12px;
            white-space: nowrap;
            overflow: hidden;
        }

            .jqTransformSelectWrapper ul a.selected,
            .jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {
                background: #bed5d5;
                color: #02181c;
            }

.jqTransformSelectOpen {
    background-position: 0 100%;
}

    .jqTransformSelectOpen a.jqTransformSelectOpen {
        background-position: 100% 100%;
    }

    .jqTransformSelectOpen div span {
        color: #000000;
    }


.selectwhite .jqTransformSelectWrapper {
    height: 30px;
    background-image: url(../img/bgr-select-white.png);
}

    .selectwhite .jqTransformSelectWrapper div span {
        height: 30px;
        line-height: 30px;
        font-size: 12px;
    }

    .selectwhite .jqTransformSelectWrapper .jqTransformSelectOpen {
        background-image: url(../img/bgr-select-white.png);
    }

    .selectwhite .jqTransformSelectWrapper ul {
        top: 29px;
        background-color: #fff;
    }

.selectwhitesmall .jqTransformSelectWrapper {
    height: 25px;
    background-image: url(../img/bgr-select-white-small.png);
}

    .selectwhitesmall .jqTransformSelectWrapper div span {
        height: 25px;
        line-height: 25px;
        font-size: 12px;
        color: #666;
        padding-left: 7px;
    }

    .selectwhitesmall .jqTransformSelectWrapper .jqTransformSelectOpen {
        background-image: url(../img/bgr-select-white-small.png);
        height: 25px;
    }

    .selectwhitesmall .jqTransformSelectWrapper ul {
        top: 24px;
        background-color: #fff;
    }


.selectdark .jqTransformSelectWrapper {
    height: 27px;
    background-image: url(../img/bgr-select-dark.png);
}

    .selectdark .jqTransformSelectWrapper div span {
        height: 27px;
        line-height: 27px;
        font-size: 13px;
        color: #999;
    }

    .selectdark .jqTransformSelectWrapper .jqTransformSelectOpen {
        background-image: url('../img/bgr-select-dark.png');
    }

    .selectdark .jqTransformSelectWrapper ul {
        top: 27px;
        background-color: #fff;
    }

/* -------------
 * Hidden - used to hide the original form elements
 * ------------- */
.jqTransformHidden {
    display: none;
}

/* Marko */
#at15s.atm { /*display: block!important;
	top: 300px!important;*/
}

body {
    -webkit-overflow-scrolling: touch;
    min-height: inherit!important;
    height: auto!important;
    overflow: scroll !important;
}

html {
    height: auto!important;
}

.t_ota_greenbox579 {
    margin: 10px!important;
}


/*==== CLASS5 CONTRACT NO ======*/
.t_contractno_div_ddl {
    float: left;
    margin-left: 20px;
}

/*==== CLASS5 WHOLE CONTROL WRAPPER ====*/
.z_class5_control_wrapper {
    clear: both;
    font-size: 13px;
}

/*===== CLASS5 CONTROL HEADER ======*/
.z_class5_header_title_wrapper {
}

.z_class5_header_title_label {
}

/*==== CLASS5 THE CONTENTS OF THE CONTROL (ROUND BOX)*/
.z_class5_contents_wrapper {
    position: relative;
}

.z_rounded_box_light {
    background-color: #ebf7f4;
    border: 1px solid #24a988;
    padding: 20px;
}

.z_rounded_box {
    border: 1px solid #24a988;
    background-color: #ebf7f4;
}

/*==== CLASS5 SUBSCRIBER NUMBER SELECTION ====*/
.z_class5_subscriber_number_selection_wrapper {
    clear: both;
}

.z_class5_subscriber_number_selection_label_wrapper {
    float: left;
    margin-right: 10px;
}

.z_class5_subscriber_number_selection_label {
    display: block;
    font-size: 14px;
    font-weight: bold;
    width: 100%;
    padding-bottom: 5px;
}

.z_class5_subscriber_number_selection_list_box_wrapper {
    float: left;
    margin-right: 10px;
    font-size: 12px !important;
    font-family: Arial;
    margin-left: 5px;
}

.z_class5_subscriber_number_selection_list_box {
    width: 117px;
    border-radius: 4px;
}

.z_class5_subscriber_number_selection_text_box_wrapper {
    float: left;
    margin-left: 18px;
}

.z_class5_subscriber_number_selection_text_box {
    padding: 6px 10px;
    background-image: url('../img/input-113x30.png');
    background-color: transparent !important;
    height: 26px;
    width: 103px;
    font-size: 13px !important;
    float: left;
    display: block;
    border-left-style: none !important;
    border-left-color: transparent !important;
    border-left-width: medium !important;
    border-right-style: none !important;
    border-right-color: transparent !important;
    border-right-width: medium !important;
    border-top-style: none !important;
    border-top-color: transparent !important;
    border-top-width: medium !important;
    border-bottom-style: none !important;
    border-bottom-color: transparent !important;
    border-bottom-width: medium !important;
}

.z_class5_get_services_error_wrapper {
    color: red;
    clear: both;
}
/*=== PROFILE SERVICES GRID =====*/
.z_class5_profile_services_grid_wrapper {
    position: relative;
}

.z_class5_profile_services_header_row {
    background-color: #009b74;
    padding: 10px 10px 10px 20px;
    font-size: 15px;
    height: 27px;
    outline-color: transparent;
    font-family: Arial, Helvetica, sans-serif;
    color: rgb(51, 51, 51);
}

.z_class5_profile_services_table_header_label {
    color: white;
}

.z_class5_repeater_wrapper {
}

.z_class5_service_row_wrapper {
    background-color: rgb(235, 247, 244); /*height: 24px;*/
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 13px;
}

    .z_class5_service_row_wrapper label {
        margin-left: 10px;
    }

.z_class5_service_alternating_row_wrapper {
    background-color: white; /*height: 24px;*/
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 13px;
}

    .z_class5_service_alternating_row_wrapper label {
        margin-left: 10px;
    }

/*==== CLASS5 BUTTON COMMANDS ======*/
.z_class5_button_commands_wrapper {
}

.z_class5_button_update_wrapper {
    margin-top: 20px;
}

.z_class5_button_update {
    background: url("../img/btn-login.png") no-repeat;
    width: 84px !important;
    height: 32px;
    margin: 2px;
    font-size: 13px !important;
    font-weight: bold !important;
    color: white !important;
    text-align: center;
    background-color: transparent !important;
    border: none !important;
    cursor: pointer;
}

/*====== CHANGE SIM ========*/
.p_change_sim_wrapper {
}

.p_change_sim_content {
}

.p_change_sim_row {
    padding-bottom: 8px;
    padding-top: 8px;
    clear: both;
}

.p_change_sim_label {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 5px;
    float: left;
    display: block;
    width: 200px;
}

.p_change_sim_textbox {
    padding: 6px 10px;
    background-image: url('../images/input-265x30.png');
    background-color: transparent !important;
    height: 26px;
    width: 255px;
    font-size: 13px !important;
    float: left;
    display: block;
    border-left-style: none !important;
    border-left-color: transparent !important;
    border-left-width: medium !important;
    border-right-style: none !important;
    border-right-color: transparent !important;
    border-right-width: medium !important;
    border-top-style: none !important;
    border-top-color: transparent !important;
    border-top-width: medium !important;
    border-bottom-style: none !important;
    border-bottom-color: transparent !important;
    border-bottom-width: medium !important;
}

.p_change_sim_submit {
    height: 32px !important;
    width: 84px;
    font-size: 13px !important;
    font-weight: bold;
    color: white !important;
    margin: 0px !important;
    padding: inherit !important;
    background-image: url("../images/btn-login.png");
    background-color: transparent !important;
    border-color: transparent !important;
    border-width: medium !important;
    border-style: none !important;
    cursor: pointer;
}

.p_change_sim_message {
    font-size: 13px;
}

.p_change_sim_required_field {
    padding-left: 200px;
    float: left;
    display: block;
    clear: both;
}

.p_change_sim_transform_dropdown {
    float: left;
    display: block;
    width: 265px;
}

    .p_change_sim_transform_dropdown .jqTransformSelectWrapper {
        width: 238px !important;
    }

        .p_change_sim_transform_dropdown .jqTransformSelectWrapper div span {
            width: 238px !important;
        }

        .p_change_sim_transform_dropdown .jqTransformSelectWrapper ul {
            width: 258px !important;
            left: 3px;
            top: 29px;
        }

            .p_change_sim_transform_dropdown .jqTransformSelectWrapper ul li a {
                font-size: 13px;
            }

.p_change_sim_dropdown {
}

/*----- Prepaid number fix ------*/
.z_prepaid_payment_number_selection_list_box {
    border-radius: 3px;
    font-size: 13px !important;
}

.z_pp_topup_ccdc_grid_header_row {
    height: 35px !important;
}

.z_grid_footer_amount_column {
    margin-right: 13px !important;
}

/*----- POSTPAID number fix ------*/
.t_online_boxin_header_phone {
    text-align: center;
}

.t_online_label_2 {
    padding-left: 4px !important;
    display: block !important;
}

.t_online_boxin_header {
    text-align: center !important;
    height: 36px !important;
}

.t_onlinepayment_listbox {
    border-radius: 3px !important;
    width: 113px !important;
    height: 77px !important;
    margin-left: 4px !important;
    font-size: 13px !important;
}

.t_onlinepayment_input113_auto {
    margin-left: 17px !important;
}

.t_online_boxin_header_row {
    text-align: right;
}

/*------ CONTRACTS ------*/
.p_contracts_billing_details_header_cell {
    text-align: center !important;
}

.p_contracts_billing_details_header_last_cell {
    text-align: center !important;
}

/*------ progress bar fixes ---------*/
.t_pckgallowance_itemheader {
    padding-left: 10px !important;
    font-size: 13px !important;
    display: block !important;
    float: left !important;
    min-width: 120px !important;
}

.t_pckgallowance_progressbar {
    width: 381px !important;
    background-color: #71B27F !important;
    margin-top: -24px !important;
    margin-left: 205px !important;
    background-image: none !important;
}

.t_pckgallowance_progressbar .ui-progressbar-value {
        background-color: #b27184;
    }

.k_package_allowance_legend_row {
    padding-top: 20px !important;
}

/*----- Location finder ------*/
.locfinder {
    margin-top: -71px;
    float: left;
    margin-left: 159px;
}
/*------ Bundle select box fix -----*/
.k_numbers_under_contract_list_box {
    border-radius: 4px !important;
    font-size: 13px !important;
    width: 100px !important;
}

.k_antispam_header_row h2 {
    color: #fff !important;
}

/*------------Payment fix------------*/
.p_contract_payment_radio_button_list {
    float: left !important;
    width: 220px !important;
}

.t_online_label_hidden {
    visibility: hidden !important;
    display: block !important;
}


/*------------------- Survey fix --------------------*/
.z_survey_question_header_wrapper {
    background-color: #00a774;
    background-color: inherit;
}

    .z_survey_question_header_wrapper .z_clear {
        margin-bottom: 0px;
    }

.z_survey_question_order_number_wrapper {
    float: left;
    margin: 5px;
    color: black;
    font-weight: bold;
    font-size: 14px;
}

.z_survey_question_text_wrapper {
    float: left;
    margin: 5px;
    color: black;
    font-weight: bold;
    font-size: 14px;
}

.z_survey_choices_grid_wrapper {
    margin: 0 auto;
    border: none;
    margin-left: 10px;
    background-color: White;
    background-color: inherit;
    width: 100%;
}

.z_survey_choice_text_column {
    padding-left: 5px;
    vertical-align: top;
    border-width: 0px;
    padding-top: 4px;
    position: relative;
    top: -6px;
}

.z_survey_free_text_question_answer {
    width: 87%;
    border-radius: 5px;
}

.z_survey_choices_grid_view {
    width: auto;
    background-color: inherit;
    padding-right: 20px;
    margin-bottom: 10px;
}

.z_survey_question_wrapper {
    margin-bottom: 20px;
}

.z_SurveySolverQuestions .z_survey_question_wrapper:last-child {
    border-bottom: 1px solid #ccc;
    margin-bottom: 0px;
}

.z_SurveySolverSubmitWrapper {
    text-align: left;
}

.z_SurveySolverSubmitButton {
    margin-bottom: 0px;
}

.z_survey_free_text_question_answer_wrapper {
    margin: 0;
    position: relative;
    left: 10px;
}

/*==================================*/
/* ADDITIONAL QUIZ CSS*/
/*==================================*/
.z_quiz_completed_wrapper {
    background-color: #ebf7f4;
    border-color: #24a988;
    border-style: solid;
    border-width: 1px;
    padding: 20px;
    border-radius: 5px;
    width: 500px;
    width: inherit;
}

.z_quiz_completed_page_wrapper {
    margin: 20px;
}

.z_quiz_completed_cell_label {
    float: left;
    width: auto;
    font-weight: bold;
    text-align: left;
}

.z_quiz_completed_cell_control {
    float: left;
    width: auto;
    text-align: left;
}


.z_quiz_participant_data_text_box {
    padding: 6px 10px;
    background-image: url('../images/input-113x30.png');
    background-color: transparent !important;
    height: 26px;
    width: 103px;
    font-size: 13px !important;
    float: left;
    display: block;
    border-left-style: none !important;
    border-left-color: transparent !important;
    border-left-width: medium !important;
    border-right-style: none !important;
    border-right-color: transparent !important;
    border-right-width: medium !important;
    border-top-style: none !important;
    border-top-color: transparent !important;
    border-top-width: medium !important;
    border-bottom-style: none !important;
    border-bottom-color: transparent !important;
    border-bottom-width: medium !important;
}
    /*this is the class which hides the X button in IE text fields because the empty field validation doesn't work when the field is cleared like this*/
    .z_quiz_participant_data_text_box::-ms-clear {
        display: none !important;
    }

.z_quiz_submit_participant_button,
.z_quiz_review_choices_button {
    background: url("../images/btn-login.png") no-repeat;
    width: 84px !important;
    height: 32px;
    margin: 2px;
    font-size: 13px !important;
    font-weight: bold !important;
    color: white !important;
    text-align: center;
    background-color: transparent !important;
    border: none !important;
    cursor: pointer;
}

table[id="tblParticipantData"] tr[id="header"] td {
    padding-bottom: 20px;
}

table[id="tblParticipantData"] tr td[class="z_quiz_label"] {
    width: 130px;
    vertical-align: top;
    font-weight: bold;
    font-size: 13px;
}

table[id="tblParticipantData"] tr td[class="z_quiz_textbox"] {
    width: 130px;
    padding-bottom: 20px;
}

table[id="tblParticipantData"] tr[id="commands"] td {
    padding-top: 20px;
}

table[id="tblParticipantData"] span[class="z_error_message"] { /*	height:50px;*/
    display: block;
    clear: both;
}

table[id="tblParticipantData"] tr:nth-child(4) {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #d7d7d7;
}


table[id="tblQuizCompletedIncorrectly"] tr td {
    text-align: center;
}



/*==================================*/
/* ADDITIONAL QUIZ SOLVER CSS*/
/*==================================*/
.z_quiz_question_header_wrapper {
    font-size: 13px;
    background-color: #00a774;
    background-color: inherit;
}

    .z_quiz_question_header_wrapper .z_clear {
        margin-bottom: 0px;
    }

.z_quiz_question_order_number_wrapper {
    float: left;
    margin: 5px;
    color: black;
    font-weight: bold;
    font-size: 14px;
}

.z_quiz_question_text_wrapper {
    float: left;
    margin: 5px;
    color: black;
    font-weight: bold;
    font-size: 14px;
}

.z_quiz_choices_grid_wrapper {
    border: none;
    margin-left: 10px;
    background-color: inherit;
    width: 100%;
}

.z_quiz_choice_text_column {
    padding-left: 5px;
    vertical-align: top;
    border-width: 0px;
    padding-top: 4px;
    position: relative;
    top: -2px;
}

.z_quiz_choices_grid_view {
    margin: 0 auto;
    margin-bottom: 10px;
    width: 100%;
    background-color: #ffffff;
    background-color: inherit;
    padding-right: 20px;
    border: none;
}

.z_quiz_question_wrapper {
    margin-bottom: 20px;
}

.z_QuizSolverQuestions .z_quiz_question_wrapper:last-child {
    border-bottom: 1px solid #ccc;
    margin-bottom: 0px;
}

.z_quiz_solver_submit_button_wrapper {
    height: 31px;
    margin-top: 13px;
}

    .z_quiz_solver_submit_button_wrapper input {
        float: left;
    }

.z_quiz_choices_grid_view_correct_question {
    margin-bottom: 10px;
    width: 90%;
    border: none;
    background-color: #91ff91;
    border-radius: 10px;
}

.z_quiz_choices_grid_view_incorrect_question {
    width: 90%;
    border: none;
    background-color: #FFb0b0;
    margin-bottom: 10px;
    border-radius: 10px;
}

.z_quiz_radio_button_column {
    width: 25px;
    vertical-align: top;
    border-width: 0px;
    padding-bottom: 7px;
    padding-left: 5px;
    padding-top: 3px;
}

.z_quiz_check_box_column {
    width: 25px;
    vertical-align: top;
    border-width: 0px;
    padding-top: 7px;
    padding-left: 6px;
    padding-bottom: 4px;
}

/* Home promo boxes */
.p_promotions_item_image {
    position: absolute;
    bottom: 2px;
    right: 0px;
    z-index: 1;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 80px;
}

#s4-workspace {
    overflow: inherit;
    font: 62.5% Arial, Helvetica, sans-serif;
}

/*MY Zain Welcome message*/
#divWellcomeNoteWrapper span {
	font: 14px Arial;
}


/* Quick Pay Fix */
#ctl00_SPWebPartManager1_g_6a576032_f3fd_40cc_b1f4_12df93d75271_ctrPrepaidQuickPayment_lblPleaseEnterCaptchaValue {
	display: block;
}

.z_payment_receipts_from_label_wrapper span {
	font: 12px Arial;
}
.z_payment_receipts_to_label_wrapper span {
	font: 12px Arial;
}

/* QUIZ fix */
.z_quiz_question_wrapper .z_quiz_choices_grid_wrapper {
	margin-left: 0!important;
}

.z_survey_choices_grid_wrapper {
	margin-left: 0;
}

.z_survey_command_save_wrapper { display: block; margin: 5px!important; }
.z_survey_command_publish_wrapper { display: block; margin: 5px!important; }
.z_survey_command_delete_wrapper { display: block; margin: 5px!important; }

.z_form_commands_wrapper input { background-color: #ccc; border: 1px solid #666; }

.p_billing_summary_back {
	top: 0!important;
}

/* Quick pay */
.p_postapaid_quickpay_table_row td, .p_prepaid_quickpay_payment_table_row td {
    border-right: none!important;
}
.p_postapaid_quickpay_table_alternating_row td:last-child, .p_prepaid_quickpay_payment_table_alternating_row td:last-child {
    border-right: none!important;
}
#divPostapaidQuickpayData .p_packageinfo_content {
	border: none!important;
}

.p_prepaid_quickpay_payment_row .p_prepaid_quickpay_submit {
	padding: 0!important;
}
.p_postapaid_quickpay_table_header th, .p_prepaid_quickpay_payment_table_header th {
    border-right: none!important;
}
.p_einvoice_registration_subscribe_title, .p_einvoice_registration_einvoice_mail_title {
    padding-top: 6px;
}


/*  After Golivefixes */
.ms-srch-item-body {font-size:13px;}
.z_profile_edit_content_header_wrapper {font-size:13px;}
.p_postapaid_quickpay_table_row td, .p_prepaid_quickpay_payment_table_row td {border-right: 1px solid #99D7C7 !important;}
.k_numbers_under_contract_text_box {width: 138px !important; border-radius: 5px; font-size:13px;}
.k_antispam_label_info {font-size: 13px !important;color: #fff;}
.z_number_selection_list_box {font-size: 13px !important;border-radius: 5px;}
.p_change_sim_label {width: 154px !important;}
.z_pay_rcpts_details_pay_alloc_item {text-align: right;}
.t_onlinepayment_greenbox .t_onlinepayment_boxin .t_onlinepayment_gv tr td {padding: 5px !important;}
.t_onlinepayment_greenbox {margin-left: -14px !important;}




/* ### PACCKAGE ALLOWANCE ADDITIONAL */
.t_pckgallowance_wrapper {
    /*width: 650px;
    margin-top: 0px !important;
    border-color: #009b74;
    border-width: 1px;
    border-style: solid;
    background-color: rgb(235, 247, 244);
    float: left;*/
    margin-top: 15px !important;
    float: none !important;
    border:none;
    width:621px;
    background:none;
}

    .t_pckgallowance_wrapper h2 {
        font-size: 14px;
        font-weight: bold;
        /*padding-top: 20px;*/
        padding-top: 0px;
        /*padding-left: 19px;*/
        padding-left: 0px;
        color: black;
    }

.t_pckgallowance_div {
    width: 609px;
    /*padding: 19px;*/
    /*padding: 0px;*/
    background-color: #ebf7f4;
    margin-left: -10px;
}

/*.t_pckgallowance_lbtwo {
    padding-right: 20px;
    font-size: 13px;
    display: block;
    float: left;
}*/

.t_pckgallowance_rectangle_used {
    width: 16px;
    height: 30px;
    background-color: #b27184;
    float: left;
    margin-bottom: 10px;
}

    .t_pckgallowance_rectangle_used span {
        padding-left: 20px;
    }

.t_pckgallowance_rectangle_free {
    width: 16px;
    height: 30px;
    background-color: #71b27f;
    float: left;
    margin-left: 85px;
    margin-bottom: 10px;
}

    .t_pckgallowance_rectangle_free span {
        padding-left: 20px;
    }


.ui-widget-header {
    background-image: none !important;
}

/* MESSAGE */
.k_package_allowance_last_row {
    clear: both;
}

.k_package_allowance_message_label {
    font-size: 13px;
}

.k_package_allowance_error_label {
}

.k_package_allowance_notification_message_row {
    clear: both;
}

.k_package_allowance_notification_message_label {
    font-size: 14px;
}

.k_package_allowance_legend_row {
    width: 418px;
    overflow: hidden;
    clear: both;
}

.k_package_allowance_legend_consumed {
    width: 25px;
    float: left;
}

.k_package_allowance_legend_remaining {
    float: left;
    /*overflow: hidden; /* if you don't want #second to wrap below #first */ */;
}



.p_packageinfo_header_row {
    background-color: #009B74;
    font-size: 15px;
    font-family: Arial,Helvetica,sans-serif;
    color: #333;
    line-height: 27px;
    padding: 10px 10px 10px 20px;
}

.p_packageinfo_heafer_label {
    color: #FFF;
    font-weight: 400;
}

.p_packageinfo_table_alternating_row {
    background-color: #EBF7F4;
}

.p_packageinfo_table_row {
    background-color: #FFF;
}

.p_packageinfo_table_item_title {
    border-right: 1px solid #009B74;
    padding: 10px;
    font-size: 13px;
    text-align: left;
    vertical-align: top;
    width: 50%;
}

.p_packageinfo_table_item_value {
    padding: 10px;
    font-size: 13px;
    text-align: left;
    vertical-align: top;
}

.p_packageinfo_row_title {
    margin-left: 10px;
}

.p_packageinfo_row_value {
}

/*========================*/
/*========================*/
.t_pckgallowance_item {
    /*vertical-align: middle;*/
    padding-top: 8px;
    padding-bottom: 8px;
    margin-bottom: 25px;
}

.t_pckgallowance_itemheader_wrapper {
    float: left;
    /*background-color:blue;*/
    margin-right: 10px;
    margin-left: 0px;
    width: 163px;
}

.t_pckgallowance_itemheader {
    font-size: 13px;
    /*display: block;*/
    /*float: none;*/
    /*min-width: 217px;*/
    /*min-width: 160px;*/
}

.t_pckgallowance_lbone_wrapper {
    float: left;
    /*background-color:orange;*/
    width: 100px;
    overflow: visible;
    /* word-wrap: break-word; */
}

.t_pckgallowance_lbone {
    font-size: 13px;
    /*display: block;*/
    /*float: left;*/
    /* overflow-wrap: break-word; */
}

.t_pckgallowance_container {
    /*width: 100%;*/
    /*width: 100%;*/
    /* background-color: red; */
    /*border: 2px solid black;*/
    float: left;
    /*float:right;*/
    width: 315px;
}


.k_package_allowance_container_consumed {
    width: 25px;
    float: left;
}

.k_package_allowance_container_free {
    width: 10px;
    float: left;
}

.k_package_allowance_container_remainder {
    /*width: 100%;*/
    /*float: left;*/
    padding-bottom: 4px;
}

.t_pckgallowance_progressbar {
    /*width: 355px !important;*/
    width: 315px !important;
    background-color: #71b27f;
    margin-top: -5px !important;
    margin-left: 0px !important;
    background-image: none;
}

    .t_pckgallowance_progressbar .ui-progressbar-value {
        background-color: #b27184;
        padding-top: 1%;
    }


.t_pckgallowance_progressbar_span {
    /*display: block;
        position: absolute;
        text-align: center;*/
    text-align: center;
    padding-top: 2%;
    /*padding-left: 35%;*/
    /*background-color: blueviolet;*/
}

.sedco-button {
    display: block;
    width: 46px;
    height: 46px;
    float: left;
    margin-left: 302px;
}
/**** MYZAIN BANNER ***/
.myzainbanner_en
{
	background:url('/_catalogs/masterpage/Zain Branding/images/Banner 940X90.png');
	width:940px;
	height:90px;
}

.p_login_required_field
{
	background: url("/_catalogs/masterpage/Zain Branding/images/bgr-greenstar.png") repeat scroll 0% 0% transparent;
	width: 9px;
	height: 9px;
	float: left;
	display: block;
	margin-top: 3px;
	margin-left: 2px;
}

.p_login_message_row_wrapper
{
	height: 20px !important;
	font-size: 11px;
}

.p_login_message_left_part
{
	float: left;
}

.p_login_message_right_part
{
	margin-left: 2px;
}

.p_login_fields_row_wrapper
{
    margin-top: 10px;
    height: 60px !important;
}

.p_login_links_row_wrapper
{
    margin-top: 10px;
    height: 30px !important;
}

.p_login_left_column_wrapper {
    float: left;
    margin-right: 20px;
    width: 276px;
    border: medium none;
}

.p_login_right_column_wrapper {
    float: left;
    width: 276px;
}

#wrapperLoginControl .error
{
    font-size: 11px;
}

/* Changes on Payment page 16.09.2015. Main.css*/
.payment-en {
	width: 48%; 
	line-height: 26px; 
	font-size: 16px; 
	float: left;
}

.payment-ar {
	width: 48%; 
	line-height: 26px; 
	font-size: 18px; 
	float: right; 
	direction: rtl;
}

.payment-en-text {
	margin-top: 8px !Important;
    line-height: 26px !Important;
    font-size: 16px !Important;
}

.payment-ar-text {
	margin-top: 8px !Important;
    line-height: 26px !Important;
    font-size: 18px !Important;
}

.payment-en input[name="quickpay"] {
	background: url("http://www.bh.zain.com/_catalogs/masterpage/zain%20branding/images/btn-quickpay.png") no-repeat; 
	width: 126px; 
	padding-top: 0px; 
	margin-top: 10px;
	float: left;	
	cursor: pointer;
}

.payment-ar input[name="quickpay"] {
	background: url("http://www.bh.zain.com/_catalogs/masterpage/zain%20branding/images/btn-quickpay.png") no-repeat; 
	width: 126px; 
	padding-top: 0px; 
	margin-top: 10px; 
	float: right; 
	cursor: pointer;
}

/* End */

/*choose location in Location Finder*/
[id$=divKioskLocationsWrapper]{
    margin-top: 73px;
}

/*location list in Location Finder*/
[id$=b_divLocations]{
    margin-top: 50px;
}

/*HBB Throttling fix*/

#ctl00_SPWebPartManager1_g_d228e0f4_d8cd_401d_9145_46de783b0eda_ctrlThrottlingControl_rptServices_ctl00_panel{
	display:none;
}
#ctl00_SPWebPartManager1_g_d228e0f4_d8cd_401d_9145_46de783b0eda_ctrlThrottlingControl_lblServicesMessage{
	display:none;
}
#ctl00_SPWebPartManager1_g_d228e0f4_d8cd_401d_9145_46de783b0eda_ctrlThrottlingControl_rptBundles_ctl04_panelPanel{
	display:none;
}
#ctl00_SPWebPartManager1_g_d228e0f4_d8cd_401d_9145_46de783b0eda_ctrlThrottlingControl_rptBundles_ctl04_panel{
	height:0px;
	display:none;
}
#ctl00_SPWebPartManager1_g_d228e0f4_d8cd_401d_9145_46de783b0eda_ctrlThrottlingControl_rptBundles_ctl04_lblDescription{
	display:none;
}
.p_throttling_item{
	margin-top:0px !important;
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
	padding-top: 0px !important;
}
.p_throttling_item_panel{
	margin-bottom:10px !important;
}
.p_throttling_item_panel_disabled{
	display:none !important;
}
#ctl00_SPWebPartManager1_g_d228e0f4_d8cd_401d_9145_46de783b0eda_ctrlThrottlingControl_rptBundles_ctl03_lblDescription{
	display:none !important;
}
