/* import positioning styles */
@import url("prefs-default-layout.css");



/* key structural positioning information, customisable with linearity var */
#tabsetContainer {
	left:1.1em;
	}

#content {
	left:1.1em;
	}

#column {
	left:72.5%;
	}






/* FONT FAMILY */

/* core fonts */
label,input,h1,h2,h3,h4,h5,h6,p,table,kbd,#mainPage ul,#mainPage ol,#mainPage li,dl,#tabsetContainer ul,#tabsetContainer li,#navbarTopRow ul,legend, select, input, textarea, .notThere ul, .notThere li {
	font-family:verdana,helvetica,sans-serif;
	}

h1,h2,h3,h4,p {
	clear:both;
	}

#content p,#content dl,#inner ul,#inner li {
	font-family:"trebuchet ms",verdana,helvetica,sans-serif;
	}
	
	
p cite {
	font-family:verdana,helvetica,sans-serif;
	}

dl p, dd.published {
	font-family:verdana,helvetica,sans-serif;
	color:#666;
	}

dl.documentation dd p {
	font-family:"trebuchet ms",verdana,helvetica,sans-serif;
	color:#020;
	}


#content dt {
	font-family:verdana,helvetica,sans-serif;
	}


/* testimonial and article quotes */
.testimonialQuotes q, #content blockquote p {
	font-family:georgia,serif;
	font-style:normal;
	}

/* strapline */
#strapline strong {
	font-family:verdana,helvetica,sans-serif;
	}

/* top buttons */
ul#navbarTopList li a, ul#navbarTopList li {
	font-family:verdana,helvetica,sans-serif;
	}





/* PAGE COLORS */

/* document */
html,body {
	background-color:#ffe;
	/*background-image:url(/images/watermark.gif);*/
	}


/* headings */
h1,h2,h3,h4 {
	color:#060;
	}
	
h2 {
	border-bottom-color:#dedeca;
	background-color:#f3f3e0;
	}

/* paragraphs and general text */
p,ul,ol,dl,table,label {
	color:#020;
	border-color:#dedeca;
	}

/* tables */
table.range {
	background:#fafaea;
	}
table.range th {
	background:#f3f3e0;
	}

/* pre code examples */
pre {
	margin:0 0 1em 0;
	border-width:3px;
	border-style:double;
	padding:0.8em;
	line-height:1.35em;
	letter-spacing:0.06em;
	white-space:pre;
	max-height:300px;
	}
/* scrolling fucks up mac/ie5 */
@media screen,projection,handheld { 
	pre {overflow:scroll;}
	/* auto width doesn't work in win/ie and max-height isn't supported */
	* html pre {
		width:98%;
		height:expression( this.offsetHeight > 350 ? "350px" : "auto" );		
		}
	}

/* skip code examples */
#mainPage ul.skipCode, #mainPage ul.skipCode li {
	margin-left:0;
	padding-left:0;
	list-style-type:none;
	}
#mainPage ul.skipCode {
	border-color:#dedeca;
	background:#ffe;
	}

/* code examples */
pre {
	border-color:#dedeca;
	color:#020;
	}
code {
	font-family:"lucida console",monospace;
	}
samp {
	font-family:"courier new",monospace;
	}

/* kbd */
kbd {
	font-variant:small-caps;
	}

/* links */
a {
	color:#3030b0;
	}
	
a:visited {
	color:#800080;
	}
a:hover, a:focus, .testimonialQuotes cite a:hover, .testimonialQuotes cite a:focus{
	color:#462;
	}

a {
	font-style:normal;
	}
	



/* abbr and acronym */
abbr {
	border:none;
	}





/* left banner */
#bannerLeft {
	background:url(/images/bro-left.jpg) #f3f3e0 no-repeat 0 0;
	}

/* right banner */
#bannerRight {
	background:url(/images/bro-right.jpg) #f3f3e0 no-repeat;
	}


/* strapline */
#strapline strong, #strapline strong a, #strapline em {
	color:#060;
	}
	

/* defintion lists */
dt {
	color:#060;
	}







/* discussion view */
ol#discussion, ol#discussion li
{
	font-family:verdana,helvetica,sans-serif;
}

ol#discussion p
{
	font-family:arial,sans-serif;
}

ol#discussion p q
{
	color:#060;
}

ol#discussion li
{
	background-color:#fafaea;
}

ol#discussion li.even
{
	background-color:#f4f4e4;
}

ol#discussion li h3
{
	border-color:#dedeca;
}









/* right column box */
#column div.box {
	background-color:#fafaea;
	}

#column div.box dt em {
	font-style:normal;
	font-weight:normal;
	font-size:0.9em;
	}
	
/* testimonial and article quotes */
.testimonialQuotes q, #content blockquote p {
	color:#930;
	}

.testimonialQuotes cite {
	color:#666;
	}


/* portfolio thumbnails and "gallery" images */
.portfolioThumb img, img.galleryImage {
	border-color:#e3e3cd #b7c0ab #b7c0ab #e3e3cd; 
	}





/* bottom margin on top access links */
ul#accessLinksTop  {
	margin-bottom:2em;
	}



/* forma */
select, input, textarea {
	color:#020;
	background-color:#fafaea;
	font-size:0.8em;
	padding:0.1em;
	}
	
input.button {
	padding:0.1em 0.3em 0.2em 0.3em;
	font-weight:bold;
	cursor:pointer;
	}

label {
	color:#060;
	font-weight:bold;
	}

fieldset {
	border:1px solid #fafaea;
	}
	
input.button {
	background-color:#fafaea;
	color:#060;
	}
	
input.button:hover, input:focus, textarea:focus {
	background-color:#ffe;
	}

#stylesForm select {
	margin-bottom:0.7em;
	height:1.5em;
	padding:0;
	}
#stylesForm div {
	max-width:11em;
	}
#stylesForm input.button {
	margin-top:0.35em;
	}

/* hide linearity selector from win/ie5 */
* html #stylesForm #lLabel, * html #stylesForm #lSelector {
	display:none;
	displa\y:block;
	}

	
/* search form and results */
.search fieldset {
	border:none;
	}
.search label {
	line-height:210%;
	}
.search select {
	padding:0;
	}
p.prevnext {
	text-align:right;
	}
dd.href {
	font-size:0.85em;
	color:#930;
	font-family:georgia,serif;
	}
	
	
/* portfolio thumbnails */
.portfolioThumb {
	display:block;
	float:left;
	padding:0.1em 0.2em 0 0.2em;
	margin:0 1em 0 -3px;
	border-width:0;
	}

/* floats */
.floatLeft {
	float:left;
	margin:0.3em 1em 1em 0;
	}

.floatRight {
	float:right;
	margin:0.3em 0 1em 1em;
	}

.clearBoth {
	clear:both;
	}
	
	
	
/* onfocus tooltips */	
div.tooltip {
	border:1px solid InfoText;
	background:InfoBackground;
	color:InfoText;
	font:small-caption;
	font-weight:normal;
	padding:2px 4px;
	text-align:left;
	position:absolute;
	width:auto;
	height:auto;
	z-index:30000;
	}