html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

body {
  min-width: 960px; 
  color: #404041;
  background-color: #fff;
}

ul {
  list-style: none;
}
ol {
  list-style-position: inside;
}
ol ol {
  padding-left: 2em;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 13px;
  background: white;
  border-right: 1px solid #DCDCDC;
}

table td {
  vertical-align: top;
}
.fr{
	float:right;}
.mr20{
	margin-right:20px;}
strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

table form { margin-bottom: 0; }

table thead, table th, table caption {
  background: #eaeaea;
  font-weight: 600;
}

.top30 { margin-top: 30px; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

.margintop { margin-top: 52px; }

header { 
  height:50px;
  position: fixed;
  top: 0; left: 0;
  z-index: 1;
}


header a { color: white; text-decoration: none; }
header {
padding: 0;
background-color: #113672;
color: white;
top: 0;
z-index: 900;
width: 100%;
position: fixed;
}
.line:after, body:after, .lastUnit:after {
  clear: both;
  display: block;
  visibility: hidden;
  overflow: hidden;
  height: 0 !important;
  line-height: 0;
  font-size: xx-large;
}

.line, body {
  *zoom: 1;
}

.unit {
  float: left;
}

.unitExt {
  float: right;
}
html {
  background: #f1f1f2;
}

body {
  font-family: "Helvetica Neue", Arial, Helvetica;
  font-size: 15px;
  line-height: 1.618;
}
footer {
  font-size: 13px;
}

.main p, .main h1, .main h2, .main h3, .main h4, .main h5, .main h6, .main ul, .main ol, .main .flash, .green {
  max-width: 800px; 
}
code {
  max-width: 765px;
}
.example-header {
}
.main p { font-size: 15px; }

/* media queries increasing line height for wider screen */
@media screen and (min-width: 1000px) {
  section .main {
    line-height: 1.75;
  }
}

header .logo  h1{
  text-transform: uppercase;
  letter-spacing: 2px;
  font-family: 'freight-sans-pro','helvetica neue',arial,helvetica,sans-serif;
  font-weight: bold;
}

header .logo h1 {
  color: white;
  font-size: 15px;
  line-height: 36px;
  margin: 0;
}

.logo { 
  display: block;
  margin: 0;
  float: left;
  height: 36px;
  color:#fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-decoration: none;
  border: none;
  
}
.content h1{
margin-bottom:20px;}
.page-content {
  width: 80%;
  min-width: 940px;
  max-width: 1600px;
  margin: 0 auto;
}

.right { float: right; }
.center { text-align: center; }

.main {
   
  background: #fff;
}

ul.bullets {
  list-style-type: disc;
  list-style-position: inside;
  /*margin-bottom: 2em;*/
}

ul.bullets li {
  margin-bottom: 0.5em;
}

ul.floated-list {
  float: none;
  clear: both;
}
ul.floated-list li {
  float: left;
  margin-right: 25px;
}

.highlight {
  background: #f8f4ac;
  display: block;
  padding: 1em !important;
}

.side {
  width: 260px;
}

aside {
  font-size: 11px;
  position: fixed; 
  top: 37px; left: 0; bottom: 0;
  background:#113672;
  z-index: 0;
}
aside nav ul {
  padding: 0;
}
aside nav ul li {
  font-weight: 800;
  font-size: 15px;
  margin: 0;
  padding: 0 ;
}

aside nav ul li span {
color: #a3a3a3;
}

aside nav ul li ul li{
  font-weight: bold;
  font-size: 14px;
  text-transform: capitalize;
  padding-left: 15px;
  margin: 0;
}
aside nav ul li ul li a {
}
nav ul li ul {
  display: none;
}
nav ul.current, li.active-item ul, ul.active-list {
  display: block;
}
aside nav a {
  padding: 6px 22px 5px;
  display: block;
  text-decoration: none;
  font-weight: 600;
  background:#f2f0f0;
  color:#113672;
  margin:0px 5px 5px 5px;
}
aside nav a.active,
aside nav a:hover {
background:#fff;}
li.section > a:hover {
  background: #454545;
  background: rgba(255,255,255,6%);
}
li.section.active-section > a:hover {
  background: transparent;
}
li.section.active-section > ul {
  margin-bottom: -5px;
}
nav a:hover {
}

.active-section {
  border-bottom: 1px solid #262626;
  background: #454545;
  background: rgba(255,255,255,6%);
}

.active-section > a {
  border-top: none;
  color:#fff;
}

.active-section > ul {
  display: block;
  padding-bottom: 20px;
}
.active-section li.active-section {
  border-bottom: none;
}
.active-section li.active-section ul {
  margin-top:0;
  padding-bottom:5px;
}
.active-section, .active-item, .active-anchor {
}
.active-section > a {  border-bottom: none; }
.active-item > a { background: #b1e1ed; text-shadow: none; }
.active-section.active-item > a { background: transparent; }

a.back { margin: 15px 0 25px; display: block; }
.in {
  padding: 0 1.618em;
}
.in.ab {
  padding: 1.618em 1.618em;
}
.in.ab.double {
  padding: 1.618em 3.236em;
}

.in2 {
  padding: 0 3.236em;
}
.in2.ab {
  padding: 1.618em 3.236em;
}

a {
  color: #008cc0;
  text-decoration: none;
}
a:hover {
}

img {
  max-width: 100%;
}

h1, h2, h3, h4, h5, h6, p, ol, ul, li {
  color: #404041;
  text-shadow: none;
}

h1, h2, h3, h4, h5, h6 {
background:#fff;
color:#113672;
padding-left:0px;
}
h1 { letter-spacing: -1px; line-height: 1.2; }

#st {
  margin-left: 15px;
}

#st input {
  margin-top: 11px;
  height: 27px;
  background-color:#fff;
  border-top: 1px solid #1B1B1C;
  border-left: 1px solid #1B1B1C;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .1);
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .1);
  box-shadow: 0 1px 0 rgba(255, 255, 255, .1);
  margin-bottom: 12px;
  outline: none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  font-family: "Helvetica Neue", Arial, Helvetica;
  font-size: 12px;
  color: #113672;
  width: 218px;
  padding: 0 5px;
}

