#content ul,
#content ol {
	padding-left: 1.5em;
	margin: 1em 0;
}

#content ul {
	list-style-type: disc;
}

#content ul ul,
#content ol ol,
#content ul ol,
#content ol ul {
	margin: 0.4em 0;
}

#content li {
	margin: 0.4em 0;
}

#content p {
	margin-bottom: 1em;
}

#content h1,
#content h2,
#content h3,
#content h4 {
	margin: 1.5em 0 1em 0;
}

/*********************/

#content {
	z-index:1;
  	border-left:solid 1px transparent;
  	-moz-border-radius-topleft:1px;
  	-webkit-border-top-left-radius:1px;
  	-o-border-top-left-radius: 1px;
  	-ms-border-top-left-radius: 1px;
  	-khtml-border-top-left-radius: 1px;
  	border-top-left-radius: 1px;  
	padding-left:1px;/*hack for positioning content w/ expand and retract*/
	position:relative; top:-64px;/*hack for positioning content w/ expand and retract*/
	min-height: 400px;
}

#intro {
 	height:75px;
}

#header {
 	height:95px;
}

.skin-ref {
  	background: #fff;
  	padding: 20px 20px 10px;
}

#api p {
 	margin-bottom:30px;
}

#api li p {
    margin-bottom: 1em;
}

#api img {
    max-width: 100%;
}

#api table img {
    max-width: none;
}

/*content table*/
.contenttable {
  	width: 100%;
  	margin: 6px 0 13px;
}
.contenttable td {
  	border: 1px solid #d2d2d2;
  	border-width: 0 1px 1px 0;
  	font-size: 12px;
  	padding: 11px 30px 11px 18px;
  	vertical-align:top;
}

.contenttable .tr-0 .td-0 {
  	-moz-border-radius-topleft: 5px;
  	-webkit-border-top-left-radius: 5px;
  	-o-border-top-left-radius: 5px;
  	-ms-border-top-left-radius: 5px;
  	-khtml-border-top-left-radius: 5px;
  	border-top-left-radius: 5px;
}

.contenttable .tr-0 .td-last {
  	-moz-border-radius-topright: 5px;
  	-webkit-border-top-right-radius: 5px;
  	-o-border-top-right-radius: 5px;
  	-ms-border-top-right-radius: 5px;
  	-khtml-border-top-right-radius: 5px;
  	border-top-right-radius: 5px;
}

.contenttable .tr-0 td {
  	font-weight: bold;
  	font-size: 14px;
  	border-top: 1px solid #d2d2d2;
  	line-height: 16px;
  	padding-top: 6px;
  	padding-bottom: 13px;
  	vertical-align: top;
}

.contenttable .td-last {
  	padding-right: 18px;
}

.contenttable .tr-odd td {
  	background: #e9e9e9;
}

.contenttable .td-0 {
  	font-weight: bold;
  	border-left: 1px solid #d2d2d2;
  	padding-left: 21px;
  	vertical-align: top;
}

.contenttable .tr-last .td-0 {
  	-moz-border-radius-bottomleft: 5px;
  	-webkit-border-bottom-left-radius: 5px;
  	-o-border-bottom-left-radius: 5px;
  	-ms-border-bottom-left-radius: 5px;
  	-khtml-border-bottom-left-radius: 5px;
  	border-bottom-left-radius: 5px;
}

.contenttable .tr-last .td-last {
  	-moz-border-radius-bottomright: 5px;
  	-webkit-border-bottom-right-radius: 5px;
  	-o-border-bottom-right-radius: 5px;
  	-ms-border-bottom-right-radius: 5px;
  	-khtml-border-bottom-right-radius: 5px;
  	border-bottom-right-radius: 5px;
}

.col-aside {
  	width: 226px;
}

.sidebox {
  	padding: 9px 0px 6px 0;
  	margin: 0 0 3px;
  	background: #eeeeeb;
	border:0;
  	position:relative;
	height:40px;
}

.sidebox h3, .sidebox h3 a {
  	font-size: 17px;
  	line-height: 22px;
  	color: black;
  	margin: 0 0 0 23px;
  	display: none;
}

