/* this makes the vertical scrollbar appear regardless of whether the page needs scrolling or not - don't use this as it puts scroll bars in iframes!*/
html {
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
}

html,body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	/*overflow-x: hidden;*/
}

iframe {
	display: block; /* This prevents the iframe from having padding below it */
}

/* Fix position or radio/checkboxes relative to adjacent text */
input[type="radio"],input[type="checkbox"]
{
  vertical-align: middle;
  /*margin-top:-1px;*/
	/*padding:2px;
	margin:3px;*/
	/*margin:1px;*/
	margin-right: 3px;
}

/* Remove the "X" that the browser automatically adds to the right-hand side of input boxes */
input[type=text]::-ms-clear {
	display: none; 
	width : 0; 
	height: 0;
}
input[type=text]::-ms-reveal {
	display: none;
	width : 0;
	height: 0;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	display: none;
}



/* This fixed the issue with input boxes with width 100% spanning more than 100% */
input,
textarea,
select {
	box-sizing: border-box;
}

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

.padding_inside_width {
	box-sizing: border-box;
}

/* This prevents Google Charts axis from being italic */
text{
	font-style:normal;
}

/*
Placeholder style for input fields
*/

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #AAAAAA;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #AAAAAA;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #AAAAAA;
}
:-moz-placeholder { /* Firefox 18- */
  color: #AAAAAA;
}

/* Get rid of rounded corners that some browsers add to input boxes */
.input_no_corners/*,select - doing this on select boxes removes the drop-down arrow! */ {
	-webkit-appearance: none;
	-webkit-border-radius:0;
	border-radius: 0;
}

form {
	display:inline;
}

a {
	border:0px;
}

/* Remove bottom margin from paragraphs within table cells - this was causing unwanted things, such as no paragraph spacing below tables and the content below the table
td p {
	margin-bottom: 0px;
} */

img {
	display: block;
	border: 0px;
	-ms-interpolation-mode: bicubic;
}

.fix_image_spacing {
	display: inline-block;
	vertical-align: top;
}
.fix_image_spacing img {
	display: inline-block;
	vertical-align: top;
}

.undo_fix_image_spacing {
	display: inline;
	/*vertical-align: baseline;*/
}
.undo_fix_image_spacing img {
	display: inline;
	/*vertical-align: baseline;*/
}

.undo_fix_image_spacing_no_baseline {
	display: inline;
}
.undo_fix_image_spacing_no_baseline img {
	display: inline;
}

.img_cell_container {
	display: table-cell;
	vertical-align: middle;
}
.img_cell_container img {
	/*display: inline;*/
	vertical-align: middle;
}

/* This version has "vertical-align: middle" for the container rather than <img> tags
.img_cell_container_alt {
	display: table-cell;
	vertical-align: middle;
}
.img_cell_container_alt img {
	display: inline;
	margin-top: 2px;
}*/

.img_text_container {
	display: table-cell;
	vertical-align: middle;
}


/*! Gray v1.4.5 (https://github.com/karlhorky/gray) | MIT */
.grayscale {
  /* Firefox 10-34 */
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");

  /*
    Chrome 19+,
    Safari 6+,
    Safari 6+ iOS,
    Opera 15+
  */
  -webkit-filter: grayscale(1);

  /* Firefox 35+ */
  filter: grayscale(1);

  /* IE 6-9 */
  filter: gray;
}

.grayscale.grayscale-fade {
  transition: filter .5s;
}

/* Webkit hack until filter is unprefixed */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .grayscale.grayscale-fade {
    -webkit-transition: -webkit-filter .5s;
    transition:         -webkit-filter .5s;
  }
}

.grayscale.grayscale-off,
.grayscale.grayscale-fade:hover {
  -webkit-filter: grayscale(0);
  filter:         grayscale(0);
}

/* Background element */
.grayscale.grayscale-replaced {
  -webkit-filter: none;
  filter:         none;
}

.grayscale.grayscale-replaced > svg {
  -webkit-transition: opacity .5s ease;
  transition:         opacity .5s ease;
  opacity: 1;
}

.grayscale.grayscale-replaced.grayscale-off > svg,
.grayscale.grayscale-replaced.grayscale-fade:hover > svg {
  opacity: 0;
}


.no_scrollbars{
	overflow-x: hidden;
	overflow-y: hidden;
}

