@charset "utf-8";
/* CSS Document */

/* YUI Reset 
**************************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}

ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* General Styles
**************************************************************/
body {
	font-family: Arial, Helvetica, sans-serif;
	color: #575757;
	font-size: 13px;
	background: #25447a url(/img/bg_blue_gradient.gif) repeat-x 0 0; 
	zoom:1;	
	margin: 30px 0;
}
a, a:visited  {
	text-decoration: none;
	color: #0290C7;
	outline: none;
}
a:hover {text-decoration: underline;}
h3 {
	color: #666666;
	font-size: 24px;
	font-weight: bold;
	margin: 20px 0 5px;
}
h4 {line-height: 24px;}
.first {margin: 0 !important; }
.flt-r {float: right;}
.flt-l {float: left;}
.center {margin: 10px auto 35px; text-align:center;}
p {text-align: left; margin-bottom: 10px;}
p.questions a {font-weight: bold;}
ul {list-style: none; margin-bottom: 20px;}
ul li {
	background: transparent url(/img/bullet.gif) no-repeat 0 5px;
	padding: 0 0 0 15px; 
	margin-bottom: 10px;
}

/* Buttons
**************************************************************/
.cta {margin-left: 20px; margin-top: 10px}
.btn-next { margin-top: 80px;}
a.btn {
	display:block;
	height: 35px;
	width: 178px;	
	text-align: center;
	line-height:32px;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	background: transparent url(/img/sprite_buttons.gif) no-repeat;	
}
a.btn:active, a.btn:visited {color: #ffffff;}
a.btn:hover {text-decoration: none;}
a.btn-blue { background-position: 0 0;}
a.btn-blue:hover {background-position: 0 -35px;}
a.btn-green {background-position: 0 -70px;}
a.btn-green:hover {background-position: 0 -105px;}
a.btn-orange {background-position: 0 -140px;}
a.btn-orange:hover {background-position: 0 -174px;}
#wide a.btn-blue {width: 200px; background: transparent url(/img/btn_blue_wide.gif) no-repeat 0 0;}
#wide a.btn-blue:hover {background-position: 0 -39px;}
a.btn-orange-long {background-position: 0 -209px; width:200px; font-size: 11px;}
a.btn-orange-long:hover {background-position: 0 -243px;}

/* Containers
**************************************************************/
#container {
	position:relative;
	width: 959px;
	margin: 0 auto;
	text-align:center;
	background: #ffffff url(/img/bg_btm.gif) no-repeat 0 bottom;
}
#header, #content, #footer {text-align:left}
#header {
	background: transparent url(/img/bg_top_short.gif) no-repeat 0 0;
	min-height: 300px;
	height: auto !important;
	height: 300px;
	padding: 30px 355px 0 62px; 
}
#content {
	padding-left: 235px;
	padding-right: 100px;
	margin-bottom: 30px;
	zoom: 1;
}
#home .questions, 
#home #content,
#login #content {padding-left: 62px;}
#home .questions {padding-bottom: 100px; padding-top: 20px;}
#login #content {padding-right: 20px;}
#login #content {margin-top: -40px;}


/* Header
**************************************************************/
#home #header {
	background: transparent url(/img/bg_top_home.gif) no-repeat 0 0;
	min-height: 438px;
	height: auto !important;
	height: 438px;	
}
#webinar #header {
	background: transparent url(/img/bg_top.gif) no-repeat 0 0;
	min-height: 100px;
	height: auto !important;
	height: 100px;	
}
#header .logo {margin-bottom: 45px;}
#header .logo img { border: 0;}
#header .logo h2 {
	float: left;
	display: inline;
	padding: 10px 0 0 30px;
	margin: 0 0 0 30px;
	background: transparent url(/img/divider_vertical.gif) no-repeat 0 0;
	min-height: 66px;
	height: auto !important;
	height: 66px;
}
#header .logo .first {
	padding-left: 0;
	margin: 0;
	background: none;
}
h1, h1 a, h1 a:visited, h1 a:hover {
	color: #0290c7;
	font-size: 29px;
	font-weight: bold;
	margin: 0 0 10px 0;
	line-height: 52px;
	text-decoration: none;
}
h4 {font-weight: bold;}


/* Content
**************************************************************/
#content.interior {margin-bottom: 100px;}
#content.thankyou {margin-bottom: 200px;}
#content p {
	line-height: 24px;
	font-size: 102%;
	margin-bottom: 20px;
}
#content .intro {
	color:#0290C7;
	font-weight:bold;
	/*font-size:20px;	
	line-height: 28px;*/
	font-size:24px;
	line-height: normal;
}
#webinar #content .vid-wrapper {margin-left: -120px;}

