@charset "utf-8";

/* Form Elements CSS
/* (modified from VB)
/* 2011 MBS Direct, LLC
/* 2011-08-09 */

/**
 * CHANGE LOG
 * ----------------------------------------
 * 2019-09-03 CG: Mantis 45413 - Payeezy JS version 2
 * 	- Added styles for paymentjs form & related elements.
 */


/* ==================================================
=====================================================
                   C O L U M N S
=====================================================
================================================== */

.col-left,
.col-right {
	float:left;
	margin:0 8px 4px 0;
	padding:0 0 0 8px;
	width:367px;
}

.col-right {
	border-left:1px solid #d4d4d4;
	margin:0 0 4px 0;
}


/* ==================================================
=====================================================
                   F I E L D S E T
=====================================================
================================================== */

fieldset {
	margin:0 0 18px -12px;
	padding:12px;
}

fieldset h4 {
	color:#102145;
	font-size:20px;
	font-weight:300;
	margin:4px 0;
	padding:2px 0 10px 0;
	position:relative;
}

fieldset.required h4 span {
	background:url(../images/required.png) 100% 0 no-repeat;
	padding-right:12px;
}

#CA_apoFpo {
	background:url(../images/help-icon.png) right 0 no-repeat;
	color:#0066cc;
	display:inline-block;
	font-size:11px;
	font-weight:300;
	margin:0 0 -3px 14px;
	padding:3px 28px 3px 0;
	text-decoration:none;
}

fieldset p {
	color:#747474;
	font-size:12px;
	line-height:18px;
	padding-bottom:14px;
}

fieldset p strong { font-weight:bold; }

fieldset p a {
	color:#0066cc;
	font-weight:bold;
}

fieldset p .alert { color:#d20707; }

/* ==================================================
               I N L I N E   E R R O R
================================================== */

fieldset .error {
	background:url(../images/error-icon.png) 14px 18px no-repeat #ffebe8;
	border:1px solid #ee9f9f;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	margin:-2px 0 10px 0;
	padding:20px 20px 30px 50px;
}

fieldset .error p {
	color:#dd4041;
	font-size:12px;
	margin:0;
	padding:0;
}

fieldset .error p strong {
	display:block;
	font-size:14px;
	font-weight:bold;
}

fieldset .error ul {
	color:#886d6d;
	font-size:11px;
	line-height:14px;
	margin:0;
	padding:0;
}

fieldset .error ul li { margin:14px 0 0 0; }

fieldset .error ul li a {
	color:#0066cc;
	font-weight:bold;
}

/* ==================================================
            T E R M S   O F   S E R V I C E
================================================== */

fieldset.tos .scroller {
	background:#ffffff;
	border:1px solid #b3b3b3;
	color:#383838;
	font-size:12px;
	height:148px;
	line-height:15px;
	margin-top:20px;
	overflow-y:scroll;
	padding:12px;
}

fieldset.tos .scrollerFrame {
	border:1px solid #b3b3b3;
	height:172px;
	width:100%;
	padding:0;
	margin:0;
}

fieldset li input#mbsTOS {
	float:left;
	width:4%;
	background:none;
	border:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	color:#343434;
	display:block;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:normal;
	margin-right:10px;
	padding:0;
}

.tos.required .label_block {
	float:left; 
	margin-bottom:-20px;
	width:90%;
	margin-top: 0em;
}

.tos.required .label_block label {
	margin-top:3px;
}

.tos.required .label_block label, .tos.required .label_block label a {
	font-weight:normal;
}

/* ==================================================
                       L I S T S
================================================== */

fieldset ul.list { margin-left:16px; }

fieldset ul.list li { list-style:disc outside none; }

/* ==================================================
=====================================================
                     I N P U T S
=====================================================
================================================== */

fieldset li { margin-right:8px; }

fieldset li label {
	display:inline-block;
	color:#565656;
	font-size:13px;
	font-weight:bold;
	margin-top:8px;
	padding-top:0;
}

fieldset li label.radio {
	font-size:12px;
	font-weight:normal;
	margin-top:0;
	padding-top:0;
}

fieldset li.required label {
	background:url(../images/required.png) 100% 0 no-repeat;
	padding-right:12px;
}

fieldset li .input-hint {
	color:#909090;
	font-size:11px;
	font-weight:300;
}

fieldset li input {
	background:url(../images/input-bkg.gif) 0 0 repeat-x #ffffff;
	border:1px solid #cccccc;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	color:#343434;
	display:block;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	font-weight:normal;
	margin:6px 0 6px 0;
	padding:8px;
}

fieldset li.leader input {
	background:none;
	border:none;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	padding:0;
	position:relative;
	top:-2px;
	vertical-align:middle;
}

/* ==================================================
=====================================================
         S E L E C T   R E P L A C E M E N T  #2
=====================================================
================================================== */

.selectBox-dropdown {
	background:url(../images/select-bkg.gif) 100% center repeat-y #ffffff;
	border:1px solid #cccccc;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	color:#343434;
	cursor:default;
	display:block !important;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	font-weight:normal;
	margin:6px 0 6px 0;
	padding:8px 30px 8px 8px;
	position:relative;
	text-decoration:none;
	min-width:100px;
	overflow:hidden;
	white-space:nowrap;
	vertical-align:middle;
}

.selectBox-dropdown:focus,
.selectBox-dropdown:focus .selectBox-arrow { }

.selectBox-dropdown.selectBox-menuShowing { }

.selectBox-dropdown .selectBox-label { }

.selectBox-dropdown .selectBox-arrow { }

