/* text formatting */

@font-face
{
	font-family: 'BebasNeue';
	src: url('../Fonts/BebasNeue.otf');
}

body, body.textBase
{
	font-family: Open Sans, Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 1em !important;
	line-height: 1.5 !important;
	color: #444444;
	text-align: left;
}

input, select, form ul.cafOptionGroup li input.cafInputItem
{
	display: block;
	padding: 3px 5px;
	height: 20px;
	background: #f7f7f7;
	border-top: 1px solid #cbcbcb;
	border-left: 1px solid #cbcbcb;
	border-bottom: 1px solid #e4e5e0;
	border-right: 1px solid #e4e5e0;
	font: .85em Open Sans, Arial, Helvetica, sans-serif;
	color: #606060;
	margin-right: 8px;
}

.sfFormBox.sfTxtBoxMedium .sfTxt
{
	max-width: 420px;
	float: left;
	background-color: #ffffff;
	margin-bottom: 20px;
}

.sfFormBox.sfTxtBoxLarge .sfTxt
{
	width: 600px;
	float: left;
	background-color: #ffffff;
}


div.formContainer input.sfTxt
{
	background-color: #ffffff;
}

div.formContainer .sfTxtLbl.sfInlineBlock
{
	width: 100%;
	margin-bottom: 10px;
}

.sf_cols.tableContainer > div > div > div.formContainer > div
{
	padding-right: 40px;
	padding-left: 50px;
}

.sfFormBox .sfTxt
{
	padding: 3px;
	font-size: 12px;
	font-family: inherit;
}

:focus
{
	outline: 0;
}

form input
{
	float: left;
	margin-right: 8px;
	margin-bottom: 0;
	height: 30px;
}

.sfFormDropdown select
{
	padding: 1px;
	font-size: 12px;
	font-family: inherit;
	height: 25px;
	background: #ffffff;
}

.sfLeftLbls .sfTxtLbl
{
	margin: 20px 0 5px 0;
	margin-right: 10px;
	width: 100%;
	line-height: 150%;
}

.sfLeftLbls .sfTxtLbl,
.sfLeftLbls .sfFieldWrp
{
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: top;
	width: 100%;
}

.sfRadioList .sfFieldWrp
{
	width: 50px;
}

.sfFormDropdown .sfTxtLbl
{
}

.sfTxtLbl
{
	cursor: default;
	font-family: Open Sans, Arial Semibold, Helvetica, sans-serif;
	font-weight: 600;
}

.sfFormSubmit.sfSubmitBtnSmall input
{
	font-size: 13px;
	padding: 2px 5px;
	float: left;
	font: 600 0.85em Open Sans, Arial Semibold, Helvetica, sans-serif;
	height: 25px;
	margin-top: 20px;
	background-color: #007f99;
}


form .cafRow, form .cafButtonsRow, form .cafPlugin, form .cafDateRow, form .cafRowTextWithLink
{
	clear: both;
	padding: 0 0 15px;
}

form label
{
	padding: 5px 15px 0 0;
	width: 150%;
	font-size: .95em;
	display: block;
}

label span, .required, .cafRequired
{
	font-weight: 700;
	color: #d24508;
	margin-left: 3px;
}

form .cafValidator
{
	color: #d24508;
	display: block;
	font-size: .9em;
	font-weight: 400;
	padding: 0 0 7px;
	text-align: left;
}

.cafButtonsRow input, .cafButtonsRow .cafLinkButton
{
	display: inline-block;
	background: #007f99;
	font-family: Open Sans, Arial Semibold, Helvetica, sans-serif;
	font-weight: 600;
	width: auto;
	min-height: 40px;
	text-decoration: none;
	color: #ffffff;
	font-size: 16px;
	border-radius: 3px;
	box-shadow: none !important;
	border: 2px solid #007f99;
	padding: 0 20px;
}

.greyForm input
{
	background-color: #ffffff;
}

.greyForm input.vs_primaryButton
{
	background: #007f99;
}

.greyForm.sfLeftLbls .sfFieldWrp
{
	vertical-align: top;
	display: inherit;
}

.pluginBorder
{
	width: 390px;
	padding: 20px 0 15px 25px;
	border: 1px solid #d8d8d8;
}

