/* STYLES FOR WEST SUFFOLK COUNCILS - CYBER MEDIA SOLUTIONS - JUNE 2014 */

/* FONTS ======================================================================= */

h1, h2, h3, h4, h5, h6, p, li, th, td, form, button, .h2, .p, #cse, #cse *, #search input, .search .gsc-search-box input.gsc-input, a.large_icon, ul.bc li a, ul.sidenav li a, .btn, blockquote, .h4, .accordion section > a {	
	font-family: 'PT Sans', Arial, Helvetica, sans-serif !important;
	color: #000;
}

/* GENERAL ===================================================================== */
body {
	font-size: 16px;
}

h1, h2, h3, h4, h5, p, li, th, td, form, button, .h2, .p, #cse .gs-result .gs-title, .h4 {	
	font-size: 1rem;
	line-height: 18px;
	padding: 0;
}

.h2, .p, .h4 {
	/* missing styles for these classes */
	text-rendering: optimizeLegibility;
	display: block;
}

h1, h2, .h2 {
	font-size: 124%; /* 20px */
	font-weight: 700;
	line-height: 111%;
	margin: 10px 0;
}
h3, #cse .gs-result .gs-title {
	font-size: 118%; /* 19px */
	font-weight: 700;
	line-height: 111%;
	margin: 20px 0;
}
h4, .h4 {
	font-size: 112%; /* 18px */
	font-weight: 700;
	line-height: 111%;
	margin: 20px 0;
}
h5 {
	line-height: 106%; /* 17px */
	font-weight: 400;
	margin: 20px 0;
}
h6 {
	line-height: 100%; /* 16px */
	font-weight: 400;
	margin: 20px 0;
}
	
p, .p {
	font-size: 100%; /* 14px */
	line-height: 1.35; /*16px*/
	margin: 10px 0;
}

ul {
	margin: 20px 0;
	padding: 0;
	list-style: none;
	font-size: 100%;
}
	ul li {
		margin: 0;
		padding: 5px 0 5px 25px;
		font-size: 100%;
		line-height: 1.35;
		background: url(../images/style/bullet.png) 5px 12px no-repeat;
	}
		ul ul {margin: 0; padding: 0 0 0 25px;}
			ul ul li {}
		ul li ul {margin: 0; padding: 0;}
			ul li ul li {
				padding-bottom: 0;
				margin-top: 5px;
			}
	ul.no_bg li {background: none;}
	
ol {
	margin: 20px 0 20px 20px;
	padding: 0;
	font-size: 100%;
}
	ol li {
		margin: 0;
		padding: 5px 0 5px 5px;
		font-size: 100%;
		line-height: 130%;
	}
		ol ol {margin: 0 0 0 20px; padding: 0 0 0 5px;}
			ol ol li {}
		ol li ol {margin: 0 0 0 20px; padding: 0;}
			ol li ol li {
				padding-bottom: 0;
				margin-top: 5px;
			}

/* Stops border being applied to hidden anchor links in IE */
body div a, #cse .gs-result a.gs-title {
	color: #672b64;
	outline: none;
	border-bottom: 1px solid #672b64;
}
h1 a, h2 a, h3 a, h4 a {
	border: none !important;
}
#cse .gs-result a.gs-title * {
	color: #672b64;
	font-size: inherit;
}
	body div a:hover, body div a:focus, #cse .gs-result a.gs-title:hover, #cse .gs-result a.gs-title:focus {
		color: #024287;
		border-color: #024287;
	}
	#main p a:not([class]):hover, #main ul a:not([class]):hover, #footer a:hover, a.news_art:hover .h4,  
	#main p a:not([class]):focus, #main ul a:not([class]):focus, #footer a:hover, a.news_art:focus .h4 {
		background: #672b64;
		outline: 3px solid #672b64;
		color: #fff;
		padding: 0;
		/*outline-offset: -1px;*/
	}
	a:hover, a:focus {outline: none;}
	
.visible {visibility: visible;}
.hidden {visibility: hidden; display: none !important;}
.clear {clear: both;}
.clear_right {clear: right;}
.clear_left {clear: left;}

/* Margins */
.no_marg_top {margin-top: 0 !important;} .no_marg_bot {margin-bottom: 0 !important;} .no_marg_left {margin-left: 0 !important;} .no_marg_right {margin-right: 0 !important;} .no_marg {margin: 0 !important;}
/* Paddings */
.no_pad_top {padding-top: 0 !important;} .no_pad_bot {padding-bottom: 0 !important;} .no_pad_left {padding-left: 0 !important;} .no_pad_right {padding-right: 0 !important;} .no_pad {padding: 0 !important;}


	
/* HEADER ============================================================================ */
#header {
	height: 100px;
	background: url(../images/style/m_bg.png) top center no-repeat #024287;
}
	
	#logo {
		margin: 30px 0 0 10px;
		float: left;
		width: 135px;
		height: 50px;
	}
		#logo a {
			display: block;
			border: none;
		}
		
	.skip {
		position: absolute;
		top: 5px; right: 5px;
		color: #e6e8ea;
		border: none;
		font-size: 88%;
	}
		.skip:hover {
			color: #e6e8ea;
			border-bottom: 1px solid #e6e8ea;
		}

	ul#sys_nav {
		margin: 25px 0 0 0; padding: 0;
		float: right;
	}
		ul#sys_nav li {
			margin: 0 5px 0 0; padding: 0;
			background: none;
			float: left;
		}
			ul#sys_nav li a {
				display: block;
				color: #ffffff;
				line-height: 23px;
				padding: 0 3px;
				border: solid 1px rgba(255, 255, 255, 0.15);
				
			}
			
			ul#sys_nav li a.link_search {
				width: 25px;
				height: 25px;
				text-indent: -9999px;
				background: url(../images/style/icon_search.png) center center no-repeat;	
			}
				ul#sys_nav li a:hover {background-color: rgba(255, 255, 255, 0.15);}


	#mob_search {
		display: none;
		background: #024287;
	}

#search {
	margin: 10px 0 0 0;
}
	#search input {
		font-size: 85%;
		text-indent: 10px;
		background: url(../images/style/icon_search_field.png) right center no-repeat #ffffff;	
		border: none;
	}
	
/* Google Search */	
.search {
	height: 50px;
}
.search form.gsc-search-box, #cse form.gsc-search-box {
	padding: 0;
}
	.search table.gsc-search-box, #cse table.gsc-search-box {
		background: none;
	}
		/* Input */
		.search .gsc-search-box td.gsc-input, #cse .gsc-search-box-tools .gsc-search-box td.gsc-input {
			padding: 10px 0 0 0;
		}
			.search .gsc-input-box, #cse .gsc-input-box {
				border: none;
				height: 40px;
				position: relative;
				background: none;
			}
				.search .gsc-input-box > table, #cse .gsc-input-box table {
					background: none;
				}
					.search table.gsc-search-box td.gsib_b, #cse table.gsc-search-box td.gsib_b {
						padding: 0;
						background: none !important;
						position: absolute;
						right: 40px; top: 12px;
					}
						.search table.gsc-search-box td.gsib_b .gsst_b, #cse table.gsc-search-box td.gsib_b .gsst_b { padding: 0; }
							.search table.gsc-search-box td.gsib_b .gsst_b a, #cse table.gsc-search-box td.gsib_b .gsst_b a { border: none; }
								.search table.gsc-search-box td.gsib_b .gsst_b a span, #cse table.gsc-search-box td.gsib_b .gsst_b a span { color: #000000 !important; }
									.search table.gsc-search-box td.gsib_b .gsst_b a:hover span, #cse table.gsc-search-box td.gsib_b .gsst_b a:hover span { color: #672b64 !important; }
									
					/* Results drop downs */
					.gsc-completion-container .gsq_a {
						cursor: pointer; 
						line-height: 25px !important;
					}
					
					.search table.gsc-search-box td.gsib_a, #cse table.gsc-search-box td.gsib_a { padding: 0; }
						.search .gsc-search-box input.gsc-input, #cse .gsc-search-box-tools .gsc-search-box input.gsc-input {
							height: 40px !important;
							line-height: 40px;
							text-indent: 10px;
							background: #ffffff !important;	
							border: none;
							width: 100%;
							box-shadow: none;
						}
						.search .gsc-search-box input.gsc-input::-ms-clear, #cse .gsc-search-box-tools .gsc-search-box input.gsc-input::-ms-clear,
						.search .gsc-search-box input#bgresponse {
							display: none;
						}
						
		/* Button */
		.search .gsc-search-button, #cse .gsc-search-button {
			padding: 10px 0 0 0;
		}
		 	.search .gsc-search-button input.gsc-search-button {
		 		height: 40px !important;
				width: 40px;
				text-indent: -9999px;
				padding: 0; margin: 0;
				border: none;
				background: url(../images/style/icon_search_field.png) right center no-repeat #ffffff !important;
				border-radius: 0;
				min-width: 40px;
			}
			
		/* Clear button */
		.search .gsc-clear-button, #cse .gsc-clear-button { display: none; }

