/* not apparently for graphical browsers */
.notThere, .skip {
	position:absolute !important;
	top:-100em !important;
	}
hr {
	display:none;
	}

/* document */
html,body {
	font-size:100%;
	margin:0;
	padding:0;
	background-repeat:no-repeat;
	background-position:bottom right;
	}


/* images */
img {
	border:0;
	}
img.php
{
	margin:0 0 0 0.2em;
	position:relative;
	top:0.2em;
}


/* abbr and dfn */
abbr, acronym, dfn {
	border:none;
	cursor:default;
	font-style:normal;
	}
#mainPage p em abbr {
	font-style:italic;
	}
	
/* bold mark */
mark {
	background:transparent;
	font-weight:bold;
	}
	
/* link outlines */
body a:focus {
	-moz-outline-radius:2px;
	outline-offset:2px;
	}
body #tabset a:focus {
	-moz-outline-radius:5px 5px 0 0;
	outline-offset:0;
	}
	
	
/* main in-text emphasis 
   nb. opera doesn't render italics in tahoma */
#mainPage p em, #mainPage p.dl em em {
	font-style:italic;
	}


/* divider */
.divider {
	text-align:center;
	font-weight:bold;
	}
	

/* core fonts */
h1,h2,h3,.h3,h4,h5,h6,p,dl,#tabsetContainer ul,legend {
	font-weight:normal;
	}
body h1,body h2,body h3,body .h3,body h4,body h5,body h6,body p,body dl,body #tabsetContainer ul,body legend {
	line-height:150%;
	}


/* headings */
h1 {
	font-size:1.3em;
	}

h2, h1.h2, .box h3 {
	font-size:1.1em;
	}
	
#content h2.subtitle, #content h3.subtitle {
	font-size:0.7em;
	}
#content h3.subtitle{
	margin-top:0;
	}

h3,.h3, h2.h3, .portfolioIndent {
	font-size:0.9em;
	font-weight:bold;
	border:none;
	background:transparent;
	padding:0;
	}

#mainPage .latest h3 {
	margin:0;
	font-size:1em;
	}
	
h4, h3.h4 {
	font-size:0.8em;
	font-weight:bold;
	}
	
h3[id] code {
	font-size:1.1em;
	letter-spacing:-1px;
	white-space:nowrap;
	}
*+html h3[id] code { letter-spacing:0; }

dl.documentation strong.returns, h3.returns, h4.returns,
dl.documentation strong.arguments, h3.arguments, h4.arguments {
	font-size:1.1em;
	text-transform:uppercase;
	margin:0;
	}
#mainPage h3.returns, #mainPage h4.returns, #mainPage h3.arguments, #mainPage h4.arguments {
	font-size:0.93em;
	font-weight:normal;
	margin-bottom:-0.5em;
	text-transform:uppercase;
	}
dl.documentation strong.returns em.type, .returns em.type,
dl.documentation strong.arguments em.type, .arguments em.type {
	text-transform:none;
	}
	
h2.discuss {
	margin-top:2em;
	}





/* normal text */
p,legend,label,input,#mainPage ul,#mainPage ol {
	font-size:0.75em;
	}
#strapline p {
	font-size:0.75em;
	}

#mainPage ul ul, #mainPage ol ol, #mainPage ul ol, #mainPage ol ul {
	font-size:0.88em;
	}
	
dd.published
{
	font-size:0.9em;
	letter-spacing:0;
}

	
/* 
	apply this in a couple of ways so that most browsers will see it 
	but not opera 7 - it comes out way smaller
*/
* html .smaller { font-size:80%; }/* versions of IE */
*[class^="smaller"] { font-size:85%; } /* mozilla, khtml, msn */

q {
	font-style:italic;
	}

/* links */
a {
	text-decoration:underline; 
	}

/* block level spans to make line breaks */
.spanBlock span {
	display:block;
	}

/* multi-block paragraphs, for when a paragraph split 
   would break the wrapping behavior we want */
.multipara span {
	display:block;
	margin:0 0 1em 0;
	}


/* block alignment */
.left-align { text-align:left; }
.right-align { text-align:right; }
.center-align { text-align:center; }


/* uppercase emphasis */
.upper { text-transform:uppercase; }
	
/* not bold */
.notbold { font-weight:normal; }


/* top strip */
#topStrip {
	position:absolute;
	top:0;
	left:0;
	z-index:600;
	width:100%;
	height:4em;
	
	/* prevent one of many causes of mac/ie5 'hidden margin causes h-scroll' bug */
	margin-right:-15px;
	}


