/* 
 * SlideTabs - Quick Start Guide
 */
 
/* Reset
------------------------------------------------------------------------------------- */ 
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, font, 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 {
	border:0; 
	margin:0; 
	outline:0; 
	padding:0; 
	vertical-align:baseline;
}
ol, ul { 
	list-style:none; 
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
	display:block; 
}
body { 
	font:13px/21px Arial, Helvetica, sans-serif; 
	background:#f5f5f5; 
}
a { 
	color:#258ED2; 
	text-decoration:underline; 
}
a:hover { 
	color:#b50d53; 
}

/* Clearfix */
.clearfix:after { 
	clear:both; 
}
.clearfix:before, .clearfix:after { 
	content:""; 
	display:table; 
}
.clearfix:after { 
	clear:both; 
	content:"."; 
	display:block; 
	font-size:0; 
	height:0; 
	visibility:hidden; 
}
.clearfix:before, .clearfix:after { 
	content:""; 
	display:table; 
}

/* Structure
------------------------------------------------------------------------------------- */
#header {
	width:100%;
	background:#fff;
}
#header .center {
	padding:30px 0;
}
#header p {
	margin:0;
}
.center {
	width:775px; 
	margin:0 auto; 
	padding:40px 0 0;	
}
ul#top_nav li {
	float:left;
	margin-right:8px;
}
ul#top_nav li a {
	font-size:14px;
	text-decoration:none;
}
h1 { 
	font-size:36px; 
	margin:0 0 17px; 
}
h2 { 
	font-size:20px; 
	padding:50px 0 9px;
}
h3 { 
	display:block; 
	width:100%; 
	margin:35px 0 9px; 
}
p { 
	margin-bottom:30px; 
}
div.spacer {
	width:100%;
	height:1px;
	margin-top:50px;
	background:#dcdcdc;
}
p.docs_link { 
	margin:16px 0 15px; 
}
div.code { 
	width:755px;
	padding:10px; 
	background:#eee; 
	border-radius:5px; 
}
#footer {
	margin-top:50px;
	padding:20px 0 65px;
	border-top:1px solid #dcdcdc;
}
#footer p {
	float:left;
	margin:0;
}
#footer p.right {
	float:right;
}

/* Tabs 
------------------------------------------------------------------------------------- */
div.st_view h1 { 
	font-size:60px; 
	font-weight:normal; 
	letter-spacing:-2px; 
	text-align:center; 
	color:#aaa; 
	margin-top:140px; 
}
div#horizontal-tabs .st_views, div#ajax-tabs .st_views {
	height:358px;
}
div#vertical-tabs div.st_view h1 {
	margin-top:150px; 
}
div#tab-icons div.st_view h1 {
	margin-top:161px; 
}
div#auto-height div.st_views {
	height:256px;
}
div#auto-height div.st_view p { 
	margin-bottom:20px; 
}
div#auto-height div.st_view p.last { 
	margin-bottom:5px; 
}
div#external-linking div.st_views {
	height:119px;
}
div#external-linking div.st_view p { 
	margin:20px 10px; 
}
div#tab-icons div.st_tabs, div#tab-icons div.st_views {
	height:400px;
}

/* Tab Icons */
div#tab-icons div.st_tabs a { 
	position:relative; 
	text-indent:50px; 
}
div#tab-icons div.st_tabs span.st_icon { 
	position:absolute; 
	top:14px; 
	left:15px; 
	display:block; 
	width:20px; 
	height:20px;
	background:url("../img/tab-icon.jpg") no-repeat 0 -20px transparent;
}
div#tab-icons div.st_tabs a.st_tab_active span.st_icon,
div#tab-icons div.st_tabs a:hover span.st_icon {
	background-position:0 0;
}