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

/* Styling all elements
===============================================================================================

=========*/
* {
	margin: 0;
	padding: 0;
}
a {
	outline: none;
	border: none;
	text-decoration: underline;
	color:#3d3d3d;
	cursor:pointer;
}
a:hover {
	color:#00aaee;
	text-decoration:none;
}
h1 {
	margin:10px 0 5px 0;
	font-size:28px;
	font-family:Rockwell, Georgia, serif;
	color:#3c3c3c;
	line-height:32px;
}
h2 {
	margin:0 0 5px 0;
	font-size:20px;
	font-family:Rockwell, Georgia, serif;
	font-weight:normal;
	color:#171717;
	line-height:25px;
}
h3 {
	margin:0 0 5px 0;
	font-weight:bold;
}
img {
	border: none;
}
p {
	margin: 0 0 15px 0;
}
fieldset {
	border:none;
}
input {
	vertical-align: middle;
}
abbr {
	cursor: help;
}
acronym {
	cursor: help;
}
.a-left {
	text-align: left !important;
}
.a-center {
	text-align: center !important;
}
.a-right {
	text-align: right !important;
}
.v-top {
	vertical-align: top !important;
}
.v-middle {
	vertical-align: middle;
}
.v-bottom {
	vertical-align: bottom !important;
}
.f-left, .left {
	float: left !important;
}
.f-right, .right {
	float: right !important;
}
.f-none {
	float: none !important;
}
.f-fix {
	float: left;
	width: 100%;
}
.no-display {
	display: none;
}
.no-margin {
	margin: 0 !important;
}
.no-padding {
	padding: 0 !important;
}
.no-bg {
	background: none !important;
}
.no-bor {
	border: 0 !important;
}
.no-btmmargin {
	margin-bottom:0px!important;
}
table-list {
	font-size:10px;
	color:#3c3c3c;
	
}
/************************************************************************/
/* Applying clearfix fix for some browsers to use in appropriate places 
/************************************************************************/
.clearfix:after {
	content: "";
	display: block;
	height:100%;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}/* Hide from IE Mac \*/
.clearfix {
	display: block;
}/* End hide from IE Mac */
.clear {
	clear:both
}
/* Body Area
**************************************/
body {
	background:#fff;
	color:#3d3d3d;
	font-family:Helvetica, Arial, sans-serif;
	font-size:16px;
	line-height:130%;
}
/* Warraper Area
**************************************/
#wrapper[role="main"] {
	width:970px;
	margin:0 auto;
}
/* Header Area
**************************************/
header[role="header"] {
	padding:16px 20px;
}
.logo {
	height:60px;
	width:115px;
}
/* Middle Container Area
**************************************/
.MiddleContainer[role="container"] {
}
.MiddleContainer:after {
	content: "";
	display: block;
	height:100%;
	clear: both;
	visibility: hidden;
}
/* Layout : One Column */
.MiddleContainer .OneColumn {/*behavior: url(/css/ppc/PIE.htc); background:linear-gradient(to 

bottom, #FFFFFF 97%, #E8E8E8 100%) repeat scroll 0 0 transparent; */
}
.MiddleContainer .OneColumn .MainContent {
	min-height:100px;
	behavior: url(/css/ppc/PIE.htc);
	box-shadow:0 0 5px 1px #888;
	background:#fff;
}
.MainContent-inner {
	padding:40px 18px 0;
}

.MainContent-inner ul li { list-style-type: disc;}

.left-content-full .left-content
{
    width:auto !important;
}
.left-content ul li { list-style-type: disc;}

.left-content-full .right-form-content
{
    display:none;
}
.MainContent h1 {
	margin-bottom:14px;
}
.banner-video {
	/*padding-top:13px;*/
	behavior: url(/css/ppc/PIE.htc);
    box-shadow: 0 0 5px 0 #888888;
	border: 2px solid #FFFFFF;
}

.banner-video img
{
    behavior: url(/css/ppc/PIE.htc);
    box-shadow: 0 0 5px 0 #888888;
	border: 2px solid #FFFFFF;
	
}

hr {
	background:url(/images/ppc/hr-bg.png) no-repeat;
	margin:18px 0;	
	border:none;
	height:15px;
	border-color:transparent;
}
.product-image {

	float:left;
	
}

