/**
 * Global
 */
.hides {
    display:none;
    }

.red {
    color:#f00;
    }

.even {
    background:#f0f0f0;
    }

.odd {
    background:#fbfbfb;
    }

/* Webinar's date-lister */
.webinars-lister {
    clear:both;
    height:34px;
    margin:15px 0 10px;
    padding:0;
    list-style-type:none;
    }
    .webinars-lister li {
        overflow:hidden;
        _zoom:1;
        }
.date-lister {
    float:left;
    width:30%;
    height:22px;
    margin-top:12px;
    padding:0;
    text-align:center;
    line-height:22px;
    background:transparent url(/_img/module/mod_webinars_new/tabs-sprt.png) 0% 0% no-repeat;
    }

.date-lister.date-past {
    background-position:0% -291px;
    }

.date-lister.date-now {
    width:40%;
    height:34px;
    line-height:36px;
    margin-top:0;
    font-size:18px;
    line-height:30 px;
    color:#6d6c6c;
    background-position:0 -356px;
    }

.date-lister.date-now span {
    display:block;
    margin-left:8px;
    padding-right:8px;
    height:34px;
    background:transparent url(/_img/module/mod_webinars_new/tabs-sprt.png) 100% -392px no-repeat;
    }

.date-lister.date-future {
    background-position:100% -325px;
    }

.date-lister a:link, .date-lister a:visited {
    color:#656565;
    }

.date-lister a:hover {
    color:#f60;
    }
    .date-lister-bg-left {
        display:block;
        margin-left:8px;
        }
    
    .date-lister-bg-right {
        display:block;
        margin-right:8px;
        }

/* Webinar's date */
.webinars-date {
    clear:both;
    padding:25px 0 5px;
    font-size:18px;
    line-height:24px;
    font-weight:normal;
    color:#6d6c6c;
    }

.webinars-date span {
    color:#b4b4b4;
    }
.webinars-date a,
.webinars-date a:hover,
.webinars-date a:active,
.webinars-date a:link,
.webinars-date a:visited{
    color:#b4b4b4;
    text-decoration:none;
    cursor:pointer;
    }
.webinars-date .now {
    color:#ff9900;
    }
/**
 * Webinar's title
 */
/* Webinars's wrapper */
.webinars-wrapper {
    border-bottom:2px solid #f0f0f0;
    padding:0;
    margin:0;
    }
    .webinars-wrapper.webinars-title-first {
        border-top:2px solid #f0f0f0;
        }
/* Webinar's title */
.webinars-title {
    width:100%;
    clear:both;
    height:16px;
    margin:0;
    border-spacing:0;
    font:13px Tahoma, sans-serif;
    font-weight:normal;
    color:#333;
    overflow:hidden;
    }
.webinars-title:hover,.webinars-title.hover {
    background:#fafafa !important;
    }
    .webinar-key {
        background:#fbe2cc !important;
        }

.time {
    width:45px;
    font-weight:bold;
    color:#4d4d4d;
    padding:8px 10px;
    }

.name {
    width:100%;
    padding:8px 8px 8px 0;
    color:#656565;
    }

.name a:link, .name a:visited {
    color:#3476b2;
    }

.name a:hover {
    color:#f60;
    }

.status {
    white-space:nowrap;
    padding:8px 10px 8px 0;
    }

.act-button {
    display:block;
    width:16px;
    height:16px;
    float:right;
    text-indent:-9999px;
    font-size:12px;
    color:#fff;
    background:transparent url(/_img/module/mod_webinars_new/act-buttons.png) 0% -38px no-repeat;
    white-space:nowrap;
    cursor:pointer;
    }

/* Registered webinars */
.registered .act-button {
    width:16px !important;
    text-indent:-9999px !important;
    padding:0 !important;
    background:transparent url(/_img/module/mod_webinars_new/act-buttons.png) 0% -57px no-repeat !important;
    cursor:default !important;
    }

.registered .act-button a {
    display:none !important;
    }

/* Inactive webinar's */
.inactive {
    color:#000;
    background:#fff;
    }

.inactive .time {
    color:#a1a1a1;
    }

.inactive .name a:link, .inactive .name a:visited, .inactive .name a:hover {
    color:#8f8f8f;
    }

.inactive .act-button {
    width:16px !important;
    text-indent:-9999px !important;
    padding:0 !important;
    background:transparent url(/_img/module/mod_webinars_new/act-buttons.png) 0% -76px no-repeat !important;
    cursor:default !important;
    }

.inactive .act-button a {
    display:none !important;
    }

/* Active webinar's */
.ui-state-active .name {
    font-weight:bold;
    }

.ui-state-active .act-button {
    width:auto;
    text-indent:0;
    padding-left:12px;
    background:transparent url(/_img/module/mod_webinars_new/act-buttons.png) 0% -19px repeat-x;
    }

.ui-state-active .act-button a:link, .ui-state-active .act-button a:visited, .ui-state-active .act-button a:hover {
    display:block;
    float:right;
    height:16px;
    padding:0 10px 0 5px;
    color:#fff;
    text-decoration:none;
    background:transparent url(/_img/module/mod_webinars_new/act-buttons.png) 100% 0% repeat-x;
    }

.ui-state-active .act-button a:hover {
    text-decoration:underline;
    }

.ui-state-active .act-button a:active, .ui-state-active .act-button a:focus {
    outline:none;
    }

/**
 * Information about webinars
 */
.webinars-info {
    clear:both;
    margin:0;
    padding:10px 10px 10px 55px;
    }

.webinars-info .webinars-img {
    float:left;
    padding:0 15px 10px 0;
    }

