@import url("/css/reset.css");

@font-face {
	font-family: 'bebasneue';
	src: url('/css/private_launch/fonts/bebasneue.eot');
	src: local('bebasneue'),
	url('/css/private_launch/fonts/bebasneue.woff') format('woff'),
	url('/css/private_launch/fonts/bebasneue.ttf') format('truetype'),
	url('/css/private_launch/fonts/bebasneue.svg') format('svg');
}

body {
	font-family: Arial, Helvetica, sans-serif;
}

a {
	text-decoration: none;
}

input[type="text"]{
	border: 1px solid #9ba5ad;
	height: 26px;
	padding: 0px 5px;
	font-size: 14px;
}

label {
	font-size: 12px;
	font-weight: bold;
}

.container {
	position:relative;
	z-index:50;
}



.leftContainer,
.leftSegmentContainer {
	margin: 0px;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 250px;
	height: 100%;
	background-color: #252B2F;
}

.rightContainer,
.rightSegmentContainer {
	height: 100%;
	margin: 0px 0px 0px 250px;
	background-color:#E8E9EB;
}

.cmpLogoTop {
	display:block;
	margin:0px;
	width:250px;
	height:66px;
	background-color: #008aff;
}

.emailEditorPathway .cmpLogoTop img,
.emailEditorCampayn .cmpLogoTop img {
	height: 35px;
	margin: 16px 0px 12px 25px;
}

.cmpLogoTop.logoFix img {
	height: 72px;
	margin: -5px 0px 0px 0px;
}

.mainNavHolder {
	position:relative;
	overflow-y:auto;
	height:100%;
	max-height:calc(100% - 200px);
}

.mainLink {
	position:relative;
	width:250px;
	height:50px;
	font-family:Roboto;
	font-weight:500;
	font-size:14px;
	color:#A5BED4;
	cursor:pointer;
}

.mainLink.linkNoBg:hover {
	cursor:default;
	background-color:#252B2F;
}

.mainLink a {
	color:#A5BED4;
	display:block;
	padding:18px 0px 18px 50px;
}

.mainLink a:hover,
.mainLink a.activeTab {
	background-color:#1A2124;
	color:#FFFFFF;
}

.mainLink span {
	width:25px;
	height:25px;
	position:absolute;
	top:13px;
	left:15px;
}

.mainLink .linkBgEmail {
	background: url(/images/campayn/new_2015/campayn_layout_sprite.png) -180px -7px no-repeat;
}

.mainLink:hover .linkBgEmail,
.mainLink a.activeTab .linkBgEmail {
	background-position: -180px -47px;
}

.mainLink .linkBgContacts {
	background: url(/images/campayn/new_2015/campayn_layout_sprite.png) -232px -7px no-repeat;
}

.mainLink:hover .linkBgContacts,
.mainLink a.activeTab .linkBgContacts {
	background-position: -232px -48px;
}

.mainLink .linkBgForms {
	background: url(/images/campayn/new_2015/campayn_layout_sprite.png) -284px -7px no-repeat;
}

.mainLink:hover .linkBgForms,
.mainLink a.activeTab .linkBgForms {
	background-position: -284px -48px;
}

.mainLink .linkBgContent {
	background: url(/images/campayn/new_2015/campayn_layout_sprite.png) -97px -88px no-repeat;
}

.mainLink:hover .linkBgContent,
.mainLink a.activeTab .linkBgContent {
	background-position: -143px -88px;
}

.mainLink .linkBgUpgrade {
	background: url(/images/campayn/new_2015/campayn_layout_sprite.png) -333px -7px no-repeat;
}

.mainLink:hover .linkBgUpgrade {
	background-position: -333px -48px;
}

.mainLink .linkBgSettings {
	background: url(/images/campayn/new_2015/campayn_layout_sprite.png) -381px -7px no-repeat;
}

.mainLink:hover .linkBgSettings {
	background-position: -381px -49px;
}

.mainLink.linkBackBg span {
	position:relative;
	top:auto;
	left:auto;
	display:block;
	width:50px;
	height:50px;
	background: url(/images/campayn/new_2015/campayn_editor_sprite.png) -198px -163px no-repeat;
}

.mainLink.linkBackBg:hover span {
	background-position: -198px -113px;
}

.mainLink .searchHolder {
	width:250px;
	height:50px;
	position:relative;
}

.mainLink .searchHolder:hover,
.mainLink .searchHolder:hover #search_user,
.mainLink .searchHolder:hover #allListSearch {
	background-color:#1A2124;
}

.mainLink .searchHolder .searchImage {
	width:25px;
	height:25px;
	position:absolute;
	top:12px;
	left:15px !important;
	background: url(/images/campayn/new_2015/campayn_layout_sprite.png) -425px -7px no-repeat;
	border:none;
	cursor:pointer;
}

.mainLink .searchHolder #search_user,
.mainLink .searchHolder #allListSearch {
	width:150px;
	height:50px;
	position:absolute;
	top:0px;
	left:45px;
	color:#A5BED4;
	background-color:#252b2f;
	border:none;
	font-family:Roboto;
	font-weight:500;
	font-size:14px;
}

#search_user::-webkit-input-placeholder,
#allListSearch::-webkit-input-placeholder { /* WebKit browsers */
	opacity:1;
	color:#a5bed4;
}

#search_user:-moz-placeholder,
#allListSearch:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	opacity:1;
	color:#a5bed4;
}

