/*
cisco uber styles
annchen@adobe.com
*/

body  {
margin:0;
color:#fff;
min-width:965px;
overflow:auto;
text-align:center;
font-family:'Helvetica Neue', 'Helvetica', Arial, sans-serif;
}

ul, li { 
list-style-type:none; 
margin:0; 
padding:0; 
} 

p { 
margin:0;
padding:0;
}

a { 
border:0; 
text-decoration:underline; 
color:#0066cb;
}

h1,h2,h3,h4 { 
display:block;
margin:0;
padding:0;
font-weight:normal;
font-weight:100;
}

h1 {
font-size:50px;
font-weight:100;
line-height:56px;
margin:0 0 20px 0;
font-family:'Helvetica Neue', 'Helvetica', 'Arial Narrow', Arial, sans-serif;
}

h2 {
font-size:30px;
line-height:25px;
font-weight:400;
letter-spacing:.5px;
margin: 0 0 10px 0;
}

h4 {
color:#48adea;
font-size:24px;
font-weight:300;
line-height:28px;
}

h5 {
color:#2dbad9;
font-size:20px;
font-weight:300;
margin:0 0 15px 0;
}

.clear { clear:both; }

.iebg { display:none; }

#wrapper {
background:url('../images/uber_bg.jpg') no-repeat top center;
background-size:100% 100%;
overflow:hidden;
padding:0 0 50px 0;
margin:0 0 20px 0;
width:100%;
z-index:100;
}

.inner  { 
margin:0 auto; 
width:835px; 
text-align:left;
position:relative;
}

p, ul, li {
font-size:14px;
line-height:20px;
font-weight:200;
letter-spacing:1px;}

 
input { border:0; font-family:'Helvetica Neue', 'Helvetica', Arial, sans-serif;}

/* header */
#logo { 
display:block;
overflow:hidden;
width:90px;
height:48px;
background:url('../images/cisco_logo.png') no-repeat;
text-indent:-1000px;
margin:0 0 50px 0;
}

#header {
padding:40px 0 0 0;
}

#header .inner { position:relative; overflow:hidden; }

#header p {
color:#fff;
font-size:16px;
line-height:24px;
margin:0 0 20px 0;
width:430px;
letter-spacing:0;
}

#header p strong { 
font-weight:400;
display:block;
margin:0 0 4px 0;
font-size:20px;
line-height:22px;
letter-spacing:0;
}


.preview-cta {
background:url('../images/sprite-uber.png') -368px 4px no-repeat;
display:block;
height:22px;
cursor:pointer;
color:#fff;
font-size:16px;
text-decoration:underline;
padding-left:23px;
width:165px;
margin:0 0 30px 0;
}

.header-main {}

.header-form {
width:363px;
position:absolute;
top:100px;
right:0;
}

.header-form-content{
background-color:#eee;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
overflow:hidden;
display:block;
padding:14px 0 0 0;
}

