/*
  Bootstrap v1.1
  Variables and mixins to bootstrap any new web development project.
*/
/* Variables
-------------------------------------------------- */
/* `Global Classes
----------------------------------------------------------------------------------------------------*/
.clear {
  clear: both;
}
.cleft {
  clear: left;
}
.cright {
  clear: right;
}
.fleft {
  float: left;
}
.fright {
  float: right;
}
.fnone {
  float: none;
}
.hidden {
  display: none;
}
.block {
  display: block;
}
.inline {
  display: inline;
}
.tleft {
  text-align: left;
}
.tright {
  text-align: right;
}
.tcenter {
  text-align: center;
}
.tjustify {
  text-align: justify;
}
.bold {
  font-weight: bold;
}
.italic {
  font-style: italic;
}
.underline {
  border-bottom: 1px solid;
}
.nojot {
  list-style: none;
}
.nojot li {
  list-style: none;
  margin-left: 0;
}
.gap {
  margin-bottom: 30px;
  width: 100%;
}
.gaphalf {
  margin-bottom: 15px;
  width: 100%;
}
.gaptiny {
  margin-bottom: 8px;
  width: 100%;
}
.nowrap {
  white-space: nowrap;
}
.nobottom {
  margin-bottom: 0;
  padding-bottom: 0;
}
.noleft {
  margin-left: 0;
}
.upper {
  text-transform: uppercase;
}
/* Mixins
-------------------------------------------------- */
/* 960 grid adjustments */
.pad_1 {
  margin-left: 10px;
}
.pad_2 {
  margin-left: 20px;
}
.pad_3 {
  margin-left: 30px;
}
.pad_4 {
  margin-left: 40px;
}
.neg_1 {
  margin-left: -10px;
}
.neg_2 {
  margin-left: -20px;
}
.neg_3 {
  margin-left: -30px;
}
.neg_4 {
  margin-left: -40px;
}
.center-block {
  display: block;
  margin: 0 auto;
}
/*
#font {
  .shorthand(@weight: normal, @size: 14px, @lineHeight: 20px) {
    font-size: @size;
    font-weight: @weight;
    line-height: @lineHeight;
  }
  .sans-serif(@weight: normal, @size: 14px, @lineHeight: 20px) {
    font-family: 'Open Sans', sans-serif;
    font-size: @size;
    font-weight: @weight;
    line-height: @lineHeight;
  }
  .serif(@weight: normal, @size: 14px, @lineHeight: 20px) {
    font-family: "Georgia", Times New Roman, Times, sans-serif;
    font-size: @size;
    font-weight: @weight;
    line-height: @lineHeight;
  }
  .monospace(@weight: normal, @size: 12px, @lineHeight: 20px) {
    font-family: "Monaco", Courier New, monospace;
    font-size: @size;
    font-weight: @weight;
    line-height: @lineHeight;
  }
}
*/
/* Variables
-------------------------------------------------- */
body.developer #bd .page h2.title {
  border: none;
  font-weight: normal;
  text-transform: none;
}
body.developer #contents {
  background-image: url("../../images/developer_bg.jpg");
  background-color: #000000;
}
body.developer.landing #bd {
  color: #ffffff;
}
body.developer.landing #bd h1,
body.developer.landing #bd h2,
body.developer.landing #bd h3,
body.developer.landing #bd h4 {
  color: #ffffff;
}
body.developer.landing #bd h1 {
  font-family: Open Sans Condensed, Helvetica, Arial, sans-serif;
  font-size: 70px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 70px;
  margin-bottom: 15px;
  padding-top: 35px;
}
body.developer.landing #bd h2 {
  font-family: Open Sans, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 100;
  margin-bottom: 12px;
  text-transform: none;
}
body.developer.landing #bd h3 {
  font-size: 30px;
  font-family: Open Sans Condensed, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