/* left banner */
#bannerLeft {
	position:absolute;
	left:0;
	top:0;
	z-index:700;
	width:100%;
	height:4em;
	background-repeat:repeat-y;
	
	/* prevent one of many causes of mac/ie5 'hidden margin causes h-scroll' bug */
	margin-right:-15px;
	}



/* right banner */
#bannerRight {
	position:absolute;
	right:0;
	top:0;
	z-index:800;
	width:328px;
	height:4em;
	background-repeat:repeat-y;
	}



/* strapline */
#strapline {
	position:absolute;
	left:0;
	top:0;
	z-index:900;
	margin-left:99px;
	margin-top:0.75em;
	}

#strapline strong {
	font-size:1.9em;
	font-weight:normal;
	}

#strapline strong a {
	text-decoration:none;
	font-style:normal;
	}

#strapline strong a:hover, #strapline strong a:focus {
	border:none;
	}
	
#strapline em {
	display:block;
	margin-top:0.35em;
	text-decoration:none;
	margin-left:25px;
	font-size:0.9em;
	font-style:normal;
	letter-spacing:0.07em;
	/* white-space:nowrap; *** THIS CRASHES IE6!! ***/
	}
* html #strapline em { letter-spacing:0; }
*+html #strapline em { letter-spacing:0; }
	

/* [ie] strapline */
* html #strapline em {
	margin-top:0.6em;
	}

	



/* position fixed and unfixed */
.fixed {
	position:fixed !important;
	}
.notfixed {
	position:absolute;
	}



/* heading and paragraph spacing */
h1,h2,h3,.h3,h4,p {
	margin:0;
	clear:both;
	}
p {
	margin-bottom:0.8em;
	}
p.center {
	text-align:center;
	}
p.right {
	text-align:right;
	}
	
h1,h2,h3,.h3,h4 {
	margin-left:-1px;
	}
h2,h3,.h3,h4 {
	margin:2em 0 0.8em 0;
	}
h1 {
	margin-bottom:0.7em;
	}
h2, .box h3 {
	padding:0.15em 0.45em;
	}
li h2, li h3, li .h3, li h4 {
	border:none;
	background:transparent;
	margin:0;
	padding:0;
	font-weight:bold;
	}
 	
.marginTop {
	margin-top:1em !important;
	}

.marginBottom {
	margin-bottom:2em !important;
	}

.noMarginBottom {
	margin-bottom:0 !important;
	}
	
	
	

/* no clear on elements in demo container 
   this is so images and other demo content can be floated in */
.demo-container p, .demo-container h2, .demo-container h3, .demo-container h4 {
	clear:none;
	}
	

/* small caps */
.sc {
	font-variant:small-caps;
	}


/* page lists */
#mainPage ul, #mainPage ol {
	padding:0;
	margin:1.5em 2.5em 2em 2.5em;
	}

#mainPage ul li, #mainPage ol li {
	margin-bottom:0.7em;
	line-height:150%;
	}

#mainPage ul li.spaceBelow {
	margin-bottom:1.6em;
	}
#mainPage ul.compact {
	margin:1em 1.5em 2em 1.5em;
	}
#mainPage ol.compact {
	margin:1em 1.5em 2em 2em;
	}
#mainPage ul.compact li, #mainPage ol.compact li {
	line-height:130%;
	margin-bottom:0.3em;
	}
#mainPage ol.compact ul, #mainPage ol ul {
	font-size:0.9em;
	margin:0.5em 2.5em 1em 1.25em !important;
	}
#mainPage li code {
	font-size:1em;
	}
#mainPage ul ol {
	margin-top:0.5em !important;
	}
#mainPage ul.uncompact li {
	margin-bottom:0.5em !important;
	}

ol ul a q {
	font-style:normal;
	}

#mainPage ul.nobullets, #mainPage ul.nobullets li,
#mainPage ol.nobullets, #mainPage ol.nobullets li {
	list-style-type:none;
	}
	
/* starred features-list items for mac
   (windows doesn't have this unicode character) */
body.platform-mac #mainPage ul.features li.star {
	list-style-type:none;
	margin-left:-1.35em;
	}
body.platform-mac #mainPage ul.features li.star:before {
	content:"\2606";
	margin-right:0.35em;
	}
	
/* additional text block underneath a features item */
ul.features li .list-block
{
	display:block;
	margin-top:-0.1em;
}
body.platform-mac #mainPage ul.features li.star .list-block
{
	margin-left:1.85em;
}

/* adjustments for sitemap list combinations */
#mainPage ul.sitemap {
	margin:1em 2% 2em 2%;
	}
*[id="mainPage"]#mainPage ul.sitemap ul {
	margin:0.5em 0 2em 1.2em;
	}
#mainPage ul.sitemap ul ul {
	margin:0.5em 0 1em 1.2em !important;
	}
