@import url('mgc3.stp.css');

* {
  margin:0;
  padding:0;
}
a {
  color:#2200CC;
}
html {
  font:13px Arial;
}
body {
  background:#fff url('mgc-body-toolbar-bg.png') top repeat-x;
  padding:20px 0 0 0;
}
body.homepage {
  background:#fff url('mgc-body-toolbar-bg-banner.png') top repeat-x;
}
body.homepage.smallheader h2 {
  font-size:20px;
  width:470px;
}
body.platform,
body.product {
  background:#fff url('mgc-body-toolbar-bg-banner-alt.png') top repeat-x;
}
a img {
  border:0;
}
h1 {
  color:#555;
  font-weight:normal;
  margin:0 0 0 0;
  height:45px;
  padding:13px 0 5px 0;
  font-size:24px;
}
h1 img {
  float:left;
  /*width:150px;*/
  /*height:55px;*/
  margin:-13px 15px 0 0;
}
.clearer {
  clear:both;
}
p {
  margin:0 0 20px 0;
}
img.labs {
  display: block;
  float: left;
}
.mgc-title {
  margin:0 0 10px 0;
}
.mgc-toolbar {
  margin:0 0 10px 0;
  height:45px;
  background:url('toolbarbg.png') repeat-x;
}
.mgc-toolbar ul {
  margin:0 0 0 0px;
  padding:0;
  list-style:none;
}
.mgc-toolbar ul li,
.mgc-toolbar ul li.last,
.mgc-toolbar ul li:hover.last {
  display:inline-block;
  float:left;
  font-size:16px;
  background:url('mgc-toolbar-item-bg.png') top left no-repeat;
  padding:0 7px;
  height:33px;
  width:auto;
}
.mgc-toolbar ul li:hover,
.mgc-toolbar ul li.hover {
  background:url('mgc-toolbar-item-bg-hover.png') top left no-repeat;
}
.mgc-toolbar ul li a.drop {
  /*
  background:url('/mobile/images/mgc3/downarrow.png') right no-repeat;
  padding:7px 20px 7px 15px;
   */
}
.mgc-toolbar ul li a {
  padding:7px 10px 7px 15px;
  color:#fff;
  display:inline-block;
  width:auto;
  text-decoration:none;
  font-weight:normal;
  outline:none;
}
.mgc-toolbar ul li ul {
  -moz-box-shadow: 0 3px 10px #CCC;
  -webkit-box-shadow: 0 3px 10px #CCC;
  box-shadow: 0 3px 10px #CCC;
  background:#fff;
  display:none;
  position:absolute;
  z-index:1;
  border:1px solid #dfdfdf;
  border-top:0;
}
.mgc-toolbar ul li.wide ul {
  width:400px !important;
}
.mgc-toolbar ul li.wide ul li {
  width:200px;
  float:left;
}
.mgc-toolbar.smalltext ul li ul li {
  font-size:12px;
}
.mgc-toolbar.smalltext ul li ul li a {
  height:17px;
}
.mgc-toolbar ul li ul li a span.new {
  font-size:13px;
}
.mgc-toolbar ul li ul li {
  width:100%;
  height:auto;
  background:#fff;
  margin:0;
  padding:0;
  overflow:hidden;
}
.mgc-toolbar ul li ul li.no-icon a,
.mgc-toolbar ul li ul.no-icons li a {
  padding-left:15px !important;
}
.mgc-toolbar ul li ul li a {
  width:100%;
  display:block;
  height:auto;
  color:#5c98da;
  font-weight:normal;
  padding:11px 15px 10px 40px !important;
  background-color:#fff;
  background-position:3px 3px !important;
  background-repeat:no-repeat;
  outline:none;
}
.mgc-toolbar ul li ul li a:hover {
  background-color:#5d9bdf;
  color:#fff;
}
.mgc-toolbar ul li ul li.android a {
  background-image:url('/mobile/images/mgc3/android32.png');
}
.mgc-toolbar ul li ul li.iphone a {
  background-image:url('/mobile/images/mgc3/iphone32.png');
}
.mgc-toolbar ul li ul li.nokia-s60 a {
  background-image:url('/mobile/images/mgc3/nokia-s6032.png');
}
.mgc-toolbar ul li ul li.windows a {
  background-image:url('/mobile/images/mgc3/windows-mobile32.png');
}
.mgc-toolbar ul li ul li.blackberry a {
  background-image:url('/mobile/images/mgc3/blackberry32.png');
}
.mgc-toolbar ul li ul li.other a {
  background-image:url('/mobile/images/mgc3/other32.png');
}
.mgc-toolbar ul li ul li.google-mobile-app a {
  background-image:url('/mobile/images/mgc3/google-mobile-app32.png');
}
.mgc-toolbar ul li ul li.picasa a {
  background-image:url('/mobile/images/mgc3/picasa32.png');
}
.mgc-toolbar ul li ul li.search a {
  background-image:url('/mobile/images/mgc3/search32.png');
}
.mgc-toolbar ul li ul li.maps a {
  background-image:url('/mobile/images/mgc3/maps32.png');
}
.mgc-toolbar ul li ul li.buzz a {
  background-image:url('/mobile/images/mgc3/buzz32.png');
}
.mgc-toolbar ul li ul li.mail a {
  background-image:url('/mobile/images/mgc3/mail32.png');
}
.mgc-toolbar ul li ul li.youtube a {
  background-image:url('/mobile/images/mgc3/youtube32.png');
}
.mgc-toolbar ul li ul li.latitude a {
  background-image:url('/mobile/images/mgc3/latitude32.png');
}
.mgc-toolbar ul li ul li.igoogle a {
  background-image:url('/mobile/images/mgc3/igoogle32.png');
}
.mgc-toolbar ul li ul li.calendar a {
  background-image:url('/mobile/images/mgc3/calendar32.png');
}
.mgc-toolbar ul li ul li.talk a {
  background-image:url('/mobile/images/mgc3/talk32.png');
}
.mgc-toolbar ul li ul li.sync a {
  background-image:url('/mobile/images/mgc3/sync32.png');
}
.mgc-toolbar ul li ul li.earth a {
  background-image:url('/mobile/images/mgc3/earth32.png');
}
.mgc-toolbar ul li ul li.voice a {
  background-image:url('/mobile/images/mgc3/voice32.png');
}
.homepage .mgc-slides {
  display:none;
}
.homepage .mgc-slides.slide-1 {
  display:inline;
}
.homepage .mgc .banner {
  margin:0 0 40px 0;
  clear:both;
}
.mgc-tour ul {
  height:33px;
  list-style:none;
  padding:0;
  margin:0 -20px 20px 0;
}
.mgc-tour ul li {
  float:left;
  width:60px;
  display:inline;
  text-align:center;
  margin:8px 10px 0px 0;
}
.mgc-tour ul li div {
  width:60px;
  display:block;
  text-align:center;
  background:#efefef url('/mobile/images/mgc3/tour-small-item-bg.png') top left repeat-x;
  cursor:pointer;
  height:40px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border:1px solid #ddd;
  margin:0 0 6px 0;
}
.mgc-tour ul li span.arrow {
  display:none;
  background:url('/mobile/images/mgc3/tour-small-item-arrow.png') no-repeat center;
  height:7px;
  width:60px;
  position:relative;
  margin:-6px auto 0 auto;
}
.mgc-tour ul li.active span.arrow {
  display:block;
}
.mgc-tour ul li.active div {
  background:#ecf3ff url('/mobile/images/mgc3/tour-item-bg-selected.gif') top left;
}
.mgc-tour ul li.active a {
  color:#000;
  text-decoration:none;
  font-weight:bold;
}
.mgc-tour ul li img {
  margin:5px auto;
  width:32px;
  height:32px;
}
.mgc-tour ul li a {
  color:#2200CC;
  outline:none;
}
.homepage .mgc h2.twoline {
  line-height:24px;
  font-size:26px;
  margin-bottom:-14px;
  width:450px;
}
.homepage .mgc h2 {
  margin:0 0 20px 0;
  font-size:30px;
  font-weight:normal;
  position:relative;
  bottom:0;
}
.mgc img.platform-icon,
.mgc img.product-icon {
  width:48px;
  height:48px;
  display:block;
  float:left;
  margin:0 15px 15px 0;
}
.mgc img.noresize {
  width:auto;
  height:auto;
}
.mgc img.platform-icon {
  margin-bottom:50px;
}
.mgc .platform-intro {
  font-size:16px;
  line-height:20px;
}
.mgc .search-box {
  float:right;
  margin:20px 0 0 0;
}
.mgc .search-box input[type=text] {
  margin:0 5px 0 0;
}
.mgc {
  width:900px;
  margin:0 auto;
}
.mgc select.lang {
  clear:both;
}
.mgc .footer {
  border-top:1px solid #ddd;
  padding-top:15px;
  margin:20px auto 0;
  padding:20px 0 15px 0;
  text-align:center;
}
.mgc .footer p {
  margin-bottom:0;
  padding:0 0 15px 0;
}
.mgc p.fineprint {
  font-size:11px;
  color:#666;
  margin:0 0 10px 0;
}
.homepage .mgc .title {
  display:block;
  height:35px;
}
.homepage .mgc .description.three-line {
  height:55px;
}
.homepage .mgc .description {
  display:block;
  color:#444;
  padding:0px 35px 0px 0;
  height:40px;
}
.homepage .mgc .description span.note {
  color:#666
}
.homepage .mgc .description p,
.homepage .mgc .description {
  width:430px;
}
.homepage .mgc .cta-box .stp {
  height:100px;
}
.homepage .mgc .cta-box.down {
  margin-top:80px;
  margin-bottom:25px;
}
.homepage .mgc .cta-box {
  margin:55px 5px 50px;
  height:130px;
}
.homepage .mgc .mgc-homepage-section {
  margin:20px 0 20px 0;
}
.homepage .mgc .mgc-slide-wrapper {
  width:370px;
  height:380px;
  padding-top:10px;
}
.mgc .cta-banner {
  margin:60px 0 40px 0;
  width:auto;
  height:230px;
}
.mgc .cta-banner.long-intro {
  margin:42px 0 30px 0;
}
.mgc .cta-banner img.hero {
  position:absolute;
  top:212px;
}
.mgc .mgc-stp-box h3,
.mgc .cta-banner .cta-right-section h3 {
  font-weight:bold;
}
.mgc .cta-banner .cta-right-section.wide {
  width:400px;
}
.mgc .cta-banner .cta-right-section {
  position:relative;
  width:330px;
  float:right;
  margin:0;
}
.mgc .cta-banner .cta-right-section p.intro {
  font-size:16px;
}
.mgc .cta-banner .cta-right-section img.labs {
  margin: -52px 0 0 211px;
}
.mgc .stp {
  font-size:16px;
  line-height:18px;
  margin:0 0 10px 0;
}
.mgc .stp strong {
  font-size:20px;
}
.mgc .stp p {
  margin:0 0 0px 0;
}
.mgc .stp p.no-stp {
  padding:10px 0;
}
.mgc .g-button-basic {
  margin:10px 0 5px 0;
  overflow:visible;
  display:inline-block;
  width:auto;
}
.mgc .g-button-basic div span span a {
  padding:8px 30px 13px;
}
.mgc .g-button-basic div {
  font-size:16px !important;
}
.mgc h2 {
  font-size:24px;
  font-weight:normal;
  margin:0;
}
.mgc h3 {
  font-size:16px;
  margin:0 0 20px 0;
}
.mgc .main span.fineprint {
  color:#555;
}
.mgc .main div.disclaimer {
  background:#ededed;
  margin:25px -20px -20px -20px;
  padding:10px 10px 10px 20px;
  color:#555;
}
.mgc .main div.disclaimer a {
  color:#555;
}

