body {
  background: url(/apps/api/assets/gfx/bg.jpg) repeat-x top #ffffff;
  font: 23px Helvetica, Arial, sans-serif;
  margin: 0;
}

body, div { font-size: 12px; color: #212121; }

h1 { font-size: 18px; color: #212121; }

a { color: #91d400; font-size: 12px; }

.clear { clear: both; }

#main { padding: 10px; }

.methods { color: #ffffff; font-size: 13px; background: #000000; padding: 10px; }
.methods h1 { color: #ffffff; font-size: 20px; padding: 0 0 0 40px; font-weight: normal; }
.methods h1 small { font-size: 12px; padding: 0 0 0 10px; font-weight: bold; color: #91d400; }
.methods ul, .methods li { list-style: none; list-style-image: none; }
.methods li { float: left; width: 200px; padding: 10px; height: 100px; }
.methods h2, .methods p { margin: 0; padding: 0; }
.methods h2 { color: #91d400; font-size: 16px; margin-top: 10px; }
.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 { 
	position: absolute; 
	left: 550px; 
	width: 150px;
	font-weight: bold;
	color: #9a9a9a;
	background: url(/apps/api/assets/gfx/down-arrow.gif) #232323 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-image: url(/apps/api/assets/gfx/down-arrow.gif); background-color: #00afd4; color: #ffffff; cursor: pointer; }

.docs { padding: 30px; }

.docs h2 { font-size: 32px; color: #232323; }
.docs h3 { font-size: 22px; color: #ff1138; }
.docs p.url { background: #ffffff; padding: 5px; border: 1px solid #cccccc; font-weight: bold; font-size: 12px; }
.docs p.action { background: #eaeaea; border: 1px solid #cccccc; padding: 15px; font-size: 14px; }
.docs .arg h3 { font-size: 16px; margin: 7px 0 2px 0; }
.docs .arg h3 small { color: #c8c8c8; font-size: 12px; }
.docs .arg p { font-size: 12px; padding-left: 20px; margin: 0; }

#welcome h1 { font-size: 24px; }
#welcome p { font-size: 14px; line-height: 150%; width: 60%; }

#right { float: right; width: 200px; margin: 10px; font-size: 19px; padding: 10px; background: #fafafa; color: #787878; border: 1px solid #cacaca; }
#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; }