#mainPage ul.sitemap ol {
	font-size:0.85em !important;
	margin-left:1.8em !important;
	margin-bottom:1em !important;
	}
#mainPage ul.sitemap ul ul ol, 
#mainPage ul.sitemap ul ul ul, 
#mainPage ul.sitemap li span.discuss {
	font-size:0.95em !important;
	}
	
/* tag-cloud-esque ordered list */
#mainPage div > ol.cloudy, #mainPage div > ol.cloudy > li
{
	list-style-type:none;
	margin:0 !important;
	padding:0 !important;
}
#mainPage div > ol.cloudy 
{
	overflow:hidden;
	margin-top:3px !important;
}
#mainPage div > ol.cloudy > li
{
	float:left;
	margin:0 7px 4px 0 !important;
	letter-spacing:-0.05em;
	line-height:15px;
}
#mainPage div > ol.cloudy > li a
{
	text-decoration:none;
	color:inherit;
}
#mainPage div > ol.cloudy > li a:hover,
#mainPage div > ol.cloudy > li a:focus
{
	text-decoration:underline;
}
#mainPage ol.cloudy > li:nth-child(1) { font-size:1.32em; margin-bottom:9px !important; }
#mainPage ol.cloudy > li:nth-child(2) { font-size:1.22em; margin-bottom:6px !important; }
#mainPage ol.cloudy > li:nth-child(3) { font-size:1.15em; margin-bottom:6px !important; }
#mainPage ol.cloudy > li:nth-child(4) { font-size:1.07em; }
#mainPage ol.cloudy > li:nth-child(5) { font-size:1.02em; }
#mainPage ol.cloudy > li:nth-child(6) { font-size:0.97em; }
#mainPage ol.cloudy > li:nth-child(7) { font-size:0.92em; }
#mainPage ol.cloudy > li:nth-child(8) { font-size:0.87em; }
#mainPage ol.cloudy > li:nth-child(9) { font-size:0.87em; }
#mainPage ol.cloudy > li:nth-child(10) { font-size:0.87em; }

/* normal definition lists, and dl-style p styling */
dl, p.dl {
	font-size:0.8em;
	padding:0 0 0 1.2em;
	margin:1.5em 1.2em 2em 0;
	border-left-width:3px;
	border-left-style:double;
	}
#mainPage p.dl em {
	font:inherit;
	font-style:normal;
	}
dt {
	margin:0.5em 0 0 0;
	display:block;
	font-weight:bold;
	}
dd {
	margin:0;
	display:block;
	}
dl.uncompact dd {
	margin-bottom:1em;
	}
dl.uncompact dd:last-child {
	margin-bottom:0;
	}
.box dl dd blockquote {
	margin:0.5em 0.5em 0 0.5em;
	font-size:1.3em;
	font-style:italic;
	}
dl dd.link {
	font-size:0.9em;
	}
	



/* adjustments for sitemap list combinations */
#mainPage #sitemap > ul {
	margin-left:0;
	}
#mainPage #sitemap > ul > li {
	list-style-type:none;
	margin-bottom:3em;
	}
#sitemap dl dt, #sitemap dl dd {
	font-size:1.2em;
	}
#mainPage #sitemap dl dd ul {
	margin-top:1.1em;
	margin-left:1.4em;
	}
	
#sitemap strong.h3, #sitemap strong.h4 {
	display:block;
	border-bottom:1px solid;
	padding:0.25em 0.45em 0.3em 0.45em;
	margin-bottom:0.7em;
	margin-left:-0.8em;
	font-size:1.4em !important;
	line-height:1;
	font-weight:normal;
	}
#mainPage #sitemap strong.h4 a, 
#mainPage #sitemap strong.h4 a:visited {
	font-size:0.85em;
	line-height:1;
	display:block;
	}
dl#resources-reference > dd > ul > li {
	padding-bottom:0.2em;
	}
#mainPage #sitemap dl#resources-reference > dd > ul > li > ul {
	margin-top:0.3em !important;
	margin-bottom:0 !important;
	}
	
/* search results */
dl.searchResults {
	margin-top:30px;
	}
	
/* script docs */
dl.documentation dt {
	margin:1em 0 0.5em 0;
	}
dl.documentation dd p {
	font-size:1em !important;
	}
p.docSteps {
	margin-top:4em;
	clear:none;
	}
p.docSteps.floatLeft {
	text-align:left;
	width:20%;
	}
p.docSteps.floatRight {
	text-align:right;
	width:70%;
	}
p.backToMain, p.backToMain a, p.backToMain a:visited {
	font-weight:bold;
	font-variant:small-caps;
	font-size:1.1em;
	}
