/* <![CDATA[ */
html, body {
/*	background-color: #c0c2c2; */
	background-image: url(http://www.pagerank-seo.com/search-engine-optimization-images/background-gradient-2508.png); /* ie6 has issues with png file format */
	min-width: 945px; /* set to 935px if search-text is set to 13px, not observed in Safari 3 */
	font-family: "Geometric 711 SWA", "Lucida Grande", "FontName", sans-serif; /* set in css.php */
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 1px;	/* turn off for Opera in css.php */
	color: #000000;
	text-align: justify;
}
body {
	border: ridge 3px #c0c2c2;
	padding: 0px;
	margin: 15px 15px 15px 15px; /* if necessary, set in css.php */
/*	iccprofile: url('http://www.pagerank-seo.com/ICC_Profiles/AdobeRGB1998.icc');	*/
}
div.container { /* not necessary if one uses background-color rather than background-image in html, body, see above */
	background-color: #fcfcfc;
}
/*	img {
	behavior: url("http://www.pagerank-seo.com/css/pngbehavior.htc");
}	*/
.header {
	height: 188px;
	padding: 5px;
	margin: 0px;
	border-bottom: ridge 2px #c0c2c2;
	text-align: center;
	line-height: 15px;
	color: #000000;
}
span.blue {
	color: #1483fe;
}
.red {
	color: #fb1227;
}
.yellow {
	color: #e4ca3d;
}
.green {
	color: #088910;
}
h1 {
	display: inline;
	padding: 0px 11px;
	font-weight: 400;
	font-size: 36px;
	letter-spacing: 8px;
	z-index: 100;
}
h2 {
	font-size: 24px;
	font-weight: 700;
	display: inline;
}
h3 {
	display: inline;
	padding: 0px 11px;
	font-size: 21px;
	font-weight: 700;
	z-index: 100;
}
h4 {
	display: inline;
	padding: 0px 11px;
	font-size: 18px;
	font-weight: 700;
	z-index: 100;
}
h5 {
	font-size: 16px;
	font-weight: 400;
	display: inline;
}
h6 {
	font-size: 14px;
	font-weight: 700;
	display: inline;
}
div.center {
	text-align: center;
}
div#search-bar {
	background: url(http://www.pagerank-seo.com/search-engine-optimization-images/search-engine.png); /* ie6 has issues with png file format */
	background-position: left;
	background-repeat: repeat-x;
	height: 35px;
	border-bottom: ridge 2px #c0c2c2;
	z-index: 1500;
}
#search-text {
	position: absolute;
	margin-top: 11px; /* set in css.php, alternative - top: 232px */
	left: 33px;
	font-size: 14px;
	letter-spacing: 0px; /* set in css.php, firefox requires 0px*/
}
#search-bar a:link {
	color: #0080ff;
	text-decoration: none;
}
#search-bar a:hover, #search-bar a:active {
	color: #0040ff;
	text-decoration: underline;
}
#search-bar a:visited {
	color: #0000ff;
	text-decoration: none;
}
div.search-engine {
	position: absolute;
	margin-top: 6px; /* set in css.php, alternative - top: 226px */
	right: 37px;
}
input.search-button {
	background-color: #009be6;
	color: #e8f8ff;
	font-weight: 700;
	font-family: arial, sans-serif
}
div.cf_wrapper {
	position: relative;
}
/*	.cf_element {
	width: 188px; *//* set in css.php 182px for camino */