#st input[type=search] {
  width: 100%;
  margin-top: 1.618em;
}
header #st input[type=search] { margin-top: 0 }

.orange {
  background: #f2bdb9;
}
/* /register */
form table input {
  margin-bottom: 15px;
}

strong { font-weight: bold; }
em { font-style: italic; }

/* TABLES */
table {
  width: 100%;
  margin-bottom: 3em;
}
table table { 
  margin-bottom: 0px;
  margin-top: 10px;
}

td, th {
  text-align: left;
}

.simple th {
  font-weight: 600;
}
.simple th, .simple td {
  padding: 10px;
  line-height: 1.4;
}
.simple tr {
  border-bottom: 1px solid #dcdcdc;
  box-shadow: 0px 1px 1px white;
  -moz-box-shadow: 0px 1px 1px white;
  -webkit-box-shadow: 0px 1px 1px white;
}
.simple tr:first-child {
  border-top: 1px solid #dcdcdc;
}
.simple td, .simple th {
   border-right: 1px solid #dcdcdc;
 /*box-shadow: 1px 0px 1px white;
  -moz-box-shadow: 1px 0px 1px white;
  -webkit-box-shadow: 1px 0px 1px white;*/
}
.simple tr, .simple td:not(:first-of-type) {
 /* border-left: 1px solid #dcdcdc;*/
}

/* Google Groups inline images */
h2 img {
  margin-bottom: -8px;
}

/* Code */
pre, code {
  font-family: Monaco, Courier, monospace;
}

code {
  display: block;
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 4px;
  margin-bottom: 20px;
  font-family: Monaco, Courier, monospace;
  overflow-x: auto;
}


pre {
  height: auto;
  margin-bottom: 1em;
  white-space: pre-wrap;       /* css-3 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

code.inline-code {display:inline-block; padding:0 7px; margin:0 3px; background-color:#fff; background-color:rgba(255,255,255,.75);}

.param-type, .return-type {
  font-weight: regular;
  color: #666;
  display: block;
}
.custom .param-type{
width:/*100px*/ 122px;
}
.custom .param-desc{
width:470px;
}   
.custom_2 .param-type{
width:150px;
}
.custom_2 .param-desc{
width:590px;
}

.param-type, .return-type, .param-name {
  font-family: monaco, courier;
}
.param-name {
  font-weight: bold;
  color: #404041;
  margin-right: 3px;
}


a.link-back {
  display: block;
  margin-bottom: 1em;
}
.nomargin {
  margin: 0;
}

.padtop { padding-top:0px;}

h1, .h1 {
  font-weight: 700;
  font-size: 30px;
  line-height: 54px;
  margin-bottom: 0px;
}

h2, .h2 {
  font-weight: 600;
  font-size: 1.5em;
  margin-bottom: 0.6em;
}


h3, .h3 {
  font-weight: 500;
  font-size: 20px;
  margin-bottom: 16px;
  border-bottom: 1px solid #c1c1c2;
}

h4, .h4 {
  font-weight: 400;
  font-size: 15px;
  margin-bottom: 0.6em;
}

h5, .h5 {
  font-weight: 300;
  font-size: 1.1em;
  margin-bottom: 0.6em;
}

h6, .h6 {
  font-weight: 200;
  font-size: 1em;
  margin-bottom: 0.6em;
}

p {
  margin-bottom: 1em;
}
p:last-of-type {
  margin-bottom: 24px;
}

table p:last-of-type {
  margin-bottom: 0em;
}


dl dt {
  font-weight: bold;
}
dl dd {
  padding-left: 1em;
}

#st-search-input { width: 256px; }

.namespace-summary ul {
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #F0F0F0;
}
.namespace-summary li {
  padding: 1em;
  margin: 0;
}