/*promo*/
.phone-promo {
  width: 470px;
}

/* stp */

.stp-popup-window {
  text-align:left;
  width:450px;
  height:auto;
  display:block;
}
.stp-popup-window form {
  margin:0;
}
.stp-popup-window form input.stp-submit {
  -webkit-appearance:button;
  font-size:14px;
}
.stp-title {
  font-size:16px;
  line-height:1em;
  margin:0 0 10px 0;
}
.stp-form input.stp-number {
  font-size:13px;
  color:#555;
  padding:2px;
  margin:0 10px 4px 0;
}
.stp-url {
  line-height:1em;
  margin:0;
  font-size:16px;
  font-weight:bold;
}
div.page {
  width:770px;
  margin:0 auto;
}
ol.stp-walkthrough {
  margin:15px 0;
}
p.stp-get-help {
  margin-top:15px;
}
.mgc .mobile-media {
  border:1px solid #cfcfcf;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  height:300px;
  margin:0 0 20px 0;
}
.mgc .mobile-media ul.sidebar {
  list-style:none;
  padding:0;
  margin:0;
  height:100%;
  width:90px;
  border-right:1px solid #dfdfdf;
  float:left;
}
.mgc .mobile-media div.main {
  width:600px;
  float:right;
  text-align:center;
}
.mgc .mobile-media div.main object {
  width:320px;
  height:240px;
}