dl.documentation dl.documentation
{
	font-size:90% !important;
}
dl.documentation dl.documentation ul
{
	font-size:100% !important;
}

dl.documentation div.libraries
{
	margin-top:1.5em;
}
dl.documentation div.libraries > h4
{
	margin:0;
	padding:0 0 5px 5px;
	font-size:1.05em;
}

/* inexplicable IE7 hack */
*+html dl.documentation
{
	overflow:hidden;
}



	
/* no border on dl inside column or frogger dl */
#column dl, dl.froggerTips {
	padding-left:0;
	border-left-width:0;
	}
	
	
/* frogger hints and tips */
dl.froggerTips {
	margin:2em 1em 1em 0;
	}
dl.froggerTips dt {
	width:95px;
	float:left;
	clear:both;
	text-align:right;
	margin-right:2em;
	}
dl.froggerTips dd {
	margin-bottom:2em;
	}


/* access links  */
ul#accessLinksBottom, ul#accessLinksRight  {
	height:2em;
	padding:0;
	margin:0;
	list-style-type:none;
	border-bottom-width:3px;
	border-bottom-style:double;
	}
ul#accessLinksBottom li, ul#accessLinksRight li {
	font-size:0.85em;
	padding:0;
	padding-left:1.1em;
	padding-top:0.4em;
	margin:0;
	margin-right:2px;
	list-style-type:none;
	display:block;
	float:left;
	}

ul#accessLinksBottom  {
	margin-top:5em;
	}

/* [ie] borders */
* html ul#accessLinksBottom {
	border-bottom-style:solid;
	}


/* main page container */
#mainPage {
	position:absolute;
	top:7.7em;
	width:100%;
	
	/* prevent one of many causes of mac/ie5 'hidden margin causes h-scroll' bug */
	margin-right:-15px;
	}




/* content */
#content {
	position:absolute;
	width:67.8%;
	padding:3em 0 5em 0;
	}
	
/* extra-wide content */ 
#content.extra-wide {
	width:94.8%;
	}
#content.extra-wide div.intro {
	width:71.5%;
	}
	
/* inner content */
#content div.inner {
	margin:0.2em 0 0 0.3em;
	}
	
	
/* content/notice box split */
#content div.inner p.content {
	float:left;
	width:72%;
	clear:none;
	}
#content div.inner p.content.padding-bottom {
	padding-bottom:2em;
	}
	
#mainPage #content div.inner p.notice {
	float:right;
	width:22%;
	clear:none;
	padding:1.3% 1.8%;
	margin:-2em -0.75em -1.5em 0;
	line-height:1.4;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	}
#mainPage #content div.inner p.notice.left {
	float:left;
	margin:-2em 0.75em -1.5em 0;
	}
#content div.inner p.notice.left ~ p.content {
	float:right;
	}
#mainPage #content div.inner p.notice.even-top {
	margin-top:0;
	}
#mainPage #content div.inner p.notice strong {
	font-size:1.1em;
	display:block;
	line-height:1.3;
	margin:0 0 3px 0;
	}

#mainPage #content div.inner p.notice.banner {
	float:none;
	width:86%;
	margin:1.6em 0 1.5em 2%;
	padding:2% 3%;
	}	
	
	
	
/* tables */	
table {
	border:none;
	margin:1em;
	}
th {
	font-weight:bold;
	}
td, th, caption {
	font-size:0.75em;
	line-height:150%;
	padding:0.5em 1.5em 0.5em 0.5em;
	vertical-align:top;
	text-align:left;
	border:none;
	}

/* range tables (eg. iotbs main versions grid) */
table.range {
	margin:0.5em 0 1em 1em;
	padding:0 0 0 0;
	border-width:0 0 0 3px;
	border-style:double;
	}
table.range td, table.range th {
	font-size:0.7em;
	border:none;
	}
table.range th {
	font-variant:small-caps;
	font-size:0.8em;
	line-height:120%;
	}

/* syntax tables (eg. dbx documentation) */	
table.syntax {
	margin-left:1.72em;
	}
table.syntax {
	font-size:0.9em;
	}
table.summary.syntax {
	margin-left:0;
	}

/* tables in the rh column */
#column table {
	margin:0;
	}
#column td,#column th,#column caption {
	padding:0 0 0.2em 0;
	padding:0 1em 0 0;
	font-size:0.7em;
	line-height:120%;
	}
#column caption {
	padding-bottom:0.5em;
	}
td.nowrap {
	white-space:nowrap;
	}
	
	
	
	
	
	




/* discussion view */
ol#discussion
{
	margin:2.5em 0 3em 0;
	padding:0;
	list-style-type:none;
	font-size:0.9em;
}