/* NAV ============================================================================== */
.nav {
	height: 30px;
	background: url(../images/style/m_nav.png) top center repeat-x;	
}
	.nav ul {
		margin: 0; padding: 0;	
	}
		.nav ul li {
			margin: 0; padding: 0;
			background: none;
			float: left;
			width: 25%;	
			text-align: center;
			line-height: 30px;
			border-left: solid 1px rgba(255, 255, 255, 0.15);
		}
			.nav ul li.first {border: none;}
			.nav ul li a {
				color: #ffffff;	
				display: block;
				font-size: 88%;
				border: none;
			}
				.nav ul li a:hover, .nav ul li a:focus {
					background: #e6e8ea;
					color: #672b64;	
				}
				.nav ul li a.active {
					background: #e6e8ea;
					color: #672b64;	
					
				}
				.nav ul li a#link_az.active {
					position: relative;
					z-index: 9999;
				}

/* BREADCRUMB ==================================================================== */
.breadcrumb {
	padding: 10px 0;
	background: #e6e8ea;
}
	ul.bc {
		margin: 0;
		padding: 0;
	}
		ul.bc li {
			float: left;
			line-height: 14px;
			font-size: 88%;
			padding: 0 10px 0 5px;
			
			background: url(../images/style/m_bc_arrow.png) right center no-repeat;
		}
			
			ul.bc li:first-child {padding-left: 0;}
			ul.bc li:last-child, ul.bc li.no_bg {background: none;}
			ul.bc li a {
				display: block;
				border: none;
			}
				ul.bc li a:hover, ul.bc li a:focus {color: #672b64; border-bottom: 1px solid #672b64; margin-bottom: -1px;}


/* CONTENT =========================================================================== */
hr {
	display: block;
	height: 0px;
	width: 100%;
	margin: 20px 0;
	clear: both;
	border: none;
	border-bottom: solid 1px #e8eaec;
	float: left;
}

p.swipe {
	height: 30px; 
	line-height: 30px;	
	padding-left: 30px;
	background: url(../images/style/icon_swipe.png) 0 0 no-repeat;
	white-space: nowrap;
}

/* HOMEPAGE ==================================================================== */
.home_tabs {
	background: #e6e8ea;
	margin-bottom: 20px;	
	padding-bottom: 20px;
}
	.home_tabs ul.icon_list {margin-top: 0;}
		.home_tabs ul.icon_list li {
			background: none;
			padding: 20px 0 0 0;
			position: relative;
		}
		
	.home_tabs ul.link_list {margin-top: 15px; margin-bottom: 5px;}
		.home_tabs ul.link_list li {
			background: none;
			padding: 0 15px 10px 15px;
		}
	
	a.icon {
		width: 95px;
		margin: 0 auto;
		display: block;	
		text-align: center;
		background:#ffffff;
		padding: 10px;
		font-size: 88%;
		border: none;
	}
	a.icon.active {color: #024287;}
		a.icon .img {
			width: 75px;
			height: 75px;
			display: block;
			margin-bottom: 5px;
			background: url(../images/style/icon_grad.png) bottom center repeat-x  #873984;
			
			-webkit-transition: background-color 300ms ease-out;
			-moz-transition: background-color 300ms ease-out;
			transition: background-color 300ms ease-out;	
			
		}
		a.icon:hover .img, a.icon.active .img, a.icon:focus .img {
			background-color: #024287;	
		}

.sub {
	margin-top: 15px;
	padding-top: 20px;
	display: none;
	background: url(../images/style/sub_arrow.png) repeat-x #dedfe0;
}

.btn_holder {
	margin: 20px 0 0 0;	
}
	.btn_holder a.btn {margin-bottom: 0;}
	.btn_holder a.btn:hover, .btn_holder a.btn:focus {background-color: #024287; color: #ffffff;}

/* A-Z ========================================== */
.az {
	background: #e6e8ea;
	width: 100%;	
	position: absolute;
	z-index: 9999;
}
ul.a-z {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
	display: none;
}
ul.a-z.in_page {
	display: block;
	background: #e6e8ea;
}
	ul.a-z li {
		background: none;
		display: inline-block;
		font-size: 112%;
		padding: 5px 0;
		width: 20px;
		color: #a6a6a6;
	}
		ul.a-z li a {
			display: block;
			border: none;
			padding: 0;
		}
		ul.a-z li a:hover, ul.a-z li a.active {
			background: #873984;
			color: #fff;
		}

#fade {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 9998;
	display: none;	
}

/* HOMEPAGE NEWS =================================================================== */
.news_art {
	position: relative;
	display: block;
	border: none;
}
	.news_art .img {
		margin: 0 auto;
		display: block;
		text-align: center;
	}
	.news_art .h4 {color: #672b64; display: inline; line-height: 158%;}
	.news_art .p {color: #000;}
		
.sticky {
	display: block;
	position: absolute;
	top: -1px;
	right: 10px;
	height: 38px;
	width: 29px;
	text-indent: -9999px;
	background: url(../images/style/sticky.png) top right no-repeat;
}

/* NEWS LISTING ================================================================= */
.news_list {
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
	clear: both;
	overflow: hidden;
	border-top: solid 1px #e8eaec;
	position: relative;
}
	.news_list .xsmall-12.columns {
		padding-left: 0;
	}

/* SECTION ICONS ==================================================================== */
ul.section_icons li {background: none;}
a.large_icon {
	font-size: 100%;
	display: block;
	position: relative;
	min-height: 90px;
	line-height: 18px;
	border: none;
}
	a.large_icon span {display: block;}
	a.large_icon .img {
		width: 88px;
		height: 88px;
		border: solid 1px #e6e8ea;
		position: absolute;
	}
		a.large_icon .img img {
			width: 70px;
			height: 70px;
			margin: 9px;	
			background: url(../images/style/icon_grad.png) bottom center repeat-x  #873984;
			-webkit-transition: background-color 300ms ease-out;
			-moz-transition: background-color 300ms ease-out;
			transition: background-color 300ms ease-out;	
		}
	a.large_icon .text_con {
		padding-left: 100px;
		float: left;
	}
		a.large_icon .heading {
			font-size: 114%;
			font-weight: 700;
		}
		
	a.large_icon:hover .img img, a.large_icon:focus .img img {background-color: #024287;}

/* ADVERTS ======================================================================= */
.ad {
	text-align: center;		
}
		
/* ADVERTS ======================================================================= */
.advert {
	padding-bottom: 10px;
}
	.advert .btn {
		margin-bottom: 0;
	}
	.ad_icon {
		float: left;
		width: 88px;
		height: 88px;
		border: solid 1px #e6e8ea;
		margin: 0 20px 20px 0;
	}
		.ad_icon img {
			width: 70px;
			height: 70px;
			margin: 9px;	
			background: url(../images/style/icon_grad.png) bottom center repeat-x  #873984;
			-webkit-transition: background-color 300ms ease-out;
			-moz-transition: background-color 300ms ease-out;
			transition: background-color 300ms ease-out;	
		}

/* SIDEBAR ======================================================================= */
.sidebar {
	border: solid 1px #e6e8ea;
	padding: 10px 15px;
	margin: 30px 0;
}
	.sidebar h4 {
		padding-bottom: 10px;
		font-weight: 700;
		border-bottom: solid 1px #d2cec8;
	}
	.sidebar h5 {font-weight: 700;} 
	
	ul.sidenav {margin: 5px 0 30px 0;}
		ul.sidenav li { 
			background: none; 
			padding: 5px 0;
			font-size: 100%;
		}
			ul.sidenav li a {border: none;}
				ul.sidenav li a.active {color: #024287;}
			ul.sidenav li a:hover, ul.sidenav li a:focus {color: #672b64;}
	
	ul.doc_list, ul.ext_list, ul.page_list {margin: 5px 0 30px 0;}
		ul.doc_list li, ul.ext_list li, ul.page_list li {
			background: none;
			padding: 5px 0;
		}
			ul.doc_list li a, ul.ext_list li a {
				padding: 0 0 0 15px;
				display: block;
				background: url(../images/style/m_doc.png) 0 0 no-repeat;
				display: inline-block;
			}
			ul.ext_list li a { background-image: url(../images/style/m_link.png); }
	
/* PAGINATION ======================================================================== */
ul.pagination {
	border-top: solid 1px #e8eaec;
	padding-top: 20px;
	margin: 0;
	text-align: center;
	overflow: hidden;
	height: auto;
}
	ul.pagination li {
		padding: 0 2px;
		line-height: 160%;
		margin: 0;
		background: none;
		float: none;
		display: inline-block;
	}
		
		ul.pagination li a {
			color: #672b64;
			background: none;
			padding: 0 7px !important;
			border: none;
		}
			ul.pagination li a:hover, ul.pagination li a:focus { color: #024287; outline: none !important; }
		
		ul.pagination li.pagi_cur a {
			background: #672b64;
			color: #fff;
		}

/* CTA =============================================================================== */
.cta {
	margin-bottom: 20px;
}
	.cta .btn {
		background: #672b64;
		color: #fff;
		border: none;
	}

/* NOTIFICATIONS ===================================================================== */
.notifications_home {
	background: #e6e8ea;
	padding: 10px;
}
.notification_wrapper {
	padding: 0;
	background: #666;
	margin: 0;
}
	/* rest of styles in rs-custom.css */
	
/* CONTACT DETAILS =================================================================== */
.sidebar .contact_details {
	padding: 0 0 10px 0;
}
	.sidebar_only {display: none;}
	.sidebar .sidebar_only {display: block;}
	
	.contact_details h5 {
		margin: 10px 0 0 0;
	}
	
	.contact_details ul {
		min-height: 35px;
	}
		.contact_details ul li {
			background: none;
			padding: 0;
		}
	
	.contact_details .icon_tel, .contact_details .icon_email, .contact_details .icon_loc, .contact_details .icon_post {
		padding-left: 40px;
		background-position: 0 4px;
		background-repeat: no-repeat;
	}
	.contact_details .icon_tel		{background-image: url(../images/style/icon_tel.png);}
	.contact_details .icon_email	{background-image: url(../images/style/icon_email.png);}
	.contact_details .icon_loc		{background-image: url(../images/style/icon_loc.png);}
	.contact_details .icon_post		{background-image: url(../images/style/icon_post.png);}

/* BUTTONS =========================================================================== */
ul.btns {
	padding: 20px 0 0 0;
	margin: 0;
	list-style: none;
}	
	ul.btns li {
		margin: 0 0 20px 0;
		padding: 0;
		background: none;	
	}
		ul.btns li:last-child {margin-bottom: 0;}
		
ul.btns_right {
	padding: 20px 0 0 0;
	margin: 0;
	list-style: none;
	display: block;
}	
	ul.btns_right li {
		margin: 0 0 0 20px;
		padding: 0;
		background: none;	
		float: right;
	}
		ul.btns_right li:last-child {margin-bottom: 0;}
		
.btn {
	display: block;
	font-weight: 400;
	padding: 8px 34px;	
	margin: 0 auto 20px auto;
	font-size: 100%;
	line-height: 18px;
	text-align: center;
	max-width: 250px;
	
	background-color: #ffffff;
	border: solid 1px #e9eaec;
	-webkit-box-shadow: none;
	box-shadow: none;	
	-webkit-transition: background-color 300ms ease-out, border-color 300ms ease-out;
	-moz-transition: background-color 300ms ease-out, border-color 300ms ease-out;
	transition: background-color 300ms ease-out, border-color 300ms ease-out;
	-webkit-appearance: none;
}
		
	a.btn:hover, a.btn:focus {
		background-color: #e9eaec;
		color: #672b64;
		border-color: #e9eaec;
	}
	.btn_twitter { background: url(../images/style/icon_twitter.png) 2px center no-repeat;}
		.btn_twitter a {color: #57BAF3; border: none;}
			.btn_twitter a:hover, .btn_twitter a:focus {border-bottom: 1px solid #57BAF3; outline: none !important; background: none !important; color: #57BAF3 !important;}
	.btn_fb { background: url(../images/style/icon_fb.png) 2px center no-repeat;}
		.btn_fb a {color: #3B5998; border: none;}
			.btn_fb a:hover, .btn_fb a:focus {border-bottom: 1px solid #3B5998; outline: none !important; background: none !important; color: #3B5998 !important;}
	.btn_feedback { background: url(../images/style/icon_feedback.png) 2px center no-repeat;}
	.btn_news { background: url(../images/style/icon_news.png) 2px center no-repeat;}

.plain_btn {
	text-align: left;
	max-width: 100%;
	padding: 8px 9px;	
	margin: 0;
	color: #672b64;
}

.read_btn {
	display: inline-block;
	background: url(../images/style/read_arrow.png) right 8px no-repeat;
	padding-right: 10px;
	color: #672b64;
	width: auto;
	white-space: nowrap;
	border: none;
}
	.read_btn:hover, .read_btn:focus {
		background-position: right -12px;	
	}

.simple_btn {
	display: block;
	font-size: 100%;
	line-height: 100%;
	padding: 11px 10px;
	background: #ffffff;
	border: none;
}
	.simple_btn:hover, .simple_btn:focus {
		color: #ffffff;
		background-color: #024287;
	}
	
.dark_btn {
	background-color: #672b64;
	border-color: #672b64;
	color: #fff;
}
	.dark_btn:hover, .dark_btn:focus {
		background-color: #e9eaec;
		border-color: #e9eaec;
		color: #672b64;
	}

/* TABLES ============================================================================ */
table {
	border: solid 1px #d2cec8;
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}
	table tr th, table tr td {font-size: 1rem;}
	table tr th, table thead tr th {
		text-align: left;
		font-size: 114%;
		line-height: 130%;
		font-weight: 600;
		padding: 10px;
		color: #000;
		background: #ffffff;
	}
	table tr td {
		font-size: 100%;
		font-weight: 400;
		line-height: 130%;
		padding: 10px;
		color: #000;
	}
		table tr td p, table tr td ul {
			margin: 0;
			line-height: 110%;
		}
			table tr td ul li {
				padding: 0 0 0 25px;
				background-position: 5px 9px;
			}
	table tr.even, table tr.alt, table tr:nth-of-type(even) {background: #fafafa;}
	
	#main table tr {border-bottom: solid 1px #d2cec8;}
		#main table tr td {border-right: solid 1px #d2cec8;}
		#main table tr td:last-child {border-right: none;}

/* FORMS ============================================================================= */
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
	margin-bottom: 0;	
}

form.custom .custom.checkbox, form.custom .custom.radio {
	line-height: 20px;
	font-size: 14px;
	cursor: pointer;
}
	label.chk .custom.checkbox, label.chk .custom.radio {float: left;}
form.custom .custom.checkbox.checked {
}
form.custom .custom.checkbox.checked:before {
	width: 8px; height: 8px;
	margin-top: 10px;
	margin-left: -4px;
	content: "";
	color: #ccc; background: #ccc;
}
label.chk {clear: both; overflow: hidden;}
label.chk span.chk_text {
	display: block;
	float: left;
	margin-left: 10px;	
	width: 90%;
}
	.medium-6 .medium-6 label.chk span.chk_text { width: 80%; }

form {
	color: #000000;
	margin: 0;
}
	form.form_border {
		border: 1px solid #e8eaec;
		padding: 10px;
		margin: 10px 0;
	}
	form#TextBlockdlgform {margin: 0;}
	form .row.form-row {
		margin: 0;
		padding: 0;
		}
		form .row.form-row .columns, form .row.form-row .column {
			padding-top: 5px;
			padding-bottom: 5px;	
		}
		form .row.form-row.no-pad .columns, form .row.form-row.no-pad .columns, form .row.action-row .columns {
			padding-top: 0;
			padding-bottom: 0;	
		}
			form .row.form-row .columns.no-pad, form .row.form-row .column.no-pad {padding-left: 0; padding-right: 0;}
	form .row.action-row {
		margin: 0;
		padding: 30px 0 0 0;
		}
		form .row.action-row .button {
			float: right;
		}
	form .row.button-row .columns {
		padding-top: 10px;
		padding-bottom: 5px;
	}
	form .row .row {margin: 0;}
	form .row .row .column, form .row .row .columns {padding: 0 10px;}
	
	form .grey_bg {
		background: #dbe2e8; 
		margin-bottom: 5px;
		padding-bottom: 10px;
	}
	form .lgrey_bg {
		background: #edf2f5;
		margin: 0 10px;
		padding: 5px 0 10px 0;	
	}
	
	form a { border: none; }
	form h3 {padding: 0;}
	
	fieldset {
		border: none;
		margin: 0;
		padding: 0;	
	}
	.note {
		display: block;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 80%;
		padding-top: 5px;
	}

	label, p.lbl {
		font-size: 100%;
		color: #000000;
		margin: 0;
		padding-bottom: 7px;
		padding-top: 7px;
		line-height: 16px;	
	}
		label .light {font-weight: 400;}
	
	.front_form label, .front_form p.lbl {
		color: #808285;
		font-weight: bold;	
	}
	
	/* Common Heights */
	.prefix, .postfix, form.custom .custom.dropdown, form.custom .custom.dropdown .selector, form.custom .custom.dropdown .current, 
	input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"] {
		height: 30px;
	}
	
	/* Drop-downs */
	form.custom .custom.dropdown {
		margin-bottom: 0; 
		font-size: 100%;
		border-radius: 0;
		cursor: pointer;
		font-size: 100%;
	}
		form.custom .custom.dropdown .selector, form.custom .custom.dropdown .current {
			cursor: pointer;
			line-height: 28px;
		}
		form.custom .custom.dropdown ul {}
			form.custom .custom.dropdown ul li {
				background: none;
				cursor: pointer;
			}
	/* FRONT END FORMS */
	form.front_form.custom .custom.dropdown {
		border: none;
		background: #edf2f5;
		-webkit-box-shadow: none;	
		box-shadow: none;
		color: #808285;
	}
	form.front_form.custom .custom.dropdown .selector, form.front_form.custom .custom.dropdown .current {
			cursor: pointer;
			line-height: 28px;
			color: #808285;
		}
		form.front_form.custom .custom.dropdown ul {
			-webkit-box-shadow: none;
			box-shadow: none;
			border: none;
			background: #ffffff;
			left: 0;	
		}
		form.front_form.custom .custom.dropdown ul li.selected {background: #808285; color: #ffffff;}
		
		form.custom .custom.dropdown a {border: none;}
		
	/* Text fields */
	input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
		margin-bottom: 0;	
		font-size: 114%;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-right: 0;
		padding-left: 0;
		min-width: 30px;
	}
	textarea { height: auto; }
	select {font-size: 16px;}
	
	/* FRONT END FORMS */
	.front_form input[type="text"], .front_form input[type="password"], .front_form input[type="date"], .front_form input[type="datetime"], .front_form input[type="datetime-local"], .front_form input[type="month"], .front_form input[type="week"], .front_form input[type="email"], .front_form input[type="number"], .front_form input[type="search"], .front_form input[type="tel"], input[type="time"], .front_form input[type="url"], .front_form textarea {
		border: solid 1px #edf2f5;
		background: #edf2f5;
		-webkit-box-shadow: none;	
		box-shadow: none;
		color: #808285;
	}
	
	.front_form input[type="text"]:focus, .front_form input[type="password"]:focus, .front_form input[type="date"]:focus, .front_form input[type="datetime"]:focus, .front_form input[type="datetime-local"]:focus, .front_form input[type="month"]:focus, .front_form input[type="week"]:focus, .front_form input[type="email"]:focus, .front_form input[type="number"]:focus, .front_form input[type="search"]:focus, .front_form input[type="tel"]:focus, input[type="time"]:focus, .front_form input[type="url"]:focus, .front_form textarea:focus {
		-webkit-box-shadow: none;
		box-shadow: none;
		background: #ffffff;	
		border: solid 1px #ffffff;
	}
	
	/* Date Picker Trigger */
	.calendar_icon {
		height: 30px;
		width: 30px;
		padding: 4px 0;
		text-align: center;
		background-color: #DBE2E7;
		margin-left: 0;
		cursor: pointer;
	}
		.calendar_icon:hover, .calendar_icon:focus {
			background-color: #b5bbbf;
		}

/* error messages */
p.error {
	margin: 5px 0 0 0;
	padding: 7px 0 0 0;
	background: url(../images/style/error_bg.png) -6px 0 no-repeat;	
}
	p.error span {
		padding: 5px 10px;
		color: #ffffff;
		font-weight: bold;
		background: #c60f13;
		display: block;	
		font-size: 93%;
	}

.front_form input.error, .front_form textarea.error {
	background: #f4cfd0;
	border: solid 1px #c60f13;
}

/* SHARE ==================================================================== */
#share {
	float: left;
	clear: both;
	padding: 10px 0 20xp 0;
}
	#share a {
		height: 20px; width: 20px;
		padding: 0; margin: 0 10px 0 0;
		overflow: hidden;
		display: block;
		border: none;
	}
		#share a.addthis_counter {
			line-height: 20px;
			width: 28px !important;
			/*padding-left: 10px;*/ margin: 0 0 0 -5px;
			background: url(../images/style/share_counter.png) right center no-repeat !important;
		}
			#share a.addthis_button_expanded {
				padding: 0; margin: 0;
				line-height: 20px;
				width: 18px !important;
				background: none  !important;
				float: right;
			}
			
/* GOOGLE SEARCH RESULTS ============================================================= */
#cse {}
	#cse table {
		border: none;
		margin: 0;
	}
		#cse table tr, #cse table td {
			border: none;	
		}
	#cse .gsc-control-cse {
		padding: 0;
		border: none;
		font-size: 100%;
	}
		#cse .gsc-control-wrapper-cse {}
			#cse .gsc-input-box { height: 40px;	}
				#cse table.gsc-search-box td.gsib_b { top: 10px; right: 5px; }
				#cse .gsc-search-box-tools .gsc-search-box input.gsc-input {
					height: 40px !important;
					line-height: 40px;
					box-shadow: none;
					border: 1px solid #CCC !important;
					background: url(../images/style/search_icon.png) 5px 10px no-repeat #fff !important;	
					color: #000;
				}
	
			#cse .gsc-above-wrapper-area {
				border: none;
				margin: 0;
			}
				#cse .gsc-above-wrapper-area-container { margin: 5px 0; }
					#cse .gsc-result-info-container { padding: 0; }
						#cse .gsc-result-info { padding: 0; }
			
			#cse .gsc-tabsArea, #cse .gsc-refinementsArea {
				border-color: #e6e8ea;
				padding: 0;
			}
				#cse .gsc-tabHeader, #cse .gsc-refinementHeader {
					background: none;
					line-height: 30px;
					border-color: #e6e8ea;
					text-decoration: none;
					margin: 0;
				}
				#cse .gsc-tabHeader.gsc-tabhActive, #cse .gsc-tabHeader:hover, #cse .gsc-refinementHeader.gsc-refinementhActive, #cse .gsc-refinementHeader:hover {
					background: #e6e8ea;
				}
			
			#cse .gsc-wrapper {}
				#cse .gsc-resultsHeader {
					display: none;
				}

				#cse .gsc-result {
					padding: 0;
					border: none;
				}
					#cse .gsc-results .gsc-result {}
						#cse .gsc-results .gsc-result .gsc-table-cell-snippet-close, #cse .gsc-results .gsc-result .gsc-table-cell-thumbnail {
							padding: 0;
							border: none;
						}
						#cse .gsc-thumbnail-inside, #cse .gsc-url-top, #cse .gsc-table-result .gsc-thumbnail {
							padding-left: 0;
							padding-right: 0;
						}
							#cse .gs-result div.gs-title {
								text-decoration: none !important;
								line-height: 130%;
								margin: 5px 0;
								height: auto;
							}
								#cse .gs-result a.gs-title {
									text-decoration: none !important;
									height: auto;
								}
									#cse .gs-result a.gs-title * {
										text-decoration: none !important;
									}
							#cse .gsc-url-top .gs-visibleUrl {
								color: #666;
								font-size: 80%;
							}
						#cse .gsc-table-result .gsc-thumbnail { padding-right: 10px; }
							#cse .gs-image-box.gs-web-image-box.gs-web-image-box-landscape, #cse .gs-image-box.gs-web-image-box.gs-web-image-box-portrait {
								width: 60px;
								height: 60px;
							}
								#cse .gs-web-image-box-portrait img.gs-image {
									max-width: none;
									max-height: 100%;
								}
								#cse .gs-web-image-box-landscape img.gs-image {
									max-width: 100%;
									max-height: none;
								}
							#cse .gsc-table-result .gs-snippet {
								font-size: 123%; /* 16px */
								line-height: 150%;
							}
							
					#cse .gsc-results .gs-no-results-result {}
						#cse .gsc-results .gs-no-results-result .gs-snippet {
							padding: 0;
							margin: 0;
							border: none;
							background: none;
						}

	#cse .gsc-results .gsc-cursor-box {
		margin: 0;
		text-align: center;
		border-top: 1px solid #e6e8ea;
	}
		#cse .gsc-results .gsc-cursor-page {
			margin: 0 2px;
			line-height: 160%;
			float: none;
			display: inline-block;
			color: #873984;
			background: none;
			padding: 0 7px;
		}
			#cse .gsc-results .gsc-cursor-page:hover, #cse .gsc-results .gsc-cursor-page:focus {
				background: #e6e6e6;
				text-decoration: none;
				color: #024287;
			}
		#cse .gsc-results .gsc-cursor-current-page {background: #873984; color: #fff;}

