/* Subscriber forms */

body {
   overflow: visible;
}

form#signupSubscriberForm{
	overflow:hidden
}

.formLanguage {
	height:50px;
	width:230px;
}

#selectLanguage_chzn { float:left; }

/*loadingMsg { height:20px; padding:7px 0 0 35px; font-size:12px; float:left; background:url('/images/facebook-loader.gif') 10px 8px no-repeat; visibility:hidden; }*/

.languageLink { font-size:12px; color:#808080; text-decoration:underline; padding-top:10px; float:left; }

.languageLink:hover { text-decoration:none; cursor:pointer; }

.blockImageButton,
.blockTextButton {
	position: relative;
	float: left;
	width: 110px;
	height: 100px;
	background: #262E46 url('/images/campayn/new_2015/campayn_editor_sprite.png') 0px 0px no-repeat;
	cursor: pointer;
	margin: 10px 10px 0px 0px;
}

#formBox .blockImageButton,
#formBox .blockTextButton {
	float: none;
}

.blockTextButton {
	background-position: 2px -57px;
}

.blockTextButton:hover {
	background-position: 2px 0px;
}

.blockImageButton {
	margin-right:0px;
	background-position: -108px -57px;
}

.blockImageButton:hover {
	background-position: -108px 0px;
}

.blockImageButton span,
.blockTextButton span {
	width: 90px;
	height: 40px;
	padding: 0px 10px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	font-family: Roboto;
	font-weight: 500;
	font-size: 13px;
	text-transform: uppercase;
	text-align: center;
	color: #A5BED4;
	background-color: #262E46;
}

.blockImageButton:hover, .blockImageButton:hover span,
.blockTextButton:hover, .blockTextButton:hover span {
	background-color:#1A2124;
	color:#E8E9EB;
}

#formBox, .formBox  {
	clear:both;
	position:relative;
	padding:20px 0px;
	margin:80px auto;
	width:640px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	min-height:850px;
}

.formLightbox {
	width:480px !important;
}

#previewContainer #formBox, #preview .formBox { border:none; }

#formBox h2,
.formBox h2,
#stackmail_block_helper h2 {
	font-weight:bold;
	font-size:32px;
	text-align:center;
	line-height:36px;
}

.formLightbox h2 {
	font-weight:bold;
	font-family:'Roboto', Arial;
	font-size:32px;
	text-align:center;
	line-height:36px;
}

.mainDownside #formBox h2:hover { cursor:text; }

#formBox .description,
.formBox .description,
#stackmail_block_helper .description {
	display:block;
	font-size:14px;
	margin-top:15px;
	line-height:15px;
	text-align:center;
}

.mainDownside #formBox .description:hover { cursor:text; }

#formBox .rowBlock,
.formBox .rowBlock,
#stackmail_block_helper .rowBlock {
	width:500px;
	padding:10px 70px;
	margin:0px;
	position:relative;
	height:auto;
	overflow:visible;
}

#formBox .rowBlockLightbox,
.formBox .rowBlockLightbox,
#stackmail_block_helper .rowBlockLightbox {
	width: 340px;
	padding:5px 70px;
	margin:0px;
	position:relative;
	height:auto;
	overflow:visible;
}

#previewContainer .rowBlock { border:none; }
#previewContainer .rowBlockLightbox { border:none; }

#previewContainer .rowBlock:hover { border:none; }
#previewContainer .rowBlockLightbox:hover { border:none; }

.mainDownside #formBox .rowBlock:hover { border-color:#8F8F8F; }
.mainDownside #formBox .rowBlockLightbox:hover { border-color:#8F8F8F; }

.rowBlock .fieldDesc { font-size:14px; font-weight:bold; display:block; }
.rowBlockLightbox .fieldDesc { font-size:14px; font-weight:bold; display:block; }