.webinars-info p {
    margin:0;
    padding:0;
    _zoom:1;
    }

/**
 * Registration form
 */
/* Form's description */
.div-webinars-form {
    clear:both;
    display:none;
    margin-top:17px;
    padding:10px 17px;
    font:13px Tahoma, sans-serif;
    color:#333;
    background:#fff;
    }

.div-webinars-form .form-title {
    height:20px;
    padding:0 0 0 20px;
    font-size:18px;
    line-height:20px;
    font-weight:normal;
    color:#333;
    background:transparent url(/_img/module/mod_webinars_new/act-buttons.png) 0% -55px no-repeat;
    }

.div-webinars-form p {
    margin:8px 0;
    }

.div-webinars-form p.grey {
    color:#898989;
    font-size:11px;
    }

.div-webinars-form .error-box {
    padding:10px;
    margin-bottom:5px;
    color:#b22626;
    font-size:13px;
    font-weight:bold;
    background:#f0c8c8;
    border:1px solid #ff8181;
    }

.div-webinars-form .error-box p {
    margin:0;
    }

/* Layouts */
.form {
    margin:0;
    }

.form dl {
    margin:0;
    }

.form dt {
    width:200px;
    line-height:21px;
    text-align:right;
    float:left;
    clear:left;
    padding:5px 7px 0 0;
    }

.form dd {
    overflow:hidden;
    margin:0;
    padding:5px 0;
    _zoom:1;
    }

.form label {
    padding:0;
    margin:0;
    }

.form input.fld {
    width:240px;
    height:16px;
    color:#000;
    line-height:16px;
    margin:0;
    padding:2px;
    border:1px solid #ccc;
    }

.form select.fld {
    width:246px;
    height:22px;
    color:#000;
    border:1px solid #ccc;
    }

.form #div-phoneCode, .form #div-phoneCodeCity, .form #div-phoneNumber {
    float:left;
    width:56px;
    margin:0;
    padding:0 10px 0 0;
    overflow:hidden;
    }

.form #div-phoneNumber {
    width:114px;
    }

.form #phoneCode, .form #phoneCodeCity, .form #phoneNumber {
    width:50px;
    float:left;
    }

.form #phoneNumber {
    width:108px;
    }

.form #div-phoneText {
    float:left;
    width:245px;
    }

.form #note-phoneCode, .form #note-phoneCodeCity, .form #note-phoneNumber {
    display:block;
    width:56px;
    float:left;
    margin:0;
    padding:0;
    font-size:11px;
    }

.form #note-phoneNumber {
    width:114px;
    }

/* Validator */
.form label.error {
    display:block;
    clear:both;
    padding:0;
    color:#f00;
    }

.form #div-phoneCode label.error, .form #div-phoneCodeCity label.error, .form #div-phoneNumber label.error {
    font-size:9px;
    }

/* Submit button */
.form .reg-button {
    padding:4px 10px;
    font-size:14px;
    background:#d3d0c7;
    border:1px solid #ccccca;
    }

/* Loader for selectors */
#countryLoader, #regionLoader, #cityLoader, #adSourceLoader {
    display:inline;
    visibility:hidden;
    vertical-align:middle;
    }

#countryLoader.loading, #regionLoader.loading, #cityLoader.loading, #adSourceLoader.loading {
    visibility:visible;
}
/*
 * Tabs style
 */
.yui-nav {
    float:left;
    clear:both;
    display:inline-block;
    _display:inline;
    _zoom:1;
    margin:0 0 0 -4px;
    padding:0 4px 0 0;
    background:transparent url(/_img/module/mod_webinars_new/tabs-sprt.png) repeat-x 0 -239px;
    width:100%;
    height:37px;
    _height:37px;
    overflow:hidden;
    list-style:none;
    }
.yui-nav li a:link,.yui-nav li a:visited,.yui-nav li a:hover,.yui-nav li a:active {
    text-decoration:none;
    color:#fff;
    }
.yui-nav li.ui-tabs-selected a:link,.yui-nav li.ui-tabs-selected a:visited,.yui-nav li.ui-tabs-selected a:hover,.yui-nav li.ui-tabs-selected a:active {
    text-decoration:none;
    color:#000;
    }
    .yui-nav li {
        float:left;
        margin:0;
        padding:0;
        background:transparent url(/_img/module/mod_webinars_new/tabs-sprt.png) no-repeat 0 -158px;
        height:37px;
        _height:37px;
        color:#000;
        line-height:40px;
        }
        .yui-nav li.first {
            margin:0;
            }
        .yui-nav li a {
            height:37px;
            _height:37px;
            float:left;
            line-height:44px;
            background:transparent url(/_img/module/mod_webinars_new/tabs-sprt.png) no-repeat 100% -197px;
            padding:0 20px 0 10px;
            margin:0 0 0 10px;
            font-size: 0.9em;
            font-family: Arial, Helvetica, Tahoma, sans-serif;
            color:#fff;
            }
        .yui-nav li.ui-state-hover {
            background-position:0 -80px;
            }
            .yui-nav li.ui-state-hover a {
                background-position:100% -119px;
                }
        .yui-nav li.ui-tabs-selected {
            background-position:0 -1px;
            }
            .yui-nav li.ui-tabs-selected a {
                background-position:100% -41px;
                color:#000;
                }
.yui-content {
    padding:5px 15px 15px;
    clear:both;
    border:1px solid #e4e4e4;
    border-top:0;
    background:#fff;
}
    .ui-tabs-panel {
        clear:both;
        }
.hidden {
    display:none;
}