ol#discussion li
{
	padding:0 0 0.5em 0;
	margin:0 0 1.5em 0;
	list-style-type:none;
	font-size:0.9em;
}

ol#discussion li h3
{
	border-width:0 0 3px 0;
	border-style:double;
	padding:0;
	margin:0;
	line-height:100%;
	padding:7px 10px 5px 10px;
}

ol#discussion li h4
{
	font-weight:normal;
	padding:3px 10px 1.5em 10px;
	margin:0;
}

ol#discussion li h4 cite
{
	font-style:normal;
	font-weight:bold;
}

ol#discussion li p
{
	margin:0 10px 7px 10px;
	font-size:1em;
	line-height:130%;
}

	
	
	
	
	
	
/* right column */
#column 
{
	width:24%;
	position:absolute;	
}
#column h2, #column .box h3, #column h2 label 
{
	font-size:0.9em;
	font-weight:bold;
	margin:0;
	clear:both;
}
#column h2, #column .box h3
{
	padding:0.2em 0.6em 0.1em 0.6em;
	border-bottom-width:3px;
	border-bottom-style:double;
}

/* [ie] borders */
* html #column h2, * html #column .box h3 {
	padding-bottom:0.15em;
	}

/* right column box */
#column div.box {
	margin-bottom:1.1em;
	}
#column div.box div.inner {
	padding:0.7em !important;
	}

#column div.box p,#column div.box ul,#column div.box ol {
	font-size:0.7em;
	}
#column div.box ol ul {
	font-size:0.9em;
	}
	
#column .marginTop {
	margin-top:0.7em !important;
	}

#column div.box a {
	font-weight:normal;
	}

#column div.box div.inner p:last-child {
	margin-bottom:0;
	}
	

/* text within right column */
#column div.box p {
	margin:0 0 0.5em 0;
	letter-spacing:-0.04em;
	}
#column div.box p.spanBlock:last-child {
	padding-bottom:0.4em;
	}
	
* html #column div.box p { letter-spacing:0; }
*+html #column div.box p { letter-spacing:0; }

/* lists within right column */
#column div.box ul {
	padding:0;
	margin:0 0 0.5em 1.3em;
	}
#column div.box ol {
	padding:0;
	margin:0 0 0.5em 1.8em;
	}
#column div.box ol ul {
	margin:0.2em 0 0.5em 1.4em;
	}
#column div.box ul li, #column div.box ol li {
	padding:0;
	margin:0;
	}
	
	
/* definition list within right column */
#column div.box dl {
	font-size:0.7em;
	margin:0 0 0.8em 0;
	}
#column div.box dt {
	margin:0 1em 0 0;
	width:auto;
	text-align:left;
	}
#column div.box dd {
	letter-spacing:-0.04em;
	}
* html #column div.box dd { letter-spacing:0; }	
*+html #column div.box dd { letter-spacing:0; }	
	
	
	
/* testimonial and article quotes */
.testimonialQuotes {
	margin-bottom:0;
	margin-top:2em;
	}
.testimonialQuotes q, #content blockquote p {
	font-size:1em;
	letter-spacing:0.05em;
	display:block;
	line-height:160%;
	}
.testimonials blockquote p {
	text-align:right;
	font-style:italic !important;
	font-size:0.8em;
	margin-bottom:0;
	margin-right:1em;
	}
#content .testimonialQuotes q {
	font-size:0.9em;
	}
	
#content blockquote {
	margin:1em 3em 2em 1em;
	}
#content blockquote p {
	font-size:0.85em;
	margin:0 0 0.5em 0;
	}

.testimonialQuotes a {
	font-style:normal;
	}
.testimonialQuotes a:visited {
	font-style:italic;
	}

.testimonialQuotes a:hover, .testimonialQuotes a:focus {
	border:none;
	}

.testimonialQuotes a:hover q, .testimonialQuotes a:focus q {
	}

.testimonialQuotes cite {
	display:block;
	margin-top:0.4em;
	margin-bottom:1.2em;
	font-size:1em;
	}
#content .testimonialQuotes cite {
	margin-top:0;
	font-size:0.85em;
	}
	
#content .testimonialQuotes, .testimonialQuotes cite {
	text-align:left;
	}
#content .oddQuote, .oddQuote cite {
	text-align:right;
	}



/* portfolio thumbnails and "gallery" images */
.portfolioThumb {
	margin-top:-1.5em !important;
	}
.portfolioThumb img, img.galleryImage {
	border-width:3px;
	border-style:double;
	}
.jsanth {
	padding-bottom:0.3em;
	}
.jsanth .portfolioThumb {
	margin-top:0 !important;
	}
.jsanth strong {
	display:block;
	clear:both;
	padding:0.3em 0 0.4em 0;
	font-weight:normal;
	letter-spacing:-0.05em;
	}
