html,body{margin:0;padding:0;background:#fff;color:#000;font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:1.25}
a{color:#3b5998;text-decoration:none}a:hover{text-decoration:underline}
#page{max-width:640px;margin:0 auto;background:#fff}
.top{background:#3b5998;border-bottom:1px solid #1d4088;padding:4px}
.logo{font-weight:bold;font-size:20px;color:#fff;vertical-align:middle}.top a{color:#fff}
.nav{background:#3b5998;border-bottom:1px solid #1d4088;padding:3px 2px}.nav a{display:inline-block;color:#fff;padding:2px 4px}.nav .sel{background:#6d84b4}
.bar{background:#d8dfea;border-top:1px solid #3b5998;padding:4px;font-weight:bold}
.subbar{background:#f2f2f2;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:5px}
.box{padding:6px 4px;border-bottom:1px solid #e9e9e9;overflow:hidden}
.story{padding:6px 4px;border-bottom:1px solid #ddd}.story-head{min-height:34px}.avatar{float:left;width:32px;height:32px;margin:0 6px 3px 0;border:0}.avatar-big{float:left;width:50px;height:50px;margin:0 7px 5px 0;border:0}.name{font-weight:bold}.meta{color:#777;font-size:11px}.text{margin:4px 0;white-space:pre-wrap}.photo{max-width:100%;height:auto;border:0}.thumb{width:70px;max-height:70px;border:0;margin:2px}.actions{font-size:12px;margin-top:5px}.comment{background:#edeff4;margin-top:2px;padding:4px}.comment img{width:24px;height:24px;float:left;margin-right:4px}.clear{clear:both}
label{display:block;margin:4px 0 2px}.field,textarea,select{box-sizing:border-box;width:100%;font-family:Arial,Helvetica,sans-serif;font-size:13px;border:1px solid #999;padding:4px;background:#fff;color:#000}textarea{height:52px}.btn{font-family:Arial,Helvetica,sans-serif;font-size:13px;background:#5b74a8;color:#fff;border:1px solid #29447e;padding:3px 8px}.btn2{font-family:Arial,Helvetica,sans-serif;font-size:13px;background:#eee;color:#333;border:1px solid #999;padding:3px 8px}.inline{display:inline}.notice{background:#fffbe2;border:1px solid #ffe222;margin:4px;padding:5px}.error{background:#ffebe8;border:1px solid #dd3c10;margin:4px;padding:5px}.success{background:#ecf9e8;border:1px solid #9dcc7a;margin:4px;padding:5px}
.pager{text-align:center;padding:8px;background:#f2f2f2;border-top:1px solid #ccc}.footer{padding:8px 4px;color:#777;font-size:11px;border-top:1px solid #e9e9e9}.searchrow{width:100%}.searchrow td{padding:0}.searchrow .grow{width:100%}.count{color:#777}.unread{background:#eceff5}.small{font-size:11px}.center{text-align:center}.menu a{display:block;padding:5px 3px;border-bottom:1px solid #e9e9e9}.event-date{font-weight:bold}.group-card{padding:6px 4px;border-bottom:1px solid #ddd}.profile-info div{padding:2px 0}.nowrap{white-space:nowrap}.bar-link{float:right;font-size:11px;font-weight:normal}
.group-messages-entry{display:block;text-align:center;text-decoration:none}
@media handheld{#page{width:auto}.photo{width:auto;max-width:100%}}

/* HOTFIX m feed media v2 */
.post-media{margin:5px 0;overflow:hidden}
.post-video{display:block;width:100%;max-width:100%;height:auto;background:#000}
.media-fallback{font-size:11px;margin-top:2px}
.shared-story{margin:5px 0;padding:5px;border:1px solid #ccc;background:#f7f7f7}
@media handheld{.post-video{width:100%;max-width:100%}}
.mb-video-quality{font-size:11px;line-height:18px;margin-top:3px;color:#555}.mb-video-quality select{font-size:11px;max-width:80px}.mb-video-quality a{white-space:nowrap}