.text { font-size: 18px; }
.text p { line-height: 24px; margin: 24px 0; }
.text ul { list-style-type: none; margin: 0; padding: 0; line-height: 24px;}
.text ul li { padding-left: 23px; position: relative; margin: 12px 0; }
.text ul li::before { content: "•"; color: #1781c4; font-size: 18px; position: absolute; left: 0; top: 0;}
.text ol { list-style-type: none; margin: 0; padding: 0; counter-reset: section; line-height: 24px; }
.text ol li { padding-left: 23px; position: relative; margin: 12px 0; }
.text ol li::before { counter-increment: section; content: counter(section); color: #1781c4; font-size: 18px; position: absolute; left: 0; top: 0;}
.text blockquote { background-color: #f2f2f2; margin: 12px 0 40px 0; position: relative; padding: 16px 25px; line-height: 1.25em; }
.text blockquote::before { content: " "; position: absolute; background: transparent url(/assets/images/blockquote.png) no-repeat; width: 26px; height: 23px; left: -10px; top: 23px; }
.text blockquote::after { content: " "; position: absolute; background: transparent url(/assets/images/blockquote.png) no-repeat; width: 26px; height: 23px; right: -10px; bottom: 15px; }
.text blockquote > :first-child { margin-top: 0; }
.text blockquote > :last-child { margin-bottom: 0; }
.text blockquote p.author  { margin: 0; position: absolute; right: 0; bottom: -30px; line-height: 20px; font-size: 16px; }
.text dl { margin: 24px 0; border-top: 1px solid #e5e5e5; font-size: 18px; line-height: 24px; }
.text dt { float: left; padding: 5px 0 0 12px; width: 110px; font-weight: bold; }
.text dd { margin: 0; padding: 5px 0 5px 130px; border-bottom: 1px solid #e5e5e5; }
.text table { margin: 24px 0; border-top: 1px solid #e5e5e5; font-size: 18px; line-height: 24px; border-spacing: 0; }
.text table th { padding: 5px 10px; text-align: left; border-bottom: 1px solid #e5e5e5; }
.text table td { padding: 5px 10px; border-bottom: 1px solid #e5e5e5; }

.success-message { background-color: #dcffd9; line-height: 24px; padding: 15px 50px 15px 85px; min-height: 54px; line-height: 54px; position: relative; font-size: 18px; margin: 25px 0; }
.success-message::before { content: " "; position: absolute;left: 19px; top: 21px; width: 48px; height: 45px; border-radius: 0; background: transparent url(/assets/images/sprite.svg) no-repeat -552px 0px; }
.success-message .close { position: absolute; margin: 0; right: 12px; top: 12px; }
.success-message .close a { width: 14px; height: 14px; display: block; text-indent: -10000px; background: transparent url(/assets/images/sprite.svg) no-repeat -309px -3px; }
.info-message { background-color: #d9f0ff; line-height: 24px; padding: 15px 50px 15px 85px; min-height: 54px; line-height: 54px; position: relative; font-size: 18px; margin: 25px 0; }
.info-message::before { content: " "; position: absolute;left: 19px; top: 21px; width: 48px; height: 48px; border-radius: 0; background: transparent url(/assets/images/sprite.svg) no-repeat -552px -48px; }
.info-message .close { position: absolute; margin: 0; right: 12px; top: 12px; }
.info-message .close a { width: 14px; height: 14px; display: block; text-indent: -10000px;background: transparent url(/assets/images/sprite.svg) no-repeat -309px -19px; }
.warning-message { background-color: #fffdd9; line-height: 24px; padding: 15px 50px 15px 85px; min-height: 54px; line-height: 54px; position: relative; font-size: 18px; margin: 25px 0; }
.warning-message::before { content: " "; position: absolute;left: 19px; top: 21px; width: 48px; height: 48px; border-radius: 0; background: transparent url(/assets/images/sprite.svg) no-repeat -552px -100px; }
.warning-message .close { position: absolute; margin: 0; right: 12px; top: 12px; }
.warning-message .close a { width: 14px; height: 14px; display: block; text-indent: -10000px; background: transparent url(/assets/images/sprite.svg) no-repeat -324px -3px; }
.error-message { background-color: #ffd9d9; line-height: 24px; padding: 15px 50px 15px 85px; min-height: 54px; line-height: 54px; position: relative; font-size: 18px; margin: 25px 0; }
.error-message::before { content: " "; position: absolute;left: 19px; top: 21px; width: 48px; height: 48px; border-radius: 0; background: transparent url(/assets/images/sprite.svg) no-repeat -552px -154px; }
.error-message .close { position: absolute; margin: 0; right: 12px; top: 12px; }
.error-message .close a { width: 14px; height: 14px; display: block; text-indent: -10000px; background: transparent url(/assets/images/sprite.svg) no-repeat -324px -18px; }
.message-content { display: inline-block; margin: 0; line-height: 24px; vertical-align: middle; }



.checkbox { display: block; }
.checkbox input { position: absolute; left: -10000px; }
.checkbox label { cursor: pointer; font-size: 16px; line-height: 24px;display: block; padding: 3px 0 3px 28px; position: relative; }
.checkbox label::before { content: " "; position: absolute; left: 0; top: 6px; width: 16px; height: 16px; border: 1px solid #cccccc; }
.checkbox label:hover::before { border-color: #2d8dc9; box-shadow: 0 0 2px #2d8dc9; }
.checkbox.active label::before { border-color: #2d8dc9;  }
.checkbox.active label::after { content: " "; position: absolute; left: 2px; top: 7px; width: 19px; height: 15px; background: transparent url(/assets/images/sprite.svg) no-repeat -291px -58px; }
.checkbox.active label { color: #1781c4; }

.radiobox { display: block; }
.radiobox input { position: absolute; left: -10000px; }
.radiobox label { cursor: pointer; font-size: 16px; line-height: 24px;display: block; padding: 3px 0 3px 28px; position: relative; }
.radiobox label::before { content: " "; position: absolute; left: 0; top: 6px; width: 16px; height: 16px; border: 1px solid #cccccc; border-radius: 10px; }
.radiobox label:hover::before { border-color: #2d8dc9; box-shadow: 0 0 2px #2d8dc9; }
.radiobox.active label::before { border-color: #2d8dc9;  }
.radiobox.active label::after { content: " "; position: absolute; left: 4px; top: 9px; width: 11px; height: 11px; background: transparent url(/assets/images/sprite.svg) no-repeat -322px -61px; }
.radiobox.active label { color: #1781c4; }

.sliderbox { display: block; overflow: hidden; margin-top: 15px; }
.sliderbox label { cursor: pointer; font-size: 16px; line-height: 24px;display: block; padding: 3px 0 3px 0; position: relative; }
.sliderbox .input { float: left; font-size: 16px; color: #a3a3a3}
.sliderbox .input input { padding-right: 2px; text-align: right; width: 26px; padding: 0; border-width: 0; font-size: 16px; color: #a3a3a3 }
.sliderbox .ssecond-input { float: right; padding-right: 20px; }
.sliderbox .ui-widget-content { width: 150px; border: 1px solid #e6e6e6; height: 4px; margin: 9px 0; }
.sliderbox .ui-widget-content * { transition: none; -moz-transition: none; -o-transition: none; -webkit-transition: none; }
.sliderbox .ui-widget-content .ui-slider-handle { top: -10px; width: 22px; height: 22px; border-radius: 20px; border: 1px solid #cdcdcd; background: white url(/assets/images/sprite.png) no-repeat -343px -3px; }
.sliderbox .ui-widget-content .ui-slider-handle::before { opacity: 0; content: " "; position: absolute;left: 0; top: 0; width: 22px; height: 22px; border-radius: 0; background: transparent url(/assets/images/sprite.svg) no-repeat -343px -30px; }
.sliderbox .ui-widget-content .ui-slider-handle::after { opacity: 0; content: " "; position: absolute;left: 0; top: 0; width: 22px; height: 22px; border-radius: 0; background: transparent url(/assets/images/sprite.svg) no-repeat -343px -30px; }
.sliderbox .ui-widget-content .ui-slider-handle:hover {  border-color: #2d8dc9; box-shadow: 0 0 2px #2d8dc9; }
.sliderbox .ui-widget-content .ui-slider-handle:hover::before { opacity: 1; }
.sliderbox .ui-widget-content .ui-slider-handle:focus::after { opacity: 1; }
.sliderbox .ui-slider-range { background: #1781c4; }

.doublebox { display: block; margin-top: 15px; }
.doublebox .label { display: block; font-size: 16px; line-height: 24px; color: black; }
.doublebox .input { border: 1px solid #cccccc; display: inline-block; width: 68px; height: 34px; vertical-align: middle; background-color: white; }
.doublebox .input.active { border-color: #2d8dc9; box-shadow: 0 0 2px #2d8dc9; }
.doublebox .input input { font-size: 16px; border-width: 0; padding: 8px 10px; height: 18px; width: 22px; color: black; }
.doublebox .remove-value { position: relative; vertical-align: middle; display: inline-block; text-indent: -10000px; background: transparent url(/assets/images/sprite.svg) no-repeat -409px -48px; width: 12px; height: 12px; }
.doublebox .remove-value::before { content: " ";display: block; opacity: 0; background: transparent url(/assets/images/sprite.svg) no-repeat -409px -62px; width: 12px; height: 12px; position: absolute; top: 0; left: 0; }
.doublebox .remove-value:hover::before { opacity: 1; }

.inputbox { display: block; margin-top: 15px; }
.inputbox label { display: block; font-size: 16px; line-height: 24px; color: black; }
.inputbox .input { border: 1px solid #cccccc; display: inline-block; width: 150px; height: 34px; vertical-align: middle; }
.inputbox .input.active { border-color: #2d8dc9; box-shadow: 0 0 2px #2d8dc9; }
.inputbox .input input { font-size: 16px; border-width: 0; padding: 8px 10px; height: 18px; width: 130px; color: black; }
.inputbox .remove-value { position: relative; vertical-align: middle; display: inline-block; text-indent: -10000px; background: transparent url(/assets/images/sprite.svg) no-repeat -409px -48px; width: 12px; height: 12px; }
.inputbox .remove-value::before { content: " ";display: block; opacity: 0; background: transparent url(/assets/images/sprite.svg) no-repeat -409px -62px; width: 12px; height: 12px; position: absolute; top: 0; left: 0; }
.inputbox .remove-value:hover::before { opacity: 1; }
.inputbox.left-label label { display: inline-block; position: relative; width: 127px; margin-right: 14px; vertical-align: middle; text-align: right; }
.inputbox.required label::after { content:"*"; position: absolute; right: -10px; top: 0; color: #ff0000; }
.inputbox .desc { display: inline-block; color: #9f9f9f; margin-left: 10px; font-size: 14px; width: 160px; vertical-align:middle; }
.inputbox.left-label .input { width: 200px; }
.inputbox.left-label .input input { width: 180px; }
.inputbox.big-input .input { width: 374px; }
.inputbox.big-input .input input { width: 354px; }

.textareabox { display: block; margin-top: 15px; }
.textareabox label { display: block; font-size: 16px; line-height: 24px; color: black; }
.textareabox .input { border: 1px solid #cccccc; display: inline-block; width: 150px; height: 136px; vertical-align: top; }
.textareabox .input.active { border-color: #2d8dc9; box-shadow: 0 0 2px #2d8dc9; }
.textareabox .input textarea { font-size: 16px; border-width: 0; padding: 8px 10px; height: 120px; width: 130px; color: black; }
.textareabox .remove-value { position: relative; vertical-align: top; display: inline-block; text-indent: -10000px; background: transparent url(/assets/images/sprite.svg) no-repeat -409px -48px; width: 12px; height: 12px; }
.textareabox .remove-value::before { content: " ";display: block; opacity: 0; background: transparent url(/assets/images/sprite.svg) no-repeat -409px -62px; width: 12px; height: 12px; position: absolute; top: 0; left: 0; }
.textareabox .remove-value:hover::before { opacity: 1; }
.textareabox.left-label label { line-height: 36px; display: inline-block; vertical-align; top; position: relative; width: 127px; margin-right: 14px; vertical-align: top; text-align: right; }
.textareabox.required label::after { content:"*"; position: absolute; right: -10px; top: 0; color: #ff0000; }
.textareabox .desc { display: inline-block; color: #9f9f9f; margin-left: 10px; font-size: 14px; width: 160px; vertical-align:top; }
.textareabox.left-label .input { width: 200px; }
.textareabox.left-label .input textarea { width: 180px; }
.textareabox.big-input .input { width: 374px; }
.textareabox.big-input .input textarea { width: 354px; }

.buttonbox { cursor: pointer; vertical-align: middle; background-color: white; border: 1px solid #e6e6e6; margin-left: 10px; font-size: 18px; color: #004e9e; font-weight: bold; height: auto; padding: 10px 23px; }
.buttonbox:focus { outline-width: 0; }
.buttonbox:active { outline-width: 0; }
.buttonbox:hover { border-color: #cccccc; box-shadow: inset 0 -1px #cccccc; text-decoration: none;}
.buttonbox:active { box-shadow: none; background-color: #d9f0ff; }
.buttonbox.small-button { font-size: 14px; padding: 5px 12px; height: auto; }
.buttonbox.big-button { font-size: 24px; padding: 13px 22px; height: auto; }

.selectbox { display: block; margin-top: 15px; }
.selectbox label { display: block; font-size: 16px; line-height: 24px; color: black; }
.selectbox .jqTransformSelectWrapper { background-color: white; vertical-align: middle; display: inline-block; width: 150px !important; border: 1px solid #cccccc; height: 34px; position: relative; }
.selectbox .jqTransformSelectWrapper ul { width: 148px !important; left: -1px; padding: 5px 1px; border: 1px solid #2d8dc9; box-shadow: 2px 0 4px -2px #2d8dc9, -2px 0 2px -2px #2d8dc9, 0 2px 2px -2px #2d8dc9; background-color: white; border-top-color: #e5e5e5; }
.selectbox .jqTransformSelectWrapper div span { width: 148px !important;  }
.selectbox .select-focus { border: 1px solid #2d8dc9; box-shadow: 0 0 3px #2d8dc9; }
.selectbox .jqTransformSelectWrapper:hover { border: 1px solid #2d8dc9; box-shadow: 0 0 3px #2d8dc9; }
.selectbox.left-label label { display: inline-block; position: relative; width: 127px; margin-right: 14px; vertical-align: middle; text-align: right; }
.selectbox.required label::after { content:"*"; position: absolute; right: -10px; top: 0; color: #ff0000; }
.selectbox .desc { display: inline-block; color: #9f9f9f; margin-left: 10px; font-size: 14px; width: 160px; vertical-align:middle; }
.selectbox.left-label .jqTransformSelectWrapper { width: 200px !important; }
.selectbox.left-label .jqTransformSelectWrapper ul { width: 198px !important; }
.selectbox.left-label .jqTransformSelectWrapper div span { width: 198px !important; }
.selectbox.big-input .jqTransformSelectWrapper { width: 374px !important; }
.selectbox.big-input .jqTransformSelectWrapper ul { width: 372px !important; }
.selectbox.big-input .jqTransformSelectWrapper div span { width: 372px !important; }

/* Selects */
.jqTransformSelectWrapper a.jqTransformSelectOpen { display: block; position: absolute; right: 0px; top: 0px; width: 34px; height: 34px; }
.jqTransformSelectWrapper a.jqTransformSelectOpen::before { content: " "; position: absolute; top: 16px; right: 9px; background: transparent url(/assets/images/sprite.svg) no-repeat -369px -69px; width: 11px; height: 6px; }
.jqTransformSelectWrapper div span { padding:5px 10px; color: black; height: 24px; line-height:24px; font-size: 18px; font-weight: normal; float: none; position: absolute; white-space: nowrap; overflow: hidden; cursor:pointer; text-transform:none; }
.jqTransformSelectWrapper ul { list-style-type: none; margin: 0; padding: 0;display: block; padding: 5px 13px; line-height: 16px; text-decoration: none; white-space:nowrap; color:#bebebe; width: 99px !important; position: absolute; top: 32px; left: 0px; list-style: none; background-color: #f2f2f2; display: none; margin: 0px; padding: 0px; height: 200px; overflow: auto; overflow-y: auto; z-index:10; }
.jqTransformSelectWrapper ul a { display: block; line-height: 24px; font-size: 16px; padding: 3px 9px; }
.jqTransformSelectWrapper ul a:hover { background-color: #e5e5e5; text-decoration: none; }
.jqTransformSelectWrapper ul a.selected { background-color: #e5e5e5; }


/* -------------
 * Hidden - used to hide the original form elements
 * ------------- */
.jqTransformHidden {display: none;}