/* this sets the over-all font size ratio and family and sets the entire page to be centered */
body
{
  font:80% Verdana, Arial, Helvetica, sans-serif;
  margin:0;padding:0;
  text-align:center;
}
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;
}
/* this controls the styling for the div that contains everything and creates the fixed width for the entire page */
#wrapper
{
  width:1000px;
  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-size:.9em;
  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-size:.9em;
  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
{
  background-color:  #a3b8cc;
  padding:           5px 5px 5px 10px;
  width:             98%;
  height:            3em;
}
/* this controls the name in the banner */
#banner h1
{
  font-size:         1.5em;
  font-family:       Arial, Helvetica, sans-serif;
  font-weight:       normal;
  color:             white;
  padding:           0;
  margin:            0;
}
/* this controls the description and links in the banner */
#banner p
{
  font-size:         1.2em;
  font-family:       Arial, Helvetica, sans-serif;
  font-weight:       normal;
  color:             white;
  padding:           0;
  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;
}
#banner ul
{
  list-style:        none;
  padding:           0;
  margin:            0;
}
#banner li
{
  list-style:        none;
  float:             left;
}
#banner li a
{
  text-decoration:   none;
  background-color:  #a3b8cc;
  color:             white;
  font-weight:       bold;
  font-size:         .8em;
  margin-right:      10px;
}
#banner li a:hover
{
  text-decoration:   none;
  background-color:  #a3b8cc;
  color:             black;
  font-weight:       bold;
  font-size:         .8em;
}
/* this gets rid of the underline, sets the color and controls the spacing of the links in the footer */
.bannerlinks
{
  text-decoration:   none;
}
.bannerlinks a
{
  text-decoration:   none;
  background-color:  #a3b8cc;
  color:             white;
  font-weight:       bold;
  font-size:         .8em;
  margin-right:      10px;
}
/* this controls the hover behavior of the links in the footer */
.bannerlinks a:hover
{
  text-decoration:   none;
  background-color:  #a3b8cc;
  color:             black;
  font-weight:       bold;
  font-size:         .8em;
}
/* ------------------------the following styles control the page content area -------------------------------- */
/* for good measure, this sets the background color of the entire content area */
#content
{
  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
{
  background-color:white;
  float:left;
  width:220px;
  font-size:.8em;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  clear:
}
#sidenavigation ul
{
  list-style:        none;
  padding:           0;
  margin:            0;
}
#sidenavigation li
{
  list-style:        none;
}
#sidenavigation li a
{
  text-decoration:   none;
  background-color:  #DDDDDD;
  color:             black;
  display:           block;
  border:            black solid 1px;
  padding:           1px 5px 1px 5px;
}
#sidenavigation li a:hover
{
  text-decoration:   none;
  color:             white;
  background-color:  black;
}
/* 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 10px;
  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:regular;
  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: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;
}
/* this sets the title for the action links following the page title and the atom button */
.commands a
{
	color:#0000FF;
	text-decoration:underline;
	font-size:0.9em;
	padding:0;
	margin:0;
}
/* ------------------------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;
	float:left;
width:780px;
}
/* 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;
}
.docbody a:before
{
  content:           "\00BB  ";
}
.docbody a
{
  text-decoration:   none;
  background-color:  #a3b8cc;
  color:             white;
  font-weight:       bold;
  font-size:         .8em;
  padding:           1px 5px 1px 5px;
}
/* this controls the hover behavior for the doc header */
.docbody a:hover
{
  text-decoration:   none;
  background-color:  #a3b8cc;
  color:             black;
  font-weight:       bold;
  font-size:         .8em;
  padding:           1px 5px 1px 5px;
}
.name
{
  color:            #000000;
  text-decoration:  none;
  font-size:        0.8em;
  padding:          .5em 0 .5em 1.0em;
  margin:           0;
}
/* this sets the style for the author/owner name of each docpost */
.name a
{
	color:#006600;
	text-decoration:none;
	font-size:0.9em;
	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:0.9em;
	padding:0;
	margin:0;
}
/* this controls the styling of the doc body */
.docbody p
{
	font-size:1.0em;
	color:#000000;
	line-height:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.side{
	font-size:.9em;
}
/* ------------------------the following styles control the comments section -------------------------------------------------------------- */
.commentTable
{
  background-color:  #DAE0E6;
}
.commentTableTop
{
  background-color:  #a3b8cc;
  color:             black;
  font-size:         .9em;
  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:  #a3b8cc;
  font-size:         1.0em;
  color:             #FFFFFF;
  width:             98%;
  height:            1.3em;
  line-height:       15px;
  padding:           5px 5px 5px 10px;
  clear:             both;
  position:          relative;
}
#footer ul
{
  list-style:        none;
  padding:           0;
  margin:            0;
}
#footer li
{
  list-style:        none;
  float:             left;
}
#footer li a
{
  text-decoration:   none;
  background-color:  #a3b8cc;
  color:             white;
  font-weight:       bold;
  font-size:         .8em;
  margin-right:      10px;
}
#footer li a:hover
{
  text-decoration:   none;
  background-color:  #a3b8cc;
  color:             black;
  font-weight:       bold;
  font-size:         .8em;
}
/* this gets rid of the underline, sets the color and controls the spacing of the links in the footer */
.footerlinks a
{
  text-decoration:   none;
  background-color:  #a3b8cc;
  color:             white;
  font-weight:       bold;
  font-size:         .8em;
  margin-right:      10px;
}
/* this controls the hover behavior of the links in the footer */
.footerlinks a:hover
{
  text-decoration:   none;
  background-color:  #a3b8cc;
  color:             black;
  font-weight:       bold;
  font-size:         .8em;
}
h3{
font-size:.9em;
}
a img	{border:0 solid #f00;}
a:hover	{color:#69c; text-decoration:none;}
/* ------- header treatments ------- */
h2{margin:0; padding:0;}
h2	{font-size:1.6em; font-weight:normal;}
#content-main h2	{margin-top:.5em;}
.portlet-blue,.portlet-white,.portlet-google
{
  margin:5px 5px 5px 0;
  border:1px solid #fff;
}
.portlet-blue
{
  background: #dae0e6;
}
.portlet-white
{
  background:#fff;
  border:1px solid #ccc;
  border-top:1px solid #fff;
}
.portlet-google
{
  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.,h2.portlet-head-gray-med
{
  color:#fff;
  font-size:1.1em;
  font-weight:bold;
}
.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
{
  background-color: #a3b8cc;
}
h2.portlet-head-blue-med
{
  color:            #000000;
}
.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;
}
h2.portlet-head-blue-med a
{
  color:            #FFFFFF;
  font-size:        .8em;
  font-weight:      bold;
  text-decoration:  none;
}
h2.portlet-head-blue-med a:hover
{
  color:            #000000;
  font-size:        .8em;
  font-weight:      bold;
  text-decoration:  none;
}
.portlet-head-gray-med
{
  background:url(../bg-portlet-head-gray-med.gif) repeat-x;
  border-bottom:1px solid #777;
  height:1%;
}
.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
{
  color:#fff;
  font-size:.8em;
  font-weight:bold;
  text-decoration:none;
}
h2.portlet-head-gray-med a:hover
{
  color:#fff;
  font-size:.8em;
  font-weight:bold;
  text-decoration:none;
}
.portlet-content
{
  padding:.5em 10px;
}
/* Hides from IE-mac \*/
* html .portlet-content {height: 1%;}
/* End hide from IE-mac */
.searchcounter, .searchquery
{
  font-weight:bold;
}
.search a:before
{
  content:           "\00BB  ";
}
.search a
{
  text-decoration:   none;
  background-color:  #a3b8cc;
  color:             white;
  font-weight:       bold;
  font-size:         .8em;
  padding:           2px 5px 2px 5px;
}
.search a:hover
{
  text-decoration:   none;
  background-color:  #a3b8cc;
  color:             black;
  font-weight:       bold;
  font-size:         .8em;
  padding:           2px 5px 2px 5px;
}
.side a:before
{
  content:           "\00BB  ";
}
.side a
{
  text-decoration:   none;
  background-color:  #a3b8cc;
  color:             white;
  font-weight:       bold;
  font-size:         .8em;
  padding:           2px 5px 2px 5px;
}
.side a:hover
{
  text-decoration:   none;
  background-color:  #a3b8cc;
  color:             black;
  font-weight:       bold;
  font-size:         .8em;
  padding:           2px 5px 2px 5px;
}