#all {max-width: 85em; margin: 0 auto;}

.status {padding: 4px; border-bottom: 1px solid #EEE; overflow: hidden;}
.status .logo img {width: 24px; margin-bottom: -5px; margin-right: 5px;}
.status .logo {font-size: 16px;}

.status [class^="icon-"] {margin: 0px 5px; position: relative;}
.status ul {list-style: none; display: inline-block; line-height: 2.2em}
.status ul li {display: inline-block; position: relative;}
.status ul li > a {display: inline-block; padding: 0 10px; margin: 0 1px;}
.status ul li > div {display: none; position: absolute; left: 0px; z-index: 1000}
.status ul li:hover > div {display: block;}

.newbrowser {margin-top: 10px; border-radius:15px}
.newbrowser img {height: 32px;}
.newbrowser a {margin: 3px; padding:5px 25px; background:#FFF url("/img/gup.png") bottom repeat-x; border: 1px solid #999}
.newbrowser a:hover {border-color: #6bf;}
.newbrowser a span {font-size: 16px}

.promo {padding: 5px; margin: 0 auto; line-height: 1.7em; position: relative;}
.promo .shadow {-webkit-box-shadow: 0px 0px 50px #AAA; -moz-box-shadow: 0px 0px 50px #AAA; -o-box-shadow: 0px 0px 50px #AAA; box-shadow: 0px 0px 50px #AAA;}
.promo .shadow.qr {position: absolute; left: 73px; top: 200px;}

.promo .link-list {display: inline-block; vertical-align: top; margin-top: 25px; margin-left: 25px; float: right;}
.promo .link-list .qr {text-align: right;}
.promo .block {display: inline-block; margin: 15px 5px; border-radius: 5px; width: 250px; height: 50px; padding: 0px 10px; font-size: 18px; border: 1px solid #DDD; background: #FCFCFC; -webkit-box-shadow: 0px 0px 10px #999; -moz-box-shadow: 0px 0px 10px #999; -o-box-shadow: 0px 0px 10px #999; box-shadow: 0px 0px 10px #999;}
.promo .block:hover {-webkit-box-shadow: 0px 0px 10px #666; -moz-box-shadow: 0px 0px 10px #666; -o-box-shadow: 0px 0px 10px #666; box-shadow: 0px 0px 10px #666;}
.promo .block.chrome {background: #FFF url("/img/promo/chrome.jpg") -40px -40px no-repeat; text-align: right;}
.promo .block.vmobile {background: #FCFCFC url("/img/promo/phone.png") -20px -60px no-repeat; text-align: right}
.promo .block.demo {background: #FFF url("/img/promo/demo.png") -10px -32px no-repeat; text-align: right;}
.promo .block.me {background: #FFF url("/img/promo/spider.png") 0px 0px no-repeat; text-align: right}
.promo .block.android {background: url("/img/promo/droid.png") right 0px no-repeat}

.promo .download .icon-android {font-size: 21px; vertical-align: baseline;}
.promo div.rect {min-height: 500px; padding: 15px; font-size: 16px; overflow: hidden;}

.promo .promoimg {border: 5px solid #FFF; margin: 25px}
.promo .promoimg.view {float: left; width: 50%;}
.promo .promoimg.tablet {float: right; width: 50%;}
.promo .promoimg.mobi {float: left; width: 35%; max-width: 320px}
.promo img.tr100 {float: right; width: 40%; margin: 50px 0px;}

.promo .text {white-space: normal; text-align: justify;}
.promo .text.pc {margin: 0px auto; padding:25px}
.promo .text.view {}
.promo .text.tablet {}
.promo .text.mobi {min-height: 600px}
.promo .text.tr100 {}

.promo .text p.head {padding: 5px; margin: 0 auto; font-size: 22px; text-align: center;}

.orbit img {position: absolute;}

.footer {text-align: center; padding: 50px}
.footer a {padding: 0.5em 2em; text-decoration: none; display: inline-block;}
.footer a:hover {text-decoration: underline;}

.docs {font-size: 14px; text-align: justify; min-height: 400px; max-width: 800px;}
.docs p {width: 100%}
.docs .footnote {font-size: 12px; margin: 25px;}
.docs .footnote p {margin: 0}
.docs ol.anchors {list-style-type: decimal; font-size: 14px;}
.docs ol ul {margin-left: 24px}
.docs ul {list-style: square inside; margin: 5px}
.docs a {display: inline-block;}
.docs a[href] {color: #15C; text-decoration: none}
.docs a[href]:hover {text-decoration: underline;}
.docs a[name] {font-weight: bold; font-size: 16px; margin-top: 50px;}
.docs .datestamp {text-align: right; font-size: 10px; float: right;}
.docs pre {padding: 20px; background: #FAFAFA; border: 1px dashed #DDD; overflow: auto;}
.docs #apikey-val {width: 400px}