#search_user::-moz-placeholder,
#allListSearch::-moz-placeholder { /* Mozilla Firefox 19+ */
	opacity:1;
	color:#a5bed4;
}

#search_user:-ms-input-placeholder,
#allListSearch:-ms-input-placeholder { /* Internet Explorer 10+ */
	opacity:1;
	color:#a5bed4;
}

/* remove IE's clear X */
#search_user::-ms-clear,
#allListSearch::-ms-clear {
    display: none;
}

.mainLink .searchHolder .clearSearch {
	display:none;
	width:20px;
	height:20px;
	position:absolute;
	top:16px;
	left:auto;
	right:15px !important;
	background: url(/images/campayn/new_2015/campayn_layout_sprite.png) -515px -52px no-repeat;
}

.searchHolder #search_user:focus,
.searchHolder #allListSearch:focus,
.searchHolder .#search_user:focus .searchHolder,
.searchHolder .#allListSearch:focus .searchHolder {
	background-color:#1a2124;
}

.settingsNav,
.billingNav,
.connectedAppsNav,
.translationsNav,
.legalNav,
.bmsSettingsNav {
	display:none;
	position:absolute;
	top:0px;
	left:-250px;
	height:100%;
	background-color:#252B2F;
}

.settingsNav .mainLink a,
.billingNav .mainLink a,
.connectedAppsNav .mainLink a,
.legalNav .mainLink a {
	padding:18px 0px 18px 20px;
}

.onboardingsNav {
	margin-top:50px;
}

.onboardingsNav div span{
	width:25px;
	height:25px;
	position:absolute;
	top:13px;
	left:15px;
	background:url(/images/campayn/new_2015/campayn_layout_sprite.png) -472px -87px no-repeat;
}

.onboardingsNav div span.checkComplete {
	background:url(/images/campayn/new_2015/campayn_layout_sprite.png) -514px -87px no-repeat;
}

.navBottomDetails {
	width:250px;
	height:100px;
	position:absolute;
	bottom:0px;
	left:0px;
	background-color:#252B2F;
	font-family:Roboto;
	font-weight:500;
	font-size:14px;
	color:#FFFFFF;
}

.navBottomDetails .bottomDetailsDesc {
	width:250px;
	height:50px;
}

.navBottomDetails .bottomDetailsDesc span {
	display:none;
}

.navBottomDetails .bottomDetails div {
	position:relative;
	display:table-cell;
	width:83px;
	height:50px;
	vertical-align:middle;
	text-align:center;
	cursor:pointer;
}

.navBottomDetails .bottomDetails div:hover {
	background-color:#1A2124;
}

.navBottomDetails .bottomDetails div.userCredits:hover span.labelCredits,
.navBottomDetails .bottomDetails div.userScore:hover span.labelScore,
.navBottomDetails .bottomDetails div.userNotifications:hover span.labelNotifications {
	display:block;
}

.bottomDetails div span.labelCredits,
.bottomDetails div span.labelScore,
.bottomDetails div span.labelNotifications {
	display:none;
	width:250px;
	position:absolute;
	top:-33px;
	left:0px;
	text-align:center;
}

.bottomDetails div span.labelScore {
	left:-83px;
}

.bottomDetails div span.labelNotifications {
	left:-166px;
}

.bottomDetails div span.bgIcon {
	display:inline-block;
	width:20px;
	height:20px;
}

.bottomDetails div span.bgText {
	display:inline-block;
	vertical-align:top;
	margin-top:3px;
}

.bottomDetails div.userCredits span.bgIcon {
	background: url(/images/campayn/new_2015/campayn_layout_sprite.png) -9px -9px no-repeat;
}

.bottomDetails div.userCredits:hover span.bgIcon {
	background-position: -9px -52px;
}

.bottomDetails div.userScore span.bgIcon {
	background: url(/images/campayn/new_2015/campayn_layout_sprite.png) -53px -10px no-repeat;
}

.bottomDetails div.userScore:hover span.bgIcon {
	background-position: -53px -52px;
}

.bottomDetails div.userNotifications span.bgIcon {
	background: url(/images/campayn/new_2015/campayn_layout_sprite.png) -99px -9px no-repeat;
}

.bottomDetails div.userNotifications:hover span.bgIcon {
	background-position: -99px -51px;
}