.button	{
	background-color:#F4F4F4;
	border:1px solid #B2B2B2;
}

.button_padding	{
	padding-left:10px;
	padding-right:10px;
}

.no_enlarge{
}

.paragraph_no_bottom {
	margin-bottom:0px;
}


/* Miscellaneous */

.nowrap {
	white-space: nowrap;
}


/* PARAGRAPH FIX */

/* decrease the spacing between paragraphs */

#para_small p	{
	margin:0px 0px 7px 0px;
}


/* CURSORS */

label	{
	vertical-align: middle;
	cursor: pointer;
	cursor: hand;
}

.cursor	{
	cursor: pointer;
	cursor: hand;
}

.cursor_default {
	cursor: default;
}

.move	{
	cursor: move;
}



/* BULLET */

ul {
	list-style-type: square;
	margin: 0px 0px 5px 25px;
	padding-left: 0px;
}
ol {
	margin: 0px 0px 0px 25px;
	padding-left: 0px;
}

.bullet_nopadding {
	list-style-type: square;
	margin: 0px 0px 0px 17px;
	padding-left: 0px;
}

/* FONT SIZES */

.font_ss{font-size:10px;}
.font_s{font-size:11px;}
.font_m{font-size:12px;}
.font_l{font-size:13px;}
.font_ll{font-size:14px;}
.font_lll{font-size:15px;}
.font_llll{font-size:16px;}
.font_lllll{font-size:17px;}
.font_llllll{font-size:18px;}
.font_lllllll{font-size:19px;}
.font_llllllll{font-size:20px;}
.font_lllllllll{font-size:21px;}
.font_22{font-size:22px;}
.font_24{font-size:24px;}
.font_32{font-size:32px;}
.font_35{font-size:35px;}
.font_36{font-size:36px;}

.font_bold{font-weight: bold;}
.font_italic{font-style: italic;}

/* FONT COLOURS */