/* FOOTER ==================================================================== */
#footer {
	background: #e6e8ea;
	padding: 20px 0 30px 0; 
	margin: 0;
	clear: both;
	font-size: 100%;
}
	
	#footer p {
		color: #525354;
		text-align: center;
		padding: 0;
		margin: 0;
	}
	#footer p.large_text {font-size: 116%; padding-bottom: 10px;}
	
ul.footer_logos {
	text-align: center;
	margin: 0 0 20px 0; padding: 0;
}
	ul.footer_logos li {
		margin: 0; padding: 0 20px;
		background: none;
		display: inline;
	}

ul.footer_nav {
	padding: 0; margin: 10px 0 0 0;
	text-align: center;
}
	ul.footer_nav li {
		padding: 0; 
		margin: 0;
		background: none;
		line-height: 16px;
		display: inline;
		border-right: solid 1px #672b64;
	}
		
		ul.footer_nav li.last {border-right: none;}
		ul.footer_nav li a {
			padding: 0 5px;
		}
			
/* MISC ============================================================================== */
.reveal-modal .close-reveal-modal {
	border: none;
	right: 8px;
    top: 5px;
}
.reveal-modal.no-pad {padding: 0;}
.reveal-modal h2 {margin-bottom: 10px;}
.reveal-modal input[type="text"]:focus {border: solid 1px #edf2f5;}
.reveal-modal label.chk span.chk_text {width: 80%;}
.reveal-modal .row.button-row .columns {padding: 10px;}

h2.dist_title {
	background: url(../images/style/dist_title.png) -20px 0 no-repeat #aeb9be;
	padding-left: 40px;
	color: #ffffff;
	line-height: 25px;	
}

.summary {
	text-transform: uppercase;
	color: #636466;
	font-weight: bold;
	float: left;
	margin-bottom: 10px;
}
.greybg {
	padding: 5px 15px;
	background: #e6ecef;
}
.summary.greybg { width: 100%; }
	.greybg p {color: #636466; font-weight: bold;}
	.greybg a {font-weight: bold; color: #636466;}
	
.dark_grey_intro {
	padding: 5px 15px 0 15px;
	color: #fff;
	background: #aeb9be;
}
	.dark_grey_intro p, .dark_grey_intro h2 {color: #fff;}
	.dark_grey_intro h2 {font-weight: bold;}
.dark_grey_border {
	padding: 18px 3px;
	border: 2px solid #aeb9be;
	overflow: hidden;
}
	.dark_grey_border p { padding-left: 10px; padding-right: 10px; }
	.dark_grey_border .about_box {}
		.dark_grey_border .about_box p { padding-left: 0; padding-right: 0; }
	
.row.page_index {
	margin: 0 !important;
}
	.row.page_index .columns {
		padding-left: 0;
		padding-right: 0;
	}
		.row.page_index .columns.page_index_img {padding-left: 0 !important;}
	.row.page_index h3 {margin-top: 0; padding-top: 0;}
	
.img_right, .cs_control.img_right {
	margin: 0 0 20px 0;
	float: right;
	clear: right;
}
	
.flex-video {margin: 20px 0;}
	.reveal-modal .flex-video {margin: 0;}

.img_marg_top {margin-top: 10px;}

#infoTabs, #MSDSList {margin: 20px 0;}
.divider {clear: both; margin: 10px 0;}

.admin_notice {
	background: skyblue url('../images/style/info_icon.png') 10px center no-repeat;
	position: absolute;
	top: 20px; left: 0;
	z-index: 50;
	padding: 0 10px 0 46px;
	margin-right: 10px;
	opacity: 0.9;
}
	.admin_notice p {
	}

/* SAFETY DATA SHEETS ================================================= */
.mainSearch {}
.mainSearch input {display: inline;}

/* ACCORDION ======================================================================= */
.accordion.section-container {
	border: none;
	clear: both;
}
	.accordion section {}
		.accordion section > a, .accordion section > a:active {
			background: #e6e8ea;
			color: #672b64;
			padding: 10px;
			display: block;
			border: none;
			border-top: 1px solid #fff;
		}
			.accordion section > a:hover, .accordion section > a:focus {
				background: #672b64;
				color: #fff;
			}
		.accordion.section-container > section > .content {
			border: none;
			padding-top: 0;
		}

/* FIXES TO COMMONSPOT UI STYLES ==================================================================== */

/* RTE */
.ktml table { width: auto; margin: 0;}
.ktml_bg input { padding: 0; height: auto; }
.ktml div.optcontainer div.opt div {
	display: block !important;
	border-width: none !important;
	float: left !important;
	font-size: 12px;
}


/* Pop-ups */
.lightboxOverlay {
	height: 100% !important;
	}
	.lightboxBottomCorner { margin-top: -5px !important; }
	.lightboxContainer .lightboxBottomCorner img, .lightboxContainer .lightboxTopCorner img { height: 10px; } 
	.lightboxSubTitleContainer h2 { background: none; }

.csMainTable {
	font-size: 10px;
	line-height: normal;
	}
	.csMainTable input {
		height: auto;
	}
#clsProxyButtonTable input[type="button"] {
	background: none;
	height: 20px; width: auto;
	padding: 0; margin: 0;
}

/* Image gallery in popup */
ul.img_gallery {
	height: 400px !important;
}
	ul.img_gallery li {
		padding: 0;
		background: none;
		text-align: center;	
	}
		ul.img_gallery li img {
			margin: 0 auto;	
			width: 100%;
		}
		ul.img_gallery li p {color: #ffffff;}
		.orbit-container .orbit-slides-container > * .orbit-caption {position: relative;}

/* CS AUTHORING */
.cs_cdivshow {overflow: hidden;}

#cs_entrance a {border:none;}


/* GRID OVERRIDES ==================================================================== */
.row {max-width: 70rem;}

.show-for-xsmall {display: inherit !important;}
.show-for-small, .show-for-small-only, .hide-for-xsmall {display: none !important;}
.show-for-small-up {display: none !important;}
.hide-for-small-up {display: inherit !important;}
.show-for-medium-only {display: none !important;}
.show-for-large-only {display: none !important;}

@media only screen { 
	.row .row {margin-right: 0; margin-left: 0;}
	.column, .columns {	padding-right: 10px; padding-left: 10px;}
	.column.no_pad, .columns.no_pad {	padding-right: 0; padding-left: 0;}
	
	.small-1 {position: relative;width: 100%; }
	.small-2 {position: relative;width: 100%; }
	.small-3 {position: relative;width: 100%; }
	.small-4 {position: relative;width: 100%; }
	.small-5 {position: relative;width: 100%; }
	.small-6 {position: relative;width: 100%; }
	.small-7 {position: relative;width: 100%; }
	.small-8 {position: relative;width: 100%; }
	.small-9 {position: relative;width: 100%; }
	.small-10 {position: relative;width: 100%; }
	.small-11 {position: relative;width: 100%; }
	.small-12 {position: relative;width: 100%; }
	
	.small-push-1 {position: relative;left:0; right: auto; }
	.small-pull-1 {position: relative;right: 0;left: auto; }
	.small-push-2 {position: relative;left: 0;right: auto; }
	.small-pull-2 {position: relative;right: 0;left: auto; }
	.small-push-3 {position: relative;left: 0;right: auto; }
	.small-pull-3 {position: relative;right: 0;left: auto; }
	.small-push-4 {position: relative;left: 0;right: auto; }
	.small-pull-4 {position: relative;right: 0;left: auto; }
	.small-push-5 {position: relative;left: 0;right: auto; }
	.small-pull-5 {position: relative;right: 0;left: auto; }
	.small-push-6 {position: relative;left: 0;right: auto; }
	.small-pull-6 {position: relative;right: 0;left: auto; }
	.small-push-7 {position: relative;left: 0; right: auto; }
	.small-pull-7 {position: relative;right: 0;left: auto; }
	.small-push-8 {position: relative;left: 0;right: auto; }
	.small-pull-8 {position: relative;right: 0;left: auto; }
	.small-push-9 {position: relative;left: 0;right: auto; }
	.small-pull-9 {position: relative;right: 0;left: auto; }
	.small-push-10 {position: relative;left: 0;right: auto; }
	.small-pull-10 {position: relative;right: 0;left: auto; }
	.small-push-11 {position: relative;left: 0;right: auto; }
	.small-pull-11 {position: relative;right: 0;left: auto; }
	
	.large-1 {position: relative;width: 100%; }
	.large-2 {position: relative;width: 100%; }
	.large-3 {position: relative;width: 100%; }
	.large-4 {position: relative;width: 100%; }
	.large-5 {position: relative;width: 100%; }
	.large-6 {position: relative;width: 100%; }
	.large-7 {position: relative;width: 100%; }
	.large-8 {position: relative;width: 100%; }
	.large-9 {position: relative;width: 100%; }
	.large-10 {position: relative;width: 100%; }
	.large-11 {position: relative;width: 100%; }
	.large-12 {position: relative;width: 100%; }
	
	.large-push-1 {position: relative;left:0; right: auto; }
	.large-pull-1 {position: relative;right: 0;left: auto; }
	.large-push-2 {position: relative;left: 0;right: auto; }
	.large-pull-2 {position: relative;right: 0;left: auto; }
	.large-push-3 {position: relative;left: 0;right: auto; }
	.large-pull-3 {position: relative;right: 0;left: auto; }
	.large-push-4 {position: relative;left: 0;right: auto; }
	.large-pull-4 {position: relative;right: 0;left: auto; }
	.large-push-5 {position: relative;left: 0;right: auto; }
	.large-pull-5 {position: relative;right: 0;left: auto; }
	.large-push-6 {position: relative;left: 0;right: auto; }
	.large-pull-6 {position: relative;right: 0;left: auto; }
	.large-push-7 {position: relative;left: 0; right: auto; }
	.large-pull-7 {position: relative;right: 0;left: auto; }
	.large-push-8 {position: relative;left: 0;right: auto; }
	.large-pull-8 {position: relative;right: 0;left: auto; }
	.large-push-9 {position: relative;left: 0;right: auto; }
	.large-pull-9 {position: relative;right: 0;left: auto; }
	.large-push-10 {position: relative;left: 0;right: auto; }
	.large-pull-10 {position: relative;right: 0;left: auto; }
	.large-push-11 {position: relative;left: 0;right: auto; }
	.large-pull-11 {position: relative;right: 0;left: auto; }
	
	.xsmall-1 {position: relative;width: 8.33333%; }
	.xsmall-2 {position: relative;width: 16.66667%; }
	.xsmall-3 {position: relative;width: 25%; }
	.xsmall-4 { position: relative; width: 33.33333%; }
	.xsmall-5 {position: relative;width: 41.66667%; }
	.xsmall-6 {position: relative;width: 50%; }
	.xsmall-7 {position: relative;width: 58.33333%; }
	.xsmall-8 {position: relative;width: 66.66667%; }
	.xsmall-9 {position: relative;width: 75%; }
	.xsmall-10 {position: relative;width: 83.33333%; }
	.xsmall-11 {position: relative;width: 91.66667%; }
	.xsmall-12 {position: relative;width: 100%; }
	
	.xsmall-push-1 {position: relative;left: 8.33333%; right: auto; }
	.xsmall-pull-1 {position: relative;right: 8.33333%;left: auto; }
	.xsmall-push-2 {position: relative;left: 16.66667%;right: auto; }
	.xsmall-pull-2 {position: relative;right: 16.66667%;left: auto; }
	.xsmall-push-3 {position: relative;left: 25%;right: auto; }
	.xsmall-pull-3 {position: relative;right: 25%;left: auto; }
	.xsmall-push-4 {position: relative;left: 33.33333%;right: auto; }
	.xsmall-pull-4 {position: relative;right: 33.33333%;left: auto; }
	.xsmall-push-5 {position: relative;left: 41.66667%;right: auto; }
	.xsmall-pull-5 {position: relative;right: 41.66667%;left: auto; }
	.xsmall-push-6 {position: relative;left: 50%;right: auto; }
	.xsmall-pull-6 {position: relative;right: 50%;left: auto; }
	.xsmall-push-7 {position: relative;left: 58.33333%; right: auto; }
	.xsmall-pull-7 {position: relative;right: 58.33333%;left: auto; }
	.xsmall-push-8 {position: relative;left: 66.66667%;right: auto; }
	.xsmall-pull-8 {position: relative;right: 66.66667%;left: auto; }
	.xsmall-push-9 {position: relative;left: 75%;right: auto; }
	.xsmall-pull-9 {position: relative;right: 75%;left: auto; }
	.xsmall-push-10 {position: relative;left: 83.33333%;right: auto; }
	.xsmall-pull-10 {position: relative;right: 83.33333%;left: auto; }
	.xsmall-push-11 {position: relative;left: 91.66667%;right: auto; }
	.xsmall-pull-11 {position: relative;right: 91.66667%;left: auto; }
	
}

/* MEDIA QUERIES ===================================================================== */
/* SMALL - 480px up */
@media only screen and (min-width: 480px) { 
	/*.row .row {margin-right: 10px; margin-left: 10px;}
	.column, .columns {	padding-right: 10px; padding-left: 10px;}*/
	.show-for-small, .show-for-small-only, .hide-for-xsmall {display: inherit !important; }
	.show-for-xsmall {display: none !important;}
	.show-for-small-up {display: inherit !important;}
	.hide-for-small-up {display: none !important;}
	
	.small-1 {position: relative;width: 8.33333%; }
	.small-2 {position: relative;width: 16.66667%; }
	.small-3 {position: relative;width: 25%; }
	.small-4 { position: relative; width: 33.33333%; }
	.small-5 {position: relative;width: 41.66667%; }
	.small-6 {position: relative;width: 50%; }
	.small-7 {position: relative;width: 58.33333%; }
	.small-8 {position: relative;width: 66.66667%; }
	.small-9 {position: relative;width: 75%; }
	.small-10 {position: relative;width: 83.33333%; }
	.small-11 {position: relative;width: 91.66667%; }
	.small-12 {position: relative;width: 100%; }
	
	.small-push-1 {position: relative;left: 8.33333%; right: auto; }
	.small-pull-1 {position: relative;right: 8.33333%;left: auto; }
	.small-push-2 {position: relative;left: 16.66667%;right: auto; }
	.small-pull-2 {position: relative;right: 16.66667%;left: auto; }
	.small-push-3 {position: relative;left: 25%;right: auto; }
	.small-pull-3 {position: relative;right: 25%;left: auto; }
	.small-push-4 {position: relative;left: 33.33333%;right: auto; }
	.small-pull-4 {position: relative;right: 33.33333%;left: auto; }
	.small-push-5 {position: relative;left: 41.66667%;right: auto; }
	.small-pull-5 {position: relative;right: 41.66667%;left: auto; }
	.small-push-6 {position: relative;left: 50%;right: auto; }
	.small-pull-6 {position: relative;right: 50%;left: auto; }
	.small-push-7 {position: relative;left: 58.33333%; right: auto; }
	.small-pull-7 {position: relative;right: 58.33333%;left: auto; }
	.small-push-8 {position: relative;left: 66.66667%;right: auto; }
	.small-pull-8 {position: relative;right: 66.66667%;left: auto; }
	.small-push-9 {position: relative;left: 75%;right: auto; }
	.small-pull-9 {position: relative;right: 75%;left: auto; }
	.small-push-10 {position: relative;left: 83.33333%;right: auto; }
	.small-pull-10 {position: relative;right: 83.33333%;left: auto; }
	.small-push-11 {position: relative;left: 91.66667%;right: auto; }
	.small-pull-11 {position: relative;right: 91.66667%;left: auto; }
	
h1, h2, .h2 {font-size: 142%; /* 20px */}

/* HOMEPAGE ======================================================================== */
a.icon {
	width: 105px;
	line-height: 100%;
}
	a.icon .img {
		width: 85px;
		height: 85px;
		margin-bottom: 10px;
	}
/* HOMEPAGE NEWS =============================================================== */
.news_art {
	padding: 10px;
	border: solid 1px #e6e8ea;
}
	.news_art:hover {
		border-color: #e6e8ea;
	}
	
/* ADVERTS ======================================================================= */
.ad {
	text-align: center;
	border: solid 1px #e6e8ea;
	padding: 10px;
}

/* HOMEPAGE NEWS =============================================================== */
.news_art {margin: 20px 0 0 0;}

/* MISC ============================================================================== */
.img_right { margin: 0 0 0 20px; }
}

/* MEDIUM - 768px up */
@media only screen and (min-width: 768px) { 
	.xsmall_no_pad {padding-left: 10px !important; padding-right: 10px !important;}
	.row .row {margin-right: 10px; margin-left: 10px;}
	/*..column, .columns {	padding-right: 10px; padding-left: 10px;}*/
	.show-for-small-only {display: none !important;}
	.show-for-medium-only {display: inherit !important;}
	
	.medium-push-1 {position: relative;left: 8.33333%;right: auto; }
	.medium-pull-1 {position: relative;right: 8.33333%;left: auto; }
	.medium-push-2 {position: relative;left: 16.66667%;right: auto; }
	.medium-pull-2 {position: relative;right: 16.66667%;left: auto; }
	.medium-push-3 {position: relative;left: 25%;right: auto; }
	.medium-pull-3 {position: relative;right: 25%;left: auto; }
	.medium-push-4 {position: relative;left: 33.33333%;right: auto; }
	.medium-pull-4 {position: relative;right: 33.33333%;left: auto; }
	.medium-push-5 {position: relative;left: 41.66667%;right: auto; }
	.medium-pull-5 {position: relative;right: 41.66667%;left: auto; }
	.medium-push-6 {position: relative;left: 50%;right: auto; }
	.medium-pull-6 {position: relative;right: 50%;left: auto; }
	.medium-push-7 {position: relative;left: 58.33333%;right: auto; }
	.medium-pull-7 {position: relative;right: 58.33333%;left: auto; }
	.medium-push-8 {position: relative;left: 66.66667%;right: auto; }
	.medium-pull-8 {position: relative;right: 66.66667%;left: auto; }
	.medium-push-9 {position: relative;left: 75%;right: auto; }
	.medium-pull-9 {position: relative;right: 75%;left: auto; }
	.medium-push-10 {position: relative;left: 83.33333%;right: auto; }
	.medium-pull-10 {position: relative;right: 83.33333%;left: auto; }
	.medium-push-11 {position: relative;left: 91.66667%;right: auto; }
	.medium-pull-11 {position: relative;right: 91.66667%;left: auto; }

 	.medium-1 {position: relative; width: 8.33333%; }
	.medium-2 {position: relative;width: 16.66667%; }
	.medium-3 {position: relative; width: 25%; }
	.medium-4 {position: relative;width: 33.33333%; }
	.medium-5 {position: relative;width: 41.66667%; }
	.medium-6 {position: relative; width: 50%; }
	.medium-7 {position: relative;width: 58.33333%; }
	.medium-8 {position: relative;width: 66.66667%; }
	.medium-9 {position: relative;width: 75%; }
	.medium-10 {position: relative;width: 83.33333%; }
	.medium-11 {position: relative;width: 91.66667%; }
	.medium-12 {position: relative;width: 100%; }
	
	.medium-offset-0 {position: relative;margin-left: 0%; }
	.medium-offset-1 {position: relative;margin-left: 8.33333%; }
	.medium-offset-2 {position: relative;margin-left: 16.66667%; }
	.medium-offset-3 {position: relative;margin-left: 25%; }
	.medium-offset-4 {position: relative;margin-left: 33.33333%; }
	.medium-offset-5 {position: relative;margin-left: 41.66667%; }
	.medium-offset-6 {position: relative;margin-left: 50%; }
	.medium-offset-7 {position: relative;margin-left: 58.33333%; }
	.medium-offset-8 {position: relative;margin-left: 66.66667%; }
	.medium-offset-9 {position: relative;margin-left: 75%; }
	.medium-offset-10 {position: relative;margin-left: 83.33333%; }

h1, h2, .h2 {font-size: 154%; /* 26px */}
h3 {font-size: 142%; /* 24px */}
h4, .h4 {font-size: 124%; /* 20px */}
h5 {font-size: 112%; /* 18px */}
h6 {font-size: 100%; /* 16px */}

p, .p { font-size: 100%; margin: 20px 0;}
ul li {font-size: 100%; background-position: 5px 14px;}
	
/* HEADER ===================================================================== */	
#header {
	height: 140px;
	background: url(../images/style/bg.png) top center no-repeat #024287;
}
	#logo {
		margin: 30px 0 0 10px;
		float: left;
		width: 220px;
		height: 85px;	
	}
	
	.skip {
		top: 10px; right: 10px;
		font-size: 88%;
	}
	
	ul#sys_nav {
		margin-top: 60px;	
	}
		ul#sys_nav li {
			border-right: solid 1px #ffffff;
		}
			ul#sys_nav li.last {border: none;}
			ul#sys_nav li a {
				line-height: 20px;
				padding: 0 7px 0 2px;
				border: none;
				font-size: 114%;
				color: #e6e8ea;
			}
				ul#sys_nav li a:hover, ul#sys_nav li a:focus {background: none; color: #ffffff;}
			
	#main_search {
		float: right;
		margin: 40px 10px 0 0;	
		width: 35%;
	}

	#search input {
		text-indent: 0;
		padding: 0 40px 0 10px;
		height: 40px;
		line-height: 40px;
		
	}

