/* 

	Default VCMS CSS template for Sheffield Tigers RUFC
	================================================================
	File name: core.css
	Created on: Tuesday 22nd February 2022
	Author: Little Fire Digital
	Copyright: Little Fire Digital Ltd 2022
	Generated by: Simon
	
	Notice
	================================================================
	This is a base style sheet generated by the system	
	
	Colours:
	================================================================
		Primary Colour: #741d24
	Primary Highlight: #97262f
	Primary Shadow: #63191f
	Accent Colour: #ff9500
	Accent Highlight: #ffc200
	Accent Shadow: #d97f00


*/



.loading.absolute {
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 5;
}

.loading {
	background: url(/assets/core.loading_black.gif) center center no-repeat rgba( 255, 255, 255, .8);
}


/* ------------ Modal styles -------------- */

.modal_window {
	background-color: #ffffff;
			
	position: fixed;
	display: flex;
	flex-direction: column;
	z-index: 4000;
	left: 50%;
	top: 50%;
}

#modal_overlay {
	position: fixed;
	z-index: 3999;
	background: #fff;
	top: 0;
	left: 0;
	bottom: 0;
	display: none;
	right: 0;
}

.modal_window iframe {
	min-width: calc( 100% - 2rem );
	max-width: calc( 100% - 2rem );
	margin: 1rem;
	flex-grow: 1;
	background-color: #fff;
}

h3.modal_title {
	overflow: hidden;
	width: auto;
	margin-bottom: 0;
	box-sizing: border-box;
}

.modal_close,
.modal_close:visited {
	font-size: .8em;
	color: inherit;
	float: right;
	margin-left: 1em;
}

/* ------ Disabled Styles ------- */


*:disabled,
.disabled {
	opacity: .6;
}

*:disabled,
input.disabled,
select.disabled,
textarea.disabled,
button.disabled,
.disabled input,
.disabled select,
.disabled textarea,
.disabled button {
	pointer-events: none;
}


/* ------ Cursor Styles ------- */

.pointer {
	cursor: pointer;
}

/* --- Pointer Areas  --- */

.pointer a:hover {
	text-decoration: none;
}

.has_call_to_action {
	position: relative;
}

.pointer.has_call_to_action {
	padding-bottom: calc( 1rem + 30px );
	box-sizing: border-box;
}

.pointer.has_call_to_action .call_to_action,
.pointer.relative .call_to_action {
	position: absolute;
	bottom: 1rem;
	right: 1rem;
	height: 20px;
}

/* --- Media Call for iPad Portrait Only --- */

@media only screen and (max-width: 768px) {

	figure.left,
	img.left {
		margin-right: .5em;
	}


	figure.right,
	img.right {
		margin-left: .5em
	}

	figure.width_15,
	img.width_15 {
		min-width: 50%;
		max-width: 50%;
		height: auto;
	}
	
	figure.width_30,
	figure.width_50,
	img.width_30,
	img.width_50 {
		min-width: 100%;
		max-width: 100%;
		height: auto;
		margin: 0;
	}


}

.align-right {
	text-align: right;
}

.align-left {
	text-align: left;
}

.align-centre {
	text-align: center;
}

/* -------------------------------------------------- Embedded Containers ------------------------------------------- */

.embed-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%; 
	width: 100%; 
}

.embed-container > .embedded { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%;
}


/* ------------------------------------------------ Image divs ------------------------------------------------- */

.image_div {
	width: 100%;
	padding: 65% 0 0 0;
	box-sizing: border-box;

}

.image_div.image_div_portrait {
	padding: 153% 0 0 0;
}

.image_div.image_div_square {
	padding: 100% 0 0 0;
}

.image_div.image_div_letterbox {
	padding: 35% 0 0 0;
}

.image_div > div {
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;	
}

.image_div.image_div_contain > div {
	background-size: contain;		
}




/* ============================== Footer ============================== */

footer {
	background-color: #DDDDDD;
}

/* ---------------------------------------------------- Footer Styles --------------------------------------------------- */


/* ------------------------------------------- Copy to clipbaord gubbins ------------------------------------------- */


.copy_to_clipboard:after {
	content: "\7d";
}