.font_box_example{color:#AAAAAA;}
.font_grey{color:#666666;}
.font_grey-light{color:#AAAAAA;}
.font_white{color:#FFFFFF;}
.font_purple{color:#333092;}
.font_purple-light{color:#9291C5;}
.font_purple-light-light{color:#ADACD2;}
.font_black{color:#000000;}
.font_yellow{color:#FFFF00;}


/* LINKS */

.no_underline {
	text-decoration: none;
}

.font_white a, .font_white a *, .font_white a:link, .font_white a:visited, .font_white a:active {
	color: #FFFFFF;
	text-decoration: underline;
}
.font_white a:hover {
	color: #FFFFFF;
	opacity: 0.80;
	text-decoration: underline;
}

.link_white a, .link_white a *, .link_white a:link, .link_white a:visited, .link_white a:active{color:#FFFFFF;text-decoration:none;}
.link_white a:hover{opacity:0.80;text-decoration:none;}

.link_white_underline a, .link_white_underline a *, .link_white_underline a:link, .link_white_underline a:visited, .link_white_underline a:active{color:#FFFFFF;}
.link_white_underline a:hover{color:#DDDDDD;}

.link_grey a, .link_grey a *, .link_grey a:link, .link_grey a:visited, .link_grey a:active{color:#666666;text-decoration:none;}
.link_grey a:hover{color:#949494;text-decoration:none;}

.link_grey-light a, .link_grey-light a *, .link_grey-light a:link, .link_grey-light a:visited, .link_grey-light a:active{color:#AAAAAA;text-decoration:none;}
.link_grey-light a:hover{color:#BFBFBF;text-decoration:none;}

.link_links-bar_inactive a, .link_links-bar_inactive a *, .link_links-bar_inactive a:link, .link_links-bar_inactive a:visited, .link_links-bar_inactive a:active{color:#FFFFFF;text-decoration:none;}
.link_links-bar_inactive a:hover{color:#E6E6E6;text-decoration:none;}

.link_links-bar_active a, .link_links-bar_active a *, .link_links-bar_active a:link, .link_links-bar_active a:visited, .link_links-bar_active a:active{color:#FFFFFF;text-decoration:underline;font-weight:bold;}
.link_links-bar_active a:hover{color:#E6E6E6;text-decoration:underline;font-weight:bold;}

.link_purple-light a, .link_purple-light a *, .link_purple-light a:link, .link_purple-light a:visited, .link_purple-light a:active{color:#9291C5;text-decoration:none;}
.link_purple-light a:hover{color:#ADACD2;text-decoration:none;}


/* CAPTURE BOTS */

.bot_capture{display:none;}



/* BACKGROUNDS */

.background_purple{background-color:#333092;}
.background_purple-light{background-color:#EAEAF4;}
.background_grey{background-color:#CECECE;}
.background_white{background-color:#FFFFFF;}
.background_black{background-color:#000000;}

.background_menu_out{background-color:#6C6AB0;}
.background_menu_over{background-color:#605DAA;}


/* Borders */

.border_white {border: 1px solid #FFFFFF;}


/* DISPLAY */

.display_inline {
	display: inline;
}

.display_inline-block {
	display: -moz-inline-block;
	display: -moz-inline-box;
	display: inline-block;
}
		
.display_block {
	display: block;
}

.display_table_cell_important {
	display: table-cell !important;
}


/* ERROR/SUCCESS BOXES */

.awaiting_box
	{
		color:#666666;
		border:1px solid #666666;
		background-color:#CCCCCC;
		padding:5px;
		margin-top:5px;
		margin-bottom:5px;
		text-align:center;
	}

.success_box
	{
		color:#009933;
		border:1px solid #00F951;
		background-color:#9BFFBC;
		padding:5px;
		margin-top:5px;
		margin-bottom:5px;
		text-align:center;
	}

.success_link a, .success_link a *, .success_link a:link, .success_link a:visited, .success_link a:active{color:#009933;}
.success_link a:hover{color:#33AD5C;}

.SecureBox
	{
		color:#000000;
		border:1px solid #00F951;
		background-color:#9BFFBC;
		padding:5px;
		margin-top:5px;
	}

.error_box
	{
		color:#FF0000;
		border:1px solid #FF0000;
		background-color:#FFD2D2;
		padding:5px;
		margin-top:5px;
		margin-bottom:5px;
		text-align:center;
	}

.error /* this is needed as forms still use the class name "error" for the error box */
	{
		color:#FF0000;
		border:1px solid #FF0000;
		background-color:#FFD2D2;
		padding:5px;
		margin-top:5px;
		margin-bottom:5px;
		text-align:center;
	}

.error_link a, .error_link a *, .error_link a:link, .error_link a:visited, .error_link a:active{color:#FF4040;}
.error_link a:hover{color:#FF8080;}

.error_input
	{
		background-color:#FFD2D2;
	}

.error_button
	{
		color:#FF4040;
		background-color:#FFCECE;
		border:1px solid #FF4040;
		padding:2px;
		padding-left:5px;
		padding-right:5px;
		font-weight:bold;
	}

/*
WYSIWYG editor
*/

.wysiwyg_body	{
	margin: 5px;
}

.cke_editor_HTML a,
.cke_editor_HTML a *,
.cke_editor_HTML a:link,
.cke_editor_HTML a:visited,
.cke_editor_HTML a:active,
.cke_editor_HTML a:hover {
	color: black !important;
}


/*
Comment styles
*/

.comment_email_alerts a, .comment_email_alerts a *, .comment_email_alerts a:link, .comment_email_alerts a:visited, .comment_email_alerts a:active{font-size:11px;color:#999999;text-decoration:none;}
.comment_email_alerts a:hover{font-size:11px;color:#999999;text-decoration:underline;}

.comment_email_reply a, .comment_email_reply a *, .comment_email_reply a:link, .comment_email_reply a:visited, .comment_email_reply a:active{font-size:11px;color:#666666;text-decoration:none;}
.comment_email_reply a:hover{font-size:11px;color:#666666;text-decoration:underline;}

/*
Shadows
*/

.box_shadow
	{
		box-shadow: 5px 5px 5px -1px #B9BBB9;
	}

.box_shadow_above
	{
		box-shadow: 0px -3px 5px -1px #000000;
	}

.box_shadow_above_light
	{
		box-shadow: 0px -3px 5px -1px #5B5B5B;
	}

.shadow_bottom_left{background-image:url(/media/images/shadow_box/bottom_left.png);}
.shadow_bottom_middle{background-image:url(/media/images/shadow_box/bottom_middle.png);}
.shadow_bottom_right{background-image:url(/media/images/shadow_box/bottom_right.png);}
.shadow_right_middle{background-image:url(/media/images/shadow_box/right_middle.png);}
.shadow_right_top{background-image:url(/media/images/shadow_box/right_top.png);}


/*
Video overlay box - used by all domains
*/

.overlay_box_video {
	border: 1px solid #FFFFFF;
	background-color: #333333;
}


/*
Hide element
*/

.hide_it{display: none;}
.show_it{display: inline;}


/*
Fixed position element
*/

.FixedPositionTop {
	z-index: 9989;
	position: fixed;
	width: 100%;
	top: 0px;
	left: 0px;
	right: 0px;
}

.FixedPositionBottom {
	z-index: 9989;
	position: fixed;
	width: 100%;
	bottom: 0px;
	left: 0px;
	right: 0px;
}

/*
Ellipsis - shorten text string by putting a "..." at the end
*/

.TextEllipsis
	{
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		-webkit-text-overflow: ellipsis;
	}

/*
Tranparency Levels
*/
.TransparencyLevel0{opacity:0;}
.TransparencyLevel10{opacity:0.10;}
.TransparencyLevel15{opacity:0.15;}
.TransparencyLevel25{opacity:0.25;}
.TransparencyLevel30{opacity:0.30;}
.TransparencyLevel40{opacity:0.40;}
.TransparencyLevel50{opacity:0.50;}
.TransparencyLevel60{opacity:0.60;}
.TransparencyLevel75{opacity:0.75;}
.TransparencyLevel80{opacity:0.80;}
.TransparencyLevel85{opacity:0.85;}

.WhiteTransparencyLevel20{background-color:rgba(255, 255, 255, 0.20);}
.WhiteTransparencyLevel25{background-color:rgba(255, 255, 255, 0.25);}
.WhiteTransparencyLevel50{background-color:rgba(255, 255, 255, 0.50);}
.WhiteTransparencyLevel75{background-color:rgba(255, 255, 255, 0.75);}


.scrollbar-measure {
	width: 100px;
	height: 100px;
	overflow: scroll;
	position: absolute;
	top: -9999px;
}

.reverse_string{
	unicode-bidi: bidi-override; 
	direction: rtl; 
}

/*
Hide elements on screen but show elements when printed
*/

@media screen {
	.no_print {
	}
	.no_screen {
		display:none;
	}
}

/*
Hide elements when printed but show elements on screen
*/

@media print {
	.no_print{
		display:none;
	}
	.no_screen{
	}
}


/*
Table
*/

.table_layout_fixed {
	width: 100%;
	table-layout: fixed;
}

.table_no_border th{
	border: none !important;
	font-weight: normal;
}
.table_no_border td{
	border: none !important;
}
.table_no_border{
	border-collapse: collapse !important;
}


/*
Flex styles
*/

@media (max-width: 700px) {
	.mobile_hide {
		display: none;
	}
}
@media (min-width: 700px) {
	.mobile_show {
		display: none;
	}
}

@media (max-width: 1000px) {
	.tablet_hide {
		display: none;
	}
}


/* columns wrap depending on screen width */

@media screen and (min-width:1000px) {
	.flex_container_tablet {
		display: flex;
		flex-wrap: nowrap;
	}
}

@media (max-width: 1000px) {
	.flex_container_tablet {
		display: flex;
		flex-wrap: wrap;
	}
	.flex_item_tablet {
		flex-basis: 100% !important;
	}
}


@media screen and (min-width:500px) {
	.flex_container_mobile {
		display: flex;
		flex-wrap: nowrap;
	}
}

@media (max-width: 500px) {
	.flex_container_mobile {
		display: flex;
		flex-wrap: wrap;
	}
	.flex_item_mobile {
		flex-basis: 100% !important;
	}
}


/* columns with equal width that don't wrap */

.flex_container_nowrap {
	display: flex;
	flex-wrap: nowrap;
}

.flex_item_nowrap {
	flex-basis: 100%;
}


/* Make elements span 100% */

video {
	max-width: 100%;
	height: auto;
}
audio {
	max-width: 100%;
	height: auto;
}


/* CMS Content */

.cms_content img {
	display: inline;
}

.cms_content iframe {
	max-width: 100%;
}

.alignleft {
	float: left;
	margin-right: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.aligncenter {

}
.alignright {
	float: right;
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* Search Engine Optimization friendly */

.no_margin {
    margin: 0px;
}