* html .jsanth strong { letter-spacing:0; }
*+html .jsanth strong { letter-spacing:0; }

#column .thumbnails img.galleryImage {
	width:80px;
	height:57px;
	}
p.center-align .portfolioThumb {
	margin-top:0 !important;
	float:none !important;
	}
	
	
/* portfolio heading indents */
.portfolioIndent, .summaryIndent {
	margin-left:129px;
	margin-bottom:0;
	padding:0 0 0 0.8em;
	border:none;
	background:transparent;
	}
.summaryIndent {
	margin-left:99px;
	}
.portfolio .portfolioIndent {
	margin-top:2em;
	}
	
/* amazon links */
dl.amazon .portfolioThumb {
	margin:0 0.5em 0.25em 0 !important;
	}
dl.amazon dd {
	line-height:140%;
	}
dl.amazon dd.buy {
	margin:0.5em 0 2em 0;
	}
	




/* floating columns for floating block-level content */
.floatColumnLeft {
	float:left;
	clear:none;
	width:20%;
	margin-right:3%;
	margin-bottom:1em;
	margin-top:1em;
	}
.floatColumnRight {
	float:left;
	clear:none;
	width:70%;
	}



/* forms */
form 
{
	margin:2em 1em;
}

form#cse-search-box
{
	margin-left:0;
}

form#cse-search-box input.text
{
	width:15em;
}

.box form#cse-search-box
{
	margin:0;
}

.box form#cse-search-box input.text
{
	width:9em;
}

.box form#cse-search-box label
{
	position:absolute;
	left:-100em;
}


fieldset {
	border:none;
	padding:0;
	margin:1em 0 0 0;
	}
form.field fieldset {
	margin-top:0;
	}

form.advanced {
	padding:0;
	margin-left:0;
	border-left-width:3px;
	border-left-style:double;
	}
form.advanced fieldset {
	padding-left:1.2em;
	}
	
.search fieldset.simpleSearch {
	padding-bottom:1em;
	border-bottom:2px dotted;
	margin-bottom:1em;
	width:27em;
	}

.search fieldset.simpleSearch label {
	font-size:0.9em;
	}
	
.search input.radio, .search input.checkbox {
	position:relative;
	top:1px;
	}
	
.search div.within
{
	margin-top:0.8em;
}
.search div.soundalike
{
	padding-left:3.9em;
}

label {
	padding:0.2em 1em 0.3em 0;
	}

/* tweaks for stupid ie */
* html input.button {
	padding:0.1em 0;
	}

	

/* contact form and discussion comments form */
#contactForm {
	margin-left:2em;
	}
#commentsform fieldset {
	border:none;
	}

#contactForm label, #commentsform label {
	width:7em;
	display:block;
	float:left;
	padding:0.2em 1em 0.3em 0;
	text-align:right;
	}
#commentsform label {
	width:100px;
	padding-right:10px;
	}

label span.required {
	font-weight:normal;
	font-variant:small-caps;
	}

#contactForm div, #commentsform div {
	clear:both;
	padding-bottom:0.2em;
	}
	
#contactForm input.text, #commentsform input.text {
	width:50%;
	}

#contactForm textarea {
	width:60%;
	height:12em;
	}
#commentsform textarea {
	width:70%;
	height:15em;
	}

#contactForm input.button {
	margin:1em 0 0 7.4em;
	}
#commentsform input.preview {
	margin-left:110px;
	}
	
#commentsform div.checkbox {
	margin:0.2em 0;
	float:left;
	}
#commentsform div.checkbox label {
	width:auto;
	}
#commentsform div.checkbox input.checkbox {
	float:left;
	margin:4px 9px 0 110px;
	}





/* skip code examples */
#mainPage ul.skipCode, #mainPage ul.skipCode li {
	margin:0;
	padding:0;
	list-style-type:none;
	}
#mainPage ul.skipCode {
	padding-left:4px;
	border-left-style:double;
	border-left-width:3px;
	}







/* "disabled" */
.disabled
{
	opacity:0.4;
	-moz-opacity:0.4;
	-khtml-opacity:0.4;
	filter:alpha(opacity=40);
}
input.button.disabled, .disabled input.button 
{
	cursor:default; 
}


/* additional, stronger float clearing rules */
.clearboth
{
	clear:both !important;
}
.clearleft
{
	clear:left !important;
}
.clearright
{
	clear:right !important;
}

.clearall
{
	clear:both !important;
	padding-top:1em;
}






/* dbx documentation  */
.intro-column
{
	float:left;
	width:45%;
}

#content #demo-wrapper 
{
	float:right;
}


.documentation em.type, .returns em.type, .arguments em.type
{
	font-weight:normal;
	float:right;
}

