/*   set Basic Elements 
******************/

body {
	margin: 0;
	padding: 0;
  background-color: #f1f1f1;
  text-align: center;
	font-size: 9pt;
	font-family: Verdana, Arial, sans-serif;
	color: #42669a;
}
body.popSmall {
  background-color: #fff;
}
a, img {
	outline: none;
}
img {
	margin: 0;
	padding: 0;
  border: none;
}
p {
	margin: 0;
	padding: 10px;
	color: #42669a;
	font-size: 1em;
}
form { margin: 0; padding: 0; }
h1 {
 margin: 10px 0 0 10px;
}
h2, h3 { margin: 0; }
a {
	color: #42659c;
}
a:link {
	font-weight: bold;
	color: #42659c;
}
a:hover {
	color: #ffcf00;
}
a.white:link {
	font-size: 12px;
	color: #fff;
	text-decoration: none;
}

/* Popup JS
*******/

#popup {
	position: absolute;
	width: 600px;
	height: 367px;
	top: 380px;
	left: 50%;
	display: none;
	margin-left: -300px;
	cursor: pointer;
}

/* INDEX
*******/

#key {
	clear: both;
	overflow: hidden;
	margin-left: 14px;
	height: 260px;
}
#key .keyCode {
	float: left;
	width: 370px;
  min-height: 255px;
  height: auto !important;
	height: 255px;
	background: #fff url(../testdrive/imgs/key_login.jpg) no-repeat left 0px;
	border: 1px solid #ccc;
	margin: 0 5px 0 0;
}
#key .keyCode p {
	text-align: right;
	margin: 0;
	padding: 0px 10px 10px;
}
#key .keyCode p input {
	margin: 0;
	padding: 0;
}
#key .keyCode p.input {
	margin-top: 174px;
}
#key .keyHelp {
	float: left;
	width: 390px;
	height: 252px;
	margin: 0 !important;
}

#key .videoDD {
	float: left;
	width: 116px;
	margin: 0 14px 0 0 !important;
  
  padding-top: 12px;
  border: 1px solid #ccc;
	height: 243px;
  background-color: #fcfcfc;
}
#key .videoDD table {
	border: 0;
  text-align: center;
}
#key .videoDD table td {
	vertical-align: top;
  text-align: center;
}
#key .videoDD table .dd {
  padding-top: 4px;
	font-size: .8em;
  display: block;
}
#key .videoDD table .lv {
	padding-top: 6px;
	text-align: center;
}

/*  Key Form  BP
****************/

#keyFormBP {
	clear: both;
	overflow: hidden;
	margin-left: 14px;
}
#keyFormBP .keyCode {
	float: left;
	width: 371px;
	margin: 0 20px 0 0 !important;
}
#keyFormBP .keyCode .kHeader {
	float: left;
	width: 371px;
  height: 86px;
}
#keyFormBP .keyCode .contForm {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
#keyFormBP .keyCode p {
	text-align: left;
	margin: 0;
	padding: 10px;
}
#keyFormBP .keyCode p.note {
  clear: both;
	text-align: left;
	margin: 0;
	padding: 12px 16px 16px 16px;
  font-size: .85em;
}
#keyFormBP .keyCode p.required {
	margin: 0;
	padding: 4px 0px 1px;
  font-size: .85em;
  color: #134B7C;
  text-align: right;
}
#keyFormBP .keyCode .contentForm {
  background-color: #eff0f4;
  padding: 12px 16px 12px 24px;
}
#keyFormBP .keyCode .contentForm table {
  border: 0;
}
#keyFormBP .keyCode .contentForm table td {
  text-align: left;
  vertical-align: middle;
}
#keyFormBP .keyCode .contentForm table td.right {
  text-align: right;
}

