/* CSS Document */
/* ======================== */
/* 4 areas for CSS rules:

     1.	Page layout
     2.	LH sidebar
     3.	Main content well
	 4.	RH sidebar
*/
/* ======================== */

/* === 1. Page layout === */

/* Change STC Framework content well and RH bar widths*/
body.inforel #inforel01{width:20%;}

body.inforel #contentblk01{width:75%;}


/*  ===== 2. LH Sidebar ===== */
#navpr01 #module
{
background:#c55d3b url(../Images/scheme-v101/bgsb11.gif) repeat-y -30px;
}

/* ===== 3. Main content well =====*/

.super{
	vertical-align:super;
	}
#contentblk01 ul {
	margin: 0;
	padding: 0 0 1em 1.7em;
	}
	
/* Format for crumb bar */
.crumb{
	font-size:90%;
	}

/* Format for introductory paragraph */
#intro{
	float:left;
	padding:0;
	margin:0;
	}

#intro img{
	float:left;
	width:auto;
	margin:0 10px 5px 0;
	padding:0;
	}

#intro h1{
	margin:0 0 5px 0;
	padding:0;
	}
	
#intro h2{
	margin:0 0 5px 0;
	padding:0;
	}

#intro p{
	text-align:left;
	margin:.7em 0;
	}
	
#intro ul{
	padding:0;
	margin:0 0 0 0;
	text-align:left;
	list-style-position:inside;
	}
	
#intro li{
	padding:0;
	margin:0;
	}
	
.subheading{
	padding:0;
	margin:0;
	clear:all;
	}

/* Add a horizontal break with a line */
.clear {
	clear: both;
	font-size: 1px;
	line-height: 0;
	margin: 8px 0 0 0;
	padding: 0;
	border-top:1px solid #C0C0C0;
	}
	
/* Format the Spotlight box */
#headlines{
	clear:both;
	border-top:2px solid #c55e3c;
	border-bottom:2px solid #c55e3c;
	background-color:#fff0db;
	margin:1em 0;
	padding:.2em .5em;
	}
		
#headlines h2{
	margin:0 0 2px 0;
	}

/* Format blue column headings */
.blueheading{
	clear:both;
	margin:0 0 0 0;
	}

.blueheading h2{
	background:#4169e1 url(/Framework/Images/scheme-v101/bgsb02.gif) repeat-y;
	margin:0 0 .5em 0;
	padding:0.25em 10px;
	color:#fff;
	}


/* Format yellow column headings */
.yellowheading{
	clear:both;
	margin:0 0 0 0;
	}

.yellowheading p{
	background:rgb(246,207,77) url(/Framework/Images/scheme-v101/bgsb07.gif) repeat-y 50% 0;
	margin:0 0 .5em 0;
	font-weight:bold;
	letter-spacing:0.1ex;
	padding:0.25em 10px;
	}

.innerbox {
	margin: 0 .25em .5em .25em;
	padding: 1em .1em 0em .1em;
	background: #fff;
	}
	
.innerbox ul {
	list-style-image:url(/images/arrow.gif);
	}
		
.innerbox ul.noul {
	list-style-image:none;
	list-style-type:none;
	}

.innerbox ul.arrowul {
	list-style-image:url(/images/arrow.gif);
	}
	
.innerbox ul.discul{
	list-style-image:none;
	list-style-type:disc;
	}
	
.innerbox ul.circleul{
	list-style-image:none;
	list-style-type:circle;
	}
	
.innerbox ul li.mt5{
	margin-top:5px;
	}
	
/* added for Preview */
.innerbox1 {
	margin: 0 .25em .5em .25em;
	padding: 1em .1em 0em .1em;
	background: #fff;
	}
	
/* finish Preview add in */
	
.licolumn{
	float:left;
	width:48%;
	margin:0 0 0 5px;
	padding:0;
	}
	

/* =====  4. RH nav bar =====*/
.box01{
	border:1px solid #bbb;
	margin:0 0 1em 0;
	padding:0 0 0.25em 0;
	}

.box01 h3, .box01 ol{
	padding:0 .75em;
	}

.box01 ol li{
	margin:0.5em 0;
	list-style-type:square;
	}

/* Blue background on box for RH MENU*/
.box01 .boxhd{
	background:rgb(204,225,252);
	color:#444;
	line-height:1.5em;
	margin:0 0 0.75em 0;
	padding:0.25em 0.5em;
	}

.box01 h4{
	border-bottom:1px dashed #C0C0C0;
	margin:0 10px 0 5px;
	}
		
.box01 p{
	padding:0 .5em; margin:0;font-weight:bold;text-align:right;}
	
.fs90{
	font-size:90%;
	}
	
.box01 p.subheading{
	margin:0 15px 0 5px; 
	padding:0 2px;
	border-bottom:1px dashed #C0C0C0; 
	font-variant:small-caps;
	}
	
.box01 p.datehead{
	margin-left:-25px;
	color:#808080;
	font-weight:bold;
	}
	
/*Firefox exception*/
ol{
	margin:0.13em 1em 1.5em 1.5em;
	padding-left:0;
	}

/*.box01 ol li{
	list-style-image:url(/images/arrow.gif);
	margin:0.5em 0;
	}*/
/*End Firefox exception*/

ol.releasemonth{
	list-style-type:none;
	list-style-image:none;
	margin:0 0 5px 5px;
	padding:0;
	}
	
.box01 ol.releasemonth{
	font-size:90%;
	}
	
ol.releasemonth li{
	list-style-type:none;
	margin:0.5em 0 0.5em 5px;
	padding:0;
	}
	
ul.releasetitle{
	margin:0 5px 0 20px;
	padding:0;
	}
	
ul.releasetitle li{
	list-style-type:square;
	margin:0;
	padding:0;
	}	
	
ol.menu20 li
{margin:.1em -5px;}
ol.menu20 li a
{padding:0;}

/* Quick Links box */
#quicklinks ol{
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: none;
	}

#quicklinks li{
	list-style-image:none;
	list-style-type:none;
	border-bottom: 1px solid #90bade;
	margin: 0;
	padding:0;
	}

#quicklinks li a{
	display: block;
	padding: 2px 0 2px 0.5em;
	background-color: #fff;
	color: #000;
	text-decoration: none;
	width: auto;
	}

html>body #quicklinks li a { width: auto; }

#quicklinks li a:hover{
	background-color: #5ba3e0;
	color: #fff;
	}
	
#quicklinks{
	margin:0;
	padding:0;
	border-bottom:none;
	}
	
#quicklinks h3{
	margin:0;
	border-bottom:1px solid #C0C0C0;
	}

/* "About this product" formatting */
div.box01 dl{
	margin:0 0 0 8px;
	font-size:90%
	}
	
div.box01 dt{
	font-weight:bold;
	}
	
div box01 dd{
	margin-left:15px;
	}
	
/* Linked yellow bar in RH*/	
#yellowlink{
	clear:both;
	margin:0 0 0 0;
	}

#yellowlink p{
	background:rgb(246,207,77) url(/Framework/Images/scheme-v101/bgsb07.gif) repeat-y 50% 0;
	margin:0;
	padding:0;
	}

#yellowlink a{
	background:transparent url(/Framework/Images/scheme-v101/arrt04b.gif) no-repeat 0 50%;
	border:1px solid rgb(246,207,77);
	border-left:none;
	color:#000;
	font:bold 90% arial,sans-serif;
	display:block;
	letter-spacing:0.1ex;
	padding:0.25em 20px;
	text-decoration:none;
	}

#yellowlink a:hover{
	background:#363636;
	border:1px solid #363636;
	color:#fff;
	}
