/* 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:0px 0px 5px 0px;
	padding:0;
	text-align:left;
	background-color:#f0f0f0;
}
/*** T A G   C L O U D ***/
.tagCloud ul{margin:0;padding:0}
.tagCloud li{display:inline;margin-right:2px;}
.tagCloud a{text-decoration:none;font-weight:bold}
.tagCloud a:hover, .tagCloud a:focus{color:#05386b;text-decoration:underline;}
.tagCloud .tag5 a, .tagCloud .tag5 a:visited { font-size: 115%; color: #A60225}
.tagCloud .tag4 a, .tagCloud .tag4 a:visited { font-size: 108%; color: #BD032B}
.tagCloud .tag3 a, .tagCloud .tag3 a:visited { font-size: 100%; color: #DF002D}
.tagCloud .tag2 a, .tagCloud .tag2 a:visited { font-size: 95%; color: #FE563A}
.tagCloud .tag1 a, .tagCloud .tag1 a:visited { font-size: 90%; color: #FF3560}
/***********************************************************/
#searchForm {margin-top:10px;margin-bottom:10px;}
.copyrights {font-size:10px;color:#808080;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:880px;
	margin:0 auto;
	margin-top:10px;
	text-align:left;
	background-color:white;
	border-color:#2d3176;border-width:1px;border-style:solid;
}
.htmlcode {font-family:Courier; font-size:10px;background-color:#f0f0f0;width:500px;border-color:#2d3176;border-width:1px;border-style:solid;padding:2px;}
/* ------------------------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:#4477bb;*/
	/*background-color:#DF002D;*/
 background: url(../dx/CRM-blog-topline.gif/$file/CRM-blog-topline.gif);
	border-color:#c0c0c0;border-width:0px 0px 1px 0px;border-style:solid;
	padding:5px 5px 0px 10px;
	awidth:100%;
	height:128px;
	margin-right:0px;
}
/* this controls the name in the banner */
#banner h1
{
	font-size:24px;
	font-family:Arial;
	font-weight:normal;
	color:#df002d;
	padding:0;
	margin:0;
}
/* this controls the description and links in the banner */
#banner p
{
	font-size:16px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
	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:#df002d;
}
/* ------------------------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:
}
/* 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;*/
	color:#df002d;
	text-decoration:underline;
	font-size:10px;
	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
{
	abackground-color:#FFFFFF;
	float:left;
max-width:660px;
word-wrap: break-word;
}
/* 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;*/
color:#000000;
	text-decoration:none;
	font-size:0.8em;
	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: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 {
border-width:1px;border-style:solid;border-color:#c0c0c0;
background-color:#f0f0f0;
font-size:12px;
}
.commentTableTop {
abackground-color:#c0c0c0;
color:#000;
font-size:14px;
font-weight:bold;
margin:5px 0px 5px 5px;
padding:5px 0px 5px 5px;
line-height:20px;
}
.commentHeader {
abackground-color:#c0c0c0;
color:#000;
font-size:14px;
font-weight:bold;
margin:5px 0px 5px 5px;
padding:5px 0px 5px 5px;
line-height:20px;
}
.commentHeader td {
padding-top:10px;
padding-bottom:10px;
border-top-width:1px;border-top-style:solid;border-top-color:#c0c0c0;
}
.commentTableTop td {
border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#c0c0c0;
}
.commentbody {
font-size:10px;
border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#c0c0c0;
padding-top:5px;
padding-bottom:2px;
width:550px;
}
.commenttext {
amargin-left:30px;
padding-left:2px;
aborder-left:1px solid silver;
font-size:10px;
}
.commentauthor {
font-size:10px;
}
/* ------------------------the following styles control the footer ----------------------------------------------------------------------------------------------------- */
/* this sets the color, height, width and font-size for the footer */
#footer
{
/*	background-color:#060606;*/
	background-color:#f0f0f0;
	border-color:#c0c0c0;
	border-width:1px 1px 1px 1px;
	border-style:solid;
	font-size:1.0em;
/*	color:#FFFFFF;*/
	color:#000000;
	awidth:100%;
	height:15px;
	line-height:15px;
	padding:5px 5px 5px 10px;
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;*/
	color:#808080;
	margin-right:10px;
}
/* this controls the hover behavior of the links in the footer */
.footerlinks a:hover
{
	text-decoration:underline;
/*	color:#FFFFFF;*/
	color:#808080;
}
/* this enables tabbing between the links in the footer */
.footerlinks a:focus
{
	text-decoration:underline;
/*	color:#FFFFFF;*/
	color:#808080;
}
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:1.6em; font-weight:normal;}
#content-main h2	{margin-top:.5em;}
.portlet-white{margin:5px 5px 5px 5px; aborder:1px solid #c0c0c0;}
.portlet-blue {margin:5px 5px 5px 5px; border:1px solid #c0c0c0;}
/*.portlet-blue{background:#cef;}*/
.portlet-blue{abackground:#f0f0f0;}
.portlet-white	{border-top:1px solid #fff;}
.portlet-blue h2,.portlet-white h2{padding:0px 3px 4px 10px; font-size:1.2em;}
/*h2.portlet-head-blue-med,h2.portlet-head-gray-med{color:#fff; font-size:1.1em; font-weight:bold;}*/
h2.portlet-head-blue-med,h2.portlet-head-gray-med{color:#000; font-size:13px; font-weight:bold;}
h2.portlet-content-head-blue-med,h2.portlet-content-head-gray-med{color:#2D3176; font-size:22px; font-weight:bold;font-family:Time New Roman}
/*.portlet-head-blue-med	{background:url(../bg-portlet-head-blue-med.gif) repeat-x; border-bottom:1px solid #47b; height:1%;}*/
/*.portlet-head-gray-med	{background:url(../bg-portlet-head-gray-med.gif) repeat-x; border-bottom:1px solid #777; height:1%;}*/
/*.portlet-head-blue-med	{background-color:#c0c0c0;border-bottom:1px solid #47b; height:1%;}*/
.portlet-head-blue-med	{margin-left:0px;margin-right:0px;background-color:#f0f0f0;aborder-bottom:1px solid #c0c0c0; height:1%;}
/*.portlet-head-gray-med	{border-bottom:1px solid #777; height:1%;}*/
.portlet-head-gray-med	{background-color:#c0c0c0;border-bottom:1px solid #777; height:1%;}
.portlet-content-head-gray-med	{border-bottom-style:none;border-bottom-width:1px; border-bottom-color:#c0c0c0;size: 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;}
.portlet-content-head-blue-med .portlet-icons a	{border-left:1px solid #314e6a;}
.portlet-content-head-blue-med .portlet-icons a img	{border-left:1px solid #cee1f1;}
.portlet-content-head-gray-med .portlet-icons a	{border-left:1px solid #314e6a;}
.portlet-content-head-gray-med .portlet-icons a img	{border-left:1px solid #cee1f1;}
.table-wrap a {color:#df002d}
/*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:underline;}*/
h2.portlet-head-gray-med a{color:#000; font-size:.8em; font-weight:bold;text-decoration:none;}
h2.portlet-head-gray-med a:hover{color:#000; font-size:.8em; font-weight:bold;text-decoration:underline;}
h2.portlet-content-head-gray-med a{color:#2D3176; font-size:22px; font-family:Times New Roman; font-weight:bold;text-decoration:none;}
h2.portlet-content-head-gray-med a:hover{color:#2D3176; font-size:22px; font-family:Times New Roman;font-weight:bold;text-decoration:underline;}
.portlet-content	{padding:2px 10px;}
td.sidebarcell {border-right-color:#c0c0c0;border-right-style:solid;border-right-width:1px;}
td.contentcell {padding-left:5px;width:660px;}
table.topnavigation {height:5px;background-color:#df002d;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#b20029;}
td.topnavicell {background-color:#df002d}
/* Hides from IE-mac \*/
* html .portlet-content {height: 1%;}
/* End hide from IE-mac */
.searchcounter, .searchquery{
font-weight:bold;
}