/* Boxes
**************************************************************/
.box-wrapper {margin: 0 23px 50px;}
.box {
	position: relative;
	float: left;
	display: inline;
	margin-left: 21px;
	text-align:left;
	width: 290px;		
}
.box div.inner {
	padding: 20px 20px 20px 15px;
	height: 60px;	
}
.box h3 { margin-top: 0; color: #ad1637; font-size: 21px;}
.box h4 {margin-bottom: 20px; color: #666666; font-weight:bold; font-size: 12px; line-height: normal;}
.box p {line-height: 19px; font-size: 12px;}
.box div.blue {background: transparent url(/img/sprite_box_sm.gif) no-repeat 0 top;}
.box div.green {background: transparent url(/img/sprite_box_sm.gif) no-repeat -290px top;}
.box div.orange {background: transparent url(/img/sprite_box_sm.gif) no-repeat -580px top;}
.box .icon {
	padding: 0 0 0 70px; 
	min-height: 60px;
	height: auto !important;
	height: 60px;
}
.box .write {background: transparent url(/img/icon_write.gif) no-repeat 0 0; }
.box .compare {background: transparent url(/img/icon_compare.gif) no-repeat 0 0;}
.box .tools {background: transparent url(/img/icon_tools.gif) no-repeat 0 0;}
.box .btn {position: absolute; bottom: 21px; left: 85px;}
.box .moreinfo {position: absolute; bottom: 21px; left: 20px;}

/* Box with expandable height
	**************************************************************/
	.full /* add to box wrapper div */ {margin-bottom: 20px;}
	.full .box {background: transparent url(/img/box_top.gif) no-repeat 0 0;}
	.full .box .inner {
		min-height: 247px;
		height: auto !important;
		height: 247px;	
	}
	.full .box div.blue {background: transparent url(/img/sprite_boxes.gif) no-repeat 0 bottom;}
	.full .box div.green {background: transparent url(/img/sprite_boxes.gif) no-repeat -290px bottom;}
	.full .box div.orange {background: transparent url(/img/sprite_boxes.gif) no-repeat -580px bottom;}
	.full .icon {margin-bottom: 50px;}

	/* box steps 
	**************************************************************/
	.lighten .box {
	  background-color:#ffffff;
	  /* for IE */
	  filter:alpha(opacity=30);
	  /* CSS3 standard */
	  opacity:0.3;
	 }
	.lighten .active {filter: alpha(opacity=100); opacity: 1;}
	#wide.box {
		background: transparent url(/img/box_login_top.gif) no-repeat 0 0;
		width: 370px;
	}
	#wide.box div.inner {
		padding: 18px 40px;
		min-height: 200px;
		height: auto !important;
		height: 200px;	
	}
	/* form box with wider width
	**************************************************************/	
	#wide.box .blue {background: transparent url(/img/box_login_btm.gif) no-repeat 0 bottom;}


/* Form - step 1 and contact forms
**************************************************************/
#form-participate div,
#form-contact div {padding: 10px 0 10px 130px;}
#form-participate label,
#form-contact label { font-weight: bold; display:block; float: left; display: inline; text-align:right; margin-left: -140px; width: 130px;}
form .text {float: left; width: 150px; display:inline; border: 1px solid #666666; padding: 3px;}
form span.required {color: #AD1637}
form small.required {padding-top: 10px; display:block; padding-left: 130px; }
form .disclaimer { font-style:italic;}
form .submit {
	float: right;
	border: none; 
	border-collapse: collapse; 
	background: transparent url(/img/btn_submit.gif) no-repeat 0 0;
	display:block;
	height: 39px;
	width: 148px;	
	text-align: center;
	color: #ffffff;
	font-size: 0;
	cursor: pointer;
	color: transparent;
	text-indent:-999em;
	text-transform:capitalize;
}
#form-participate {padding: 20px; width:400px; background: #eeeeee; }
#form-participate h3 {margin: 0 0 10px 0}
#form-contact-wrapper {padding: 15px;  margin: 0 0 20px; width: 480px; }
#form-contact div div { padding-bottom: 5px; float: left; display: inline; padding-left: 115px;}
#form-contact div {padding: 0; font-size: 11px;}
#form-contact label {padding-right: 3px; width: 115px; margin-left: -115px; line-height:20px; }
#form-contact .text {border-color: #cccccc; width: 130px; padding: 0; font-size: 12px; padding: 2px; color: #666666;}
#form-contact div .textarea {padding-left: 115px;}
#form-contact div .textarea label { width: 115px; margin-left: -115px;}
#form-contact textarea.text {width: 355px; height: 100px; font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #666666;}
#form-contact-wrapper h4 { margin: 0 0 5px 0; font-size: 16px; font-weight: bold; float: left; display:block;}
#form-contact small {padding: 0 0 10px 130px; }
#form-contact-wrapper p {line-height: 18px; font-size: 11px; margin:0 0 10px 20px}
.toggle {padding-left: 20px; background: transparent url(../img/icon_point_r.gif) no-repeat 5px 5px; min-height:24px; height: auto !important; height: 24px; line-height:24px; cursor:pointer; /* color: #0290C7;*/}
.expand {background: transparent url(../img/icon_point_d.gif) no-repeat 0 8px}
#form-contact .col-2 {padding-left: 72px;}
#form-contact .col-2 label {width: 60px; margin-left: -60px;}


/* Login Form
**************************************************************/
#login .form-fill div {padding: 0;}
#login .form-fill label {
	display:block;
	width: auto;	
	margin: 15px 0 2px; 
	text-align:left;
	font-weight: bold;
}
#login .form-fill a {font-weight: bold;}
#frmlogin #Login1_LoginLinkButton, #btnSubmit {
	background: transparent url(/img/btn_blue_blank.gif) no-repeat 0 0;
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	width: 132px;
	height: 35px;
	line-height: 32px;
	display:block;
	margin: 20px 0 20px;
	float:right;
	border: 0;
	text-decoration: none !important;
	cursor: pointer;
}
#Login1_UserName, #Login1_Password, #txtEmail, #txtPhone, #txtAddress, #txtRePassword, #txtPassword {
	border:1px solid #666666;
	display:inline;
	padding:5px;
	width:269px;
	margin-bottom: 0;
	font-size: 15px;
	font-weight: bold;
}
#login #wide {
	display:block;
	float: none;
}
#RegularExpressionValidator1 {
	display: inline
}
/* error msg */
#login .form-fill label span, 
#RegularExpressionValidator1 {font-weight: normal; font-size: 11px; color: #FF0000;}
#login .submit-msg {margin-bottom: 10px;}
#lblValidateEmail a {text-decoration: underline; font-weight:normal !important;}
#login .submit-msg .success,
#login .submit-msg,
#lblValidateEmail,
#lblValidateEmail a {
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;	
}
#login .submit-msg .success {padding: 5px 0 0 20px; background: transparent url(/img/icon_check_success.gif) no-repeat 0 6px;}
#login .submit-msg .success span {font-size: 12px; display: block; margin-bottom: 20px; color: #666666;}
#login .submit-msg .success,
#login .submit-msg .success a {color: #8db22b; font-weight: bold;}
#login .submit-msg .success a {text-decoration: underline;}
#login .submit-msg p { margin-top: 15px;}
#login .submit-msg a {font-size: 12px;}