div.copy_to_clipboard {    
	position: relative;
	border-color: currentColor;
	border-style: dotted;
	border-width: 1px;
	border-radius: .3em;
	padding-right: 2em;
}

div.copy_to_clipboard:after {
	position: absolute;
	top: .5em;
	right: .5em;
}
div.copy_to_clipboard:before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: '';
	background-color: currentColor;
	opacity: .1;
	transition: .5s opacity ease;
}

div.copy_to_clipboard:hover:before {
	opacity: .2;
}


/* ------------------------------------------------ Zoomers and Faders ------------------------------------------------- */

.zoom {
	transition: transform 1s ease;
}

.zoom:hover {
	transform: scale(1.03,1.03);
}


.fadable {
	transition: opacity .5s ease;
}

.panel[data-url] {
	cursor: pointer;
}


/*------------------------------------------------------------ In Document Layout Styles ----------------------------------------- */

figcaption {
	font-size: .8em;
}

figure.width_100,
figure.width_100 > img,
img.width_100,
.cke_editable img.width_100 {
	max-width: 100%;
	min-width: 100%;
	height: auto !important;
	margin: 0 0 1em 0;
}

figure.width_100 > img {
	margin: 0;
}

figure.width_50,
img.width_50,
.cke_editable img.width_50 {
	max-width: 50%;
	min-width: 50%;
	height: auto !important;	
}

figure.width_30,
img.width_30,
.cke_editable img.width_30 {
	max-width: 30%;
	min-width: 30%;
	height: auto !important;	
}

figure.width_15,
img.width_15,
.cke_editable img.width_15 {
	max-width: 15%;
	min-width: 15%;
	height: auto !important;	
}

figure.left,
img.left {
	float: left;
	margin: 0 1em 1em 0;
	clear: left;
}

figure.left + figure.left,
img.left + image.left {
	clear: none;
}

figure.centre {
	float: none;
	margin: 1em auto;
	width: 100%;
	clear: both;
	text-align: center;
}

img.centre {
	float: none;
	margin: 1em auto;
	clear: both;
}

figure.right,
img.right {
	float: right;
	margin: 0 0 1em 1em;
	clear: right;
}

img.border {
	border: 1px solid #000;
}

.cke_panel_block li,
.cke_panel_block a {
	margin: 0 !important;
}
/* =========================== DL Lists ====================== */


dl.tabular,
dl.colon_list,
dl.footnote {
	width: auto;
	overflow: hidden;
}

dl.tabular > *,
dl.colon_list > *,
dl.footnote > * {	
	float:left;
	margin-bottom: 0.25em;
	box-sizing:border-box;
}

dl.tabular > dt,
dl.colon_list dt,
dl.footnote dt {
	clear:left;
	width:30%;
	padding-right: 1em;
	box-sizing: border-box;
	font-weight:bold;
}



dl.tabular > dt {
	text-align:right;
}

dl.colon_list dt:after,
dl.footnote dt:after {
	content: ':';
}

dl.tabular > dd,
dl.colon_list > dd,
dl.footnote > dd {
	width: 70%;
	margin-inline-start: 0;
	text-indent: 0;
}


dl.tabular.dl_15 > dt {
	text-align: left;
	width: 15%;
}

dl.tabular.dl_15 > dd {
	width: 85%;
}

@media only screen and (max-width:576px) {

	dl.tabular > dt {
		width: 100% !important;
		margin-bottom: .5em;
		padding: 0;
		text-align: center;
	}
	
	dl.tabular > dd {
		width: 100% !important;
		text-align: center;
	}
	
	dl.tabular > dd {
		float: none;
	}

	dl.tabular > dd + dt {
		margin-top: .5em;
	}	
		
}


/* =========================== Transparent Background ====================== */

