@charset "utf-8";
/* CSS Document */
#frameworkcontainer {
	width: 800px;
 margin: 0 auto;
 clear: both;
 display: block;
}

#map {
	width: 434px;
	height: 460px;
	position: relative;
 float: left;
 display: inline;
}
#map ul {
	list-style: none;
}
#map li {
	position: absolute;
	z-index: 20;
	text-indent: -1000em;
	display: none;
}
#map li.active {
	position: absolute;
	z-index: 20;
	text-indent: -1000em;
	display: block;
}

#defanddoc {
	background: url(/assets/html/qpulse-framework/defanddoc.png) no-repeat;
	width: 159px;
	height: 256px;
	top: 0px;
	right: 0px;
}
#pubanddist {
	background: url(/assets/html/qpulse-framework/pubanddist.png) no-repeat;
	width: 123px;
	height: 169px;
	top: 182px;
	right: 0px;
}
#trainanddev {
	background: url(/assets/html/qpulse-framework/trainanddev.png) no-repeat;
	width: 218px;
	height: 148px;
	top: 312px;
	right: 0px;
}
#verifycomp {
	background: url(/assets/html/qpulse-framework/varcompliance.png) no-repeat;
	width: 216px;
	height: 148px;
	top: 312px;
	left: 0;
}
#capissues {
	background: url(/assets/html/qpulse-framework/capissues.png) no-repeat;
	width: 126px;
	height: 166px;
	top: 182px;
	left: 0;
}
#analaud {
	background: url(/assets/html/qpulse-framework/analaud.png) no-repeat;
	width: 155px;
	height: 193px;
	top: 0px;
	left: 0px;
}
#improvegrow {
	background: url(/assets/html/qpulse-framework/improvegrow.png) no-repeat;
	width: 168px;
	height: 129px;
	top: 0px;
	left: 133px;
}
#transparent_map {
	position: absolute;
	z-index: 30;
	width: 434px;
	height: 460px;
	border: none;
}
#chart_callouts div {
  /*position: absolute;*/
  display: block;
  z-index: 100;
}
#chart_callouts {
  width: 330px;
  height: 350px;
  padding-left: 20px;
  display: block;
  z-index: 100;
	position: relative;
 float: left;
 display: inline;
  /*   background: #FFFFFF;

border: 1px solid #7F60A3;*/
  font-size: 12px;
  background: url(/assets/html/qpulse-framework/right-corner-box.jpg) no-repeat right top;
}

#chart_callouts div div,
#chart_callouts div#call_defanddoc,
#chart_callouts div#call_pubanddist,
#chart_callouts div#call_trainanddev,
#chart_callouts div#call_verifycomp,
#chart_callouts div#call_capissues,
#chart_callouts div#call_analaud,
#chart_callouts div#call_improvegrow{
  z-index: 110;
  width: 300px;
  height: auto;
  display: block;
  clear: both;
  margin-top: 15px;
   /*  background: #FFFFFF;*/
}
#chart_callouts div{
	/*position: absolute;*/
	z-index: 100;
display: none;
}
#chart_callouts div#call_defanddoc{
	/*position: absolute;*/
	z-index: 100;
	display: block;
}
#chart_callouts {
	position: relative;
 float: left;
 display: inline;
	z-index: 100;
	display: none;	
 margin-top: 15px;
 padding-top: 45px;
}
#chart_callouts div ul {
	padding: 0;
	padding-top: 12px;
 margin: 0;
}
#chart_callouts div li {
 margin: 0;
 padding: 0;
	margin-left: 20px;
}
#chart_callouts div h3{
  font-size: 16px;
  font-weight: bold;
  color: #582D89;
  clear: both;
		padding-top: 5px;
}
.closeit{
  color: #333333;
  display: block;
  padding: 3px;
  padding-left: 3px;
  padding-right: 3px;
  width: auto;
  height: 15px;
  clear: both;
  float: right;
  font-size: 10px;

  text-decoration: none;
}
a.closeit { text-decoration: none; }