.mgc table.compatibility {
  width:100%;
  border-collapse:collapse;
  border:1px solid #efefef;
}
.mgc table.compatibility thead td {
  text-align:center;
  padding:4px 7px;
  font-weight:bold;
}
.mgc table.compatibility th,
.mgc table.compatibility td {
  padding:6px 10px;
  border:1px solid #efefef;
  text-align:center;
}
.mgc table.compatibility th {
  text-align:left;
  color:#555;
  font-weight:normal;
}
.mgc p.note {
  color:#555;
  text-align:center;
}
.mgc ul.features {
  list-style:none;
  margin-top:30px;
  margin-right:-50px;
  margin-bottom:0px;
  max-width:910px;
}
.mgc ul.features li img.cropped,
.mgc ul.features.cropped li img {
  width:120px;
  height:85px;
  border:1px solid #ccc;
  padding:3px;
  background:#efefef;
}
.mgc ul.features.cropped li img.nocrop {
  display:inline;
  width:auto;
  height:auto;
  border:0;
  padding:0;
  background:transparent;
  float:none;
  margin:0;
}
.mgc ul.features li {
  height:120px;
  width:400px;
  float:left;
  margin:0 50px 15px 0;
}
.mgc ul.features.small li {
  width:180px;
  margin:0 25px 35px 0;
  height:150px;
  padding:0 20px 0 0;
}
.mgc ul.features.small li img {
  float:none;
  display:block;
}
.mgc ul.features li strong {
  font-size:16px;
  margin:0 0 10px 0;
}
.mgc ul.features li.icon strong {
  display:inline-block;
  height:32px;
  padding:0 0 0 45px;
  margin:0;
}
.mgc ul.features.border li img {
  border:1px solid #2200CC !important;
  background:#efefef !important;
}
.mgc .intro a.mgc-video {
  margin:-10px 0 -5px 10px;
}
.mgc a.mgc-video {
  color:#333;
  text-decoration:none;
  font-size:11px;
  background:#fff url(/mobile/images/mgc3/mgc-video-bg.png) 0 -44px;
  height:22px;
  line-height:22px;
  display:inline-block;
  padding:0px 6px 0px 20px;
  border:1px solid #ccc;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  margin-right:10px;
  outline:none;
}
.mgc a.mgc-video:hover {
  border:1px solid #5d9be0;
  background-position:0 -22px;
}
.mgc a.mgc-video:active {
  background-position:0 0;
}
.mgc ul.features li.search strong {
  background:url('/mobile/images/mgc3/search32.png') no-repeat;
}
.mgc ul.features.android li.search strong {
  background:url('/mobile/images/mgc3/search32android.png') no-repeat;
}
.mgc ul.features li.google-mobile-app strong {
  background:url('/mobile/images/mgc3/google-mobile-app32.png') no-repeat;
}
.mgc ul.features li.picasa strong {
  background:url('/mobile/images/mgc3/picasa32.png') no-repeat;
}
.mgc ul.features.iphone li.google-mobile-app strong {
  background:url('/mobile/images/mgc3/google-mobile-app32iphone.png') no-repeat;
}
.mgc ul.features li.maps strong {
  background:url('/mobile/images/mgc3/maps32.png') no-repeat;
}
.mgc ul.features.android li.maps strong {
  background:url('/mobile/images/mgc3/maps32android.png') no-repeat;
}
.mgc ul.features.iphone li.maps strong {
  background:url('/mobile/images/mgc3/maps32iphone.png') no-repeat;
}
.mgc ul.features li.voice strong {
  background:url('/mobile/images/mgc3/voice32.png') no-repeat;
}
.mgc ul.features li.talk strong {
  background:url('/mobile/images/mgc3/talk32.png') no-repeat;
}
.mgc ul.features.android li.talk strong {
  background:url('/mobile/images/mgc3/talk32android.png') no-repeat;
}
.mgc ul.features li.calendar strong {
  background:url('/mobile/images/mgc3/calendar32.png') no-repeat;
}
.mgc ul.features.android li.calendar strong {
  background:url('/mobile/images/mgc3/calendar32android.png') no-repeat;
}
.mgc ul.features li.contacts strong {
  background:url('/mobile/images/mgc3/contacts32.png') no-repeat;
}
.mgc ul.features.android li.contacts strong {
  background:url('/mobile/images/mgc3/contacts32android.png') no-repeat;
}
.mgc ul.features li.finance strong {
  background:url('/mobile/images/mgc3/finance32.png') no-repeat;
}
.mgc ul.features li.youtube strong {
  background:url('/mobile/images/mgc3/youtube32.png') no-repeat;
}
.mgc ul.features.android li.youtube strong {
  background:url('/mobile/images/mgc3/youtube32android.png') no-repeat;
}
.mgc ul.features.iphone li.youtube strong {
  background:url('/mobile/images/mgc3/youtube32iphone.png') no-repeat;
}
.mgc ul.features.iphone li.buzz strong {
  background:url('/mobile/images/mgc3/buzz32iphone.png') no-repeat;
}
.mgc ul.features li.buzz strong {
  background:url('/mobile/images/mgc3/buzz32.png') no-repeat;
}
.mgc ul.features li.mail strong {
  background:url('/mobile/images/mgc3/mail32.png') no-repeat;
}
.mgc ul.features.android li.mail strong {
  background:url('/mobile/images/mgc3/mail32android.png') no-repeat;
}
.mgc ul.features li.earth strong {
  background:url('/mobile/images/mgc3/earth32.png') no-repeat;
}
.mgc ul.features li.sync strong {
  background:url('/mobile/images/mgc3/sync32.png') no-repeat;
}
.mgc ul.features li.latitude strong {
  background:url('/mobile/images/mgc3/latitude32.png') no-repeat;
}
.mgc ul.features li.igoogle strong {
  background:url('/mobile/images/mgc3/igoogle32.png') no-repeat;
}
.mgc ul.features li.goggles strong {
  background:url('/mobile/images/mgc3/goggles32.png') no-repeat;
}
.mgc ul.features.android li.voice strong {
  background:url('/mobile/images/mgc3/voice32android.png') no-repeat;
}
.mgc ul.features li.reader strong {
  background:url('/mobile/images/mgc3/reader32.png') no-repeat;
}
.mgc ul.features li.tasks strong {
  background:url('/mobile/images/mgc3/tasks32.png') no-repeat;
}
.mgc ul.features li.goog411 strong {
  background:url('/mobile/images/mgc3/goog41132.png') no-repeat;
}
.mgc ul.features li.docs strong {
  background:url('/mobile/images/mgc3/docs32.png') no-repeat;
}
.mgc ul.features li.news strong {
  background:url('/mobile/images/mgc3/news32.png') no-repeat;
}
.mgc ul.features li.blogger strong {
  background:url('/mobile/images/mgc3/blogger32.png') no-repeat;
}
.mgc ul.features li.sms strong {
  background:url('/mobile/images/mgc3/sms32.png') no-repeat;
}
.mgc ul.features li.navigation strong {
  background:url('/mobile/images/mgc3/navigation32.png') no-repeat;
}
.mgc ul.features.android li.shopper strong {
  background:url('/mobile/images/mgc3/shopper32.png') no-repeat;
}
.mgc ul.features.showcase li.shopper strong {
  background:url('/mobile/images/mgc3/shopper32.png') no-repeat;
}
.mgc ul.features li img {
  float:left;
  margin:0px 20px 15px 0;
  padding:1px;
}
.platform .mgc ul.features li img {
  float:left;
  width:auto;
  height:auto;
  border:none;
  background:none;
}
.mgc ul.features li p {
  margin:10px 0 0 0;
}
.clr {
  clear:both;
}
table.supported {
  width:100%;
  border-collapse:collapse;
  margin:0 0 20px 0;
}
table.supported thead th {
  width:30%;
}
table.supported thead td {
  width:14%;
}
table.supported thead td,
table.supported thead th {
  font-weight:bold;
  background:#e3e9ff;
}
table.supported th.feature {
}
table.supported td,
table.supported th {
  padding:3px;
  text-align:left;
  border:1px solid #e3e9ff;
  vertical-align:top;
}
table.supported td.on {
  background:url('//www.google.com/images/icons/check-14x13.gif') 5px 5px no-repeat;
  padding:3px 0 3px 25px;
}
.mgc-modal-hidden {
  display:none;
}
.mgc-modal-video-image {
  cursor:pointer;
}
.mgc-modal-video {
  padding:10px;
  background:black;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  -moz-box-shadow: 0 3px 5px #000;
  -webkit-box-shadow: 0 3px 5px #000;
  box-shadow: 0 3px 5px #000;
}
a.mgc-screen img {
  cursor:pointer;
}
.cropped a.mgc-screen img {
  border:1px solid #2200CC !important;
}
.mgc-popup-media {
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  -moz-box-shadow: 0 3px 10px #444;
  -webkit-box-shadow: 0 3px 10px #444;
  box-shadow: 0 3px 10px #444;
  background:#000 url('/mobile/images/mgc3/mgc-screen-loading.gif') no-repeat center;
  padding:8px;
  display:block;
  width:25px;
  height:25px;
}
.mgc-popup-media.done {
  background-image:none;
  width:auto;
  height:auto;
  padding:10px 4px 0px;
  margin:0;
}
.mgc-popup-media .caption {
  float:left;
  color:#fff;
}
.mgc-popup-media .close {
  float:right;
  margin:0px 5px 5px 5px;
  width:16px;
  height:16px;
  background:url(/mobile/images/mgc3/mgc-modal-x.png) no-repeat center;
  cursor:pointer;
  display:none;
}
.mgc-popup-media.done .close {
  display:block;
}
.mgc-popup-media img {
  margin:0 auto;
  display:none;
}
.mgc-popup-media.done img {
  display:block;
}
div.mgc-stp-box-plain {
  margin:40px 0 0 0;
}
div.mgc-stp-box-plain.down {
  margin:55px 0 0 0;
}
div.mgc-stp-box p.subtitle {
  margin-top:-15px;
}
div.mgc-stp-box-subtitle {
  text-align:center;
}
div.mgc-stp-box {
  position:relative;
  height:1%;
  border:1px solid #c3d9ff;
  margin:-20px 0 15px 0;
}
div.mgc-stp-box-border {
  border:3px solid #fff;
  padding:15px 20px 0px;
  text-align:center;
  background:#e8eefa;
}
ul.features.showcase {
margin:0 0 0 25px !important;
}
ul.features.showcase li {
  width:360px !important;
  display:block;
}
ul.features.showcase li.icon {
  height:auto;
  width:auto;
}
ul.features.showcase li.icon {
  padding:0 0 0 10px;
  margin:0 0 10px 0 !important;
}
ul.features.showcase li.icon p {
  margin:2px 0 0 0;
}
ul.features.showcase li.icon a.mgc-video {
  margin:0 0 0 5px;
  height:16px;
  line-height:16px;
  padding:0 4px 0 18px;
  outline:none;
  display:inline-block;
  overflow:hidden;
  background:#fff url(/mobile/images/mgc3/mgc-video-bg.png) -1px -47px;
}
ul.features.showcase li.icon a.mgc-video:hover {
  background-position:-1px -25px;
}
ul.features.showcase li.icon a.mgc-video:active {
  background-position:-1px -3px;
}
ul.features.showcase li.icon strong {
  margin:0 0 -17px -44px;
  font-size:13px;
}
img.right {
  float:right;
  margin:0 0 15px 15px;
}
img.left {
  float:left;
  margin:0 15px 15px 0;
}
div.setup-sync-wrapper {
  border:1px solid #c3d9ff;
  padding:15px 20px 10px;
  background:#e8eefa;
}
ul.setup-sync {
  list-style:none;
}
ul.setup-sync strong {
  display:block;
}
ul.setup-sync li {
  margin:0 0 10px 0;
}
div.expand {
  float:right;
  background:url('/mobile/images/mgc3/expand.png') no-repeat left;
  padding:0 0 0 17px;
}
.platform div.expand {
  background:url('/mobile/images/mgc3/expand-platform.png') no-repeat left;
}
div.expand,
div.playvideohelp {
  font-size:11px;
  color:#888;
  line-height:13px;
}
div.playvideohelp {
  padding:0 0 0 20px;
  background:url('/mobile/images/mgc3/playvideohelp.png') no-repeat left;
}
.mgc-modal-video-bg {
  position: absolute;
  background-color: #000;
  top: 0;
  left: 0;
}
.mgc-modal-video {
  position: absolute;
  width: 475px;
  outline: none;
  text-align:center;
  color:#fff;
}
.mgc-modal-video-title-close {
  float:right;
  margin:0 0 10px 0;
  width:16px;
  height:16px;
  background:url(/mobile/images/mgc3/mgc-modal-x.png) no-repeat center;
  cursor:pointer;
}
.mgc-modal-video-content img {
  border:3px solid #999;
  margin:10px;
}
.mgc-modal-video-buttons {
  display:none;
  padding: 0 15px 15px;
}
div.more-apps {
  margin-bottom:30px;
}
.g-button-basic div {
  background-image:url(/mobile/images/mgc3/g-button-chocobo-nobox-1.gif);
}
.g-button-basic div span span a {
  background-image:url(/mobile/images/mgc3/g-button-chocobo-nobox-2.gif);
}
.g-button-basic div span {
  background-image:url(/mobile/images/mgc3/g-button-chocobo-nobox-1.gif);
}
.g-button-basic div span span {
  background-image:url(/mobile/images/mgc3/g-button-chocobo-nobox-1.gif);
}
.mgc-stp-box .g-button-basic div {
  background-image:url(/mobile/images/mgc3/g-button-chocobo-box-1.gif);
}
.mgc-stp-box .g-button-basic div span span a {
  background-image:url(/mobile/images/mgc3/g-button-chocobo-box-2.gif);
}
.mgc-stp-box .g-button-basic div span {
  background-image:url(/mobile/images/mgc3/g-button-chocobo-box-1.gif);
}
.mgc-stp-box .g-button-basic div span span {
  background-image:url(/mobile/images/mgc3/g-button-chocobo-box-1.gif);
}
.mgc .bar-promo {
  background:#ffffcd;
  padding:6px 10px;
  text-align:center;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
}
.mgc .bar-promo img {
  margin:0 10px;
}
span.new {
  color:#F00;
  font-weight:normal;
  font-size:11px;
}
img.pad-right {
  margin-right:5px;
}
.mgc-footnote {
  font-size:11px;
  color:#666;
  margin:0;
  padding:0
}

