/*
Name: UKRO
Author: Tom Dent
Author URI: http://doubledcreative.com
Version: 1.0
*/

/*html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body{margin:0;background:#eef1f3;font-family:"Open Sans", "Helvetica", "Arial", sans-serif;font-size:18px;font-size:1.125rem;line-height:2rem;color:#456;}*/

/*h1, h2, h3, h4, h5{font-family:"Droid Serif", "Georgia", "Times New Roman", serif;color:#345;}
h1{font-size:28px;font-size:2rem;line-height:40px;line-height:2.75rem;margin-bottom:26px;margin-bottom:1.625rem;}
h2{font-size:28px;font-size:1.75rem;line-height:40px;line-height:2.5rem;margin-bottom:26px;margin-bottom:1.625rem;}
h3{font-size:24px;font-size:1.5rem;line-height:36px;line-height:2.25rem;margin:30px 0 26px;margin:1.875rem 0 1.625rem;}
h4{font-size:20px;font-size:1.25rem;line-height:36px;line-height:2rem;margin:28px 0 24px;margin:1.75rem 0 1.5rem;}
h5{font-size:18px;line-height:30px;margin:24px 0 20px;}*/

/*a, a:link, a:visited{color:#f66;text-decoration:none;font-weight:bold;}
a:hover{color:#f55;border-bottom:none;}
p{margin-bottom:1.875rem;}
ul, ol{margin:0 0 30px 0;padding-left:30px;padding-left:1.875rem;}
ul li, ol li{color:#345;margin-bottom:6px;}
blockquote{border-left: 5px solid #f55;margin:20px 0;padding:10px 20px;font-family:"Droid Serif", "Georgia", "Times New Roman", serif;font-style:italic;color:#f55;}
blockquote:before{content:"“";font-size:50px;display:inline-block;padding-right:10px;line-height:0px;}*/

body {
	background: #eef1f3;
	min-width:710px;
	
}
#s4-workspace {
	min-width:710px;
}
.nav, .footer, .wrapper {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
.ms-webpartzone-cell {
	background-color:white !important;
}
.wrapper {
	margin: 0;
	background: #eef1f3;
	font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 2rem;
	color: #456;
	min-width:710px;
}

.nav {
	margin: 0;
	font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 2rem;
	color: #456;
}

	.nav h1, .nav h2, .nav h3, .nav h4, .nav h5, .footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .wrapper h1, .wrapper h2, .wrapper h3, .wrapper h4, .wrapper h5, .wrapper input, .side h1, .side h2, .side h3, .side h4, .side h5 {
		font-family: "Droid Serif", "Georgia", "Times New Roman", serif;
		color: #345;
	}

	.nav h1, .footer h1, .wrapper h1, .side h1 {
		font-size: 28px;
		font-size: 2rem;
		line-height: 40px;
		line-height: 2.75rem;
		margin-bottom: 26px;
		margin-bottom: 1.625rem;
	}

	.nav h2, .footer h2, .wrapper h2, .side h2 {
		font-size: 28px;
		font-size: 1.75rem;
		line-height: 40px;
		line-height: 2.5rem;
		margin-bottom: 26px;
		margin-bottom: 1.625rem;
	}

	.nav h3, .footer h3, .wrapper h3, .side h3 {
		font-size: 24px;
		font-size: 1.5rem;
		line-height: 36px;
		line-height: 2.25rem;
		margin: 30px 0 26px;
		margin: 1.875rem 0 1.625rem;
	}

	.nav h4, .footer h4, .wrapper h4, .side h4 {
		font-size: 20px;
		font-size: 1.25rem;
		line-height: 36px;
		line-height: 2rem;
		margin: 28px 0 24px;
		margin: 1.75rem 0 1.5rem;
	}

	.nav h5, .footer h5, .wrapper h5, .side h5 {
		font-size: 18px;
		line-height: 30px;
		margin: 24px 0 20px;
	}

	.nav a, .nav a:link, .nav a:visited, .footer a, .footer a:link, .footer a:visited, .wrapper a, .wrapper a:link, .wrapper a:visited, .wrapper input, div.refine .ms-ref-name {
		color: #f66;
		text-decoration: none;
		font-weight: bold;
	}

		.nav a:hover, .footer a:hover, .wrapper a:hover, div.refine .ms-ref-name {
			color: #f55;
			border-bottom: none;
		}
div.refine .ms-ref-name {
			color: #f55 !important;
			border-bottom: none;
		}


	.nav p /*, .footer p*/, .wrapper p {
		margin-bottom: 1.875rem;
	}

	.nav ul, .nav ol, .footer ul, .footer ol, .wrapper ul, .wrapper ol {
		margin: 0 0 30px 0;
		padding-left: 30px;
		padding-left: 1.875rem;
	}

		.nav ul li, .nav ol li, .footer ul li, .footer ol li, .wrapper ul li, .wrapper ol li {
			color: #345;
			margin-bottom: 6px;
		}

	/*.nav blockquote, .footer blockquote, .wrapper blockquote {
		border-left: 5px solid #f55;
		margin: 20px 0;
		padding: 10px 20px;
		font-family: "Droid Serif", "Georgia", "Times New Roman", serif;
		font-style: italic;
		color: #f55;
	}*/

		/*.nav blockquote:before, .footer blockquote:before, .wrapper blockquote:before {
			content: "“";
			font-size: 50px;
			display: inline-block;
			padding-right: 10px;
			line-height: 0px;
		}*/

	.nav code, .footer code, .wrapper code {
		display: block;
		border: 1px solid #000;
		background: #222;
		color: #fff;
		font-family: Courier;
		font-size: 14px;
		padding: 15px 20px 13px;
		line-height: 16px;
		font-weight: normal;
		margin-top: 10px;
	}

	.nav cite, .footer cite, .wrapper cite {
		font-size: 14px;
	}

	.nav mark, .footer mark, .wrapper mark {
		padding-left: 5px;
		padding-right: 5px;
		background-color: #ff6;
	}

.divider {
	display: block;
	border-top: 1px solid #dbe1e5;
	padding: 5px 0 8px 0;
	height: 1px;
	clear: both;
}
/*code{display:block;border:1px solid #000;background:#222;color:#fff;font-family:Courier;font-size:14px;padding:15px 20px 13px;line-height:16px;font-weight:normal;margin-top:10px;}
cite{font-size:14px;}
mark{padding-left:5px;padding-right:5px;background-color:#ff6;}*/
.small {
	font-size: 13px;
	line-height: 20px;
}

.left {
	float: left;
}

.right {
	float: right;
}

/* ================ SharePoint Ribbon =================== */
/*#globalNavBox, #suiteBarRight, #suiteBarLeft {
	background: #234;
}

#suiteBar {
	height: 92px;
}*/

#suiteBar, #s4-ribbonrow {
	display: none;
}
/*Enable to hide the first navigation object*/
/*ul.root > li.static:first-child > a {
	display: none !important;
}*/
/*Hide the edit links block from navigation*/
.ms-listMenu-editLink{
 display: none !important;
 }

.showRibbon {
	display: none;
}
/* ================ UKRO Custom Web Parts =================== */
.RES_Panel, .ELO_Panel, .UKRO_Panel, .SPON_Panel {
    border-style: double;
    border-color: grey;
    border-width: 1px;
    margin: 5px;
}
.RES_Panel:nth-child(even), .ELO_Panel:nth-child(even), .UKRO_Panel:nth-child(even), .SPON_Panel:nth-child(even) {
	float:right;
	width:48%;
	max-width:48%;
}
.RES_Panel:nth-child(odd), .ELO_Panel:nth-child(odd), .UKRO_Panel:nth-child(odd), .SPON_Panel:nth-child(odd){
	float:left;
	width:48%;
	max-width:48%;
}
.RES_Panel_UD, .RES_Panel_CD, .ELO_Panel_UD, .ELO_Panel_CD, .UKRO_Panel_UD, .UKRO_Panel_CD, .SPON_Panel_UD, .SPON_Panel_CD {
    margin: 5px;
}
.P_GetSubscribersSearch {
    width:60%;
}
.TWTC, .P_GetSubscribersSearch .ms-taxonomy, .P_GetSubscribersSearch .ms-taxonomy-control-holder  {
    width:100%;
}
.P_GetSubscribersSearch .ms-taxonomy-fieldeditor{
    width:94% !important;
}
.P_GSS_Buttons_SB {
    float: left;
}

.P_GSS_Buttons_EB {
    float: right;
}
.P_GSS_Buttons {
    margin-right:0px;
    margin-left:0px;
    margin-top:5px;
    margin-bottom:5px;
}
input.B_GSS {
    background: #f66;
    color: #fff;
    padding: 12px 24px 12px 16px;
    font-size: 18px;
    font-family: "Droid Serif", "Georgia", "Times New Roman", "serif", "FontAwesome";
    margin-left:0px;
}

input.B_GSS:hover {
    background: #f55;
}

/* ================ GLOBAL CSS ELEMENTS =================== */

#wrapper, .main, .sidebar, .entry, .sidebar .side, form, .entry input, .button, .date, textarea, .news-alt, .search input, .thumb, .center, .breadcrumbs, .home a.button, .sidebar select, .histogram_container {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

	a:hover, .sidebar .side ul li a:hover, .entry input[type="submit"]:hover, .news-alt:hover, .article:hover, p a:hover {
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
	}