/* NAV ============================================================================== */
.nav {
	height: 40px;
	background: url(../images/style/nav.png) top center repeat-x;	
}
	.nav ul {
	}
		.nav ul li {
			width: 20%;	
			font-size: 124%;
			line-height: 40px;
		}
			.nav ul li a {
				text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
			}
				.nav ul li a.active, .nav ul li a:hover, .nav ul li a:focus {
					text-shadow: none;	
				}

/* BREADCRUMB ==================================================================== */
.breadcrumb {
	padding: 20px 0;
}
		ul.bc li {
			line-height: 18px;
			padding: 0 15px 0 10px;
			
			background: url(../images/style/bc_arrow.png) right center no-repeat;
		}
		
/* HOMEPAGE ======================================================================== */
.home_tabs {
	margin-bottom: 30px;
	padding-bottom: 40px;	
}
	.home_tabs .row .sub .row {max-width: 70rem; margin: 0 auto;}
	.home_tabs ul.icon_list li {padding-top: 40px;}

	.home_tabs ul.link_list {margin-top: 15px; margin-bottom: 5px;}
		.home_tabs ul.link_list li {
			background: none;
			padding: 0 15px 15px 15px;
			margin-bottom: 0;
			font-size: 100%;
		}
		
.btn_holder {
	margin: 40px 0 0 0;	
}
		