#keyFormBP .keyCode p.submit {
	padding: 8px 0 12px 0;
  text-align: center;
}
#keyFormBP .keyHelp {
	float: left;
	width: 510px;
	height: 333px;
	margin: 0 !important;
}
#keyFormBP input.txt {
  width: 234px;
}
#keyFormBP input.txt_min {
  width: 218px;
}
#keyFormBP select {
  width: 240px;
}
#keyFormBP  .hr {
  height: 7px !important;
  height: 1px;
  border-top: 1px solid #d6d6d6;
  padding: 0;
  margin: 0;
}
#keyFormBP table {
  border: 0;
}
#keyFormBP  .BP_logo {
  float: right;
  padding: 8px 60px 0 0;
}

#keyForm {
	clear: both;
	overflow: hidden;
	margin-left: 14px;
}
#keyForm .keyCode {
	float: left;
	width: 370px;
  min-height: 255px;
  height: auto !important;
	height: 255px;
	background: #fff url(../testdrive/imgs/key_login.jpg) no-repeat left 0px;
	border: 1px solid #ccc;
	margin: 0 26px 0 0 !important;
}
#keyForm .keyCode p {
	text-align: right;
	margin: 0;
	padding: 0px 10px 10px;
}
#keyForm .keyCode p.submit {
	margin: 8px 12px 0 0;
}

#keyForm .contForm {
	margin-top: 178px;
  margin-left: 10px;
  margin-right: 10px;
	padding: 0px 10px 0px;
}
#keyForm .keyHelp {
	float: left;
	width: 510px;
	height: 252px;
	margin: 0 !important;
}
#keyForm input.txt {
  width: 234px;
}
#keyForm input.txt_min {
  width: 140px;
}
#keyForm select {
  width: 240px;
}
#keyForm  .hr {
  height: 2px;
  border-top: 1px solid #d6d6d6;
  *background-color: #d6d6d6;
}
#keyForm  table {
  border: 0;
}
.comp_logo {
  float: right;
  padding: 90px 60px 0 0;
}


.contentBox {
	clear: both;
	overflow: hidden;
	margin: 6px 0 6px 14px;
	background: transparent url(../testdrive/imgs/horLine.jpg) no-repeat -12px top;
	padding-top: 18px;
	padding-bottom: 6px;
	height: 100%;
}
.contentBox div.tbox1 {
	float: left;
	width: 66%;
}
.contentBox div.tbox2 {
	float: left;
	width: 33%;
}
.contentBox div.tbox3 {
	float: left;
	width: 33%;
}
.contentBox .lb1 {
	height: 172px;
	background: transparent url(../testdrive/imgs/box_back_220.jpg) no-repeat bottom left;
	padding-top: 6px;
}
.contentBox .lb2 {
	height: 140px;
	background: transparent url(../testdrive/imgs/box_back_220.jpg) no-repeat bottom left;
	padding-top: 6px;
}

/*  Captcha
*************/
.captcha {
  border: 1px solid #A5ACB2;
  background-color: #E6E8EA;
  padding: 4px;
  font-size: 12px;
}
.captcha .ci {
  width: 128px;
  border: 1px solid #A5ACB2;
}
.captcha .vc {
  border-left: 1px solid #A5ACB2;
  text-align: left;
  padding: 8px;
}
.captcha .ctxt {
  padding: 2px 4px 4px 2px;
}
.cdesc {
  font-size: 11px;
  vertical-align: top;
}
.codebox {
  border-bottom: 1px solid #A5ACB2;
  padding: 0 0 4px 0;
  margin: 0 0 2px 0;
}
.codebox img { vertical-align: middle; }
.ibox {
  padding: 0 0 4px 0px;
  margin: 0 0 2px 0;
}
.msgbox {
  border-top: 1px solid #A5ACB2;
  padding: 2px 0 4px 2px;
  margin: 0 0 2px 0;
  font-size: 11px;
}