/* ================ HEADER =================== */

.header {
	clear: both;
	width: 100%;
	background: #234;
	position: relative;
	/*margin-bottom:92px;*/
	height: 92px;
	top: 0;
	left: 0;
}

.headerwrapper {
	max-width: 1282px;
	height: 92px;
	margin: 0 auto;
	/*padding: 0 50px;*/
}


/* Logo */
/* Logo image is an svg file */
.logo {
	padding-top: 5px;
}

	.logo a img {
		width: 130px;
		border: none;
	}


/* ================ FOOTER ================= */

.footer {
	clear: both;
	width: 100%;
	background: #234;
	position: relative;
	margin-top: -50px;
	height: 50px;
	bottom: 0;
	left: 0;
	z-index:500;
}

.footerwrapper {
	max-width: 1282px;
	height: 50px;
	margin: 0 auto;
	/*padding: 0 50px;*/
	font-size: 13px;
	color: #fff;
}

.footer .footerwrapper a {
	color: #fff;
	font-weight: normal;
}

	.footer .footerwrapper a:hover {
		color: #9eb2c0;
	}


/* ================ WRAPPER ================= */

.wrapper {
	max-width: 1282px;
	margin: 30px auto 30px auto;
	height: 100%;
	padding-left: 16px;
	padding-right: 16px;
}
/*.wrapper{max-width:1322px;margin:0 auto;padding:130px 20px;}*/
/* ================ NAVIGATION ================ */
.nav .menuIcon {
	visibility:hidden;
	width: 40px;
	height: 40px;
}
.nav {
	float: right;
	height: 92px;
	max-width: 1282px;
	margin: auto;
}

.nav ul {
	padding: 0;
	margin: 0;

}

.nav ul li {
	list-style: none;
	/*float: left;*/
	border-top: none !important;
	border-bottom: none !important;
	border-left: none !important;
	border-right: 1px solid rgba(255, 255, 255, .3) !important;
	font-size: 17px;
	position: relative;
	margin-bottom: 0;
}

li.last {
	border-right: none !important;
	margin-right: 10px;
}

.nav ul li:last-of-type {
	border-right: none;
	margin-right: 0px;
}

.nav ul li a {
	color: #fff !important;
	padding: 29px 10px 30px;
	display: block;
}

.nav ul li:hover {
	background: #f66;
}

.nav ul.static li.static {
	height: 92px;
}

.nav a.static {
	/*margin-top: 16px;
	margin-bottom: 16px;*/
	display: block;
}
/* Sub Menu Parent Dropdown Icon */
.nav ul li.sub-nav a::after {
	content: "\f107";
	font-family: "FontAwesome";
	padding-left: 5px;
	color: rgba(255, 255, 255, .5);
}

.nav ul li.sub-nav a:hover::after {
	color: #fff;
}

.nav ul li.sub-nav ul li a::after {
	content: none;
}

.nav span.dynamic-children {
	background-image: none !important;
	padding-right: 0px !important;
}

.nav a.static > span.dynamic-children::after {
	content: "\f107";
	font-family: "FontAwesome";
	padding-left: 5px;
	color: rgba(255, 255, 255, .5);
}

.nav a.ms-core-listMenu-item {
	margin-right: 0px !important;
}
/* Sub Menu */
.nav .sub-menu {
	margin-top: 20px;
	z-index: 1000;
}

.nav ul li ul.sub-menu ul.dynamic {
	display: none;
	position: absolute;
	top: 4em;
	left: 0;
	width: 100px;
}

.nav ul li:hover ul.sub-menu {
	display: block;
}

.nav ul li ul li {
	background: #234;
	border-right: none;
	margin: 0;
	border-top: 1px solid rgba(255, 255, 255, .1);
	border-left: 3px solid #f66;
	border-right: 3px solid #f66;
}

	.nav ul li ul li:first-of-type {
		border-top: 3px solid #f66;
	}

	.nav ul li ul li:last-of-type {
		border-bottom: 3px solid #f66;
		border-right: 3px solid #f77;
	}

	.nav ul li ul li a {
		padding: 12px 20px;
	}

.nav ul.dynamic {
	white-space: nowrap !important;
	width: auto !important;
	border: 3px solid #f66;
	margin-left: 2px;
	margin-top: 16px;
	left:-6px !important;
}

.nav li.static > ul.dynamic {
    margin-left: 6px;
}

.nav li.dynamic {
	width: 100% !important;
	border-right: none !important;
	border-bottom: 1px solid rgba(255, 255, 255, .3) !important;
}

.nav a.dynamic > span.dynamic-children::after {
	content: "\f105";
	font-family: "FontAwesome";
	padding-left: 5px;
	color: rgba(255, 255, 255, .5) !important;
}

.nav li.dynamic:last-of-type {
	width: 100% !important;
	border-right: none !important;
	border-bottom: none !important;
}

/* Sign in and Register Navigation */
.nav ul li.signin {
	margin-top: 27px;
	padding: 0;
	margin-right: 10px;
	border: none !important;
	float:left;
}

	.nav ul li.signin:first-of-type {
		margin-left: 20px;
	}

	.nav ul li.signin:last-of-type {
		margin-right: 0;
	}

	.nav ul li.signin a {
		padding: 0 20px 0 0;
		background: #f77;
	}

	.nav ul li.signin .fa {
		background: #f66;
		padding: 10px 8px;
		margin-right: 14px;
	}

	.nav ul li.signin a:hover, ul li.signin:hover .fa {
		background: #f55;
	}
.nav span.menu-item-text {
	width:100%;
}
li.last.sub-nav {
	background: #f77;
}

.current {
	display: none;
}

/* Sub Navigation - Subscribers Area */
.subs-nav {
	width: 100%;
	background: #f77;
	position: fixed;
	border-bottom: 1px solid #eef1f3;
	margin-top: 92px;
	z-index: 99;
}

.subs-nav-inner {
	max-width: 1282px;
	margin: 0 auto;
	padding: 0 50px;
}

	.subs-nav-inner h4 {
		margin: 8px 0 0 0;
		padding: 0;
		color: #fff;
		display: inline-block;
		font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
	}

.subs-nav ul {
	margin: 0;
	float: right;
}

	.subs-nav ul li {
		list-style: none;
		float: left;
		font-size: 14px;
		position: relative;
		margin: 8px 3px;
	}

		.subs-nav ul li a, .subs-nav-head {
			color: #fff !important;
			padding: 0 10px;
			display: block;
		}

.subs-nav-head {
	background: #f55;
	font-weight: bold;
	border-right: none !important;
}