.closeit:hover strong { border: 1px solid #5C338F; text-decoration: none;}
.closeit strong { border: 1px solid #ccc; padding: 2px; }

/* How it works - qpulse */
#workscontainer {
	width: 840px;
 margin: 0 auto;
 clear: both;
 display: block;
}
#workscontainer #chart_callouts {
  width: 320px;
  height: auto;
  padding-left: 20px;
  margin-left: 10px;
  display: block;
  z-index: 100;
	position: relative;
 float: left;
 display: inline;
  /*   background: #FFFFFF;

border: 1px solid #7F60A3;*/
  font-size: 12px;
  background: url(/assets/html/qpulse-framework/right-corner-box.jpg) no-repeat right top;
}
#workscontainer #transparent_map {
	position: absolute;
	z-index: 30;
	width: 450px;
	height: 450px;
	border: none;
}
#launchpad {
	width: 450px;
	height: 450px;
	position: relative;
 float: left;
 display: inline;
}
#launchpad ul {
	list-style: none;
}
#launchpad li {
	position: absolute;
	z-index: 20;
	text-indent: -1000em;
	display: none;
}
#launchpad li.active {
	position: absolute;
	z-index: 20;
	text-indent: -1000em;
	display: block;
}
#chart_callouts div div,
#chart_callouts div#call_ai,
#chart_callouts div#call_am,
#chart_callouts div#call_bm,
#chart_callouts div#call_capa,
#chart_callouts div#call_vcm,
#chart_callouts div#call_iom,
#chart_callouts div#call_qsa,
#chart_callouts div#call_recman,
#chart_callouts div#call_sm,
#chart_callouts div#call_wm,
#chart_callouts div#call_ptm
{
  z-index: 110;
  width: 320px;
  height: auto;
  display: block;
  clear: both;
  margin-top: 15px;
   /*  background: #FFFFFF;*/
}
#workscontainer #chart_callouts div{
	/*position: absolute;*/
	z-index: 100;
display: none;
}
#ai {
	background: url(/assets/html/qpulse-launchpad/ai.png) no-repeat;
 display: block;
	width: 225px;
	height: 152px;
	top: 0px;
	left: 0px;
}
#oai {
	background: url(/assets/html/qpulse-launchpad/oai.png) no-repeat;
	width: 225px;
	height: 152px;
	top: 0px;
	left: 0px;
 z-index: 200;
}
#dai {
	background: url(/assets/html/qpulse-launchpad/dai.png) no-repeat;
	width: 225px;
	height: 152px;
	top: 0px;
	left: 0px;
 z-index: 200;
}
#am {
	background: url(/assets/html/qpulse-launchpad/am.png) no-repeat;
	width: 166px;
	height: 71px;
top: 203px;
	right: 0px;
}
#oam {
	background: url(/assets/html/qpulse-launchpad/oam.png) no-repeat;
	width: 166px;
	height: 71px;
top: 203px;
	right: 0px;
}
#dam {
	background: url(/assets/html/qpulse-launchpad/dam.png) no-repeat;
	width: 166px;
	height: 71px;
top: 203px;
	right: 0px;
}
#bm {
	background: url(/assets/html/qpulse-launchpad/bm.png) no-repeat;
	width: 166px;
	height: 127px;
top: 259px;
	right: 0px;
}
#obm {
	background: url(/assets/html/qpulse-launchpad/obm.png) no-repeat;
	width: 166px;
	height: 127px;
top: 259px;
	right: 0px;
}
#dbm {
	background: url(/assets/html/qpulse-launchpad/dbm.png) no-repeat;
	width: 166px;
	height: 127px;
top: 259px;
	right: 0px;
}
#capa {
	background: url(/assets/html/qpulse-launchpad/capa.png) no-repeat;
	width: 202px;
	height: 86px;
top: 103px;
	right: 0px;
}
#ocapa {
	background: url(/assets/html/qpulse-launchpad/ocapa.png) no-repeat;
	width: 202px;
	height: 86px;