.namespace-summary li:not(:first-of-type) {
  border-top: 1px solid #ccc;
}
.namepsace-summary li:not(:last-of-type) {
  border-bottom: 1px solid #ccc;
}
pre code {
  display: block; 
  background: #F0F0F0; color: black;
  border: 1px solid #ccc;
  padding: 15px;
}


pre .variable {
  color: rgb(63,110,116);
}
pre .css .tag,
pre .rules .property,
pre .pseudo,
pre .subst {
  color: #000;
}

pre .css .class, pre .css .id {
  color: #9B703F;
}

pre .value .important {
  color: #ff7700;
  font-weight: bold;
}

pre .rules .keyword {
  color: #C5AF75;
}

pre .annotation,
pre .apache .sqbracket,
pre .nginx .built_in {
  color: #9B859D;
}

pre .preprocessor,
pre .preprocessor * {
  color: rgb(100,56,32);
}

pre .tex .formula {
  background-color: #EEE;
  font-style: italic;
}

pre .diff .header,
pre .chunk {
  color: #808080;
  font-weight: bold;
}

pre .diff .change {
  background-color: #BCCFF9;
}

pre .addition {
  background-color: #BAEEBA;
}

pre .deletion {
  background-color: #FFC8BD;
}

pre .comment .yardoctag {
  font-weight: bold;
}

pre .method .id {
  color: #000;
}

.logoThumb{
	width:208px;
	margin:auto;
}
.apiGuid{
	width:800px;
	}
.apiThumbs{
	width:685px;
	margin:auto;}	
.apiThumbs p{
font-size:10px;
margin-bottom:5px;

}
/*fix for ie*/
.borRnone{
	border-right:none!important;}
.borleft{
	border-left:1px solid #DCDCDC !important;}
.borBnone{
	border-bottom:none!important;}
.borTop	{
	border-top:1px solid #DCDCDC !important;}
.params	tr td{
	border-bottom:1px solid #DCDCDC;}
.simple{
	border-left:1px solid #dcdcdc;}
.simple tr{
	box-shadow: none;
	border-bottom:none;}
.simple td, .simple th{
	box-shadow: none;
	border-bottom:1px solid #DCDCDC;}
.simple th{
	border-top:1px solid #DCDCDC;}	
.simple tr:first-child{
	border:none;}
		
table.return{
	border-top:1px solid #DCDCDC;
	border-bottom:1px solid #DCDCDC;}
/*.simple tr, .simple td:not(:first-of-type) {
  border-left: 1px solid #dcdcdc;
}*/
.topHeaderLinks{
   position:absolute;
   top: 10px;
   right:20px;
}
.topHeaderLinks ul li{
    float: right;
    padding: 0px 10px;
}
.topHeaderLinks ul li a{
    color:#ffffff;
}
.topHeaderLinks ul li span{
     color:#CCCCCC;
}

/*** Styles for Project Documentation ***/
.tabs {
 list-style: outside none none;
 margin: 0 0 10px;
 overflow: hidden;
 display: table;
 table-layout: fixed;
 width: 100%;
}
.tabs li {
 background-color: #d0e8ff;
 color: #fff;
 display: table-cell;
 width: 23.5%;
 vertical-align: top;
 border-left: 2px solid #fff;
}
.tabs li:first-child { border: 0; }
.tabs li a {
 color: #6f6f6f;
 display: block;
 font: 16px/20px arial,sans-serif;
 padding: 10px;
 text-align: center;
 transition: all 0.25s ease 0s;
}
.tabs li.active a,
.tabs li a:hover {
 background: #00396f;
 color: #fff !important;
 text-decoration: none;
}
.tabs li.active a {
 cursor: default;
 pointer-events: none;
}
.tab-content .tab{ padding-top: 20px; }
.main.create-project p, .main.create-project h1, .main.create-project h2, .main.create-project h3, .main.create-project h4, .main.create-project h5, .main.create-project h6, .main.create-project ul, .main.create-project ol, .main.create-project .flash, .green {
  max-width: none;
}
.example-nav {
 list-style: outside none none;
 overflow: hidden;
 width: 100%;
}
.example-nav li {
 color: #fff;
 float: left;
 border-right: 1px solid #ccc;
 border-top: 1px solid #ccc;
}
.example-nav li:first-child { border-left: 1px solid #ccc; }
.example-nav li a {
 color: #6f6f6f;
 display: block;
 font: 14px/18px arial,sans-serif;
 padding: 8px 20px;
 text-align: center;
 transition: all 0.25s ease 0s;
 min-width: 120px;
}
.example-nav li.active a,
.example-nav li a:hover {
 background: #ccc;
 color: #333 !important;
 text-decoration: none;
}
.example-nav li.active a {
 cursor: default;
 pointer-events: none;
}
.example-tab-content {
  border: 1px solid #ccc;
  padding: 15px;
  margin: 0 0 20px;
}
.method h3 ,
.method code ,
.create-project code ,
.example-tab-content code{ max-width: none; }
.main .example-tab p {
  margin: 0 0 15px;
  line-height: 17px;
}
.example-tab pre,
.example-tab code { margin: 0; }