.transparent_background {
	background-color: #ebebeb;
	background-image:  repeating-linear-gradient(45deg, #dddddd 25%, transparent 25%, transparent 75%, #dddddd 75%, #dddddd), repeating-linear-gradient(45deg, #dddddd 25%, #ebebeb 25%, #ebebeb 75%, #dddddd 75%, #dddddd);
	background-position: 0 0, 7px 7px;
	background-size: 14px 14px;
}

/* =============================== Document Title Styles ============================= */
/* By default, major titles should clear images and floats */

.document h1,
.document h2,
.document h3 {
	clear: left;
}

.document ul {
	margin-left: 2em;
	padding: 10px 0;
}

.document ul.ul_stripped {
	margin-left: 0;
	padding: 0;
}

.document {
	line-height: 1.5;
}

.document > p {
	text-align: justify;
}

.document li+li {
	margin-top: 8px;
}

.document ul.ul_stripped li+li {
	margin-top: 0px;
}



/* ------------------------------------------------- Generic Image Styles ------------------------------------------------- */

	
img {
	max-width: 100%;
	height: auto;
}

img.fullwidth {
	min-width: 100%;
	width: 100%;
}

a img {
    border: 0;
}

img.image_loading {
	opacity: 0;
}

img[data-bgimage] {
	transition: opacity 1s ease;
}

img.image_loaded {
	height: auto !important;
	padding-bottom: 0 !important;
}



/*------------------------------------------------------------ Some Base User Styles ----------------------------------------- */

.user_alias {
	padding-right: 8px;
	display: inline-block;
	white-space: nowrap;
}

.logged_in_icon {
	right: 0;
	top: 0;
	width: 4px; 
	height: 4px;
	background: rgba( 0, 0, 0, .5 );
	border-radius: 50%;
	border: 1px solid rgba( 120, 120, 120, .7 );
	transition: background 1s ease;
}

.logged_in .logged_in_icon {
	background: rgba(0, 255, 29, 1);
}

.background-image {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

/* ----------------------------------------------------- Standard File Download Link ------------------------------------------------ */

a.file_download,
a.file_download:visited {
	display: block;
	padding: 4px 0px 4px 30px;
	background-position: top left;
	background-repeat: no-repeat;
	text-decoration: none;
}

/* ----------------------------------------------------- Form Styles ------------------------------------------------------------------ */

*:focus {
    outline: 0;
}

.form_icon,
.reversed .reversed_reversed .form_icon {
	display: inline-block;
	width: 29px;
	height: 29px;
	background-size: cover;
	background-position: left top;
}

.reversed .form_icon {
	background-position: left bottom;
}

/* Define the outer appearance of form elements */
.button,
.button:visited,
button,
input[type="reset"],
input[type="button"],
input[type="submit"],
input[type="file"] > input[type="button"],
.custom_form.select,
select[size],
.cssForm .period_picker_input,
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=number],
textarea {
	border-radius: 3px;
max-width: 100%;
}



.input_item_suffix {
	display: inline-block;
	padding-left: 3px;
	line-height: 29px;
}

/* Set the appearance of type in form fields */
.button,
.button:visited,
button,
input[type="reset"],
input[type="button"],
input[type="submit"],
input[type="file"] > input[type="button"],
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=number],
.custom_form.select select,
.cssForm .period_picker_input,
select[size],
textarea {
	font-family: 'Montserrat';
	font-weight: 300;
	font-size: 16px;
	color:  #333333;	
	min-height: 2em;
	box-sizing: border-box;
	display: inline-block;	
	padding: .3em .6em .4em;
	line-height: 1.2;
}

.custom_form.select span {
	display: block;
	width: 100%;
	overflow: hidden;
}

.custom_form.select select {
	min-width: 100%;
	margin: -1px 0;
}

.button,
.button:visited,
.button:hover {
	text-decoration: none;
	text-align: center;
	padding: .3em .6em .3em;
}

textarea,
.button,
.button:visited,
.button:hover {
	line-height: normal;
}

.custom_form.select select,
.cssForm .period_picker_input {
	-webkit-box-shadow: none;
	box-shadow: none;
}



/*  Period pickers need a shade more padding */
.cssForm .period_picker_input {
	min-height: 31px;
	display: inline-block;
	box-sizing: border-box;
	line-height: calc(27px - .3em);
}

/*  Remove nasty custom shadows */
.cssForm .period_picker_input:before {
	min-height: 29px;
	-webkit-box-shadow: none;
	box-shadow: none;
}