/* HOMEPAGE NEWS =============================================================== */
.news_art {
	margin: 30px 0 10px 0;
}

/* NEWS LISTING =============================================================== */
.news_list .xsmall-12.columns {
	padding-left: 10px;
}

/* SECTION ICONS ==================================================================== */
ul.section_icons li {
	padding-bottom: 20px;
	padding-top: 20px;	
}
a.large_icon {
	font-size: 100%;
	min-height: 105px;
	line-height: 18px;
}
	a.large_icon .img {
		width: 103px;
		height: 103px;
	}
		a.large_icon .img img {
			width: 85px;
			height: 85px;
			
		}
	a.large_icon .text_con {
		padding-left: 120px;
		
	}
		a.large_icon .heading {
			font-size: 120%;
		}
		a.large_icon .text {
			padding-top: 10px;
		}

/* SIDEBAR ======================================================================= */
.sidebar {
	padding: 10px 20px;
}
	
	ul.sidenav {margin:10px 0 30px 0;}
		ul.sidenav li {}
	
	ul.doc_list, ul.ext_list, ul.page_list {margin: 10px 0 30px 0;}

			ul.doc_list li a, ul.ext_list li a {
				padding: 0 0 0 20px;
				background: url(../images/style/doc.png) 0 2px no-repeat;
			}
			ul.ext_list li a { background-image: url(../images/style/link.png); }