.bottomDetails div.userNotifications span.bgText {
	height:15px;
	padding:2px;
	margin-top:1px;
	line-height:110%;
	background-color:#1D8EC6;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}

.bottomDetails div.userNotifications span.bgText.empty {
	display:none;
}

.rightContainer .supportLink {
	position:fixed;
	bottom:20px;
	right:20px;
	width:30px;
	height:30px;
	z-index:1000;
}

.rightContainer .supportLink span.supportText {
	display:none;
	font-family:Roboto;
	font-weight:500;
	font-size:14px;
	color:#ffffff;
	padding: 7px 5px 0px 10px;
}

.rightContainer .supportLink span.supportBgImage {
	float:right;
	width:30px;
	height:30px;
	background: url(/images/campayn/new_2015/campayn_layout_sprite.png) -469px -9px no-repeat;
}

.rightContainer .supportLink.activeSupport {
	width:auto;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	background-color:#71AD5D;
}

.rightContainer .supportLink.activeSupport span.supportText {
	display:inline-block;
}

.rightContainer .supportLink.activeSupport .supportBgImage {
	background: url(/images/campayn/new_2015/campayn_layout_sprite.png) -382px -86px no-repeat;
}

/*************** Email tab responses circles ****************/

.emailResponces {
	clear:both;
	position:absolute;
	top:95px;
	left:250px;
}

.emailResponces .arNameDesc {
	position:absolute;
	top:115px;
	left:30px;
	font-family:Roboto;
	font-size:15px;
	font-weight:700;
}

/* -------------------------------------
 * Bar container
 * ------------------------------------- */
.emailResponces .progress-radial {
	float: left;
	margin-right: 20px;
	position: relative;
	width: 106px;
	height: 106px;
	border-radius: 50%;
	border:2px solid #ffffff;
}

/* -------------------------------------
 * Optional centered circle w/text
 * ------------------------------------- */
.emailResponces .progress-radial .overlay {
	position: absolute;
	width: 86px;
	height: 86px;
	background-color: #393D41;
	color:#ffffff;
	border-radius: 50%;
	margin-left: 10px;
	margin-top: 10px;
	text-align: center;
	line-height: 70px;
	font-size: 34px;
	font-family: bebasneue;
}

.emailResponces .overlay .numberHolder{
	margin-top:0px;
	position:relative;
}

.emailResponces .numberHolder .arPercent{
	position:absolute;
	top:-6px;
	left:65px;
	font-family:Roboto;
	font-size:14px;
	font-weight:400;
	color:#52636F;
}

.emailResponces .numberHolder .totalNumber {
	width:100%;
	position:absolute;
	top:52px;
	left:0px;
	font-family:Roboto;
	font-weight:400;
	font-size:13px;
	line-height:100%;
	color:#8092A2;
	text-align: center;
}

/*************** End of Email tab responses circles ****************/

/*************** Notification dropdown ***************/

#notificationsBox {
	display:none;
}

.notificationsBox {
	background-color:#ffffff;
	position: relative;
}

.notificationsBox .empty {
	text-align: center;
	padding:15px;
	font-family: Roboto;
	font-size: 18pt;
	color: #1D8EC6;
	opacity: 0.4;
}

.notificationsBox .lockedOverlay {
	display:none;
	position: absolute;
	top:100px;
	left:0px;
	width:400px;
	height:470px;
}

.notificationsBox .lockedOverlay a.lockedImgLink {
	display: block;
	text-align: center;
	margin-top: 105px;
}

.notificationsBox .lockedOverlay p {
	font-family:Roboto;
	font-weight:400;
	font-size:21px;
	color: #222629;
	text-align:center;
	line-height:26px;
	margin:30px 40px 107px 40px;
}

.notificationsBox .lockedOverlay p a {
	color:#222629;
	text-decoration:underline;
}

.notificationsBox .lockedOverlay div {
	height:70px;
	text-align:center;
	background-color:#E8E9EB;
}

.notificationsBox .lockedOverlay div a {
	margin-top: 17px;
}

.notificationsBox .notificationsHead {
	height:65px;
	width:400px;
	color:#1D8EC6;
	font-family:Roboto;
	font-weight:300;
	font-size:29px;
	text-align:center;
	padding-top:35px;
	margin-bottom:20px;
}

.notificationsBox .clearNotifications.empty {
	display:none !important;
}

.notificationsBox .scrollingArea {
	overflow-y:auto;
	width:400px;
	height:400px;
}

.notificationsBox .itemRow {
	display:block;
	height:100px;
	background-color:#ffffff;
}

.notificationsBox .itemRow.notifViewed{
	background-color:#F6F7F8;
}

.notificationsBox .itemRow .userImage {
	float:left;
	width:80px;
	height:80px;
	margin:10px 10px 0px 20px;
}

.notificationsBox .itemRow .notifLeftSide {
	position:relative;
	float:left;
	width:200px;
	height:80px;
	padding:10px 0px;
	overflow:hidden;
}

.notificationsBox .itemRow .notifRightSide {
	position:relative;
	float:right;
	width:90px;
	height:80px;
}

.notificationsBox .notifLeftSide .userName {
	font-family:Roboto;
	font-size:16px;
	font-weight:700;
	color:#136E99;
	margin-top:12px;
}

.notificationsBox  .notifLeftSide .emailName {
	color:#8092A2;
	font-family:Roboto;
	font-weight:400;
	font-size:14px;
	margin-top:6px;
}

.notificationsBox .notifLeftSide .event {
	font-family:Roboto;
	font-weight:700;
	font-size:14px;
	margin-top:6px;
	color:#252B2F;
}

.notificationsBox .notifLeftSide .event img{
	display:inline;
	vertical-align:bottom;
	margin-right:4px;
}

.notificationsBox .itemRow:hover .userName {
	text-decoration:underline;
}

.notificationsBox .notifRightSide .timeAction {
	font-family:Arial;
	font-weight:normal;
	font-size:10px;
	color:#8092A2;
	padding:25px 20px 0px 0px;
	display:block;
	text-align:right;
}

.notificationsBox .clearNotifHolder{
	height:50px;
	background-color:#E8E9EB;
	position:relative;
}