#promos {
    clear:left;
    margin:0 15px 3em 0;;
    padding:0;
    width:400px;
    float:left;
  }
  #promos div {
    margin:0;
  }
  #promos .promo {
    margin:0 21px;
    padding:0 10px;
    min-height:155px;
    border-right:1px solid #ccc;
    border-left:1px solid #ccc;
    border-top:1px solid #ccc;
    line-height:1.4em;
  }
  * html #promos .promo {
    height:155px;
  }
  #promos #promo-nav {
    margin:0 21px;
    padding:0 10px;
    min-height:19px;
    border-bottom:1px solid #ccc;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    border-top:1px solid #eee;
    text-align:center;
  }
  * html #promos #promo-nav {
    height:19px;
  }
  #promos h3 {
    border-bottom:1px solid #ccc;
    font-size:1.4em;
    font-weight:normal;
    padding:5px 0 3px 0;
    margin:0 0 5px 0;
  }
  #promos p {
    margin:0;
    padding:0 0 10px 0;
  }
  #promos #next {
    float:right;
  }
  #promos #previous {
    float:left;
  }
  #promos #previous,
  #promos #next {
    margin:0;
  }
  #promos #promo-nav ul {
    margin:0;
    padding:0;
    display:block;
    height:19px;
  }
  #promos #previous a,
  #promos #previous span {
    display:block;
    width:20px;
    height:175px;
    border-left:1px solid #ccc;
    border-bottom:1px solid #ccc;
    border-top:1px solid #ccc;
    background:#eee;
    -moz-border-radius-topleft:10px;
    -webkit-border-top-left-radius:10px;
    -moz-border-radius-bottomleft:10px;
    -webkit-border-bottom-left-radius:10px;
  }
  #promos #previous span {
    background:#fff;
  }
  #promos #next a,
  #promos #next span {
    display:block;
    width:20px;
    height:175px;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    background:#eee;
    border-top:1px solid #ccc;
    -moz-border-radius-topright:10px;
    -webkit-border-top-right-radius:10px;
    -moz-border-radius-bottomright:10px;
    -webkit-border-bottom-right-radius:10px;
  }
  #promos #next a {
    background:url(prevnext.gif) no-repeat 0 50% #eee;
  }
  #promos #next a:hover {
    background:url(prevnext.gif) no-repeat -20px 50% #eee;
  }
  #promos #previous a {
    background:url(prevnext.gif) no-repeat -40px 50% #eee;
  }
  #promos #previous a:hover {
    background:url(prevnext.gif) no-repeat -60px 50% #eee;
  }
  #promos #next span {
    background:#fff;
  }
  #promos #next a span,
  #promos #next span span,
  #promos #previous a span,
  #promos #previous span span {
    left:-10000px;
    position:absolute;
  }
  #promos #promo-nav li {
    list-style: none;
    padding:0 5px;
    margin: 0;
    display:inline;
  }
  #promos #promo-nav li.selecteditem a {
    color:#999;
    text-decoration:none;
    font-weight:bold;
  }
  #promos #promo-nav a {
    padding: 0;
    margin: 0; 
    width:15px;
    height:19px;
    /*
    display: block;
    border:2px solid #ccc;
    width:7px;
    height:7px;
    -moz-border-radius: 7px; 
    -webkit-border-radius: 7px;
    */
  }
  #promos img.promoimage {
    margin: 0 0 5px 10px; 
    float: right;
    max-width:107px;
  }
  * html #promos img.promoimage {
    width:107px;
  }
  #promos ul {
    margin:0;
    padding:0 0 10px 15px;
  }
  #promos li {
    padding:;
  }
  #promos .rssbottom {
    clear:none;
  }
  #static-promo {
    width:395px;
    float:left;
    margin:6px 0 3em 0;
  }
  #static-promo h3 {
    border-bottom:1px solid #ccc;
    font-size:1.4em;
    font-weight:normal;
    padding:0 0 3px 0;
    margin:0 0 5px 0;
  }
  #static-promo p {
    margin:0;
  }
  #static-promo ul {
    list-style:none;
    margin:0;
    padding:0;
    line-height:1.3em;
  }
  #promos .feed ul {
    padding:0 0 10px 0;
    line-height:1.3em;
    list-style:none;
  }
  #promos .feed li {
    padding:0 0 5px 0;
  }
  .info-boxes-tools .feed {
    margin:0;
  }