.subs-nav ul li a:hover {
	background: #f55;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

/*.nav ul.root > li {
	border-right: none !important;
}*/



/* ================ MAIN ==================== */

.main {
	width: 65.67%;
	background: #fff;
	padding: 40px 1.34%;
	margin-bottom: 40px;
	border: 1px solid #dbe1e5;
	overflow: hidden;
}
.casemain {
	width: 65.67%;
	padding-bottom: 40px;
	margin-bottom: 40px;
	overflow: hidden;
}

.articlemain {
	width: 65.67%;
	padding-bottom: 40px;
	margin-bottom: 40px;
	overflow: hidden;
}
.articlemain .entry {
	width: 100%;
}
.articlemain .entry h1 {
		border-bottom: 0px solid #dbe1e5;
		padding-bottom: 0px;
		margin-bottom:20px;
		font-size:24px;
	}
.articlemain ul {
	padding-left:0px;
	background-color:#eef1f3;
	margin-bottom:0px;
	width:100%;
}
.articlemain div.UKROADT-Item, .articlemain div.UKROCSDT-Item, .articlemain div.UKROEDT-Item {
	background-attachment: scroll;
background-clip: border-box;
background-color: #FFF;
background-image: none;
background-origin: padding-box;
background-position: 0% 0%;
background-repeat: repeat;
background-size: auto auto;
border-bottom-color: #DBE1E5;
border-bottom-style: solid;
border-bottom-width: 1px;
border-image-outset: 0 0 0 0;
border-image-repeat: stretch stretch;
border-image-slice: 100% 100% 100% 100%;
border-image-source: none;
border-image-width: 1 1 1 1;
border-left-color: #DBE1E5;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #DBE1E5;
border-right-style: solid;
border-right-width: 1px;
border-top-color: #DBE1E5;
border-top-style: solid;
border-top-width: 1px;
color: #456;
font-family: "Open Sans","Helvetica","Arial",sans-serif;
font-size: 18px;
line-height: 32px;
margin-bottom: 20px;
padding-bottom: 33px;
padding-left: 35px;
padding-right: 35px;
padding-top: 30px;
}
.entry {
	width: 83.2%;
	margin: 0 auto;
}

	.entry h1 {
		border-bottom: 1px solid #dbe1e5;
		padding-bottom: 22px;
	}

	.entry h2 {
		border-top: 1px solid #dbe1e5;
		padding-top: 30px;
		padding-top: 1.8rem;
	}

	.entry a {
		border-bottom: 1px dotted #faa;
	}

		.entry a:hover {
			background: #ffc;
		}

.singlewrap {
	float: left;
	width: 66%;
	margin-bottom: 20px;
}

	.singlewrap .main, .singlewrap .breadcrumbs, .singlewrap .articlemain, .singlewrap .searchResults {
		width: 100%;
	}
.SingleColumn
{
	width:100%;
}
/* Full Width Page */
.full.main {
	width: 100%;
}

.full.breadcrumbs {
	width: 100% !important;
}

.full .entry {
	width: 90%;
}

/* Buttons */
.button {
	background: #f66;
	color: #fff;
	padding: 12px 24px 12px 16px;
}

a.button, p a.button, .search .ms-srchnav-list a {
	color: #fff !important;
	border-bottom: none;
	margin-right: 2%;
}

	a.button:hover, p a.button:hover, .search .ms-srchnav-list a:hover {
		background: #f55;
	}

/* Breadcrumbs */
.breadcrumbs {
	float: left;
	width: 65.67%;
	border-top: 1px solid #dbe1e5;
	border-bottom: 1px solid #dbe1e5;
	padding: 4px 0 4px 5px;
	margin-bottom: 20px;
}

	.breadcrumbs p {
		margin: 0;
	}

	.breadcrumbs, .breadcrumbs a {
		font-size: 13px;
		font-weight: normal;
		color: #667e8e;
		font-style: italic;
	}

		.breadcrumbs a:hover {
			background: none;
			color: #f66;
			text-decoration: underline;
		}

/* Lead Image */
.leadimg {
	width: 110%;
	margin: -40px -3% 0px;
	height: auto;
}

/* ================ HOME ===================== */

.home .main {
	margin-bottom: 25px;
}

.home .entry {
	width: 92%;
}

.home a.button {
	width: 48%;
	display: inline-block;
	text-align: center;
}

.home .news-alt {
	width: 24% !important;
	margin-right: 1.3333% !important;
}

	.home .news-alt:nth-child(4n+4) {
		margin-right: 0 !important;
	}

h3.home {
	margin-top: 0.5rem !important;
}

/* ================ REG FORM PAGES =========== */

.twocol {
	clear: both;
	margin: 0 0 25px 0;
}

ul.twocol {
	margin: 0;
	padding: 0;
	list-style: none;
}

.twocol li {
	display: inline-block;
	width: 49%;
}

.twocol input[type="checkbox"] {
	margin: 0 10px 0 0;
}

.toggle-box {
	display: none;
}

	.toggle-box + label {
		cursor: pointer;
		display: block;
		margin-bottom: 5px;
	}

		.toggle-box + label + div {
			display: none;
			margin-bottom: 10px;
		}

	.toggle-box:checked + label + div {
		display: block;
	}

	.toggle-box + label:before {
		content: "\f105";
		font-family: "FontAwesome";
	}

	.toggle-box:checked + label:before {
		content: "\f078";
	}

/*/* ================ FORMS ==================== */

/* Forms input*/
/*.entry input, .entry textarea, .search input{border:1px solid #dbe1e5;padding:10px;margin:0;font-size:14px;font-family:"Open Sans", "Helvetica", "Arial", sans-serif;color:#234;}
input:focus, textarea:focus{background:#FEF6D2;}*/

/* Form Left */
/*form{margin-bottom:20px;}
form ul{margin:0;padding:0;}
form ul li{list-style:none;margin:0;padding:0;width:100%;clear:both;margin-bottom:15px;font-weight:bold;height:40px;margin:5px 0 5px 0;}
form ul li input, form ul li select{float:right;width:60%;}
.formleft{line-height:40px;font-size:15px;}*/

/* Form Left - Date */
/*.date{width:60%;float:right;}
.date input{float:left;width:32%;margin-right:2%;}
.date input:last-of-type{margin-right:0;}*/

/* Form Select */
/*.formselect{float:right;width:60%;}
select:focus{outline:none;}*/

/*@media screen and (-webkit-min-device-pixel-ratio:0) { /*safari and chrome*/
/*.formselect select{line-height:40px;height:40px;font-family:"Open Sans", "Helvetica", "Arial", sans-serif;width:100%;font-size:14px;background:#f4f4f4;border: 1px solid #ccc;}
}*/

/*Remove button padding in FF*/
/*.formselect select::-moz-focus-inner{border:0;padding:0;}*/

/* targets Firefox only */
/*@-moz-document url-prefix(){.formselect select{/*padding: 15px 0!important;*/
/*width:100%}}*/

/* Form Textarea */
/*textarea{float:right;width:60%;}*/

/* Form Checkbox */
/*input[type="checkbox"]{margin-top:6px;height:30px;}*/

/* Form Submit */
/*.entry input[type="submit"]{background:#f66;/*border:1px solid #f66;*/
/*border:none;color:#fff;font-weight:bold;}
.entry input[type="submit"]:hover{background:#234;*/
/*border:1px solid #234;*/
/*cursor:pointer;}
form ul li input[type="submit"]{margin-top:10px;margin-bottom:30px;}*/

/* Forms Placeholder */
/*::-webkit-input-placeholder{color:#979ca0;}
:-moz-placeholder{color:#979ca0;}
:-ms-input-placeholder{color:#979ca0;}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder{color:transparent;}
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder{color:transparent;}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder{color:transparent;}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder{color:transparent;}*/

/* Subscriber Short Form */
/*.reg{background:#eef1f3;padding:20px;border:1px solid #dbe1e5;}
.reg input{width:32%;}*/

/* ============================================================================= */
/* ================================ SUBSCRIBERS ================================ */
/* ============================================================================= */

/* ================ ARTICLE OVERVIEW ======== */

.subs-nav-wrap {
	padding-top: 170px;
}

.archive {
	border: none;
	padding: 0;
	background: none;
}

	.archive .breadcrumbs {
		width: 100%;
	}

	.archive h1 {
		font-size: 24px;
		font-size: 1.5rem;
		margin: 0 0 18px 5px;
	}

.article {
	background: #fff;
	padding: 30px 35px 33px;
	border: 1px solid #dbe1e5;
	margin-bottom: 20px;
}

	.article h2 {
		margin: 0;
		font-size: 22px;
		line-height: 28px;
	}

	.article p {
		margin: 10px 0 0 0;
		font-size: 16px;
		line-height: 28px;
	}

		.article p a:hover {
			border-bottom: 1px dotted #f77;
		}

	.article a.button {
		padding: 10px 15px 10px 10px;
	}

.meta, .pagination {
	font-size: 16px;
	font-style: italic;
	margin: 10px 0 15px 0;
}

	.meta {
		color: #667e8e;
		font-weight: normal;
		font-size: 13px;
		border-bottom: none;
	}
	.meta a {
		color: #667e8e !important;
		font-weight: normal !important;
		font-size: 13px;
		border-bottom: none;
	}

	.pagination a {
		font-weight: normal;
		color: #456;
		border-bottom: 1px dotted #dbe1e5;
	}

		.meta a:hover, .pagination a:hover {
			border-bottom: none;
			color: #f77 !important;
		}

.pagination {
	text-align: center;
}

/* ================ ARTICLE SINGLE PAGE ======== */

.single .meta {
	margin: 0;
}

	.single .meta a:hover {
		background: none;
	}

.single .print {
	float: right;
}

	.single .print a {
		margin-right: 5px;
	}

/* Images */
.thumb, .center {
	max-width: 200px;
	height: auto;
	border: 1px solid #dbe1e5;
	margin: 10px 25px 10px 0;
	padding: 3px;
	background: #eef1f3;
}

.right.thumb {
	margin: 10px 0 10px 25px;
}

.center {
	max-width: 100%;
	margin: 0;
}

/* Tags */
.tags {
	border-top: 1px solid #dbe1e5;
	font-size: 16px;
	font-weight: bold;
}

/* ================ SEARCH ================== */

.search .main {
	padding: 40px 0 10px 0;
}

.search .entry {
	width: 90%;
}

.search input {
	width: 100%;
	font-family: Open Sans, Helvetica, Arial, "FontAwesome";
}

.search a.button, .search .ms-srchnav-list a {
	text-align: center;
	font-size: 13px;
	margin-right: 5px;
	padding: 8px 10px;
	background: #234;
    color: #fff;
}

.searchmeta {
	float: right;
	margin: 0;
}

.ms-srch-sb, .ms-srch-sbLarge
{
	width:100%;
}

.ms-srch-sb-prompt, .ms-srch-sb > input {
	width: 84% !important;
}

.wrapper #SearchBox, .wrapper .ms-srch-sbLarge > input {
	width: 100% !important;
}

.wrapper .ms-srch-sbLarge > a {
	border:none;
	margin-top:15px;
	margin-left:20px;
}

.searchResults .ms-srch-result {
	/*margin-left:5%;
	margin-right:5%;*/
	padding-bottom:21px;
	background-color: rgb(238, 241, 243);
	width:100%;

}

.searchResults .ms-srch-item {
	width: 98.5%;
	background-color: white;
	border-style: solid;
	border-width: 1px;
	border-color: #DBE1E5;
	padding-left: 5px;
	padding-right: 5px;
	margin-left:0px;
	
}

.wrapper .ms-srch-ellipsis {
	margin-top:10px;
	margin-bottom:10px;
}