/*  Titles Boxes
****************/
.contentBox h2 {
	margin-bottom: 0px;
	text-indent: -9999px;
	width: 293px;
	height: 31px;
	font-size: 14px;
	cursor: pointer;
}
.contentBox h2.tb1 {
	width: 593px !important;
	background: transparent url(../testdrive/imgs/titles/homeBox1.jpg) no-repeat;
}
.contentBox h2.tb1ex {
	width: 593px !important;
	background: transparent url(../testdrive/imgs/titles/homeBox1ex.jpg) no-repeat;
}
.contentBox h2.tb2 {
	background: transparent url(../testdrive/imgs/titles/homeBox2.jpg) no-repeat;
}
.contentBox h2.tb2ex {
	background: transparent url(../testdrive/imgs/titles/homeBox2ex.jpg) no-repeat;
}
.contentBox h2.tb3 {
	background: transparent url(../testdrive/imgs/titles/homeBox3.jpg) no-repeat;
}
.contentBox h2.tb3ex {
	background: transparent url(../testdrive/imgs/titles/homeBox3ex.jpg) no-repeat;
}
.contentBox h2.tb4 {
	background: transparent url(../testdrive/imgs/titles/homeBox4.jpg) no-repeat;
}
.contentBox h2.tb4ex {
	background: transparent url(../testdrive/imgs/titles/homeBox4ex.jpg) no-repeat;
}
.contentBox h2.tb5 {
	background: transparent url(../testdrive/imgs/titles/homeBox5.jpg) no-repeat;
}
.contentBox h2.tb5ex {
	background: transparent url(../testdrive/imgs/titles/homeBox5ex.jpg) no-repeat;
}

.contentBox p {
	padding-bottom: 4px;
}

.gray { color: #999999 }

.contentBox a.bbox {
	margin-left: 0px;
	width: 250px;
	display: block;
	padding: 2px 10px;
	border: 1px solid #D3D3D3;
	background-color: transparent;
}

.contentBox a.bbox:hover {
	border: 1px solid #42659C;
	background-color: #fff;
}

.contentBox a.bbox2 {
	margin-left: 0px;
	width: 250px;
	display: block;
	padding: 2px 10px;
	border: 1px solid #AF2C08;
	background-color: transparent;
}

.contentBox a.bbox2:hover {
	border: 1px solid #42659C;
	background-color: #fff;
}

.contentBox a.bbox3 {
	margin-left: 0px;
	width: 250px;
	display: block;
	padding: 2px 10px;
	border: 1px solid #D3D3D3;
	background-color: transparent;
}

.contentBox a.bbox3:hover {
	border: 1px solid #AF2C08;
	background-color: #fff;
}

.contentBox a.bbox5 {
	margin-left: 0px;
	width: 250px;
	display: block;
	padding: 2px 10px;
	border-top: 1px solid #D3D3D3;
	border-right: 1px solid #D3D3D3;
	border-bottom: 1px solid #AF2C08;
	border-left: 1px solid #AF2C08;
	background: transparent url(../testdrive/imgs/btnBullet01.gif) no-repeat left center;
}

.contentBox a.bbox5:hover {
	border-top: 1px solid #AF2C08;
	border-right: 1px solid #AF2C08;
	border-bottom: 1px solid #AF2C08;
	border-left: 1px solid #AF2C08;
	background: #fff url(../testdrive/imgs/btnBullet01.gif) no-repeat left center;
}


/* POPUPS
*********/
#wrapper {
  height: 100%;
}
#wrapper2 {
  height: 100%;
  width: 100%;
	background-color: #fff;
}
#content {
  margin: 0 auto 10px;
  padding: 0 12px 12px 12px;
  width: 922px !important;
	width /**/:950px; /* for IE5/Win */
  height: auto !important;
  min-height: 420px;
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  background-color: #fff;
	text-align: left;
	overflow: hidden;
}
#contentPop1 {
  margin: 0 auto 10px;
  padding: 0 12px 12px 12px !important;
  width: 676px;
  height: auto;
  min-height: 420px;
  background-color: #fff;
	text-align: left;
	overflow: hidden;
}
#contentPop1 div.pricing {
  background:  #f1f1f1 url(../images/intro_bullet.gif) no-repeat 4px 6px;
  text-indent: 15px;
  margin: 15px;
  padding: 4px;
}
#contentPop2 {
  margin: 0 auto 10px;
  padding: 0 12px 12px 12px !important;
  width: 780px !important;
  width: 776px;
  height: auto !important;
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  background-color: #fff;
	text-align: left;
	overflow: hidden;
}
#contentPop3 {
  margin: 0 auto 10px;
  padding: 0 12px 12px 12px !important;
  width: 780px !important;
  width: 776px;
  height: auto !important;
  height: 420px;
  min-height: 420px;
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  background-color: #fff;
	text-align: left;
	/* overflow: hidden; */
}
#contentPop4 {
  margin: 0 auto 10px;
  padding: 0 12px 12px 12px !important;
  width: 780px !important;
  width: 776px;
  height: auto !important;
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  background-color: #fff;
	text-align: left;
	overflow: hidden;
}
.Survey {
  width: 822px !important;
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
}
p.val1 {
	padding: 0;
	margin: 0;
	font-weight: bold;
}
p.val1 input {
	vertical-align: middle;
}
p.val1 img {
	cursor: pointer;
	vertical-align: middle;
}
img.link {
	cursor: pointer !important;
	vertical-align: middle !important;
	padding: 6px 0 !important;
}
p.sttl {
	padding: 0;
	margin: 0 0 20px 0;
}
hr.divLine {
	background: transparent url(../testdrive/imgs/horLine2.jpg) repeat-x;
	border: none !important;
	height: 5px;
	margin: 5px 0 !important;
	padding: 0 !important;
}
.dat {
	text-align: right;
	font-weight: bold;
}
.vAlign  {
	vertical-align: top;
}
.note3 {
	vertical-align: middle !important;
	font-weight: bold;
}
.imgWallchart {
  border: 1px solid #42669A;
  margin: 0 0 6px 0;
  padding: 0;
  width: 800px;
	float: none;
}
p.imgslinks {
	margin: 16px 0 8px 16px !important;
	padding: 0 !important;
}
p.imgslinks a {
	margin: 0 auto;
	padding: 0;
}
.red {
  color: red;
}
.center {
  text-align: center;
}