.rowBlock input[type=text],.rowBlock select { background-color:white; padding:0px 0px 0px 20px; display:block; clear:both; margin-top:0px; font-size:19px; width:478px; height:50px; line-height: 1; border-style:solid; border-width:1px; border-color:#A6A6A6; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-appearance:none; -moz-appearance:none; border-radius: 5px; font-weight:bold; }
.rowBlock select, .rowBlock select#country { line-height:50px; padding:0px 0px 10px 15px; }
.rowBlock select#country { float:none; height:50px; margin:0; }
.rowBlock .not_filled { font-weight:bold; color:#6D6D6D; }

.rowBlockLightbox input[type=text],.rowBlockLightbox select {color: #7f91a2; font-weight:bold; background-color:#e7e8ea; font-family:'Roboto', Arial; padding:0px 0px 0px 20px; display:block; clear:both; margin-top:0px; font-size:14px; margin-left:20px; width:260px; padding:0 20px 0 20px; height:40px; line-height: 1; border-style:solid; border-width:1px; border-color:#A6A6A6; -moz-border-radius: 2px; -webkit-border-radius: 2px; -webkit-appearance:none; -moz-appearance:none; border-radius: 2px; }
.rowBlockLightbox select, .rowBlockLightbox select#country { line-height:50px; padding:0px 0px 10px 15px; }
.rowBlockLightbox select#country { float:none; height:50px; margin:0; }
.rowBlockLightbox .not_filled { font-weight:bold; color:#6D6D6D; }

.lightboxFirstName, .lightboxLastName {
	width:105px !important;
	display: inline-block !important;
}

.lightboxLastName {
	margin-left:4px !important;
}

::-webkit-input-placeholder {
    color: #6D6D6D;
}
.placeholder{color: #6D6D6D; padding-left:20px; font-weight:bold; font-size:19px; line-height: 50px;}
input[disabled='disabled'], textarea[disabled='disabled'] { background-color:#fff;  cursor:text; }


textarea#address { float:left; border:1px solid #A6A6A6; margin-top:15px; font-size:14px; font-family: Arial; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; width:587px; height:55px; padding:5px; }

.rowBlock input.city { float:left; width:310px; clear:none; margin-right:15px; }
.rowBlockLightbox input.city { float:left; width:310px; clear:none; margin-right:15px; }

.rowBlock input.state { float:left; width:135px; clear:none; margin-right:8px; }
.rowBlockLightbox input.state { float:left; width:135px; clear:none; margin-right:8px; }

.rowBlock input.zip { float:left; width:95px; clear:none; }
.rowBlockLightbox input.zip { float:left; width:95px; clear:none; }

#country_chzn { float:left; clear:both; margin-top:12px;  }

#selectPhoneType_chzn, #im_service_name_chzn, #im_type_chzn, #selectWebsiteType_chzn, #selectSocialType_chzn, #selectGender_chzn { float:left; margin-top:11px; }

#im_service_name_chzn { margin-right:20px; }

#subscribeToList { float:left; clear:both; font-size:14px; font-weight:bold; padding:5px 10px; border:none; color:#fff; cursor:pointer; margin-top:20px; }

.cmpLnk { float:right; font-size:11px; font-weight:bold; text-decoration:none; margin-top:37px; }

.cmpLnk:hover { text-decoration:underline;  }

.widthBox { float:left; margin-left:35px; }

.widthBox label { font-size:14px;  padding-right:10px; float:left; margin-top:7px; }

#formWidth { width:40px; height:25px; float:left; margin-right:5px; }

#submitWidth { width:72px; height:25px; float:left; margin-top:1px; background:url(/images/campayn/submit_button.png) 0px 0px no-repeat; border:none; }

#submitWidth:hover { background-position:0px -25px; cursor:pointer; }

a.writeOwnCode, a.logoAndColors { clear:both; font-size:12px; color:#877A7A; text-decoration:underline; margin-top:8px; }

a.logoAndColors.saved { background:url('/images/campayn/accepted_email_icon.png') 0px 0px no-repeat; padding-left:15px; }

a.logoAndColors, .previewForm {
	background: url('/images/campayn/new_2014/design_editor_features.png') 0 0 no-repeat transparent;
	width:41px;
	height:41px;
	float:left;
	cursor:pointer;
}

a.logoAndColors:hover { 
	background-position:0 -49px;
}

.previewForm {
	margin:8px 0px 0px 28px;
	background-position:-138px 0px;
}

.previewForm:hover {
	background-position:-138px -49px;
}


a.writeOwnCode:hover { color:#0000FF; cursor:pointer; }

.signupError { padding:20px 0px 0px 0px; text-align:center; color:red; font-weight:bold; font-size:14px; }

/*.rowBlock.title, .rowBlock.company_name, .rowBlock.address, .rowBlock.phone, .rowBlock.birthday, .rowBlock.im, .rowBlock.website, .rowBlock.social, .rowBlock.customSample { display:none; } */

/************** hidden menu ********/

.rowBlock .hidden_menu { position:absolute;	top:26px;	left:555px;	width:170px; display:none;	background:#fff;	border:1px solid #bfbfbf;	z-index:1000; }
.rowBlockLightbox .hidden_menu { position:absolute;	top:26px;	left:555px;	width:170px; display:none;	background:#fff;	border:1px solid #bfbfbf;	z-index:1000; }

.rowBlock .hidden_arrow {	position:absolute;	display:none; top:8px;	left:570px;	width:20px;	height:19px;	cursor:pointer;	background:url('/images/campayn/arrow_bottom.gif') 0px 0px no-repeat; }
.rowBlockLightbox .hidden_arrow {	position:absolute;	display:none; top:8px;	left:570px;	width:20px;	height:19px;	cursor:pointer;	background:url('/images/campayn/arrow_bottom.gif') 0px 0px no-repeat; }

.rowBlock .hidden_arrow:hover {	background-position: -20px 0px; }
.rowBlockLightbox .hidden_arrow:hover {	background-position: -20px 0px; }

.rowBlock .hidden_menu .menu_item {	height:19px;	font-size:12px;	display:block;	color:#7f7f7f;	padding:7px 0px 0px 10px; }
.rowBlockLightbox .hidden_menu .menu_item {	height:19px;	font-size:12px;	display:block;	color:#7f7f7f;	padding:7px 0px 0px 10px; }

.rowBlock .hidden_menu .menu_item:hover {	background:#F4FAF5;	color:#003CFF;	text-decoration:underline;	cursor:pointer; }
.rowBlockLightbox .hidden_menu .menu_item:hover {	background:#F4FAF5;	color:#003CFF;	text-decoration:underline;	cursor:pointer; }

.rowBlock:hover .hidden_arrow { display:block; }
.rowBlockLightbox:hover .hidden_arrow { display:block; }

#preview .rowBlock:hover .hidden_arrow { display:none; }
#preview .rowBlockLightbox:hover .hidden_arrow { display:none; }

.rowBlock #deleteItem { position:absolute; width:16px; height:16px; left:598px; top:10px; display:none; cursor:pointer; background:url('/images/subscriber_forms/remove_icon.png') 0px 0px no-repeat; }
.rowBlockLightbox #deleteItem { position:absolute; width:16px; height:16px; left:598px; top:10px; display:none; cursor:pointer; background:url('/images/subscriber_forms/remove_icon.png') 0px 0px no-repeat; }

.rowBlock:hover #deleteItem { display:block; }
.rowBlockLightbox:hover #deleteItem { display:block; }

#preview .rowBlock:hover #deleteItem { display:none; }
#preview .rowBlockLightbox:hover #deleteItem { display:none; }

.rowBlock #deleteItem:hover { background-position:0px -16px; }
.rowBlockLightbox #deleteItem:hover { background-position:0px -16px; }

/************ Accordion ****************/

.mainDownside .funds_acc {	display: block;	float: left;	width: 638px;	border: 1px solid #efefef;	position:relative; }

.mainDownside .funds_acc .funds_acc_name {	font-size: 14px;	font-weight: bold;	float:left;	width:634px;	padding: 11px 0px 10px 4px; cursor:pointer; }

.mainDownside .funds_acc .funds_acc_name .arrow {	float: left;	display: block;	width: 16px;	height: 20px;	background: transparent url("/images/subscriber_forms/ico_arrows.png") 0 0 no-repeat;	margin-top: -4px;	margin-right: 12px; }

.mainDownside .funds_acc .funds_acc_name:hover .arrow {	background-position:0px -40px; }

.mainDownside .funds_acc .funds_acc_name .arrow_active {	float: left;	display: block;	width: 16px;	height: 20px;	background: transparent url("/images/subscriber_forms/ico_arrows.png") 0px -60px no-repeat;	margin-top: -4px;	margin-right: 12px; }

.mainDownside .funds_acc .funds_acc_name:hover {background-color: #f2fbf5;color:#0000FF;text-decoration:underline; }

.mainDownside .funds_acc .funds_acc_name .arrhov {background-position: 0px 20px;}

.grey {background-color: #f7f7f7;}

.deepgrey {background-color: #e7e7e7;}

.mainDownside .funds_acc .continue_button {	margin: 20px 10px 20px 0px; border:0px; }

.mainDownside .funds_acc p {	clear: both;	font-size: 12px;	padding: 10px;	line-height: 16px; }

.mainDownside .funds_acc .funds_date {width: 75px;float:left;}

.mainDownside .funds_acc .funds_date_select {display:none;}

.mainDownside .funds_acc .nob {font-weight:normal;}

.funds_acc_options_and_values, .editable_input_hidden {display:none;}

.editable_input_hidden { position: relative;}

/** 2013 **/

.mainDownside .acc .checkmark {
	background:url(/images/campayn/new_2014/check_green.png);
	float: left;
	height: 25px;
	margin: 6px 20px 0px;
	width: 25px;
}

.mainDownside .acc .acc_name .checkmark {
	margin: 3px 20px 0px 20px;
}

#edited_link, #readonly_link {
	cursor: pointer;
	font-family: Roboto;
	font-size: 21px;
	font-weight: 400;
	padding: 7px 0px 7px 8px;
}

.mainDownside .acc {
	background-color:#ffffff;
	border: 1px solid #d1d7dc;
	border-bottom: none;
	float: left;
	position: relative;
	width: 658px;
}

.mainDownside .acc:last-child {
	border-bottom: 1px solid #d1d7dc;
}

.mainDownside .acc .acc_name {
	float: left;
	font-family: Roboto;
	font-size: 21px;
	font-weight: 400;
	padding: 18px 0px 17px 0px;
	width: 658px;
}

.mainDownside .acc .acc_name:hover {
	background: #f6f7f8;
	cursor: pointer;
}

.mainDownside .acc .acc_name.active_acc {
	background: #f6f7f8;
	color: #000000;
}

.mainDownside .acc.nameWrp {
	padding:17px 0px;
	width:658px;
}

.editable_input_hidden {
	display: none;
	margin-top:3px;
	margin-bottom:3px;
}

.mainDownside .acc_options_and_values {
	padding-left: 0px;
}

.mainDownside .acc .continue_button {
	border:none;
}

.acc_name span {
	display: inline-block;
	margin-top:4px;
}

.acc.nameWrp .nameWrpEdit {
	position:absolute;
	top:20px;
	right:20px;
}

.mainDownside .acc p {	clear: both;	font-size: 12px;	padding: 10px;	line-height: 16px; }

/* * */

.mainDownside #funds_acc_header {	font-size: 14px;	font-weight: bold;	width:633px; 	padding: 5px 0px 5px 5px; }

.no_bottom_border, .mainDownside .funds_acc.no_bottom_border {	border-bottom:none; }

.mainDownside .tabs {  clear: left;    float: left;    height: 30px;    overflow: hidden;    width: 630px;    padding-left:10px; margin:15px 0px 10px 0px; }

.mainDownside .tabs a { cursor:pointer; }

.mainDownside .tabs a.active { cursor:default; }

#signUpTabHtml, #embedTabHtml { float:left; }

#embedTabHtml { display:none; }

.image_placeholder_40_40 { width:43px;	height:43px;	float:left;	clear:left;	position:relative;	cursor:pointer;	background:#fff;	border:1px solid #808080;	padding:3px 0px 0px 3px;	margin:20px 0px 0px 13px; }

#edit_button {	float:left;	clear:left; width:56px;	margin:13px 0px 0px 10px;	border:none; height:25px;	cursor:pointer;	background:url('/images/campayn/edit_button.png') 0px 0px no-repeat; }

#edit_button:hover {	background-position:0px -25px; }

p.titleLabel, p.codeDesc { font-size:14px !important; line-height:16px; font-weight:bold; padding: 10px 10px 10px 13px; }

p.codeDesc { padding-left:18px !important; }

#embedTitle { width:600px; margin:-5px 0px 0px 13px; font-size:16px; height:32px; }

.subHead { float:left; font-size:14px; padding:12px 12px 0px 15px; height:23px; font-weight:bold; width:611px; border-top:1px solid #E9E9E9; border-bottom:1px solid #E9E9E9; color:#BFBFBF; margin-top:18px; }

.leftDesc { float:left; }

.rightDesc { float:right; }

.fieldItem { float:left; clear:left; width:591px; height:22px; padding:8px 35px 0px 12px; }

.leftCheckbox { float:left; margin:0px 10px 0px 0px; }

.rightCheckbox { float:right; margin:0px; }

.fieldName { float:left; font-size:12px; }

a#copyText { float:right; font-size:12px; font-weight:normal; color:#877A7A; text-decoration:underline; margin-right:10px; }

a#copyText:hover, a#copyText.hover { cursor:pointer; color:#0000FF; }

textarea#linkCode, textarea#codeBasic, textarea#codeCss, textarea#codeTable  { float:left; width:600px; height:140px; background:#fff; border:1px solid #A6A6A6; margin:0px 0px 0px 18px; }

.button_placeholder { float:left; clear:left; height:50px; }

#saveButtonBig {	width:260px;	height:50px;	display:block;	border:none; background:url('/images/subscriber_forms/save_button_big.png') no-repeat 0px 0px; }

#saveButtonBig:hover {	background-position:0px -50px; cursor:pointer; }

.loading { visibility:hidden; height:40px; width:40px; background:url('/images/loader_40x40.gif') 0px 0px no-repeat; margin:auto; }

#previewContainer { width:640px; margin:0 auto; position:relative; font-family: Arial;}

#previewContainer input[type=text] {  }

#previewContainer #formBox .rowBlock:hover { border-color:#fff; }

#previewContainer .rowBlock:hover .hidden_arrow, #previewContainer .rowBlock:hover #deleteItem { display:none; }

#embedCodeBlock, #codeCss, #codeTable { display:none; }

.campayn_logo_small { float:left; clear:both; margin:5px 0px 0px 10px; width:89px; height:29px; background:url('/images/login/campayn_small_white.png') 0px 0px no-repeat; }

#designNote { float:left; font-size:12px; display:none; margin-top:35px; margin-left:10px; line-height:15px; }


/**************** changed form name ***********/

input[type=text] {	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;	border:1px solid #a6a6a6; }

input.new_link_name {
	width:450px;
	height:25px;
	font-weight:bold;
	font-size:14px;
	font-family: Arial;
	margin:1px 0px;
}

/********** Edited text in signup form constructor *****/

#editContainer { float:left; width:600px; display:none; }

input.editSubHead { float:left; width:480px !important; margin-top:0px !important; margin-bottom:13px; font-weight:bold; }

textarea.editDesc { float:left; width:500px !important; margin-top:15px !important; background:#fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border:1px solid #a6a6a6; padding:4px; height:80px; }

#saveSubHead, #saveDesc {	width:80px;	float:left;	margin:1px 0px 0px 5px;	height:26px;	background:url('/images/subscriber_forms/continue_button.png') no-repeat top left; }

#saveDesc { margin-top:15px; }

/******** right block ********/



.menuitems a.backToList {	display:block; background: url("/images/campayn/back_icon.png") no-repeat scroll 0 0 transparent;	height:14px !important;	float:left;	font-size:14px;	font-weight:bold;	color:#6D6F72;	padding:0px 0px 0px 25px !important; }

.menuitems a.backToList:hover {	background-position: 0px -14px;	text-decoration:underline;	color:#003CFF; }

/******* Popup style *******/

#popupContent { display:none; }

#popupContainer, #preview { z-index:200; display:none; position:fixed; top:50%; left:50%; width:710px; height:560px; margin:-280px 0px 0px -355px; background:url('/images/campayn/opacity75.png') repeat; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

#preview { width:720px; margin:-280px 0px 0px -360px;}

#popupContainer .internalContainer, #preview .internalContainer { float:left; width:645px; height:510px; overflow-y:scroll; background-color:#fff;  padding:0px 20px 20px 15px; margin:15px 0px 0px 15px;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

#preview .internalContainer { width:655px; }

.deny { background:url('/images/campayn/opacity20.png') repeat; }

#closePopup { width:30px; height:30px; top:-14px; left:694px; position:absolute; float:right; background:url('/images/campayn/fancy_close.png') 0px 0px no-repeat; margin:0; cursor:pointer;}

#preview #closePopup { left:703px !important; }

#popupContainer .internalContainer .loading { margin:200px 0px 0px 300px; visibility:visible; }

#waitingBox { display:none; position:absolute; top:15px; left:15px; width:550px; height:530px; background:url('/images/campayn/white_transparent_50_bg.png') repeat; z-index:10000; }

#waitingBox .waitingIndicator { height:40px; width:40px; background:url('/images/loader_40x40.gif') 0px 0px no-repeat; margin:220px 0px 0px 260px; }

div#stackmail_richtext_overlay { background-color: #666666;    display: none;    height: 100%;    left: 0;    position: fixed;    top: 0;    width: 100%;    z-index: 99; }

.signupFormChoice { float:left; width: 618px; height: 110px; padding: 0px 10px 10px 10px; clear:both;}
.signupFormChoice.disabled { opacity: 0.3;}
.signupFormChoice .choiceRadio { float:left; width: 20px; height: 55px; padding-top: 35px; }
.signupFormChoice .choiceTitle { display: block; float: left; padding-bottom: 10px; font-size: 14px; font-weight: 700; height: 14px; color:#000; clear: both; width: 100%;}
.signupFormChoice .choiceThumb { width: 145px; height: 91px; float:left;}
.signupFormChoice .choiceThumb.choicePage { width: 145px; height: 91px; float:left; background-image:url('/images/subscriber_forms/contact_signup_form_thumbs_2013.png'); margin:10px}
.signupFormChoice .choiceThumb.choiceEmbed { width: 145px; height: 91px; float:left; background-image:url('/images/subscriber_forms/contact_signup_form_thumbs_2013.png'); margin:10px; background-position:-145px 0px;}
.signupFormChoice .choiceThumb.choiceEmbedWp { width: 145px; height: 91px; float:left; background-image:url('/images/subscriber_forms/contact_signup_form_thumbs_2013.png'); margin:10px; background-position:-290px 0px;}
.signupFormChoice .choiceThumb.choiceFb { width: 145px; height: 91px; float:left; background-image:url('/images/subscriber_forms/contact_signup_form_thumbs_2013.png'); margin:10px; background-position:-435px 0px;}
.signupFormChoice .choiceThumb.choiceLightbox { width: 145px; height: 91px; float:left; background-image:url('/images/subscriber_forms/contact_signup_form_thumbs_2013.png'); margin:10px; background-position:-580px 0px;}
.signupFormChoice .choiceDescription {margin-top:10px; margin-left:10px; float:left; width:416px; height: 80px; font-size: 12px; line-height:14px;}
.signupFormChoice .choiceSelect {width:72px;height:25px; background-image:url('/images/campayn/btn_select.png'); float:left; border:none;}
.signupFormChoice .choiceSelect:hover {background-position:0px 25px; cursor:pointer;}
.signupFormChoice.disabledChoice { opacity: 0.3;}

.wideBox {width:600px; height:140px;}
.wideDescription {width:420px !important; height:50px !important;}

.rightblock .previewForm{
	background: url("/images/campayn/preview_icon_16x32.png") 0px 0px no-repeat transparent;
	clear: both;
	display:block;
	color: #6D6F72;
	float: left;
	font-size: 14px;
	font-weight: 700;
	height: 16px !important;
	margin-bottom: 9px;
	padding: 0px 0px 0px 25px !important;
}

.rightblock .previewForm:hover{
	background-position:0px -16px;
	color: #003CFF;
	text-decoration: underline;
}

.apiKey{
	margin-left:20px;
}

h2.apiKey {
	clear:both;
	font-size:14px;
	padding-bottom:10px;
	padding-top:20px;
}

textarea.apiKey {width:300px; font-size:14px;}
p.apiKey {  margin-left:10px; }

textarea.formCode{ width:600px; margin:20px 0px 0px 20px; height:180px}
p.formCode {  margin-left:10px; font-weight:bold; }

/*select { -webkit-appearance: none; }*/

#previewContainer .chzn-container { margin-right:5px !important; }

.container .rowBlock:hover .stackmail_blocktoolbar,
.container .rowBlock:hover .stackmail_blocktoolbar .addOnOptionHolder {
	display:block;
}

.addOnOptionHolder {
	display:none;
	width:70px;
	height:30px;
	position: absolute; 
	right:-50px;
	top:-26px;
	left:auto !important;
	background-color:#262E46;
	border-radius:20px;
	padding-right: 10px;
}

.stackmail_block .addOnMove,
.stackmail_block .addOnRemove {
	width:30px;
	height:30px;
	cursor:move;
	background:#262E46 url('/images/campayn/new_2015/campayn_editor_toolbar_sprite.png') 0px -30px no-repeat;
	float:right;
	margin:0px;
}

.stackmail_block .addOnRemove {
	cursor:pointer;
	background:#262E46 url('/images/campayn/new_2015/campayn_editor_toolbar_sprite.png') -60px -30px no-repeat
}

.stackmail_block .addOnRemove:hover {
	background:#1A2124 url('/images/campayn/new_2015/campayn_editor_toolbar_sprite.png') -60px 0px no-repeat
}

.stackmail_block .addOnMove:hover {
	background:#1A2124 url('/images/campayn/new_2015/campayn_editor_toolbar_sprite.png') 0px 0px no-repeat
}

.addOnOptionHolder div:active {
	background-color:#1D8EC6 !important;
}

.groupedTop{ -webkit-border-radius: 5px 5px 0px 0px !important; border-radius: 5px 5px 0px 0px !important;}
.groupedMiddle{ -webkit-border-radius: 0px 0px 0px 0px !important; border-radius: 0px 0px 0px 0px !important;}
.groupedBottom{ -webkit-border-radius: 0px 0px 5px 5px !important; border-radius: 0px 0px 5px 5px !important;}
.noBorderTop{ border-top:0px !important;}
.noBorderBottom{ border-bottom:0px !important;}

.subscribeButtonBox {
	width:500px;
	margin:0 auto;
	margin-top:5px;
}

.subscribeButton {
	width:500px;
	padding:0px 26px 0px 26px;
	font-size:28px;
	height:50px;
	border:3px solid transparent;
	cursor:pointer;
	font-family:Arial;
	font-weight:bold;
}

.subscribeButtonBoxLightbox {
	width:480px;
	text-align:center;
}

.subscribeButtonLightbox {
	padding:0px 26px 0px 26px;
	font-size:18px;
	min-height:45px;
	border:3px solid transparent;
	cursor:pointer;
	font-family:Arial;
	font-weight:bold;
	font-family:'Roboto';
	margin-top:25px;
	margin-bottom:15px;
	text-transform: uppercase;
}

.subscribeButton:active {
	position:relative;
	top:1px;
}

.stackDesignHead{ height:180px; }

.stackDesignHead h1 {
	margin:0px;
	color: #000;
	font-size: 22px;
	font-weight: 300;
	line-height: 20px;
	padding: 0px 20px 25px 0px;
	font-family: Roboto;
}

#formBox.constructorBox {

}

.requiredLabel{ color: #ccc; font-weight: 700; position: relative; float:right; top: -32px; right: 20px; height:0px; font-size: 12px;}

.editLink {
	width:70px;
}

/* Form templates */

#buildFromScrach {
	float:left;
	width:287px;
	height:395px;
	background-color:#1A2124;
	margin:4px 9px 11px 9px;
}

#buildFromScrach div {
	clear:both;
	margin:150px auto 0px;
	text-align:center;
	color:#fff;
	display:table;
	font-family:Roboto;
	font-size:18px;
	line-height:18px;
	font-weight:bold;
}

#buildFromScrach .startBtn {
	margin-top:20px;
}

#buildFromScrach .startBtn span {
	margin-right:0px;
}

#useHtml {
	float:left;
	width:287px;
	height:395px;
	background-color:#1A2124;
	margin:4px 9px 11px 9px;
}

#useHtml div {
	clear:both;
	margin:150px auto 0px;
	text-align:center;
	color:#fff;
	display:table;
	font-family:Roboto;
	font-size:18px;
	line-height:18px;
	font-weight:bold;
}

#useHtml .startBtn {
	margin-top:20px;
}

#useHtml .startBtn span {
	margin-right:0px;
}

#formTemplates {
	display:block;
	background-color:#ffffff;
	width: 100%;
	min-height: 800px;
}

#formTemplates .templateBorder {
	float:left;
	position:relative;
	width:295px;
	height:403px;
	margin:0px 5px 11px 6px;
	background-color:#ffffff;
}

#formTemplates .templateBorder:hover {
	background-color:#262E46;
}

#formTemplates .template {
	overflow:hidden;
	position:relative;
	width:287px;
	height:395px;
	margin:4px 0px 0px 4px;
}

#formTemplates .template .imgWrp {
	width:235px;
	height:376px;
	margin:20px 0px 0px 26px;
	overflow:hidden;
}

#formTemplates .template img {
	width:235px;
	height:auto;
}

/* Template hover */

#formTemplates .template:hover .hover, #formTemplates .template:hover .redDropdownArrow {
	display:block;
}

#formTemplates .template .hover {
	display:none;
	position:absolute;
	cursor:pointer;
	top:4px;
	left:4px;
	width:287px;
	height:395px;
	z-index:2;
}

.template .hover .previewTemplateBtn, .template .hover .selectTemplateBtn {
	margin-top: 330px;
	font-family: Roboto;
	font-weight: 700;
	font-size: 14px;
	text-transform: uppercase;
	display: table;
}

#formTemplates .template .hover .previewTemplateBtn {
	width: 70px;
	height: 42px;
	float: left;
	margin-left: 20px;
}

#formTemplates .template .hover .selectTemplateBtn {
	width: 70px;
	height: 42px;
	float: left;
}

#formTemplates .template .hover span {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

.templateBorder .redDropdownArrow {
	display:none;
	position:absolute;
	top:0px;
	right:0px;
}

.templateBorder .dropdownHolder {
	top:50px;
}

/* end of Template hover */

/* small mobile preview */

#formTemplates .template .mobileHolder {
	position:absolute;
	bottom:0px;
	right:15px;
	width:108px;
	height:170px;
	overflow:hidden;
	z-index:1;
	background: url('/images/campayn/new_2014/mobileFrameSmall.png') no-repeat 0 0;
	-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;
}

#formTemplates .template .mobileHolder .mobileImgWrapper {
	margin:0 auto;
	margin-top:27px;
	width:96px;
	height:145px;
	overflow:hidden;
	z-index:1;
	background-color:#eff3f7;
}

#formTemplates .template .mobileHolder .mobileImgWrapper img {
	width:96px;
	height:auto;
}

/* end of small mobile preview */

.afterSubscribe {
	display:inline-block;
	margin-top:20px;
	margin-bottom:10px;
}

.afterSubscribe p {
	display:inline-block;
	font-size:15px !important;
}

.afterSubscribe .subscribeAction {
	font-size:14px !important;
	font-weight:bold;
	margin:0px 70px 0px 55px;
}

.afterSubscribe .afterSubscribeChoice {
	margin:20px 0px 20px 200px;
}

.afterSubscribe .afterSubscribeChoice input[type=radio] {
	float:left;
}

.afterSubscribe .afterSubscribeChoice label {
	display:inline-block;
	margin:0px 0px 30px 15px;
	font-weight:normal;
	font-size:14px;
	cursor:pointer;
}

.afterSubscribe .afterSubscribeChoice input.redirectUrl {
	display:block;
	margin:-15px 0px 0px 35px;
	border-radius:0px;
	width:300px;
}

.chooseContactList {
	display:inline-block;
	margin-top:20px;
	margin-bottom:10px;
}

.chooseContactList .listAction {
	display:inline-block;
	font-size:14px !important;
	font-weight:bold;
	margin:0px 40px 0px 55px;
}

.chooseContactList .listQuestion {
	display:inline-block;
	width:410px;
	font-size:14px !important;
	vertical-align:top;
}

#chooseList_chzn {
	width:280px !important;
	margin:10px 0px 30px 213px;
}

#chooseList_chzn .chzn-drop {
	width:278px !important;
}

#chooseList_chzn .chzn-search input {
	width:243px !important;
}

