/*  
Name: Joypad Marketing Site
Author: Todd Hamilton, Lou Zell
URL: http://getjoypad.com
*/

@font-face {
	font-family: 'GillSansRegular';
	src: url('gillsans-webfont.eot');
	src: local('☺'), url('gillsans-webfont.woff') format('woff'), url('gillsans-webfont.ttf') format('truetype'), url('gillsans-webfont.svg#webfont0vb87XZL') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'GillSansMTBold';
    src: url('gill_sans_bold-webfont.eot');
    src: url('gill_sans_bold-webfont.eot?iefix') format('eot'),
         url('gill_sans_bold-webfont.woff') format('woff'),
         url('gill_sans_bold-webfont.ttf') format('truetype'),
         url('gill_sans_bold-webfont.svg#webfontUzJkdUme') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* RESET */
/*---------------------------------------------------------------------*/
html, body, div, p, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remind IE to use a pointer on links */
a {cursor:pointer;}
/* remove safari input highlighting */
input {outline: none;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/*---------------------------------------------------------------------*/


/* GENERAL STYLES */
/*---------------------------------------------------------------------*/
.bold{font-weight:bold;}
.left{float:left;}
.right{float:right;}
.clearfix{clear:both;}
.dividerTop{background:transparent url('../images/divider.png') left top repeat-x;}
.dividerBottom{background:transparent url('../images/divider.png') left bottom repeat-x;}
#mobile{display:none;}
body{background:#fff url('../images/bg.png');font-family: 'GillSansRegular','Georgia',Arial,Helvetica,sans-serif;}
#wrapper{width:960px;margin:0 auto;position:relative;}
#main, #secondary, #news{width:960px;background:#fff;color:#373c43;position:relative;clear:both;margin:0 0 20px 0;
  box-shadow:0 0 3px #888;
  -webkit-box-shadow:0 0 3px #888;
  -moz-box-shadow:0 0 3px #888;
  border-radius:7px;
  -webkit-border-radius:7px;
  -moz-border-radius:7px;}

#main{min-height:500px;}
#secondary{overflow:hidden;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f3f3f3));
  background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 100%);
  background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 100%);
  background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 100%);
  background: linear-gradient(top, #ffffff 0%,#f3f3f3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 );
}

#logo{margin:30px 0 20px 10px;float:left;display:block;overflow:hidden;background:transparent url('../images/joypad_sprite.png') left top no-repeat;width:167px;height:61px;}
#nav{list-style:none;margin:30px 20px 0 0;float:right;font-family:Helvetica,Arial,Sans-serif;font-size:14px;text-shadow:0 1px 0 #fff;}
#nav li{display:block;float:left;margin-left:40px;font-weight:bold;}
#nav li.active a, #nav li.active a:hover{color:#888;}
#nav li a{display:block;font-size:14px;color:#2c2c2c;text-decoration:none;text-shadow:0 1px 0 #fff;-webkit-transition:all .2s ease-in-out;}
#nav li a:hover{color:#888;}
/*---------------------------------------------------------------------*/




/* LANDING PAGE */
/*---------------------------------------------------------------------*/
#step_one{margin:0;position:relative;height:307px;background:transparent url('../images/divider.png') center bottom no-repeat;}
#header{width:460px;float:left;margin:30px 0 25px 40px;color:#000;}
#header h1{font-size:34px;margin-bottom:12px;line-height:42px;}
#header span{font-size:48px;font-weight:bold;font-family: 'GillSansMTBold','Georgia',Arial,Helvetica,sans-serif;}
#header p{font-size:19px;color:#999;line-height:24px;display:none;}
#ipad{width:401px;height:337px;position:absolute;top:-30px;right:65px;}