.wrapper .ms-srch-ellipsis a {

	font-size: 22px;
		line-height: 28px;
		font-family: "Droid Serif", "Georgia", "Times New Roman", serif;
		color: #345;
}

.searchResults .ms-srch-item-body {
	width:95%;
	margin-left: 10px;
	margin-right: 10px;
}

.wrapper .ms-srch-item-summary {
	width:95%;
}

.wrapper .searchResults .ms-WPBody, .wrapper .searchResults .ms-webpart-chrome{
	background-color: rgb(238, 241, 243);
}

.wrapper .ms-ref-refiner, .wrapper .tagcloud .ms-WPBody > div {
	padding:0 20px 0 20px;
}
.wrapper .tagcloud .ms-WPBody > div {
	padding:0px 0px 0px 0px;
}

.wrapper .ms-webpartzone-cell{
	margin-bottom: 0px;
}

div.searchResults div.ms-webpart-zone, div.searchResults div.ms-webpartzone-cell, div.searchResults div.ms-webpart-chrome-fullWidth  {
	display:block;
}

.search .ms-srchnav-list h2{
	border-top:none;
	font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
}
.search .ms-srchnav-list li{
	padding-right:0px;
	margin-bottom:0px;
}
.search ul.ms-srchnav-list {
	padding-left:0px;
}
/* ================ NEWS PAGE - ALTERNATIVE = */

/*.news.main{background:none;border:none;padding:0;}
.news .entry{padding:0;width:100%;}*/

/* Flexbox sizes the height of the element to the same as the tallest element of the group */
.flexbox {
	padding: 0;
	margin: 0;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	align-items: stretch;
}

.news-alt {
	width: 32%;
	float: left;
	border: 1px solid #333;
	border: 1px solid #dbe1e5;
	background: #fff;
	padding-bottom: 1%;
	margin-bottom: 20px;
	margin-right: 2%;
}

	.news-alt:hover, .article:hover {
		-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
		box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	}

	.news-alt:nth-child(3n-6) {
		margin-right: 0;
	}

	.news-alt h2 {
		border-top: none;
		padding: 15px 8% 0;
		font-size: 22px;
		line-height: 28px;
		margin-bottom: 0;
	}

		.news-alt h2 a {
			border-bottom: none;
			color: #456;
		}

			.news-alt h2 a:hover {
				background: none;
				color: #f66;
			}

	.news-alt p {
		font-size: 16px;
		line-height: 26px;
		padding: 0 8%;
	}

		.news-alt p a:hover {
			border-bottom: 1px dotted #f77;
		}

	.news-alt img {
		width: 100%;
		height: auto;
		margin-bottom: -15px;
		border: none;
	}

	.news-alt a img {
		border-bottom: none;
	}

		/* Adds a greyscale filter to a linked images (webkit browsers only) */
		.news-alt a img:hover {
			filter: grayscale(1);
			-webkit-filter: grayscale(1);
			-moz-filter: grayscale(1);
			-o-filter: grayscale(1);
			-ms-filter: grayscale(1);
			-webkit-transition: all .6s ease-in-out;
			-moz-transition: all .6s ease-in-out;
			-ms-transition: all .6s ease-in-out;
			transition: all .6s ease-in-out;
		}

/* ================ SIDEBAR ================= */

.sidebar {
	width: 33%;
	margin-top: 0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	padding-bottom:50px;
}


	.sidebar .side {
		background: #f8f9fa;
		margin-bottom: 20px;
	}

	.sidebar h4 {
		background: #234;
		margin: 0;
		padding: 16px 26px 12px;
		color: #f77;
	}

	.sidebar .side {
		border: 1px solid #dbe1e5;
	}

		.sidebar .side ul {
			margin: 0;
			padding: 10px 20px;
		}

			.sidebar .side ul li {
				margin: 0;
				padding: 16px 5px;
				list-style: none;
				border-bottom: 1px solid #dbe1e5;
				line-height: 22px !important;
			}

				.sidebar .side ul li a {
					display: block;
					line-height: 22px !important;
				}

				.sidebar .side ul li:last-of-type {
					border-bottom: none;
				}

				.sidebar .side ul li a:before, div.refine .ms-ref-name:before {
					content: "\f105";
					font-family: "FontAwesome";
					color: #f55;
					margin-right: 10px;
					display: inline-block;
					font-weight: normal;
				}

				.sidebar .side ul li a:hover {
					padding-left: 5px;
				}

					.sidebar .side ul li a:hover:before, div.refine .ms-ref-name:hover:before {
						content: "\f138";
					}

				.sidebar .side ul li img {
					float: left;
					max-width: 48px;
					margin: 0 10px 0 0;
					border: 1px solid #dbe1e5;
					padding: 2px;
				}

		/* Subscriber Search Page Sidebar */
		.sidebar .side h5 {
			padding: 0 25px;
			margin: 10px 0 0 0;
		}

	/*.sidebar .refine {
		padding-bottom: 20px;
	}*/

		.sidebar .refine ul li {
			padding: 5px;
			border-bottom: none;
		}

	.sidebar select {
		width: 87%;
		margin: 0 25px;
	}

		.sidebar select:focus {
			outline: none;
		}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.formselect select {
		line-height: 40px;
		height: 40px;
		font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
		width: 100%;
		font-size: 14px;
		background: #f4f4f4;
		border: 1px solid #ccc;
	}
}

.sidebar .tagcloud p {
	padding: 5px 25px 0 25px;
}

.tag1 {
	font-size: 12px;
	font-size: 0.75rem;
}

.tag2 {
	font-size: 16px;
	font-size: 1rem;
}

.tag3 {
	font-size: 20px;
	font-size: 1.25rem;
}

.tag4 {
	font-size: 24px;
	font-size: 1.5rem;
}

.tag5 {
	font-size: 28px;
	font-size: 1.75rem;
}

.sidebar .tagcloud a:hover {
	border-bottom: 1px dotted #f77;
}

/*.histogram_container {
	height: 100px;
	border-bottom: 1px solid #DBE1E5;
	margin: 15px 20px 0;
	padding: 0 2%;
}

.histogram_bar_background {
	height: 98px;
	background: #667E8E;
	border-top: 2px solid #234;
	width: 19%;
	margin: 0 0.5% 0 0.5%;
	float: left;
}

	.histogram_bar_background:hover, #selected:hover, #filtered:hover {
		background: #234;
		border-top: 2px solid #234;
	}*/

#selected {
	background: #f77;
	border-top: 2px solid #f55;
}

#filtered {
	background: #DBE1E5;
	border-top: 2px solid #667E8E;
}

.histogram_date {
	margin: 0 30px;
}

	.histogram_date p {
		font-size: 12px;
		margin-bottom: 10px;
	}

.histogram_slider {
	clear: both;
	margin: 15px 30px;
}

.slider_bar {
	height: 2px;
	background: #667E8E;
	margin-top: -22px;
}

.slider_dots {
	padding: 0 0 0 10%;
}

a.slider_drag {
	width: 8px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	background: #667E8E;
	height: 8px;
	display: inline-block;
	margin: 0px 8% 8px 6%;
}

.slider_drag_box a {
	background: #fff;
	border: 1px solid #667E8E;
	height: 20px;
	width: 10px;
	display: inline-block;
}

/* Search */
.sidebar .search {
	background: none !important;
	width: 100% !important;
	float: none;
	border: none;
}

	.sidebar .search input {
		width: 100%;
		font-family: Open Sans, Helvetica, Arial, "FontAwesome";
	}

.side.search form {
	border: 1px solid #dbe1e5 !important;
	background: #fff !important;
}

.side.search input {
	border: none !important;
	width: 87% !important;
	padding: 0 !important;
	margin: 14px;
}

.side.search button {
	display: inline-block;
	margin: 0px;
	border: none;
	width: 8%;
	background: none;
	cursor: pointer;
	font-size: 20px;
	line-height: 25px;
	padding: 10px 0px;
}

.side.search form input:focus {
	background: none !important;
}

.sidebar .side.search {
	border: none;
}

	.sidebar .side.search input {
		width: 88% !important;
		margin: 0 !important;
		padding: 14px !important;
	}

/* Sidebar Subscribers */
.sidebar .profile h4 {
	background: #234;
	border-bottom: 1px solid rgba(255,255,255,0.2);
	padding: 0 0 5px 0;
	margin-bottom: 10px;
	color: #fff;
}

.sidebar .profile {
	background: #234;
	padding: 20px;
	color: #fff;
	font-size: 14px;
	border: none;
	white-space: nowrap !important;
	width:100%;
	}
.subs {
	width:100%;
	padding-bottom:0px;
}
	.sidebar .profile ul {
		padding: 0;
		border: none;
	}

		.sidebar .profile ul li {
			padding: 0;
			border: none;
			line-height: 25px !important;
		}

			.sidebar .profile ul li a, .sidebar .profile ul li {
				color: #fff;
				line-height: 26px !important;
				font-weight: bold;
			}

				.sidebar .profile ul li a {
					display: inline;
				}

					.sidebar .profile ul li a:before, .sidebar .profile ul li a:hover:before {
						content: none;
					}

					.sidebar .profile ul li a:hover {
						padding: 0;
						text-decoration: underline;
					}

/* Message Board Sidebar */
.board ul li a:before {
	content: "\f075" !important;
}