/* anti spam */

.antiSpam {
	display:inline-block;
	margin-top:20px;
	margin-bottom:10px;
}

.antiSpam p {
	display:inline-block;
	font-size:15px !important;
}

.antiSpam .subscribeAction {
	font-size:14px !important;
	font-weight:bold;
	margin:0px 70px 0px 30px;
}

.antiSpam .afterSubscribeChoice {
	margin:20px 0px 20px 200px;
}

.antiSpam .afterSubscribeChoice input[type=radio] {
	float:left;
}

.antiSpam .afterSubscribeChoice label {
	display:inline-block;
	margin:0px 0px 30px 15px;
	font-weight:normal;
	font-size:14px;
	cursor:pointer;
}

.antiSpam .afterSubscribeChoice input.redirectUrl {
	display:block;
	margin:-15px 0px 0px 35px;
	border-radius:0px;
	width:300px;
}

.antiSpam {
	display:inline-block;
	margin-top:20px;
	margin-bottom:10px;
}

.antiSpam .listAction {
	display:inline-block;
	font-size:14px !important;
	font-weight:bold;
	margin:0px 40px 0px 55px;
}

.antiSpam .listQuestion {
	display:inline-block;
	width:410px;
	font-size:14px !important;
	vertical-align:top;
}

/* Black bar for forms start */

