/**
* Global
*/

.hides { display:none; }
.red { color:#f00; }
.even { background:#f0f0f0; }
.odd { background:#fbfbfb; }

/* Webinar's date-lister */
.webinars-lister { clear:both; height:26px; margin:0; padding:0; list-style-type:none; }

.date-lister { float:left; width:30%; height:22px; margin-top:4px; padding:0; text-align:center; line-height:22px; background:transparent url(/_img/module/mod_webinars_new/lister.png) 0% 0% no-repeat; }
.date-lister.date-past { background-position:0% -52px; }
.date-lister.date-now { width:40%; height:26px; margin-top:0; font-size:18px; line-height:26px; color:#6d6c6c; background-position:0% -26px; }
.date-lister.date-now span { display:block; margin-left:5px; background:transparent url(/_img/module/mod_webinars_new/lister.png) 100% 0% no-repeat; }
.date-lister.date-future { background-position:100% -52px; }

.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; background:#ebebeb; }
.date-lister-bg-right { display:block; margin-right:8px; background:#ebebeb; }

/* Webinar's date */
.webinars-date { clear:both; margin:25px 0 5px; font-size:18px; line-height:24px; font-weight:normal; color:#555353; }
.webinars-date span { color:#b3b3b3; }
.webinars-date.now { font-weight:bold; }

/**
* Webinar's title
*/

/* 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; }
.time { width:45px; font-weight:bold; color:#4d4d4d; padding:10px; }
.name { width:100%; padding:10px 8px 10px 0; color:#656565; }
.name a:link,
.name a:visited { color:#656565; }
.name a:hover { color:#f60; }
.status { white-space:nowrap; padding:10px 10px 10px 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 webinars */
.inactive { color:#000; background:#fbfbfb; }
.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 webinars */
.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 #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; }