/* Events Sidebar */
.events ul li, .announcements ul li {
	font-size: 14px;
	line-height: 22px;
	padding: 18px 5px 18px !important;
}

	.events ul li a, .announcements ul li a {
		font-size: 18px;
		font-size: 1.125rem;
		line-height: 2rem;
	}

		.events ul li a:before {
			content: none !important;
		}

		.events ul li a:hover {
			padding: 0;
		}

.events .meta {
	display: block;
	margin: 8px 0px 10px;
}



/* ============================================================================= */
/* ================================ RESPONSIVE ================================= */
/* ============================================================================= */

/* There are quite a few different breakpoints setup due to the header nav so that it will respond correctly */

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

	.header {
		height: 76px;
		/*margin-bottom: -76px;*/
	}

	.headerwrapper {
		height: 76px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.logo a img {
		width: 110px;
	}

	.nav {
		height: 76px;
	}

		.nav ul.static li.static {
			height: 76px;
		}

		.nav a.static {
			padding-bottom: 22px !important;
			padding-top: 22px !important;
			margin: 0px !important;
		}

		.nav ul li a {
			padding: 22px 8px 21px;
			font-size: 15px;
		}

		.nav .sub-menu {
			margin-top: 46px;
		}

		.nav ul li.signin {
			margin-top: 20px;
		}

	.subs-nav {
		margin-top: 76px;
	}

		.subs-nav ul {
			padding: 0;
		}

			.subs-nav ul li {
				margin: 8px 2px;
			}

				.subs-nav ul li a, .subs-nav-head {
					padding: 0 7px;
				}

	.subs-nav-wrap {
		padding-top: 150px !important;
	}

	.wrapper {
		padding: -10px 50px 0;
	}

	.entry {
		width: 90%;
	}

	/* Sidebar */
	.sidebar .side ul li img {
		max-width: 62px;
	}

	.side.search input {
		width: 85% !important;
	}

	a.slider_drag {
		margin-right: 6%;
	}

	/* Footer */
	.footer {
		background: #234;
		position: relative;
		margin-top: -40px;
		height: 40px;
	}

	.footerwrapper {
		max-width: 1282px;
		height: 40px;
		padding-left: 10px;
		padding-right: 10px;
	}

}

/* ================ START 1152PX ================= */
@media only screen and (max-width:1152px) {
	.nav ul li a {
		font-size: 13px;
		padding-left:5px;
		padding-right:5px;
	}

}

/* ================ END 1152PX ================= */

/* ================ 1024PX ================= */

@media only screen and (max-width:1024px) {
	.header {
		height: 76px;
		/*margin-bottom: -76px;*/
	}

	.headerwrapper {
		height: 76px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.nav ul li a {
		font-size: 12px;
		padding-left:3px;
		padding-right:3px;
	}

	.nav ul li.signin a {
		padding: 0 10px 0 0;
	}

	.nav ul li.signin .fa {
		padding: 10px 8px;
		margin-right: 10px;
	}

	.nav ul.static li.static {
		height: 76px;
	}

	.nav a.static {
		padding-bottom: 22px !important;
		padding-top: 22px !important;
		margin: 0px !important;
	}

	.subs-nav-wrap {
		padding-top: 190px !important;
	}

	.subs-nav-inner h4 {
		display: block;
		text-align: center;
		margin-top: 18px;
		line-height: 16px;
	}

	.subs-nav ul {
		width: -moz-fit-content;
		width: -webkit-fit-content;
		width: fit-content;
		margin: 0 auto;
		float: none;
	}

	/* Change the width of the news-alt flexbox items */
	.home .news-alt, .news-alt {
		width: 48% !important;
		margin-right: 2% !important;
	}

		.home .news-alt:nth-child(2n+2), .news-alt:nth-child(2n+2) {
			margin-right: 0 !important;
		}

	/* Misc */
	.search a.button {
		font-size: 12px;
		margin-right: 5px;
		padding: 7px 8px;
	}

	a.slider_drag {
		margin-right: 5%;
	}
	.side.search input {
		width: 84% !important;
	}

	/* Footer */
	.footer {
		background: #234;
		position: relative;
		margin-top: -40px;
		height: 40px;
	}

	.footerwrapper {
		max-width: 1282px;
		height: 40px;
		padding-left: 10px;
		padding-right: 10px;
	}
}
/* ================ END 1024PX ================= */
/* ================ 920PX ================= */

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

	.headerwrapper {
		padding-left: 10px;
		padding-right: 10px;
		height: 76px;
	}

	.header {
		height: 76px;
	}

	.nav ul li {
		border-right: none;
	}

		.nav ul li a {
			padding-bottom: 22px;
			padding-left:2px;
			padding-right:2px;
			font-size:11px;
		}

		.nav ul li.signin {
			margin: 0px;
			background-color: none !important;
		}
.nav ul li.signin:hover {
			background-color: transparent;
					}

			.nav ul li.signin .fa {
				display: none;
			}

			.nav ul li.signin a {
				padding: 0 10px 0 10px;
				margin-bottom: 22px;
				margin-top: 22px;
				background-color: rgb(255, 119, 119);
			}

		.nav ul li.sub-nav a::after {
			content: none;
		}

	.nav ul.static li.static {
		height: 76px;
	}

	.nav a.static {
		padding-bottom: 22px;
		padding-top: 22px;
		margin: 0px;
	}

	.subs-nav ul li {
		margin: 8px 1px;
	}

		.subs-nav ul li a, .subs-nav-head {
			padding: 0 4px;
		}

	/* The main section becomes 100% width with the sidebars dropping below into two columns */
	.main, .casemain {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}

	.sidebar, .singlewrap, .breadcrumbs {
		float: none;
		width: 100%;
	}

		.sidebar .side {
			width: 48.5%;
			float: left;
			margin-right: 3%;
		}

	.sidebar {
		display: inline-block;
		margin-bottom: 20px;
	}

	.profile {
		width: 100% !important;
	}

	.sidebar .side:last-of-type {
		margin-right: 0;
	}

	/* Form elements */
	.formleft {
		width: 100%;
		display: block;
	}

	form ul li input, form ul li select, .formselect, .date, form textarea {
		width: 100%;
		margin-bottom: 10px !important;
	}

	input[type="checkbox"] {
		height: 20px;
		width: 20px;
		float: left;
	}

	.sidebar .side.search {
		background: none;
		margin: 0;
		width: 100%;
	}
	/* Footer */
	.footer {
		background: #234;
		position: relative;
		margin-top: -40px;
		height: 40px;
	}

	.footerwrapper {
		max-width: 1282px;
		height: 40px;
		padding-left: 10px;
		padding-right: 10px;
	}
}
/* ================ END 920PX ================= */
/* ================ 840PX ================= */

@media only screen and (max-width:840px){
	.nav ul li a {
		padding-left:1px;
		font-size:10.5px;
	}
}

/* ================ END 840PX ================= */






.verticalCentreDIV {
	margin-top: auto;
	margin-bottom: auto;
	display: block;
}

.RforE_Button, .R4E_Label, .UKROEventID, .UKROEventName, .UKROEventLength, .UKROEventDate, .UKROEventLocation, .UKRORegEndDate {
	display: none;
}

.R4E_Panel {
	float:right;
}
.PD_SaveBTN {
	width:50%;
}
.B_MD {
	float:left;
}
input.RforE_Button, input.UKROERButton, input.B_Submit, .CUW_FBA tr:nth-child(2) input, input.B_FBA, .CUW_FBA tr:first-child + tr input,
 .PD_SaveBTN, .B_MD {
	background:#f66 !important;
	border:none !important;
	color:#fff !important;
	font-weight:bold !important;
	margin:5px !important;
	font-size:16px !important;
}
input.RforE_Button:hover, input.UKROERButton:hover, input.B_Submit:hover, .CUW_FBA tr:nth-child(2) input:hover, input.B_FBA:hover, .CUW_FBA tr:first-child + tr input:hover,
 .P_Login1 table > tbody > tr > td > table > tbody > tr:first-child + tr + tr + tr + tr input:hover, .PD_SaveBTN:hover, .B_MD:hover, .P_Login1 input[type="submit"]:hover {
	background:rgb(34, 51, 68) !important;
	cursor:pointer;
}
.P_Login1 table {
	width:100%;
}
.P_Login1 table > tbody > tr > td > table > tbody > tr td:first-child {
	width:25%;
	padding-right:5px;
}
.P_Login1 table > tbody > tr > td > table > tbody > tr:first-child + tr > td:first-child + td, .P_Login1 table > tbody > tr > td > table > tbody > tr:first-child + tr + tr > td:first-child + td {
	width:75%;	
}
.P_Login1 table > tbody > tr > td > table > tbody > tr > td:first-child + td input
 {
	width:66.5%;
}
.P_Login1 table > tbody > tr > td > table > tbody > tr:first-child + tr > td:first-child + td input,
.P_Login1 table > tbody > tr > td > table > tbody > tr:first-child + tr + tr > td:first-child + td input
 {
	color: rgb(68, 85, 102) !important;
	font-family: "Open Sans", "Helvetica", "Arial", sans-serif !important;
	font-weight:normal !important;
}
.P_Login1 table > tbody > tr > td > table > tbody > tr:first-child + tr + tr + tr > td input {
	box-sizing:content-box;
	width:20px;
	height:20px;
	padding-left:0px;
}
.P_Login1 table > tbody > tr > td > table > tbody > tr:first-child + tr + tr + tr td {
	padding-left:25%;
	padding-right:25%;
}
/*.P_Login1 table > tbody > tr > td > table > tbody > tr:first-child + tr + tr + tr + tr input*/
.P_Login1 input[type="submit"] {
	width:50%;
	margin-left:25%;
	margin-right:25%;
	margin-top:5px;
	margin-bottom:5px;
	background:#f66 !important;
	border:none !important;
	color:#fff !important;
	font-weight:bold !important;
	margin-top:5px !important;
	font-size:16px !important;

}
.ForgotPassword {
	margin-left:25%;
	padding:5px;
}
.EPEmailAlert, .EPEmailContent {
	text-decoration:underline;
	font-size:20px;
	font-weight:600;
}
.UKROERDivLeft, .UKROERDivRight, .PDCell{	
	height:40px;
	display:table-cell;
	vertical-align:middle;
	
}

