/* this sets the over-all font size ratio and family and sets the entire page to be centered */
ul	{margin:0; padding:.5em 0 .5em 1.5em;}
ol	{padding:.5em 0 .5em 1.5em;}
li	{margin:0; padding-bottom:.5em; line-height:1.25em; list-style: url(../bl-bullet.gif); font-weight:normal; }
/* this controls the styling for the div that contains everything and creates the fixed width for the entire page */
#wrapper
{
 margin:0 auto;
	text-align:left;  
}
/* ------------------------the following styles control the breadcrumbs on the sub pages ------------------------------------------------------------------------ */
/* this controls the look of the text inside the breadcrumb */
.breadcrumb p
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#0000CC;
}
/* this over-rides the color and the underline for the links in the breadcrumb */
.breadcrumb a
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#0000CC;
	text-decoration:none;
}
/* this controls the hover behavior for the links in the breadcrumb */
.breadcrumb a:hover
{
	text-decoration:underline;
}
/* ------------------------the following styles control the banner --------------------------------------------------------------------------------------- */
/* this sets the color, width and height of the banner */
#banner
{
 /* padding: 5px; */
padding-left:11px;
	width:97%;
	height:80px;
 
}
/* this controls the name in the banner */
#banner h1
{
	font-size:1.5em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding:0;
	margin:0;
}
/* this controls the description and links in the banner */
#banner p
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin:0;
/*	line-height:1.5em; */
}
/* this gets rid of the underline on the links in the banner and controls the spacing between the links */
#banner h1 a
{
	text-decoration:none;
font-weight:bold;
color:white; 
}
/* ------------------------the following styles control the page content area ----------------------------------------------------------------------------------- */
/* for good measure, this sets the background color of the entire content area */
#content
{
width: 100%;
background-color:#FFFFFF;
clear:both;
}
/* ------------------------the following styles control the side navigation ------------------------------------------------------------------------------------ */
/* this sets the color, width, height and position of the side navigation */
#sidenavigation
{
 padding-top: 5px;
	background-color:white;
 width: 100%;
 font-size:.9em; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#sidenavigation a, #sidenavigation:visited
{
  text-decoration:none;
}
/* this controls the positioning of the page navigation menu in the side navigation */
#pagenavigation
{
	margin-top:10px;
	padding:0;
}
/* this controls the styling of the list used to render the page navigation menu */
#pagenavigation li
{
	list-style:none;
	margin:5px 0 5px 0;
	padding:5px 5px 5px 5px;
	width:100%;
}
/* this gets rid of the underline and sets the color for the links in the list used to render the page navigation menu */
#pagenavigation li a
{
	text-decoration:none;
	color:#000000; 
}
/* this sets the style for the selected page in the page navigation menu */
.selected
{
	text-decoration:none;
	font-weight:normal;
	color:#000000;
	background-color:#FFFFFF;
}
/* this controls the hover behavior on the entries in the page navigation menu */
#pagenavigation li a:hover
{
	text-decoration:underline
}
/* this enables tabbing between the entries in the page navigation menu */
#pagenavigation li a:focus
{
	text-decoration:underline
}
/* ------------------------the following styles control the page title/component title header ----------------------------------------------------------------------- */
/* this control the placement of the page header */
.componentheader
{
	background-color:#FFFFFF;
	float:left;
	margin:10px 0 0 20px;
	padding:0;
	width:820px;
}
/* this sets the style for the page title (for example "Team Blog" */
.componentheader h2
{
	color:#000000;
	float:left;
	margin:0 5px 0 0;
	font-size:1.5em;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
/* this over-rides the color and underline on the links in the page header */
.componentheader h2 a
{
	text-decoration:none;
	color:#000000;
}
/* this enables the description of the page to be close to the bottom of the page title */
.componentheader p
{
	margin:0;padding-top:3px
}
/* this positions the atom button in the page title */
.atom
{
	padding-top:2px;
	padding-left:5px;
}
/* ------------------------the following styles control the main content areas of the component -------------------------------------------------------------------- */
/* this sets the postion and creates the right side border for the first column of page content */
.maincontent
{
background-color:#FFFFFF;
width: 98%;
padding-left:11px;
padding-right:3px;
}
/* this sets the style for the page description */
.pagedescription
{
	color:#999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
/* this creates the bottom rule of each docpost */
.docbody
{
	padding-bottom:10px; 
}
/* this controls the hover behavior for the doc header */
.docbody a:hover
{
	text-decoration:underline;
}
/* this enables tabbing to the doc header */
.docbody a:focus
{
	text-decoration:underline;
}
.name{
/*color:#4477bb; */
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:10px; 
padding:0;
margin:0;
}
/* this sets the style for the author/owner name of each docpost */
.name a
{
/*color:#006600;*/
	text-decoration:none;
 font-size:10px; 
	padding:0;
	margin:0;
}
/* this sets the style for the last modified time of each docpost */
.time a
{
color:#999999;
text-decoration:none;
font-size:10px;
padding:0;
margin:0;
}
/* this controls the styling of the doc body */
.docbody p
{
color:#000000;
line-height:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.side{
font-size:.9em;
}
/* this sets the title for the action links following the page title and the atom button */
.commands, .commands a
{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:10px; 
	padding:0;
	margin:0;
}
.commands a:visited
{
 color:#996699;
}
.commands a:hover
{
 color:#5c81a7;
}
/* ------------------------the following styles control the comments section ---------------------------------------------------------------------------------------- */
.commentTable{
border: 1px solid gray;
background-color:#FFF;
}
.commentTableTop{
background-color:#98b1c4;
color:#fff;
font-weight:bold;
margin:5px;
padding:5px;
line-height:20px;
}
.commentbody{
/* font-size:.9em; */
}
.commenttext{
margin-left:30px;
padding-left:2px;
border-left:1px solid silver;
/* font-size:.9em; */
}
.commentauthor{
/* font-size:.8em; */
}
/* ------------------------the following styles control the footer ----------------------------------------------------------------------------------------------------- */
/* this sets the color, height, width and font-size for the footer */
#footer
{
background-color:#060606;
color:#FFFFFF;
width:100%;
height:15px;
line-height:15px;
padding:5px;
clear:both;
position: relative;
}
/* this gets rid of the underline, sets the color and controls the spacing of the links in the footer */
.footerlinks a
{
	text-decoration:none;
	color:#FFFFFF;
	margin-right:10px;
}
/* this controls the hover behavior of the links in the footer */
.footerlinks a:hover
{
	text-decoration:underline;
	color:#FFFFFF;
}
/* this enables tabbing between the links in the footer */
.footerlinks a:focus
{
	text-decoration:underline;
	color:#FFFFFF;
}
h3{
font-size:.9em;
}
a img	{border:0 solid #f00;}
a:hover	{color:#69c; text-decoration:underline;}
/* ------- header treatments ------- */
h2{margin:0; padding:0;}
h2{font-size:11px; font-weight:normal;font-family: Verdana, Arial, Helvetica, sans-serif;}
#content-main h2	{margin-top:.5em;}
.portlet-blue,.portlet-white{margin:5px 5px 5px 0; border:1px solid rgb(204, 204, 204);}
.portlet-blue{background:#fff;}
.portlet-white{background:#fff; border:1px solid #ccc; border-top:1px solid #fff}
.portlet-blue h2,.portlet-white h2{padding:4px 3px 4px 10px; font-size:1.2em;}
h2.portlet-head-blue-med,h2.portlet-head-gray-med{color:rgb(51, 51, 51); font-size:11px; font-weight:bold;}
h2.portlet-head-blue-med2,h2.portlet-head-gray-med2{color:#ffffff; font-size:11px; font-weight:bold;}
.portlet-head-blue-med	{background-color: rgb(204, 204, 204);border-bottom:1px ;height:1%;}
.portlet-head-gray-med	{background-color: rgb(60, 95, 132); border-bottom:1px solid #777; height:1%;}
.portlet-icons	{float:right; white-space:nowrap; margin:-1.6em 0 0 0;}
.portlet-icons a	{padding:2px 0 0 0;}
.portlet-head-blue-med .portlet-icons a	{border-left:1px solid #314e6a;}
.portlet-head-blue-med .portlet-icons a img	{border-left:1px solid #cee1f1;}
.portlet-head-gray-med .portlet-icons a	{border-left:1px solid #314e6a;}
.portlet-head-gray-med .portlet-icons a img	{border-left:1px solid #cee1f1;}
h2.portlet-head-gray-med a, h2.portlet-head-gray-med a:visited{color:#fff; font-size:11px; font-weight:bold;text-decoration:none;}
h2.portlet-head-gray-med a:hover{color:#fff; font-size:11px; font-weight:bold;text-decoration:underline;}
.portlet-content	{padding: .5em 10px;}
/* Hides from IE-mac \*/
* html .portlet-content {height: 1%;}
/* End hide from IE-mac */
.searchcounter, .searchquery{
font-weight:bold;
}
.table-wrap-feed li
{
  margin:0;
  padding-bottom:.5em; 
  line-height:1.25em;
  list-style: url(../feed-icon-10x10.gif)
}
.table-wrap-links ul
{
   font-weight:bold;
  margin:0; 
/*  padding:.5em 0 1.5em 1.5em;*/
}