body.developer.landing #bd h3 span {
  float: left;
}
body.developer.landing #bd h3 small {
  font-size: 17px;
  text-transform: none;
  line-height: 15px;
}
body.developer.landing #bd h3 small ul {
  list-style: none;
  margin: 0;
  margin-top: 7px;
  margin-left: 7px;
  float: left;
}
body.developer.landing #bd h3 small ul li {
  display: inline;
}
body.developer.landing #bd h3 small ul li.last {
  background: none;
}
body.developer.landing #bd h3 small ul li.last span {
  margin: 0;
}
body.developer.landing #bd h3 small ul li span.arrow {
  float: left;
  padding-right: 10px;
  background: right 9px no-repeat url("../../images/arrow_down_gray.png");
  margin-right: 8px;
}
body.developer.landing #bd h3 small ul li span.divider {
  background: no-repeat url("../../images/divider_vert_short.jpg");
  width: 2px;
  height: 11px;
  display: inline;
  float: none;
  float: left;
  margin-right: 10px;
  padding: 0;
  margin-top: 3px;
}
body.developer.landing #bd h3 small ul li a {
  cursor: pointer;
}
body.developer.landing #bd h3 small ul li a:hover span.arrow {
  background-image: url("../../images/arrow_down_white.png");
}
body.developer.landing #bd h3 small ul li.active a {
  color: #ffffff;
}
body.developer.landing #bd h3 small ul li.active a span.arrow {
  background-image: url("../../images/arrow_down_white.png");
}
body.developer.landing #bd h3 small a {
  color: #868686;
}
body.developer.landing #bd h3 small a:hover {
  color: #ffffff;
  text-decoration: none;
}
body.developer.landing #bd hr {
  height: 3px;
  color: #3c3c3c;
  background-color: #3c3c3c;
  border-style: none;
}
body.developer.landing #bd .middle {
  margin-top: 50px;
  margin-bottom: 50px;
}
body.developer.landing #bd .middle h3 .rss {
  top: 1px;
  float: none;
}
body.developer.landing #bd .middle .section {
  float: left;
  margin-right: 26px;
}
body.developer.landing #bd .middle .section .info {
  height: 256px;
  background: #EDEDED;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #000000;
}
body.developer.landing #bd .middle .section.spotlight {
  width: 309px;
}
body.developer.landing #bd .middle .section.spotlight .info {
  background: right bottom no-repeat #ffffff;
}
body.developer.landing #bd .middle .section.spotlight .info p {
  padding: 10px 15px 0;
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 20px;
  font-family: Open Sans Condensed, Helvetica, Arial, sans-serif;
  width: 80%;
  line-height: 23px;
}
body.developer.landing #bd .middle .section.spotlight .info a {
  margin-left: 15px;
  font-family: Open Sans Condensed, Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #7F7F7F;
}
body.developer.landing #bd .middle .section.spotlight .info a.more {
  padding-right: 15px;
  background: url("../../images/arrow_right_gray_double.png") no-repeat right center;
}
body.developer.landing #bd .middle .section.spotlight .info a.more:hover {
  background-image: url("../../images/arrow_right_grayDark_double.png");
}
body.developer.landing #bd .middle .section.spotlight .info a:hover {
  text-decoration: none;
  color: #000000;
}
body.developer.landing #bd .middle .section.started {
  width: 464px;
}
body.developer.landing #bd .middle .section.started h3 {
  margin-bottom: 12px;
}
body.developer.landing #bd .middle .section.started .info {
  background-color: #555555;
  position: relative;
}
body.developer.landing #bd .middle .section.started .info .selections {
  position: absolute;
  top: 0;
  left: 95px;
  display: none;
}
body.developer.landing #bd .middle .section.started .info #sub_153 {
  left: 180px;
}
body.developer.landing #bd .middle .section.started .info #sub_158 {
  left: 200px;
}
body.developer.landing #bd .middle .section.started .info #sub_158 .accent {
  left: 170px;
}
body.developer.landing #bd .middle .section.started .info .accent {
  position: absolute;
  top: -10px;
  left: 110px;
  display: block;
  width: 22px;
  height: 11px;
  background: no-repeat url("../../images/box_accent.png");
}
body.developer.landing #bd .middle .section.started .info ul {
  list-style: none;
  background: #F2F2F2;
  width: 210px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.8);
  font-family: Open Sans, Helvetica, Arial, sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  padding: 5px 15px 4px;
}
body.developer.landing #bd .middle .section.started .info ul li {
  background: center bottom repeat-x url("../../images/divider_hor_light.gif");
  line-height: 19px;
}
body.developer.landing #bd .middle .section.started .info ul li a {
  color: #444343;
  padding: 3px 5px;
  display: block;
}
body.developer.landing #bd .middle .section.started .info ul li a:hover {
  text-decoration: none;
  color: #818181;
}
body.developer.landing #bd .middle .section.started .info ul li a:hover span {
  background-image: url("../../images/arrow_right_gray_double.png");
}
body.developer.landing #bd .middle .section.started .info ul li a span {
  background: right center no-repeat url("../../images/arrow_right_grayDark_double.png");
  padding-right: 14px;
}
body.developer.landing #bd .middle .section.started .info ul li.last {
  background: none;
}
body.developer.landing #bd .middle .section.started .info ul li.locked a {
  color: #818181;
}
body.developer.landing #bd .middle .section.started .info ul li.locked a:hover {
  color: #AEAEAE;
}
body.developer.landing #bd .middle .section.started .info ul li.locked div {
  background: right center no-repeat url("../../images/icon_lock.png");
}
body.developer.landing #bd .middle .section.started .info ul li.locked div span {
  background-image: url("../../images/arrow_right_gray_double.png");
}
body.developer.landing #bd .middle .section.resources {
  width: 198px;
  margin-right: 0;
  float: right;
}
body.developer.landing #bd .middle .section.resources h3 {
  margin-bottom: 13px;
}
body.developer.landing #bd .middle .section ul.dark_menu {
  list-style: none;
  font-family: Open Sans, Helvetica, Arial, sans-serif;
  font-size: 11px;
  padding: 5px 12px 5px 12px;
  border-top: 1px solid #404040;
  border-left: 1px solid #313131;
  text-transform: uppercase;
  display: block;
  background-color: #171717;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#2a2a2a), to(#171717));
  /* Konqueror */
  background-image: -moz-linear-gradient(#2a2a2a, #171717);
  /* FF 3.6+ */
  background-image: -ms-linear-gradient(#2a2a2a, #171717);
  /* IE10 */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2a2a2a), color-stop(100%, #171717));
  /* Safari 4+, Chrome 2+ */
  background-image: -webkit-linear-gradient(#2a2a2a, #171717);
  /* Safari 5.1+, Chrome 10+ */
  background-image: -o-linear-gradient(#2a2a2a, #171717);
  /* Opera 11.10 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a2a2a', endColorstr='#171717', GradientType=0);
  /* IE6 & IE7 */
  /* -ms-filter: %("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor);  */
  /* IE8+ */
  background-image: linear-gradient(#2a2a2a, #171717);
  /* the standard */
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 10px;
}
body.developer.landing #bd .middle .section ul.dark_menu li {
  background: center bottom repeat-x url("../../images/divider_hor.jpg");
  padding-bottom: 4px;
  margin-bottom: 2px;
}
body.developer.landing #bd .middle .section ul.dark_menu li.last {
  background: none;
  padding-bottom: 0;
}
body.developer.landing #bd .middle .section ul.dark_menu li a {
  color: #ffffff;
  width: 100%;
  display: block;
}
body.developer.landing #bd .middle .section ul.dark_menu li a:hover {
  text-decoration: none;
  color: #A5A5A5;
}
body.developer.landing #bd .middle .section ul.dark_menu li a:hover span {
  background-image: url("../../images/arrow_right_gray_double.png");
}
body.developer.landing #bd .middle .section ul.dark_menu li a span {
  display: inline;
  padding-right: 13px;
  background: right center no-repeat url("../../images/arrow_right_white_double.png");
}
body.developer.landing #bd .middle .section ul.dark_menu li.locked div {
  background: right center no-repeat url("../../images/icon_lock.png");
}
body.developer.landing #bd .middle .section ul.dark_menu li.locked a {
  color: #A5A5A5;
}
body.developer.landing #bd .middle .section ul.dark_menu li.locked a span {
  background-image: url("../../images/arrow_right_gray_double.png");
}
body.developer.landing #bd .middle .section ul.dark_menu li.locked a:hover {
  color: #767676;
}
body.developer.landing #bd .middle .section ul.dark_menu li.locked a:hover span {
  background-image: url("../../images/arrow_right_grayDark_double.png");
}
body.developer.landing #bd .bottom {
  margin-bottom: 45px;
}
body.developer.landing #bd .bottom .left,
body.developer.landing #bd .bottom .right {
  width: 49%;
  float: left;
}
body.developer.landing #bd .bottom .left .info ul {
  border-right: 1px solid #333333;
  padding-right: 70px;
}
body.developer.landing #bd .bottom .right {
  float: right;
}
body.developer.landing #bd .bottom .right .info {
  margin-left: 60px;
}
body.developer.landing #bd .bottom h4 {
  font-family: Open Sans Condensed, Helvetica, Arial, sans-serif;
  font-size: 22px;
  margin-bottom: 15px;
}
body.developer.landing #bd .bottom h4 .twitter {
  position: relative;
  top: 2px;
  margin-left: 8px;
}
body.developer.landing #bd .bottom h4 a {
  margin-left: 10px;
  margin-top: 5px;
}
body.developer.landing #bd .bottom ul {
  list-style: none;
  margin-bottom: 0;
}
body.developer.landing #bd .bottom ul li {
  margin-bottom: 20px;
  clear: both;
}
body.developer.landing #bd .bottom ul li p {
  margin: 0;
  color: #9D9D9D;
}
body.developer.landing #bd .bottom ul li p a {
  color: #ffffff;
}
body.developer.landing #bd .bottom ul li img {
  float: left;
  position: relative;
  top: 6px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