#buttons{margin:0 0 0 40px;clear:both;}
a.app_store{background:transparent url('../images/joypad_sprite.png') left -121px no-repeat;display:block;text-indent:-9999px;width:266px;height:53px;float:left;}
#buttons label{font-size:20px;display:block;margin:0 0 15px 0;}
a.app_store:hover{background-position:left -174px;}
a.app_store:active{background-position:left -227px;}
a.demo{color:#4896e4;text-decoration:none;display:block;position:absolute;bottom:17px;left:114px;}

.arrow_one{display:block;width:84px;height:125px;background:transparent url('../images/joypad_sprite.png') -407px -101px no-repeat;position:absolute;left:75px;top:250px;}
.arrow_two{display:block;width:83px;height:125px;background:transparent url('../images/joypad_sprite.png') -324px -101px no-repeat;position:absolute;right:50px;top:120px;}

#step_two{text-align:center;margin:30px auto;position:relative;clear:both;}
#step_two label{font-size:20px;display:block;margin:0 0 15px 0;}
#step_two ul{width:540px;margin:0 auto;overflow:hidden;}
#step_two ul li{float:left;margin:0 10px;width:70px;text-align:center;}
#step_two ul li a{text-decoration:none;color:#4896e4;-webkit-transition:color .2s ease-in-out;}
#step_two ul li a .icon{position:relative;}
#step_two ul li a .icon .mask{width:62px;height:63px;background: url('../images/mask.png') left top no-repeat;display: block;position:absolute;top: 0;left:4px;z-index:1;}
#step_two ul li a .icon img{width:60px;height:60px;position: relative;z-index: 0;}
#step_two ul li a p{font-size:12px;margin:10px 0 0 0;font-family:Arial,Helvetica,Sans-serif;}
#step_two ul li a:hover{color:#373C43;}

#step_three{background:transparent url('../images/divider.png') center top no-repeat;text-align:center;padding:30px 0 20px 0;}
#step_three label{font-size:20px;display:block;margin:0 0 15px 0;}
#step_three img{margin:30px 0;}
#step_three label:last-child{color:#999;line-height:24px;}

.box_left{border-right:1px solid #e1e1e1;text-align:center;width:258px;}
.box_middle{border-left:1px solid #fff;border-right:1px solid #e1e1e1;background:transparent url('../images/joypad_connect.png') right bottom no-repeat;width:259px;}
.box_right{border-left:1px solid #fff;background:transparent url('../images/stamp.png') right top no-repeat;width:259px;}
.box{float:left;padding:30px 30px 0 30px;text-shadow:0 1px 0 #fff;min-height:295px;}
.box h4{font-size:18px;font-weight:bold;font-family: 'GillSansMTBold','Georgia',Arial,Helvetica,sans-serif;margin-bottom:10px;text-align:left;}
.box p{color:#888;font-size:18px;line-height:20px;text-align:left;}
.box_left span.small_box{margin:30px auto 5px auto;text-align:center;display:block;background:transparent url('../images/joypad_sprite.png') -317px -226px no-repeat;width:174px;height:186px;}
.box a{color:#4896e4;text-decoration:none;-webkit-transition:color .2s ease-in-out;}
.box a:hover{color:#373C43;}

#client{margin:30px 0 0 0;}
#client .mac, #client .pc{display:block;width:122px;height:38px;background-image: url('../images/joypad_sprite.png');float:left;text-indent:-9999px;opacity:1;position:relative;}
#client .mac{background-position:-324px -25px;margin-right:10px;}
#client .pc{background-position:-324px -63px;}
#client .mac:hover{opacity:.8;top:1px;}
#client .pc:hover{opacity:.8;top:1px;}

.box_right #mc_embed_signup{margin:30px 0 0 0;}
.box_right #mc_embed_signup form #mce-EMAIL{border: 1px solid #CCC;font-size:13px;padding:10px;color: #999;width:238px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow:inset 0 1px #cfcfcf, 0 1px 1px #fff;
  -webkit-box-shadow:inset 0 1px #cfcfcf, 0 1px 1px #fff;
  box-shadow:inset 0 1px #cfcfcf, 0 1px 1px #fff;
}
.box_right #mc-embedded-subscribe{display:block;padding:10px;color:#fff;font-weight:bold;cursor:pointer;font-size:14px;text-shadow:0 -1px 0 #2a5b8d;margin:10px 0 0 0;float:right;}

.box_right #mce-responses{clear:both;}
.box_right #mc_embed_signup div.mce_inline_error{margin:5px 0;padding:5px;color:#D12F19;background:#FBE3E4;border:1px solid #FBC2C4;font-weight:normal;font-family:Arial, Sans-serif;font-size:12px;}
.box_right #mc_embed_signup div.response{margin-top:10px;padding:10px;background:#fff;color:#999;}

#news{position:relative;padding:30px;background:#f3f3f3;overflow:hidden;width:900px;}
#quotes{float:left;width:700px;text-shadow:0 1px 0 #fff;}
#quotes li{font-family:"Georgia", Helvetica, Arial, Sans-serif;font-size:18px;font-style:italic;margin:0;padding:0;}
#social{float:right;height:37px;width:155px;}
/*
#social a{display:block;width:36px;height:37px;text-indent:-9999px;opacity:0.6;float:left;margin-left:10px;background-image: url('../images/joypad_sprite.png');-webkit-transition:opacity .2s ease-in-out;}
#social a:hover{opacity:1;}
#social a.fb{background-position:-455px -20px;}
#social a.twitter{background-position:-419px -20px;}
*/

#quotes a{text-decoration:none;color:#888;-webkit-transition:all .2s ease-in-out;}
#quotes a:hover{text-decoration:none;color:#666;}
#quotes span{display:block;float:left;height:36px;background-image:url('../images/joypad_sprite.png');background:repeat:no-repeat;text-indent:-9999px;}
#quotes cite{display:block;float:left;padding:8px 0 0 10px;}

#quotes span.tuaw{width:48px;background-position:-346px -412px}
#quotes span.tnw{width:77px;background-position:-346px -448px}
#quotes span.macstories{width:104px;background-position:-346px -484px}
#quotes span.cultofmac{width:105px;background-position:-346px -520px}
#quotes span.ninetofive{width:109px;background-position:-346px -556px}
#quotes span.macgasm{width:110px;background-position:-346px -592px}
#quotes span.techcrunch{width:114px;background-position:-346px -628px}
#quotes span.wired{width:117px;background-position:-346px -664px}
#quotes span.gizmodo{width:124px;background-position:-346px -700px}
#quotes span.toucharcade{width:126px;background-position:-346px -736px}
#quotes span.macrumors{width:145px;background-position:-346px bottom;}
/*---------------------------------------------------------------------*/


/* SDK PAGE */
/*---------------------------------------------------------------------*/
.curl{position:absolute;top:0;right:0;display:none;}
#sdk_top{margin:0;position:relative;height:320px;}
#sdk_header{width:400px;float:left;margin:30px 0 25px 40px;color:#000;}
#sdk_header h1{font-size:34px;margin-bottom:12px;line-height:42px;}
#sdk_header span{font-size:48px;font-weight:bold;font-family:'GillSansMTBold','Georgia',Arial,Helvetica,sans-serif;}
#sdk_header p{font-size:19px;color:#999;line-height:24px;display:none;}
#big_box{position:absolute;right:100px;top:-40px;display:block;width:346px;height:369px;background:transparent url('../images/joypad_sprite.png') left -439px no-repeat;}

#sdk_btn{margin:0 0 0 40px;height:49px;clear:both;width:300px;}
a.download{background:transparent url('../images/joypad_sprite.png') left -280px no-repeat;display:block;text-indent:-9999px;width:274px;height:53px;}
a.download:hover{background-position:left -333px;}
a.download:active{background-position:left -386px;}
.docs{margin:20px 0 0 3px;font-size:18px;}
.docs a{display:block;margin-top:5px;color:#4896e4;text-decoration:none;-webkit-transition:color .2s ease-in-out;}
.docs a:hover{color:#373C43;}

#sdk_features{overflow:hidden;position:relative;padding:20px 0;}
#sdk_features ul{overflow:hidden;margin:0 0 0 10px}
#sdk_features ul li{width:275px;float:left;padding:20px 20px;}
#sdk_features ul li h2{font-size:18px;margin:15px 0 10px 0;}
#sdk_features ul li p{color:#999;font-size:14px;line-height:18px;width:270px;}
#sdk_features ul li span{display:block;float:left;margin-right:15px;width:114px;height:114px;background-image: url('../images/joypad_sprite.png');}

/*
.layout{background-position: left -61px;}
.multiplayer{background-position: -32px -61px;}
.joystick{background-position: -64px -61px;}
.accel{background-position: -96px -61px;}
.wifi{background-position: -128px -61px;}
.setup{background-position: -160px -61px;}
*/

.easy{background-position: right -124px;}
.layouts{background-position: right -238px;}
.multiplayer{background-position: right -352px;}
.wifi{background-position: right -466px;}
.accel{background-position: right -580px;}
.simulator{background-position: right -694px;}

#sdk_ui{overflow:hidden;padding:20px 0;}
#sdk_ui img{}
#sdk_ui ul{margin:0 auto 0 auto;width:920px;}
#sdk_ui ul li{display:block;float:left;padding:0 15px;text-align:center;}
#sdk_ui ul li a{display:block;float:left;width:150px;height:100px;border:2px solid #fff;
  box-shadow:0 0 3px #999;
  -webkit-box-shadow:0 0 3px #999;
  -moz-box-shadow:0 0 3px #999;
}

#sdk_quotes{overflow:hidden;position:relative;padding:30px 0;}
#sdk_quotes ul{margin:0 auto;width:840px;}
#sdk_quotes ul li{float:left;;width:420px;margin:10px 0;}
#sdk_quotes ul li span.dev_quote{border:3px solid #fff;margin:10px 0 0 75px;width:32px;height:32px;background-image:url('../images/dev_quotes.png');display:inline-block;
  -webkit-box-shadow:0 0 3px #666;
  -mox-box-shadow:0 0 3px #666;
  box-shadow:0 0 3px #666;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.dev1{background-position:left top;}
.dev2{background-position:left -32px;}
.dev3{background-position:left -64px;}
.dev4{background-position:left -96px;}
.dev5{background-position:left -128px;}
.dev6{background-position:left bottom;}

#sdk_quotes ul li p{margin-left:8px;display:inline-block;font-size:13px;position:relative;top:-8px;}
#sdk_quotes ul li p span{display:block;color:#888;}
#sdk_quotes ul li blockquote{
  line-height:18px;
  position:relative;
  text-shadow:0 1px 0 #fff;
  border:1px solid #c6c6c6;
  padding:15px;
  margin:0 20px;
  font-size:13px;
  background: #eaf1f5;
  box-shadow:0 0 5px #ccc;
  -webkit-box-shadow:0 0 5px #ccc;
  -moz-box-shadow:0 0 5px #ccc;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f3f3f3));
  background: -webkit-linear-gradient(top, #e8f6f9 0%,#dbe9f2 100%);
  background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 100%);
  background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 100%);
  background: linear-gradient(top, #ffffff 0%,#f3f3f3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 );
}
/* creates triangle */
#sdk_quotes ul li blockquote:after {
   content:"";
   display:block; /* reduce the damage in FF3.0 */
   position:absolute;
   bottom:-10px;
   left:25px;
   width:0;
   border-width:10px 10px 0;
   border-style:solid;
   border-color:#dbe9f2 transparent;
}

#sdk_video{color:#404654;padding:40px 0 40px 60px;position:relative;}
#sdk_video #sdk_desc{float:left;margin:25px 0;width:230px;}
#sdk_video #sdk_desc h3{font-weight:normal;font-size:24px;color:#000;}
#sdk_video #sdk_desc p{font-size:16px;margin:30px 0 15px 0;line-height:24px;}
#sdk_video #sdk_desc a{padding:10px;margin:10px 0;font-size:13px;font-weight:bold;}
#sdk_video_inner{margin-right: 60px;float: left;position: relative;padding: 5px;
  box-shadow: 0 0 5px #999;
  -webkit-box-shadow: 0 0 5px #999;
  -moz-box-shadow: 0 0 5px #999;
}
#sdk_video_inner a{display:block;height:337px;width:530px;background:transparent url('../images/sdk_video.png') left bottom no-repeat;}
#sdk_video_inner a span.play {display: block;position: absolute;top: 140px;left: 168px;width: 215px;height: 60px;background: transparent url('../images/joypad_sprite.png') left -61px no-repeat;opacity: 0.85;cursor: pointer;-webkit-transition: opacity .2s ease-in-out;}
#sdk_video_inner a span.play:hover{opacity:1;}


/*
#simulator{padding:30px 0 25px 0;}
#simulator img{float:left;margin:0 40px 0 0;}
#simulator_desc{float:left;margin:15px 0 25px 0;width:340px;}
#simulator h3{font-weight:normal;font-size:24px;color:#000;}
#simulator p{font-size:16px;margin:30px 0 15px 0;line-height:24px;}

#videos{padding:30px 0 25px 0;}
#videos ul{margin:0 auto;width:752px;}
#videos li{float:left;text-align:center;margin:0 25px;}
#videos a{display:block;font-size:12px;color:#4896e4;text-decoration:none;font-family:Arial, Helvetica, Sans-serif;-webkit-transition:all .2s ease-in-out;}
#videos a img{display:block;margin-bottom:5px;}
#videos a:hover{color:#373C43;text-decoration:underline;}
*/



#sdk_newsletter #mc_embed_signup {overflow:hidden;padding: 40px 0 50px 0;}
#games_newsletter{padding:40px 0 50px 0;}
#games_newsletter label, #sdk_newsletter label {font-size: 24px;display: block;margin:0 0 20px 0;text-align: center;}
#sdk_newsletter form {text-align:left;width:820px;margin:0 auto;}
#sdk_newsletter form div.mc-field-group {float:left;background: #DDD;padding: 3px 5px;display: block;border: 1px solid #CCC;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#sdk_newsletter form #mce-EMAIL {border:1px solid #CCC;font-size:14pt;padding: 8px 10px;color:#999;width: 650px;border: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#sdk_newsletter #mc-embedded-subscribe{display:block;float:right;height:49px;color: white;font-weight:bold;position:relative;cursor:pointer;font-size:16px;padding:0 20px;margin-right:3px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

#mce-responses {clear: both;}

#sdk_newsletter #mc_embed_signup div.mce_inline_error, #games_newsletter #mc_embed_signup div.mce_inline_error{margin:5px 0;padding:5px;color:#D12F19;background:#FBE3E4;border:1px solid #FBC2C4;font-weight:normal;font-family:Arial, Sans-serif;font-size:12px;}
#games_newsletter #mc_embed_signup div.response, #sdk_newsletter #mc_embed_signup div.response{margin-top: 10px;padding: 10px;background: white;color: #999;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#games_newsletter a{display:block;height:49px;width:450px;margin:10px auto 0 auto;float:none;clear:both; color:#fff;font-weight:bold;background:#7abe2c;border:1px solid #428c00;cursor:pointer;font-size:14px;padding:0;text-shadow:0 1px 0 #537a25;text-transform:uppercase;line-height:49px;
  -webkit-border-radius:5px;
  -webkit-box-shadow:inset 0 1px #cee99d;
  background: #9ed33d; /* Old browsers */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9ed33d), color-stop(100%,#428c00)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #9ed33d 0%,#428c00 100%); /* Chrome10+,Safari5.1+ */
}
/*---------------------------------------------------------------------*/


/* SUPPORT PAGES */
/*---------------------------------------------------------------------*/
.support{font-family:Arial, Helvetica, sans-serif;overflow:hidden;}
#left_column{display:block;float:left;width:170px;margin:20px 0 0 20px;}
#right_column{float:left;width:690px;min-height:800px;border-left:1px solid #ddd;margin-top:20px;padding:0 0 40px 40px;}
#support_nav li{display:block;border-bottom:1px solid #ddd;background:#fff;}
#support_nav li:first-child{border-top:1px solid #ddd;}
#support_nav li a{text-decoration:none;font-size:13px;color:#53586d;display:block;padding:10px 20px 10px 10px;
  -webkit-transition:all .2s ease-in-out;
}
#support_nav li.active{position:relative;right:-1px;}
#support_nav li.active a{font-weight:bold;color:#444;}
#support_nav li a:hover{color:#369;padding-left:13px;}
#support_nav li.active a:hover{color:#444;padding-left:10px;}
.support a{color:#369;-webkit-transition:color .2s ease-in-out;}
.support a:hover{color:#000;}
.support h3{display:block;font-weight:bold;font-size:25px;color:#333;margin:8px 0;}  
.support h4{display:block;font-weight:bold;font-size:17px;color:#444;margin:1px 0 0 0;border-top:1px dotted #eee;padding-top:20px;}
.support h4.first{border-top:0;}
.support h3.first{border-top:0;}
.support ol{margin:8px 0 15px 0;font-size:13px;color:#666;text-shadow:0 1px 0 #fff;overflow:hidden}
.support ol li{margin:8px 0;background:#f5f5f5;padding:6px 8px;border:1px dotted #ccc;line-height:10px;line-height:15px;text-shadow:0 1px 0 #fff;
  border-radius:3px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
}
#support_footer{margin:20px 0;display:block;}
#support_footer span{font-style:italic;}

.support_vid{display:inline-block;padding:5px;margin:20px 0 0 0;
  border-radius:3px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  -webkit-box-shadow:0 0 3px #aaa;
  -moz-box-shadow:0 0 3px #aaa;
  box-shadow:0 0 3px #aaa;
}

#press_page a{text-decoration:none;}
#press_page a h4{margin-top:0;padding-top:5px;color:#369;-webkit-transition:all .2s ease-in-out}
#press_page a:hover h4{color:#444}
#press_page a h4 span{font-size:12px;color:#999;font-weight:normal;}
#press_page p{padding-top:0;}

.faqs p{display:block;font-size:13px;margin:0;padding:8px 0 15px 0;color:#444;line-height:18px;border-bottom:1px dotted #eee;}
.faqs p.last{border:0;}
.troubleshoot p{display:block;font-size:13px;margin:0;padding:8px 0 0 0;color:#444;line-height:18px;}  
.troubleshoot p.first{padding-top:20px;}
.adhoc p{border-bottom:1px solid #eee;border-top:1px dotted #eee;padding:10px 0;margin-top:1px;}  
.adhoc p.first{border-top:none;}
.adhoc label{display:block;font-weight:bold;font-size:12px;line-height:15px;margin:8px 0 0 0;color:#444;}
.adhoc img{margin:10px 0;}

.team div{clear:both;border-top:1px dotted #eee;padding-top:20px;}
.team img{float:left;margin-right:20px;margin-left:5px;border:5px solid #fff;-webkit-box-shadow:0 0 3px #aaa;-moz-box-shadow:0 0 3px #aaa;box-shadow:0 0 3px #aaa;}
.team div.first{border-top:0;padding-bottom:20px;overflow:hidden;margin-top:20px;}
.team h4{border-top:0;padding-top:0;}
.team p{border:0;}
.team p a{font-weight:bold;}

.media_images, .media_videos{margin-bottom:8px;clear:both;overflow:hidden;border-top:1px dotted #eee;display:block;}
.media_images h4, .media_videos h4{margin-bottom:5px;}
.media_images h4 span, .media_videos h4 span{font-weight:normal;font-size:12px;}
.media_images a{float:left;margin:5px;background:#fff;padding:6px 8px;border:1px dotted #ccc;line-height:10px;line-height:15px;text-shadow:0 1px 0 #fff;text-decoration:none;-webkit-transition:all .2s ease-in-out;
  border-radius:3px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
}
.media_images a img{width:100px;height:65px;}
.media_images p{float:left;margin:5px;background:#fff;padding:6px 8px;border:1px dotted #ccc;line-height:10px;line-height:15px;text-shadow:0 1px 0 #fff;text-decoration:none;-webkit-transition:all .2s ease-in-out;
  border-radius:3px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
}
.media_videos a{float:left;margin:5px;background:#f5f5f5;padding:6px 8px;border:1px dotted #ccc;line-height:10px;line-height:15px;text-shadow:0 1px 0 #fff;text-decoration:none;-webkit-transition:all .2s ease-in-out;
  border-radius:3px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
}
.media_videos a label{display:block;font-size:12px;font-weight:bold;}

.sdk_sample{display:block;margin:8px 0;background:#f5f5f5;padding:6px 8px;border:1px dotted #ccc;line-height:10px;line-height:15px;text-shadow:0 1px 0 #fff;
  border-radius:3px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
}
/*---------------------------------------------------------------------*/



/* SIGNUP STYLES */
/*---------------------------------------------------------------------*/
#signup{overflow:hidden;}
#sdk_signup{margin:0;padding:40px;width:450px;float:left;}
#sdk_signup h1{font-size:25pt;margin-bottom:5px;font-weight:bold;font-family:'GillSansMTBold','Georgia',Arial,Helvetica,sans-serif;}
#sdk_signup p.please{font-size:14pt;color:#999;line-height:20pt;}
#sdk_signup form{margin:20px 0;font-family:Arial, Helvetica, sans-serif;}
#sdk_signup form div{margin:0 0 10px 0;clear:both;position:relative;}
#sdk_signup form label{display:block;font-weight:bold;font-size:13px;margin:0 0 5px 0;color:#404654;}
#sdk_signup form input[type="text"]{display:block;font-weight:normal;padding:5px 8px;font-size:13px;width:365px;margin:0;
  -webkit-transition:all .2s ease-in-out;
}
#sdk_signup form input[type="text"]:focus{background:lightyellow;}
#sdk_signup form span.valid{display:block;font-size:11px;margin:3px 0 0 0;position:relative;color:#999;}
#sdk_signup form span.info{color:#999;font-style:italic;font-weight:normal;}
#sdk_signup .checks{margin:30px 0 20px 0;}
#sdk_signup .checks p{display:block;clear:both;height:20px;margin:0 0 10px 0;}
#sdk_signup .checks p input[type="checkbox"]{float:left;display:block;margin:0 10px 0 0;padding:0;}
#sdk_signup .checks p label{font-weight:normal;display:block;float:left;color:#000;position:relative;top:-1px;}
#sdk_signup form div#signup_btn{margin:0;}
#sdk_signup .checks a{text-decoration:none;color:#4896E4;-webkit-transition:color .2s ease-in-out;}
#sdk_signup .checks a:hover{color:#373C43;text-decoration:underline;}

#sdk_signup #download{background:transparent url('../images/joypad_sprite.png') left -312px no-repeat;display:block;text-indent:-9999px;width:274px;height:53px;border:none;cursor:pointer;}
#sdk_signup #download:hover{background-position:left -312px}
#sdk_signup #download:active{background-position:left -312px}
#sdk_signup label.error{position:absolute;right:-65px;top:20px;font-size:11px;display:block;padding:5px;color:#d12f19;border: 1px solid #fbc2c4;background:#fbe3e4;margin:0;
  border-radius:3px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
}
#sdk_signup form .checks label.error{position:absolute;left:275px;top:-10px;color:#d12f19;font-weight:bold;margin:0;width:150px;}
#sdk_signup #thanks{min-height:450px;}
#sdk_signup #thanks_wrapper{background:#E6EFC2;border: 1px solid #C6D880;color:#529214;margin:10px 0 0 0;padding:10px;
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
}
#sdk_signup #thanks_wrapper p{size:12px;color:green;line-height:24px;}
#sdk_signup #thanks_wrapper p a{color:#006400;}
#sdk_signup #get_started p{margin:20px 0;font-size:24px;line-height:28px;}
#sdk_signup #get_started a{color:#369;}
#sdk_signup #form_error{background:#fbe3e4;border: 1px solid #fbc2c4;color:#d12f19;margin:10px 0 0 0;padding:5px;
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
}
#sdk_signup #form_error p{size:12px;color:red;}
#signup_side{float:left;width:350px;}
#signup_box{position: absolute;right: 100px;top: -40px;display: block;width: 346px;height: 369px;background: transparent url('../images/joypad_sprite.png') left -471px no-repeat;}
#signup_side p{line-height:18pt;color:#888;margin:320px 0 0 0;}
#signup_side p a{color:#4896E4;text-decoration:none;-webkit-transition:color .2s ease-in-out;}
#signup_side p a:hover{color:#373C43;text-decoration:underline;}
/*---------------------------------------------------------------------*/


#featured_games_web{padding:20px 0 30px 0;overflow:hidden;}
#featured_games_web div{display:block;float:left;width:409px;margin:5px 35px;text-decoration:none;}
#featured_games_web div label{display:block;margin:10px 20px;font-weight:bold;font-size:18px;color:#373C43;}
#featured_games_web div p {font-size:15px;color:#888;clear:both;margin:0 20px;}
#featured_games_web div a.get_game{display:inline-block;margin:10px 10px 10px 20px;color:#fff;font-size:12px;padding:8px 10px;}
#featured_games_web div a.vid{margin:0;padding:0;position:relative;top:4px;width:16px;height:16px;display:inline-block;background:transparent url('../images/joypad_sprite.png') right -4px no-repeat;text-indent:-9999px;opacity:.75;-webkit-transition:opacity .2s ease-in-out;}
#featured_games_web div a.vid:hover{opacity:1;}

/* GAME PAGE STYLES */
/*---------------------------------------------------------------------*/
#featured_games{display:none;}
#toolbar{display:none;}

#home, #free_games{padding:40px 0 20px 40px;font-family: Arial, Helvetica, sans-serif;overflow:hidden;}
#home li, #free_games li{display:block;position:relative;float:left;width:440px;margin:0 20px 30px 0;}
#home li a, #free_games li a{display:block;text-decoration:none;overflow:hidden;}
#home li .icon, #free_games li .icon{display:block;width:102px;height:103px;float:left;}
#home li .icon img, #free_games li .icon img{position:absolute;left:0px;width:100px;height:100px;}
#home li .icon span.mask, #free_games li .icon span.mask{display:block;width:102px;height:103px;background:transparent url('../images/games/mask100.png');display:block;position:absolute;z-index:1;left:-1px;}
#home li a p, #free_games li a p{float:left;margin-left:20px;padding-top:10px;}
#home li a p span, #free_games li a p span{color: #666;display:block;font-size:14px;margin:0 0 5px 0;}
#home li a p label, #free_games li a p label{display:block;font-size:16px;font-weight:bold;color:#404654;}
#home li a p label span, #free_games li a p label span{display:inline;font-weight:normal;}
ul#home li a span.get_game, ul#free_games li a span.get_game{display:inline-block;padding:8px 10px;margin:10px 0;font-size:12px;color:#fff;}

#home li.list_header, #free_games li.list_header{display:none;}
/*---------------------------------------------------------------------*/


/* SUPPORT PAGES */
/*---------------------------------------------------------------------*/
#tabs{margin-top:30px;border-bottom:1px solid #ccc;height:25px;}
#tabs li {float:left;list-style:none;margin-right:7px;}
#tabs li a{border:1px solid #ccc;font-weight:bold;font-size:15px;border-bottom:none;background:#eee;text-decoration:none;color:#666;padding:8px 10px;text-shadow:0 1px 0 #fff;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
#tabs li a:hover{background:#f5f5f5;color:#404654;}
#tabs li.active a{background:#fff;color:#404654;border-bottom:1px solid #fff;} 
pre {margin: 1em 0;background-color:ghostwhite;border: 1px solid #ddd;padding:10px;color: #111;overflow: auto;
  font: .8em "Droid Sans Mono",Monaco,monospace;
  line-height: 1.5;
  font-weight:300;
  -webkit-box-shadow: rgba(0,0,0,0.07) 0 1px 2px inset;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.warning_spacer{border-top:4px solid #E0E0E0;display:block;margin:30px 0;}
.sdk_support .warning{background:#FFD9DA;border:1px solid #FFABAD;padding:10px;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}
.sdk_support .warning h4{border-top:none;padding-top:0;margin-top:0;}
.warning p, .warning h4{color:#9E0013;}
.sdk_support p{display:block;font-size:13px;margin:0;padding:15px 0 0 0;color:#444;line-height:18px;}  
.sdk_support p.first{padding-top:20px;}
.sdk_support h4{font-size:20px;margin-top:30px;padding-top:30px;border-top:4px solid #E0E0E0;}
.sdk_support h4.first{margin-top:0;}
#sdk_support_button{display: inline-block;padding: 15px;margin: 10px auto;font-size: 13px;font-weight: bold;color:#fff;}
/*---------------------------------------------------------------------*/


/* FOOTER STYLES */
/*---------------------------------------------------------------------*/
#footer{width:960px;margin:20px auto 40px auto;color:#999;text-shadow:0 1px 0 #fff;font-size:12px;text-align:center;font-family:Arial,Helvetica,sans-serif;overflow:hidden;}
#footer_wrapper{padding:0 10px;}
#footer p.copyright{margin:10px 0 0 0;}
#footer a{color:#999;text-shadow:0 1px 0 #fff;text-decoration:none;-webkit-transition:color .2s ease-in-out;}
#footer a:hover{color:#333;}
/*---------------------------------------------------------------------*/


/* BUTTON STYLES */
/*---------------------------------------------------------------------*/
.blue_button{
  color: white;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  display: inline-block;
  text-align: center;
  text-shadow: 0 -1px 0 #2373B5;
  border: 1px solid #1B5496;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-box-shadow: inset 0 1px #92b8f8,0 2px 3px #999;
  -webkit-box-shadow: inset 0 1px #92b8f8,0 2px 3px #999;
  box-shadow: inset 0 1px #92b8f8,0 2px 3px #999;
  background: #4185f4;
  background: -moz-linear-gradient(top, #4185f4 0%, #194fdc 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4185f4), color-stop(100%,#194fdc));
  background: -webkit-linear-gradient(top, #4185f4 0%,#194fdc 100%);
  background: -o-linear-gradient(top, #4185f4 0%,#194fdc 100%);
  background: -ms-linear-gradient(top, #4185f4 0%,#194fdc 100%);
  background: linear-gradient(top, #4185f4 0%,#194fdc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4185f4', endColorstr='#194fdc',GradientType=0 );
}
.blue_button:hover{
  border:1px solid #143f7c;
  -moz-box-shadow: inset 0 1px #86b1f7,0 2px 3px #999;
  -webkit-box-shadow: inset 0 1px #86b1f7,0 2px 3px #999;
  box-shadow: inset 0 1px #86b1f7,0 2px 3px #999;
  background: #3165f1;
  background: -moz-linear-gradient(top, #3165f1 0%, #133cd3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3165f1), color-stop(100%,#133cd3));
  background: -webkit-linear-gradient(top, #3165f1 0%,#133cd3 100%);
  background: -o-linear-gradient(top, #3165f1 0%,#133cd3 100%);
  background: -ms-linear-gradient(top, #3165f1 0%,#133cd3 100%);
  background: linear-gradient(top, #3165f1 0%,#133cd3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3165f1', endColorstr='#133cd3',GradientType=0 );
}

.green_button{
  color: white;
  font-weight: bold;
  text-align:center;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  border: 1px solid #428C00;
  text-shadow: 0 1px 0 #537A25;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: inset 0 1px #cee99d, 0 2px 3px #999;
  -webkit-box-shadow: inset 0 1px #cee99d, 0 2px 3px #999;
  box-shadow: inset 0 1px #cee99d, 0 2px 3px #999;
  background: #9fd43e;
  background: -moz-linear-gradient(top, #9fd43e 0%, #5a8e2d 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9fd43e), color-stop(100%,#5a8e2d));
  background: -webkit-linear-gradient(top, #9fd43e 0%,#5a8e2d 100%);
  background: -o-linear-gradient(top, #9fd43e 0%,#5a8e2d 100%);
  background: -ms-linear-gradient(top, #9fd43e 0%,#5a8e2d 100%);
  background: linear-gradient(top, #9fd43e 0%,#5a8e2d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9fd43e', endColorstr='#5a8e2d',GradientType=0 );
}

.green_button:hover{
  border:1px solid #316f00;
  -moz-box-shadow: inset 0 1px #c2e384, 0 2px 3px #999;
  -webkit-box-shadow: inset 0 1px #c2e384, 0 2px 3px #999;
  box-shadow: inset 0 1px #c2e384, 0 2px 3px #999;
  background: #86c82e;
  background: -moz-linear-gradient(top, #86c82e 0%, #447322 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#86c82e), color-stop(100%,#447322));
  background: -webkit-linear-gradient(top, #86c82e 0%,#447322 100%);
  background: -o-linear-gradient(top, #86c82e 0%,#447322 100%);
  background: -ms-linear-gradient(top, #86c82e 0%,#447322 100%);
  background: linear-gradient(top, #86c82e 0%,#447322 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86c82e', endColorstr='#447322',GradientType=0 );
}

.visit_on_iphone{text-align:center;font-size:14px;font-family:Arial, sans-serif;margin:0 auto;padding:20px;background:#fff4d2;color:#e68e15;font-weight:bold;border:1px solid #ffeaa5;}

#badges img{margin:20px 0;clear:both;display:block;}
a.badge_button{display:inline-block;clear:both;padding:15px;margin:20px auto;font-size:13px;font-weight: bold;color:#fff;}
a.badge_button:hover{color:#fff;}

/* IE8, IE9 */
/* must go at the END of all rules */
#main, #secondary, #news  {border: 1px solid #ccc\0/;}