/*  Features
****************/
.features {
	clear: both;
	padding: 10px 16px;
}
.features div {
	float: left;
	width: 49%;
}
.features div ul {
	
}
.features div ul {
	margin: 10px;
	padding: 0px;
	list-style: none;
}
.features div ul li {
	margin: 4px 5px;
	padding: 0px 0 6px 7px;
	background: transparent url(../testdrive/imgs/bul_01.gif) no-repeat 0px 6px;
}
.features span.DD {
	color: gray;
}


/*  HEADER 
****************/

#header {
  background: #485f89 url(../images/HeaderBg.jpg) repeat-x;
  height: 103px;
  width: 100%;
  text-align: center;
}
#head {
  width: 966px !important;
	width /**/:1008px; /* for IE5/Win */
  margin: 0 auto;
	overflow: hidden;
}
p.headHelp {
	margin: 0;
	padding: 0;
  display: block;
  height: 25px;
  text-align: right;
}
.floatleft {
  float: left;
}
.floatleftTitle {
  float: left;
  margin-right:3px;
}

/*  POPUP HEADER 
****************/

#popHead {
  background: #18386b url(../images/header_popups_bg.jpg) repeat-x;
  clear: both;
  overflow: hidden;
  height: 48px;
  padding: 0 10px;
}
#popHead .left { float: left; }
#popHead .right { float: right; }


/*  FOOTER
****************/
.clear { clear: both; }

#footer {
	background: #ccc url(../testdrive/imgs/horLine2.jpg) repeat-x left bottom;
	margin: 0px;
	padding: 0px 12px;
  color: #000;
  overflow:hidden;
  font-size: 11px;
  height: 100%;
}
#footer p { padding: 6px 0; }
#footer .links {
  float: left;
}
#footer .copy {
  float: right;
}

#footer .links a {
	color: #154073;
  font-size: 11px
}
#footer .links a:link {
	font-weight: bold;
	color: #154073;
}
#footer .links a:hover {
	color: #A30000 !important;
}

#BeginData {
  clear: left;
}
#BeginData table {
  margin: 0;
  *margin-top: -50px;
}

.BEx {
  padding-top: 10px !important;
}