button,
.button,
.custom_form.select,
select[size],
.cssForm .period_picker_input {
	color:  #111111;
	border: 1px solid rgba( 0, 0, 0, 0.5 );
	transition: background-color .5s ease, border .5s ease, color .5s ease;
	background: rgba( 240, 240, 240, .8 );
	box-sizing: border-box;
}

.cssForm .period_picker_input:before {
	padding: .3em .5em;
}

.button:active,
button:active,
input[type="reset"]:active,
input[type="button"]:active,
input[type="submit"]:active,
input[type="file"] > input[type="button"]:active,
.custom_form.select:active {
	background: #e3e3e3;
	text-decoration: none;
}
.button.primary,
.button.primary:visited,
button.primary,
input[type="reset"].primary,
input[type="button"].primary,
input[type="submit"].primary,
input[type="file"] > input[type="button"].primary,
.custom_form.select.primary {
	background: #741d24;
		color: #FFFFFF;	text-decoration: none;
	transition: background .5s ease, color .5s ease;
}


.button.primary:active,
button.primary:active,
input[type="reset"].primary:active,
input[type="button"].primary:active,
input[type="submit"].primary:active,
input[type="file"] > input[type="button"].primary:active,
.custom_form.select.primary:active {
	color: #FFFFFF;
	background: #63191f;
	text-decoration: none;
}

.button:hover,
button:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="file"] > input[type="button"]:hover {
	color: rgba(17, 17, 17, .7);
	background-color: #e0e0e0;
	text-decoration: none;
}

.button.primary:hover,
button.primary:hover,
input[type="reset"].primary:hover,
input[type="button"].primary:hover,
input[type="submit"].primary:hover,
input[type="file"] > input[type="button"].primary:hover {
	background-color:  #63191f;	color: rgba(255, 255, 255, .7);	text-decoration: none;
}


input[type=number],
input[type=text],
input[type=password],
input[type=email],
input[type=url],
textarea {
	color: #333333;
	border: 1px solid rgba( 0, 0, 0, 0.5 );
	background-color:  rgba( 240, 240, 240, 0.8 );
	transition: background-color .5s ease, border .5s ease, color .5s ease;
}

textarea {
	height: auto;	
}

input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=number]:focus,
textarea:focus {
	color: #333333;
	border: 1px solid rgba( 0, 0, 0, 0.5 );
	background-color: rgba( 255, 255, 255, 1 );
}


input[type=text]:placeholder-shown,
input[type=password]:placeholder-shown,
input[type=email]:placeholder-shown,
input[type=url]:placeholder-shown,
textarea:placeholder-shown {
	color: rgba( 0, 0, 0, 0.1 );
}

select {
	color:  #333333;
}

select:focus {
	color:  #333333;
}

.cssForm:after,
.itemRow:after,
.cssInput:after,
.buttonSet:after,
.checkboxGroup:after,
.radioGroup:after {
  content: "";
  clear: both;
  display: table;
 }

.cssForm {
	margin: 0;
	padding: 0;
}

.form_title {
	padding: 1rem;
	margin: 0.5rem 0;
}

.button_set,
.buttonSet,
.itemRow {
	padding: 0.5rem 1rem;
	box-sizing: border-box;	
}

.panel.twelfth_3 .itemRow,
.panel.twelfth_2 .itemRow,
.panel.tenth_2 .itemRow,
.panel.quarter .itemRow,
.panel.fifth .itemRow,
.panel.sixth .itemRow {
	padding: 0.5em;
}

.fullwidth,
.fullwidth .custom_form.select {
	width: 100%;
}

input.uppercase {
	text-transform: uppercase;
}

input.fullwidth.submit_here,
input.fullwidth.update_here {
	width: 76% !important;
}

button.button_update_here {
	width: 20% !important;
	float: right;
}

.itemLabel {
	float: left;
	text-align: right;
	width: 30%;
	font-weight: bold;
}

.itemLabel.labelWide {
	float: none;
	text-align: center;
	width: 100%;
	display: block;
}

.itemLabel, .price_wrapper {
	padding-top: 3px;
}

.buttonSet {
	text-align: center;
}


.buttonSet * + * {
	margin-left: 3px;
} 


.buttonSet.top {
	text-align: right;
}

.fieldRequired {
	font-weight: bold;
	color: #FF0000;
}

