body {background-color: #f8f8f8; color: #000; margin: 0; text-align: center}
body, p, ol, ul, td, .normal {font-family: helvetica, arial, sans-serif; font-size: 12px; line-height: 18px; *line-height: 17px}
input, textarea, select {font-size: 12px; font-family: helvetica, arial, sans-serif}
@media screen and (-webkit-min-device-pixel-ratio:0) {input, textarea, select {vertical-align: text-bottom}
}
select {padding-top: 1px}
select option {padding-top: 2px}
textarea {padding-top: 1px; resize: none}
form {padding: 0; margin: 0}
h3, h4 {margin: 5px 0 0 0}
ol, ul {margin: 0px; padding: 0 1em}
a img {border: medium none}
a {text-decoration: none; color: #06C}
a:visited {color: #06C}
a:hover {text-decoration: underline}
.select {cursor: pointer; text-decoration: underline; color: #039}
div.auto_complete {width: 350px; background: #fff; border: 1px solid #888; z-index: 10}
div.auto_complete ul {margin: 0; padding: 0; width: 100%; list-style-type: none; color: #000; box-shadow: 0 2px 12px #222; -webkit-box-shadow: 0 2px 12px #222; -moz-box-shadow: 0 2px 12px #222}
div.auto_complete ul li {margin: 1px}
div.auto_complete ul li.selected {background-color: #ffb}
div.auto_complete ul strong.highlight {color: #800; margin: 0; padding: 0}
hr {color: #999; background-color: #999; height: 1px; border: none}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
.clearfix {display: inline-block}
 * html .clearfix {height: 1%}
.clearfix {display: block}
 #flash {color: #666; font-size: 14px; font-weight: bold}
#main {text-align: center; padding-top: 5px}
.inplaceeditor-empty {color: #ccc}
.hint {color: #ccc}
.input_hint {color: #666; font: 11px helvetica, arial, sans-serif; margin-top: 4px; *margin-top: 0}
@media screen and (-webkit-min-device-pixel-ratio:0) {.input_hint {margin-top: 0; font-size: 11px}
}
.error_message {color: #c90000}
.error_message ul {list-style-type: disc;  }
.error_message a {color: #c90000; font-weight: bold}
.text {color: #444}
.alphacube_buttons .ok_button {width: 73px; height: 26px; background: transparent url(/images/done.png) no-repeat top left; text-indent: -9999px; margin: 0; padding: 0; border: 0; float: right; cursor: pointer}
.alphacube_buttons .cancel_button {width: 56px; height: 26px; background: transparent url(/images/cancel.png) no-repeat top left; text-indent: -9999px; margin: 0; padding: 0; border: 0; cursor: pointer}
.editor_ok_button {width: 44px; height: 22px; top: 2px}
.editor_cancel_link {margin-left: 7px; position: relative; vertical-align: top; top: 2px; *top: 3px}
.button {*width: 38px}
@media screen and (-webkit-min-device-pixel-ratio:0) {.editor_ok_button {position: relative; top: 1px; left: 2px}
.editor_cancel_link {top: 3px}
.button {width: 44px}
}
.editor_controls {margin-top: 5px}
.editor_controls .editor_ok_button, .editor_controls .editor_cancel_link {float: right}
.editor_controls .editor_cancel_link {margin-top: 1px; margin-right: 7px; margin-left: 0;  }
@media screen and (-webkit-min-device-pixel-ratio:0) {.editor_controls .editor_ok_button {margin-top: 4px; margin-right: 2px}
.editor_controls .editor_cancel_link {margin-top: 2px; margin-right: 5px}
}
.scroller_show {cursor: pointer}
.small {font: 11px helvetica, arial, sans-serif}
#footer {font: 12px helvetica, arial, sans-serif; color: #666; width: 776px; margin: 0 auto 20px; text-align: center; line-height: 1.3em}
.preload {position: absolute; left: -9999px; top: -9999px; width: 1px; height: 1px}
 div.colorbox-alert {width: 360px; min-height: 60px; position: relative}
div.colorbox-alert .content {text-align: left; padding: 10px}
div.colorbox-alert .buttons {margin: 0px 3px 3px; height: 26px; overflow: hidden}
div.colorbox-alert a.button {display: inline-block; height: 26px; text-align: center; line-height: 26px; margin-left: 10px; float: right}
div.colorbox-alert .buttons a.ok {background: transparent url(/images/event/button_white_73x26.png) no-repeat 0 0; width: 73px; color: white}
div.colorbox-alert a:hover.ok {text-decoration: none}
  .event_button {padding: 0px 1px; height: 19px}
.event_button a {line-height: 19px; *line-height: 18px; padding: 0 15px; min-width: 40px; font-size: 12px}
.event_button {background: transparent url(/images/event/button_outer_white_1x100.png) repeat-x left center; border-top: 1px solid #ececec; border-bottom: 1px solid #dbdbdb}
.event_button a {position: relative; display: block; height: 100%; margin: -1px 0px; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #a3a3a3; background: transparent url(/images/event/button_inner_white_1x100.png) repeat-x left center; text-align: center}
.event_button a {color: #000}
.event_button.disabled a {color: #ccc; cursor: default}
.event_button:hover, #reply_choices .time_buttons li.event_button:active {background-image: url(/images/event/button_hover_outer_white_1x100.png)}
.event_button a:hover, #reply_choices .time_buttons li.event_button a:active {text-decoration: none; background-image: url(/images/event/button_hover_inner_white_1x100.png); border-top-color: #e9e9e9; border-bottom-color: #a9a9a9}
.event_button:active {background-image: url(/images/event/button_down_outer_white_1x128.png)}
.event_button a:active {background-image: url(/images/event/button_down_inner_white_1x128.png); border-top-color: #a4a4a4; border-bottom-color: #cbcbcb}
.event_button.disabled, .event_button.disabled:hover, .event_button.disabled:active, .event_button.black.disabled, .event_button.black.disabled:hover, .event_button.black.disabled:active {background-image: url(/images/event/button_disabled_outer_white_1x100.png); border-top-color: #f2f2f2; border-bottom-color: #dedede}
.event_button.disabled a, .event_button.disabled a:hover, .event_button.disabled a:active, .event_button.black.disabled a, .event_button.black.disabled a:hover, .event_button.black.disabled a:active {background-image: url(/images/event/button_disabled_inner_white_1x100.png); border-top-color: #e5e5e5; border-bottom-color: #bebebe}
.event_button.black {height: 28px}
.event_button.black a {background-image: url(/images/event/button_inner_black_1x28.png); line-height: 30px; color: #fff; font-size: 14px; *font-weight: bold; padding: 0 25px; *line-height: 26px}
@media screen and (-webkit-min-device-pixel-ratio:0) {.event_button.black a {line-height: 26px}
}
.event_button.black a:hover {background-image: url(/images/event/button_hover_inner_black_1x28.png)}
.event_button.black a:active {background-image: url(/images/event/button_down_inner_black_1x28.png)}
 


div.continue_to_google {text-align: right; padding: 1em 0 0}
div.continue_to_google a {text-decoration: none}
div.continue_to_google a img {width: 163px; height: 24px}
.ui-tabs .ui-tabs-nav {list-style: none; padding: 0; height: 46px}
.ui-tabs .ui-tabs-nav li {float: left; height: 29px; margin-bottom: 16px; border-bottom: 1px solid #e6e6e6; background-color: #eee; padding: 0; text-align: center}
.ui-tabs .ui-tabs-nav li.ui-state-hover {background-color: #fff}
.ui-tabs .ui-tabs-nav li.separator {width: 1px; height: 29px; background: #e6e6e6; border-bottom: 1px solid #ededed; margin: 0; padding: 0}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected, .ui-tabs .ui-tabs-nav li.ui-tabs-selected.ui-state-hover {background: transparent url(/images/event/tabs_white_501x76.png) repeat-x center top; height: 46px; margin-bottom: 0; border-bottom: 0}
.ui-tabs .ui-tabs-nav li a {display: block; color: #AAA; text-decoration: none; outline: none; line-height: 30px; *line-height: 27px; min-width: 83px; height: 30px; padding: 0 30px}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-tabs-selected.ui-state-hover a {color: #FFF}
.ui-tabs .ui-tabs-nav li.ui-state-hover a {color: #666}
.ui-tabs .ui-tabs-hide {display: none}


.overlay_dialog {background-color: #666666; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6}
.overlay___invisible__ {background-color: #666666; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0}
.dialog_nw {width: 9px; height: 23px; background: transparent url(default/top_left.gif) no-repeat 0 0}
.dialog_n {background: transparent url(default/top_mid.gif) repeat-x 0 0; height: 23px}
.dialog_ne {width: 9px; height: 23px; background: transparent url(default/top_right.gif) no-repeat 0 0}
.dialog_e {width: 2px; background: transparent url(default/center_right.gif) repeat-y 0 0}
.dialog_w {width: 2px; background: transparent url(default/center_left.gif) repeat-y 0 0}
.dialog_sw {width: 9px; height: 19px; background: transparent url(default/bottom_left.gif) no-repeat 0 0}
.dialog_s {background: transparent url(default/bottom_mid.gif) repeat-x 0 0; height: 19px}
.dialog_se {width: 9px; height: 19px; background: transparent url(default/bottom_right.gif) no-repeat 0 0}
.dialog_sizer {width: 9px; height: 19px; background: transparent url(default/sizer.gif) no-repeat 0 0; cursor:se-resize}
.dialog_close {width: 14px; height: 14px; background: transparent url(default/close.gif) no-repeat 0 0; position:absolute; top:5px; left:8px; cursor:pointer; z-index:2000}
.dialog_minimize {width: 14px; height: 15px; background: transparent url(default/minimize.gif) no-repeat 0 0; position:absolute; top:5px; left:28px; cursor:pointer; z-index:2000}
.dialog_maximize {width: 14px; height: 15px; background: transparent url(default/maximize.gif) no-repeat 0 0; position:absolute; top:5px; left:49px; cursor:pointer; z-index:2000}
.dialog_title {float:left; height:14px; font-family: Tahoma, Arial, sans-serif; font-size:12px; text-align:center; width:100%; color:#000}
.dialog_content {overflow:auto; color: #DDD; font-family: Tahoma, Arial, sans-serif; font-size: 10px; background-color:#123}
.top_draggable, .bottom_draggable {cursor:move}
.status_bar {font-size:12px}
.status_bar input{ font-size:12px}
.wired_frame {display: block; position: absolute; border: 1px #000 dashed}
 .dialog {display: block; position: absolute}
.dialog table.table_window {border-collapse: collapse; border-spacing: 0; width: 100%; margin: 0px; padding:0px}
.dialog table.table_window td , .dialog table.table_window th {padding: 0}
.dialog .title_window {-moz-user-select:none; *line-height: normal}


.overlay_alphacube { background-color: #000; filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8}
.alphacube_nw {background: transparent url(alphacube/left-top.gif) no-repeat 0 0; width:10px; height:35px}
.alphacube_n {background: transparent url(alphacube/top-middle.gif) repeat-x 0 0; background-color: #ccc; height:35px}
.alphacube_ne {background: transparent url(alphacube/right-top.gif) no-repeat 0 0; width:10px; height:35px}
.alphacube_w {background: transparent url(alphacube/frame-left.gif) repeat-y top left; background-color: #eee; width:7px}
.alphacube_e {background: transparent url(alphacube/frame-right.gif) repeat-y top right; background-color: #eee; width:7px}
.alphacube_sw {background: transparent url(alphacube/bottom-left-c.gif) no-repeat 0 0; width:7px; height:7px}
.alphacube_s {background: transparent url(alphacube/bottom-middle.gif) repeat-x 0 0; background-color: #eee; height:7px; _line-height: 1px}
.alphacube_se, .alphacube_sizer {background: transparent url(alphacube/bottom-right-c.gif) no-repeat 0 0; width:7px; height:7px}
.alphacube_sizer {cursor:se-resize}
.alphacube_close {width: 23px; height: 23px; background: transparent url(alphacube/button-close-focus.gif) no-repeat 0 0; position:absolute; top:0px; right:11px; cursor:pointer; z-index:1000}
.alphacube_minimize {width: 23px; height: 23px; background: transparent url(alphacube/button-min-focus.gif) no-repeat 0 0; position:absolute; top:0px; right:55px; cursor:pointer; z-index:1000}
.alphacube_maximize {width: 23px; height: 23px; background: transparent url(alphacube/button-max-focus.gif) no-repeat 0 0; position:absolute; top:0px; right:33px; cursor:pointer; z-index:1000}
.alphacube_title {float:left; font-size: 20px; font-family: helvetica, arial, sans-serif; font-weight: bold; text-align: left; padding: 3px 0 0}
.alphacube_content {overflow:auto; color: #000; font-family: Tahoma, Arial, sans-serif; font: 12px arial;  background-color: #EEE}
 .alphacube_window {border:1px solid #F00; background: #EEE; padding:20px; margin-left:auto; margin-right:auto; width:400px}
.alphacube_message {font: 12px arial; text-align:center; width:100%; padding-bottom:10px}
.alphacube_buttons {height: 26px; margin: 1px 0px; padding: 0; text-align: right; width:100%}
.alphacube_buttons input {display: block; float: right}
.alphacube_progress {float:left; margin:auto; text-align:center; width:100%; height:16px; background: #FFF url('alert/progress.gif') no-repeat center center }
.alphacube_wired_frame {background: #EEE; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6}


#login_win_close {width: 15px; height: 15px; background: url('/images/shared/lightbox_close.png') no-repeat; right: 11px; top: 10px}
#login_win_content {*overflow: hidden}
.login_win_content {text-align: left; color: #666; margin: 20px 10px; width: 540px}
.login_row {clear: both; height: 30px}
.login_title {float: left; width: 5.25em; position: relative; top: 4px; *top: 5px; color: #666}
.login_row input {width: 180px}
.login_form {float: left; width: 140px; _width: 134px;  }
.login_lower {font: 11px helvetica, arial, sans-serif}
@media screen and (-webkit-min-device-pixel-ratio:0) {.login_lower {top: 2px}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {#login_remember_me {position: relative; top: 3px}
}
#login_window_error {height: 18px; margin-left: 64px}
#login_hidden_submit { position: absolute; top: 0; left: 0; border: none; width: 1px; height: 1px;  background-color: #EEE}
.login_win_content p {*margin: 10px 0}
.login_win_content .native_login, .login_win_content .openid_login {float: left; width: 250px; height: 182px; position: relative}
.login_win_content .native_login {margin: 4px 19px 6px 0}
.login_win_content .openid_login {margin: 0 0 6px 20px}
.login_win_content .separator {float: left; width: 1px; height: 182px; background: url('/images/shared/login_separator.png') no-repeat; position: relative; top: -4px}
.login_lower {position: relative; left: -4px}
.login_win_content .big {font: bold 14px helvetica, arial, sans-serif; margin-top: 6px}
.login_win_content .small {font: 10px helvetica, arial, sans-serif}
.native_login .submit {position: absolute; right: 2px; bottom: 24px}
.openid_login .submit {position: absolute; right: 0; bottom: 20px}
.login_win_content .signup {position: absolute; right: 2px; bottom: 4px}
.g_app_account label {*position: relative; *top: -2px; display: inline-block; vertical-align: baseline}
#g_app_domain {width: 17em; vertical-align: baseline}
.openid_login .swap {position: absolute; bottom: 0; right: 0}


 #contacts-import {width: 438px; height: 320px; padding: 10px}
 #contacts-import_callback {width: 420px}
#contacts-import_callback .importing {font-size: 14px; color: #333; padding: 65px 0 85px; background: transparent url(/images/shared/spinner_eee_24x24.gif) no-repeat 72px 61px}
#contacts-import_callback a {font-weight: bold}
#contacts-import_callback.importing .importing, #contacts-import_callback.success .success, #contacts-import_callback.error .fail {display: block}
#contacts-import_callback.importing .success, #contacts-import_callback.importing .fail, #contacts-import_callback.success .importing, #contacts-import_callback.success .fail, #contacts-import_callback.error .success, #contacts-import_callback.error .importing {display: none}
div#contacts-import_intro {text-align: left}
div#contacts-import_intro .grant_google_contacts {background: transparent url(/images/settings/grant_google_contacts.png) no-repeat 0 0; width: 444px; height: 177px}
div#contacts-import_intro div.grant_google_contacts p {width: 206px}
#contacts-import_callback.success {text-align: left}
#contacts-import_callback.success .title {margin: 18px 26px 14px; font-size: 14px; font-weight: bold}
#contacts-import_callback.success .summary {margin: 10px 24px}
#contacts-import_callback.success .summary div {white-space: nowrap}
#contacts-import_callback .num_contacts_imported, #contacts-import_callback .num_contacts_not_imported {font-weight: bold}
#contacts-import_callback.success .close-button {margin-top: 20px; text-align: center}
#contacts-import_callback.error p {margin: 60px 0 0; font-size: 14px}
#contacts-import_callback.error .close-button {margin-top: 58px; text-align: center}


 #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
 #cboxOverlay{background:#000;}
#colorBox{}
#cboxTopLeft{width:7px; height:7px; background:url(/images/colorbox/left-top-7.gif) no-repeat;}
#cboxTopCenter{height:7px; background:url(/images/colorbox/top-middle-7.gif) repeat-x;}
#cboxTopRight{width:7px; height:7px; background:url(/images/colorbox/right-top-7.gif) no-repeat;}
#cboxBottomLeft{width:7px; height:7px; background:url(/images/colorbox/bottom-left-c.gif) no-repeat;}
#cboxBottomCenter{height:7px; background:url(/images/colorbox/bottom-middle.gif) repeat-x;}
#cboxBottomRight{width:7px; height:7px; background:url(/images/colorbox/bottom-right-c.gif) no-repeat;}
#cboxMiddleLeft{width:7px; background:url(/images/colorbox/frame-left.gif) repeat-y; border-top: 28px solid #ccc;}
#cboxMiddleRight{width:7px; background:url(/images/colorbox/frame-right.gif) repeat-y #ccc; border-top: 28px solid #ccc;}
#cboxContent{background:#eee; margin-top: 28px;}
#cboxTitle{ position:absolute; top: -28px; left:-7px; width:100%; background-color: #cccccc; height:25px; padding: 3px 4px 0px 10px; font-size: 20px; font-weight: bold; text-align: left}
#cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
#cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
#cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
#cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
#cboxLoadingOverlay{background: #eee; top: -28px; border-top: 28px solid #ccc;}
#cboxClose{position:absolute; top:-25px; right:4px; display:block; background:url(/images/shared/lightbox_close.png) no-repeat; width:15px; height:15px; text-indent:-9999px;}
 .cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/left-top-7.gif, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/top-middle-7.gif, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/right-top-7.gif, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/bottom-left-c.gif, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/bottom-middle.gif, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/bottom-right-c.gif, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/frame-left.gif, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/frame-right.gif, sizingMethod='scale');}