.header-form-top-stripe {
border-top-left-radius:5px;
border-top-right-radius:5px;
background: #ecd933; /* Old browsers */
background: -moz-linear-gradient(left,  #ecd933 0%, #86bd85 50%, #1ea6ca 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ecd933), color-stop(50%,#86bd85), color-stop(100%,#1ea6ca)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #ecd933 0%,#86bd85 50%,#1ea6ca 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #ecd933 0%,#86bd85 50%,#1ea6ca 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #ecd933 0%,#86bd85 50%,#1ea6ca 100%); /* IE10+ */
background: linear-gradient(to right,  #ecd933 0%,#86bd85 50%,#1ea6ca 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecd933', endColorstr='#1ea6ca',GradientType=1 ); /* IE6-9 */
height:14px;
}

.no-cssgradients .header-form-top-stripe {
background:url('../images/header-form-top-stripe.jpg') repeat-y;
}

.header-form-col {
width:165px;
float:left;
margin-left:20px;
}

.header-form-col.last {
margin:0;
width:170px;
}

.header-form-col  h3 {
display:block;
color:#48b254;
font-size:22px;
font-weight:200;
line-height:25px;
}


#header .header-form-col p {
font-size:12px;
letter-spacing:0;
color:#464449;
font-weight:400;
margin:0 0 10px 0;
}

.header-form-col ul,
.header-form-col ul li {
color:#939393;
font-size:12px;
}

.header-form-col ul li {
font-weight:400;
padding:0 0 0 10px;
display:block;
letter-spacing:.5px;
height:20px;
background:url('../images/bullet.png') no-repeat 0 8px;
}

.header-form-code {
color:#48b254;
font-size:14px;
font-weight:600;
margin:0 0 15px 0;
letter-spacing:.2px;
}

.chatnow_cta {
width:154px;
height:36px;
color:#fff;
text-decoration:none;
font-size:14px;
text-align:center;
font-weight:500;
line-height:33px;
overflow:hidden;
border-radius:3px;
display:block;
margin:0 0 25px 0;
background: #1da5c9; /* Old browsers */
background: -moz-linear-gradient(top,  #1da5c9 0%, #068cb3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1da5c9), color-stop(100%,#068cb3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1da5c9 0%,#068cb3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1da5c9 0%,#068cb3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1da5c9 0%,#068cb3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1da5c9 0%,#068cb3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1da5c9', endColorstr='#068cb3',GradientType=0 ); /* IE6-9 */
}

a.chatnow_cta i {
font-style:normal;
}

.chatnow_cta:hover {
background: #1894bf; /* Old browsers */
background: -moz-linear-gradient(top,  #1894bf 0%, #0574a4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1894bf), color-stop(100%,#0574a4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1894bf 0%,#0574a4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1894bf 0%,#0574a4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1894bf 0%,#0574a4 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1894bf 0%,#0574a4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1894bf', endColorstr='#0574a4',GradientType=0 ); /* IE6-9 */
}

.no-cssgradients .chatnow_cta{
background:url('../images/getguidecta_bg.jpg') repeat-x;
}

.no-cssgradients .chatnow_cta:hover {
background:url('../images/getguidecta_bg.jpg') 0 -60px repeat-x;
}



/* reports */
#reports {
position:relative;
margin:0 0 20px 0;
}

#reports .reports-image {
width:835px;
height:600px;
position:absolute;
top:-200px;
left:560px;
z-index:10;
background:url('../images/forrester_bg.png') 0 0 no-repeat;
}

/* curved AB test */
#reports .reports-image-curve {
width:556px;
height:636px;
position:absolute;
top:-100px;
left:490px;
z-index:10;
background:url('../images/report-curve.png') 0 0 no-repeat;
}

#reports .report-content {
display:block;
z-index:100;
padding:35px 0 0 60px;
position:relative;
}

#reports h2.download {
font-size:30px;
line-height:34px;
font-weight:200;
display:block;
color:#96c55d;
margin:0 0 5px 0;
}

#reports .inner { 
width:965px;
border-radius:12px;
background-color:#2f2f2f;
position:relative;
}

#reports p {
color:#fff;
font-size:14px;
margin:0 0 20px 0;
line-height:20px;
}

#reports p strong { font-weight:500; }

#report-form  {
display:block;
}

#report-form input.text-input {
display:block;
font-family:'Helvetica Neue', 'Helvetica', Arial, sans-serif;
font-size:12px;
color:#2f2f2f;
padding:7px 10px;
margin:0 0 9px 0;
width:355px;
}

.getguide_cta {
text-decoration:none;
color:#fff;
overflow:hidden;
font-weight:500;
line-height:47px;
margin:10px 0 0 0;
width:200px;
height:50px;
cursor:pointer;
text-align:center;
font-size:16px;
float:left;
border-radius:2px;
background: #1ea6ca; /* Old browsers */
background: -moz-linear-gradient(top,  #1ea6ca 0%, #068bb3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1ea6ca), color-stop(100%,#068bb3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1ea6ca 0%,#068bb3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1ea6ca 0%,#068bb3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1ea6ca 0%,#068bb3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1ea6ca 0%,#068bb3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ea6ca', endColorstr='#068bb3',GradientType=0 ); /* IE6-9 */
}

.getguide_cta:hover {
background: #1894bf; /* Old browsers */
background: -moz-linear-gradient(top,  #1894bf 0%, #0574a4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1894bf), color-stop(100%,#0574a4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1894bf 0%,#0574a4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1894bf 0%,#0574a4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1894bf 0%,#0574a4 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1894bf 0%,#0574a4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1894bf', endColorstr='#0574a4',GradientType=0 ); /* IE6-9 */
}

.no-cssgradients .getguide_cta{
background:url('../images/getguidecta_bg.jpg') repeat-x;
}

.no-cssgradients .getguide_cta:hover {
background:url('../images/getguidecta_bg.jpg') 0 -60px repeat-x;
}

/*report detail*/
#report-detail {
overflow:hidden;
background:url('../images/forrester_graph.png') no-repeat center -10px;
}

.report-detail-top {
float:left;
width:410px;
}

.report-detail-top h3 {
font-size:30px;
font-weight:300;
letter-spacing:1px;
line-height:28px;
margin:0 0 12px 0;
}

.report-detail-top p {
color:#fff;
margin:0 0 55px 0;
}

.report-detail-top h3 span {
font-size:20px;
display:block;
}

.report-detail-social {
float:right;
width:210px;
}

.report-detail-social span {
color:#fff;
font-size:12px; 
line-height:16px;
float:left;
width:68px;
display:block;
margin:5px 0 0 0;
}

.report-detail-social ul {
float:right;
width:140px;
}

.report-detail-social ul li {
display:block;
float:left;
width:30px;
background:none;
margin:0 5px 0 0;
padding:0;
}

.report-detail-social ul li a {
display:block;
overflow:hidden;
text-indent:-1000px;
width:30px;
height:30px;
background-image:url('../images/sprite-uber.png');
background-repeat:no-repeat;
}

.report-detail-social ul li a.social-tw {
background-position:0px 0px;
}

.report-detail-social ul li a.social-tw:hover {
background-position:0 -40px;
}

.report-detail-social ul li a.social-fb {
background-position:-35px 0px;
}

.report-detail-social ul li a.social-fb:hover {
background-position:-35px -40px;
}

.report-detail-social ul li a.social-li {
background-position:-70px 0px;
}

.report-detail-social ul li a.social-li:hover {
background-position:-70px -40px;
}

.report-detail-social ul li a.social-gp {
background-position:-104px 0px;
margin:0;
}

.report-detail-social ul li a.social-gp:hover {
background-position:-104px -40px;
}

#report-detail .column {
width:235px;
float:left;
padding-right:75px;
height:200px;
margin:290px 0 0 0;
}