/* ADVERTS ======================================================================= */
.ad {
	border: solid 1px #e6e8ea;
	padding: 20px 40px;
}

/* CTA =============================================================================== */
.cta {
	margin-bottom: 40px;
}
	.cta .btn {
		max-width: 350px;
	}
	
/* NOTIFICATIONS ===================================================================== */
.notification_wrapper {
	padding: 20px 0;
}
				
/* BUTTONS ==================================================================== */
.btn {
	margin: 10px auto 20px auto;
	padding: 0 38px;
	line-height: 38px;
	max-width: 300px;
}
	.btn_fb { line-height: 22px; padding: 1px 38px; }
	.btn_twitter, .btn_fb, .btn_feedback, .btn_news { background-position: 4px center;}			

.plain_btn {
	max-width: 100%;
	padding: 8px 9px;	
	margin: 0;
	color: #672b64;
	line-height: 18px;
}

.read_btn {
	background-position: right 8px;
}
	.read_btn:hover, .read_btn:focus {
		background-position: right -12px;	
	}
	
/* FOOTER ================================================================ */
#footer {padding-top: 50px; margin-top: 10px;}
ul.footer_nav {margin: 40px 0 20px 0;}
	ul.footer_nav li {
		line-height: 20px; 
		padding: 0 10px;
	}
	ul.footer_nav li.show-for-medium-up {display: inline !important;}
		ul.footer_nav li a {padding: 0;}

