/* this sets the over-all font size ratio and family and sets the entire page to be centered */
body
{
  font-size:10px;
	font:75% Arial, Verdana, Helvetica, sans-serif;
	margin:0;padding:0;
	text-align:center;
  color:#666;
}
ul	{margin:0; padding:5px 0 .5em 1.5em;}
ol	{padding:.5em 0 .5em 1.5em;}
li	{margin:0 0 0 5px; padding-bottom:.5em; line-height:1.25em; list-style-type:square;color:#69f;}
/* this controls the styling for the div that contains everything and creates the fixed width for the entire page */
#wrapper
{
  align:center;
	width:680px;
	margin-top:20px;
	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:Arial, Verdana, 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: Arial, Verdana, 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:url(../dx/headerbg1.jpg/$file/headerbg1.jpg);
	padding:0px 0px 0px 0px;
	width:100%;
	height:100px;
}
/* this controls the name in the banner */
#banner h1
{
	font-size:1.5em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#FFFFFF;
	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:#FFFFFF;
	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;
}
/* ------------------------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;
border-right:0px solid #fff;
}
/* ------------------------the following styles control the side navigation ------------------------------------------------------------------------------------ */
/* this sets the color, width, height and position of the side navigation */
#sidenavigation
{
	background-color:#FFFFFF;
	float:right;
	width:170px;
  font-size:10px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
  border-right:0px solid #fff;
  border-left:2px dotted #ccc;
  width:100%;
clear:
}
/* this controls the positioning of the page navigation menu in the side navigation */
#pagenavigation
{
	margin-top:10px;
	padding:0px;
}
/* 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:515px;
}
/* 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;
}
/* 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:#666;
	line-height:15px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
}
.side{
	font-size:.9em;
}
/* ------------------------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:515px;
}
/* this sets the style for the page description */
.pagedescription
{
	color:#666;
	font-family:Arial, Verdana, 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;
	text-decoration:none;
	font-size:0.8em;
	padding:0;
	margin:0;
}
/* ------------------------the following styles control the comments section ---------------------------------------------------------------------------------------- */
.commentTable{
border: 1px solid gray;
background-color:#EDEDED;
width:500px;
}
.commentTableTop{
background-color:#87BE12;
color:#fff;
font-size:.9em;
font-weight:bold;
margin:0px;
padding:5px;
line-height:20px;
}
.commentbody{
font-size:.9em;
}
.commenttext{
margin-left:0px;
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 */
#DXfooter
{
	background-color:#060606;
	font-size:1.0em;
	color:#FFFFFF;
	width: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;
	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:#69f; text-decoration:underline;}
/* ------- header treatments links ------- */
h2{margin:0; padding:0;}
h2	{font-size:1.6em; font-weight:normal;}
#content-main h2	{margin-top:.5em;}
.portlet-blue,.portlet-white{margin:5px 5px 5px 0; border:0px solid #fff;padding-right:0;}
.portlet-blue{background:#fff;border-right:0px solid #fff}
.portlet-white	{background:#fff; border:0px solid #fff; border-top:1px solid #fff;font-size:0.75em;}
.portlet-blue h2,.portlet-white h2{padding:4px 3px 0px 10px; font-size:1.2em;}
h2.portlet-head-blue-med {font-face:arial;color:#87BE12; font-size:14px;}
h2.portlet-head-gray-med{font-size:16px;color:#87BE12;margin-top:0px;margin-bottom:8px;}
.portlet-head-blue-med	{background:#ffffff; border-bottom:1px solid #fff; height:1%;}
.portlet-head-gray-med	{background:#ffffff; border-bottom:1px solid #fff; 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{font-size:14px;text-decoration:none;}
h2.portlet-head-gray-med a:hover{color:#09f;font-size:14px;text-decoration:underline;}
.portlet-content	{padding:.0em 10px;}
/* Hides from IE-mac \*/
* html .portlet-content {height: 1%;}
/* End hide from IE-mac */
.searchcounter, .searchquery{
font-weight:bold;
}
/* ------- header treatments portlets (hidden)------- 
h2{margin:0; padding:0;}
h2	{font-size:1.6em; font-weight:normal;}
#content-main h2	{margin-top:.5em;}
.portlet-blue,.portlet-white{margin:5px 5px 5px 0; border:0px solid #fff;padding-right:0;}
.portlet-blue{background:#cf3;border-right:0px solid #fff}
.portlet-white	{background:#fff; border:0px solid #fff; 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 {color:#fff; font-size:1.1em; font-weight:bold;}
h2.portlet-head-gray-med{font-size:16px;color:#87BE12;}
.portlet-head-blue-med	{background:#87BE12; border-bottom:1px solid #fff; height:1%;}
.portlet-head-gray-med	{background:#ffffff; border-bottom:1px solid #fff; 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{font-size:14px;text-decoration:none;}
h2.portlet-head-gray-med a:hover{color:#09f;font-size:14px;text-decoration:underline;}
}*/
/*--------------------Task Exchange-----------------*/
#Query {border:1px solid #EFEFEF;border-top:1px solid #CFCFCF;border-left:1px solid #CFCFCF;color:#09f;width:85px;float:left;}
#searchSubmit{border:1px solid #EFEFEF;border-top:1px solid #CFCFCF;border-left:1px solid #CFCFCF;color:#09f;width:30px;float:left;font-size:.60em;}
#footer {background-color: #EDEDED;border:0px none #fff;border-top:2px dotted #999;width:100%;height:40px;text-align:center;color:#ccc;text-align:right;font-size:11px;} 
#footer a, #footer a:hover {font-size: .67em;border-bottom:3px solid #D6D6D6;color:#666;text-decoration:none;margin:0 15px 0 15px;} 
#footer a:hover {border-bottom:3px solid #09f;color:#09f;} 
#footer div {padding-top:5px;}
#TXWrap {width:100%;height:25px;border-top:1px solid #D6F495;} 
#TXWrap a, #TXWrap a:hover {color:#fff;font-size:14px;height:100%;padding:10px 20px 0px 20px;border-right:1px solid #648D0E;text-decoration:none;} 
#TXWrap a:hover {color:#CCFF33;background:#7EAC13;}