.notificationsBox .clearNotifHolder .clearNotifications{
	border:1px solid #8092A2;
	padding:2px 5px;
	background-color:#F6F7F8;
	font-family:Roboto;
	font-weight:500;
	font-size:10px;
	color:#8092A2;
	cursor:pointer;
	margin-top:18px;
	display:inline-block;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.notificationsBox .clearNotifHolder .clearNotifications:hover{
	background-color:#8092A2;
	color:#ffffff;
}

.notificationsBox .clearNotifHolder .notificationSetting {
	font-family:Arial;
	font-weight:normal;
	font-size:12px;
	color:#8092A2;
	position:absolute;
	top:19px;
	right:30px;
}

.notificationsBox .clearNotifHolder .notificationSetting:hover {
	text-decoration:underline;
}

/*************** end of Notification dropdown ***************/

/*************** Share popup start ***************/

.sharePopup {
	background-color:#ffffff;
	width:400px;
	height:260px;
}

.sharePopup h1{
	text-align:center;
	height:65px;
	padding-top:35px;
	margin-bottom:20px;
	font-family:Roboto;
	font-weight:300;
	font-size:29px;
	width:100%;
	color:#1D8EC6;
}

.sharePopup .shareIcons{
	margin:0px auto;
	width:240px;
	margin-top:35px;
	margin-bottom:30px;
}

.sharePopup .singleShareIcon{
	display:inline-block;
	margin:0px 3px;
	cursor:pointer;
}

.sharePopup .shareLink {
	padding:8px 0px 8px 40px;
	width:250px;
	border:1px solid #ccc;
	margin:0px auto;
	display:block;
	font-family:Roboto;
	font-weight:400;
	font-size:14px;
	background:url(/images/campayn/new_2014/url_link.png) no-repeat 3px 3px;
	color:#000000;
}

/*************** Share popup end ***************/

/***** Score start ******/

.scoreBox {
	display:none;
	background:#ffffff;
}

.rankContainer,
.scoreContainer {
	padding:20px;
}

.rankContainer h3,
.scoreContainer h3 {
	font-family:Roboto;
	font-size:22px;
	font-weight:400;
	color:#515C64;
}

.rankContainer img {
	float:left;
	margin:50px 40px 40px 30px;
}

.rankContainer .rankInfo {
	float:left;
	font-family:Roboto;
	font-size:18px;
	font-weight:700;
	color:#000000;
	margin-top:48px;
}

.rankInfo .rankName {
	font-size:22px;
}

.rankInfo .rankStatus {
	color:#7BAE5E;
	margin:5px 0px 30px 0px;
}

.rankInfo .futureRanks {
	padding-bottom:50px;
}

.futureRanks .nextRankInfo {
	font-weight:400;
}

.futureRanks .nextRank {
	margin:5px 0px 30px 0px;
}

.futureRanks .requirements {
	height:25px;
	padding:3px 0px 10px 35px;
	font-weight:400;
	background: url('/images/campayn/check_grey2.png') no-repeat scroll 0px 0px;
}

.futureRanks .requirements.greenCheck {
	background: url('/images/campayn/new_2014/check_green.png') no-repeat scroll 0px 0px;
}

.scoreContainer {
	clear:both;
	padding-bottom:40px;
	background:#F6F7F8;
}

.scoreContainer .scoreCircleHolder {
	float:left;
	width:140px;
	margin:40px 0px 0px 20px;
}

.scoreContainer .scoreInfo {
	float:left;
	width:440px;
	margin-top:55px;
}

.scoreContainer .scoreInfo p {
	font-family:Roboto;
	font-size:18px;
	font-weight:400;
	line-height:24px;
}

.scoreContainer .scoreInfo p span {
	font-weight:700;
	color:#7BAE5E;
}

.emailResponces.scoreCircle {
	position:relative;
	top:auto;
	left:auto;
}

.scoreCircle .numberHolder {
	font-family:Roboto;
	font-weight:400;
	line-height:25px;
	margin-top:14px !important;
}

.scoreCircle .numberHolder span.scoreSpan {
	text-transform:uppercase;
	display:block;
	font-size:15px;
	color:#9E9DA2;
}

/***** Score end ******/

/*************** new fancybox styles ***************/

.fancybox-wrap {
	padding:2px;
	background-image:none;
	background:#252B2F;
	border-radius:0px;
}

.fancybox-skin {
	background-color:#ffffff;
	box-shadow: none !important;
	border-radius:0px;
}

.fancybox-inner {
	background-color:#ffffff;
}

.fancybox-close {
	top: 20px;
	right: 20px;
	width: 25px;
	height: 25px;
	background: url('/images/campayn/new_2014/X_sprites_25.png') repeat scroll 0px 0px transparent;
}

.fancybox-close:hover {
	background-position: 0px -25px;
}

/*************** end of new fancybox styles ***************/

.loggedAsUser {
	position:fixed;
	top:0px;
	left:0px;
	z-index:101;
	padding:5px 0px 6px 0px;
	background-color:#F5AF00;
	width:100%;
	text-align:center;
	font-size:14px;
}

.loggedAsUser a {
	font-weight:bold;
	text-decoration:underline;
}

/* ######################################## Email tab /stakmails  ######################################## */

.hideEmailHolder {
	display:none;
	position:relative;
	float:right;
	height:20px;
	margin:-15px -15px 0px 0px;
}

.hideEmailHolder input {
	float:left;
}

.hideEmailHolder label {
	float:right;
	margin:4px 0px 0px 6px;
	font-size:12px;
	font-weight:normal;
	color:#7d8790;
	cursor:pointer;
}

.mainDownside .printjob .emailStatus {
	position: absolute;
	top: 35px;
	right: 20px;
	font-family: bebasneue;
	font-size: 26px;
	color:#AE1F17;
}

.mainDownside .printjob {
	padding: 20px;
	border:1px solid #d1d7dc;
	margin-bottom:20px;
	background-color: #ffffff;
}

.mainDownside #email_content .printjob {
	clear:both;
	min-height:248px;
}

