@import url("grid.css");
@import url("reset.css");
@font-face {
font-family: 'Conv_Gotham-Book';
src: url('../font/Gotham-Book/Gotham-Book.eot');
src: local('Gotham-Book'), url('../font/Gotham-Book/Gotham-Book.ttf') format('truetype'), url('../font/Gotham-Book/Gotham-Book.svg') format('svg'), url('../font/Gotham-Book/Gotham-Book.woff') format('woff');
font-style: normal;
font-weight:normal;
}
@font-face {
font-family: 'Conv_Gotham-Light';
src: url('../font/Gotham-Light/Gotham-Light.eot');
src: local('Gotham-Light'), url('../font/Gotham-Light/Gotham-Light.ttf') format('truetype'), url('../font/Gotham-Book/Gotham-Light.svg') format('svg'), url('../font/Gotham-Book/Gotham-Light.woff') format('woff');
font-style: normal;
font-weight:lighter;
}

html{
	-webkit-font-smoothing: antialiased;
	background-attachment:fixed;
	font-family:'Conv_Gotham-Book',Sans-Serif;
	overflow-y:scroll;
}
body {
	color:#313131;
	background:#fdfdfd;
	/*font-family: 'Puritan', sans-serif;*/
	font-family:'Conv_Gotham-Book',Sans-Serif;
	font-size:0px;
	font-style:normal;
	font-stretch: normal;
	font-variant: normal;	
	font-weight:normal;
	background-attachment:fixed;
}
input, button, select, textarea {
	font:12px/15px 'Conv_Gotham-Book',Sans-Serif;
}
a {
	color:#313131;
	text-decoration:none
}
a:hover,a.selected { 
	color:#017d90;/*#62afee - tumblr link color*/
}
p {
	margin-bottom:20px
}
p:last-child {
	margin-bottom:0
}
h1, h2 {
	font-weight:normal
}
h1 {
	font-size:30px; 
	line-height:36px;
	font-family:'Conv_Gotham-Book',Sans-Serif;	
	margin-bottom:10px; 
	font-style:normal;
	font-stretch: normal;
	font-variant: normal;	
	font-weight:normal;
}
h2 {
	font-size:18px;
	line-height:24px !important;
}
h3 {
	font-size:17px
}
h4 {
	font-size:16px
}
h5 {
	font-size:15px
}
h6 {
	font-size:14px;
	font-weight:normal;
	line-height:16px; 
	-webkit-font-smoothing: antialiased;	
}
h3, h4, h5, h6 {
	margin-bottom:.7em
}
.floatLeft {
	float:left
}
.floatRight {
	float:right
}
.alignright {
	text-align:right
}
.clr-blue{color:#017d90;}
header#top {
	height:96px;
	color:#313131;
	background:#FFFFFF;  
	width:100%;
	z-index:999999;
	/*position:relative; */
}
header#topphillysignup {
	height:66px; 
	color:#313131;
	width:100%;
	z-index:9;
	background:#ffffff;
	/*position:relative; */ 
}
/*header#top1 {float:left;}
header#logo {width:200px; text-align:left; float:left;}
header#nav {float:right; height:96px; padding-top:35px;}
.margein {padding-top: 35px; padding-right:20px;}
.margein {padding-top: 15px;}
.margein1 {padding-top: 45px; padding-right:20px;}*/


header#top1 {float:left;}
header#logo {width:200px; text-align:left; float:left;}
header#topnavi {float:right; height:96px; padding-top:35px;}

.margein {padding-top: 15px; padding-right:20px;} 
.margein1 {padding-top: 45px; padding-right:20px;}
.margein2 {padding-top: 45px; }
.margin2 {padding-top: 36px; padding-right:20px;}
.margin3 {padding-top: 36px;}  
.margin4 {padding-top: 45px; padding-right:60px;}