/*  signup css 

#signup-form input.text_field:focus
 { 
 border-color:#aaa; 
 background-color:#fafafa; 
 } 
 #signup-form input.text_field
 { 
 font-size:18px; 
 } 
 #signup-form table
 { 
 border-collapse:collapse; 
 margin-bottom:20px; 
 } 
 #signup-form td,#signup-form th
 { 
 padding:0 0 15px 0; 
 vertical-align:top; 
 } 
 #signup-form th
 { 
 font-size:16px; 
 font-weight:normal; 
 text-align:right; 
 color:#000000; 
 padding-right:10px; 
 width:180px; 
 vertical-align:middle; 
 } 
 #signup-form th .printable-version
 { 
 font-size:12px; 
 } 
 #signup-form td #tos
 { 
 height:5em; 
 border-color:#DDD; 
 -moz-border-radius:5px; 
 -webkit-border-radius:5px; 
 border-radius:5px; 
 padding:8px 0 8px 8px; 
 display:block; 
 overflow-x:hidden; 
 overflow-y:auto; 
 border:1px solid #DDD; 
 } 
 #signup-form td #tos,#signup-form td .tos-agree
 { 
 width:455px; 
 } 
 #signup-form td #tos:focus
 { 
 border-color:#AAA; 
 } 
 body.ie7 #signup-form th
 { 
 font-weight:bold; 
 } 
 #signup-form td.col-field
 { 
 width:200px; 
 } 
 #signup-form .fieldWithErrors input
 { 
 background-color:inherit; 
 } 
 #signup-form td.col-help
 { 
 width:250px; 
 } 
 #signup-form td.col-help .label-box
 { 
 display:none; 
 font-size:12px; 
 color:#666; 
 border:1px solid #dbdbdb; 
 border-left:2px solid #dbdbdb; 
 -moz-border-radius-topright:10px; 
 -moz-border-radius-bottomright:10px; 
 -webkit-border-top-right-radius:10px; 
 -webkit-border-bottom-right-radius:10px; 
 padding:.85em 10px .85em 30px; 
 line-height:1.45em; 
 background:#f2f2f2 url(https://s3.amazonaws.com/twitter_production/a/1269387398/images/signup_info.gif) no-repeat 13px 50%; 
 text-transform:lowercase; 
 } 
 .ie #signup-form td.col-help .label-box
 { 
 padding:.85em 10px .80em 30px; 
 } 
 #signup-form td.col-help .label-box .pstrength-text
 { 
 text-transform:none; 
 font-weight:normal; 
 } 
 #signup-form td.col-help .label-box.password-invalid
 { 
 background-image:url(https://s3.amazonaws.com/twitter_production/a/1269387398/images/signup_info.gif); 
 padding-left:30px; 
 } 
 #signup-form td.col-help .label-box.password-weak
 { 
 background-image:url(https://s3.amazonaws.com/twitter_production/a/1269387398/images/signup_check_weak.gif); 
 padding-left:30px; 
 color:#80461b; 
 border-color:#e5bda3; 
 background-color:#ffe2cf; 
 } 
 #signup-form td.col-help .label-box.password-good
 { 
 background-image:url(https://s3.amazonaws.com/twitter_production/a/1269387398/images/signup_check_good.gif); 
 padding-left:30px; 
 color:#80621b; 
 border-color:#e5d5a3; 
 background-color:#fff0cf; 
 } 
 #signup-form td.col-help .label-box.password-strong
 { 
 background-image:url(https://s3.amazonaws.com/twitter_production/a/1269387398/images/signup_check_strong.gif); 
 padding-left:30px; 
 color:#78801b; 
 border-color:#e3e5a3; 
 background-color:#f5ffcf; 
 } 
 #signup-form td.col-help .label-box.password-verystrong
 { 
 background-image:url(https://s3.amazonaws.com/twitter_production/a/1269387398/images/signup_check.gif); 
 padding-left:30px; 
 color:#2a801b; 
 border-color:#e1efdb; 
 background-color:#f0fee9; 
 } 
 body.ie7 #signup-form td.col-help .label-box
 { 
 margin-top:1px; 
 } 
 #signup-form table td.col-help .label-box.good
 { 
 background-image:url(https://s3.amazonaws.com/twitter_production/a/1269387398/images/signup_check.gif); 
 border-color:#e1efdb; 
 background-color:#f0fee9; 
 } 
 #signup-form table td.col-help .label-box.error
 { 
 background-image:none; 
 padding-left:10px; 
 color:#801b1b; 
 border-color:#e5a3a3; 
 background-color:#ffcfcf; 
 } 
 #signup-form tr.captcha-solved td p
 { 
 color:#801b1b; 
 border:1px solid #dbdbdb; 
 background-color:#f2f2f2; 
 margin-top:5px; 
 padding:5px 0 5px 10px; 
 -webkit-border-radius:5px; 
 -moz-border-radius:5px; 
 color:#666; 
 } 
 #signup-form tr.screen-name th,#signup-form tr.screen-name td
 { 
 padding-bottom:0; 
 } 
 #signup-form tr.email th,#signup-form tr.email td
 { 
 padding-bottom:0; 
 } 
 #signup-form tr.email-updates td
 { 
 color:#666; 
 } 
 #signup-form tr.email-updates td input,#signup-form tr.email-updates td label
 { 
 vertical-align:middle; 
 } 
 #signup-form tr.captcha th
 { 
 padding-top:9%; 
 } 
 #signup-form tr.email-updates td #scoop
 { 
 width:450px; 
 } 
 #signup-form #screen_name_url
 { 
 font-size:10px; 
 display:block; 
 color:#666; 
 padding-top:.3em; 
 } 
 #signup-form strong.valid
 { 
 color:#2c811d; 
 } 
 #signup-form strong.invalid
 { 
 color:#963b3b; 
 } 
 .captcha label
 { 
 color:#666; 
 display:inline-block; 
 width:140px; 
 } 
 .captcha label.title
 { 
 color:#666; 
 margin:75px 10px 0 0; 
 vertical-align:top; 
 width:140px; 
 } 
 .captcha p.instructions
 { 
 color:#666; 
 font-size:13px; 
 margin-bottom:25px!important; 
 } 
 .captcha #recaptcha_widget
 { 
 display:inline-block; 
 } 
 .captcha .footer-buttons
 { 
 display:inline-block; 
 margin:10px 5px; 
 } 
 .recaptcha_is_showing_audio .recaptcha_only_if_image,.recaptcha_isnot_showing_audio .recaptcha_only_if_audio,.recaptcha_had_incorrect_sol .recaptcha_only_if_no_incorrect_sol,.recaptcha_nothad_incorrect_sol .recaptcha_only_if_incorrect_sol
 { 
 display:none; 
 } 
 #signup-form #recaptcha_widget
 { 
 position:relative; 
 font-size:12px; 
 width:468px; 
 overflow:hidden; 
 } 
 #signup-form #recaptcha_data
 { 
 width:306px; 
 } 
 #signup-form #recaptcha_image
 { 
 border:1px solid #ddd; 
 border-bottom:none; 
 padding:2px; 
 padding-bottom:0; 
 -webkit-border-top-left-radius:5px; 
 -moz-border-radius-topleft:5px; 
 } 
 #signup-form #recaptcha_response_field
 { 
 width:288px; 
 -webkit-border-top-left-radius:0; 
 -moz-border-radius-topleft:0; 
 -webkit-border-bottom-right-radius:0; 
 -moz-border-radius-bottomright:0; 
 -webkit-border-top-right-radius:0; 
 -moz-border-radius-topright:0; 
 font-weight:bold; 
 } 
 #signup-form #recaptcha_response_field:focus
 { 
 background-color:#fafafa; 
 border-color:#999; 
 } 
 #signup-form #recaptcha_controls
 { 
 position:absolute; 
 width:141px; 
 font-size:10px; 
 color:#666; 
 border-top:1px solid #dbdbdb; 
 border-right:1px solid #dbdbdb; 
 border-bottom:1px solid #dbdbdb; 
 background-color:#f2f2f2; 
 padding:8px 10px 8px 10px; 
 right:0; 
 top:0; 
 bottom:0; 
 -moz-border-radius-topright:10px; 
 -moz-border-radius-bottomright:10px; 
 -webkit-border-top-right-radius:10px; 
 -webkit-border-bottom-right-radius:10px; 
 } 
 body.ie7 #signup-form #recaptcha_controls
 { 
 bottom:1px; 
 } 
 #signup-form #recaptcha_controls h3
 { 
 margin:0 0 .5em 0; 
 font-size:10px; 
 } 
 #signup-form #recaptcha_controls ul
 { 
 margin:0 0 8px 0; 
 padding:0; 
 list-style-type:none; 
 } 
 #signup-form #recaptcha_controls li
 { 
 margin-bottom:3px; 
 } 
 #signup-form #recaptcha_controls li a
 { 
 padding-left:18px; 
 } 
 #signup-form #recaptcha_controls li.reload a
 { 
 background:url(https://s3.amazonaws.com/twitter_production/a/1269387398/images/signup_captcha_reload.gif) no-repeat 0 50%; 
 } 
 #signup-form #recaptcha_controls li.recaptcha_only_if_image a
 { 
 background:url(https://s3.amazonaws.com/twitter_production/a/1269387398/images/signup_captcha_audio.gif) no-repeat 0 50%; 
 } 
 #signup-form #recaptcha_controls p
 { 
 margin:0; 
 } 
 #signup-form #recaptcha_controls #recaptcha_powered,#signup-form #recaptcha_controls #recaptcha_help
 { 
 font-size:9px; 
 color:#999; 
 } 
 #signup-form #recaptcha_controls #recaptcha_help
 { 
 margin-top:5px; 
 } 
 #signup-form #recaptcha_errors
 { 
 margin-top:10px; 
 } 
 #signup-form #discoverable_by_email
 { 
 color:#666; 
 margin-top:5px; 
 } 
 #signup-form .instruction
 { 
 color:#666; 
 font-size:10px; 
 margin-top:5px; 
 } 
 body.ie7 #signup-form #recaptcha_errors
 { 
 width:450px; 
 } 
 
 input.text_field{ 
 border:1px solid #ddd; 
 font-size:14px; 
 padding:8px; 
 width:200px; 
 margin:0; 
 -moz-border-radius:5px; 
 -webkit-border-radius:5px; 
 } 
 input.text_field.with-box{ 
 -moz-border-radius-topright:0; 
 -moz-border-radius-bottomright:0; 
 -webkit-border-top-right-radius:0; 
 -webkit-border-bottom-right-radius:0; 
 } 
.user_password
{
	color:Black;
} 


*/
 
 
 /* box */