.UKROERDivLeft{		
}
.UKROERDivRight{
}

div.UKROERDivLeft span.UKROERLabel {
	padding-right:10px;
}

div.UKROERDivLeftT1 span.UKROERLabel{
	float:left;
}
div.UKROERDivLeftT2 span.UKROERLabel{
	float:left;
}
div.UKROERDivLeftT2 span.UKROERCheckbox {
	float:left;
}
div.UKROERDivLeftT2 span{
	white-space:nowrap;
}
.UKROERHeader {
	font-size:15px;
}
div.UKROERDivLeftT3, div.UKROERDivRightT3{
	width:50%;
	text-align:center;	
}
div.UKROERDivLeftT3 input, div.UKROERDivRightT3 input{
	margin-left:auto;
	margin-right:auto;

}
.UKROERDivLeftT4 .UKROERTextbox {
	width:708px;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;

}

.UKROERTextbox {
	width:560px;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
}

.UKROERDivRow, .PDRow{
	display:table-row;
	margin-left:auto;
	margin-right:auto;
}

.UKROERDivTable, .PDTable{
display:table;
line-height: 40px;
font-size: 15px;
}

.UKROERDivTable1{
	width:100%;
}
.UKROERDivTable3{
	width:50%;
	margin-left:auto;
	margin-right:auto;
}

div.UKROADT-Item, div.UKROADT-Item a {
	white-space:normal;
	padding-bottom:0px;
}

div.UKROADT-Detail {
	margin-left:0px;
	width:100%;
	max-width:1282px;
}

div.UKROADT-Detail h2 {
	font-size:22px;
	padding:0px;
	margin:0px;
	border-width:0px;	
	font-family: "Droid Serif","Georgia","Times New Roman",serif;
	width:100%;
}
div.events ul.cbs-List, div.announcements ul.cbs-List {
	width:100%;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
}
div.events ul.cbs-List > li, div.announcements ul.cbs-List > li {
	display:list-item !important;
	padding-bottom:0px;
}
div.breadcrumbs a, div.breadcrumbs span {
	text-transform:capitalize;
}
div.FS_width ul, div.FS_width li, div.FS_width, div.FS_width div {
	width:100% !important;
}
div.FS_width ul {
	padding-left:0px !important;
}
div.FS_width span.ms-promlink-headerNav {
	float:left !important;
	width:100%;
}
div.UKROADT-Line2  {
	width:100%;
	
}
div.UKROADT-Line2 a, div.tags a {
	color: #F66;
	font-family: "Open Sans","Helvetica","Arial",sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 28px;
	text-decoration: none;
	border-bottom-style:none;
}
div.UKROADT-Line2 a:hover, div.tags a:hover {
	color: #F55;
	font-family: "Open Sans","Helvetica","Arial",sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 28px;
	text-decoration: none;
	border-bottom:1px dotted #f77;
	background-color:transparent;
}

.UKRO-promlink-button {
	display:inline;
	font-weight: normal !important;
	font-style:italic;
	font-size:16px;
	font-family:"Open Sans", "Helvetica", "Arial", sans-serif;
	font-weight:normal;
	color: #456 !important;
	border-left:none;
	border-right:none;
	border-top:none;
	border-bottom: 1px dotted #dbe1e5;
	background-color:transparent;
	text-transform:none;

}
a.UKRO-promlink-button:hover {
	border-bottom: none;
	color: #f77 !important;
	background-color:transparent;
}

.UKRO-promlink-header {
	text-align:center;
}
.UKRO-promlink-headerNav {
	float:none;
}

a.UKROEDT-Line1Link, a.UKROEDT-Line1Link:hover, div.announcements a, div.announcements a:hover{
	padding-left:0px !important;
}
.UKROEDT-Detail, .TitleOnly-Detail
{
	margin-left:11px;
	margin-right:11px;
}
.UKROEDT-Detail a, .TitleOnly-Detail a {
	border-width:0px;
	word-wrap:normal;
	white-space:normal;
}
.UKROEDT-Detail a:hover {
	background-color:transparent;
}
.news-alt ul {
	padding-left:0px;
	margin-bottom:0px;
}
.news-alt {
	padding-bottom:0px;
}
.UKROCSDT-Detail {
	margin-left:0px;
}
.UKROCSDT-Item {
	padding-bottom:0px;
}
.UKROCSDT-Line2, .UKROCSDT-Detail h2 {
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
	padding-top:5px;
}
/*CSS for Room Booking Calendars - Start*/

/* The main calendar widget.  DIV containing a table. */

div.calendar { position: relative; }

.calendar, .calendar table {
  border: 1px solid #556;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #eef;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px !important;          /* Make the buttons seem like they're pressing */
  background-color: rgb(34, 51, 68);
}

.calendar .nav {
  /*background: #778 url(menuarrow.gif) no-repeat 100% 100%;*/
  background-color: rgb(255, 119, 119);
  height:auto !important;
  float:none !important;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  background: #fff;
  color: #000;
  padding: 2px;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
  background: #778;
  color: #fff;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: #bdf;
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #556;
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #a66;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background-color: #aaf;
  color: #000;
  border: 1px solid #04f;
  padding: 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background-color: #77c;
  padding: 2px 0px 0px 2px;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  color: #456;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
  color: #fbb;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #bdf;
}

.calendar tbody .rowhilite td {
  background: #def;
}

.calendar tbody .rowhilite td.wn {
  background: #eef;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #def;
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #cde;
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #000;
  padding: 1px 3px 1px 1px;
  background: #fff;
  color: #000;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #a66;
}

.calendar tbody td.today { /* Cell showing selected date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #556;
  color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #fff;
  color: #445;
  border-top: 1px solid #556;
  padding: 1px;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #aaf;
  border: 1px solid #04f;
  color: #000;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #77c;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #655;
  background: #def;
  color: #000;
  font-size: 90%;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background: #acf;
}

.calendar .combo .active {
  border-top: 1px solid #46a;
  border-bottom: 1px solid #46a;
  background: #eef;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #f4f0e8;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #667;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}

/*CSS for Room Booking Calendars - End*/
/*CSS for Room Booking Web Part - Start*/
.P_RoomBooking{
	display:table;
	width:100%;
}

.P_RoomBooking .Row{
	display:table-row;
}
.P_RoomBooking .Cell{
	display:table-cell;
	min-width:200px;
	padding-bottom:10px;
}
.TB_RoomBooking, .TB_Tel{
	color: rgb(68, 85, 102) !important;
	font-family: "Open Sans", "Helvetica", "Arial", sans-serif !important;
	font-weight:normal !important;
}
.P_OtherDetailsCell1 {
	vertical-align:top;
}
.TB_StartDate, .TB_EndDate {
	width:90% !important;
}
.DDL_RoomBooking, .TB_NoOfParticipants, .TB_OtherDetails, .B_Submit, .TB_RoomBooking, .TB_Tel {
	width:95%;
	margin-left:0px !important;
}
/*CSS for Room Booking Web Part - End*/
.TC_FBA:first-child{
	min-width: 250px;
	width:15%;
}
.TC_FBA:first-child + td{
	min-width: 400px;
	width:70%;
}
.TC_FBA input, .TC_FBA label, .TC_FBA select {
	width:100%;
	min-width: 250px;
	padding:10px;
	margin-bottom:5px;
}
.T_PasswordRecoveryUN .TC_FBA  {
	min-width:258px !important;
}
.TC_FBA {
	vertical-align:top;
}
.TB_FBA, .TC_FBA select {
	color: rgb(28, 66, 105) !important;
	font-family: "Droid Serif", "Georgia", "Times New Roman", serif;
	font-weight:700;
}
.CUW_FBA, .T_FBA, .CUW_FBA table{
	width:100%;
}
.CB_FBA input {
	width:50px;
}
.HIP_IC_FBA {
	width:100% !important;
}
.HIP_IC_FBA img {
	margin-left:auto;
	margin-right:auto;
	display:block;
}
.B_FBA, .CUW_FBA tr:first-child + tr input  {
	width:50% !important;
	margin-left:25% !important;
	margin-right:25% !important;
}
.CB_ProjectorRequired input, .CBL_EP_EmailContent input  {
	box-sizing:content-box;
	width:20px;
	height:20px;
	padding-left:0px;
}

.CBL_EP_EmailContent td, .RBL_EP_EmailAlert td {
	padding:5px;
}
.CBL_EP_EmailContent td label, .RBL_EP_EmailAlert td label {
	padding-left:5px;
}
.PDTable {
	width:100%;
}
.PDTable label, .UKROERDivTable label, .PDTable input, .UKROERDivTable input, .PDTable span, .UKROERDivTable span {
	color:rgb(28, 66, 105);
	font-family:"Open Sans", "Helvetica", "Arial", sans-serif;
	font-size:17.93px;
	font-weight:normal;
}
.PDCellLeft {
	width:20%;
}
.PDCellRight {
	width:80%;
	padding-left:5px;
}
.PDCellRight input{
	width:95%;	
}
.UKROTagCloud text {
	opacity:1;
	font-family: "Droid Serif", "Georgia", "Times New Roman", serif;
	font-weight:bold;
}
.UKROTagCloud text:hover {
	opacity:0.7;
}
div.entry blockquote, div.entry blockquote p {
	border-left-style:none;
	color:inherit;
	font-family:inherit;
	font-style: inherit;
	margin-bottom: 0px;
}
div.refine .ms-ref-refinername, div.refine #Value {
	width:100%;
	color: #345 !important;
		text-decoration: none;
		font-weight: bold;
}
div.refine .handle_label, div.refine .slider_extent_label_left {
	width:100%;
	color: #345 !important;
		text-decoration: none;
		font-weight:normal;
		font-size:16px;
}
div.refine .slider_extent_label_right {
	color: #345 !important;
		text-decoration: none;
		font-weight:normal;
		font-size:16px;
}