body.developer.landing #bd .bottom ul li a.all {
  color: #9D9D9D;
  cursor: pointer;
  display: block;
}
body.developer.landing #bd .bottom ul li a.all:hover {
  color: #ffffff;
  text-decoration: none;
}
body.developer.landing #bd .bottom .push {
  width: 330px;
  float: right;
}
body.developer #bd.downloads .page .grid_16 {
  width: 1014px;
}
body.developer #bd.downloads .page .moduleColumn {
  width: 320px;
  float: left;
}
body.developer #bd.downloads .page .moduleColumn.left {
  float: left;
  margin-right: 27px;
}
body.developer #bd.downloads .page .moduleColumn.right {
  float: right;
}
body.developer #bd.downloads .page .moduleColumn.middle {
  float: left;
}
body.developer #bd.downloads .page .moduleColumn .module {
  width: 310px;
  background: #efefef;
  margin-bottom: 30px;
  padding: 5px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
body.developer #bd.downloads .page .moduleColumn .module h3 {
  color: #424242;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  height: 50px;
  display: table;
  width: 100%;
  margin-bottom: 5px;
}
body.developer #bd.downloads .page .moduleColumn .module h3 span {
  background-color: #ffffff;
  margin: 5px;
  padding-left: 7px;
  display: table-cell;
  -moz-border-radius: 3px;
  border-radius: 3px;
  height: 50px;
  padding-top: 2px;
  vertical-align: middle;
}
body.developer #bd.downloads .page .moduleColumn .module h3 span img {
  margin-top: 2px;
}
body.developer #bd.downloads .page .moduleColumn .module h3 .logo {
  padding-right: 5px;
  vertical-align: middle;
}
body.developer #bd.downloads .page .moduleColumn .module .members_only h3 {
  padding-bottom: 10px;
}
body.developer #bd.downloads .page .moduleColumn .module p {
  padding: 5px 12px 10px;
  margin-bottom: 0;
}
body.developer #bd.downloads .page .moduleColumn .module ul.fileList {
  list-style: none;
  padding: 10px;
  margin: 0;
}
body.developer #bd.downloads .page .moduleColumn .module ul.fileList li {
  border-bottom: 1px solid #ccc;
  padding: 5px 0;
}
body.developer #bd.downloads .page .moduleColumn .module ul.fileList li.last {
  border: none;
}
body.developer #bd.downloads .page .moduleColumn .module ul.fileList li span {
  float: right;
  display: block;
}
body.developer #bd.downloads .page .moduleColumn .module ul.fileList li a {
  display: block;
  color: #616161;
}
body.developer #bd.downloads .page .moduleColumn .module ul.fileList li a:hover {
  color: #000000;
}
body.developer #bd.downloads .page .moduleColumn .module ul.fileList li a.icon {
  padding-left: 25px;
  background: no-repeat left center;
}