.blackBarFormBg {
	background-color: #FFFFFF;
	height: 66px;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 1000;
}

.blackBarBg .cmpLogoTop {
	margin: 0px;
	float: left;
}

.blackBarBg .editorTopNav {
	width: calc(100% - 250px);
	float: left;
	height: 66px;
}

.blackBarFormBg .emailOptions {
	width: 660px;
	margin: 0 auto;
	height: 66px;
}

.blackBarBg .emailOptions h1 {
	color: #1D8EC6;
	font-family: Roboto;
	font-weight: 300;
	font-size: 24px;
	padding-top: 20px;
	float: left;
	margin: 0px;
}

.blackBarFormBg .emailOptions  .emailOptionsSave {
	display:inline-block;
}

/* Black bar for forms end */

.blackBorder{
	-webkit-box-shadow:inset 0px 0px 0px 2px #cccccc;
	-moz-box-shadow:inset 0px 0px 0px 2px #cccccc;
	box-shadow:inset 0px 0px 0px 2px #cccccc;
}

@media all and (max-width: 640px) and (orientation : portrait){
	#previewContainer {
		width:100% !important;
		margin:0 auto;
		position:relative;
		font-family: Arial;
		overflow:hidden;
	}
	
	#formBox, .formBox  {
		position:relative;
		padding:0px !important;
		margin:0px auto 0px auto;
		padding-left:0px;
		width:100% !important;
	}
	
	#formBox .rowBlock,
	.formBox .rowBlock  {
		padding-left:25px;
		padding-right:0px;
	}
	
	.subscribeButtonBox {
		margin:0px !important;
		padding-left:25px;
	}
	
	.subscribeButton {
		-webkit-appearance: none;
	}
}