div.refine .histogram_container, div.refine .slider_extent_label_section, div.refine .handle_label_section {
	width:100%;
}
/*Site Map*/
div.UKROsitemap {
	line-height:normal;
}
div.UKROsitemap a{
	font-size:16px !important;
	border-bottom:none !important;
}
div.UKROsitemap ul {
	margin-bottom:17.93px;
}
div.UKROsitemap li{
	margin-left:0px;
	background-image:none;
}
div.UKROsitemap i {
	padding-right:5px;
}
.T_MMS {
	width:100%;
}
.TC_MMS {
	width:50%;
}
.ContactsRow {
	width:100%;
	display:inline-flex;
}

/* ================= Mobile View Start  =================*/
/* ================ Start Core Mobile ================= */
/* Removal of padding on main section to allow more space */
@media only screen and (max-width:795px) {
	.logo {
		float:right;
	}
	.nav{
		float:left;
		width:40px;
		max-width:40px;
	}
	.nav .menuIcon {
		display:inline-block;
		visibility:visible;
		float:left;
		width:40px;
		height:40px;
		padding-left:7px;
		padding-right:7px;
		padding-top:18px;
		padding-bottom:18px;

	}
	.nav .menuIcon i {
		font-size:30px;
		padding-top: 3px;
		padding-bottom: 3px;
		padding-left: 6px;
		padding-right: 6px;
		border:3px #f66 solid;
	}
	.nav ul.static, .nav ul.signinlist{
		display: none;
		position: absolute;
		top: 60px;
		left:16px;
		
	}
.nav ul.static > li > ul {
	display:none;
}
	.nav:hover ul.signinlist, .nav:active ul.signinlist, .nav:hover ul.static, .nav:active ul.static, .nav ul.static:hover, .nav ul.static:active {
		display: block !important;
	}
	
  /*.nav:hover ul.dynamic, .nav:active ul.dynamic, .nav:active ul.dynamic > li > ul.dynamic,
	.nav:hover ul.dynamic > li > ul.dynamic {
		display: inline-block !important;
				
	}*/
	.nav ul.static li.static, .nav ul.dynamic li.dynamic 
	{
		height:33px;
	}
	.nav li.static {
		height:33px;
		z-index:500 !important;
		display: block;
		background-color: #f66 !important;
		border-width:0px !important;
		width:160px !important;

	}
	.nav li.static a {
		padding:3px !important;
		height:26px;
		border:1px #1C4269 solid !important;
}
/* Sign in and Register Navigation */

.nav ul.signinlist {
	top:291px;
}
.nav ul.signinlistmove {
	top:159px;
}
.nav ul.signinlist li.signin {

	height:33px;
	z-index:500 !important;
	display: block;
	background-color: #f66 !important;
	margin:0px;
	border-width:0px !important;
	width:160px;
	float:none  !important;

}
.nav ul.signinlist li.signin a {
	margin:0px;
	padding:3px;
	height:26px;
	border:1px #1C4269 solid !important;
}
/* Sub Menu */
	.nav .sub-menu {
		margin-top: 2px;
	}
	
	.nav li:hover > ul {
		float:left;
		display:block !important;
		left:159px !important;
		background-color: #f66 !important;
		margin:0px !important;
		border: 0px !important;
		width:160px !important;
		top:0px !important;
		padding:0px;


	}
	.nav li:hover > ul > li {
		float:left;
		display:block !important;
		height:32px;
		background-color: #f66 !important;
		border-width:0px !important;

	}

.nav li:hover > ul > li > a {
		padding:3px !important;
		height:26px;
		border:1px #1C4269 solid !important;


}
	.nav li: > ul > li {
		float:left;
		display:block !important;
		height:32px;
		background-color: #f66 !important;
		border-width:0px !important;

	}


		
	.header {
		min-width:320px;
	}
	.wrapper{
		padding:0px;
		margin:0px;
		min-width:320px;
	}	
	.singlewrap {
		width:100%;
		min-width:320px;
	}
	#s4-workspace {
		min-width:320px;
	}
	.sidebar{
		width:100%;
		margin-bottom:0px;
	}
	.sidebar .side {
		width:100%;
	}
	.footer {
		min-width:320px;
	}
	.footerwrapper {
		font-size:10px;
		padding-left:5px;
		padding-right:5px;
		min-width:320px;
	}
	body {
		min-width:320px;
	}
}
/* ================ END Core Mobile ================= */
/* ================ 795PX ================= */

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

.nav ul.dynamic li.dynamic {
		max-width:397px !important;
	}

	.nav ul.dynamic {
		max-width:397px !important;
	}

	.nav ul.dynamic > li > ul.dynamic {
		max-width:397px !important;
	}
	.nav ul.dynamic > li > ul.dynamic > li.dynamic {
		max-width:397px !important;
	}
	
	.header {
		max-width: 795px;
	}
	.wrapper{
		max-width:795px;
	}	
	.singlewrap {
		max-width: 795px;
	}
	#s4-workspace {
		max-width: 795px;
	}
	.sidebar{
		max-width: 795px;
	}

	.footer {
		max-width:795px;
	}
	.footerwrapper {

		}

	body {
		max-width:795px;
	}

}
/* ================ END 795PX================= */
/* ================ 750PX ================= */

@media only screen and (max-width:750px) {
	.nav ul.dynamic li.dynamic {
		max-width:375px !important;
	}

	.nav ul.dynamic {
		max-width:375px !important;
	}

	.nav ul.dynamic > li > ul.dynamic {
		max-width:375px !important;
	}
	.nav ul.dynamic > li > ul.dynamic > li.dynamic {
		max-width:375px !important;
	}
	
	.header {
		max-width: 750px;
	}
	.wrapper{
		max-width:750px;
	}	
	.singlewrap {
		max-width: 750px;
	}
	#s4-workspace {
		max-width: 750px;
	}
	.sidebar{
		max-width: 750px;
	}

	.footer {
		max-width:750px;
	}
	.footerwrapper {

		}

	body {
		max-width:750px;
	}
}
/* ================ END 750PX================= */

/* ================ 700PX================= */
/* Removal of padding on main section to allow more space */
@media only screen and (max-width:700px) {

/* Sub Menu */

	.nav ul.dynamic li.dynamic {
		max-width:350px !important;
	}

	.nav ul.dynamic {
		max-width:350px !important;
	}

	.nav ul.dynamic > li > ul.dynamic {
		max-width:350px !important;
	}
	.nav ul.dynamic > li > ul.dynamic > li.dynamic {
		max-width:350px !important;
	}
	
	.header {
		max-width: 700px;
	}
	.wrapper{
		max-width:700px;
	}	
	.singlewrap {
		max-width: 700px;
	}
	#s4-workspace {
		max-width: 700px;
	}
	.sidebar{
		max-width: 700px;
	}

	.footer {
		max-width:700px;
	}
	.footerwrapper {

		}

	body {
		max-width:700px;
	}
}
/* ================ END 700PX================= */