/* FORMS =================================================================== */
	/* Text fields */
	input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select {	
		font-size: 100%;
		padding-right: 0.5em;
		padding-left: 0.5em;
		min-width: 0;
	}
	form .row.button-row .columns {
		padding-right: 0;
	}

/* SHARE ==================================================================== */
#share {
	float: right;
	padding: 25px 0 20px 0;
}

/* ARROW STRIP
====================================================================================== */
	.arrow_strip {
		background: #808285;
		height: 100px;
		overflow: hidden;
	}
		.arrow_strip.arrow_strip_anim {height: 60px;}
	.columns.arrow_strip_head {
		height: 100px;
		background: url(../images/style/arrow_strip_yellow.png) center right no-repeat transparent;	
	}
		.arrow_strip.arrow_strip_anim .columns.arrow_strip_head {height: 60px;}
		.arrow_strip_head h2 {margin: 10px 0;}
			.arrow_strip_head h2.multi_line {margin: 0;}
		.arrow_strip_head a {
			margin: 15px 20px;	
			text-align: left;
		}
			.arrow_strip_head h2 a {margin: 0;}
	.columns.arrow_strip_body {
		padding: 10px 0;
		background: none;
	}

/* BUTTONS =========================================================================== */
button, .button { white-space: normal; }
	