/* User Manager and login display/
**************************************************************/
#user {
	position: absolute;
	right: 10px;
	top: -21px;
	font-weight: bold;
}
#user form,
#user #linkUserManager {float: left; display: inline;}
#user #UserLogin1_lblWelcome,
#user #linkUserManager {
	color: #ffffff;
	margin-right: 10px; 
	padding-right: 10px;
	border-right: 1px solid #ffffff;
}
#lbtLogout, #user #linkUserManager {color: #cc0033}
#grid.dxgvControl {margin: 0 auto; width: auto;}
#grid.dxgvControl td {
	font-family: Arial, Helvetica, sans-serif !important;
	color: #666666;
}
#grid.dxgvControl .dxgvCommandColumn a {color: #0290C7 !important;}
#grid.dxgvControl #grid_DXHeadersRow td {font-size: 21px; font-weight: bold; color: #666666; background:#ffffff;}

/* Tool Ranking 
**************************************************************/
#tool-rank-wrapper {
	position: relative;
	float: right; 
	display:inline;
	width: 297px;
	margin-left: 57px;
	margin-right: -40px;
	padding-left: 0;
	background: transparent url(/img/sprite_boxes.gif) no-repeat -704px 27px;
}

#tool-rank {
	width: 297px;
	list-style: none;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	background: transparent url(/img/sprite_boxes.gif) no-repeat -1001px 248px;	
	list-style-position:outside;
}
#tool-rank li {
	font-size: 14px;
	margin: 0; 
	padding: 0;
	line-height: 27px;	
}
#tool-rank li a {
	display: block;
	height: 1%;	
	padding-left: 65px;
	color: #666666;
	background: transparent url(/img/divider_horizontal.gif) no-repeat  center top;	
}
#tool-rank li a:hover,
#tool-rank li.alt:hover {
	text-decoration: none;
	background: #d9eef7 url(/img/sprite_boxes.gif) no-repeat -1324px 12px;
	color: #000000;
}
#tool-rank li.scale { 
	padding-left: 10px;
	background: #5ab7db;
	color: #000000;
}
#tool-rank .alt {
	/*background: transparent url(/img/sprite_boxes.gif) no-repeat -1001px 5px;*/
	height: 50px;
}
#tool-rank .alt a {
	padding-bottom: 5px;	
	font-weight: bold;
}
#tool-rank .alt input.text {
	border: none;
	background: transparent;
	border-bottom: 1px solid #5ab7db;
	border-collapse: collapse;
	color: #666666;
} 
#tool-rank .placeholder {background: #eeeeee; _height: 27px;}
#tool-rank .highlight {
	background: #b4dbeb;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}


/* Footer
**************************************************************/
#footer {
	margin: 10px 65px 0;
	padding-bottom: 20px;
	font-size: 11px;
}



/* Fixes
**************************************************************/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}