.sidebox h4 {
  	font-size: 13px;
  	line-height: 15px;
}

.sidebox h3.rss-resource, .sidebox h3 a.rss-resource, .sidebox h3 .rss-list a, .rss-list .sidebox h3 a {
  	background-position: 100% 5px;
}

.sidebox .article-nav {
  	margin: 0 0;
}

.page-title a {
    color: inherit;
}

.page-title a:hover {
    text-decoration: none;
    color: #DDD;
    border-bottom: none;
}

.article-nav {
	background:#eeeeeb;
  	-moz-border-radius-bottomright: 14px;
  	-webkit-border-bottom-right-radius: 14px;
  	-o-border-bottom-right-radius: 14px;
  	-ms-border-bottom-right-radius: 14px;
  	-khtml-border-bottom-right-radius: 14px;
  	border-bottom-right-radius: 14px;
	-moz-border-radius-bottomleft: 14px;
  	-webkit-border-bottom-left-radius: 14px;
  	-o-border-bottom-left-radius: 14px;
  	-ms-border-bottom-left-radius: 14px;
  	-khtml-border-bottom-left-radius: 14px;
  	border-bottom-left-radius: 14px;
}

.article-nav ol {
    padding-left: 0;
	background:#eeeeeb;
}

.article-nav ol ol {
    padding-left: 33px;
}

.article-nav a {
    display: block;
    font-size: 17px;
    line-height: 22px;
    color: black;
  	padding: 8px 0 6px 20px;
}

.article-nav li.first a {
    padding-top: 0;
}

.article-nav ol li.first a,
.article-nav li.first ol a {
    padding-top: 8px;
}

.article-nav .current {
    background: none;
}

.article-nav .current > a {
    font-size: 17px;
    color: black;
}

.article-nav ol a {
  	/*display: block;*/
  	color: #666666;
  	font-size: 14px;
  	line-height: 1;
  	font-weight: bold;
  	padding: 8px 0 6px 20px;
}

/*.article-nav-inner-wrap {
background:#eeeeeb; display:block;
}
*/

.article-nav ol .current {
  	background: #a6a5a7;
}

.article-nav ol .current > a {
  	padding-top: 9px;
  	color: white;
  	font-size: 13px;
}

.article-nav .last {
  	border-bottom: 0;
}