/* ================ 640PX================= */
/* Removal of padding on main section to allow more space */
@media only screen and (max-width:640px) {

/* Sub Menu */

	.nav ul.dynamic li.dynamic {
		max-width:320px !important;
	}

	.nav ul.dynamic {
		max-width:320px !important;
	}

	.nav ul.dynamic > li > ul.dynamic {
		max-width:320px !important;
	}
	.nav ul.dynamic > li > ul.dynamic > li.dynamic {
		max-width:320px !important;
	}
	
	.header {
		max-width: 640px;
	}
	.wrapper{
		max-width:640px;
	}	
	.singlewrap {
		max-width: 640px;
	}
	#s4-workspace {
		max-width: 640px;
	}
	.sidebar{
		max-width: 640px;
	}

	.footer {
		max-width:640px;
	}
	.footerwrapper {

		}

	body {
		max-width:640px;
	}
}
/* ================ END 640PX================= */
/* ================ 600PX================= */
/* Removal of padding on main section to allow more space */
@media only screen and (max-width:600px) {
/* Sub Menu */

	.nav ul.dynamic li.dynamic {
		max-width:300px !important;
	}

	.nav ul.dynamic {
		max-width:300px !important;
	}

	.nav ul.dynamic > li > ul.dynamic {
		max-width:300px !important;
	}
	.nav ul.dynamic > li > ul.dynamic > li.dynamic {
		max-width:300px !important;
	}
	
	.header {
		max-width: 600px;
	}
	.wrapper{
		max-width:600px;
	}	
	.singlewrap {
		max-width: 600px;
	}
	#s4-workspace {
		max-width: 600px;
	}
	.sidebar{
		max-width: 600px;
	}

	.footer {
		max-width:600px;
	}
	.footerwrapper {

		}

	body {
		max-width:600px;
	}
}
/* ================ END 600PX================= */


/* ================ 568PX ================= */
/* Removal of padding on main section to allow more space */
@media only screen and (max-width:568px) {

/* Sub Menu */

	.nav ul.dynamic li.dynamic {
		max-width:284px !important;
	}

	.nav ul.dynamic {
		max-width:284px !important;
	}

	.nav ul.dynamic > li > ul.dynamic {
		max-width:284px !important;
	}
	.nav ul.dynamic > li > ul.dynamic > li.dynamic {
		max-width:284px !important;
	}
	
	.header {
		max-width: 568px;
	}
	.wrapper{
		max-width:568px;
	}	
	.singlewrap {
		max-width: 568px;
	}
	#s4-workspace {
		max-width: 568px;
	}
	.sidebar{
		max-width: 568px;
	}

	.footer {
		max-width:568px;
	}
	.footerwrapper {

		}

	body {
		max-width:568px;
	}
}
/* ================ END 568PX================= */

/* ================ 540PX ================= */
/* Removal of padding on main section to allow more space */
@media only screen and (max-width:540px) {

/* Sub Menu */

	.nav ul.dynamic li.dynamic {
		max-width:270px !important;
	}

	.nav ul.dynamic {
		max-width:270px !important;
	}

	.nav ul.dynamic > li > ul.dynamic {
		max-width:270px !important;
	}
	.nav ul.dynamic > li > ul.dynamic > li.dynamic {
		max-width:270px !important;
	}
	
	.header {
		max-width: 540px;
	}
	.wrapper{
		max-width:540px;
	}	
	.singlewrap {
		max-width: 540px;
	}
	#s4-workspace {
		max-width: 540px;
	}
	.sidebar{
		max-width: 540px;
	}

	.footer {
		max-width:540px;
	}
	.footerwrapper {

		}

	body {
		max-width:540px;
	}
}
/* ================ END 540PX================= */


/* ================ 480PX ================= */
/* Removal of padding on main section to allow more space */
@media only screen and (max-width:480px) {
/* Sub Menu */

	.nav ul.dynamic li.dynamic {
		max-width:240px !important;
	}

	.nav ul.dynamic {
		max-width:240px !important;
	}

	.nav ul.dynamic > li > ul.dynamic {
		max-width:240px !important;
	}
	.nav ul.dynamic > li > ul.dynamic > li.dynamic {
		max-width:240px !important;
	}
	
	.header {
		max-width: 480px;
	}
	.wrapper{
		max-width:480px;
	}	
	.singlewrap {
		max-width: 480px;
	}
	#s4-workspace {
		max-width: 480px;
	}
	.sidebar{
		max-width: 480px;
	}

	.footer {
		max-width:480px;
	}
	.footerwrapper {

		}

	body {
		max-width:480px;
	}
}
/* ================ END 480PX================= */


/* ================ 414PX ================= */
/* Removal of padding on main section to allow more space */
@media only screen and (max-width:414px) {
/* Sub Menu */

	.nav ul.dynamic li.dynamic {
		max-width:207px !important;
	}

	.nav ul.dynamic {
		max-width:207px !important;
	}

	.nav ul.dynamic > li > ul.dynamic {
		max-width:207px !important;
	}
	.nav ul.dynamic > li > ul.dynamic > li.dynamic {
		max-width:207px !important;
	}
	
	.header {
		max-width: 414px;
	}
	.wrapper{
		max-width:414px;
	}	
	.singlewrap {
		max-width: 414px;
	}
	#s4-workspace {
		max-width: 414px;
	}
	.sidebar{
		max-width: 414px;
	}

	.footer {
		max-width:414px;
	}
	.footerwrapper {
		font-size:9.5px;
		}

	body {
		max-width:414px;
	}
}
/* ================ END 414PX================= */

/* ================ 400PX ================= */
/* Removal of padding on main section to allow more space */
@media only screen and (max-width:400px) {

/* Sub Menu */

	.nav ul.dynamic li.dynamic {
		max-width:200px !important;
	}

	.nav ul.dynamic {
		max-width:200px !important;
	}

	.nav ul.dynamic > li > ul.dynamic {
		max-width:200px !important;
	}
	.nav ul.dynamic > li > ul.dynamic > li.dynamic {
		max-width:200px !important;
	}
	
	.header {
		max-width: 400px;
	}
	.wrapper{
		max-width:400px;
	}	
	.singlewrap {
		max-width: 400px;
	}
	#s4-workspace {
		max-width: 400px;
	}
	.sidebar{
		max-width: 400px;
	}

	.footer {
		max-width:400px;
	}
	.footerwrapper {

		}

	body {
		max-width:400px;
	}
}
/* ================ END 400PX================= */


/* ================ 375PX ================= */
/* Removal of padding on main section to allow more space */
@media only screen and (max-width:375px) {

/* Sub Menu */

	.nav ul.dynamic li.dynamic {
		max-width:188px !important;
	}

	.nav ul.dynamic {
		max-width:188px !important;
	}

	.nav ul.dynamic > li > ul.dynamic {
		max-width:188px !important;
	}
	.nav ul.dynamic > li > ul.dynamic > li.dynamic {
		max-width:188px !important;
	}
	
	.header {
		max-width: 375px;
	}
	.wrapper{
		max-width:375px;
	}	
	.singlewrap {
		max-width: 375px;
	}
	#s4-workspace {
		max-width: 375px;
	}
	.sidebar{
		max-width: 375px;
	}

	.footer {
		max-width:375px;
	}
	.footerwrapper {
		font-size:9.5px;
		}

	body {
		max-width:375px;
	}
}
/* ================ END 375PX================= */

/* ================ 360PX ================= */
/* Removal of padding on main section to allow more space */
@media only screen and (max-width:360px) {
/* Sub Menu */

	.nav ul.dynamic li.dynamic {
		max-width:180px !important;
	}

	.nav ul.dynamic {
		max-width:180px !important;
	}

	.nav ul.dynamic > li > ul.dynamic {
		max-width:180px !important;
	}
	.nav ul.dynamic > li > ul.dynamic > li.dynamic {
		max-width:180px !important;
	}
	
	.header {
		max-width: 360px;
	}
	.wrapper{
		max-width:360px;
	}	
	.singlewrap {
		max-width: 360px;
	}
	#s4-workspace {
		max-width: 360px;
	}
	.sidebar{
		max-width: 360px;
	}

	.footer {
		max-width:360px;
	}
	.footerwrapper {
		font-size:9px;	}

	body {
		max-width:360px;
	}
}
/* ================ END 360PX ================= */

/* ================ START 340PX ================= */
/* Removal of padding on main section to allow more space */
@media only screen and (max-width:340px) {
	.footerwrapper {
		font-size:8px;	}

}
/* ================ END 340PX ================= */
/* ================ START 320PX ================= */
/* Removal of padding on main section to allow more space */
@media only screen and (max-width:320px) {

/* Sub Menu */

	.nav ul.dynamic li.dynamic {
		max-width:160px !important;
	}

	.nav ul.dynamic {
		max-width:160px !important;
	}

	.nav ul.dynamic > li > ul.dynamic {
		max-width:160px !important;
	}
	.nav ul.dynamic > li > ul.dynamic > li.dynamic {
		max-width:160px !important;
	}
	
	
	
	.nav li.static {
		width:150px !important;
	}
	.nav li:hover > ul {
		left:149px !important;
		width:150px !important;
	}

	.nav ul.signinlist li.signin {
		width:150px;
	}

	
	
	.header {
		max-width: 320px
	}
	.wrapper{
		max-width:320px;
	}	
	.singlewrap {
		max-width: 320px;
	}
	#s4-workspace {
		max-width: 320px;
	}
	.sidebar{
		max-width: 320px;
	}
	.entry {
		font-size:16px;
	}
	.footer {
		max-width:320px;
	}
	.footerwrapper {
		font-size:8px;	}

	body {
		max-width:320px;
	}
}
/* ================ END 320PX ================= */
/*================ Mobile View End =================*/