/* Dropdown menu */
.selectBox-dropdown-menu {
	background:#ffffff;
	border:1px solid #d2d2d2;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow:0px 0px 8px 0px #cccccc;
	-moz-box-shadow:0px 0px 8px 0px #cccccc;
	box-shadow:0px 0px 8px 0px #cccccc;
	max-height:250px;
	margin-top:-2px;
	overflow-y:auto;
	overflow-x:hidden;
	padding:3px;
	position:absolute;
	text-align:left;
	z-index:99999;
}

.selectBox-inline { }

.selectBox-inline:focus { }

.selectBox-options,
.selectBox-options li,
.selectBox-options li a {
	list-style:none;
	display:block;
	cursor:default;
	padding:0;
	margin:0;
}

.selectBox-options {
	padding:3px;
}

.selectBox-options li a {
	color:#343434;
	display:block;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	font-weight:normal;
	padding:3px 5px;
	text-align:left;
	white-space:nowrap;
}

.selectBox-options li.selectBox-hover a {
	background:#0066cc;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
	color:#ffffff;
}

.selectBox-options li.selectBox-disabled a { }

.selectBox-options li.selectBox-selected a {
	background:#459df5;
	color:#ffffff;
}

.selectBox-options .selectBox-optgroup { }

/* ==================================================
=====================================================

=====================================================
================================================== */

fieldset li.inline {
	display:inline-block;
	vertical-align:bottom;
}

fieldset li.multi select,
fieldset li.multi .dropp,
fieldset li.multi input {
	display:inline-block;
	vertical-align:middle;
}

fieldset li.multi .selectBox-dropdown {
	display:inline-block !important;
}

fieldset li.hr {
	border-bottom:1px solid #e1e1e1;
	display:block;
	margin-right:0;
	margin-bottom:4px;
	padding-bottom:0px;
}

fieldset li.fullSpacer {
	display:block;
	margin:8px 0;
	font-size:14px;
}

.simpler { display:none; }

fieldset ul.indent-list { padding-left:20px; }

/* ==================================================
=====================================================
                    O P T I O N S
=====================================================
================================================== */

.options label { }

.options li {
	color:#343434;
	display:inline-block;
	font-size:14px;
	width:176px;
	margin:0;
	padding-top:8px;
	vertical-align:middle;
}

.options li.hr { width:auto; }

.options li input {
	float:left;
	background:none;
	border:none;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	margin-right:8px;
	padding:0;
	vertical-align:middle;
}

.options li label {
	cursor:pointer;
	font-weight:normal;
	position:relative;
	top:3px;
}

.options li.selected label {
	color:#565656;
	font-weight:bold;
}

.options li strong {
	color:#000000;
	font-weight:bold;
	margin-right:4px;
}

.options li.selected strong { color:#0066cc; }

.options li label span.note {
	display:block;
	color:#585858;
	font-size:11px;
	font-weight:normal;
}

.options li.optionLabel {
	display:block;
	width:auto;
	padding:0;
}

.options li.optionLabel label {
	color:#525252;
	font-size:14px;
	font-weight:bold;
	margin-bottom:8px;
}

.options li.vouchercoverage {
	display:block;
	width:auto;
}

li.leader { display:block; }

li.leader input {
	background:none;
	border:none;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	display:inline-block;
	margin-right:6px;
	padding:0;
}

li.leader label {
	color:#0066cc;
	cursor:pointer;
	display:inline-block;
	font-size:12px;
	font-weight:300;
}

li.leader small a {
	color:#0066cc;
}

li.leader img {
	vertical-align:middle;
}

fieldset.tos li.leader label { width:280px; }

#shipping-address .options li { width:350px; }

/* ==================================================
=====================================================
                    A D D R E S S
=====================================================
================================================== */

fieldset p.address {
	color:#343434;
	font-size:12px;
	font-weight:bold;
	margin:0 0 6px 0;
	padding:0;
}

/* ==================================================
=====================================================
                      H E L P
=====================================================
================================================== */

fieldset .help {
	background:url(../images/help-icon.png) 0 0 no-repeat;
	display:inline-block;
	height:20px;
	overflow:hidden;
	position:relative;
	top:0px;
	left:6px;
	text-indent:-9999pt;
	text-decoration:none;
	vertical-align:middle;
	width:20px;
}

/* ==================================================
=====================================================
          C O M M O N   I N P U T S
=====================================================
================================================== */

.inputTypeA { width:300px; }
.inputTypeB { width:272px; }
.inputTypeC { width:350px; }
.inputTypeD { width:200px; }
.inputTypeE { width:50px; }
.inputTypeF { width:100px; }
.inputTypeG { width:244px; }

.ccinput .help {
    background: rgba(0, 0, 0, 0) url("../images/help-icon.png") no-repeat scroll right 0;
    display: inline-block;
    font-size: 11px;
    font-weight: 300;
    height: 20px;
    left: 6px;
    /* margin: 0 0 -3px 14px; */
    overflow: hidden;
    padding: 3px 0;
    position: relative;
    text-decoration: none;
    text-indent: -9999pt;
    top: 0;
    vertical-align: middle;
    width: 20px;
}

/* new paymentjs styles */
.form-controls {
	border: 1px solid #d8d8d8;
	min-width: 115px;
    width: 100%;
	height: 38px;
    padding: 0 5px;
	margin-top: 6px;
	margin-bottom: 10px;
}

/* .form-controls:focus {
	outline: none;
	border-color: #00a9e0;
}    */

.form-controls#cc_cvv {
	width: 26%;
	float: left;
}

/* adjust CVV help link so it lines up w/ input more or less */
fieldset .help {
	top:15px;
}