/* STYLING TOP LEVEL FORM CONTAINERS */
.sc-element-container,
.sc-form-heading,
.sc-form-submit-row
{
	margin-bottom: 1em;
}

.sc-form-heading
{
	margin-top: 2em;
	font-weight: bold;	
}
/* END: STYLING TOP LEVEL FORM CONTAINERS */


/* MEDIA QUERIES FOR ELEMENT WIDTH */

.sc-form input[type=text],
.sc-form input[type=password],
.sc-form textarea,
.sc-form select
{
	width:100%;	
}

/*Rad Picker Override*/
.sc-datetime > .sc-form-control > .RadPicker
{
	width: 100% !important;	/*override inline style*/
}

@media (min-width: 480px)
{
	.col-lg-8 .sc-form input[type=text],
	.col-lg-8 .sc-form input[type=password],
	.col-lg-8 .sc-form textarea,
	.col-lg-8 .sc-form select
	{
		width:80%;	
	}
	/*Rad Picker Override*/
	.col-lg-8 .sc-datetime > .sc-form-control > .RadPicker
	{
		width: 75% !important;	/*override inline style*/
	}
}

@media (min-width: 768px)
{
	.col-lg-8 .sc-form input[type=text],
	.col-lg-8 .sc-form input[type=password],
	.col-lg-8 .sc-form textarea,
	.col-lg-8 .sc-form select
	{
		width:66%;	
	}
	
	/*Rad Picker Override*/
	.col-lg-8 .sc-datetime > .sc-form-control > .RadPicker
	{
		width: 60% !important;	/*override inline style*/
	}
}

@media (min-width: 992px)
{
	.col-lg-8 .sc-form input[type=text],
	.col-lg-8 .sc-form input[type=password],
	.col-lg-8 .sc-form textarea,
	.col-lg-8 .sc-form select
	{
		width:50%;	
	}
	
	/*Rad Picker Override*/
	.col-lg-8 .sc-datetime > .sc-form-control > .RadPicker
	{
		width: 45% !important;	/*override inline style*/
	}
}

/* END: MEDIA QUERIES FOR ELEMENT WIDTH */

/* CAPTCHA STYLING */
.sc-form .sc-captcha input
{
	width: 180px;	
}

.sc-form .sc-captcha .sc-captcha-input.sc-experimental input[type=text]
{
	/* EXPERIMENTAL: Make CAPTCHA input more visually consistent with image */
	width: 180px;	
	font-family: monospace;
	font-size: 40px;
	font-weight: bold;
	padding: 4px 0 4px 8px;
	letter-spacing: 10px;
}

.sc-form .sc-captcha .sc-captcha-image
{
	/* Make sure height accomodates CAPTCHA image */
	min-height: 50px;
	
	/* Clear any uncleared floats */
	width: 100%;
	overflow: hidden;
}
.sc-form .sc-captcha .sc-captcha-image .CaptchaImageDiv img
{
	/* Remove image from layout */
	position: absolute;
}
.sc-form .sc-captcha .sc-captcha-image .CaptchaImageDiv a
{
	/* Make links appear to the right of absolutely positioned image */
	margin-left: 185px;
	
	/* Force links to contract to actual width (so focus box doesn't take up 100% width) */
	float: left;
	clear: left;
	
	font-size: 0.9em;	
	
	/* Hack to keep the links roughly in the vertical centre of the image */
	line-height: 0.8em;
	margin-top: 0.6em;
}

/* END CAPTCHA STYLING */

.sc-form .sc-rank .sc-form-control input
{
	width: 2.3em;	
}

.sc-form input[type=text],
.sc-form input[type=password],
.sc-form textarea,
.sc-form select,
.sc-datetime > .sc-form-control > .RadPicker .RadInput_Default input[type=text],
html body #mainForm .RadInput_Default .riTextBox, 
html body #mainForm .RadInputMgr_Default
{
	font-size:1em;
	border: 1px solid #BFC1C5;
	padding: 0.25em;
}

/* DATE PICKER STYLE OVERRIDES */
html body #mainForm .RadInput_Default .riTextBox, 
html body #mainForm .RadInputMgr_Default
{
	font-size: 1.3em;	
	font-family: sans-serif;
	padding: 0.26em;
}
html body #mainForm .RadInput_Default .riError, 
html body #mainForm .RadInput_Error_Default
{
	background-position: 99% -294px;
}

.sc-datetime > .sc-form-control > .RadPicker > table
{
	width: 100% !important;	/*override inline style*/
}
/* END: DATE PICKER STYLE OVERRIDES */


.sc-textarea > .sc-form-control > textarea
{
	height: 6em;
}

.sc-radio-button > .sc-form-control label,
.sc-checkbox > .sc-form-control label,
.sc-form-matrix > .sc-form-control label,
.sc-rank > .sc-form-control label
{
	/* Padding rather than margin, so whole block is clickable */
	padding-left: 0.5em;
}

.sc-form-matrix > .sc-form-control table th,
.sc-form-matrix > .sc-form-control table td
{
	text-align: left;	
	padding-right: 1em;
}

.sc-form-matrix > .sc-form-control table td:first-child
{
	min-width: 8em;
}