.mainDownside .printjob:hover {
	background-color: #f6f7f8;
	cursor:pointer;
}

.mainDownside .printjob:hover .progress-radial {
	border-color:#f6f7f8;
}

.mainDownside .printjob a.preview,
a.stkPrev,
.emailBottomInfo .itemImg a.preview {
	float:left;
	position:relative;
	overflow:hidden;
	width:150px;
	height:237px;
	border:1px solid #d1d7dc;
	padding:10px 15px 0px 15px;
}

.mainDownside .noCreditsYet {
	background-color:#FFF;
	padding:15px;
	text-align: center;
}

.emailThumbHolder {
	width:150px;
	height:238px;
	overflow:hidden;
}

.emailThumbHolder img {
	width:150px !important;
	height:auto !important;
}

.emailMobileHolder {
	position: absolute;
	bottom: 0px;
	right: 10px;
	width: 68px;
	height: 106px;
	overflow: hidden;
	z-index: 1;
	background: url('/images/campayn/new_2014/mobileFrameSmall.png') no-repeat scroll 0px 0px transparent;
	background-size:68px auto;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	border-top-right-radius:8px;
	border-top-left-radius:8px;
}

.emailMobileHolder .emailMobileImage{
	width:60px;
	height:89px;
	margin:17px 0 0 4px;
	overflow:hidden;
}

.emailMobileImage img{
	width:60px !important;
	height:auto !important;
}

.mainDownside .printjob a.preview .magnifier,
a.stkPrev .magnifier {
	display:none;
}

.mainDownside .printjob a.preview .magnifier .previewText,
a.stkPrev .magnifier .previewText {
	display:table-cell;
	vertical-align:middle;
	width:180px;
	height:50px;
}

.thumbPreviewButton,
.mainDownside .printjob a.preview .magnifier,
a.stkPrev .magnifier {
	cursor:pointer;
	position:absolute;
	top:0px;
	left:0px;
	width:178px;
	height:48px;
	border:1px solid #dbe1e6;
	font-family:Roboto;
	font-size:20px;
	font-weight:400;
	text-decoration:none;
	color:#575f67;
	background-color:#f7f8f9;
	text-align:center;
	text-transform:uppercase;
}

.mainDownside .printjob a.preview:hover .magnifier, a.stkPrev:hover .magnifier, .mainDownside .printjob:hover .hideEmailHolder {
	display:block;
}

.mainDownside .printjob a.preview img {
	width:140px;
	height:auto;
}

.mainDownside .printjob .printjob_name {
	float: left;
	margin:15px 0px 0px 20px;
	width: 275px;
	font-family:Roboto;
	font-size: 18px;
	font-weight: bold;
	color:#393d41;
}

.mainDownside .printjob .printjob_name span {
	display:block;
	margin-top:15px;
	color: #515c64;
	font-family:Arial;
	font-size: 12px;
	font-weight: normal;
	width:260px;
	line-height:18px;
}

.mainDownside .printjob:hover .dropdownHolder,
.singleAutoresponder:hover .dropdownHolder,
.singleSignupForm:hover .dropdownHolder {
	display:table;
}

.mainDownside .printjob .stakmailDropdowns,
.singleAutoresponder .dropdownHolder,
.singleSignupForm .dropdownHolder {
	top:150px;
}

.stakmailRoiHolder {
	clear:both;
	padding-top:30px;
	height:50px;
}

.stakmailRoiHolder div {
	width:191px;
	height:48px;
	border:1px solid #D1D7DC;
	display:inline-block;
	margin-right:15px;
}

.stakmailRoiHolder div:last-child {
	margin-right:0px;
}

.stakmailRoiHolder span.stakmailRoiLabel {
	font-family:Roboto;
	font-size: 15px;
	font-weight:700;
	color:#B0BAC3;
	margin:20px 0px 0px 20px;
	float:left;
}

.stakmailRoiHolder span.stakmailRoiValue {
	font-family:Roboto;
	font-size:24px;
	font-weight:400;
	color:#252B2F;
	margin:11px 20px 0px 0px;
	float:right;
}

.stakmailRoiHolder span span {
	font-size:15px;
	display:inline-block;
	vertical-align:top;
	padding-top:4px;
}

/* ######################################## End of Email tab ######################################## */

/* #####################################  Red dropdowns  ######################################## */

.dropdownHolder {
	display:none;
	background-color: #252B2F;
	border: 10px solid #252B2F;
	border-right:0px;
	position: absolute;
	z-index: 9;
	top:0px;
	right:0px;
	height: 100px;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}

.dropdownHolder a {
	color:#A5BED4;
	display: inline-block;
	position:relative;
	width:110px;
	height:100px;
	float:left;
	border-right:10px solid #252B2F;
	background-color:#252B2F;
	cursor:pointer;
	background-image:url(/images/campayn/new_2015/campayn_dropdown_sprite.png);
}

.dropdownHolder a:hover,
.dropdownHolder a:hover span {
	color:#ffffff;
	background-color:#1A2124;
	background-repeat:no-repeat;
}

.dropdownHolder a:active,
.dropdownHolder a:active span {
	color:#ffffff !important;
	background-color:#1D8EC6 !important;
}

.dropdownHiddenPlaceholder:hover {
	cursor:default !important;
}

.dropdownHolder a span {
	position:absolute;
	top:60px;
	width:110px;
	height:40px;
	text-align:center;
	line-height:14px;
	background-color:#252B2F;
}