.itemLabel+.cssInput {
	float: left;
	margin-left: 5%;
	width: 64%;
}

.fieldDescription  {
	font: normal 8pt arial, verdana;
}

.fieldDescription.descriptionCheckbox {
	margin-left: 25px;
	padding-top: 3px;

}

.field_notice,
input[type=text].formNotice {
	padding: 0;
	width: 90%;
	overflow: visible;
	display: block;
	border: none;
	background: none;
	opacity: .6;
	font: normal 10px/normal verdana, arial, sans-serif;
}


/* Buttons and icons */

.button .icon {
	line-height: 1;
	height: 1em;
	margin-top: .2em;
	overflow: hidden;
	margin-bottom: -.2em;
	min-width: 1em;
}

.button .icon:before,
.button [class^="icon-"]:before,
.button [class*=" icon-"]:before {
	line-height: 1;
	font-size: 1em;
	width: 1em;
}

.button span {
	display: inline-block;
}

.button span + span {
	margin-left: .4em;
}


/* -------------------------------------------------- File Drop Overwrites ------------------------------------------------------ */ 

ul.file_drop_active li > .file_drop_button {
	background: #741d24;	color: rgba(255, 255, 255, 1);}

ul.file_drop_active li > .file_drop_button.is-dragover {	
	color: rgba(255, 255, 255, .8);
	background: #63191f;
}

div.file_drop_progress_bar,
div.file_drop_preview_progress > div {
	background-color: #ff9500;
}

/* --------------------------------------------------------- Checkboxes and Radio Buttons --------------------------------------------------------- */

.checkboxGroup > span {
	float: left;
	width: 30%;
	margin-right: 3%;
	padding-top: 3px;
}

.custom_form.radio {
	width: 45%;
	float: left;
}

.custom_form.radio.newline {
	margin-right: 5%;
	clear: left;
}

.custom_form.checkbox label,
.radio_group label {
	display: block;
	padding-left: 1.5em;
	position: relative;
	min-height: 22px;
	padding-top: 3px;
}

input[type="radio"],
.custom_form input[type="checkbox"] {
	position: absolute;
	left: 2px;
	top: 8px;
	background: transparent;
	filter: alpha(opacity=0);
	opacity: 0;
	z-index: 1;
}

.custom_form input[type="checkbox"] {
	left: 0;
	top: .3em;
}

input[type="radio"] + span,
.custom_form input[type="checkbox"] + span {
	position: absolute;
	left: .1em;
	top: .3em;
	width: .8em;
	height: .8em;
	border-radius: .2em;
	background: rgba( 240, 240, 240, .8 );
	border: solid #adadad 1px;
	vertical-align:middle;
	cursor:pointer;
	box-shadow: inset 0 .1em .3em rgba( 0,0,0,.1);
	transition: box-shadow .5s ease, background .5s ease;
}

input[type="radio"] + span {
	border-radius: 50%;
}

input[type="radio"]:focus + span,
.custom_form input[type="checkbox"]:focus + span {	
	background: rgba(99, 25, 31, .3);
	box-shadow: inset 0 .1em .3em rgba( 0,0,0,.25);
}

.custom_form input[type="checkbox"]:checked + span:before,
.custom_form.select:before {
	position: absolute;
	color: #63191f;
}

.custom_form input[type="checkbox"]:checked + span:before {
	content: "\25";
	top: -.4em;
	left: -.1em;
}

input[type="radio"]:checked + span:before {
	box-shadow: inset 0 -.1em .2em rgba( 0,0,0,.65);
	position: absolute;
	content: '';
	background: #97262f;
	border-radius: 50%;
	width: calc( .8em - 4px );
	height: calc( .8em - 4px );
	left: 2px;
	top: 2px;
}

.custom_form.select select {
	-moz-appearance: none;
	-webkit-appearance: none;
	background: transparent;
	border: none;
	padding-right: 2em ;
}

.custom_form.select {
	position: relative;
	display: inline-block;
}

.custom_form.select:before {
	left: calc( 100% - 1.5em );
	top: 50%;
	content: "\71";
	margin-top: -.75em;
}

.custom_form.select span {
	position: relative;
	z-index: 3;
}

/* ------------------------------------------------------ Code excerpts ------------------------------------------------------ */

pre {
	border: 1px dotted #666;
	background: #f7f7f7;
	margin: 10px 0;
	padding: 10px 20px;
	color: #000;
	display: block;
	width: 100%;
	font-family: courier;
}

pre.prettyprint {
	overflow-x: auto;
}

/* ------------------------------------------------------ File Downloads Table ------------------------------------------------------ */

.downloads_div {
	margin-top: 20px;
	width: auto;
	border: 1px solid #000000;
	border-width: 1px 0;
	clear: both;	
}

.downloads_div > *+* {
	border-top: 1px dotted #000000;
}

.downloads_div a.row_thumbnail,
.downloads_div a.row_thumbnail:visited {
	display: block;
	background-position: left top;
	background-repeat: no-repeat;
	text-decoration: none;
	font-weight: bold;
}

.downloads_div a.row_thumbnail > * {
	height: 0;
	width: 100%;
	padding: 100% 0 0 0
}

/* ------------------------------------------------- Hollow Buttons ------------------------------------------------- */

.button.hollow,
.button.hollow:visited,
button.hollow,
input[type="reset"].hollow, 
input[type="button"].hollow, 
input[type="submit"].hollow,
input[type="file"].hollow > input[type="button"],
.custom_form.select.hollow {
	background: none;
}

/* ------------------------------------------------- Ordinary Buttons ------------------------------------------------- */

.button:hover,
button:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
input[type="submit"]:hover{
	cursor: pointer;
}



@media screen and (-webkit-min-device-pixel-ratio:0) {

	button,
	input[type="reset"],
	input[type="button"],
	input[type="submit"] {
		margin: 0;
	}
}



/* ------------------ Browser Workarounds -------------- */


input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

textarea,
select,
button {
	-webkit-appearance: none;
}

select:-moz-focus-inner,
input:-moz-focus-inner {
	border: 0;
}

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #333333;
}