.cg {color:#e1e1e1; font-size:14px;}

.button {
	-webkit-box-shadow:inset 0 1px 2px rgba(255, 255, 255, .6), inset 0 -5px 15px rgba(0, 0, 0, .3), 1px 1px 1px #ccc;
	-moz-box-shadow:inset 0 1px 2px rgba(255, 255, 255, .6), inset 0 -5px 15px rgba(0, 0, 0, .3), 1px 1px 1px #ccc;
	box-shadow:inset 0 1px 2px rgba(255, 255, 255, .6), inset 0 -5px 15px rgba(0, 0, 0, .3), 1px 1px 1px #ccc;
}

.grey {
	border: 1px solid #444444;
	background: #b4b4b4;
	color:#ffffff; 
	padding:7px;
	font-size:14px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
}
.blue {
	border: 1px solid #0d717e;
	background: #0183b3;
	color:#ffffff;
	font-size:14px;
	padding:7px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
}

section#contenthome,#container #contenthome {
	background:url(../images/headerbg.png) no-repeat center top;
	min-height:80%;
	padding:0 0 20px 0;
	min-width:1000px;
}


section#content {
	background:url(../images/headerbg.png) no-repeat center top;
	min-height:80%;
	padding:20px 0;
	min-width:1000px;
	text-align:justify;
}

#banner {
	border:none;/*solid 1px #f0f0f0;*/
	height:400px;
	background:#ffffff;
	vertical-align:top:
}
#bannergrid {
	background:url(../images/headerbg.png) no-repeat center top; line-height:20px; height:20px; font-size:14px;}


.teasers {padding:50px 0 25px 0; margin:0 auto; text-align:center;}
.teaserbox {background:url(../images/boxbg.png) no-repeat; width:470px; height:213px; vertical-align:middle; padding-bottom:30px; text-align:center;}
/*.teasertext {font-size:20px; padding-top:40px; text-align:center; line-height:24px;	font-family:'Conv_Gotham-Book',Sans-Serif;font-weight:normal;	font-style:normal;font-stretch: normal;font-variant: normal; height:60px; }
.teaserbutton {padding-top:30px; text-align:center;}
*/
.teasertext {font-size:20px; padding-top:45px; text-align:center; line-height:24px;	font-family:'Conv_Gotham-Book',Sans-Serif;font-weight:normal;	font-style:normal;font-stretch: normal;font-variant: normal;}
.teaserbutton {padding-top:30px; text-align:center;}
#bottom {margin-top:25px;text-align:center; border-top:solid 1px #dfdfdf;}
#bottom ul.btm{padding:10px; width:480px; /*290px;*/ margin:0 auto; }
#bottom ul.btm li{ float:left;}
#bottom ul.btm li a{display:block; margin:0px 10px; font-size:14px; line-height:30px;}
#bottom ul.btm li a:hover{color:#34658F !important;}