.mainUpside h1 {
	text-transform:capitalize;
}

.acc_options_and_values .formThumbHolder {
	clear:both;
	display:inline-block;
	position:relative;
	width:180px;
	height:248px;
	border:1px solid #bec6cc;
	overflow:hidden;
	margin:20px 0px 20px 65px;
}

.acc_options_and_values .formThumbHolder:hover .thumbPreviewButton {
	display:block;
}

.acc_options_and_values .formThumbHolder img {
	width:181px;
	height:auto;
}

.acc_options_and_values .thumbPreviewButton{
	display:none;
}

.acc_options_and_values .thumbPreviewButton div {
	display:table-cell;
	vertical-align:middle;
	width:180px;
	height:50px;
}

div.connected_pages_border {
	border-top:1px solid #D1D7DC;
}

div.connected_pages {
	margin:15px;
	text-align:center;
	font-size:10pt;
	border:1px solid #219ED0;
}

a.delete_button {
	width:17px;
	height:17px;
	background-image: url('/images/campayn/new_2014/trash_17.png');
	background-repeat: no-repeat;
	display:inline-block;
	cursor: pointer;
	visibility: hidden;
}

div.fbpage_line {
	padding:20px;
	background-image: url('/images/campayn/new_2015/facebookTiny.png');
	background-repeat: no-repeat;
	background-position: 18px 21px;
	display:inline-block;
	margin-right:5px;
}

div.fbpage_line:hover>.delete_button {
	visibility:visible;
}

div.fbpage_line:hover {
	background-color:#f6f7f8;
	background-image:none;
}

div.connected_pages_title {
	background-color:#219ED0;
    color: #FFF;
    padding: 15px;
    font-size: 14pt;
}

div.connected_pages_contents {
	padding:10px;
}

div.facebook_notice {
	margin-top:20px;
	font-size:9pt;
	padding:10px;
	background-color:#E8E8E8;
}

/***** WP forms language chooser start *****/

.languageChooser {
	position: relative;
	clear:both;
}

.languageChooser #chooseFormLanguage_chzn {
	width: 250px !important;
	margin: 0px 0px 0px 231px;
}

.languageChooser #chooseFormLanguage_chzn .chzn-drop {
	width:248px !important;
}

.languageChooser #chooseFormLanguage_chzn .chzn-search input {
	width:213px !important;
}

.languageChooser span.formLangDesc {
	display: inline-block;
	font-size: 12px;
	vertical-align: top;
	margin: 10px 20px 0px 13px;
}

/***** WP forms language chooser end *****/

.popupSection {
	margin-left: 37px;
	font-size: 9pt;
	margin-top: -20px;
}

.popupParameter {
	text-align: center;
}