select:focus:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000000;
}


/* Alternate Rules for Narrow Columns */

.panel.twelfth_4 .itemLabel,
.panel.twelfth_4 .cssInput,
.panel.twelfth_3 .itemLabel,
.panel.twelfth_3 .cssInput,
.panel.twelfth .itemLabel,
.panel.twelfth .cssInput,
.panel.sixth .itemLabel,
.panel.sixth .cssInput,
.panel.quarter .itemLabel,
.panel.quarter .cssInput,
.panel.third .cssInput,
.panel.third .itemLabel {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	text-align: center;	
}

.checkbox_group .custom_form.checkbox label {
	text-align: left;	
}

.panel.twelfth input[type=text],
.panel.sixth input[type=text],
.panel.quarter input[type=text], 
.panel.third input[type=text], 
.panel.twelfth input[type=number],
.panel.sixth input[type=number],
.panel.quarter input[type=number], 
.panel.third input[type=number], 
.panel.twelfth textarea,
.panel.sixth textarea,
.panel.quarter textarea, 
.panel.third textarea, 
.panel.twelfth input[type=email],
.panel.sixth input[type=email],
.panel.quarter input[type=email],
.panel.third input[type=email], 
.panel.twelfth input[type=url],
.panel.sixth input[type=url]
.panel.quarter input[type=url],
.panel.third input[type=url], 
.panel.twelfth input[type=password],
.panel.sixth input[type=password],
.panel.third input[type=password], 
.panel.quarter input[type=password], 
.panel.third input[type=password], 
.panel.twelfth select,
.panel.sixth select,
.panel.third select,
.panel.quarter select
{
	box-sizing: border-box;
	width: 100%;
}


/* -------------------------------------------- Common Attributes for Nuggets  -------------------------------------------- */

.nugget {
	position: relative;
	box-sizing: border-box;
}

.nugget_image img {
	min-width: 100%;
	display: block;
}

.product_nugget .nugget_text_holder {
	width: 100%;
	overflow: hidden;
	padidng:5px 10px;
}

.product_nugget .nugget_text_holder .nugget_text {
	margin-bottom: 5px;
	width: 100%;
	min-height: 150px;
}

.nugget_image {
	display: block;
}