footer {padding-bottom:30px;}
footer .copy {font-size:12px; line-height:24px; clear:both;text-align:center; color:#666666;}

/*********************************** START: advrtiser ***********************************************************/

.advthead { padding:12px;}
.advthead .col1 {width:420px; float:left; padding:15px; text-align:left;}
.advthead .col2 {width:475px; float:right;}
.advtspace {height:15px;}
.tblcnt {background:url(../images/tbl_rpt.jpg) repeat-y; padding: 15px; text-align:center;}
.tblend {background:url(../images/tbl_btm.jpg) no-repeat; height:19px}
.spacer { height:20px;}
/*********************************** END: advrtiser ***********************************************************/

/*************** START: ADDED BY CHINTAN PATEL *****************************************************************/
.grey-btn {
-webkit-box-shadow: #FFFFFF 0px 0px 1px inset;-moz-box-shadow: #FFFFFF 0px 0px 1px inset; box-shadow: #FFFFFF 0px 0px 1px inset; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;font-size:14px;
font-family:'Conv_Gotham-Book',Sans-Serif;
padding: 5px 15px; text-decoration:none; display:inline-block;text-shadow: 0px 1px 0 rgba(0,0,0,0.5); 
color: #FFFFFF !important;
background-color: #828282; background-image: -webkit-gradient(linear, left top, left bottom, from(#828282), to(#707070));
background-image: -webkit-linear-gradient(top, #828282, #707070);
background-image: -moz-linear-gradient(top, #828282, #707070);
background-image: -ms-linear-gradient(top, #828282, #707070);
background-image: -o-linear-gradient(top, #828282, #707070);
background-image: linear-gradient(to bottom, #828282, #707070);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#828282, endColorstr=#707070);
}

.grey-btn:hover{
color: #FFFFFF !important;
background-color: #707070; background-image: -webkit-gradient(linear, left top, left bottom, from(#707070), to(#828282));
background-image: -webkit-linear-gradient(top, #707070, #828282);
background-image: -moz-linear-gradient(top, #707070, #828282);
background-image: -ms-linear-gradient(top, #707070, #828282);
background-image: -o-linear-gradient(top, #707070, #828282);
background-image: linear-gradient(to bottom, #707070, #828282);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#707070, endColorstr=#828282);
}
.blue-btn{
-webkit-box-shadow: #FFFFFF 0px 0px 1px inset;-moz-box-shadow: #FFFFFF 0px 0px 1px inset; box-shadow: #FFFFFF 0px 0px 1px inset; -webkit-border-radius:5px; -moz-border-radius: 5px;border-radius: 5px;font-size:14px;
font-family:'Conv_Gotham-Book',Sans-Serif;
padding: 5px 15px; text-decoration:none; display:inline-block;text-shadow: 0px 1px 0 rgba(0,0,0,0.5); color: #FFFFFF !important;
background-color: #017D90; background-image: -webkit-gradient(linear, left top, left bottom, from(#017D90), to(#005F6E));
background-image: -webkit-linear-gradient(top, #017D90, #005F6E);
background-image: -moz-linear-gradient(top, #017D90, #005F6E);
background-image: -ms-linear-gradient(top, #017D90, #005F6E);
background-image: -o-linear-gradient(top, #017D90, #005F6E);
background-image: linear-gradient(to bottom, #017D90, #005F6E);
filterprogid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#017D90, endColorstr=#005F6E);
}

.blue-btn:hover{
color: #FFFFFF !important;
background-color: #005F6E; background-image: -webkit-gradient(linear, left top, left bottom, from(#005F6E), to(#017D90));
background-image: -webkit-linear-gradient(top, #005F6E, #017D90);
background-image: -moz-linear-gradient(top, #005F6E, #017D90);
background-image: -ms-linear-gradient(top, #005F6E, #017D90);
background-image: -o-linear-gradient(top, #005F6E, #017D90);
background-image: linear-gradient(to bottom, #005F6E, #017D90);
filterprogid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#005F6E, endColorstr=#017D90);
}
/*.grey-btn {
	background-color: #cbcaca; 
	background-image: -moz-linear-gradient(#cbcaca, #a2a2a2);
	background-image: -webkit-linear-gradient(#cbcaca, #a2a2a2);
	border: 1px solid #979696;
	border-radius: 7px;
	color: #FFFFFF !important;
	cursor: pointer;
	font-size: 14px;
	line-height:32px; 
	height:32px;
	padding: 6px 12px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.1);
	-webkit-box-shadow:inset 0 1px 2px rgba(255, 255, 255, .6), inset 0 -5px 15px rgba(0, 0, 0, .3), 1px 1px 1px #ccc;
	-moz-box-shadow:inset 0 1px 2px rgba(255, 255, 255, .6), inset 0 -5px 15px rgba(0, 0, 0, .3), 1px 1px 1px #ccc;
	box-shadow:inset 0 1px 2px rgba(255, 255, 255, .6), inset 0 -5px 15px rgba(0, 0, 0, .3), 1px 1px 1px #ccc;
	-webkit-font-smoothing: subpixel-antialiased;
	} 
.grey-btn:hover {
	background-color: #a2a2a2; 
	background-image: -moz-linear-gradient(#a2a2a2, #cbcaca);
	background-image: -webkit-linear-gradient(#a2a2a2, #cbcaca);
	border: 1px solid #979696;
	border-radius: 7px;
	color: #FFFFFF !important;
	cursor: pointer;
	font-size: 14px;
	line-height:32px; 
	height:32px;
	padding: 6px 12px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.1);
	-webkit-box-shadow:inset 0 1px 2px rgba(255, 255, 255, .6), inset 0 -5px 15px rgba(0, 0, 0, .3), 1px 1px 1px #ccc;
	-moz-box-shadow:inset 0 1px 2px rgba(255, 255, 255, .6), inset 0 -5px 15px rgba(0, 0, 0, .3), 1px 1px 1px #ccc;
	box-shadow:inset 0 1px 2px rgba(255, 255, 255, .6), inset 0 -5px 15px rgba(0, 0, 0, .3), 1px 1px 1px #ccc;	
	-webkit-font-smoothing: subpixel-antialiased;
}
.blue-btn {
	background-color: #02a2dd;
	background-image: -moz-linear-gradient(#02a2dd, #01658a);
	background-image: -webkit-linear-gradient(#02a2dd, #01658a);
	border: 1px solid #979696;
	border-radius: 7px;
	color: #FFFFFF !important;
	cursor: pointer;
	font-size: 14px;
	line-height:32px; 
	height:32px;	
	padding: 6px 12px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.1);
	-webkit-box-shadow:inset 0 1px 2px rgba(255, 255, 255, .6), inset 0 -5px 15px rgba(0, 0, 0, .3), 1px 1px 1px #ccc;
	-moz-box-shadow:inset 0 1px 2px rgba(255, 255, 255, .6), inset 0 -5px 15px rgba(0, 0, 0, .3), 1px 1px 1px #ccc;
	box-shadow:inset 0 1px 2px rgba(255, 255, 255, .6), inset 0 -5px 15px rgba(0, 0, 0, .3), 1px 1px 1px #ccc;	
	-webkit-font-smoothing: subpixel-antialiased;
} 
.blue-btn:hover {
	background-color: #01658a; 
	background-image: -moz-linear-gradient(#01658a, #02a2dd);
	background-image: -webkit-linear-gradient(#01658a, #02a2dd);
	border: 1px solid #979696;
	border-radius: 7px;
	color: #FFFFFF !important;
	cursor: pointer;
	font-size: 14px;
	line-height:32px; 

	height:32px;	
	padding: 6px 12px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.1);
	-webkit-box-shadow:inset 0 1px 2px rgba(255, 255, 255, .6), inset 0 -5px 15px rgba(0, 0, 0, .3), 1px 1px 1px #ccc;
	-moz-box-shadow:inset 0 1px 2px rgba(255, 255, 255, .6), inset 0 -5px 15px rgba(0, 0, 0, .3), 1px 1px 1px #ccc;
	box-shadow:inset 0 1px 2px rgba(255, 255, 255, .6), inset 0 -5px 15px rgba(0, 0, 0, .3), 1px 1px 1px #ccc;	
	-webkit-font-smoothing: subpixel-antialiased;
}*/
.large, .large:hover{font-size:18px; padding: 8px 18px; color:#ffffff !important;}
#form_wrapper .blue-btn a,#form_wrapper .blue-btn a:hover{color: #FFFFFF !important;}
.myaccount{	
	font-size:12px;
	font-weight:normal;
	line-height:18px;
}
.callout{
position:absolute;
top:1115px;
left:550px;	
}
.extralink{color:#016990;}
.extralink:hover{color:#313131;cursor:pointer;}
/************************************************************************************
	 Css Style for Attention Boxes
*************************************************************************************/
.PanAlert { margin:5px 5px; font-size:13px;font-family:Arial, Helvetica, sans-serif;  border:1px solid #D9DADB; color:#555; background:url(../images/icon_attention.png) no-repeat 10px center #f7f7f7; line-height:26px; padding:0px 0px 0px 40px; text-align:left;}

.PanSuccess { margin:5px 5px; font-size:13px;font-family:Arial, Helvetica, sans-serif;  border:1px solid #D9DADB; color:#555; background:url(../images/icon_sucess.png) no-repeat 10px center #f7f7f7; line-height:26px; padding:0px 0px 0px 40px;  text-align:left;}

.PanError { margin:5px 5px; font-size:13px;font-family:Arial, Helvetica, sans-serif;  border:1px solid #D9DADB; color:#555; background:url(../images/icon_error.png) no-repeat 10px center #f7f7f7; line-height:26px; padding:0px 0px 0px 40px; text-align:left;}

.photoHolder
{
	padding: 10px; 
	/*background-color: #eeeeee;*/
	border:solid 1px #eaeaea;
	-moz-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
	-webkit-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
	box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
	-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
	zoom: 1;
}
.last{padiing-bottom:0px !important;}
.icon_referafriend{background: url(../images/icon_friend.png) no-repeat scroll 6px 7px #f5f5f5; border:solid 1px #ADCCDB; border-radius: 4px 4px 4px 4px;font-size: 16px;line-height: 18px;padding: 4px 20px 4px 35px !important;background-image: -moz-linear-gradient(#cbcaca, #a2a2a2);
	background-image: -webkit-linear-gradient(#cbcaca, #a2a2a2);} 
.icon_twitter{background: url(../images/icon_twitter.png) no-repeat scroll 8px 10px #D9EDF7; border:solid 1px #ADCCDB; border-radius: 4px 4px 4px 4px;font-size: 16px;line-height: 18px;padding: 8px 20px 8px 35px !important;} 
.icon_linkedin{background: url(../images/icon_linkedin.png) no-repeat scroll 8px 10px #D9EDF7; border:solid 1px #ADCCDB; border-radius: 4px 4px 4px 4px;font-size: 16px;line-height: 18px;padding: 8px 20px 8px 35px !important;}
.ticker {width: 970px;height: 40px;overflow: hidden;border: 1px solid #DDD;margin: 0;padding: 0;list-style: none;border-radius: 5px;box-shadow: 0px 0px 5px #DDD; color:#313131; font-size:12px !important; line-height:30px;}
.ticker li {height: 30px;border-bottom: 1px dotted #DDD;padding: 5px;margin: 0px 5px; color:#313131; font-size:12px !important;}
.ticker li a{color:#017d90; font-size:12px !important;}
.ticker li a:hover{color:#313131; font-size:12px !important;}
.event{background: url(../images/bg_eventmenu.png) top left no-repeat;height: 122px;position: absolute;left: 1050px;top: 96px;width: 157px; z-index: 9;}
.bg{background:url(../images/bg.gif) left top repeat;}
.squote{background: url("../images/s_quote.png") no-repeat scroll 0 12px transparent; padding: 12px 5px;}
.equote{background: url("../images/e_quote.png") no-repeat scroll 6px 12px transparent; padding: 12px 10px;}
.xl{ width:150px; font-size:13px;}
.xl .btn{
	font: 13px/18px 'Helvetica Neue',Arial,sans-serif !important;
	-moz-user-select: none;
    background-color: #F8F8F8;
    background-image: -moz-linear-gradient(center top , #FFFFFF, #DEDEDE);
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    color: #333333;
    cursor: pointer;
    font-weight: bold;
    height: 18px;
    max-width: 98%;
    overflow: hidden;
    position: relative;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	padding:5px;
	font-weight:bold !important;
}
.xl .btn:focus, .xl .btn:hover, .xl .btn:active {
    background-color: #F8F8F8;
    background-image: -moz-linear-gradient(center top , #F8F8F8, #D9D9D9);
    border-color: #BBBBBB;
    box-shadow: none;
}
.xl .btn a{background: url(../images/icon_friend.png) no-repeat scroll 3px 1px; padding-left:25px;} 
.xl .btn a:hover{color:#333333;}
/******************** For New Product page *********************************************/

#product-banner{width:100%; margin:0 auto; height:483px; background:url(../images/banner_bg.png) no-repeat center top;}
.banner-container{width:980px; margin:0 auto;}
.banner-typo{padding-top:88px; padding-right:48px; float:left; }
.product-mobile{float:left;}

/******************** For New Product page *********************************************/

/*************** END: ADDED BY CHINTAN PATEL ****************************************************************/

#teaserbelt {background:#243039;}
#newsbelt {background:#e8ecef; box-shadow: 0 -12px 6px -10px rgba(0, 0, 0, 0.09) inset;}
#bannerbelt {background: -moz-linear-gradient(center top , #FFFFFF 75%, #F5F5F5 100%) repeat scroll 0 0 transparent; box-shadow: 0 -12px 6px -10px rgba(0, 0, 0, 0.09) inset; padding-bottom:20px;}
h1.white {color:#ffffff;}
/********************** Icons with Text Start ******************************************/
/****************large***********************/
[class^="icon_text-"],[class*=" icon_text-"] {display: inline-block;width: 100px;height: 100px;line-height: 100px;vertical-align: text-top;background :url(../images/tq_icons_text.png) no-repeat 0px 0px;}
.icon_text-qacampaign{background-position: 0px 0px;}
.icon_text-qacampaign:hover,.icon_text-qacampaign.active{background-position: 0px -100px;}
.icon_text-displaycampaign{background-position: -100px 0px;}
.icon_text-displaycampaign:hover,.icon_text-displaycampaign.active{background-position: -100px -100px;}
.icon_text-textcampaign{background-position: -200px 0px;}
.icon_text-textcampaign:hover,.icon_text-textcampaign.active{background-position: -200px -100px;}
.icon_text-deals{background-position: -300px 0px;}
.icon_text-deals:hover,.icon_text-deals.active{background-position: -300px -100px;}
.icon_text-notification{background-position: -400px 0px;}
.icon_text-notification:hover,.icon_text-notification.active{background-position: -400px -100px;}
.icon_text-decisiontree{background-position: -500px 0px;}
.icon_text-decisiontree:hover,.icon_text-decisiontree.active{background-position: -500px -100px;}
.icon_text-theme{background-position: -600px 0px;}
.icon_text-theme:hover,.icon_text-theme.active{background-position: -600px -100px;}
.icon_text-supportwall{background-position: -700px 0px;}
.icon_text-supportwall:hover,.icon_text-supportwall.active{background-position: -700px -100px;}
.icon_text-newsalerts{background-position: -800px 0px;}
.icon_text-newsalerts:hover,.icon_text-newsalerts.active{background-position: -800px -100px;}
.icon_text-brands{background-position: -300px -200px;}
.icon_text-brands:hover,.icon_text-brands.active{background-position: -300px -300px;}
.icon_text-apps{background-position: -400px -200px;}
.icon_text-apps:hover,.icon_text-apps.active{background-position: -400px -300px;}
.icon_text-adunits{background-position: -500px -200px;}
.icon_text-adunits:hover,.icon_text-adunits.active{background-position: -500px -300px;}
.icon_text-segments{background-position: -700px -200px;}
.icon_text-segments:hover,.icon_text-segments.active{background-position: -700px -300px;}
.icon_text-sov{background-position: -600px -200px;}
.icon_text-sov:hover,.icon_text-sov.active{background-position: -600px -300px;}
.icon_text-properties{background-position: -800px 0px;}
.icon_text-properties:hover,.icon_text-properties.active{background-position: -800px -100px;}
.icon_text-optimize{background-position: -800px 0px;}
.icon_text-optimize:hover,.icon_text-optimize.active{background-position: -800px -100px;}
.icon_text-communicate{background-position: -800px 0px;}
.icon_text-communicate:hover,.icon_text-communicate.active{background-position: -800px -100px;}
.icon_text-analytics{background-position: -800px 0px;}
.icon_text-analytics:hover,.icon_text-analytics.active{background-position: -800px -100px;}
.icon_text-qabannercombo{background-position: -900px -200px;}
.icon_text-qabannercombo:hover,.icon-text-qabannercombo.active{background-position: -900px -300px;}
.icon_text-interactive{background-position: -200px -400px;}
.icon_text-interactive:hover,.icon-text-interactive.active{background-position: -200px -500px;}
.icon_text-connected{background-position: -500px -400px;}
.icon_text-connected:hover,.icon-text-connected.active{background-position: -500px -500px;}
.icon_text-templates{background-position: -600px -400px;}
.icon_text-templates:hover,.icon-text-templates.active{background-position: -600px -500px;}
/*-------------Back to top button-------------------*/
#back-top {position: fixed;bottom: 30px;right:30px;/*margin-left: -150px;*/}
#back-top a {width: 70px;display: block;text-align: center;font: 11px/100% Arial, Helvetica, sans-serif;text-transform: uppercase;text-decoration: none;color: #bbb;/* background color transition */-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
#back-top a:hover {color: #000;}
/* arrow icon (span tag) */
#back-top span {width: 40px;height: 40px;display: block;margin-bottom: 7px;background: #ddd url(../images/up-arrow.png) no-repeat center center;/* rounded corners */-webkit-border-radius: 40px;-moz-border-radius: 40px;border-radius: 40px;/* background color transition */-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;margin-left:15px;}
#back-top a:hover span {background-color: #777;}
/*----------GREEN----------------*/
.alert-green {background-color: #EFFFF4; border: solid 1px #99DFAE; color: #2F5F3E; padding: 10px;  margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.alert-green h4 {color: #2F5F3E !important;}
.alert-green a,.alert-green a h1,.alert-green h1 a{color: #313131 !important; display:block;}
/*----------YELLOW----------------*/
.alert-yellow {background-color: #FFFFE1; border: solid 1px #E8E894; color: #7A7A55; padding: 10px;  margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.alert-yellow h4 {color: #7A7A55 !important;}
.alert-yellow a,.alert-yellow a h1,.alert-yellow h1 a{color: #313131 !important; display:block;}
/*----------PURPLE----------------*/
.alert-purple {background-color: #F6E5FF; border: solid 1px #D9B9E8; color: #6B5077; padding: 10px;  margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.alert-purple h4 {color: #6B6B89 !important;}
.alert-purple a,.alert-purple a h1,.alert-purple h1 a{color: #313131 !important; display:block;}
/*----------SKY----------------*/
.alert-sky {background-color: #F4F9FF; border:solid 1px #D2E2F4; color: #506072; padding: 10px;  margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.alert-sky h4 {color: #506072 !important;}
.alert-sky a,.alert-sky a h1,.alert-sky h1 a{color: #313131 !important; display:block;}
/*----------WHITE1----------------*/
.alert-white {background-color: #FFFFFF; border: solid 1px #DDDDDD; color: #666666; padding: 10px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.alert-white a,.alert-white a h1,.alert-white h1 a{color: #666666 !important; display:block;}
.alert-white a:hover{color: #333333 !important;}
.alert-white:hover,.alert-white.active{background-color: #f4f4f4 !important; border: solid 1px #CCCCCC; color:#333333 !important;}
/*----------WHITE1----------------*/
.alert-white1 {background-color: #FFFFFF; border: solid 1px #DDDDDD; color: #666666; padding: 10px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.alert-white1 h4 {color: #666666 !important;}
.alert-white1 a,.alert-white1 a h1,.alert-white1 h1 a{color: #313131 !important; display:block;}
.alert-white1 a:hover,.alert-white1 a h1:hover,.alert-white1 h1 a:hover,.alert-white1 a.active,.alert-white1 a.active h1,.alert-white1 h1 a.active{color: #FFFFFF !important; display:block;}
.alert-white1:hover,.alert-white1.active{background-color: #017D90; border: solid 1px #00454F; color:#ffffff !important;}
/*----------PARROT----------------*/
.alert-parrot {background-color: #F6FFD3; border: 1px solid #E0EAB9; color: #626B41; padding: 10px;  margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.alert-parrot h4 {color: #626B41 !important;}
.alert-parrot a,.alert-parrot a h1,.alert-parrot h1 a{color: #313131 !important; display:block;}
/*----------GREY----------------*/
.alert-lightgrey {background-color: #F5F5F5; border: solid 1px #EAEAEA; color: #606060; padding: 10px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.alert-lightgrey h4 {color: #606060 !important;}
.alert-lightgrey a,.alert-lightgrey a h1,.alert-lightgrey h1 a{color: #313131 !important; display:block;}
.alert-lightgrey:hover{background-color: #EFEFEF; border: solid 1px #CFCFCF; }
/*----------RED----------------*/
.alert-red {background-color: #FFF2F2; border: solid 1px #E8C0C0; color: #7C5454; padding: 10px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.alert-red h4 {color: #606060 !important;}
.alert-red a,.alert-red a h1,.alert-red h1 a{color: #313131 !important; display:block;}
/*----------BLUE----------------*/
.alert-blue {background-color: #DBDCFF; border: solid 1px #999CE5; color: #323356; padding: 10px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.alert-blue h4 {color: #606060 !important;}
.alert-blue a,.alert-blue a h1,.alert-blue h1 a{color: #313131 !important; display:block;}
/*======================================DARK SHADES======================================*/
/*----------DARK NAVYBLUE----------------*/
.alert-navyblue {background-color: #2C3E4F; color: #FFFFFF; padding: 10px;  margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.alert-navyblue h4 {color: #FFFFFF !important;}
.alert-navyblue a,.alert-navyblue a:hover,.alert-navyblue a h1,.alert-navyblue a h1:hover{color: #FFFFFF !important; display:block;}
.alert-navyblue:hover {background-color: #1F303F;}
/*----------PURPLE----------------*/
.alert-darkpurple {background-color: #8C4F9F; color: #FFFFFF; padding: 10px;  margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.alert-darkpurple h4 {color: #FFFFFF !important;}
.alert-darkpurple a,.alert-darkpurple a:hover,.alert-darkpurple a h1,.alert-darkpurple a h1:hover{color: #FFFFFF !important; display:block;}
.alert-darkpurple:hover {background-color: #7A3E8F;}
/*----------DARK BLUE----------------*/
.alert-darkblue {background-color: #3681AF; color: #FFFFFF; padding: 10px;  margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.alert-darkblue h4 {color: #FFFFFF !important;}
.alert-darkblue a,.alert-darkblue a:hover,.alert-darkblue a h1,.alert-darkblue a h1:hover{color: #FFFFFF !important; display:block;}
.alert-darkblue a:hover{color: #31759F !important; background:#ffffff;}
.alert-darkblue:hover,.alert-darkblue.active{color: #31759F !important; background:#ffffff; border: solid 1px #31759F !important;}
/*----------MAROON----------------*/
.alert-maroon {background-color: #8F2B23; color: #FFFFFF; padding: 10px;  margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.alert-maroon h4 {color: #FFFFFF !important;}
.alert-maroon a,.alert-maroon a:hover,.alert-maroon a h1,.alert-maroon a h1:hover{color: #FFFFFF !important; display:block;}
.alert-maroon:hover {background-color: #7F1F17;}
/*----------DARK PARROT----------------*/
.alert-darkparrot {background-color: #4CAF6A; color: #FFFFFF; padding: 10px;  margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.alert-darkparrot h4 {color: #FFFFFF !important;}
.alert-darkparrot a,.alert-darkparrot a:hover,.alert-darkparrot a h1,.alert-darkparrot a h1:hover{color: #FFFFFF !important; display:block;}
.alert-darkparrot:hover {background-color: #459F60;}
/*----------DARK YELLOW----------------*/
.alert-darkyellow {background-color: #EFC63B; color: #FFFFFF; padding: 10px;  margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.alert-darkyellow h4 {color: #FFFFFF !important;}
.alert-darkyellow a,.alert-darkyellow a:hover,.alert-darkyellow a h1,.alert-darkyellow a h1:hover{color: #FFFFFF !important; display:block;}
.alert-darkyellow:hover {background-color: #DFB629;}
/*------------image border for supportdoc-------------------*/
.imgbdr img, .imgbdr iframe{border: 1px solid #999999; box-shadow: 2px 2px 2px #666666; margin: 10px 0 60px 0;}
/***************************** Dashboard Icons *******************************************************/
[class^="ico-action-"],[class*="ico-action-"] {display:inline-block; width:80px; height:80px; line-height:80px; vertical-align:text-top; background:url(../images/icon-campaign-objectives.png) no-repeat 0px 0px #f5f5f5; border-radius:50%; float:left;}
.ico-action-feedback{background-position: 0px 0px;}
.ico-action-survey{background-position: -80px 0px;}
.ico-action-learnuserintent{background-position: -160px 0px;}
.ico-action-opinion{background-position: -240px 0px;}
.ico-action-marketingeffectiveness{background-position: -320px 0px;}
.ico-action-unlock-question{background-position: 0px -80px;}
.ico-action-unlock-research{background-position: -80px -80px;}
.ico-action-netpromoterscore{background-position: -160px -80px;}
.ico-action-support{background-position: -240px -80px;}
.ico-action-push{background-position: -320px -80px;}
.ico-action-inappnavigation{background-position: -0px -160px;}
.ico-action-driveconversion{background-position: -80px -160px;}
.ico-action-pageviews-question{background-position: -160px -160px;}
.ico-action-pageviews-research{background-position: -240px -160px;}
.ico-action-interstitial{background-position: -320px -160px;}
.ico-action-sentimentanalysis{background-position: -0px -240px;}
.ico-action-marketresearch{background-position: -80px -240px;}
.ico-action-ratings{background-position: -160px -240px;}
.ico-action-polls{background-position: -240px -240px;}
.ico-action-end-of-article{background-position: -320px -240px;}
.ico-action-templates{background-position: -0px -320px;} 
.ico-action-register{background-position: -80px -320px;} 
.ico-action-create{background-position: -160px -320px;} 
.ico-action-run{background-position: -240px -320px;} 
/**************************************************************************************/ 
.steps a i{margin-top:10px !important;}
.steps a b{font-size:14px; line-height:32px; text-align:right; padding-right:10px; color:#000000;}
.usecases a b{font-size:14px; line-height:80px; text-align:right; padding-right:10px; color:#000000;}