body{background: url(/apps/api/assets/gfx/fabric_plaid.png);font:23px Helvetica,Arial,sans-serif;margin:0;padding:0;}
body,div{font-size:12px;color:#212121;}
*{font-family: helvetica_neueregular, helvetica; }
h1,h2,h3,h4,h5,h6 { margin: 30px 0px 10px 0px; padding: 0; }

h1{font-size:48px;color:#212121;letter-spacing: -1px;margin-bottom: 25px;}
h1 small{font-size:12px;padding:0 0 0 10px;font-weight:bold;color:#91d400;}
h2{font-size:32px;color:#232323;letter-spacing: -1px;}
h3{font-size:32px;color:#ff1138;}
h4{font-size:25px;color:#232323;}
h5{font-size:25px;color:#ff1138;}
h6{font-size:20px;color:#232323;}

h1 small,h2 small,h3 small,h4 small,h5 small,h6 small { font-size: 12px; color: #666;}

pre{border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}

a{color:#ff1138;padding: 2px;}
a:hover, a.current{background:#ff1138 !important;color: #fff !important;}

p { font-size: 14px; }

.clear{clear:both;}
#main{padding:0;}

#head{text-align:left;padding: 10px;margin: 0;width: 100%;background:#111 url(/apps/api/assets/gfx/black_linen.png);}

#head .inner { }
#head .inner .head_title { color: #eaeaea; padding: 20px 20px 10px 20px; font-size: 25px; font-weight:bold;}
#head .nav { padding: 0 20px 15px 20px; }
#head .nav a { float: left; padding: 7px 14px 7px 14px; margin-right: 15px; font-size: 14px; font-weight: bold; color: #eaeaea; text-decoration: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #333; }
#head .nav a:hover { background: #ff1138; color: #fff; cursor: pointer; }
#head .nav .divider { color: #565656; font-size: 14px; margin-right: 10px; font-weight: bold; float: left; width: 10px; padding: 6px 0 0 0; }
#head .head_inner{padding:0;font-weight:normal;}
#head .sm_nav a,#head .head_inner a{padding:4px 10px 4px 10px;color:#ffffff;text-decoration:none;font-size:15px;font-weight:bold;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;margin:5px;}
#head .sm_nav a{font-weight:normal;font-size:13px;}
#head .sm_nav a.on,#head .sm_nav a:hover,#head .head_inner a.on,#head .head_inner a:hover{background:#dbe149;color:#121212;}

.methods{color:#ffffff;font-size:13px;background:#999;padding:10px;}

.methods ul,.methods li{list-style:none;list-style-image:none;}
.methods li{float:left;width:200px;padding:10px;height:100px;}
.methods small{font-size:11px;color:#666666;}
.methods p{padding-left:10px;}
.methods a{color:#a9a9a9;font-weight:bold;text-decoration:none;}
.methods a:hover{color:#ffffff;text-decoration:underline;cursor:pointer;}

div.bottom_tab{
	display:none;
	position:absolute;
	right:30px;
	width:150px;
	font-weight:bold;
	color:#fff;
	background:#999 no-repeat top left;
	background-position:15px 8px;
	margin:0;
	padding:10px;
	font-size:14px;
	text-align:center;
	border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-right-radius:10px;
}
div.bottom_tab:hover{background-color:#000;color:#ffffff;cursor:pointer;}

.precode { color: #fafafa; font-family: monaco; font-size: 12px; padding: 10px; background: #111; }

.docs, .docs-nohide{padding:30px;line-height: 160%;}
.docs p.url, .docs-nohide p.url{font-family: monaco;font-size: 12px;background:#fff;color: #111;border:3px solid #faccd3;padding:10px;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
.docs p.action, .docs-nohide p.action{background:#ff1138;color: #fff;border:3px solid #faccd3;padding:10px;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
.docs p.note, .docs-nohide p.note{background:#fdfdf4;border:1px solid #cccccc;padding:10px;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;line-height: 180%;}
.docs p.methods_list, .docs-nohide p.methods_list{background:#fdfdf4;border:1px solid #cccccc;padding:10px;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;line-height: 180%;}
.docs p.methods_list a, .docs-nohide p.methods_list a { font-size: 16px; }

#right{position: absolute; top: 5px; right: 5px; width:200px;margin:10px;font-size:19px;padding:10px;background:#fafafa;color:#787878;border:3px solid #ccc; border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;}
#right ul,#right li{list-style:none;list-style-image:none;padding:3px;margin:0;}
#right ul li{font-size:13px;font-weight:bold;color:#232323;}
#right ul li ul li{font-size:11px;font-weight:normal;color:#878787;}
#right ul li ul li a{color:#787878;text-decoration:none;}
#right ul li ul li a:hover{color:#ff0000;}

.embed_info{}
.embed_info h3 {margin:0;padding:0;}
.embed_info pre{color:lime;font-weight:bold;}
.embed_info ul {list-style:none;margin: 0 0 0 -39px;font-size:13px;color:#333;}
.embed_info li {font-weight:bold;font-size:13px;color:lime;padding:10px;background:#121212;border-bottom:2px solid #232323;}
.embed_info li span {font-weight:bold;font-size:12px;color:#999;}

#footer {width:100%;height:420px;background: #000;text-align: center; margin: 0 auto; padding:0;}
#footer .cols {height:270px;}
#footer .col {display:inline-block;padding:80px 20px 0 20px;vertical-align: top;text-align: left;}
#footer .col h4 {font-size:20px;color:#ddd;}
#footer .col ul {list-style: none;text-align: left;margin: 3px;padding: 0;}
#footer .col ul li {padding:5px 0;}
#footer .col ul li a{font-size:14px;text-transform: uppercase;color:#999;text-decoration: none;}
#footer .col ul li a:hover {color:#fff;background:transparent !important;text-decoration: none;}
#footer .networks {margin:20px auto 25px auto;}
#footer .networks a{margin:0 5px;-moz-opacity:.80;-webkit-opacity:.80;opacity:.80;filter:alpha(opacity=80);}
#footer .networks a:hover{-moz-opacity:1;-webkit-opacity:1;opacity:1;filter:alpha(opacity=100);background:transparent !important;}

@media (max-width: 915px) { 
	#footer .col h4 {font-size:17px;}	
	#footer .col ul li a{font-size:11px;}
}


/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 	
	#footer {height:900px;padding-top: 20px;}
	#footer .cols {width:100%;height:740px;text-align: center;margin:40px auto;}	
	#footer .cols .col {display:inline;margin:0 auto;text-align:center;width:280px !important;}
	#footer .cols .col h4 {font-size:20px;}	
	#footer .cols .col ul li a{font-size:14px;}
	#footer .cols .col ul {text-align: center;}	
}