#report-detail .column.middle {
padding-right:60px;
}

#report-detail .column.last {
width:215px;
padding:0;
}

#report-detail .column .graph_detail {
font-size:24px;
line-height:26px;
font-weight:500;
margin:0 0 10px 0;
}

#report-detail .column .graph_detail .percent {
font-size:60px;
line-height:60px;
display:block;
margin:0 0 8px -5px;
font-weight:200;
}

#report-detail .column p {
font-weight:100;
}

/*preview */
.preview-content { 
padding:60px 0 50px 0px;
}

.preview-main {
width:600px;
float:left;
text-align:left;
margin:0 0 0 40px;
}

.preview-main .preview-image {
margin:15px 0;
-webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    0px 0px 5px rgba(50, 50, 50, 0.25);
box-shadow:         0px 0px 5px rgba(50, 50, 50, 0.25);
}

.preview-sub {
text-align:left;
width:175px;
padding:18px 10px 0 13px;
background-color:#ededed;
border-radius:5px;
float:right;
margin:0 40px 0 0;
}

h3.title-latestbyod {
background:url('../images/sprite-uber.png') 0 -149px no-repeat;
width:416px;
height:75px;
overflow:hidden;
display:block;
text-indent:-1000px;
margin:0 0 30px 0;
}

h4.title-download {
font-size:18px;
line-height:20px;
color:#48b254;
margin:0 0 15px 0;
}

h4.title-download strong {
font-weight:16px;
font-weight:400;
}

.preview-main h4 {
color:#48b254;
font-size:24px;
font-weight:400;
line-height:30px;
margin:0 50px 20px 0;
}

.preview-main p {
color:#666;
font-size:14px;
letter-spacing:.1px;
line-height:20px;
margin:0 50px 20px 0;
}

.preview-sub img {
margin:0 0 15px 0;
}

.preview-sub p {
font-size:14px;
letter-spacing:0;
color:#424242;
line-height:18px;
margin:0 0 20px 0;
}

.preview-sub  input.preview-text-input {
padding:6px 10px;
width:146px;
margin: 0 0 6px 0;
}

.report-cta {
display:block;
color:#fff;
text-decoration:none;
height:50px;
font-size:14px;
text-indent:40px;
line-height:50px;
font-weight:500;
cursor:pointer;
border-radius:3px;
overflow:hidden;
margin:4px 0 40px 0;
text-align:left;
background:url('../images/sprite-uber.png') 0 -236px  no-repeat;
}

.report-cta:hover {
background:url('../images/sprite-uber.png') -225px -236px no-repeat;
}

#wrapper-subpage .preview-sub .report-cta {
width:166px;
text-indent:30px;
}

#wrapper-subpage .report-cta {
width:200px;
}

/*footer*/
#footer {
clear:both;
width:100%;
left:0; 
padding:0 0 100px 0;
display:block;
}

#footer ul { 
margin:0 0 0 -10px;
}

#footer ul li, 
#footer ul li a {
color:#007fc5;
font-size:12px;
text-decoration:none;
}

