html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, 
img, ins, 
 ul, li,
tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: inherit;
	font-family: inherit;
	vertical-align: baseline;
	float: inherit;
	line-height: inherit;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #000;
	background: white;
	font-family: Verdana,Arial,sans-serif;
	height: 100%;
}

img {float: left;}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	width: 100%;
	table-layout: fixed;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a {text-decoration: none;}

#Cbody {margin: 0px auto 0px auto; width: 1070px; }
#cdiContent {margin: 5px 0 0 0; float: left; min-width:100%; line-height:1.25em;}

li { list-style: none;}


/* COLORS */
/*
final scheme: 
blues:	 1A59AE 2172DF 609AE8 97BDF1 C8DCF8 E7F0FD    4B9ED2
greens:	 16B251 1BE567 5CEC92 96F2BB C8F8DC
browns:	 B25116 E4631C 
yellows: AAA81E E5E567 F5F4C3
reds:    B21616 E51B1B				 F9C7C7
greys: 	 a6a6a6 e6e6e6
*/


/* ********** ********** ********** */
/* menu */
/*** Required ***/
ul#menu{ 
	width: 100%;
	height: 43px;
	/* background: Transparent url("images/cdi-menu-bg.png") top left repeat-x; */
	font-size: 0.8em; 
	font-family: "Lucida Grande", Verdana, sans-serif; 
	font-weight: bold; 
	list-style-type: none; 
	margin: 0;
	padding: 0; 
	cursor: pointer;
	}
ul#menu li {
	display: block; 
	float: left; 
	margin: 0 0 0 5px; 
	}
ul#menu li a { 
	color: #fff; 
	text-decoration: underline; 
	display: block; 
	float: left; 
	line-height: 200%; 
	padding: 38px 20px 0; 
	}
ul#menu li a:hover { 
	color: #fff; 
	background: Transparent url("images/cdi-menuhover-bg.png") top left repeat-x; 
	}
ul#menu li a.current{ 
	color: #FFF; 
	background: #1A59AE url("images/cdi-menu-current-bg.png") top left repeat-x; 
	
	}


/* general id based styles */
#topheader {height: 150px; background:url(images/cdi-top-bg.gif) repeat-x 0 0;  margin: 10px 0 0 0; width:100%; float: left;}
#flash{z-index: 1; }
#companyname {margin: 25px 0 7px 8px; font-size: 20pt; font-weight:bold; float: left; height:98px; }
#nameClear {color: #d0d0d0;}
#nameData {color: #1A59AE; margin-left: 12px; }
#nameInc {color: #606060; font-size: 9pt; letter-spacing: 2pt; text-align: center; font-weight: normal;}
#divMenu {float: left;}
#divMenuLogin {margin-top:-18px; width: 100%;}

#listCycleNav a {border: solid 1px #e6e6e6; background: #fff; margin:2px; padding: 2px;}
#listCycleNav a.activeSlide {background-color:#E7F0FD; }
#listCycleNav a:focus {outline: none;}

.containerH {float:left; width: 100%; margin-top:1px;}
.containerV3 {float: left; width: 355px;}
.containerV3R {float: right; width: 359px;}

.cdiui-casestudy {font-size: 12pt; font-weight: normal; padding: 10px 0 0 10px; height: 32px; float: left; width:100%;}
.cdiui-casestudy-img {margin: 3px 5px 0 5px;}

a.cdiui-title {text-decoration: underline;}
a.cdiui-link {text-decoration: underline; color: Blue;}

.cdiui-moreinfo {float: left; width: 100%;}
.cdiui-moreinfo-what {background-image: url(images/what.png); background-position: left center; background-repeat: no-repeat;}
.cdiui-moreinfo-how {background-image: url(images/how.png); background-position: left center; background-repeat: no-repeat;}
.cdiui-moreinfo-value {background-image: url(images/value.png); background-position: left center; background-repeat: no-repeat;}
.cdiui-moreinfo-next {background-image: url(images/next.png); background-position: left center; background-repeat: no-repeat;}

.cdiui-hover1:hover {background-color: #E7F0FD;}
.cdiui-square {border: solid 1px #e6e6e6; margin: 1px;} 
.cdiui-rounded {border: solid 1px #e6e6e6; -moz-border-radius: 12px; -webkit-border-radius: 12px; margin:1px;}
.cdiui-inner {margin: 5px; height: auto; float: left; }

.cdiui-clickable {cursor: pointer;}
.cdiui-nolink {color: #161616; text-decoration:none;}
.cdiui-li {margin: 0 0 2px 0; background-image: url(images/arrow2.png); background-position: center left; background-repeat: no-repeat;
           width: 100%; float: left; padding-left: 16px; margin-left: 10px;}

.cdiui-section {float: left; }
.cdiui-list {max-height: 300px; height: 100%; width: 100%;  float: left;}

.cdiui-maintitle {font-size: 12pt; font-style: normal; font-weight: normal; width: 100%; margin: 2px 0 2px 5px;}
.cdiui-desc {font-style:normal; font-weight: normal; font-size: 8pt; text-decoration: none; color:#464646; }

h1 {font-size: 14pt; font-weight: bold; color: #fff; width: 100%;}
h2 {font-size: 12pt; font-weight: normal; color: #161616;}
h3 {font-size: 12pt; font-weight: bold; color: #fff; 
		height: 32px;
		width: 100%;
		background-image: url(images/border1.gif); background-position: center left; background-repeat: repeat-x;}
h4 {font-size: 10pt; font-weight: normal; color: #161616;}
h5 {font-size: 8pt; font-weight: bold; color: #161616;}
h6 {font-size: 8pt; font-weight: normal; font-style: italic; color: #161616;}



/* CLUETIP */
/* global */
#cluetip-close img {
  border: 0;
}
#cluetip-title {
  overflow: hidden;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background: url(images/ajax-loader.gif) no-repeat 0 0;
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  margin-left:0;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}
/***************************************
   =cluetipClass: 'jtip'
-------------------------------------- */
.cluetip-jtip {
  background-color: transparent;
  line-height: 1.3em;
}
.cluetip-jtip #cluetip-outer {
  border: 5px solid #52A5D3;
  position: relative;
  background-color: #fff;
}

.cluetip-jtip h3#cluetip-title {
  margin: 0 0 5px;
  padding: 15px 0 0 0;
  font-size: 16px;
  font-weight: normal;
  background-color: #ccc;
  color: #fff;
}

.cluetip-jtip #cluetip-inner {
  padding: 0 5px 5px;
  display: inline-block;
}
.cluetip-jtip div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* jtip arrows */

.clue-right-jtip .cluetip-arrows {
  background-image: url(images/arrowleft.png);
}
.clue-left-jtip .cluetip-arrows {
  background-image: url(images/arrowright.png);
  left: 100%;
  margin-right: -11px;
}
.clue-top-jtip .cluetip-arrows {
  background-image: url(images/arrowdown.png);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-jtip .cluetip-arrows {
  background-image: url(images/arrowup.png);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}





/* stupid IE6 HasLayout hack */
.cluetip-rounded #cluetip-title,
.cluetip-rounded #cluetip-inner {
  zoom: 1;
}
/* CLUETIP End */