.article-nav a:hover {color:#666;}
.article-nav a.active:hover {color:#f38325;}

.article-nav ol ol a.active { color: #f38325 !important; }
.article-nav ol a.active { background: #f38325; }
.article-nav ol a.active:hover { color: #DDD }


/*level1*/
.article-nav ol ol {
  	background-color: white;
  	padding: 0 0 0 20px;
	
}

.article-nav ol ol a {
  	color: #3ea3bd;
  	font-size: 12px;
  	padding: 6px 0 6px 3px;
}
.article-nav ol ol li {
  	border-bottom: 1px solid #c9c9c5;
}
.article-nav ol ol li.current > a {
  	color: #000;
  	font-size:12px;
  	background-color:#fff;
}
.level-1 .current,
.article-nav ol ol li.current {
	color:#000;
	background:none;
}

/*level2*/
.article-nav ol ol ol{
  	background: white;
  	padding: 0 0 0 5px;
}
.article-nav ol ol ol li {
	padding:0 0 0 11px;
	margin-left:-3px;
	border-bottom:0;
}
.article-nav ol ol ol li a{
	font-size:11px;
}
.level-2 .active {
	color:#f38325;
}

/*level3*/
.article-nav ol ol ol ol li{
	padding:0 0 0 12px;
}
.article-nav ol ol ol ol li a{
	font-size:10px;
}
.article-nav ol li.active > a{
	color:#f38325;
}

/*left nav icons*/
.icon-namespace {
	background-image:url('../img/icons/lr-arrows.gif');
	background-position:0 9px;
	background-repeat:no-repeat;
	padding:0 0 0 14px;
}
.icon-class {
	background-image:url('../img/icons/marquee.gif');
	background-position:0 6px;
	background-repeat:no-repeat;
	padding:0 0 0 14px;	
	background-color:transparent;
}
.icon-method {
	background-image:url('../img/icons/wheel.gif');
	background-position:0 7px;
	background-repeat:no-repeat;
	padding:0 0 0 14px;	
}
.article-nav .comment-count {
  	font-weight: normal;
}

/*video lists*/
.video-list {
  	overflow: hidden;
}
.video-list li {
  	width: 190px;
  	float: left;
  	margin: 0 20px 0 0;
}
.video-list .ctx-video {
  	position: relative;
  	display: block;
  	margin: 0 0 6px;
}
.video-list .figmask {
  	width: 190px;
  	height: 107px;
}
.video-list .ctx-eol {
  	margin: 0;
}
.video {
  	display: inline-block;
  	padding: 0 20px 0 0;
}
.video-length {
  	font-size: 11px;
  	color: #666666;
  	line-height: 16px;
}
#api .skin-ref h1 {
	color:#333333; 
	font-weight:bold; 
	font-size:24px; 
	line-height:28px;
	margin:0 0 16px 0;
}

/*h2 {
 	color: #666666;
  	font-size: 18px;
  	line-height: 22px;
  	margin: 0 0 4px;
}*/

.section-wrap {
	border-bottom: 1px solid #d1d1d1; 
	padding:24px 0; 
	width:100%;
	overflow:hidden; 
}
#api .subtitle	{
	float:left; 
	width:12%; 
	margin:-1px 20px 0 0; 
	text-align:right; 
}
#api .subtitle h1 {
  	font-weight: normal;
  	font-size: 17px;
  	line-height: 25px;
  	color: #f38325;
  	margin: 0 0 15px;	
}
.content { 
	float:left;
	width:85%; 
}

/*content wraps*/
.ref-content {
  	padding: 0px 20px;
}
.ref-content p {
  	color: black;
  	margin: 0 0 22px;
}

/*containers*/
.contentbox {
  	-moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
  	-o-border-radius: 5px;
  	-ms-border-radius: 5px;
  	-khtml-border-radius: 5px;
  	padding:15px;
  	border:solid 1px #d1d1d1;
  	margin:0 0 30px 0;
}

/*misc*/
.tip {
	background:#e9f7fb; 
	}
.code-text {  
  	font-family: courier new;
  	font-size:14px;
}
	
.copy-code{
	background:url(../img/icons/clipboard.png) no-repeat 0 5px;
 	font-size:13px;
 	padding:0 0 0 22px;
 	float:right;
 	position:relative;
 	top:15px;
 	font-weight:normal;
}
.code-text .line-num {  
	color:#a7a7a7;
	margin:0 10px 0 0;
}	
.code-text .value {  
	color:#43885a;
}	
	
/*scrollable nav*/
.scrollable-nav{
	width: 225px;	
	position:fixed;
	top:auto;
	bottom:0;
}

.btn-expand-content {
  	background:url(../img/icons/l-arrow.gif) no-repeat;
  	height:10px; 
  	width:8px; 
  	display:block;
  	position:absolute;
  	right:13px; 
  	top:16px;
  	cursor:pointer;   
}

.btn-retract-content {
  	background:url(../img/icons/r-arrow.gif) no-repeat;
  	height:10px; 
  	width:8px;
  	display:block;
  	position:absolute;
  	left:7px; 
  	top:16px;
  	cursor:pointer; 
}

/*footer*/
#footer {
 	height:180px;
}

#api-footer  {
	margin: 0 auto;
	width:100%;
	padding: 26px 0 0;
	background-color:#cdcdc8;
	display:block;
}

#api-footer .inner-wrap {
 	width:775px; 
 	margin:0 auto; 
 	padding:0 0 0 230px;
}

.copyright {
 	font-size:11px;
}
.aside-text, .footer-list a, .highlight-footer-list a, .inline-footer-list a, .aside-label, .highlighted-label {
  	font-size: 11px;
}

.sizeFooter1 {
  	width: 155px;
}

.sizeFooter2 {
  	width: 178px;
}

.sizeFooter3 {
  	width: 164px;
}

.sizeFooter4 {
  	width: 153px;
}