/*	height: 358px;
	background-color: #f0f0f0;
	border:  0px ridge #c0c2c2;
}	*/
.leftnav {
	float: left;
	width: 188px; /* set in css.php 181px for camino */
	margin: 0px 0px 0px 0px;
	border-right: 2px ridge #c0c2c2;
	border-bottom: 2px ridge #c0c2c2;
	font-weight: 400;
	font-size: 14px;
}
.leftfill {
	border-bottom: 1px ridge #c0c2c2;
	z-index: 100;
}
.dynamic-top {
	padding: 27px 13px 0px 13px;
	z-index: 100;
}
.dynamic-articles {
	padding: 25px 13px 0px 13px;
	z-index: 100;
}
.dynamic {
	padding: 11px 13px 0px 13px;
	z-index: 100;
}
.dynamic-bottom {
	padding: 11px 13px 28px 13px;
	z-index: 100;
}
.sub-menu-top {
	padding: 26px 0px 0px 0px;
	z-index: 100;
}
.sub-menu {
	padding: 12px 13px 0px 0px;
	z-index: 100;
}
.sub-menu-bottom {
	padding: 11px 13px 22px 0px;
	z-index: 100;
}
.wrapper {
	padding: 0px;
	margin: 18px 18px 18px 208px; /* set in css.php, 207px for camino */
}
.content {
	min-height: 500px;
	min-width: 565px; /* not observed in Safari 3 */
	padding: 0px;
	margin: 0px 9px 0px 10px;
	background-color: #fcfcfc;
}
a {
	text-decoration: none;
	color: #0883ff;
	border: 0px;
	outline: 0px;
	overflow: hidden;
}
a:visited {
	text-decoration: none;
	color: #0001fe;
}
a:hover, a:active {
	text-decoration: underline;
	color: #000000;
}
a# {
	text-decoration: none;
	color: #0883ff;
	border: 0px;
	outline: 0px;
	overflow: hidden;
}
a#:visited {
	text-decoration: none;
	color: #0001fe;
	border: 0px;
	outline: 0px;
	overflow: hidden;
}
a#:hover, a#:active {
	text-decoration: underline;
	color: #000000;
	border: 0px;
	outline: 0px;
	overflow: hidden;
}
a img {
/*	background-repeat: no-repeat; */
	text-decoration: none;
	border: 0px;
	padding: 0px;
	margin: 0px;
	outline: 0px;
	overflow: hidden;
}
a.logo {
	font-weight: 400;
	font-size: 36px;
	letter-spacing: 8px;
	text-decoration: none;
	color: #0883ff;
	width: 100%;
	border: 0px;
	outline: 0px;
	overflow: hidden;
}
a.logo:visited {
	font-weight: 400;
	font-size: 36px;
	letter-spacing: 8px;
	text-decoration: none;
	color: #0001fe;
	width: 100%
}
a.logo:hover, a.logo:active {
	font-weight: 400;
	font-size: 36px;
	letter-spacing: 8px;
	text-decoration: underline;
	color: #000000;
	width: 100%
}
div.vspace48 {
	line-height: 48px;
}
.vspace42 {
	line-height: 42px;
}
.vspace36 {
	line-height: 36px;
}
.vspace24 {
	line-height: 24px;
}
.vspace21 {
	line-height: 21px;
}
.vspace18 {
	line-height: 18px;
}
.vspace12 {
	line-height: 12px;
}
.vspace6 {
	line-height: 6px;
}
.footer {
	clear: both;
	background: url(http://www.pagerank-seo.com/search-engine-optimization-images/search-engine.png); /* ie6 has issues with png file format */
	background-position: left;
	background-repeat: repeat-x;
	border-top: ridge 2px #c0c2c2;
	height: 14px;
	padding: 4px;
	margin: 0px;
	font-size: 11px;
	color: #000000;
}
.footer a:link, footer-left a:link, footer-right a:link {
	color: #0883ff;
	font-weight: 400;
	font-size: 11px;
}
.footer a:hover {
	color: #0040ff;
	text-decoration: underline;
}
.footer-text {
	text-align: center;
}
.footer-left {
	display: inline;
	position: absolute;
	left: 33px;
}
.footer-right {
	display: inline;
	position: absolute;
	right: 37px;
}
.footer-copyright { /* set in css.php, turn off in opera */
	display: inline;
}
.right-column {
	position: absolute;
	top: 220px;
	right: 35px;
	width: 168px;
}
.right-column-left {
	display: inline;
	text-align: left;
}
.right-column-right {
	position: absolute;
	display: inline;
	text-align: right;
	right: 0px;
}
div#tocbox {
	width: 188px; /* set in css.php 181px for camino */
	margin: 0px 0px 0px 0px;
	border-top: 2px ridge #c0c2c2;
	border-right: 2px ridge #c0c2c2;
	border-bottom: 2px ridge #c0c2c2;
	font-weight: 400;
	font-size: 14px;
	margin-top: -2px;
	background: #f0f0f0;
	z-index: 500;
}
/*	#tocbox.fixed {
	position: fixed;
}	*/
div.menu .options {
	padding: 0px 10px 0px 35px; /* set in css.php */
	margin-right: 1px;
	margin-bottom: 1px;
	border-top: 2px ridge #c0c2c2;
	border-right: 2px ridge #c0c2c2;
	border-bottom: 2px ridge #c0c2c2;
	font-size: 14px;
	background-color: #f0f0f0;
}
.menu a {
	color: #0883ff;
	display: block;
	text-decoration: none;
	background-color: transparent;
}
.menu a:hover {
	color: #0040ff;
	text-decoration: underline;
}
ol.decimal {
	list-style-type: decimal;
	font-size: 12px;
}
ol.ualpha {
	list-style-type: upper-alpha;
	font-size: 12px;
}
input.navbuttons-left {
	display: inline;
	float: left;
	text-decoration: none;
	background-color: #009be6;
	color: #e8f8ff;
	font-weight: 700;
	font-family: "Geometric 711 SWA", "Lucida Grande", "FontName", sans-serif; /* set in css.php */
}
input.navbuttons-right {
	display: inline;
	float: right;
	text-decoration: none;
	background-color: #009be6;
	color: #e8f8ff;
	font-weight: 700;
	font-family: "Geometric 711 SWA", "Lucida Grande", "FontName", sans-serif; /* set in css.php */
}
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
	.tabs-hide {
		display: none;
	}
}
/* Hide useless elements in print layouts... */
@media print {
	.tabs-nav {
		display: none;
	}
}
/* Skin */
.tabs-nav {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
	display: block;
	clear: both;
	content: " ";
}
.tabs-nav li {
	float: left;
	margin: 0px 0px 0px 1px;
	min-width: 84px; /* be nice to Opera, not observed in Safari 3 */
}
.tabs-nav a, .tabs-nav a span {
	display: block;
	padding: 0px 10px;
	background: url(http://www.pagerank-seo.com/classes/ui-tabs/tab.png) no-repeat;
}
.tabs-nav a {
	font-size: 14px;
	margin: 1px 0px 0px 0px; /* position: relative makes opacity fail for disabled tab in IE */
	padding-left: 0px;
	color: #0883ff;
	font-weight: 400;
	text-align: center;
	text-decoration: none;
	white-space: nowrap; /* required in IE 6 */	
	outline: 0px; /* prevent dotted border in Firefox */
	overflow: hidden;
}
.tabs-nav a:hover {
	color: #0040ff;
	text-decoration: underline;
}
.tabs-nav .tabs-selected a {
	position: relative;
	top: 1px;
	z-index: 2;
	margin-top: 0px;
	color: #000000;
}
.tabs-nav a span {
	width: 64px; /* IE 6 treats width as min-width */
	min-width: 64px; /* not observed in Safari 3 */
	height: 18px; /* IE 6 treats height as min-height */
	min-height: 18px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 1px;
}
*>.tabs-nav a span { /* hide from IE 6 */
	width: auto;
	height: auto;
}
.tabs-nav .tabs-selected a span {
	padding-bottom: 1px;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
	background-position: 100% -150px;
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
	background-position: 100% -100px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
	background-position: 0px -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
	background-position: 0px 0px;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
	cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active,
.tabs-nav .tabs-unselect a:hover, .tabs-nav .tabs-unselect a:focus, .tabs-nav .tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
	cursor: pointer;
}
.tabs-disabled {
	opacity: .50;
	-moz-opacity: .50;
	filter: alpha(opacity=50);
}
.tabs-container { /* sets border around page in ajax constructor call */
	border-top: 1px ridge #c0c2c2;
	border-right: 2px ridge #c0c2c2;
	border-bottom: 2px ridge #c0c2c2;
	border-left: 2px ridge #c0c2c2;
	padding: 12px 8px;
	background: #fcfcfc; /* declare background color for container to avoid distorted fonts in IE while fading */
	text-align: justify;
}
/* Additional IE specific bug fixes... */
* html .tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
	display: inline-block;
}
*:first-child+html .tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
	display: inline-block;
}
pre {
/*	font-family: monospace;
	color: #070606;	*/
	background-color: #eeeeee;
	margin: auto 0;
	padding: 15px;
	border: 1px solid #c0c2c2;
	border-width: 1px 0;
	font-size: 12px;
	line-height: 150%;
	margin-left: 0px;
	padding-left: 0px;
	zoom: 1;
}
li pre, div pre {
	margin: 0px;
	padding: 15px;
	background-color: transparent;
	overflow: visible;
}
div pre {
	margin-top: 2px;
}
/* ]]> */