.dropdownHolder a.dropdownShareEmail {
	background-position:0px -57px;
}

.dropdownHolder a.dropdownShareEmail:hover {
	background-position:0px 0px;
}

.dropdownHolder a.dropdownEdit,
.dropdownHolder a.dropdownEditSegment,
.dropdownHolder a.dropdownSingle {
	background-position:-432px -171px;
}

.dropdownHolder a.dropdownEdit:hover,
.dropdownHolder a.dropdownEditSegment:hover,
.dropdownHolder a.dropdownSingle:hover {
	background-position:-432px -114px;
}

.dropdownHolder a.dropdownEditSegment span {
	word-spacing: 80px;
}

.dropdownHolder a.dropdownMakeCopy {
	background-position:-756px -57px;
}

.dropdownHolder a.dropdownMakeCopy:hover {
	background-position:-756px 0px;
}

.dropdownHolder a.dropdownDelete,
.dropdownHolder a.dropdownListDelete {
	background-position:-216px -171px;
}

.dropdownHolder a.dropdownDelete:hover,
.dropdownHolder a.dropdownListDelete:hover {
	background-position:-216px -114px;
}

.dropdownHolder a.dropdownTemplate {
	background-position:-756px -399px;
}

.dropdownHolder a.dropdownTemplate:hover {
	background-position:-756px -342px;
}

.dropdownHolder a.dropdownReports {
	background-position:-648px -57px;
}

.dropdownHolder a.dropdownReports:hover {
	background-position:-648px 0px;
}

.dropdownHolder a.dropdownAddContact {
	background-position:-432px -57px;
}

.dropdownHolder a.dropdownAddContact:hover {
	background-position:-432px 0px;
}

.dropdownHolder a.dropdownAddForm {
	background-position:-324px -399px;
}

.dropdownHolder a.dropdownAddForm:hover {
	background-position:-324px -342px;
}

.dropdownHolder a.dropdownAddAutomated {
	background-image:url(/images/campayn/automated_dropdown_icon.png);
	background-position:0px -57px;
}

.dropdownHolder a.dropdownAddAutomated:hover {
	background-position:0px 0px;
}

.dropdownHolder a.dropdownExport {
	background-position:-540px -285px;
}

.dropdownHolder a.dropdownExport:hover {
	background-position:-540px -228px;
}

.dropdownHolder a.dropdownAddSegment {
	background-position:-216px -399px;
}

.dropdownHolder a.dropdownAddSegment:hover {
	background-position:-216px -342px;
}

.dropdownHolder a.dropdownVerifyList {
	background-position:-648px -625px;
}

.dropdownHolder a.dropdownVerifyList.redOption {
	background-color:#AE1F17;
	background-position:-648px -570px;
}

.dropdownHolder a.dropdownVerifyList.redOption span {
	color:#ffffff;
	background-color:#AE1F17;
}

.dropdownHolder a.dropdownUnsubscribe {
	background-position:0px -171px;
}

.dropdownHolder a.dropdownUnsubscribe:hover {
	background-position:0px -114px;
}

.dropdownHolder a.dropdownPauseAr {
	background-position:-540px -171px;
}

.dropdownHolder a.dropdownPauseAr:hover {
	background-position:-540px -114px;
}

.dropdownHolder a.dropdownTags {
	background-position:-648px -285px;
}

.dropdownHolder a.dropdownTags:hover {
	background-position:-648px -228px;
}

.dropdownHolder a.copyPreviewBlock {
	background-image:url(/images/campayn/new_2015/copy_paste_sprites.png);
	background-position:0px -57px;
}

.dropdownHolder a.copyPreviewBlock:hover {
	background-position:0px 0px;
}

.dropdownHolder a.dropdownMakeDefault {
	background-image:url(/images/campayn/new_2015/make_default.png);
	background-position:0px -58px;
}

.dropdownHolder a.dropdownMakeDefault:hover {
	background-image:url(/images/campayn/new_2015/make_default.png);
	background-position:0px 0px;
}

a.redDropdownArrow {
	margin:0px;
	background:#2C3133 url('/images/campayn/new_2014/editor_additional_options_sprites.png') -150px 0px no-repeat;
	display: block;
	float: right;
	height: 50px;
	width: 50px;
	z-index:9;
	cursor:pointer;
}

a.redDropdownArrow:hover {
	background-position:-150px -50px;
	background-color:#4B5155;
}

/* #####################################  End of Red dropdowns  ######################################## */

/***** Alerts style start *****/

.siteAlertsHolder {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	z-index:55;
}

.site_alert {
	padding:18px 60px 18px 20px;
	font-family:Arial;
	font-size:14px;
	color:#FFFFFF;
	text-align:center;
}

.site_alert.notification{
	background-color:#71AD5D;
}

.site_alert.warning{	 
	background-color:#F5AF00;
}

.site_alert.error{		 
	background-color:#AE1F17;
}

.site_alert.notification a,
.site_alert.warning a,
.site_alert.error a {
	color:#FFFFFF;
}

.site_alert a {
	text-decoration:underline;
}

.site_alert a:hover {
	text-decoration:none;
}

.site_alert .hide_box {
	float:right;
	margin-right:20px;
}

.site_alert .hide_box .hide_link,
.site_alert .hide_box .hideSpammyWordsAlert{
	display:block;
	width:15px;
	height:15px;
	background: url(/images/campayn/new_2015/campayn_layout_sprite.png) -438px -93px no-repeat;
	cursor:pointer;
}