top: 103px;
	right: 0px;
}
#dcapa {
	background: url(/assets/html/qpulse-launchpad/dcapa.png) no-repeat;
	width: 202px;
	height: 86px;
top: 103px;
	right: 0px;
}
#iom {
	background: url(/assets/html/qpulse-launchpad/iom.png) no-repeat;
	width: 202px;
	height: 86px;
	top: 105px;
	left: 0px;
}
#oiom {
	background: url(/assets/html/qpulse-launchpad/oiom.png) no-repeat;
	width: 202px;
	height: 86px;
	top: 105px;
	left: 0px;
}
#diom {
	background: url(/assets/html/qpulse-launchpad/oiom.png) no-repeat;
	width: 202px;
	height: 86px;
	top: 105px;
	left: 0px;
}
#ptm {
	background: url(/assets/html/qpulse-launchpad/ptm.png) no-repeat;
	width: 156px;
	height: 86px;
	top: 204px;
	left: 2px;
}
#optm {
	background: url(/assets/html/qpulse-launchpad/optm.png) no-repeat;
	width: 156px;
	height: 86px;
	top: 204px;
	left: 2px;
}
#dptm {
	background: url(/assets/html/qpulse-launchpad/dptm.png) no-repeat;
	width: 156px;
	height: 86px;
	top: 204px;
	left: 2px;
}
#qsa {
	background: url(/assets/html/qpulse-launchpad/qsa.png) no-repeat;
	width: 225px;
	height: 152px;
	top: 0px;
	right: 1px;
}
#oqsa {
	background: url(/assets/html/qpulse-launchpad/oqsa.png) no-repeat;
	width: 225px;
	height: 152px;
	top: 0px;
	right: 1px;
}
#dqsa {
	background: url(/assets/html/qpulse-launchpad/dqsa.png) no-repeat;
	width: 225px;
	height: 152px;
	top: 0px;
	right: 1px;
}
#recman {
	background: url(/assets/html/qpulse-launchpad/recman.png) no-repeat;
	width: 140px;
	height: 146px;
	top: 0px;
	left: 153px;
}
#orecman {
	background: url(/assets/html/qpulse-launchpad/orecman.png) no-repeat;
	width: 140px;
	height: 146px;
	top: 0px;
	left: 153px;
}
#drecman {
	background: url(/assets/html/qpulse-launchpad/drecman.png) no-repeat;
	width: 140px;
	height: 146px;
	top: 0px;
	left: 153px;
}
#sm {
	background: url(/assets/html/qpulse-launchpad/sm.png) no-repeat;
	width: 137px;
	height: 190px;
top: 261px;
	left: 92px;
}
#osm {
	background: url(/assets/html/qpulse-launchpad/osm.png) no-repeat;
	width: 137px;
	height: 190px;
top: 261px;
	left: 92px;
}
#dsm {
	background: url(/assets/html/qpulse-launchpad/dsm.png) no-repeat;
	width: 137px;
	height: 190px;
top: 261px;
	left: 92px;
}
#vcm {
	background: url(/assets/html/qpulse-launchpad/vcm.png) no-repeat;
	width: 137px;
	height: 174px;
top: 276px;
	right: 88px;
}
#ovcm {
	background: url(/assets/html/qpulse-launchpad/ovcm.png) no-repeat;
	width: 137px;
	height: 174px;
top: 276px;
	right: 88px;
}
#dvcm {
	background: url(/assets/html/qpulse-launchpad/dvcm.png) no-repeat;
	width: 137px;
	height: 174px;
top: 276px;
	right: 88px;
}
#wm {
	background: url(/assets/html/qpulse-launchpad/wm.png) no-repeat;
	width: 167px;
	height: 118px;
	top: 263px;
	left: 0px;
}
#owm {
	background: url(/assets/html/qpulse-launchpad/owm.png) no-repeat;
	width: 167px;
	height: 118px;
	top: 263px;
	left: 0px;
}
#dwm {
	background: url(/assets/html/qpulse-launchpad/dwm.png) no-repeat;
	width: 167px;
	height: 118px;
	top: 263px;
	left: 0px;
}
