﻿body,html{background:#fff; font-family:Arial !important;font-size:12px;font-weight:normal;margin:0; padding:0; text-align:center;}

/* ie6 notice */
.ie6fail{background:#1c1c1c; width:100%; height:250px; position:absolute; top:0; left:0; z-index:9999999999999999999999; text-align:left; }
.ie6fail .wrap{width:75%; font-size:14px; color:White; margin:20px auto;}
.ie6fail h1{font-size:32px; color:#e85151;}
.ie6fail p{color:white; font-size:16px; line-height:24px;}
.ie6fail span{color:White; cursor:pointer; font-size:11px; text-decoration:underline;}
.ie6fail .hideNotice{width:100%; text-align:right; }
.ie6fail a{color:#bdde7c; font-size:14px; padding:3px;}
.ie6fail a:hover{background:#bdde7c; color:#374e09;padding:3px;}

h1{color:#0678ae; font-size:20px; font-weight:bold; line-height:20px; margin:0px 0px 10px 0px;}
h2{color:#5e001f; font-size:16px; font-weight:bold; line-height:16px; margin:0px 0px 5px 0px;}
p{color:#000; font-size:12px; line-height:20px; margin:0px 0px 15px;}
u{text-decoration:underline;}
strong{font-weight:bold;}
em{font-style:italic;}
img{border:0;}
fieldset{background-image: url('images/pollBg.gif'); background-repeat:no-repeat; background-color:#ededeb; padding:18px 28px; clear:both; float:left;}
legend{}
ul{color:#5E001F; font-weight:bold; line-height:20px; margin:0px 0px 15px 30px;}
ul li{list-style-type:disc;}
ol{color:#5E001F; font-weight:bold; line-height:20px; margin:0px 0px 15px 30px;}
ol li{list-style-type:decimal;}
a{color:#0678ae; font-weight:bold; text-decoration:underline;}
a:hover{color:#0678ae; text-decoration:none;}
a.linkTitle{font-weight:bold; font-size:17px; text-decoration:none;}

.clear{clear:both; height:0px; width:100%;}
.left{float:left;}
.right{float:right;}
.nofloat{float:none;}
.size10{font-size:10px; line-height:14px;}
.hrBreak{border-bottom:1px solid #BEBEBE; clear:both; height:10px; margin-bottom:10px;}
.actionNoticeBoxGIANT{background:#fef3f3; border:1px solid #cc1c21; font-weight:bold; color:#cc1c21 !important; margin:0px 0px 10px; padding:10px; font-size:16px; line-height:20px;}
.actionNoticeBoxGIANT a{color:#CC1C21;}
.lblError{background:#fef3f3; border:1px solid #cc1c21; font-weight:bold; color:#cc1c21 !important; margin:0px 0px 10px; padding:10px; font-size:16px;}
.actionNoticeBoxGIANT ul{font-size:12px; margin:0px 0px 0px 15px; color:#cc1c21 !important; list-style-type:disc !important; line-height:18px; padding:5px 0px 0px 10px;}
.loginFail{background:#fef3f3; border:1px solid #cc1c21; font-weight:bold; color:#cc1c21 !important; margin:0px 0px 10px; padding:10px; font-size:16px;}
.loginFail a{color:#cc1c21;}
.nothingFound{background:#fef3f3; border:1px solid #cc1c21; font-weight:bold; color:#cc1c21 !important; margin:0px 0px 10px; padding:10px; font-size:16px;}
.iUpdate{background:#f3fef3; border:1px solid #2f6929; font-weight:bold; color:#2f6929 !important; margin:0px 0px 10px; padding:10px; font-size:16px;}
.picRight{float:right; margin:0px 0px 7px 7px; }
.picLeft{float:left; margin:0px 7px 7px 0px;}
.requiredField{float:left; margin-left:2px; visibility:visible !important;}
.noSpam{font-size:11px; display:block; margin:0px 0px 10px;}
.noSpam strong{color:#000;}
.replaceText{color:#a5a5a5;}
#hcard{color:#A3A3A3; display:block; font-size:11px; margin:10px auto; width:460px;}
#hcard a{color:#A3A3A3;font-size:11px; font-weight:normal; text-decoration:none;}
#hcard a:hover{text-decoration:underline;}


.reqDot{color:Red !Important;font-size:14px;float:inherit !important;}

/* form styles */
.labeler{color:#f58020;font-weight:bold; float:left; font-size:20px; margin:3px 0px 15px 0px; padding:5px 0px 0px; width:160px;}
.form-sep{clear:left; display:block; height:10px;}
.sButton{background:#0678ae; color:#fff; font-weight:bold; font-size:14px; float:none; text-align:center; border:none !important; cursor:pointer; text-decoration:none; text-transform:uppercase; padding:5px 10px; width:100px; margin:0 auto;}
.sButton span{color:#fff;}
.sButton:hover{color:#fff;}
.iButton{border:none !important; font-size:15px !important; height:auto !important; padding:0px !important; width:auto !important;}
input.txtbox{border:none; font-size:16px; padding:3px; float:left; background:#efefef; width:200px; height:20px;}
select.selectbox{border:1px solid #efefef; background:#efefef; font-size:16px; padding:3px; float:left; width:208px; height:30px;}
select.selectbox option{background:#fff;}
textarea{border:none; font-size:16px; font-family:Arial; padding:3px; float:left; background:#efefef; width:362px; height:100px;}
	.input-rounded{background: url('images/inputBg.gif') no-repeat; height:27px; width:209px; padding:5px 10px; float:left;}
	.textarea-rounded{background: url('images/textareaBg.gif') no-repeat; height:112px; width:369px; padding:5px 10px; float:left;}
	.file-uploader{margin:5px 0px 0px;}
.rButtons {float:left;}
.rButtons input{border:0; background:none; margin:0px 10px 0px 0px; width:auto; float:left;}
.rButtons label{font-weight:bold; font-size:16px; padding:0px 0px 8px; float:left;}
.sendIt{background: url('Images/btnSubmit.png') no-repeat; float:left; height:33px; width:145px;}
.sendIt span{display:none;}
fieldset h2{color:#1f57b3; font-size:18px; margin:10px 0px;}
.btn{margin:15px 0px 0px; text-align:center;}

/* grid */
#container{background:#fff; height:auto; /* set auto */ margin:10px auto; text-align:left; width:855px;}
#main{background:#fff; /* height:400px; */ width:815px;}
#mast{}
#banner{background: url('images/bannerBg.gif') no-repeat; display:block; height:145px; margin:10px 0px 0px; width:815px;}
	#banner-stretch{background: url('images/bannerBg-stretch.gif') no-repeat; display:block; height:84px; margin:10px 0px 0px; width:815px;}
#lc{height:300px; margin:0px 14px 0px 0px; width:242px;}
#rc{height:auto; width:559px;}
#foot{color:#f58020; font-size:14px; line-height:22px; margin:15px 0px 0px; text-align:center;}
#seo{display:block; margin:10px 0px 0px;}
#quote{height:auto; padding:0px 0px 0px 4px; width:36px;}

/* mast */
#mast .phone{background: url('images/phone.gif') no-repeat; height:18px; margin:0px 8px 0px 0px; width:159px;}
#mast .phone span{display:none;}
#mast a.logo{background: url('images/logo.gif') no-repeat; display:block; height:72px; width:274px; margin:0px 22px 0px 0px;}
#mast a.logo span{display:none;}
#mast a.websitedesign{background:url('Images/nav_int.gif') repeat 0px 0px; width: 177px; height: 64px; float:left; margin:8px 0px 0px;}
#mast a.websitedesign span {display: none; }
#mast a.websitedesign:hover {background: url('Images/nav_int.gif') repeat 0px -75px; }  
#mast a.seo{background:url('Images/nav_int.gif') repeat -177px 0px; width: 172px; height: 64px; float:left; margin:8px 0px 0px;}
#mast a.seo span {display: none; }
#mast a.seo:hover {background: url('Images/nav_int.gif') repeat -177px -75px; }  
#mast a.sales{background:url('Images/nav_int.gif') repeat -349px 0px; width: 167px; height: 64px; float:left; margin:8px 0px 0px;}
#mast a.sales span {display: none; }
#mast a.sales:hover {background: url('Images/nav_int.gif') repeat -349px -75px; }  

/* banner */
#banner .area{width:401px;}
#banner .pic{width:414px;}
#banner .cityGreet-standard{color:#797979; font-size:30px; font-weight:bold; text-transform:uppercase; float:left; padding:25px 5px 0px 20px; }
#banner .cityGreet-small{color:#797979; font-size:26px; font-weight:bold; text-transform:uppercase; float:left; padding:25px 5px 0px 20px;}
#banner .os{float:left; padding:28px 0px 0px 15px;}
	/* banner - stretch master */
	#banner-stretch .area{margin:0px 0px 0px 25px; padding:26px 0px 0px; }

/* lc */
.nav{float:left; line-height:18px; width:242px; margin:0px 0px 10px;}
.nav a{background-image: url('images/nav_int_dot_orange.gif'); background-repeat:no-repeat; background-position:0px 6px; color:#0678AE; display:block; font-size:18px; font-weight:bold; margin:0px 0px 14px; padding:0px 0px 0px 12px; text-decoration:none;}
.nav a:hover{text-decoration:underline;}
.nav .t{background: url('images/top_nav.gif') no-repeat; height:11px; width:242px;}
.nav .w{border:3px solid #efefef; border-top:none; border-bottom:none; height:auto; padding:15px 15px 0px; .padding:15px 15px; width:206px;}
.nav .b{background: url('images/bot_nav.gif') no-repeat; height:11px; width:242px;}
a.about{background:url('Images/ctaAbout.gif') repeat 0px 0px; width: 242px; height: 67px; display:block;}
a.about span {display: none; }
a.about:hover {background: url('Images/ctaAbout.gif') repeat 0px -77px; }  
.work{background:url('Images/ctaWork.gif') repeat 0px 0px; width: 242px; height: 104px; display:block; margin:10px 0px 0px;}
.work .showme{width:110px; height:84px; margin:10px 0px 0px 122px;}
a.roartv{float:left;}
a.roartv span{}

/* rc */
.content{}
.nav-right{padding:0px 0px 10px 10px;}
.block-info{color:#fff; width:241px;}
.block-info h2{color:#fff; line-height:18px;}
.block-info a{color:#fff; text-decoration:underline;}
.block-info a:hover{text-decoration:none;}
.block-info ul{color:#fff; font-weight:normal; margin:10px 0px 10px 12px;}
.block-info ul li{margin:0px 0px 10px;}
.block-info .t{background: url('images/top_info.gif') no-repeat; height:11px; width:241px;}
.block-info .w{background:#0678AE; height:auto; line-height:16px; padding:0px 12px; width:217px;}
.block-info .b{background: url('images/bot_info.gif') no-repeat; height:11px; width:241px;}
.block-process{color:#fff; width:241px;}
.block-process .t{background: url('images/top_process.gif') no-repeat; height:14px; width:559px;}
.block-process .w{background:#f58020; height:auto; padding:0px 12px; width:535px;}
.block-process .b{background: url('images/bot_process.gif') no-repeat; height:14px; width:559px;}
.block-callout{color:#fff; margin:0px 0px 15px; width:241px;}
.block-callout h2{color:#fff; line-height:18px;}
.block-callout .t{background: url('images/top_process.gif') no-repeat; height:14px; width:559px;}
.block-callout .w{background:#0678AE; font-size:18px; font-weight:bold; font-style:italic; height:auto; line-height:22px; padding:0px 22px; width:515px;}
.block-callout .b{background: url('images/bot_process.gif') no-repeat; height:14px; width:559px;}
.stretch-ctas{padding:0px 0px 8px 8px;}
a.quote{background:url('Images/ctaQuote.gif') repeat 0px 0px; width: 559px; height: 81px; display:block;}
a.quote span {display: none; }
a.quote-midsize{background:url('Images/ctaQuote-mid.gif') repeat 0px 0px; width: 371px; height: 81px; display:block;}
a.quote-midsize span {display: none; }
a.about-midsize{background:url('Images/ctaAbout-mid.gif') repeat 0px 0px; width: 371px; height: 67px; display:block;}
a.about-midsize span {display: none; }
.cityGreet-h2{color:#5e001f; display:block; font-size:16px; font-weight:bold; line-height:16px; margin:0px 0px 5px 0px;}

/* type */
#type span{color:#fff; display:block; font-size:18px; font-weight:bold; line-height:34px;}
#type a{color:#fff; font-size:18px; font-weight:bold; margin:0px 0px 0px 8px;}

/* updates */
#updates span{color:#797979; display:block; line-height:14px; margin:0px 0px 20px;}
#updates a.tweet{background: url('images/ctaTwitter.gif') no-repeat; height:43px; width:275px;}
#updates a.tweet span{display:none;}

/* team */
#team span{color:#797979; display:block; font-size:14px; line-height:18px; margin:0px 0px 26px;}
#team a.team{background: url('images/ctaTeam.jpg') no-repeat; height:95px; margin:0px 0px 0px; width:278px;}
#team a.team span{display:none;}

/* foot */
#foot .wrap-master{background: url('images/footBg.gif') no-repeat; height:100px; padding:20px 0px 0px; width:559px;}
#foot .wrap-stretch{background: url('images/footBg-stretch.gif') no-repeat; height:100px; padding:20px 0px 0px; width:815px;}
#foot a{color:#0678ae; font-size:13px; text-decoration:none;}
#foot a:hover{text-decoration:underline;}
#foot .sep{background-image: url('images/nav_int_dot_orange.gif'); background-repeat:no-repeat; background-position:0px 8px; .background-position:0px 2px; height:14px; margin:0px 3px; width:5px; display:inline-block;}

/* seo */
#seo ul{color:#a3a3a3; font-weight:normal; margin:0px 0px 0px 2px; list-style:none;}
#seo ul li{background-image: url('images/arrow.gif'); background-repeat:no-repeat; background-position:0px 8px; list-style:none; padding:0px 0px 0px 10px;}

/* quote */
#quote a.getstarted{background:url('Images/ctaGetStarted.gif') repeat 0px 0px; width: 34px; height: 249px; float:left; margin:292px 0px 0px;}
#quote a.getstarted span {display: none; }
#quote a.getstarted:hover {background: url('Images/ctaGetStarted.gif') repeat -44px 0px; }  
	/* quote  - stretch master */
	#quote a.getstarted-stretch{background:url('Images/ctaGetStarted.gif') repeat 0px 0px; width: 34px; height: 249px; float:left; margin:230px 0px 0px;}
	#quote a.getstarted-stretch span {display: none; }
	#quote a.getstarted-stretch:hover {background: url('Images/ctaGetStarted.gif') repeat -44px 0px; }  
	/* main - top under banners */
	a.getstarted-top{background:url('Images/ctaGetStarted-top.gif') repeat 0px 0px; width: 817px; height: 34px; display:block; margin:6px 0px 8px;}
	a.getstarted-top span {display: none; }
	a.getstarted-top:hover {background: url('Images/ctaGetStarted-top.gif') repeat 0px -44px; }  
	/* -------------- below turns off all right side quote buttons */
	#quote a{display:none!important;}

/* video archive */
.video-archive{height:auto; margin:0px auto 20px; width:695px;}
.video-archive .t{background: url('images/top_video.gif') no-repeat; height:17px; width:695px;}
.video-archive .w{border:3px solid #efefef; border-top:none; border-bottom:none; height:auto; padding:0px 24px; width:641px;}
.video-archive .b{background: url('images/bot_video.gif') no-repeat; height:17px; width:695px;}
.video-archive .vid{display:block; margin:0px 0px 10px;}
.video-archive .info{width:60%;}
.video-archive .info .title{font-weight:bold; display:block;}
.video-archive .info .desc{}
.video-archive .highlights{color:#5e001f; font-size:14px; width:40%;}
.video-archive .highlights ul{color:#5e001f; font-weight:normal; margin:0; list-style-position:inside;}

/* form area placement */
.form-contactus{background: url('images/form_hdr_contactus.gif') no-repeat; float:left; margin:0px 0px 0px 75px; padding:95px 0px 0px; width:410px;}
.form-rfp{background: url('images/form_hdr_rfp.gif') no-repeat; margin:0px auto; padding:95px 0px 0px; width:410px;}
.form-quote-small{background: url('images/form_hdr_getstarted.gif') no-repeat; display:block; margin:0px 0px 0px 75px; padding:90px 0px 0px; width:410px;}
.form-quote-large{background: url('images/form_hdr_getstarted.gif') no-repeat; display:block; margin:0px 0px 0px 75px; padding:90px 0px 0px; width:410px;}
.form-analysis{background:url('images/form_hdr_analysis.gif') no-repeat; display:block; margin:0 auto; padding:90px 0px 0px; width:415px;}
.form-testers{background: url('images/form_hdr_testers.gif') no-repeat; display:block; margin:0px 0px 0px 75px; padding:90px 0px 0px; width:410px;}
	.form-testers label{width:380px;}
.form-career{display:block; margin:0px auto; padding:20px 0px 0px; width:410px;}
.form-quote-strategy{display:block; margin:0px; padding:10px 0px 0px; width:410px;}

/* box - team quiz */
#bgHolder{background: url('images/quizBg.gif') no-repeat; width: 815px; height: 202px;}
#outerHolder{width: 815px; height: 202px; overflow: hidden; }
#innerHolder{width: 8000px; height: 202px;}
.questionHolder{float: left; width: 815px; height:202px; text-align: center; }
	.question{color:#fff; font-size:34px; font-weight:bold; float: left; margin:40px 0px 0px 30px; text-align:left; width: 475px;}
	.answers{float: right; margin:40px 20px 0px 0px; text-align: left; padding:5px; width: 200px; border-left:1px solid #fff; }
	.answers input{background:#F58020; float:left; width:30px;}
	.answers span{color:#fff; cursor:pointer; font-size:24px; font-weight:normal;}
	.answers .quiz-sep{clear:both; height:20px; display:block; }
.responseHolder{float: left; width: 815px; text-align: center; }
	.responseHolder .results{height:100px; margin:25px 0px 0px 30px; width:415px;}
	.responseHolder .results .correct{color:#fff; display:block; font-size:24px; font-weight:bold; margin:0px 0px 15px; text-align:left;}
	.responseHolder .results .msg{color:#fff; font-weight:bold; font-size:18px; text-align:left;}
	.responseHolder .form-team{margin:15px 30px 0px 0px; width:300px;}
	.responseHolder .field{float:left; font-weight:bold; font-size:14px; color:#fff; margin:0px 10px 10px 0px; text-align:right; width:100px;}
	.responseHolder input{background:#fff; font-size:12px; height:auto; width:150px; float:left;}
	.responseHolder .quiz-btn{background:#0678ae; border:1px solid #fff; color:#fff; cursor:pointer; font-weight:bold; text-transform:uppercase; margin:0 auto; padding:5px 2px; width:170px; text-align:center;}
	.responseHolder .quiz-btn-error{background:#fef3f3; border:1px solid #cc1c21; color:#cc1c21; cursor:pointer; font-weight:bold; text-transform:uppercase; margin:0 auto; padding:5px 2px; width:170px; text-align:center;} 	
.thanksHolder{float: left; width: 815px; text-align: center; }
	.thanksHolder .thanks-putme{color:#fff; font-size:14px; font-weight:bold; line-height:16px; padding:30px 40px 0px 40px; text-align:center;}
	.thanksHolder .quiz-btn{background:#0678ae; border:1px solid #fff; color:#fff; cursor:pointer; font-weight:bold; text-transform:uppercase; margin:15px auto; padding:5px 2px; width:250px; text-align:center;}

/* seo - google rank block */
.google-rank{}
.google-rank .site{display:block; margin:8px 0px 0px;}
.google-rank .label{font-weight:bold; font-size:14px; color:#A5D8F0; margin:0px 5px 0px 15px;}
.google-rank .result{color:#fff; font-size:14px; font-weight:bold;}
.google-rank a{color:#fff; font-size:14px; font-weight:normal;}
.google-rank a:hover{}

/* video examples */
#video-examples{background: url('images/callout_moresales_video.gif') no-repeat; height:164px; padding:53px 0px 0px 11px; width:548px;}
#video-examples a.ex{background:url('images/video_example_bg.gif') no-repeat; height:151px; margin:0px 0px 0px 7px; width:170px;}

/* usabilty tables */
.usability-table-1{border-collapse:collapse; border-spacing:0; border-style:none; border-width:1px; width:100%;}
.usability-table-1 tr th{background:#c2e9fb; border-style:solid; border-width:1px; border-color:#0678AE; color:#0678AE; font-size:14px; font-weight:bold; padding:4px; text-align:center; }
.usability-table-1 tr td{border-style:solid; border-width:1px; border-color:#0678AE; color:#5E001F; font-size:14px; padding:4px; text-align:center; }

.usability-table-2{border-collapse:collapse; border-spacing:0; border-style:none; border-width:1px; width:100%;}
.usability-table-2 tr td{border-style:solid; border-width:1px; border-color:#0678AE; padding:4px; text-align:center; font-size:14px; }
.usability-table-2 .info-left{background:#c2e9fb; color:#0678AE; text-align:left; font-weight:bold;}
.usability-table-2 .info-right{color:#5E001F}

/* careers area */
.list-career{display:block;}
.list-career a{color:#5E001F; display:block; font-size:16px; text-decoration:none;}
.list-career a:hover{text-decoration:underline;}
.career-gray{background:#efefef;}
.career-white{background:#fff;}



/* glossary dynamic hover/pop styles */
.glossaryHighlight{background:#dfdfdf;}
.qtip-wrapper{width:240px;}
.qtip-wrapper a{text-transform:capitalize !important; float:right !important;}
.qtip-contentWrapper{border-color:#f58020 !important;}
.qtip-title {background:#f58020 !important; color:#fff !important; text-transform:capitalize !important;}
.qtip-content{line-height:18px !important;}

/* round box */
.rb-t {background: url('Images/dot.gif') 0 0 repeat-x; float:left; }
.rb-b {background: url('Images/dot.gif') 0 100% repeat-x}
.rb-l {background: url('Images/dot.gif') 0 0 repeat-y}
.rb-r {background: url('Images/dot.gif') 100% 0 repeat-y}
.rb-bl {background: url('Images/bl.gif') 0 100% no-repeat}
.rb-br {background: url('Images/br.gif') 100% 100% no-repeat}
.rb-tl {background: url('Images/tl.gif') 0 0 no-repeat}
.rb-tr {background: url('Images/tr.gif') 100% 0 no-repeat; padding:20px} 

/* spam trap hider */
.heidi{display:none;}

/*
.navInt a.spot1{background:url('Images/nav.gif') repeat 0px 0px; width: 147px; height: 37px; float:left;}
.navInt a.spot1 span {display: none; }
.navInt a.spot1:hover {background: url('Images/nav.gif') repeat 0px -47px; }  
*/