.site_alert.notification .hide_box .hide_link,
.site_alert.notification .hide_box .hideSpammyWordsAlert,
.site_alert.error .hide_box .hide_link,
.site_alert.error .hide_box .hideSpammyWordsAlert{
	color:#ffffff;
}

/***** Alerts style end *****/

.center660 {
	position:relative;
	width:660px;
	margin:0px auto;
}

.mainUpside {
	position:fixed;
	top:0px;
	left:250px;
	width:calc(100% - 250px);
	height:100px;
	background-color:#ffffff;
	z-index:20;
}

.mainUpside h1 {
	color:#1D8EC6;
	font-family:Roboto;
	font-weight:300;
	font-size:28px;
	padding-top:40px;
	float:left;
}

.mainUpside h1.listName {
	font-size: 22px;
}

.mainDownside {
	margin-top:100px;
	padding-top:20px;
}

/****** Buttons start ******/

.campaynButtons {
	cursor:pointer;
	display:table-cell;
	
	text-align:center;
	vertical-align:middle;
	font-family:Roboto;
	font-weight:700;
	font-size:12px;
	text-transform:uppercase;
	
	/*line-height:15px;*/
	height:33px;
	padding:0px 20px;
	margin-right:10px;
	
	/* Centering the Button text */
	text-align: center;
	vertical-align: middle;
	/* fallback for non-Flexbox browsers */
	display: inline-block;
	/* Flexbox browsers */
	display: -webkit-inline-box;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: -webkit-inline-flex;
	display: inline-flex;
	/* vertical centering for legacy, horizontal centering for modern */
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	/* modern Flexbox only */
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	/* legacy Flexbox only */
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	border:1px solid #6E8959;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.lang_french .campaynButtons {
	font-size:10px;
	padding:0px 10px;
}

.greenButton {
	color: #ffffff;
	background: #71ad5d; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcxYWQ1ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3MDk0NWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #71ad5d 0%, #70945a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#71ad5d), color-stop(100%,#70945a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #71ad5d 0%,#70945a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #71ad5d 0%,#70945a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #71ad5d 0%,#70945a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #71ad5d 0%,#70945a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71ad5d', endColorstr='#70945a',GradientType=0 ); /* IE6-8 */
}

.greenButton:hover {
	background: #70945A;
}

.whiteButton {
	color: #4F7B44;
	background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#eeeeef 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeef 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#eeeeef 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeef',GradientType=0 ); /* IE6-8 */
}

.whiteButton:hover {
	background: #eeeeef;
}

.buttonsRight {
	float:right;
	padding-top:16px;
}

/****** Buttons end ******/

/* Speach Bubble - Onboarding tooltips start */

.onboardingTooltip {
	position:absolute;
	top:0px;
	left:0px;
	padding:10px 18px 10px 18px;
	color:#ffffff;
	background-color:#1D8EC6;
	margin:0px;
	font-family:Helvetica, Roboto;
	font-size:14px;
	font-weight:400;
	text-align:center;
	z-index:1000;
}

/* THE TRIANGLE */

.onboardingTooltip:before {
	content:"";
	position:absolute;
	bottom:-20px; /* value = - border-top-width - border-bottom-width */
	left:40px; /* controls horizontal position */
	border-width:20px 20px 0;
	border-style:solid;
	border-color:transparent;
	/* reduce the damage in FF3.0 */
	display:block;
	width:0;
}

/* creates the smaller  triangle */
.onboardingTooltip:after {
	content:"";
	position:absolute;
	bottom:-13px; /* value = - border-top-width - border-bottom-width */
	left:47px; /* value = (:before left) + (:before border-left) - (:after border-left) */
	border-width:13px 13px 0;
	border-style:solid;
	border-color:#1D8EC6 transparent;
	/* reduce the damage in FF3.0 */
	display:block;
	width:0;
}

/* creates the larger triangle */
.onboardingTooltip.top:before {
	top:-24px; /* value = - border-top-width - border-bottom-width */
	bottom:auto;
	left:auto;
	right:-2px; /* controls horizontal position */
	border-width:0px 0px 23px 23px;
}

/* creates the smaller  triangle */
.onboardingTooltip.top:after {
	top:-14px; /* value = - border-top-width - border-bottom-width */
	bottom:auto;
	left:auto;
	right:0px; /* value = (:before right) + (:before border-right) - (:after border-right) */
	border-width:0px 0px 18px 16px;
}

/* creates the smaller  triangle */
.onboardingTooltip.topLeft:after {
	top:-14px; /* value = - border-top-width - border-bottom-width */
	bottom:auto;
	left:auto;
	left:0px; /* value = (:before right) + (:before border-right) - (:after border-right) */
	border-width:0px 16px 18px 0px;
}

.onboardingTooltip.campaynNameTooltip,
.onboardingTooltip.designCampaynTooltip,
.onboardingTooltip.subjectTooltip,
.onboardingTooltip.contactsTooltip,
.onboardingTooltip.dateAndTimeTooltip {
	top:36px;
	left:120px;
}

/* Speach Bubble - Onboarding tooltips end */

.popupContainer{
	width:400px;
	margin:0px auto;
	padding:0px;
}

.popupHeading{
	color: #1D8EC6;
	font-family:Roboto;
	font-weight: 300;
	font-size: 29px;
	text-align: center;
	padding: 35px 0px;
}

.popupDescription{
	color:#000000;
	font-family:Roboto;
	font-weight:400;
	font-size:14px;
	line-height: 18px;
	padding: 20px 50px 30px 50px;

}