/* can only do small-caps on type descriptions where specifically allowed 
   (on cssutils, and the standardized function documentation layout that matured from it)
   because many docs mix values and types within this element *//*
#mainPage.resources-functions em.type, 
#mainPage.resources-config em.type, 
#mainPage .standardized.documentation em.type
{
	font-variant:small-caps;
}
*/

.documentation dt.function code
{
	font-size:1em !important;
}

.documentation dd ol, 
.documentation dd ul
{
	font-size:0.9em !important;
	margin-top:0 !important;
	margin-bottom:1em !important;
}

.documentation dd ol li, 
.documentation dd ul li
{
	line-height:1.6 !important;
}

ul li em.download
{
	font-size:0.9em;
	margin-left:2em;
	font-style:normal;
}

ul li em.download a, ul li em.download a:visited
{
	color:inherit;
}



/* notes */
p.nb 
{
	clear:both;
}

#column > .box p.nb 
{
	font-size:0.6em;
	border-top:1px dotted;
}

#content > .inner > p.nb
{
	font-size:0.75em;
	margin-top:50px;
}

/* specially embolden download links */
#column > .box a[href*="download.php"] {
	font-weight:bold;
	}


/* dev noindex content */
html > body noindex, html > body noindex *
{
	color:#963 !important;
	border-color:#b85 !important;
	background:#ff9 !important;
}








/* stylesheet switcher  */
#column div#stylesBox div.inner 
{
	padding:0.6em 0.7em !important;
	margin:0;
}

#stylesForm 
{
	margin:0;
	min-width:170px;
}
	
#stylesForm fieldset 
{
	padding:0;
	margin:0;
	border:none;
}

#stylesForm label, #stylesForm legend, #stylesForm select 
{
	font-size:0.7em;
}

#column #stylesForm select
{
	width:182px;
}

#stylesForm input[type="range"]
{
	width:90%;
}

#stylesForm input.checkbox, #stylesForm input.radio
{
	position:relative;
	top:1px;
}

#stylesForm div.block label
{
	width:182px;
}

#stylesForm div#layout
{
	float:left;
	width:182px;
	margin:0.3em 0 -0.3em 0;
}

#stylesForm div.l
{
	margin:0 0 0.3em 0;
	clear:both;
	float:left;
	width:182px;
}

#stylesForm div.l input.radio, #stylesForm div.l label, #stylesForm div.l label span
{
	float:left;
}
* html #stylesForm div.l input.radio { background:transparent !important; }

#column #stylesForm div.l label
{
	width:118px;
}

#stylesForm div.l label span
{
	width:88px;
	margin:2px 0 0 7px;
}

* html #column #stylesForm div.l label, 
* html #stylesForm div.l label span
{
	width:auto;
}


/* eg */
span.eg
{
	display:block;
	float:left;
	width:57px;
	height:45px;
	margin:0 5px 0 0;
	border:1px solid;
}

span.eg span
{
	display:block;
	overflow:hidden;
}

span.eg span.nav
{
	width:57px;
	height:10px;
	border-bottom:4px solid;
}

span.eg span.main, span.eg span.col
{
	float:left;
	height:23px;
	margin:3px;
	border:1px solid;
}

span.eg span.main
{
	width:32px;
}

span.eg span.col
{
	width:12px;
}

span.eg span.right
{
	margin-left:0;
}

span.eg span.left
{
	margin-right:0;
}

span.eg span.zoom, .nocss span.eg span.main
{
	width:49px;
	height:37px;
	margin:3px;
}

.nocss span.eg span.nav, .nocss span.eg span.col
{
	display:none;
}

* html span.eg { display:none; }

/* eg colors */
#column #layout.default span.eg, 
#column #layout.default span.eg span.main, 
#column #layout.default span.eg span.col { background:#ffe; border-color:#060; }
#column #layout.default span.eg span.nav { background:#f3f3e0; border-color:#54814e; }

#column #layout.deuteranopic span.eg, 
#column #layout.deuteranopic span.eg span.main, 
#column #layout.deuteranopic span.eg span.col { background:#fffbee; border-color:#785010; }
#column #layout.deuteranopic span.eg span.nav { background:#ffefe0; border-color:#917150; }

#column #layout.invert span.eg, 
#column #layout.invert span.eg span.main, 
#column #layout.invert span.eg span.col { background:#001; border-color:#f9f; }
#column #layout.invert span.eg span.nav { background:#07042f; border-color:#644168; }

#column #layout.yellowblack span.eg, 
#column #layout.yellowblack span.eg span.main, 
#column #layout.yellowblack span.eg span.col,
#column #layout.yellowblack span.eg span.nav { background:#000; border-color:#ff0; }

