/* Default Styles For Subscribe Form */

/* Form Screens */
#SubscribeFormComplete, #SubscribeFormEmail, #SubscribeComplete { display: none;}

/* Body / Head Setup */
#OnSubscribeHTML { min-height: 100%; margin:0;}
#OnSubscribeBody { min-height: 100%; margin:0; width:100%; background-size: cover; -ms-background-size: cover; -o-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover;}

/* Design Frame */
.DesignCanvas { background-color: #fafafa; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; color: #737373;}
.DesignFrame, .DesignFrameTwo, .DesignFrameFour { width: 356px; height: 54px; margin: auto;  position: absolute; top:0; bottom: 0; left: 0; right: 0; display: inline; padding:10px;}
.DesignFrameTwo { height: 234px;}
.DesignFrameFour { height: 381px; }
.DesignFrameThree { width: 600px; top: 20px; left: 50%; margin-left: -300px; position: absolute;}

/* Standard Building Block */
.DefaultPlaceholder { display: inline; float: left; width:calc(100% - 44px); padding:10px; border: 2px dashed #0e1821; text-align: center; line-height: 30px; font-size: 18px; 	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; position: absolute; color: #0e1821;}
.BuildingBlock { display: inline; float: left; width:calc(100% - 24px); min-height: 20px; line-height: 1.5; position: relative; margin: 2px; padding:10px; }

/* Form Shared Styles */
.InputField, .InputDDMenu { display: inline; float: left; width:calc(100% - 57px); height:20px; padding-top:7px; padding-bottom:9px; line-height: 20px; font-size: 16px; color: #737373; padding: 8px;
border: 2px solid #737373; border-left: 0px; border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; background-color: #fff; margin-left: -1px;}
.InputField:focus { outline: none;}
.InputFieldIcon, .InputDDMenuIcon, .TextBoxIcon { display: inline; float: left; width: 38px; border: 2px solid #737373; border-right: none; height: 36px; background-color: #fff;
line-height: 36px; text-align: center; border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px; }
.InputFieldIcon {height:20px; width:22px; line-height:20px; padding:8px;}

/* Text Box */
.TextBox { display: inline; float: left; width:calc(100% - 57px); font-size: 16px; color: #737373; padding: 8px; margin-left: -1px;
margin-top:0px; border: 2px solid #737373; border-left: 0px; border-radius:0 5px 5px 0; background-color: #fff;  resize: none; height: 80px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;}
.TextBox:focus {outline: none;}
.TextBoxIcon { height: 96px;}
.TextBoxNoIcon { width:calc(100% - 22px); }

/* Image Block */
.BlockImg { line-height: 0.8;}

/* Input Field */
.InputFieldFocus { color: #ccc!important;}
.IconDisabled {font-size: 0px; width: 3px; padding-left: 0; padding-right: 0;}
.InputNoIcon { width:calc(100% - 22px);}

/* Drop Down Menu */
.InputDDMenu { cursor: pointer; overflow: hidden; white-space: nowrap; min-height: 20px;}
.InputDDMenuIcon { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.DropDownRow, .DropDownChooseLabel { display: none; float: left; width:100%; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.DropDownChooseLabel { display: inline; float: left; width:calc(100% - 15px); line-height:20px; overflow: hidden;}
.InputDDMenu > .Selected { display: inline;}
.InputDDMenu > .DropDownChooseLabelHide { display: none;}
.InputDDMenu > .DropDownRow {width:100%; overflow: hidden;}

.InputDDSelect { position: absolute; width:calc(100% - 32px); height: 125px; bottom:-126px; border: 2px solid #ccc; background-color: #fff; max-height: 125px;
border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding-left: 4px; padding-right: 4px; overflow-y: auto; padding-top:5px; z-index: 1;   }

.InputDDSelect > .DropDownRow { display: inline; text-indent: 38px; line-height: 30px; height: 30px; overflow:hidden;}
.InputDDSelect > .DropDownRow:hover { background-color: #007fff; color: #fff; cursor: pointer; 	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.InputDDSelect > .DropDownChooseLabel { padding-left: 8px; padding-right: 8px;}
.LastEditBox {display:inline; float:left; height:5px; width:100%; }
/* Radio Box * Tick Box */
.RadioQuestion, .TickQuestion { display: inline; float: left; width: 100%; padding-bottom: 5px;}
.RadioRow, .TickRow { display: inline; float: left; width: 100%; padding-top: 2.5px; padding-bottom: 2.5px; cursor: pointer;}
.RadioBoxClick, .TickBoxClick { display: inline-flex; vertical-align: middle; float:left; width:24px; height:100%; font-size: 24px;}
.RadioBoxText, .TickBoxText {display:inline; float:left; width:calc(100% - 32px); margin-left:8px; margin-top:-1px;}

/* Spacer Format */
.BlockSpacer { height: 20px;}

/* Button */
.SubscribeButton { max-width:100% - 36px; background-color: #f26b6a; padding: 6px 18px 6px 18px; color: #fff; display:inline; float: left; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-size: 18px; letter-spacing: 1px; white-space:pre-wrap; word-wrap: break-word; cursor: pointer;}
.SubscribeButton:hover { opacity: 0.95;}

/* Forced Field Error */
.ForceFieldError { background-color: #f2736a!important; color:#fff!important; opacity:0.7!Important; }