.riskyFooter {
	background-color:#E8E9EB;
}

.popupFootnote{
	font-family:Roboto;
	font-weight:400;
	font-size:12px;
	line-height: 14px;
	color: #95A1AE;
	padding: 20px 50px 20px 50px;
}

.popupCenter{
	margin:0px auto;
	width: auto;
	clear:both;
}

.popupCenter .greenButton{
	margin-top:20px;
}

/***** Campayn custom alert popup start *****/

.campaynAlertMain h2 {
	width: 100%;
	padding: 34px 0px 37px;
	font-family: Roboto;
	font-weight: 300;
	font-size: 29px;
	color: #1D8EC6;
	text-align: center;
	text-transform: capitalize;
}

.campaynAlertMain p {
	padding:20px 50px 50px 50px;
	font-family: Roboto;
	font-weight: 400;
	font-size: 14px;
	line-height:20px;
	color:#000000;
}

.campaynAlertMain div {
	background-color:#E8E9EB;
	text-align:center;
}

.campaynAlertMain div a {
	margin:17px;
}

/***** Campayn custom alert popup end *****/

/***** Refer a Friend start *****/

.referFriendContainer {
	position:relative;
	background-color:#ffffff;
	padding-top:50px;
	margin-bottom:20px;
}

.referFriendContainer .closeRefer {
	width:25px;
	height:25px;
	position:absolute;
	top:12px;
	right:12px;
	background: url("/images/campayn/new_2014/X_sprites_25.png") 0px 0px no-repeat;
	cursor:pointer;
}

.referFriendContainer .closeRefer:hover {
	background-position:0px -25px;
}

.referFriendContainer h1 {
	color:#1A2124;
	font-family: Roboto;
	font-weight: 700;
	font-size: 36px;
	text-align:center;
	padding-top:20px;
}

.referFriendContainer p {
	color:#52636F;
	font-family: Roboto;
	font-weight: 400;
	font-size: 18px;
	text-align:center;
	margin:30px 0px;
}

.referFriendContainer .referText {
	width:406px;
	margin:0px auto;
	margin-bottom:20px;
	padding:10px 17px;
	font-family: Roboto;
	font-weight: 400;
	font-size: 16px;
	line-height:24px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	background-color:#E5E6E8;
	text-align: center;
}

.referFriendContainer .referText span {
	color:#1D8EC6;
	padding:15px;
	margin:20px;
	display: inline-block;
	border-radius: 4px;
	background-color:#FFF;
	cursor: pointer;
}

.referFriendContainer .referText .clickToCopyUrl {
	position: absolute;
	margin-top:-70px;
	margin-left:-10px;
	border-radius: 8px;
	background-color:#FFF;
	padding:12px;
	padding-right:15px;
	display: none;
}

.referFriendContainer .referText .clickToCopyUrl::after {
	content: '';
	width:20px;
	height:20px;
	background-color:#FFF;
	margin-top:2px;
	margin-left:3px;
	position: absolute;
	transform: rotate(45deg);
}

.referFriendContainer .referText .copiedUrl {
	position: absolute;
	margin-top:-70px;
	margin-left:-10px;
	border-radius: 8px;
	color:#FFF;
	background-color:#199900;
	padding:12px;
	padding-right:15px;
	display: none;
}

.referFriendContainer .referText .copiedUrl::after {
	content: '';
	width:20px;
	height:20px;
	background-color:#199900;
	margin-top:2px;
	margin-left:3px;
	position: absolute;
	transform: rotate(45deg);
}

.referFriendContainer .sharesHolder {
	padding-bottom:60px;
	text-align:center;
}

.referFriendContainer .sharesHolder a {
	position:relative;
	display:inline-block;
	height:48px;
	color:#ffffff;
	font-family:'Roboto Condensed';
	font-weight: 700;
	font-size: 17px;
	text-transform:uppercase;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

.referFriendContainer .sharesHolder a span {
	display:block;
	margin-top:16px;
}

.referFriendContainer .sharesHolder a.referShareFb {
	margin-right:10px;
	padding:0px 15px 0px 50px;
	border:1px solid #00216D;
	background: #435496; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQzNTQ5NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDIxNmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #435496 0%, #00216d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#435496), color-stop(100%,#00216d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #435496 0%,#00216d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #435496 0%,#00216d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #435496 0%,#00216d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #435496 0%,#00216d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#435496', endColorstr='#00216d',GradientType=0 ); /* IE6-8 */
}

.referFriendContainer .sharesHolder a.referShareFb img {
	position:absolute;
	top:8px;
	left:16px;
}

.referFriendContainer .sharesHolder a.referShareTw {
	padding:0px 15px 0px 50px;
	border:1px solid #2D8CB8;
	background: #5ca9d8; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVjYTlkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZDhjYjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #5ca9d8 0%, #2d8cb8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5ca9d8), color-stop(100%,#2d8cb8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #5ca9d8 0%,#2d8cb8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #5ca9d8 0%,#2d8cb8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #5ca9d8 0%,#2d8cb8 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #5ca9d8 0%,#2d8cb8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ca9d8', endColorstr='#2d8cb8',GradientType=0 ); /* IE6-8 */
}

.referFriendContainer .sharesHolder a.referShareTw img {
	position:absolute;
	top:13px;
	left:13px;
}

.dropdownHolder a.hide {
	display:none;
}

/***** Refer a Friend end *****/