.box{background-image:url(bg-body-mid-700px.png);width:656px;padding:0 22px;background-repeat:repeat-y;}
.boxtop{width:700px;height:20px;background-image:url(bg-body-top-700px.png);}
.boxmessage{
  background-color: #FDFBD5;
  border: 1px solid #FFCC00;
  margin-bottom: 20px;
  padding: 9px 9px 4px;
}
.boxbottom{width:700px;height:20px;background-image:url(bg-body-bot-700px.png);}
.boxbig{background-image:url(bg-body-mid-800px.png);width:756px;padding:0 22px;background-repeat:repeat-y;}
.boxbigtop{width:800px;height:20px;background-image:url(bg-body-top-800px.png);}
.boxbigbottom{width:800px;height:20px;background-image:url(bg-body-bot-800px.png);}


.tp-box  {
	padding:20px 19px 25px;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;

vertical-align:baseline;
border:solid 2px #EFEFEF;
}

.inner_black_text {
	font-family:"Arial";
	font-size:12px;
	font-weight:normal;
	color:#484848;
	text-decoration:none;
}
.sub_black_text {
	font-family:"Arial";
	font-size:17px;
	font-weight:normal;
	color:#000000;
	text-decoration:none;
}
.title_black_text {
	font-family:"Arial";
	font-size:28px;
	font-weight:normal;
	color:#484848;
	text-decoration:none;
	height:56px;
	padding-left:20px;	
}
.main-background {
	background-image:url(hiwContainerShadow.jpg);
	height:400px;
	width:278px;
}
.button_submit {
	font-family:"Tahoma";
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	border:1px solid #123172;
	background-image:url(button_go.jpg);
	background-repeat:repeat-x;
	width:158px;
	height:44px;
}
.button_submit:hover {
	font-family:"Tahoma";
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	border:1px solid #123172;
	background-image:url(button_go1.jpg);
	background-repeat:repeat-x;
	width:158px;
	height:44px;
}
.page_background
{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#FFFFFF url(mgc-body-toolbar-bg1.png) repeat-x scroll center top;
	padding:20px 0 0;
}