/* MISC ============================================================================== */
	.greybg .no_pad_left { padding-right: 10px; }
	.greybg .no_pad_right { padding-left: 10px; }
	
	.dark_grey_intro {
		padding: 5px 45px 0 45px;
		background: #aeb9be url(../images/style/doc_icon.png) 8px 15px no-repeat;
	}
	.dark_grey_border {	padding: 18px 33px; }
	
	ul.btn_holder {}	
		ul.btn_holder li {
			margin: 0 10px 10px 0;
			float: left;
		}
			ul.btn_holder li:last-child {}
				ul.btn_holder li .button {
					width: auto;
					min-width: 100px;
				}

/* Image gallery in popup */
ul.img_gallery {
	height: 650px !important;
}
		.orbit-container .orbit-slides-container > * .orbit-caption {position: absolute;}
}

/* LARGE - 1024px up */
@media only screen and (min-width: 1024px) { 
	/*.row .row {margin-right: 10px; margin-left: 10px;}
	.column, .columns {	padding-right: 10px; padding-left: 10px;}*/
	.show-for-medium-only {display: none !important;}
	.show-for-large-only {display: inherit !important;}
	.show-for-large, .show-for-large-up {display: inherit !important;}
	.hide-for-large, .hide-for-large-up {display: none !important;}
	
	.large-push-1 {position: relative;left: 8.33333%;right: auto; }
	.large-pull-1 {position: relative;right: 8.33333%;left: auto; }
	.large-push-2 {position: relative;left: 16.66667%;right: auto; }
	.large-pull-2 {position: relative;right: 16.66667%;left: auto; }
	.large-push-3 {position: relative;left: 25%;right: auto; }
	.large-pull-3 {position: relative;right: 25%;left: auto; }
	.large-push-4 {position: relative;left: 33.33333%;right: auto; }
	.large-pull-4 {position: relative;right: 33.33333%;left: auto; }
	.large-push-5 {position: relative;left: 41.66667%;right: auto; }
	.large-pull-5 {position: relative;right: 41.66667%;left: auto; }
	.large-push-6 {position: relative;left: 50%;right: auto; }
	.large-pull-6 {position: relative;right: 50%;left: auto; }
	.large-push-7 {position: relative;left: 58.33333%;right: auto; }
	.large-pull-7 {position: relative;right: 58.33333%;left: auto; }
	.large-push-8 {position: relative;left: 66.66667%;right: auto; }
	.large-pull-8 {position: relative;right: 66.66667%;left: auto; }
	.large-push-9 {position: relative;left: 75%;right: auto; }
	.large-pull-9 {position: relative;right: 75%;left: auto; }
	.large-push-10 {position: relative;left: 83.33333%;right: auto; }
	.large-pull-10 {position: relative;right: 83.33333%;left: auto; }
	.large-push-11 {position: relative;left: 91.66667%;right: auto; }
	.large-pull-11 {position: relative;right: 91.66667%;left: auto; }

 	.large-1 {position: relative; width: 8.33333%; }
	.large-2 {position: relative;width: 16.66667%; }
	.large-3 {position: relative; width: 25%; }
	.large-4 {position: relative;width: 33.33333%; }
	.large-5 {position: relative;width: 41.66667%; }
	.large-6 {position: relative; width: 50%; }
	.large-7 {position: relative;width: 58.33333%; }
	.large-8 {position: relative;width: 66.66667%; }
	.large-9 {position: relative;width: 75%; }
	.large-10 {position: relative;width: 83.33333%; }
	.large-11 {position: relative;width: 91.66667%; }
	.large-12 {position: relative;width: 100%; }
	
	.large-offset-0 {position: relative;margin-left: 0%; }
	.large-offset-1 {position: relative;margin-left: 8.33333%; }
	.large-offset-2 {position: relative;margin-left: 16.66667%; }
	.large-offset-3 {position: relative;margin-left: 25%; }
	.large-offset-4 {position: relative;margin-left: 33.33333%; }
	.large-offset-5 {position: relative;margin-left: 41.66667%; }
	.large-offset-6 {position: relative;margin-left: 50%; }
	.large-offset-7 {position: relative;margin-left: 58.33333%; }
	.large-offset-8 {position: relative;margin-left: 66.66667%; }
	.large-offset-9 {position: relative;margin-left: 75%; }
	.large-offset-10 {position: relative;margin-left: 83.33333%; }

/* HOMEPAGE =================================================================== */
ul.a-z {
	
}
	ul.a-z li {
		font-size: 132%;
		padding: 10px 0;
		width: 32px;
	}
		ul.a-z li a {
			
		}

/* HOMEPAGE NEWS =============================================================== */
.news_art {
	margin: 80px 0 10px 0;
	padding: 20px;
}

/* SECTION ICONS ==================================================================== */
ul.section_icons li {
	padding-bottom: 30px;
	padding-top: 30px;	
}
/* SIDEBAR ======================================================================= */
.sidebar {
	padding: 20px 30px;
}
	ul.sidenav li {}

/* FOOTER ====================================================================== */
#footer {margin-top: 60px;}
}

/* CUSTOM - 1280px up */
@media only screen and (min-width: 70rem) {

	/* BREADCRUMB ==================================================================== */
	.breadcrumb {
		margin-bottom: 20px;
	}
	
	/* HEADER IMG ==================================================================== */
	.header_img {
		margin: 20px 0;	
	}
	
	/* NOTIFICATIONS ===================================================================== */
	.notification_wrapper {
		margin: -20px 0 20px 0;
	}
	.notifications_home .notification_wrapper {
		margin: 0;
	}
}

/* X LARGE - 1280px up */
@media only screen and (min-width: 1280px) {

}

/* XX LARGE - 1440px up */
@media only screen and (min-width: 1440px) {
}


/* Apply styles to screens in landscape orientation */
@media only screen and (orientation: landscape) {}

/* Apply styles to screens in portrait orientation */
@media only screen and (orientation: portrait) {}

/* Print Overrides */
@media print {
	.section-container.accordion > section > .content {
		display: block !important;
	}
}