.nugget.relative .nugget_content {
	padding-bottom: 50px;
}

.nugget .button_set,
.nugget .buttonSet {
	position: absolute;
	bottom: 0;
	width: 100%;
}

.nugget_subtitle {
	margin:0;
}

.nugget.pointer .nugget_content {
	padding-bottom: 50px;
}

/* -------------------------------------------- Call to Action Buttons -------------------------------------------- */

.call_to_action {
	min-height: 20px;
}

.call_to_action a {
	display: inline-block;
	padding: 0;
	line-height: 180%; 
	transition:all .3s ease;
}

.call_to_action > a {
	float: left;
}


.call_to_action .icon + span {
	float: left;
	padding-right: 5px;
	line-height: 20px;
	font-size: .7em;
}

.call_to_action a+a {
	padding-left: 10px;
}

.call_to_action a,
.call_to_action a:visited,
.call_to_action a:hover {
	text-decoration: none;	
}

/* ------------------------------------ Utility Styles - Generic Appearance and Behaviours ------------------------------------ */



/* -------------------------------------------- recordset navigation and pagination -------------------------------------------- */

ul.setPagination {
	list-style: none;
	margin: 8px 10px 4px;
	padding: 6px 0px;
	height: 24px;
	width: auto;
	overflow: hidden;
}


ul.setPagination li {
	margin: 0px;
	display: inline-block;
	font: 7pt Verdana, Helvetica, Arial, sans-serif;
	line-height: 24px;

}


ul.setPagination a,
ul.setPagination a:visited {
	color: #999999;
	text-decoration: none;
}

ul.setPagination a:hover,
ul.setPagination a.selected {
	color: #000000;
	text-decoration: none;
}

ul.setPagination .pagination a,
ul.setPagination .pagination a:visited {
	background: url(/admin/assets/pagination/page.gif) bottom repeat-x;
	border: 1px solid #999999;
	padding: 4px;
}

ul.setPagination .pagination a:hover,
ul.setPagination .pagination a.selected {
	background: #FFFFFF;
	border: 1px solid #000000;
}


ul.setPagination li.recordCount,
ul.setPagination li.header_links {
	float: right;
	color: #999999;
	height: 24px;
	margin-left: 15px;
}

ul.setPagination li.header_link a,
ul.setPagination li.header_link a:visited {
	text-decoration:none;
	line-height: 24px;
	display: inline-block;
	padding-right: 30px;
	background-position: right top;
}

ul.setPagination li.header_link a:hover {
	background-position: right bottom;
}

/* ----------------------------------------------------- Tables ----------------------------------------------------- */

.table_formatted_wrapper {
	max-width: 100%;
	overflow-x: auto;
}
.table_formatted {
	border-collapse: collapse;
	padding: 0;
	margin: 1.5em 0;
	width: 100%;
	border: none;
}

.table_formatted td,
.table_formatted th {
	/* Essential reset */
	border-style: none;
}

.table_formatted:first-child {
	margin-top: 0;
}

.table_formatted > tbody tr > *,
.table_formatted > thead tr > * {
	padding: .2em .4em;
	text-align: left;
}

.table_formatted > tbody th,
.table_formatted > tbody td {
	border-top: 2px solid #741d24;
	vertical-align: top;
}

.table_formatted > tbody tr > *.align-centre,
.table_formatted > thead tr > *.align-centre {
	text-align: center;
}

.table_formatted > tbody tr > *.align-right,
.table_formatted > thead tr > *.align-right {
	text-align: righ;
}

.table_formatted > thead th {
	vertical-align: bottom;
}

.table_formatted > thead th + th,
.table_formatted > tbody tr > * + * {
	border-left: 1px dotted #ccc;
}

.table_formatted.small {
	width: 100%;
}

.table_formatted.small > thead tr > *,
.table_formatted.small > tbody tr > * {
	padding: .3em .2em;	
}

.table_formatted > tbody > tr+tr  > * {
	border-top: 1px solid #ccc;
}

.table_formatted,
.table_formatted > tbody > tr:last-child  > * {
	border-bottom: 1px solid #000;
}


.table_formatted td.table_cell_icon {
	font-family: 'lfd-icons';
	text-align: center;
}