input.vs_primaryButton
{
	padding: 5px 20px;
	margin: 20px 0 40px;
}

.noRight
{
	padding-right: 0;
}


.sfCheckListBox .sfTxtLbl
{
	font-family: Open Sans, Arial, Helvetica, sans-serif;
	font-weight: 400;
}

.sfCheckListBox .sfFieldWrp form label
{
	font-family: Open Sans, Arial, Helvetica, sans-serif;
	font-weight: 400;
	width: 420px;
}

div.formContainer .sfFormBox
{
	margin-bottom: 10px;
}


.sf_cols.tableContainer > div > div > div.formBoxContainer
{
	width: 40%;
	padding: 30px;
}

.sfFormRadiolist .sfTxtLbl
{
	font-family: Open Sans, Arial Semibold, Helvetica, sans-serif;
	font-weight: 600;
}

.sfFormRadiolist.sfFieldWrp form label
{
	font-family: Open Sans, Arial, Helvetica, sans-serif;
	font-weight: 400;
	width: 420px;
}

@media screen and (max-width: 1024px)
{
	.sfFormBox.sfTxtBoxLarge .sfTxt
	{
		width: 550px;
		float: left;
		background-color: #ffffff;
	}


	.sf_cols.tableContainer > div > div > div.cellContainer
	{
		border: none;
		border-right: 1px solid #d8d8d8;
	}

	.sf_cols.tableContainer > div > div > div.formBoxContainer
	{
		width: 91%;
		padding: 30px;
	}
}

/* horizontal form */
.horizontalFormBox .sfFormBox .sfError
{
	clear: both;
}

.horizontalFormBox div.RadCaptcha div.sfFormCaptcha label.sfTxtLbl
{
	text-align: left;
}

.horizontalFormBox .sfFormBox.sfTxtBoxMedium .sfTxt
{
	margin-bottom: 0px;
}

/* end horizonal form */


@media screen and (max-width: 1024px),
/* iphone 4 portrait */
only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),
/* iphone 5 portrait */
only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),
/* iphone 6 portrait */
only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),
/* iphone 6+ portrait */
only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait),
/* ipad 1 & 2 portrait */
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: portrait),
/* ipad 3 & 4 portrait */
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),
/* Galaxy S3 portrait */
{
	.sf_cols.tableContainer > div > div > div.formBoxContainer
	{
		width: 90%;
		padding: 20px;
	}

	.sf_cols.tableContainer > div > div > div.formContainer > div
	{
		padding-right: 20px;
		padding-left: 20px;
	}

	.sfFormBox.sfTxtBoxLarge .sfTxt
	{
		width: 100%;
	}
}

@media screen and (min-width: 1024px),
/* iphone 4 portrait */
only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),
/* iphone 5 portrait */
only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),
/* iphone 6 portrait */
only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),
/* iphone 6+ portrait */
only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait),
/* ipad 1 & 2 portrait */
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: portrait),
/* ipad 3 & 4 portrait */
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),
/* Galaxy S3 portrait */
screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait),
/* Galaxy S4 portrait */
screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait),
/* Galaxy S5 portrait */
screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)
{

	.sfFormBox.sfTxtBoxMedium,
	.sfFormBox.sfTxtBoxLarge,
	.sfFormBox.sfTxtBoxLarge .sfTxt
	{
		width: 100%;
		float: left;
	}



	.pluginBorder
	{
		width: 100%;
		padding: 0 0 15px 0;
		/*border: none; */
	}

	form input
	{
		float: left;
		margin-right: 8px;
		/*margin-bottom: 30px;
	   width: 95%;*/
		height: 30px;
	}

	.sf_cols.tableContainer > div > div > div.formContainer > div
	{
		padding-right: 20px;
		padding-left: 20px;
	}

	.sf_cols.tableContainer > div > div > div.formBoxContainer
	{
		width: 98%;
		border: none;
		padding: 10px;
	}

	.sf_cols.tableContainer
	{
		border: none;
	}

	div.formContainer .sfFormBox
	{
		margin-bottom: 0;
	}

	div.formContainer .sfTxtLbl.sfInlineBlock
	{
		margin-bottom: 20px;
	}

	form label
	{
		padding: 10px 15px 0 0;
		width: 200%;
		font-size: .95em;
		display: block;
	}
}