* { margin: 0; padding: 0; }

body { text-align: left; font-family: Helvetica, Arial, Sans-serif; color: #000; }

img { border: none; }

a { text-decoration: none; }

ul, li { list-style: none; margin: 0; padding: 0; }

#container { min-width: 320px; }

#hd { position: relative; }
#hd .logo { padding: 10px; }
#hd .go_pro { position: absolute; top: 0; right: 0; }
#hd #live-update { width: 100%; height: 30px; z-index: 1000; background: transparent url(/images/mobile/menu_bg.png) repeat-x top; }
#hd #live-update #live-update-body { float: left; padding: 4px 20px 0px; }
#hd #live-update #live-update-close-btn { padding: 0px; position: absolute; right: 5px; }
#hd #menu { height: 30px; background: transparent url(/images/mobile/menu_bg.png) repeat-x top; }
#hd #menu ul { height: 30px; }
#hd #menu li { float: left; height: 28px; padding-top: 2px; }
#hd #menu li a { position: relative; display: block; text-transform: lowercase; color: #000; font-size: 15px; padding: 5px 14px 0 14px; border-left: 1px solid #eee; border-right: 1px solid #bfbfc0; height: 22px; }
#hd #menu li a .add_apps { position: absolute; top: 2px; right: 3px; }
#hd #menu li a:active { background: transparent url(/images/mobile/menu_hover_bg.png) repeat-x top; }
#hd #menu li.selected a { background: transparent url(/images/mobile/menu_hover_bg.png) repeat-x top; }
#hd #menu li.home img { margin-bottom: -2px; }
#hd #menu li:first-child a { border-left: none; }
#hd #menu li:last-child a { border-right: none; }
#hd h1 { font: bold 18px Georgia, Arial, Sans-Serif; text-align: center; padding: 14px 0 2px 0; }
#hd h2 { font: normal 12px Georgia, Arial, Sans-Serif; color: #666; text-align: center; padding: 2px 0 0 0; }

/* BUTTONS */
button { cursor: pointer; background: #ebebeb url(/images/mobile/buttons/button_bg.png) repeat-x bottom; font-size: 12px; font-weight: bold; text-align: center; padding: 6px 10px; border: 1px solid #bebfc0; color: #838383; font-family: Helvetica, Arial,  Sans-serif; }
button:active { color: #000; }

#bd { padding-bottom: 10px; }

.share_this button { width: 20px; height: 20px; margin-left: 5px; border: none; color: transparent; }
.share_this button.email { background: transparent url(/images/mobile/buttons/email.png) no-repeat top center; }
.share_this button.facebook { background: transparent url(/images/mobile/buttons/facebook.png) no-repeat top center; }
.share_this button.twitter { background: transparent url(/images/mobile/buttons/twitter.png) no-repeat top center; }

a.back, a.logout { clear: both; background: #ebebeb url(/images/mobile/buttons/button_bg.png) repeat-x bottom; font-size: 12px; font-weight: bold; text-align: center; padding: 6px 16px; border: 1px solid #bebfc0; color: #838383; }
a.back:active, a.logout:active { color: #000; }

.date, .created { position: absolute; font-size: 10px; font-style: italic; color: #666; }

.author { font-size: 10px; color: #666; font-weight: normal; display: block; padding-top: 2px; }

/* BOXES */
.box { margin: 12px; position: relative; }
.box .header { position: relative; padding-bottom: 8px; }
.box .header h2 { font: normal 15px Georgia, Arial, Sans-Serif; padding-left: 2px; display: inline; }
.box .header h2 a { color: #000; }
.box .header img { margin-bottom: -2px; }
.box .header .date { position: absolute; top: 6px; right: 0; }
.box .body { width: 100%; border-collapse: collapse; border: 1px solid #e3e7e9; font-size: 12px; padding: 8px 20px; line-height: 15px; padding: 0; cursor: pointer; }
.box .body h3 { color: #666; font-weight: bold; font-size: 12px; padding-bottom: 5px; }
.box .body .content { position: relative; padding: 8px 20px; }
.box .body .content .date { right: 10px; top: 8px; }
.box .body .content .author { position: absolute; left: 20px; bottom: 8px; }
.box .body .content .stats { margin-top: 15px; display: none; }
.box .body .arrow { width: 32px; background: #fff url(/images/mobile/buttons/arrow.png) no-repeat; background-position: 0 center; border-left: 1px solid #e3e7e9; }
.box .body .arrow span { visibility: hidden; }
.box .body.selected .content { background-color: #e3e7e9; }
.box .body.selected .arrow { background-position: -32px center; }
.box.blog_post.with_share .content { padding: 8px 20px 30px 20px; }
.box.blog_post.with_share .content .created { bottom: 8px; right: 20px; }
.box.blog_post.with_share .content .author { bottom: 8px; }
.box.notification_message.with_share .body .content, .box.advertisement.with_share .body .content { padding: 15px 20px 50px 20px; }
.box.notification_message.with_share .body .content .created, .box.advertisement.with_share .body .content .created { bottom: 15px; left: 20px; }
.box.notification_message.with_share .body .content .buttons_block, .box.advertisement.with_share .body .content .buttons_block { position: absolute; right: 20px; bottom: 15px; }

.box.site_description { font: italic 11px Georgia, Arial, Sans-Serif; text-align: center; padding-bottom: 10px; }
.box.buttons { padding-top: 2px; }
.box.buttons .buttons_block { position: absolute; top: 0; right: 0; }

.box_post { margin: 12px; padding: 10px 12px; border: 1px solid #e3e7e9; font: normal 12px/15px Helvetica, Arial, Sans-Serif; }
.box_post h3 { color: #000; font-size: 14px; }
.box_post .notes { position: relative; }
.box_post .notes .date { top: 2px; right: 0; }
.box_post .mh_content { padding: 20px 0 10px 0; }
.box_post .comments .comment, .box_post .tweets .comment { position: relative; margin-top: 15px; }
.box_post .comments .comment .author, .box_post .comments .comment .date, .box_post .tweets .comment .author, .box_post .tweets .comment .date { display: inline; }
.box_post .comments .comment .date, .box_post .tweets .comment .date { right: 0; }
.box_post h4 { color: #666; font-weight: bold; font-size: 12px; margin-top: 15px; }
.box_post embed, .box_post img { max-width: 272px; height: auto; margin: 10px 0; display: block; }

/* STRIPES */
.stripe { background-color: #e3e7e9; padding: 7px 0 7px 12px; position: relative; font: normal 14px Georgia, Arial, Sans-Serif; }
.stripe .buttons_block { height: 20px; position: absolute; top: 5px; right: 12px; }
.stripe .newsletter { position: absolute; top: 2px; right: 12px; margin-top: 1px; }
.stripe .newsletter input { font: italic 11px Helvetica, Arial, sans-Serif; color: #999; width: 160px; padding: 3px 2px 2px 2px; margin-right: 2px; margin-top: 2px; }
.stripe .newsletter button { padding: 2px 8px 3px 8px; }

input, textarea { border: 1px solid #f3f3f3; border-left-color: #d7d7d7; border-top-color: #d7d7d7; padding: 3px 3px 2px 3px; background: #fff url(/images/mobile/input_shadow.png) repeat-x top; }

#ft { font-size: 8.5px; color: #999; text-align: center; clear: both; padding-bottom: 10px; }

/* CHAT */
.box.chat_login .header { position: relative; width: 296px; }
.box.chat_login .header .date { position: absolute; top: 10px; right: 0; font-style: normal; }
.box.chat_login .body { background-color: #e3e7e9; cursor: default; width: 296px; }
.box.chat_login .body form { padding: 10px 20px; }
.box.chat_login .body form td { padding: 6px 0; }
.box.chat_login .body form td label { text-align: right; display: block; padding-right: 6px; font-size: 12px; }
.box.chat_login .body form td select, .box.chat_login .body form td input { width: 168px; }
.box.chat_login .body form td.checkbox input { width: auto; margin-right: 6px; }
.box.chat_login .body form td.checkbox label { display: inline; }
.box.chat_login .body p { font-size: 11px; padding: 10px 0; }
.box.contacts_list, .box.messages { margin-right: 20px; }
.box.contacts_list .header .current_user, .box.messages .header .current_user { position: absolute; top: 0; right: 0; font-family: Georgia, Verdana, Sans_serif; font-size: 14px; font-weight: bold; }
.box.contacts_list table, .box.messages table { width: 100%; border-collapse: collapse; border: 1px solid #c8cfd2; margin-top: 6px; }
.box.contacts_list table td, .box.contacts_list table th, .box.messages table td, .box.messages table th { padding: 6px 12px; font-size: 12px; text-align: left; }
.box.contacts_list table thead, .box.messages table thead { background-color: #ccc; }
.box.contacts_list table thead th:last-child, .box.messages table thead th:last-child { text-align: right; }
.box.contacts_list table thead:first-child, .box.messages table thead:first-child { background-color: #e3e7e9; }
.box.contacts_list table tbody tr:hover, .box.messages table tbody tr:hover { cursor: pointer; }
.box.contacts_list table tbody tr td, .box.messages table tbody tr td { border-bottom: 1px solid #c8cfd2; }
.box.contacts_list table tbody tr td:last-child, .box.messages table tbody tr td:last-child { text-align: right; }
.box.contacts_list table tbody tr.empty td, .box.messages table tbody tr.empty td { text-align: center; }
.box.contacts_list table tbody tr.empty:hover, .box.messages table tbody tr.empty:hover { cursor: auto; }
.box.contacts_list form, .box.messages form { position: relative; width: 100%; height: 62px; }
.box.contacts_list form input, .box.messages form input { width: 100%; border: 1px solid #d0d0d0; }
.box.contacts_list form button, .box.messages form button { position: absolute; right: 0; bottom: 0; }
.box .overflow { margin: 6px 0; }
.box .overflow .chat { border: 1px solid #c8cfd2; font-size: 12px; }
.box .overflow .chat div { padding: 10px 10px 20px 10px; position: relative; }
.box .overflow .chat div.right { text-align: right; background-color: #e3e7e9; }
.box .overflow .chat div .created { position: absolute; font-size: 10px; right: 10px; color: #999; bottom: 2px; }

.ui-helper-hidden { display: none; }

.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }

.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }

.ui-helper-clearfix { display: inline-block; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

* html .ui-helper-clearfix { height: 1%; }

.ui-helper-clearfix { display: block; }

.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); }

.ui-state-disabled { cursor: default !important; }

.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }

.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* theme */
.ui-widget { font-family: Helvetica,Arial,sans-serif; font-size: 12px; color: #000; }
.ui-widget button, .ui-widget .ui-dialog-titlebar-close { cursor: pointer; background: #ebebeb url(/images/mobile/buttons/button_bg.png) repeat-x bottom; font-size: 12px; font-weight: bold; text-align: center; padding: 1px 16px; border: 1px solid #bebfc0; color: #999; font-family: Helvetica, Arial,  Sans-serif; }
.ui-widget button.submit, .ui-widget .ui-dialog-titlebar-close.submit { color: #fff; float: right; }
.ui-widget button:active, .ui-widget .ui-dialog-titlebar-close:active { color: #000; }

.ui-widget-header { font-size: 14px; font-weight: bold; font-family: Georgia, Helvetica ,Arial,sans-serif; position: relative; }

.ui-widget-content form { position: relative; }
.ui-widget-content input, .ui-widget-content select, .ui-widget-content textarea { font-family: Helvetica ,Arial,sans-serif; font-size: 12px; }
.ui-widget-content input { width: 160px; }
.ui-widget-content .textarea { height: 100px; }
.ui-widget-content .textarea textarea { width: 100%; height: 75px; margin-top: 4px; }
.ui-widget-content span.counter { position: absolute; right: 0; top: 4px; font-style: italic; font-size: 10px; color: #6c6d6d; }
.ui-widget-content table { width: 100%; }
.ui-widget-content td { vertical-align: top; height: 44px; }
.ui-widget-content td:last-child { text-align: right; }
.ui-widget-content label { font-size: 12px; display: block; padding: 3px 4px 0 0; }
.ui-widget-content label.error { font-size: 10px; color: red; text-align: right; }

.ui-widget-overlay { background: #fff; opacity: .85; filter: Alpha(Opacity=85); }

/* dialog */
.ui-dialog { position: relative; padding: 10px; width: 300px; }
.ui-dialog .ui-dialog-titlebar { padding: 6px 0 16px 0; position: relative; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: 0; top: 5px; }
.ui-dialog .ui-dialog-content { padding: 10px; background: #fff; border: 1px solid #e4e8ea; overflow: auto; zoom: 1; }

form span.message { color: red; font-style: italic; font-size: small; }
form#claim-temp-site { font-size: small; }

#dialog .buttons_block.share_this button { border: none; }