#column #layout.blackyellow span.eg, 
#column #layout.blackyellow span.eg span.main, 
#column #layout.blackyellow span.eg span.col, 
#column #layout.blackyellow span.eg span.nav { background:#ff0; border-color:#000; }

#column #layout.twotone span.eg, 
#column #layout.twotone span.eg span.main, 
#column #layout.twotone span.eg span.col, 
#column #layout.twotone span.eg span.nav { background:#333; border-color:#bbb; }

#column #layout.nocolor span.eg, 
#column #layout.nocss span.eg, 
#column #layout.nocolor span.eg span.nav, 
#column #layout.nocss span.eg span.nav,
#column #layout.nocolor span.eg span.main, 
#column #layout.nocolor span.eg span.col,
#column #layout.nocss span.eg span.main, 
#column #layout.nocss span.eg span.col { background:Window; border-color:WindowText; }








/* sticky pin (selector to hide it from IE6) */
#navpin[id="navpin"]
{
	text-decoration:none;
	display:block !important;
	width:16px;
	height:21px;
	padding:7px 0 0 0;
	position:absolute;
	right:6px;
	top:0;
	text-align:center;
	font-size:0.8em;
	font-weight:bold;
	cursor:pointer;
}

#navpin[id="navpin"] > input[type="button"]
{
	border:none;
	display:block;
	background:transparent;
	width:16px;
	height:28px;
	position:absolute;
	left:0;
	top:0;
	cursor:pointer;
	background:none no-repeat 0 0;
}

#navpin[id="navpin"][class="stuck"] > input[type="button"]
{
	background-position:0 -28px;
}









/* smiley mark */
html body #mainPage .smile-mark
{
	color:inherit;
	font-style:normal;
	font-weight:normal;
	font-size:70%;
	position:relative;
	top:-0.4em;
	margin-left:-0.3em;
	cursor:default;
}





/* blankety-blank squares information layout */
.blankety-blank 
{
	display:table;
	width:100%;
	padding:5px 0 10px 0;
}

.blankety-blank > p
{
	float:left;
	width:50%;
	padding:0 0 20px 0;
	margin:0;
	clear:none;
	font-size:0.75em !important;
	text-align:right;
}
.blankety-blank > p:first-child
{
	padding-right:5%;
	padding-bottom:10px;
	width:45%;
	font-size:0.85em !important;
	text-align:center;
}
.blankety-blank > p:last-child
{
	padding:0;
	float:none;
	width:auto;
	font-size:0.8em !important;
	text-align:left;
}

.blankety-blank > p:first-child img
{
	margin-top:10px;
	display:inline-block;
}






/* image list */
#mainPage.home-home .image-list img
{
	display:block;
}
#mainPage.home-home .image-list dl
{
	width:74%;
}
#mainPage.home-home .image-list.full-width dl
{
	width:100%;
}
.image-list img
{
	border-right:3px double;
}

#mainPage .image-list dl dd p
{
	letter-spacing:-0.03em;
}
* html #mainPage .image-list dl dd p { letter-spacing:0; }
*+html #mainPage .image-list dl dd p { letter-spacing:0; }






/* content image + blurb flow */
#mainPage #content .inner .blurbImage
{
	display:block;
}
#content .inner .blurbImage
{
	margin:5px -10px 20px 0;
}
#content .inner .blurbImage.floatLeft
{
	margin:0 20px 20px -1px;
}

#content .inner div.blurb
{
	float:left;
	width:60%;
}
#mainPage.resources-cssutilities #content .inner div.blurb
{
	margin-bottom:-1em;
}
#content .inner div.blurb.padding-bottom
{
	padding-bottom:1.5em;
}

#content .inner div.blurb h3.summary
{
	margin-top:0;
	margin-bottom:1.25em;
}

#content .inner ul.features
{
	clear:both;
}






/* script docs documentation table */
table.documentation
{
	margin:1em 0.2em 1em 0.2em;
	empty-cells:show;
	border-collapse:collapse;
	font-size:0.95em;
	border:1px solid;
}
dl.documentation table.documentation
{
	font-size:1.1em;
}

table.documentation th, table.documentation td
{
	padding:4px 6px;
	text-align:left;
}
table.documentation thead th
{
	border-bottom:1px solid;
}

table.documentation tr.divider td, table.documentation tr.divider th
{
	border-top:1px solid;
	font-weight:normal;
	text-align:left;
}

table.documentation .option-name
{
	width:25%;
}
table.documentation .option-description
{
	width:55%;
}
table.documentation .option-value
{
	width:20%;
}

table.documentation em.type
{
	font-style:normal;
	font-variant:small-caps;
	float:none;
}