.product-image img{behavior: url(/css/ppc/PIE.htc); box-shadow:0 0 5px 0px #888; border:2px 

solid #ffffff; float:left; height:120px; width:120px; margin-right:15px;}

.product-content {	
	padding-top:10px;	
}
.learn-more {
	  float: left;
    font-size: 14px;
    width: auto;  /*border:1px solid #008cb7; padding:4px 40px; text-decoration:none; 

font-family:Rockwell, Georgia, serif; color:#fff; font-weight:bold; font-size:14px; border-

radius:5px; text-shadow:1px 1px 1px #000;  
background: #00c3fc;  Old browsers 
background: -moz-linear-gradient(top,  #00c3fc 0%, #00c5ff 6%, #00c5fe 56%, #00b9f1 83%, 

#00aee3 100%);  FF3.6+ 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00c3fc), color-stop

(6%,#00c5ff), color-stop(56%,#00c5fe), color-stop(83%,#00b9f1), color-stop(100%,#00aee3));  

Chrome,Safari4+ 
background: -webkit-linear-gradient(top,  #00c3fc 0%,#00c5ff 6%,#00c5fe 56%,#00b9f1 83%,#00aee3 

100%);  Chrome10+,Safari5.1+ 
background: -o-linear-gradient(top,  #00c3fc 0%,#00c5ff 6%,#00c5fe 56%,#00b9f1 83%,#00aee3 

100%);  Opera 11.10+ 
background: -ms-linear-gradient(top,  #00c3fc 0%,#00c5ff 6%,#00c5fe 56%,#00b9f1 83%,#00aee3 

100%);  IE10+ 
background: linear-gradient(to bottom,  #00c3fc 0%,#00c5ff 6%,#00c5fe 56%,#00b9f1 83%,#00aee3 

100%);  W3C 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c3fc', 

endColorstr='#00aee3',GradientType=0 );  IE6-9 */
}
.learn-more span {
	    /* line-height: 24px !important;
    padding: 4px 20px 5px; */
}

.blue-button {
	font-family:Rockwell, Georgia, serif;
	color:#fff;
	font-weight:bold;
	behavior: url(/css/ppc/PIE.htc);
	border-radius:4px;
	text-shadow:0 1px 2px #000000;
	border:1px solid #0b8ab5;
	padding:0 !important;
}
a.blue-button {
	text-decoration:none;
	display:block;
}
.blue-button a span {/* behavior: url(/css/ppc/PIE.htc);  text-shadow:0 0 2px #000000;*/
	display:block;
	text-align:center;
	text-shadow:0 0 2px #000;
	filter:Shadow(color=#000000, strength=2); /* IE Proprietary Filter*/
}
.blue-button span {
    color: #FFFFFF;
    display: block;
    line-height: 27px;
    padding: 5px 18px;
    text-align: center;
    
	background: #00c6ff; /* Old browsers */
	background: -moz-linear-gradient(top, #00c6ff 39%, #00aee4 82%, #00aee4 87%, #00aee4 

92%, #00aee4 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(39%, #00c6ff), 

color-stop(82%, #00aee4), color-stop(87%, #00aee4), color-stop(92%, #00aee4), color-stop(99%, 

#00aee4)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #ffffff 0%, #ffffff 28%, #f6f6f6 59%, #f1f1f1 

68%, #ededed 83%, #ebebeb 85%, #e8e8e8 100%)
	background: -o-linear-gradient(top, #00c6ff 39%, #00aee4 82%, #00aee4 87%, #00aee4 92%, 

#00aee4 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #00c6ff 39%, #00aee4 82%, #00aee4 87%, #00aee4 

92%, #00aee4 99%); /* IE10+ */
	background: linear-gradient(to bottom, #00c6ff 39%, #00aee4 82%, #00aee4 87%, #00aee4 

92%, #00aee4 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c6ff', 

endColorstr='#00aee4', GradientType=0 ); /* IE6-9 */
behavior: url(/css/ppc/PIE.htc);
box-shadow:0 4px 2px -2px #888;
}

.blue-button span:hover{background: #00c6ff; /* Old browsers */
background: -moz-linear-gradient(bottom, #00c6ff 39%, #00aee4 82%, #00aee4 87%, #00aee4 92%, 

#00aee4 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, left top, color-stop(39%, #00c6ff), color-

stop(82%, #00aee4), color-stop(87%, #00aee4), color-stop(92%, #00aee4), color-stop(99%, 

#00aee4)); /* Chrome,Safari4+ */
background:-webkit-linear-gradient(bottom, #ffffff 0%, #ffffff 28%, #f6f6f6 59%, #f1f1f1 68%, 

#ededed 83%, #ebebeb 85%, #e8e8e8 100%)
background: -o-linear-gradient(bottom, #00c6ff 39%, #00aee4 82%, #00aee4 87%, #00aee4 92%, 

#00aee4 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(bottom, #00c6ff 39%, #00aee4 82%, #00aee4 87%, #00aee4 92%, 

#00aee4 99%); /* IE10+ */
background: linear-gradient(to top, #00c6ff 39%, #00aee4 82%, #00aee4 87%, #00aee4 92%, #00aee4 

99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aee4', 

endColorstr='#00c6ff', GradientType=0 ); /* IE6-9 */}

.blue-button:active{position:relative; top:1px;}

.contact-us {
	font-size:18px;
	box-shadow:0 2px 3px -2px #888;
	margin:0 auto;
	width:202px;
}


.blue-button.contact-us span {
	padding:7px 4px;
}
.learn-more:hover {
	color:#fff;
}
.products-main {
	
	padding:5px 0 5px 5px;
}
.capture-img img{behavior: url(/css/ppc/PIE.htc); float:left; width:200px; height:150px; margin:15px 15px 0;}

.bottom-shadow {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 28%, #f6f6f6 59%, #f1f1f1 

68%, #ededed 83%, #ebebeb 85%, #e8e8e8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), 

color-stop(28%, #ffffff), color-stop(59%, #f6f6f6), color-stop(68%, #f1f1f1), color-stop(83%, 

#ededed), color-stop(85%, #ebebeb), color-stop(100%, #e8e8e8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 28%, #f6f6f6 59%, #f1f1f1 

68%, #ededed 83%, #ebebeb 85%, #e8e8e8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #ffffff 28%, #f6f6f6 59%, #f1f1f1 68%, 

#ededed 83%, #ebebeb 85%, #e8e8e8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 28%, #f6f6f6 59%, #f1f1f1 68%, 

#ededed 83%, #ebebeb 85%, #e8e8e8 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%, #ffffff 28%, #f6f6f6 59%, #f1f1f1 

68%, #ededed 83%, #ebebeb 85%, #e8e8e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', 

endColorstr='#e8e8e8', GradientType=0 ); /* IE6-9 */
	height:79px;
}
.products h2 sup {
	font-size:12px;
}

.product-right .product-image{float:right;}
.product-right .learn-more{float:left;}
.product-learnmore-right .learn-more{float:right; margin-right:15px;}
.product-learnmore-right .product-image{float:right;}

.MainContent-inner .left-content {
	/*float:left;
	width:990px;*/
}
.MainContent-inner .left-content h1 {
	margin-top:0px;
}
.MainContent-inner .left-content h2 {
	padding-right:15px;
}
.MainContent-inner .left-content hr {
	background:url(http://color.xrite.com/images/ppc/hr-bg-small.png) no-repeat center;
	margin:20px 0;
}
.total-appreance-img {
	padding:20px 0;
}
.total-appreance-content .capture-img{float:right;}

.total-appreance-content-left .capture-img{float:left; margin-right:30px;}

.total-appreance-content ul li { list-style-type: disc;  }

/*.total-appreance-content ul {
	padding-left:35px;
	
}
.total-appreance-content li {	
	margin:0 0 10px;	
}*/
ul {
	padding-left:35px;
	
}
ul li {	
	margin:0 0 10px;	

}
.MainContent-inner .right-form-content {
	float:right;
	width:260px;
	background:#e8eef0;
	border:1px solid #ccc;
	behavior: url(/css/ppc/PIE.htc);
	border-radius:5px;
	padding-bottom:50px;
}

.share-content {
	align:middle;
	padding: 15px 100px;
}
/*.learn-more-tool{background:url(../images/learn-more-tool.png) no-repeat; height:75px;}*/
.right-form-content .form-info {
	padding:15px 0;
}
.right-form-content .form-main {
	padding:0 15px;
	line-height:18px;
	font-size:12px;
}
.right-form-content .form-main .field {
	margin:10px 0;
}
 .field input {
border: medium none;
padding: 7px 6px 7px 13px;
width: 213px;
padding-left: 13px;
border: 1px solid #C0C0C0;

}
.field-input {
background: none repeat scroll 0 0 #FFFFFF;


}

.field textarea {
	width:214px;
	resize:none;
	border:0;
	padding:5px 5px 5px 13px;
	border: 1px solid #C0C0C0;
	
}
.field .field-select 
{
   
    
}
.field select {
	
	border:1px solid #c0c0c0;
	width:232px;
	padding:5px 0px 5px 13px;
	
}
.field-label {
	padding-bottom:2px;
}

.field.field-error .field-label{color:#f00 !important ; font-weight:bold !important}
.field.required .field-label{font-weight:bold !important}
.field[optional="False"]{font-weight:bold !important}

.other-field .field-input input {
	width:120px;
	border:0;
	padding:7px 0;
}

.other-field {
	margin-top:2px;
	display:none;
}
.checkbox-field {
	margin:15px 0;
}
.field input[type="checkbox"]{
	float: left;
    height: 19px;
    width: 19px;
    padding-left: 0 !important;
    border:0;
	
}

.response-message{padding-top:20px;}
.response-message p{margin:0px;}
.response-message .grey-bottom-border{margin:20px 0;}

.checkbox-label{
float: right;
width: 200px;
}
.grey-bottom-border {
	border-bottom:1px solid #c0c0c0;
	padding-top:5px;
	margin:10px 0;
}
.learn-more-tool-main {
	min-height:60px;
	position:relative;
}
.learn-more-tool { /*height:75px; font-family:Rockwell, Georgia, serif; font-size:22px; 

color:#fff; font-weight:bold;*/
	border: 1px solid #0099C6;
	behavior: url(/css/ppc/PIE.htc);
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0 3px 2px -3px #888;
	color: #FFFFFF;
	font-family: Rockwell, Georgia, serif;
	font-size: 20px;
	font-weight: bold;
	margin: 0;
	
	text-align: center;
	text-shadow: 0 0 2px #000000;
}
.learn-more-tool span {
	
	
	background: -moz-linear-gradient(top, #00C6FF 69%, #00AEE4 95%, #00AEE4 87%, #00AEE4 

92%, #00AEE4 99%); /* FF3.6+ */
	background: -webkit-gradient(top, #00C6FF 69%, #00AEE4 95%, #00AEE4 87%, #00AEE4 92%, 

#00AEE4 99%); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #00C6FF 69%, #00AEE4 95%, #00AEE4 87%, #00AEE4 

92%, #00AEE4 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #00C6FF 69%, #00AEE4 95%, #00AEE4 87%, #00AEE4 92%, 

#00AEE4 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #00C6FF 69%, #00AEE4 95%, #00AEE4 87%, #00AEE4 

92%, #00AEE4 99%); /* IE10+ */
	background: linear-gradient(to bottom, #00C6FF 69%, #00AEE4 95%, #00AEE4 87%, #00AEE4 

92%, #00AEE4 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00C6FF', 

endColorstr='#00AEE4', GradientType=0 ); /* IE6-9 */
	display:block;
	text-align:center;
	text-shadow:0 1px 2px #000000;
	min-width: 258px;
	min-height:20px;
	padding:20px 0;
}
.down-arrow {
	background:url(/images/ppc/drop-arrow.png) no-repeat;
	height:20px;
	position:absolute;
	width:20px;
	left:46%;
	bottom:-19px;
}
.success-msg {
	display:none;
	font-size:12px;
	margin:15px 15px 0;
}
.success-msg div {
	font-size:14px;
	font-weight:bold;
}
.error {
	background:#eaa797;
	padding:15px;
}
.ErrorRed {
	color:#f00;
}
.InputError {
	border-color:#f00 !important;
}
.LabelBold {
	font-weight:bold;
}

.error-message-div{
	background:#eaa797;
	padding:15px;
	color:#171717;
}
#divBoxHeading{font-size:14px;font-weight:bold;}
#divfailureDetails li {list-style: disc inside;  margin-left: 5px; }
.successful-div{background:#d4fda9 url(/images/ppc/success.png) no-repeat 5px 50%; padding:10px 

15px 10px 36px;}

.full-content {
width: auto !important;
}
/* Footer Area
**************************************/
footer[role="footer"] {
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	padding:15px 0;
}
.Footer:after {
	content: "";
	display: block;
	height:100%;
	clear: both;
	visibility: hidden;
}
/* Login Popup
**************************************/
.LoginPopup {
	width:400px!important;
	behavior: url(/css/ppc/PIE.htc);
	box-shadow:0 0 10px 0px #888;
	margin:0 auto;
	border-radius:5px;
	border:1px solid #616161;
	background:#fff;
	z-index:9999;
}

#ooyalaplayer .innerWrapper{  
    position: static!important;
  
}

.LoginPopup .learn-more-tool {
	
}
.LoginPopup .right-form-content {
	padding-bottom:35px;
	position:relative;
}
.LoginPopup .field {
	float:left;
}
.LoginPopup .field-label, .LoginPopup .field-input, .LoginPopup .field-input input {
	width:150px;
}
.LoginPopup .contact-us {
	margin:25px auto;
	display:block;
	width:210px;
}
.forgotpass {
	display:block;
	text-align:center;
}
.ui-dialog-titlebar-close {
	background:url(/images/ppc/cross.png) no-repeat;
	display:block;
	position:absolute;
	right:17px;
	top:14px;
	height:27px;
	width:27px;
	z-index:10;
}
.ui-widget-overlay {
    background: #828282;
    height: 100% !important;
    behavior: url(/css/ppc/PIE.htc);
    opacity: 0.8;
    filter:Alpha(Opacity=80);
    position: fixed;
    top: 0;
    z-index: 999;
    width:100%;
    left:0;
}
.LoginPopup .right-form-content .form-main {
	padding:0 25px;
}
/******************************Register*********************/
.Register {
	width:260px;
	margin:0 auto;
}
.Register .learn-more-tool {

}
.Register .contact-us {
	display:block;
	width:210px;
	margin:0 auto;
}
/*************************FreeBouchers******************** */
.FreeBouchers {
	width:260px;
	margin:0 auto;
}
.FreeBouchers .learn-more-tool {
	
}
.FreeBouchers .contact-us {
	display:block;
	width:210px;
	margin:0 auto;
}
/******************Watch Archived Webinar********************/

.WatchArchived {
	width:260px;
	margin:0 auto;
}
.WatchArchived .learn-more-tool {
	

}
.WatchArchived .contact-us {
	display:block;
	width:210px;
	margin:0 auto;
}
/**********************************JoinUs***************************/
.JoinUs {
	width:260px;
	margin:0 auto;
}
.JoinUs .learn-more-tool {
	
}
.JoinUs .contact-us {
	display:block;
	width:210px;
	margin:0 auto;
}

/**********************************Drop Down***************************/
.wrapper-dropdown .dropdown {
    border:1px solid #ccc;
    left: -1px;
    list-style: none outside none;
    margin-top: 1px;
    display:none;position: absolute;
    right: -1px;
    top: 100%;
	padding-left:0px;

}
.dropdown li{
padding-left:10px; cursor:pointer;text-decoration:none; color:black;}

.dropdown li:hover{
background:#3399ff;color:#fff;}

.wrapper-dropdown {
    background:url(dd.png) no-repeat 100% 0;
    border: 1px solid silver;
    cursor: pointer;
    margin: 0 auto;
    outline: medium none;
    padding: 4px 10px;
    position: relative;
    width: 230px;
}
.display{display:block !important;}
#videoContainer{behavior: url(/css/ppc/PIE.htc); box-shadow:0 0 5px 0px #888; border:2px solid 

#ffffff;}
.Select-Box{position:relative; width:232px; overflow:hidden; border:1px solid #ccc; background:#fff; height:28px;}
.Select-Box select{position:relative; z-index:5; border:0;background:none;padding:5px 0 5px 11px;-webkit-appearance:none;}
.Select-Box .select{position: absolute;right: 0;top: 0; background: url('/images/ppc/dropdown-arrow-image.png') 100% 0 no-repeat; width: 33px; height: 31px; z-index: 1;}
.Select-Box select option{padding-left:11px;}



.tablelist {
	font-size: 10px;
}
.tablelist-bold {
	font-size: 12px;
}

.userNav_1Col {
    clear: both;
    margin: 0 auto;
    padding-left: 0;
    width: 980px;
}