#footer ul li {
display:inline;
padding:0 18px 0 0;
border-right:1px solid #59575b;
margin:0 0 0 18px;
}

#footer ul li a:hover {
text-decoration:underline;
}

#footer ul li.first {
margin-left:0;
}

#footer ul li.last {
border:0;
padding-right:0;
}

/* thank you wrapper*/
#wrapper-subpage .inner {
width:914px;
background-color:#fff;
border-radius:12px;
min-height:540px;
}

#thankyou-main {
padding:60px 0 0 50px;
overflow:hidden;
}

#thankyou-bottom {
background-color:#2f2f2f;
border-bottom-right-radius:12px;
border-bottom-left-radius:12px;
padding:40px 0 60px 0;
overflow:hidden;
}

#wrapper-subpage h1 {
color:#76a847;
font-weight:300;
font-size:50px;
margin:0 0 12px 0;
}

#wrapper-subpage h2 {
color:#666;
font-size:20px;
font-weight:200;
margin:0 0 30px 0;
}

#wrapper-subpage h3 {
color:#48b254;
font-size:26px;
line-height:30px;
margin:15px 0;
font-weight:200;
}

#wrapper-subpage .column {
width:267px;
float:left;
border-radius:5px;
height:500px;
padding:20px 0 0 20px;
margin:0 10px 70px 0;
}

#wrapper-subpage .column.highlight {
background-color:#ededed;
}

#wrapper-subpage .column p {
color:#4b4b4b;
font-size:14px;
line-height:20px;
letter-spacing:.1px;
margin:0 15px 15px 0;
}


#wrapper-subpage .column-content {
height:235px;
display:block;
overflow:hidden;
}

#thankyou-bottom ul { margin:0 0 10px 0; }

#thankyou-bottom ul li {
font-size:12px;
line-height:15px;
margin:0 0 2px 0;
padding:0 0 0 10px;
color:#bebebe;
background:url('../images/bullet_white.png') no-repeat 0 6px;
}

#thankyou-bottom .phone,
#thankyou-bottom .bottom-form-code { 
font-size:20px;
line-height:24px;
font-weight:800;
color:#48b254;
}

#thankyou-bottom .bottom-form-code {
font-size:13px;
}

#thankyou-bottom .or {
color:#acacac;
font-size:14px;
text-align:center;
display:block;
width:132px;
font-weight:600;
}

#thankyou-bottom h5 {
color:#48b254;
font-size:16px;
line-height:18px;
margin:0 0 10px 0;
}

#thankyou-bottom h5 span.category { display:block; font-weight:400; color:#fff; font-size:11px; letter-spacing:1px;}

#thankyou-bottom .contact-contactus,
#thankyou-bottom .contact-contactme {
width:195px;
float:left;
margin:0 0 0 250px;
height:260px;
position:relative;
}

#thankyou-bottom .contact-contactme {
margin:0;
width:300px;
}

#thankyou-bottom .contact-contactme input.bottom-input-text {
padding:6px 10px;
width:270px;
display:block;
margin:0 0 6px 0;
}

#thankyou-bottom .cta {
display:block;
overflow:hidden;
line-height:35px;
font-size:14px;
text-decoration:none;
width:130px;
height:36px;
font-weight:500;
text-align:center;
color:#fff;
margin:8px 0 0 0;
border-radius:3px;
background: #1ea6ca; /* Old browsers */
background: -moz-linear-gradient(top,  #1ea6ca 0%, #068cb3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1ea6ca), color-stop(100%,#068cb3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1ea6ca 0%,#068cb3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1ea6ca 0%,#068cb3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1ea6ca 0%,#068cb3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1ea6ca 0%,#068cb3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ea6ca', endColorstr='#068cb3',GradientType=0 ); /* IE6-9 */
}

.no-cssgradients #thankyou-bottom .cta {
background:url('../images/contact_bg.jpg') repeat-x;
}

#thankyou-bottom .cta:hover {
background: #1894bf; /* Old browsers */
background: -moz-linear-gradient(top,  #1894bf 0%, #0575a4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1894bf), color-stop(100%,#0575a4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1894bf 0%,#0575a4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1894bf 0%,#0575a4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1894bf 0%,#0575a4 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1894bf 0%,#0575a4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1894bf', endColorstr='#0575a4',GradientType=0 ); /* IE6-9 */
}

.no-cssgradients #thankyou-bottom .cta:hover { 
background:url('../images/contact_bg.jpg') repeat-x 0 -64px;
}


.preview-iframe {
border:1px solid #ccc;
overflow:scroll;
width:580px;
height:500px;
}


height:500px;
}