@charset "utf-8";
/* CSS Document */

/*
#wamloginform_mobile{display: none;}
@media (max-width: 768px) {
#wamloginform_mobile{display: block;}
#wamloginform_main{display: none;}
}
*/

#widgets h2.login{ background: url("/userfiles/images/icon_login.svg") no-repeat center right; background-size: 30px 28px; padding: 8px 35px 10px 0;}
#widgets h2.myaccount{ background: url("/userfiles/images/icon_account.svg") no-repeat center right;     background-size: 30px 28px; padding: 8px 35px 10px 0;}
#widgets h2.question{ background: url("/userfiles/images/icon_question.svg") no-repeat center right;     background-size: 30px 28px; padding: 8px 35px 10px 0;}
#widgets h2.accountstatus{ background: url("/userfiles/images/icon_status.svg") no-repeat center right;     background-size: 30px 28px; padding: 8px 35px 10px 0;}
#widgets h2.changemypwd{ background: url("/userfiles/images/icon_password.svg") no-repeat center right;     background-size: 30px 28px; padding: 8px 35px 10px 0;}
h2.placements{ background: url("/userfiles/images/icon_jobs.svg") no-repeat center right;     background-size: 30px 28px; padding: 8px 35px 10px 0 !important;}
h2.whyregister{ background: url("/userfiles/images/icon_why.svg") no-repeat center right;     background-size: 30px 28px; padding: 8px 35px 10px 0 !important;}
h2.newwamaccount{ background: url("/userfiles/images/icon_newaccount.svg") no-repeat center right;     background-size: 30px 28px; padding: 8px 35px 10px 0 !important;}
h2.retrieve{ background: url("/userfiles/images/icon_retrieve.svg") no-repeat center right;     background-size: 30px 28px; padding: 8px 35px 10px 0 !important;}
h2.alternatively{ background: url("/userfiles/images/icon_status.svg") no-repeat center right;     background-size: 30px 28px; padding: 8px 35px 10px 0 !important;}

.viewjob{background: #24474D url("/userfiles/images/icon_details.svg") no-repeat center right !important;     background-size: 30px 28px; padding: 10px 35px 10px 10px !important; display: block !important; border: 1px solid #24474D !important; }
.viewjob:hover{background: #3D7983 url("/userfiles/images/icon_details.svg") no-repeat center right !important; border: 1px solid #3D7983 !important;  }

.uploaddocument{background: #24474D url("/userfiles/images/icon_upload.svg") no-repeat center right !important;     background-size: 30px 28px; padding: 6px 45px 6px 20px !important; display: block !important; border: 1px solid #24474D !important; }

.uploaddocument:hover{background: #3D7983 url("/userfiles/images/icon_upload.svg") no-repeat center right !important; border: 1px solid #3D7983 !important;  }

@font-face {		
	font-family: 'nimbus';
    src: url('/css/fonts/NimbusSanL-Reg.eot'); /* IE */  
    src: local('xxxaheadxxx'),
        url('/css/fonts/NimbusSanL-Reg.woff') format('woff'),
        url('/css/fonts/NimbusSanL-Reg.ttf') format('truetype');
}
@font-face {		
	font-family: 'aliquam';
    src: url('/css/fonts/Aliquam.eot'); /* IE */  
    src: local('xxxaheadxxx'),
        url('/css/fonts/Aliquam.woff') format('woff'),
        url('/css/fonts/Aliquam.ttf') format('truetype');
}
@font-face {		
	font-family: 'myriadpro';
    src: url('/css/fonts/myriad-pro.eot'); /* IE */  
    src: local('xxxaheadxxx'),
        url('/css/fonts/myriad-pro.woff') format('woff'),
        url('/css/fonts/myriad-pro.ttf') format('truetype');
}

@font-face {		
	font-family: 'opensans';  
    src: url('/css/fonts/OpenSans-Regular.woff') format('woff'),
         url('/css/fonts/OpenSans-Regular.woff2') format('woff2');
}

@font-face {		
	font-family: 'opensans';  
    src: url('/css/fonts/OpenSans-Bold.woff') format('woff'),
         url('/css/fonts/OpenSans-Bold.woff2') format('woff2');
		 font-weight: bold;
}
@font-face {		
	font-family: 'opensans';  
    src: url('/css/fonts/OpenSans-Bold.woff') format('woff'),
         url('/css/fonts/OpenSans-Bold.woff2') format('woff2');
		 font-weight: 700;
}

@font-face {		
	font-family: 'opensans';  
    src: url('/css/fonts/OpenSans-BoldItalic.woff') format('woff'),
         url('/css/fonts/OpenSans-BoldItalic.woff2') format('woff2');
		 font-weight: bold;
		 font-style:italic;
}
@font-face {		
	font-family: 'opensans';  
    src: url('/css/fonts/OpenSans-Italic.woff') format('woff'),
         url('/css/fonts/OpenSans-Italic.woff2') format('woff2');
		 font-style:italic;
}


html { height: 100%; }

body {
	font-family: opensans;
	overflow-x: hidden;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

.table     { display: table; }
.tablerow  { display: table-row; }
.tablecell { display: table-cell; }
.invisible { position: absolute; width:0; height:0; overflow: hidden; }

* {
	margin: 0; 
	padding: 0; 
	box-sizing: border-box;  
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
 	/*line-height: 1.5 !important;
 	letter-spacing: 0.12em !important;
 	word-spacing: 0.16em !important;*/
	
}
/*
p{
 margin-bottom: 2em !important;
}*/

img { border: none; }

select {
	font-family: arial !important;
}

*:not{.featuredimage} + h2, h3, h4, h5, h6 { font-weight: normal; clear: both; }
h1, h2, h3, h4, h5, h6 { font-weight: normal;  }

table { border-collapse: collapse; }

article, aside, figure, figcaption, footer, header, hgroup, nav, section, summary { display: block; }

/*
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
*/
.clearfix:before,
.clearfix:after {
    content: " "; 
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
.clear{ clear: both;}


body{ font-size:140%; }

#supercontainer { position: relative; padding: 0; margin: 0; height: 100%; }
#adminbar {
	height: 44px;
	width: 100%;
	padding: 5px 180px 5px 180px;
	background: #586875 url(../images/cakepresstiny.jpg) no-repeat 15px center;
	border-bottom: 1px solid #D5D8C2;
	z-index: 999;
	position:relative;
	color: #ffffff;
	top:0;
}

#adminbar h1 {
	font-size: 170%;
	float: left;
	color: #ffffff;
	margin: 0;
	padding: 2px 0 0 0;
}
@media (max-width: 520px){
#adminbar h1{ display: none;}
}

#adminbar a {
	color: #ffffff;
	text-decoration: underline;
}
#adminbar a{ text-decoration: none;}
#adminbar p.page{
	width: 200px;
	margin: 0 auto 0 auto;
	text-align: center;
	border: 2px dashed #FFF;
}
#adminbar p.page a{ display: inline-block; width:100%; height:100%; padding: 7px 0px 7px 0px; background: #8797A5;}
#adminbar p.page a:hover{
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: 7px 0px 7px 0px;
	background: #517A80;
}
#adminbar p.logout{ position: absolute; top:3px; right:10px; background:url(../images/icon-exit.png) no-repeat left center; padding:7px 10px 10px 40px;}


@media (max-width: 880px){
#adminbar .name{ display: none;}
}


nav#extra{ position:absolute; top:0; right:0; }
nav#extra li{ list-style-type: none; width:220px; float:left; font-size: 90%; text-align: center; margin:0 0 0 -45px; }
nav#extra a{border: none;padding: 5px 28px; display:block; z-index:10; position: relative;  color: #fff; text-decoration: none; }
nav#extra span.bluebg		{ border-top: 65px solid #517A80; }
nav#extra span.darkbluebg	{ border-top: 65px solid #3F747A; }
nav#extra span.brownbg		{ border-top: 65px solid #5B5A2C; }
nav#extra span.lightbrownbg	{ border-top: 65px solid #78773A; }
nav#extra span.darkgreenbg	{ border-top: 65px solid #518033; }
nav#extra span.greenbg		{ border-top: 65px solid #677D1F; }
nav#extra span.midgreenbg	{ border-top: 65px solid #518334; }


nav#extra span{display:block; border-left: 40px solid transparent; border-right: 40px solid transparent; margin: -80px 0 0 0; opacity:0.9; z-index:0; position:relative;}
nav#extra li:hover span{
	 border-top: 65px solid #517A80;
}

@media (max-width: 600px) {
	nav#extra{ position:relative; top:0; right:0; }
	nav#extra li{
	width: 100%;
	float: none;
	text-align: center;
	margin: 0 0 1px 0;
	background: #747B12;
	display: block;
	padding: 0;
	}
	nav#extra span {display:none;}
	nav#extra li br{ display: none;}
}

header {
	width:1200px;
	margin:0 auto;
}
@media (max-width: 1240px) {
	header{ width:100%; padding: 0 20px;}

}
#header1{ width:48%; float:left;}
#header2{ width:40%; float:right; padding:10px 0 0px 0;}
@media (max-width: 950px) {
	#header2{ width:50%;}

}
#header2 input{ border:1px solid #3F747A}
#header2 input[type="submit"]{ padding:9px 12px 8px 12px}
#header2 p{ margin:0;}
#header1 img{ margin:20px 0; max-width: 370px; width: 90%;}

@media (max-width: 999.99px) {
	header{ 
		width:100%; 
	}
}

#accesscontrols { min-height: 65px; }

@media (max-width: 750px) {
	#header1{ width:100%; float:none; text-align:center;}
	#header2{ width:95%; float:none; padding:10px 2.5% 0px 2.5%; margin: 0 auto;}

	#accesscontrols { min-height: 0px; }
}

#tagline{ position: absolute; width:0; height:0; overflow: hidden;}

#navonecontainer{background:#3D7983; color:#FFF; border-bottom:1px solid #3D5F63; /*border-top:1px solid #3D5F63; */ }
#navtwocontainer{background:#2C585F; color:#FFF; /*border-bottom:1px solid #828714;*/}



nav#one, nav#two{
	width:1160px;
	margin:0 auto 0 auto;
	/*padding:8px 0;*/
}

@media (max-width: 999.99px) {
	nav#one, nav#two{ 
		width:100%; 
	}
}
nav#one ul, nav#two ul { margin-bottom:0 !important;}
nav li{ display: inline; list-style-type: none; }
nav#one a, nav#two a{ color: #fff; text-decoration: none; 	padding: 8px 15px 8px 15px; border-right: 1px solid #fff; margin: 0; display: inline-block;}

@media (max-width: 1000px) {
	nav#one a, nav#two a{
		padding: 1.5px 15px; }
}



nav#one a{ border-right: 1px solid #74A6AB;}
nav#two a{ border-right: 1px solid #fff;}
nav#one a:hover, nav#one li.current a{ text-decoration: none; background: #1F383D url(../images/navonearrow.png) no-repeat center top; }
nav#two a:hover, nav#two li.current a{ text-decoration: none; background: #1A3437 url(../images/navtwoarrow.png) no-repeat center bottom;}
/*nav#one a:hover{ color: #3D7983;}
nav#two a:hover{ color: #747B12;}
nav ul li:first-child a{padding: 8px 20px 8px 0;}
nav#one ul li:last-child a:first-child, nav#two ul li:last-child a:first-child{ border-right: none; padding: 8px 0 8px 20px;}*/
nav#one ul li:last-child a:first-child, nav#two ul li:last-child a:first-child{ border-right: none; }


#respnav-button { display: none; }


/*@media (min-width: 768px) and (max-width: 999.99px) {*/
@media (max-width: 999.99px) {

	#respnav-button{ display: block; height: 71px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  background: #3D7983;
	}
	#respnav-button a { text-align: left; display: block; height: 71px; background: #3D7983 url(/userfiles/images/navicon.png) no-repeat right center; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; color:#FFF; text-decoration: none; text-transform:uppercase; transition: all 0.5s; padding:24px 20px 0 20px;}
	
	#respnav-button a:hover{ background:#747B12 url(/userfiles/images/navicon.png) no-repeat right center; transition: all 0.5s;}

	#navcontainer { display: none; }

	#navonecontainer, #navtwocontainer, #navonecontainer a, #navtwocontainer a { border: 0; background: #3D7983; width:100%; }

	nav#one li, nav#two li {
	display: block;
	background: #3D7983;
	border-top: 0 none;
	border-right: 0 none;
	border-bottom: 1px solid #70A0A7;
	border-left: 0 none;
}
	nav#one a, nav#two a {
	display: block;
	background: #3D7983;
	border: none;
	transition: background 0.5s;
}

	nav#one a:hover, nav#one li.current a, nav#two a:hover, nav#two li.current a { text-decoration: none; background: #6C9599; transition: background 0.5s; }
	
}



#container {
	width:1200px;
	margin:0 auto 0 auto;
	padding: 0 20px;
}
@media (max-width: 1240px) {
	#container{ 
		width:100%; 
		margin:0;
        padding: 0 20px;
	}
}
body.headerimage #container {
	margin:-30px auto 0 auto;
	/*margin: 0 auto 0 auto;*/
	position:relative; 
	z-index:10;
	padding:20px 20px 20px 20px;
	
}
#headerimage { width:100%;  text-align: center; position:relative;}
#headerimage img{ width:100%; position:relative; z-index:0;}

#headerimage #transparentblock{ /*display: none;*/ height:30px; opacity:0.95; background:#FFF; width:1200px; position:absolute; bottom:0; left:50%; margin:0 0 0 -600px; z-index:10;}

#widgets iframe { max-width: 100%; }


@media (max-width: 1220px) {
	#transparentblock{ display: none; }

	body.headerimage:not(.fullwidth) #container, body.headerimage #container {
		margin: 0 auto 0 auto;

	}

} 

#maincontent{ width: 65.625%; float:left; margin:25px 0 40px 0; }

#maincontent.mcFullWidth, .pg_Discover-your-AT #maincontent  { width: 100%; float:none; margin:25px 0 40px 0; }
#maincontent.mcFullWidth #mcfw_left { width: 65.625%; float:left; }
#maincontent.mcFullWidth #mcfw_right { width: 31.25%; float: right; }
@media (max-width: 870px) {
	#maincontent.mcFullWidth #mcfw_left { width: 100%; float:none; }
	#maincontent.mcFullWidth #mcfw_right { width: 100%; float: none; }
}
body.headerimage:not(.fullwidth) #container #maincontent{ width: 65.625%; float:left; margin: 0px 0 40px 0;}
@media (max-width: 768px) {
	body.headerimage:not(.fullwidth) #container #maincontent, body.headerimage #container #maincontent, #maincontent, body.threecol #container #maincontent { 
		width: 100%; 
		float:none;
	}
}
#maincontent h1{ color:#367B88; font-size:230%; margin:0 0 20px 0;}
body.headerimage #maincontent h1{ margin:0 0 30px 0; }
/*#maincontent h2{ color:#78A65B; font-size:150%; margin:15px 0 15px 0;}*/
#maincontent h2{ 
color:#333;  font-size:125%; text-transform:uppercase; padding:0 0 3px 0; margin:30px 0 15px 0; text-align:left; clear:both; border-bottom: 1px solid #59592C; font-weight: bold;
}
#maincontent #mcfw_left h2{ color:#333;}

#maincontent .navcontent h2, .events #maincontent .navcontent h3{ text-transform: none;}
#maincontent h3{
	color: #367B88;
	font-size: 120%;
	margin: 15px 0 15px 0;
	clear:both;
}
#maincontent #at-discover-pg1 h3, #maincontent #at-discover-pg2 h3,  #maincontent #at-discover-pg3 h3{
	color: #000;
	font-size: 18px;
	margin: 20px 0 0px 0;
}
#maincontent p{ font-size:110%; line-height:175%; margin:15px 0;}
#maincontent #at-discover-pg1 p, #maincontent #at-discover-pg2 p, #maincontent #at-discover-pg3 p{ font-size:110%; line-height:130%; margin:10px 0 ;}
#maincontent .slideshowPlugin p{ font-size:100%; line-height:150%; margin:0;}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 306dpi){
#maincontent p{ font-size:120%;}	
#maincontent .navcontent h2 .s3, .events #maincontent .navcontent h3 .s3{ display: none;}
}
#maincontent p:nth-of-type(1) img{ float:right; margin: 0 0 15px 15px;}

#maincontent ul{width:100%;  margin:15px 0 15px 0; }
#maincontent li{
	/*width: 47.6%;
	float: left; */
	color: #333333;
	/*margin: 0 4.8% 10px 0px;*/
	margin: 0 0 10px 20px;
	font-size: 100%;
	padding: 0 0 0 0;
	line-height:150%;
}

/*
 ul:not(.nostyle) > li{
	background: url(/userfiles/images/arrow.png) no-repeat left top;
	list-style-type: none;
	margin: 0 0 10px 0;
	padding: 0 0 0 20px;
}
 ul.nostyle > li{
	margin: 0 0 10px 0;
}
*/



#maincontent ul:not(.nostyle) > li{
	background: url(/userfiles/images/arrow.png) no-repeat left top;
	list-style-type: none;
	margin: 0 10px 10px 0;
	padding: 0 0 0 15px;

}
#maincontent ul.nostyle{ margin: 0 0 0 20px;}
#maincontent ul.nostyle > li{
	margin: 0 0 10px 0;
	list-style-type: square;
}
#maincontent #shopcol ul > li{ background: none; padding:0;}

#maincontent .slideshowPlugin ul li{
	background: url(none) no-repeat left top;
	list-style-type: none;
	margin: 0 0 10px 0;
	padding: 0 0 0 20px;

}


/*#maincontent li:nth-of-type(2n+2){margin:0 0 10px 0}
#maincontent ul li:last-child{ margin-bottom:40px;}*/
#maincontent ul ul { margin:10px 0 0 0;}
#maincontent ul ul li:last-child{ margin-bottom:0px;}
/*#maincontent li:before {
    content: "\00BB  "; 
    color: #518334; 
	font-size:120%;
	float:left;
	padding:0 10px 100px 0;
	overflow: hidden;
	line-height:80%;
} */
#maincontent a{ color:#DC0058; text-decoration: underline;}
#maincontent #at-discover-pg1 a, #maincontent #at-discover-pg2 a, #maincontent #at-discover-pg3 a{ color:#000; text-decoration: none;}
 
#maincontent a:hover{ color:#333; }

#navcontentcontainer, #newscontentcontainer{clear: both;}
#newscontentcontainer h2{
	color:#59592C;  
	font-size:135%; 
	text-transform:uppercase; 
	border-bottom: 1px solid #C9C3BA; 
	padding:0 0 3px 0; 
	margin:0 0 15px 0;
}
#newscontentcontainer p{ margin:0 0 15px 0;}

#maincontent .newscontent a{color:#367B88; text-decoration: none; font-size:115%;}
#maincontent .newscontent a:hover{ color:#DC0058; text-decoration: underline; }
#maincontent .newscontent a:hover img{ opacity:0.8;}
.navcontent .navcontent_date{ display: none;}
.events .navcontent .navcontent_date{ display: block; margin-bottom:10px;}
.navcontent, .newscontent{
	width:47.6%; 
	float:left; 
	margin:0 4.8% 25px 0; 
	position: relative;
}
@media (min-width: 905px) {
.index .navcontent img{ height: 130px; overflow:hidden;}
}

@media (max-width: 450px) {
	.navcontent, .newscontent{
		width:100%; 
		float:none; 
		margin:0 0 25px 0; 
		position: relative;
	}
}
body.threecol .navcontent, body.threecol .newscontent{
		width:31%; 
		float:left; 
		margin:0 3.5% 25px 0;
}

@media (max-width: 605px) {
	body.threecol .navcontent, body.threecol .newscontent{
		width:47.6%; 
		float:left; 
		margin:0 4.8% 25px 0;
	}
}

body:not(.pg_searchresults) .navcontent:nth-of-type(2n+2), .newscontent:nth-of-type(2n+2) {
	 margin:0 0 25px 0;
}

.ncresults2 { 

	margin:0 0 25px 0;
}

@media (min-width: 605.01px) {
body.threecol .navcontent:nth-of-type(3n+3), body.threecol .newscontent:nth-of-type(3n+3) {
	 margin:0 0 25px 0;
}

body.threecol .navcontent:nth-of-type(3n+4), body.threecol .newscontent:nth-of-type(3n+4) {
	 clear:both;
}
}
@media (max-width: 605px) {
	body.threecol .navcontent:nth-of-type(2n+2), body.threecol .newscontent:nth-of-type(2n+2) {
	 margin:0 0 25px 0;
	}
	body.threecol .navcontent:nth-of-type(2n+3), body.threecol .newscontent:nth-of-type(2n+3) {
	 clear:both;
	}
}
#maincontent .navcontent h2, .events #maincontent .navcontent h3{ 
	padding:0; 
	color:#ffffff; 
	margin:0;  
	z-index:10;
	font-weight: normal;
	font-size:115%;
}
@media (min-width: 905px) {
	.index #maincontent .navcontent h2{
		top:93px; 	
	}
}

@media (min-width: 768.01px) and (max-width: 905px) {
	#maincontent .navcontent h2, .events #maincontent .navcontent h3{ 
		position:relative;
		top: 0;
		font-size:100%;
		display: table;
		width: 100%;
		text-align: center;
		border-bottom: 1px solid #fff;
		color:#ffffff;
		margin:0;
		padding:0;
	}	
	#maincontent .navcontent h2 .s1, .events #maincontent .navcontent h3 .s1{ display: table-row; height:50px; vertical-align: middle;}
	#maincontent .navcontent h2 .s2, .events #maincontent .navcontent h3 .s2{ display: table-cell; vertical-align: middle; height:50px; padding:5px;}
	#maincontent .navcontent h2 br, .events #maincontent .navcontent h3 br{ display:none;}
	#maincontent .navcontent h2.left, .events #maincontent .navcontent h3.left{ left:0; padding: 0 0 0 0;}
	#maincontent .navcontent h2.right, .events #maincontent .navcontent h3.right{ right:0; padding: 0 0 0 0;}
} 


@media (min-width: 450px) and (max-width: 610px) {
#maincontent .navcontent h2, .events #maincontent .navcontent h3{ 
		position:relative;
		top: 0;
		font-size:100%;
		display: table;
		width: 100%;
		text-align: center;
		border-bottom: 1px solid #fff;
		color:#ffffff;
		margin:0;
		padding:0;
	}	
	#maincontent .navcontent h2 .s1, .events #maincontent .navcontent h3 .s1{ display: table-row; height:50px; vertical-align: middle;}
	#maincontent .navcontent h2 .s2, .events #maincontent .navcontent h3 .s2{ display: table-cell; vertical-align: middle; height:50px; padding:5px;}
	#maincontent .navcontent h2 br, .events #maincontent .navcontent h3 br{ display:none;}
	#maincontent .navcontent h2.left, .events #maincontent .navcontent h3.left{ left:0; padding: 0 0 0 0;}
	#maincontent .navcontent h2.right, .events #maincontent .navcontent h3.right{ right:0; padding: 0 0 0 0;}
	#maincontent .navcontent p{ font-size:100%;}
	
}
body.threecol #maincontent .navcontent h2 { 
		position:relative;
		top: 0;
		font-size:100%;
		display: table;
		width: 100%;
		text-align: center;
		border-bottom: 1px solid #fff;
		color:#ffffff;
		margin:0;
		padding:10px;
}

body.threecol #maincontent .navcontent h2 .s1{ display: table-row; height:50px; vertical-align: middle;}
body.threecol #maincontent .navcontent h2 .s2{ display: table-cell; vertical-align: middle; height:50px; padding:5px;}
body.threecol #maincontent .navcontent h2 br{ display:none;}
body.threecol #maincontent .navcontent h2.left{ left:0; padding: 0 0 0 0;}
body.threecol #maincontent .navcontent h2.right{ right:0; padding: 0 0 0 0;}

body.threecol #maincontent .navcontent a:hover h2{ opacity:0.8;}
body.threecol #maincontent .navcontent a:hover h2 .s3{ display: none;}

#maincontent .navcontent h2.left, .events #maincontent .navcontent h3.left { left:0; padding:  5px; }
#maincontent .navcontent h2.right, .events #maincontent .navcontent h3.right{ right:0; padding: 5px;}

#maincontent .navcontent h2, .events #maincontent .navcontent h3{background: #2C585F; padding: 10px;}
.searchresults #maincontent .navcontent h2{background: none; padding: 10px;}
@media (min-width: 768.01px) and (max-width: 905px) {
	#maincontent .navcontent h2.left, #maincontent .navcontent h2.right, .events #maincontent .navcontent h3.left, .events #maincontent .navcontent h3.right{ left:0; padding:5px; right:0;}
} 

@media (min-width: 450px) and (max-width: 610px) {
	#maincontent .navcontent h2.left, #maincontent .navcontent h2.right, .events #maincontent .navcontent h2.left, .events #maincontent .navcontent h3.right{ left:0; padding:5px; right:0;}
} 







#maincontent .navcontent h2 .s3, .events #maincontent .navcontent h3 .s3{position:absolute; z-index:-1;  width: calc(100% + 30px);}
#maincontent .navcontent h2.right .s3, .events #maincontent .navcontent h3.right .s3{ border-left: 30px solid rgba(0, 0, 0, 0); right:0;}
#maincontent .navcontent h2.left .s3, .events #maincontent .navcontent h3.left .s3{ border-right: 30px solid rgba(0, 0, 0, 0); left:0;}


@media (min-width: 768.01px) and (max-width: 905px) {
	#maincontent .navcontent h2 .s3, .events #maincontent .navcontent h3 .s3{ display: none;}
} 

@media (min-width: 450px) and (max-width: 610px) {
	#maincontent .navcontent h2 .s3, .events #maincontent .navcontent h3 .s3{ display: none;}
} 


.navcontent h2.brownbg     .s3,  .events .navcontent h3.brownbg     .s3	{ border-bottom: 40px solid #5B5A2C; display:block; margin-top:-30px; } /* fully compliant */
.navcontent h2.lightbrownbg .s3, .events .navcontent h3.lightbrownbg .s3	{ border-bottom: 40px solid #78773A; display:block; margin-top:-30px; } /* fully compliant */
.navcontent h2.bluebg      .s3,  .events .navcontent h3.bluebg      .s3	{ border-bottom: 40px solid #517A80; display:block; margin-top:-30px; } /* not compliant */
.navcontent h2.greenbg     .s3,  .events .navcontent h3.greenbg     .s3	{ border-bottom: 40px solid #677D1F; display:block; margin-top:-30px; } /* not compliant */
.navcontent h2.darkbluebg  .s3,  .events .navcontent h3.darkbluebg  .s3	{ border-bottom: 40px solid #3F747A; display:block; margin-top:-30px; } /* fully compliant */
.navcontent h2.darkgreenbg .s3,  .events .navcontent h3.darkgreenbg .s3	{ border-bottom: 40px solid #518033; display:block; margin-top:-30px; } /* fully compliant */
.navcontent h2.midgreenbg  .s3,  .events .navcontent h3.midgreenbg  .s3	{ border-bottom: 40px solid #518334; display:block; margin-top:-30px; } /* large text compliant */


body.threecol .navcontent h2.brownbg     .s3	{ border-bottom: none; display:none; margin-top:0px; }
body.threecol .navcontent h2.lightbrownbg .s3	{ border-bottom: none; display:none; margin-top:0px; }
body.threecol .navcontent h2.bluebg      .s3	{ border-bottom: none; display:none; margin-top:0px; }
body.threecol .navcontent h2.greenbg     .s3	{ border-bottom: none; display:none; margin-top:0px; }
body.threecol .navcontent h2.darkbluebg  .s3	{ border-bottom: none; display:none; margin-top:0px; }
body.threecol .navcontent h2.darkgreenbg .s3	{ border-bottom: none; display:none; margin-top:0px; }
body.threecol .navcontent h2.midgreenbg  .s3	{ border-bottom: none; display:none; margin-top:0px; }



.navcontent h2.brownbg		{ background: #5B5A2C; }
.navcontent h2.lightbrownbg	{ background: #78773A; }
.navcontent h2.bluebg		{ background: #517A80; }
.navcontent h2.greenbg		{ background: #677D1F; }
.navcontent h2.darkbluebg	{ background: #3F747A; }
.navcontent h2.darkgreenbg	{ background: #518033; }
.navcontent h2.midgreenbg	{ background: #518334; }




#maincontent .navcontent .links{ margin:10px 0 0 0;}
#maincontent .navcontent .links p{ margin:0;}
#maincontent .navcontent .links a:hover{ color:#DC0058; text-decoration: underline;}
.navcontent img{ width:100%;  position:relative; backface-visibility: hidden; }
.navcontent { overflow: hidden;}
.newscontent img{ width:100%; margin:0 0 15px 0;  position:relative; backface-visibility: hidden;  }
#maincontent .navcontent .excerpt{ margin:10px 0 0 0; line-height:150%;}
#maincontent .navcontent a:hover img{ opacity:0.8;}
#maincontent .navcontent a{ text-decoration: none; }
#maincontent .navcontent a.clearfix{ height: 100%;}
#maincontent .navcontent a.clearfix:focus{ opacity: 0.8;}
#maincontent .navcontent p a{ color:#2C585F; font-weight: normal; }
#maincontent .navcontent p a:hover{ text-decoration: underline;}
#maincontent .navcontent a:hover h2 .s3{
	 border-bottom: 40px solid #666666; 
}
#maincontent .navcontent a:hover h2 {
	 color:#ffffff;
}

body.headerimage:not(.fullwidth) #container #widgets {margin: /*80px*/ 12px 0 0 0; }
#widgets { width: 31.25%; float: right;  margin: 25px 0 0 0;}
@media (max-width: 768px) {
	#widgets, body.headerimage:not(.fullwidth) #container #widgets{ width: 100%; float:none; margin:25px 0 0 0; }
} 
#widgets h2{ color:#333;  font-size:125%; text-transform:uppercase; border-bottom: 1px solid #333; padding:0 0 3px 0; margin:0 0 15px 0; text-align:left; font-weight: bold;} 
li.newsevents{ list-style-type: none;  clear:both; margin: 0 0 15px 0;}
li.newsevents:last-child{ margin: 0 0 0 0;}
li.newsevents a{ color:#333; text-decoration: none; font-size:110%;}
li.newsevents a:hover{ text-decoration: underline; color:#DC0058;}
li.newsevents img{ float:left; margin:0 15px 15px 0; width:40%;}

li.newsevents:last-child img{margin:0 15px 0 0;}
@media (max-width: 950px) {
	li.newsevents a {font-size:90%; }
}
@media (max-width: 768px) {
	li.newsevents { width:47.6%; margin: 0 4.8% 15px 0;  clear: none; float:left;}
	li.newsevents:nth-of-type(2n+2) {margin: 0 0 15px 0;}
	li.newsevents:nth-of-type(2n+3) { clear: left;}
	li.newsevents a {font-size:110%; }
}
@media (max-width: 575px) {
	li.newsevents a {font-size:90%; }
}
@media (max-width: 450px) {
	li.newsevents { width:100%; margin: 0 0 15px 0;  clear: none; float:none;}
	li.newsevents img{ float:none; margin:0 0 15px 0; width:100%;}
	li.newsevents:last-child img{margin:0 0 15px 0;}
	li.newsevents a {font-size:110%; }
}
li.newsevents span.date{ color: #006433; font-weight: bold; font-size:95%; display: none; height:0; width: 0; position:absolute; }







#mailinglist{ margin: 0 0 25px 0;  clear: both;}
#mailinglist label{ font-size:80%; margin:15px 0 10px 0; display:block;}

textarea{ padding:9px; background:#F1EFED; border: 1px solid #666; width:63%;}



input:not([type="checkbox"]){ padding:6px 6px 7px 6px; background:#F1EFED; border: 1px solid #666; width:63%;}



input[type="file"]{ padding:0; background:none; width:auto; }
#mcfw_right input:not([type="radio"]):not([type="checkbox"]) { width:100%;}
#mcfw_right .greenwamsubsections input:not([type="radio"]):not([type="checkbox"]) { width:65%;}


#changeDetailsForm label { min-width: 200px; display: inline-block; vertical-align: top; padding: 6px 0 0;}
#changeDetailsForm input[type="checkbox"]+label { padding: 0;}
#changeDetailsForm input[type="submit"] { width: 100%;}


@media (max-width: 768px) {

.pg_wamworks #changeDetailsForm label, .pg_wamworks #quickQuestionForm label {
	min-width: 0 !important;
	max-width: 150px;
}

}


input[type="submit"]{ padding:9px 12px; border: none; width:34.5%; float:right;
background: #517A80; /* Old browsers */
background: -moz-linear-gradient(top, #517A80 0%, #3F747A 51%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#517A80), color-stop(51%,#3F747A)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #517A80 0%,#3F747A 51%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #517A80 0%,#3F747A 51%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #517A80 0%,#3F747A 51%); /* IE10+ */
background: linear-gradient(to bottom, #517A80 0%,#3F747A 51%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#517A80', endColorstr='#3F747A',GradientType=0 ); /* IE6-9 */
 border-top: 1px solid #3F747A;
 border-left: 1px solid #3F747A;
 border-right: 1px solid #3F747A;
 color:#FFF; text-transform:uppercase;
 font-size: 80%;
cursor: pointer;}

input[type="submit"]:hover{background: #DC0058}

@media (max-width: 768px) {
	input{ }
	input[type="submit"]{ }
}

ul#socialnetworks{max-width:400px; margin: 0 auto;}
ul#socialnetworks li{ list-style-type: none;  float: left; margin: 0 2.3% 0 0; width:23%;}
ul#socialnetworks li:last-child{ margin: 0 0 0 0;}
ul#socialnetworks li a img{ width:100%; opacity:0.8;}
ul#socialnetworks li a:hover img{ opacity:1;}
footer{ clear:both; background:#F1EFED; padding: 25px; font-size:85%; line-height:150%;}
#footerone{ width:50%; float:left;}
#footertwo{ width:50%; float:left; text-align: right;}
#footertwo ul{ margin: 18px 0 0 0;}
#footertwo li{ list-style-type: none; display: inline;}
footer a{ color:#333; text-decoration: none;}
footer a:hover{ text-decoration: underline;}

.widget{margin: 0 0 25px 0;  clear: both;}
.widget li{ list-style-type: none; margin-bottom:5px;}
.widget li:last-child{ margin-bottom:0px;}
.widget a{ color:#DC0058; text-decoration: underline;}
.widget #calendar-container a.calendar-datenav-btn{ color:#DC0058; text-decoration: none !important;}
.widget a:hover{ color:#333; text-decoration: underline; }
@media (min-width:450px) and (max-width: 768px) {
	.widget li{ width:47.6%; margin:0 4.8% 10px 0; float:left; }
	.widget li:nth-of-type(2n+2){ margin:0 0 10px 0;}
	.widget li:nth-of-type(2n+3){ clear:both;}
	.widget ul#socialnetworks li:nth-of-type(2n+3){clear:none;}
}
.widget img{ width:100%; max-width:400px;  }


li.tags{ list-style-type: none; display: inline-block;  margin:0 10px 10px 0; border-radius: 3px;}
body.events #maincontent ul li.tags{ margin: 0 10px 15px 0; background: #518033; color: #fff; padding:6px 15px; border-radius: 15px;}
body.events #maincontent .navcontent ul li.tags a:hover{ background: #3D7983;}

.widget li.tags a{ color:#FFFFFF; text-decoration: none; padding:5px 10px; display: inline-block; border-radius: 3px;}
li.greenbg{ background:#518033;}
li.bluebg{ background:#517A80;}
li.brownbg{ background:#5B5A2C;}
li.lightbrownbg{ background:#78773A;}
li.midgreenbg{ background:#518334;}
li.darkbluebg{ background:#3F747A;}
li.darkgreenbg{ background:#518033;}

li.tags a:hover{ background:#DC0058;}

@media (max-width: 768px) {
	.widget img{ width:47.6%; margin: 0 4.8% 15px 0; float:left; }
	.widget p{ padding:10px 0 0 0; }
}
@media (max-width: 605px) {
	.widget p{ padding:10px 0 0 0; }
}

@media (max-width: 450px) {
	.widget img{ width:100%; margin: 0 0 15px 0; float:none; }
	.widget p{ padding:0 0 0 0; }
}


#getaheadblog img{ margin: 0 15px 15px 0; float:left; width:40%;}
#getaheadblog a{color:#367B88; text-decoration: none; font-size:100%;}
#getaheadblog a:hover{ color:#DC0058; text-decoration: underline; }
@media (max-width: 768px) {
	#getaheadblog img{ width:47.6%; margin: 0 4.8% 15px 0; }
	#getaheadblog a{ font-size:120%; }
	#getaheadblog p{ padding:55px 0 0 0; }
}
@media (max-width: 605px) {
	#getaheadblog p{ padding:25px 0 0 0; }
}

@media (max-width: 450px) {
	#getaheadblog p{ padding:10px 0 0 0; }
}


#sharethispage, #sharethispage-main{ clear:both; background:#F2F9F9; padding:20px; margin: 25px 0 25px 0;}

#sharethispage h2, #sharethispage-main h2{color:#367B88;  font-size:135%; text-transform:uppercase; padding:0 0 3px 0; margin:0 0 30px 0;}
#maincontent #sharethispage li, #maincontent #sharethispage-main li{ list-style-type: none; display: inline; padding: 0 25px 0 0; width:auto; float: none; margin:0; }
@media (min-width: 768.01px) and (max-width: 905px) {
	#maincontent #sharethispage li, #maincontent #sharethispage-main li{ 
		padding: 0 15px 0 0; }
}
@media (max-width: 605px) {
	#maincontent #sharethispage li, #maincontent #sharethispage-main li{ 
	 display: block; 
	 padding: 0 0 15px 0; 
	 width:50%;
	 float:left;
	  margin:0; 
		 }
}

#sharethispage a, #sharethispage-main a{ color: #333333; text-decoration: none;  font-size:90%;}
#sharethispage a:hover, #sharethispage-main a:hover{ color: #DC0058; text-decoration: underline;}
#sharethispage img, #sharethispage-main img{ margin:0 10px 3px 0; background: #2C585F; border-radius: 3px;}
#sharethispage a:hover img, #sharethispage-main a:hover img{ margin:0 10px 3px 0; background: #DC0058; border-radius: 3px;}

#maincontent #sharethispage li:before, #maincontent #sharethispage-main li:before {
    content: ""; 
	font-size:100%;
}

ul + p { clear: both;}

.media_embed {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
	margin:0 0 15px 0;
	clear:both;
}
 
.media_embed iframe,
.media_embed object,
.media_embed embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#maincontent .moreinfo-block {background: #fff; margin:1px 0 1px 0;}

#maincontent .moreinfo-block + #navcontentcontainer, #maincontent .moreinfo-block + #sharethispage, #maincontent .moreinfo-block + #sharethispage-main {margin-top: 50px;}

#maincontent .moreinfo-block h2, #maincontent .moreinfo-block h3{
	background: #3D7983;
	color: #FFF;
	font-size: 110%;
	text-transform: none;
	border-bottom: 1px solid #fff;
	margin: 0 0 0 0;
	transition: background 0.5s;
}
#maincontent .moreinfo-block h2:hover, #maincontent .moreinfo-block h3:hover{
	background: #2E5A61;
}

#maincontent .moreinfo-block h2.moreinfo-selected, #maincontent .moreinfo-block h3.moreinfo-selected{ background:#24474D; transition: background 0.5s; }
#maincontent .moreinfo-block h2 a, #maincontent .moreinfo-block h3 a{ color:#FFF; text-decoration: none; display: block;  padding:15px 20px 15px 10px; font-weight: normal;}

#maincontent .moreinfo-block h2 a::after, #maincontent .moreinfo-block h3 a::after
{
    content:url(/userfiles/images/arrowaccord.png);
    float:right;
    -moz-transition:0.5s all;
    -webkit-transition:0.5s all;
	transition:0.5s all;
	-webkit-transform-origin:50% 45%; 
	-moz-transform-origin:50% 45%; 
	transform-origin:50% 45%; 
}

#maincontent .moreinfo-block h2 a:hover::after, #maincontent .moreinfo-block h3 a:hover::after
{
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);

}
#maincontent .moreinfo-block h2.moreinfo-selected a::after, #maincontent .moreinfo-block h3.moreinfo-selected a::after
{
    content:url(/userfiles/images/arrowaccord.png);
    float:right;
    -moz-transition:0.5s all;
    -webkit-transition:0.5s all;
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);


}

#maincontent .moreinfo-block .moreinfo-container h3{
	color: #367B88;
	font-size: 120%;
	margin: 15px 0 15px 0;
	background:none;
	padding:0;
}
#maincontent .moreinfo-block .moreinfo-container h3 a{
	color:#DC0058;
	text-decoration: underline;
	display: inline;
	padding:0;
	margin:0;
}



.moreinfo-container{
	
	margin: 0;
	padding: 0px 20px 0px 20px;
}
.moreinfo-container p{ margin:0; padding:0; }

.moreinfo-container img{ float:right; margin: 0 0 15px 15px;}

#maincontent .moreinfo-container a{ color:#DC0058; text-decoration: underline;}

#maincontent blockquote{
	font-size: 110%;
	padding: 15px 1em 15px 5em;
	background: url(/userfiles/images/quotation_marks.png) no-repeat left top;
	min-height:116px;
	clear:both;
	border: none !important;
}

table{ background:#EBF5F5; width:100%; }
td{ padding:5px 10px; background:#F2F9F9; border: 2px solid #EBF5F5; }
th{ padding:5px 10px; text-align: left; background:#EBF5F5;}


#maincontent a.feature_button, a.feature_button,  #maincontent .navcontent p a.feature_button{ background: #2C585F url(/images/icon_lk.png) no-repeat center right; color:#FFF;  border:1px solid #2C585F; display:block; text-decoration: none; transition:all 0.5s; padding:10px 40px 10px 10px; margin: 15px 0 15px 0; }
#maincontent a.feature_button:after, a.feature_button:after{content: " \00bb";}
#maincontent a:hover.feature_button, a:hover.feature_button  { background: #747B12 url(/images/icon_lk.png) no-repeat center right; color:#FFF;  border:1px solid #828714;}

#maincontent .navcontent p a.feature_button{ background: #DC0058 url(/images/icon_lk.png) no-repeat center right; color:#FFF;  border:1px solid #DC0058; display:block; text-decoration: none; transition:all 0.5s; padding:5px 40px 5px 12px; margin: 15px 0 15px 0; text-transform: uppercase; font-size: 14px;}
#maincontent .navcontent p a.feature_button:hover{ background: #AE0046  url(/images/icon_lk.png) no-repeat center right; border:1px solid #AE0046 ;  }

/*
#maincontent a.downloads, a.downloads, #maincontent .navcontent p a.downloads {
  background: #2C585F url(/userfiles/images/events_downloads.png) no-repeat center left;
  color: #FFF;
  border: 1px solid #2C585F;
  display: block;
  text-decoration: none;
  transition: all 0.5s;
  padding: 10px 40px 10px 10px;
  margin: 15px 0 15px 0;
 }
*/

#maincontent a.downloads, a.downloads, #maincontent .navcontent p a.downloads {
  background: #2C585F url(/userfiles/images/events_downloads.png) no-repeat center left;
  color: #FFF;
  border: 1px solid #2C585F;
  display: block;
  text-decoration: none;
  transition: all 0.5s;
  padding: 10px 40px 10px 42px;
  margin: 15px 0 15px 0;
}

#maincontent a.downloads:hover, a.downloads:hover, #maincontent .navcontent p a.downloads:hover {
	background-color: #3D7983;
}

/* form validation VALID8 */
#maincontent .valid8form p, .valid8form p { clear: both; width:100%; margin-bottom:10px; }

.w input { width: 100%; }
.w input#availableDateShown{ width:80%}
.w select { width: 100%; padding:5px; margin:5px 0;}
.w textarea { width: 100%; height:100px; }

.valid8form .w { clear: right; padding: 0; /*background: #D7EBEF;*/ font: bold 0.8em; color: #333; overflow: hidden;width: 63%; float:right;  }
.valid8form span.w  {display: block; }
/*.form .input { border: 1px solid #A5C2C8; line-height: 1.2em; padding: 5px 26px 5px 5px; margin: 0 0 5px 0; width: 537px; font: bold 1.2em; }*/
.valid8form label { float: left; display:block; width: 33%; clear:left; padding:5px 0 5px 0;}
.valid8form label.check { float: left; display:block; width: 57%; clear:none; padding:0; margin:-5px 0 5px 0;}

.valid8form input[type="checkbox"]{ margin: 0 3% 0 37%; float:left;}

/* Validation */
.w.error { background-color: #ffeeee; }
.w.error span {  /*border-top: 1px dashed #bb4444;*/ padding:5px; display:block;}
.w.error .input { border-color: #C8A5A5; background: #fff url('gfx/icon_error.png') no-repeat right center; }

.w.valid { background-color: #A4EFAE; }
.w.valid .input { border-color: #A5C8A6; background: #fff url('gfx/icon_valid.png') no-repeat right center; }
.w.valid span { display: none; }

.valid8form input[type="submit"], #gotaquestionform input[type="submit"], #changepasswordform input[type="submit"]{
	clear: both;
	width: 63%;
	margin: 0px auto 50px auto;
	background: #24474D;
	border: #24474D 1px solid;
	display:block;
}

.valid8form input[type="submit"]:hover, #gotaquestionform input[type="submit"]:hover, #changepasswordform input[type="submit"]:hover{
	background: #3D7983;
	border: #3D7983 1px solid;
}











/***shop stuff**/


#maincontent div.shopfrontitem{
	padding:9px;
	background: #F3F2ED;
	font-size:85%;
	margin: 0 5% 10px 0;
	width:30%;
	float:left;
	display:inline;
 }
 #maincontent div.shopfrontitem:nth-of-type(3n+3){
	margin: 0 0 10px 0;
 }
 
@media (max-width: 1024px) {
	#maincontent div.shopfrontitem{
		padding:9px;
		background: #F3F2ED;
		font-size:85%;
		margin: 0 3% 10px 0;
		width:48.5%;
		float:left;
		display:inline;
	 }
 #maincontent div.shopfrontitem:nth-of-type(3n+3){
	margin: 0 3% 10px 0;
 }
  #maincontent div.shopfrontitem:nth-of-type(2n+2){
	margin: 0 0 10px 0;
 }
}

#maincontent div.shopfrontitem img{ display:block; margin: 10px auto 0 auto; width:100%; border-top: 1px solid #cccccc; padding: 10px 0;}
#maincontent div.shopfrontitem h2{
	margin:0 0 10px 0;
	font-size:110%;
	color:#44230F;
	font-weight: normal;
	background:#FFFFFF;
	padding:5px;
	text-transform: none;
	height:300px;
	overflow: hidden;
}
#maincontent div.shopfrontitem h2 a{
	color:#44230F;
	text-decoration: none;
}
#maincontent div.shopfrontitem h2 a:hover{
	color:#83431D;
	text-decoration: underline;
}
#maincontent div.shopfrontitem p{
	padding: 10px 0 0 0;
	margin:0 0 0px 0;
	clear:both;
}


#shoppaging ul{
	margin:0 0 5px 0;
	padding:0;
	text-align:center;
	clear:both;
}
#shoppaging li{ 
	display: inline;
	background:none;
}
#shoppaging span{
	color:#B65C36;
	text-decoration: none;
	padding:0 10px 0 0;
}
#shoppaging a{
	text-decoration: underline;
	color:#7D4922;
	padding:0 10px 0 0;
}
#shoppaging a:hover{
	color:#B75235;
	text-decoration: none;
}





.shop_item{
	margin-bottom:20px;
 }

.shop_item .shopcol1{
	width:30%;
	float:left;
	vertical-align: top;
	display: inline;
	margin:0 3% 0 0;
	clear:both;

}
.shop_item .shopcol2{
	width:66%;
	float:right;
	vertical-align: top;
	background: #F2F9F9;
	vertical-align: top;
	padding: 10px;
	display: inline;
}

.shopcol1 img{ width:100%;}
.shopcol2 input[type=image]{ width:200px; float:left;}

.shopcol2 form{ float:left; width:50%;}

.shopcol1 img.zoom{ width:auto;}

#shopsearch { background:#2C585F; padding:10px 20px; margin:0 0 10px 0;}
#maincontent #shopsearch h2{ color:#FFF; border-bottom: 1px solid #fff; text-align: center;}
#shopsearchsortform{background:#3D7983; padding:10px 20px; text-align:center; margin: 10px 0 0 0;}
#shopsearchsortform label{ color:#fff;}
#shopsearchsortform select{ padding:5px; width:50%; border: 1px solid #2C585F;}


#maincontent .breadcrumb ul li{ display: inline; background: url(/userfiles/images/arrowtop.png) no-repeat left top; padding: 0 10px 0 20px; }
#maincontent .breadcrumb ul li:first-child{ background: none; padding:0 10px 0 0;}
#maincontent .breadcrumb a{ color:#3D7983; text-decoration: none;}
#maincontent .breadcrumb a:hover{ color:#333333; text-decoration: underline;}
#maincontent .breadcrumb{ margin:0 0 15px 0;}


#maincontent #blognp li.blognp-prev { display: inline-block; width: 40%; float: left; background: url(/userfiles/images/arrow-left.jpg) no-repeat left 3px; padding: 0 0 0 20px; text-align: left; }
#maincontent #blognp li.blognp-next { display: inline-block; width: 40%; float: right; background: url(/userfiles/images/arrow-right.jpg) no-repeat right 3px; padding: 0 20px 0 0; text-align: right; }
#maincontent #blognp a { color:#3D7983; text-decoration: none;}
#maincontent #blognp a:hover {color:#333333; text-decoration: underline;}
#maincontent #blognp { margin:0 0 15px 0;}
#maincontent #blognp span.grey-text { color: #bcbcbc;}

p.content-dateShown { color: #666; font-style: italic; }


body.newsevents #maincontent .navcontent { width:100%; float:none; margin:0 0 15px 0 ; clear:both; border-bottom: 1px solid #C9C3BA; padding:0 0 15px 0;}

body.newsevents #maincontent .navcontent:last-child{ border-bottom: none;}

body.newsevents #maincontent .navcontent img{ float:left; width: 30%; }
body.newsevents #maincontent .navcontent h2{ 
	position:relative; 
	top:auto; 
	padding:0 0 0 0; 
	color:#333333; 
	font-size:110%; 
	margin:15px 0 0 0;  
	float: right;
	width: 65%; 
	border: none;
}

body.newsevents #maincontent .navcontent h2 .s1{ display: block; height:auto;}
body.newsevents	#maincontent .navcontent h2 .s2{ display: block; height:auto; padding:0;}
body.newsevents	#maincontent .navcontent h2 .s3{ display: none;}
body.newsevents	#maincontent .navcontent h2 br{ display:none;}
body.newsevents	#maincontent .navcontent h2.left{ text-align:left; padding: 0 0 0 0;}
body.newsevents	#maincontent .navcontent h2.right{ text-align:left; padding: 0 0 0 0;}

body.newsevents	#maincontent .navcontent h2.brownbg		{ background: none; }
body.newsevents	#maincontent .navcontent h2.lightbrownbg{ background: none; }
body.newsevents	#maincontent .navcontent h2.bluebg		{ background: none; }
body.newsevents	#maincontent .navcontent h2.greenbg		{ background: none; }
body.newsevents	#maincontent .navcontent h2.darkbluebg	{ background: none; }
body.newsevents	#maincontent .navcontent h2.darkgreenbg	{ background: none; }
body.newsevents	#maincontent .navcontent h2.midgreenbg	{ background: none; } 

body.newsevents #maincontent .navcontent a{ display:block; width:100%; height:100%;}
body.newsevents #maincontent .navcontent a:hover{ background:#f2f9f9;}
body.newsevents #maincontent .navcontent .links{ display: none;}
body.newsevents #maincontent .navcontent .excerpt, body.index #maincontent .navcontent .excerpt{ display: none;}
body.newsevents #maincontent .navcontent .navcontent_date{ display:block; font-style:italic; color:#666; font-size:85%; margin-bottom:5px;}

/*

body.newsevents #maincontent .navcontent { width: 47%; float:left;     margin: 0 4.8% 25px 0; clear: none; border: none; }
body.newsevents #maincontent .navcontent img{ float:none; width: 100%; }
*/

#maincontent .newscontent .navcontent_date{ display:block; font-style:italic; color:#666; font-size:85%; margin: -10px 0 5px 0;}

#maincontent img{ max-width:100%; height:auto !important;}

body.searchresults #maincontent .navcontent img{ width:15%; float:left; margin:10px 20px 10px 0;}
body.searchresults #maincontent .navcontent h2 .s1{ display: block; height:auto;}
body.searchresults #maincontent .navcontent h2 .s2{ display: block; height:auto; padding:0;}
body.searchresults #maincontent .navcontent h2 .s3{ display: none;}
body.searchresults #maincontent .navcontent h2 br{ display:none;}
body.searchresults #maincontent .navcontent h2.left{ text-align:left; padding: 0 0 0 0;}
body.searchresults #maincontent .navcontent h2.right{ text-align:left; padding: 0 0 0 0;}
body.searchresults #maincontent .navcontent h2.brownbg		{ background: none; }
body.searchresults #maincontent .navcontent h2.lightbrownbg	{ background: none; }
body.searchresults #maincontent .navcontent h2.bluebg		{ background: none; }
body.searchresults #maincontent .navcontent h2.greenbg		{ background: none; }
body.searchresults #maincontent .navcontent h2.darkbluebg	{ background: none; }
body.searchresults #maincontent .navcontent h2.darkgreenbg	{ background: none; }
body.searchresults #maincontent .navcontent h2.midgreenbg	{ background: none; } 


body.searchresults #maincontent .navcontent h2{ 
	position:relative; 
	top:auto; 
	padding:0; 
	color:#333333; 
	font-size:110%; 
	margin:0 0 0 0;  
	float: none;
	width: 100%; 
	border: none;
}
body.searchresults #maincontent .navcontent { width:100%; float:none; margin:0 0 0 0 ; clear:both; border-bottom: 1px solid #C9C3BA; padding:0 0 0 0;}
body.searchresults #maincontent .navcontent .links{ display: none;}
body.searchresults #maincontent .navcontent .excerpt{ display:block; font-style:italic; color:#666; font-size:85%; margin:0 0 10px 0;padding:0; float:left; width:75%;}
body.searchresults #maincontent .navcontent .excerpt p{ margin:0; padding:0;}

body.searchresults #maincontent .navcontent a{ display:block; width:75%; height:100%; padding:10px 0 10px 0; float:left;}
body.searchresults #maincontent .navcontent a:hover h2{ text-decoration: underline; color:#DC0058;}

.tableauPlaceholder{ margin:15px 0 30px 0;}


.childpaging {
    color: #666;
    margin-bottom: 20px;
}
#maincontent .childpaging li{display: inline-block; background:none !important; padding: 0 5px 0 0 !important; margin:0 0 10px 0; 	display: inline-block;
}
#maincontent .childpaging li a{
    display: block;
    padding: 5px 14px;
    margin-right: 4px;
    background: #2C585F;
    text-decoration: none;
    color: #fff;
	border-radius:3px;
}
#maincontent .childpaging li span.inactive{
    display: block;
    padding: 5px 14px;
    margin-right: 4px;
    background: #767676;
    text-decoration: none;
    color: #fff;
	border-radius:3px;
}

#maincontent .childpaging li span.inactive { color: #ffffff; }

#maincontent .childpaging li a:hover, #maincontent .childpaging li a:focus {
    background: #9A174B;
}
#maincontent .childpaging li.current a {
    border: solid 1px #DC0058;
    background: #DC0058;
    color: #fff;
	
}
.commentcontainer{ background:#F2F9F9; padding:10px 10px 10px 10px; margin:0 0 15px 0}
#maincontent .commentcontainer h2{color:#367B88;  font-size:120%; text-transform:uppercase; padding:0 0 3px 0; margin:0 0 5px 0;}
#maincontent .commentcontainer .commentdate{display:block; font-style:italic; color:#666; font-size:85%; margin:0 0 5px 0;padding:0; text-align: right;}
#maincontent .commentcontainer p{ margin:0 0 15px 0; }

#maincontent .commentformsuccess{
	background: #3D7983;
	padding: 5px 10px;
	color:#FFF;
	text-align: center;
	font-size:120%;
}
.commentformerror{	
	background: #990000;
	padding: 5px 10px;
	color:#FFF;
	text-align: center;
	font-size:120%;}
	


.greenwamsections{
	
	margin: 0 0 10px 0;	/*
	background: #FDFDEE;
	border: 2px solid #2C585F;
	padding: 20px;
	border-radius: 10px;
	margin:0 3% 10px 0;
	width: 48.5%;
	float:left;*/
}

.greenwamsubsections{
	/*background: #F8F9D9;
	border-radius: 10px;
	*/
	padding: 1px 0;
	
}

.bluewamsections{
	background: #F3F8F8;
	border: 2px solid #3D7983;
	padding: 20px;
	border-radius: 10px;
	margin: 0 0 10px 0;	/*width: 48.5%;
	float:left;*/
}

.bluewamsubsections{
	background: #E6EFF0;
	padding: 5px 20px;
	border-radius: 10px;
	margin: 0 0 10px 0;
	overflow: hidden;
}
.pinkwamsections{
	/*background: #F9EEEE;
	border: 2px solid #8C3333;
	padding: 20px;
	margin: 10px 0 10px 0;*/
	border-radius: 10px;
	
	clear:both;
}

.pinkwamsubsections{
	background: #F9EEEE;
	padding: 5px 20px;
	border-radius: 10px;
	margin:0 0 10px 0;
}
/*
#maincontent .pinkwamsections ul a{ 
	display: inline-block;
	padding: 5px 10px;
	background: #8C3333;
	text-transform: uppercase;
	margin: 0px 0 10px 5px;
	color:#FFF;
	text-decoration: none;
	font-size:85%;
}
*/
.greenwamsections input{/* background:#fff;*/}

span.wambuttonstyle{
	display: block;
	float: right;
	padding: 5px 25px;
	background: #DC0058;
	text-transform: uppercase;
	margin: 0px 0 10px 5px;
}
.newwambuttonstyle{
	display: inline-block;
	padding: 6px 25px;
	background: #DC0058;
	text-transform: uppercase;
	margin: 10px 0 10px 5px;
	font-size: 12px !important;
	color: #fff !important;
	text-decoration:  none !important; 
	border: 1px solid #DC0058;
	line-height: 175%;
}
.bluebutton{background: #24474D !important; border: 1px solid #24474D !important;}
.bluebutton:hover{background: #3D7983 !important; border: 1px solid #3D7983 !important;}
.inlinebutton{display: inline !important; width: auto !important; float: right !important;}
input[type="submit"].newwambuttonstyle{
	padding: 6px 25px;
	background: #DC0058;
	text-transform: uppercase;
	margin: 0px auto 10px auto;
	font-size: 12px !important;
	color: #fff !important;
	text-decoration:  none !important; 
	border: 1px solid #DC0058;
	width: auto;
	display: inline-block;
	float:  none;
	
}

span.wambuttonstyle.outline{background: none; border: 1px solid #DC0058; padding: 4px 24px; color:#DC0058 !important; }
.newwambuttonstyle.outline{
	background: none; border: 1px solid #DC0058; color:#DC0058 !important; 
}
.newwambuttonstyle:hover, input[type="submit"].newwambuttonstyle:hover{
	background: #AE0046;
	color: #fff !important;
	text-decoration:  none;
	border: 1px solid #AE0046;
}
#widgets span.wambuttonstyle.outline a{color:#DC0058 !important; }
span.wambuttonstyle:hover, #widgets span.wambuttonstyle a:hover{
	background: #AE0046;
	color: #fff !important;
}
#wamloginform{ text-align: center; margin: 0 0 30px 0; }
#wamloginform.valid8form input, #gotaquestionform input, #changepasswordform input{
    clear: both;
    width: 100% !important;
	max-width: 380px;
    margin: 0px auto 10px auto;
	float: none;
}
.wamaccount{ text-align: center; margin-bottom: 50px !important;}
.wamaccount span {display: inline-block; margin: 0px 0 10px 5px;}
.wamaccount span.wambuttonstyle{ float: none;}
#mcfw_right span.wambuttonstyle{ width:100%; text-align:center;}
#maincontent span.wambuttonstyle a, #widgets span.wambuttonstyle a{color:#FFF; text-decoration:none; font-size:12px;}
#maincontent span.wambuttonstyle.green{ background:#568043;}
#maincontent span.wambuttonstyle.green:hover{	background: #92BE7C;}
#wamemailbox{ background: #F8F9D9 url(../images/wam_email.png) no-repeat right center;}
#wamaccountbox{/* background: #F8F9D9 url( ../images/wam_account.png) no-repeat right center;*/}
#wamdatesbox{/* background: #F8F9D9 url(../images/wam_dates.png) no-repeat right center; */}
#wamdocsbox{background: #E6EFF0 url(../images/wam_docs.png) no-repeat right center;}
#wamuploadbox{background: #E6EFF0 url(../images/wam_upload.png) no-repeat right center;}


#maincontent ul#docsList li span.docDetails{
	font-size:85%;
}
#maincontent ul#docsList li span.wambuttonstyle{ margin-top:-17px}
#uploadDoc-submit{ margin:0 0 10px 0;}

#maincontent .specificFile_container ul{ margin:0;  padding:0;}
#maincontent .specificFile_container ul li{ background: none; padding:0;}

#maincontent .pinkwamsections > ul > li{
	background: #F5E2E2 url(none);
}
#maincontent .pinkwamsections > ul li{
	padding: 10px 10px 0 10px;
}
#maincontent .pinkwamsections > div.placementblock{
	border-top: 1px #666 solid;
	border-left: 1px #666 solid;
	border-right: 1px #666 solid;
	/*padding: 5px;*/
}
#maincontent .pinkwamsections a{color: #333; text-decoration:  none;}
#maincontent .pinkwamsections a:hover{text-decoration: underline;}
#maincontent .pinkwamsections > div.placementblock:last-of-type{
	border-bottom: 1px #666 solid;
	margin-bottom: 30px;
}


#maincontent div.placementblock p {
	margin: 15px 0;
}




#maincontent .pinkwamsections > ul li li{
	padding: 10px 10px 0 0px;
}
/*#maincontent .pinkwamsections p.jobAppSuccess{ margin:0 0 10px 0; color:#8C3333; text-align: center; font-weight: bold;}*/
#maincontent .pinkwamsections > ul li span.jobAppSuccess{ display: none;}
#maincontent .pinkwamsections > div.placementblock span.jobAppSuccess{ display:block; background:#8C3333; color:#FFF; text-transform: uppercase; margin:0 0 10px 0;}
#maincontent p.fileuploadcomplete{display:block; padding:5px 10px; color:#FFF; text-transform: uppercase; margin:  0 0 20px 0; color:#517A80; text-align:center; font-weight: bold;}

#cse-search-box label span, #cse-search-box-header label span{ position:absolute; width:0; height: 0; overflow:hidden;}

#passchangecomplete{ background:#FDFDEE; border:#2C585F 2px solid;   padding: 20px;   border-radius: 10px; margin: 0 0 10px 0; text-align: center;}

#unpwfail, .highlight, .notifyboxfail {background:#DC0058; padding: 15px;   border-radius: 10px; margin: 20px auto !important; text-align: center; color: #fff; width: 90%; display: block; min-width: 400px; clear: both; line-height: 20px;}

.notifyboxgood{ background:#39836F; padding: 15px;   border-radius: 10px; margin: 20px auto !important; text-align: center; color: #fff; width: 90%; display: block; min-width: 400px; clear: both; line-height: 20px;}

#unpwfail a, .highlight a, .notifyboxfail a, .notifyboxgood a{color: #fff !important; font-weight: bold;}
#unpwfail a:hover, .highlight a:hover, .notifyboxfail a:hover, .notifyboxgood a:hover{color: #fff !important; text-decoration: none !important;}

#topcookie {
	padding: 10px 20px;
	background: #3D7983;
	color: #ffffff;
	text-align: center;
}

#topcookie a {
	color: #ffffff;
	text-decoration: underline;
}

#topcookie a:hover {
	color: #ffffff;
	text-decoration: none;
}

#ilikecake{
	background: #fff;
	text-align: center;
	font-weight: normal;
	padding: 10px;
	font-size: 75%;
}
#ilikecake a{color:#666; text-decoration: none;}
#ilikecake a:hover{color:#000; text-decoration: none;}


.animationload {
    background-color: #fff;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}
.osahanloading {
    animation: 1.5s linear 0s normal none infinite running osahanloading;
    background: #2C585F none repeat scroll 0 0;
    border-radius: 30px;
    height: 30px;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
    position: absolute;
    top: 50%;
    width: 30px;
}
.osahanloading::after {
    animation: 1.5s linear 0s normal none infinite running osahanloading_after;
    border-color: #2C585F transparent;
    border-radius: 60px;
    border-style: solid;
    border-width: 10px;
    content: "";
    height: 60px;
    left: -15px;
    position: absolute;
    top: -15px;
    width: 60px;
}
@keyframes osahanloading {
0% {
    transform: rotate(0deg);
}
50% {
    background: #3D7983 none repeat scroll 0 0;
    transform: rotate(180deg);
}
100% {
    transform: rotate(360deg);
}
}
.pinkwamsections a{ text-decoration:underline;}
#maincontent .placementblock h3{
	color:#333; 
	padding:15px 0 15px 15px;
	margin: 0;
	background: #F1EFED;
}
#maincontent .placementblock.jobChosen h3{
	padding-left: 35px !important;
	background:url(/userfiles/images/wam_ticked.png) no-repeat left center;
	background-position-x: 15px;
}

.placementblock img{ float:right; margin:-10px 0 0 0;}
.placementblock input[type="text"]{/*border: 2px #F5E2E2 solid;*/ width:75%;}
.placementblock textarea{/*border: 2px #F5E2E2 solid*/; width:100%; height:90px; min-height:90px;}
.placementblock input[type="submit"], .placementblock input[type="button"]{ float: none; display:block; width:100%; margin:0 auto; 
/*padding:9px 12px;*/}

.placementblock input[type="submit"]{ 
	display:block; 
	margin:0 auto;
	text-align:left;
	text-decoration: none;
	/*-moz-box-shadow:inset 0px 1px 0px 0px #9acc85;
	-webkit-box-shadow:inset 0px 1px 0px 0px #9acc85;
	box-shadow:inset 0px 1px 0px 0px #9acc85;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #3b6e22;
	text-shadow:0px -1px 0px #2b665e;
	font-size:12px;
	font-weight:bold;
	background: #68a54b url(../userfiles/images/wam_confirm.png) right center no-repeat;
	padding:11px 23px 9px 23px; */
	cursor:pointer;
	color:#ffffff;
	}

.placementblock input[type="submit"].appformdisabled{ 
display:block; 
	margin:0 auto;
	/*-moz-box-shadow:inset 0px 1px 0px 0px #9acc85;
	-webkit-box-shadow:inset 0px 1px 0px 0px #9acc85;
	box-shadow:inset 0px 1px 0px 0px #9acc85;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #3b6e22;
	text-shadow:0px -1px 0px #2b665e;
	font-weight:bold;
	padding:11px 23px 9px 23px;
	*/
	cursor:not-allowed;
	color:#ffffff;
	text-decoration:none;
	font-size:12px;
	background: #DC0058; 
	text-align:left;
	border: none;
	padding:8px 12px;
}

.placementblock input[type="submit"].appformdisabled:hover{background: #DC0058 !important; }
.jobAppSuccess {
display:block; 
	margin:0 auto;
	text-align:left;
	text-decoration: none;
	-moz-box-shadow:inset 0px 1px 0px 0px #9acc85;
	-webkit-box-shadow:inset 0px 1px 0px 0px #9acc85;
	box-shadow:inset 0px 1px 0px 0px #9acc85;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #3b6e22;
	/*cursor:pointer;*/
	color:#ffffff;
	font-weight:bold;
	padding:11px 23px 9px 23px;
	text-decoration:none;
	text-shadow:0px -1px 0px #2b665e;
	text-align:left;
	font-size:12px;
	background: #68a54b url(../userfiles/images/wam_confirm.png) right center no-repeat; 
	text-align:left;
}

#maincontent .wambutton.downloads a{ 
	display:block; 
	margin:0 auto;
	text-align:left;
	text-decoration: none;
	-moz-box-shadow:inset 0px 1px 3px 0px #91b8b3;
	-webkit-box-shadow:inset 0px 1px 3px 0px #91b8b3;
	box-shadow:inset 0px 1px 3px 0px #91b8b3;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #566963;
	cursor:pointer;
	color:#ffffff;
	font-weight:bold;
	padding:11px 23px 9px 23px;
	text-decoration:none;
	text-shadow:0px -1px 0px #2b665e;
	text-align:left;
	font-size:12px;
	background: #768d87 url(none);
	text-align:left;
}

.placementblock input[type="submit"].upload{ 
	background: #768d87 url(../userfiles/images/wam_upload.png) right center no-repeat;
	-moz-box-shadow:inset 0px 1px 3px 0px #91b8b3;
	-webkit-box-shadow:inset 0px 1px 3px 0px #91b8b3;
	box-shadow:inset 0px 1px 3px 0px #91b8b3;
	border:1px solid #566963;
}
#maincontent .wambutton a{
	display: block;
	margin: 0 auto;
	text-align: left;
	text-decoration: none;
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #124d77;;
	cursor: pointer;
	color: #ffffff;
	font-weight: bold;
	padding: 11px 23px 9px 23px;
	text-decoration: none;
	text-shadow: 0px -1px 0px #2b665e;
	text-transform: uppercase;
	font-size: 12px;
	background: #007dc1;
}
.placementblock input[type="submit"]:hover{
	background-color:#53843C;
}
.placementblock input[type="submit"].appformdisabled:hover{
	background-color:#d1140a;
}

#maincontent .wambutton a:hover{
	background-color:#0061a7;
}
#maincontent .wambutton.downloads a:hover, .placementblock input[type="submit"].upload:hover{
	background-color:#5E716C;
}
#maincontent .wambutton a:active{
	position:relative;
	top:1px;
}


.h3jobChosen {
	background-color: #e9f1d9 !important;
}



.placementblock input[type="submit"].canceljob{ 
	background:#8C3333 url(../userfiles/images/wam_withdraw.png) right center no-repeat; 
	-moz-box-shadow:inset 0px 1px 0px 0px #cf866c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cf866c;
	box-shadow:inset 0px 1px 0px 0px #cf866c;
	border:1px solid #942911;
}
#mcfw_right .greenwamsubsections #deletemyWAMaccountform input[type="submit"].canceljob{ 
	background:#8C3333 url(../userfiles/images/wam_delete.png) right center no-repeat; 
	-moz-box-shadow:inset 0px 1px 0px 0px #cf866c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cf866c;
	box-shadow:inset 0px 1px 0px 0px #cf866c;
	border:1px solid #942911;
	width:100%;
	text-align:left;
	float:none;
}
.placementblock input[type="submit"].canceljob:hover{
	background-color:#702929;
}
#mcfw_right .greenwamsubsections #deletemyWAMaccountform input[type="submit"].canceljob:hover{
	background-color:#702929;
}
.placementblock input[type="button"].closejob{ background:#333 url(../userfiles/images/wam_close2.png) right center no-repeat;; color:#fff;text-transform: uppercase;    font-size: 80%; text-align:left;}
.placementblock form{ margin:0 auto;}
label.small{ width:25%;}
label.texta{font-size: 85%;}
.regular-checkbox {
	-webkit-appearance: none;
	-moz-appearance: none;
	background-color: #fafafa;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px !important;
	border-radius: 3px;
	display: inline-block;
	position: relative;
	float:right;
	margin: -10px 0 0 20px !important;
}
.regular-checkbox:active, .regular-checkbox:checked:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.regular-checkbox:checked {
	background-color: #e9ecee;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #99a1a7;
}
.regular-checkbox:checked:after {
	content: '\2714';
	font-size: 14px;
	position: absolute;
	top: 0px;
	left: 3px;
	color: #99a1a7;
}
.big-checkbox {
	padding: 18px !important;
	cursor: pointer;
}

.big-checkbox:checked:after {
	font-size: 28px;
	left: 6px;
}
label.cb{ display:inline;}
#maincontent p.space{ margin:50px auto; width:100%}
div.space{ margin:50px auto;}
div.space div{ margin:15px 0;}
#maincontent p.uploadDoc{ margin: 0 0 50px 0;}
#maincontent p.uploadDoc label{ width:50%; float:left;}
.placementblock input[type="file"]{ 
	float: left; 
	display:block; 
	width:50%; 
	margin:0 auto 15px auto;
	border-radius: 3px;
	background: #AE0046;
	color: #fff;
	padding: 4px 4px;
	border: none;
	cursor: pointer;
}




/*.placementblock:not(.jobChosen) .placementblockinner { display: none; }*/
.placementblock .placementblockinner { display: none; }









.placementblockinner{ width:90%; margin:20px auto 0px auto;}

#maincontent a.smallwambutton{ color:#FFF; text-decoration: none; padding:9px 10px; text-transform:uppercase; font-size:12px;}
#maincontent a.smallwambutton.red{background:#8C3333;}
#maincontent a.smallwambutton.red:hover{
	background: #A53D3D;
}
#maincontent a.smallwambutton.green{ background:#568043;}
#maincontent a.smallwambutton.green:hover{
	background: #92BE7C;
}
#maincontent #useDefaultCVcontainer li{ margin:20px 0;}

hr{border-top: 1px solid #768d87 !important;}
.bold, #maincontent h4{ font-weight: bold; font-size:13px;}
#maincontent .specificFile_container ul.docsListSpec{}

.colour-box {
	border-color: #909ea2;
	border-width: 1px;
	border-style: solid;
	width: 12px;
	height: 12px;
	float: left;
	margin: 10px 5px 5px 5px;
}
.colour-box:first-of-type{margin: 10px 5px 5px 0px;}

.font-size{
	
	cursor:pointer;
	padding-right: 5px;
	display:inline-block;
}



#accesscontrols{ width:100%; padding:0 0 10px 0;}
#accesscontrols span.colour{ position:absolute; width:0; height:0; overflow:hidden;}
#bgcolour{width:37%; float:left; padding: 0;}
#bgcolour a{ display:block; width:100%; height:100%;}
#textsize{width:23%; float:left; padding: 0; text-align:center;}
#textsize a{ color:#333;}
#textsize a:hover{
	color: #EE3169;
}
#__ba_launchpad{ width:40%; float:left; margin:0; text-align:right;}
@media (max-width: 750px) {
#accesscontrols{ width:100%; float:none;  margin:0 auto;}
#sitesearch{ width:70%; max-width: 370px; float:none; margin:10px auto; text-align:center;}
#sitesearch form { margin: 0 auto;}
}
@media (max-width: 500px) {
#accesscontrols{ width:90%; float:none;}
#bgcolour{width:60%;  margin-bottom:8px;}
#textsize{ width: 30%; float:right; margin-bottom:8px;}
#__ba_launchpad{ width:90%; float:none; clear:both; text-align:center;}
#sitesearch{ width:100%;  max-width: 370px; float:none; padding: 0 3%;}
.colour-box { float: none; display:inline-block;}
}





#maincontent ul.bxslider {
	width: 100%;
	position: relative;
	margin:0;
	padding:0;
	height:160px;
}
#maincontent ul.bxslider li{ position:absolute; top:0; width:100%; height:130px; margin:0; padding:0;}
#maincontent ul.bxslider li a{ display:block; width:100%; height:100%;}

#maincontent ul.bxslider .title{ 
	font-size:120%; 
	color:#FFF;
	text-shadow: 0px 3px 7px rgba(51,51,51,0.4);
	margin:0 0 0 0;
	line-height:100%;
	background:#3D7983; 
	padding:10px;
	display:inline-block;
	opacity:0.9;
}

.journalHighlight{ font-size:120%; color: #DC0058;}


.eventDate .eventDatebtn { 
	background: #3F747A;
	color: #fff;
	text-decoration: none;
	padding: 7px 5px 0px 5px;
	display:inline-block;
	width: 35px;
	height:35px;
	text-align: center;
	text-shadow: 0px 0px 2px rgba(150, 150, 150, 1);
}

.eventDate .eventDatebtn.start{ border-top-left-radius: 20px; border-bottom-left-radius: 20px; width: 100%; background:#518033;}
.eventDate .eventDatebtn.middle{ border-radius: 0px; width: 100%; background:#518033;}
.eventDate .eventDatebtn.end{ border-top-right-radius: 20px; border-bottom-right-radius: 20px; width: 100%; background:#518033;}

.eventDate .eventDatebtn.start.end{border-radius: 20px; width: 35px; background: #3F747A;}
.eventDate .eventDatebtn.multi{border: none !important; border-radius: 0px !important; background: url(/userfiles/images/events_calendar_multiple.jpg) no-repeat center center !important; width: 100% !important;}
.eventDate .eventDatebtn:hover{ 
	background:#DC0058 !important; 
	color: #fff; 
	text-decoration: none;
}
.eventDate .eventDatebtn.multi:hover{background: url(/userfiles/images/events_calendar_multiple_hover.jpg) no-repeat center center !important;}
table.calendar{ border-collapse: collapse; text-align: center;}
table.calendar td{ background: none; border: none; height:35px; width:35px;}
table.calendar th{background: none; border: none; height:35px; width:35px; text-align: center;}
table.calendar caption { text-align:center; font-weight: bold;}

.calendar-datenav-btn span{ position:absolute; width:0; height:0; overflow:hidden;}
#cdb-next.calendar-datenav-btn{ background: #2C585F; width:25px; height:25px; float:right; display:block;}
#cdb-back.calendar-datenav-btn{ background: #2C585F; width:25px; height:25px; float:left; display:block; }

#cdb-next.calendar-datenav-btn::after { content: '\00bb'; color: #fff; padding-left: 9px; }
#cdb-back.calendar-datenav-btn::after { content: '\00ab'; color: #fff; padding-left: 8px;}

#cdb-next.calendar-datenav-btn:hover, #cdb-back.calendar-datenav-btn:hover{ background:#DC0058; text-decoration:  none;}

#header1 h1{ margin:0 !important; padding:0 !important;}



#skiplink a{ position:absolute; width:0; height: 0; overflow: hidden; display:block;}
#skiplink a:focus{ width: auto; height:40px; padding:10px; text-align:center; color: #fff; background: #333; border: 2px dashed #fff; text-decoration: none; }


iframe { border: 0; clear:both; }


.imageleft, .moreinfo-container img.imageleft{ float:left !important; width: 33% !important; margin:0 20px 20px 0 !important; clear:both; height:auto !important; }
.imageright, .moreinfo-container img.imageright{ float:right !important; width: 33% !important; margin:0 0 20px 20px !important; clear:both; height:auto !important;}
.image, .moreinfo-container img.image{ width: 33% !important; margin:0 20px 20px 20px !important; height:auto !important;}

.imageleft50, .moreinfo-container img.imageleft50{ float:left !important; width: 50% !important; margin:0 20px 20px 0 !important; clear:both; height:auto !important;}
.imageright50, .moreinfo-container img.imageright50{ float:right !important; width: 50% !important; margin:0 0 20px 20px !important; clear:both; height:auto !important;}
.image50, .moreinfo-container img.image50{ width: 50% !important; margin:0 20px 20px 20px !important; height:auto !important;}

.imageleft150, .moreinfo-container img.imageleft150{ float:left !important; width: 150px !important; margin:0 20px 20px 0 !important; clear:both; height:auto !important;}
.imageright150, .moreinfo-container img.imageright150{ float:right !important; width: 150px !important; margin:0 0 20px 20px !important; clear:both; height:auto !important;}
.image150, .moreinfo-container img.image150{ width: 150px !important; margin:0 20px 20px 20px !important; height:auto !important;}

.imageleft200, .moreinfo-container img.imageleft200{ float:left !important; width: 200px !important; margin:0 20px 20px 0 !important; clear:both; height:auto !important;}
.imageright200, .moreinfo-container img.imageright200{ float:right !important; width: 200px !important; margin:0 0 20px 20px !important; clear:both; height:auto !important;}
.image200, .moreinfo-container img.image200{ width: 200px !important; margin:0 20px 20px 20px !important; height:auto !important;}


.hiliteblue{    
	padding: 15px;
    background: #F2F9F9;
    border: 2px solid #EBF5F5; 
	text-align:center;
	}



.bx-default-pager { padding-bottom: 17px; }
.bx-controls-auto { position: absolute; bottom: 15px; }


#tracksharemodal a{ text-decoration: underline;}


.blocker { z-index: 998; }
#tracksharemodal { z-index: 999; }

#tracksharemodal h1 { margin: 0 0 20px 0; font-size: 28px; margin-top: -27px}
#tracksharemodal p { margin: 0 0 10px 0; }
#tracksharemodal label { display: block; margin: 10px 0; }
#tracksharemodal input { width: auto; margin: 10px 5px 10px 0; }
#tracksharemodal input[type='submit'] { width: 100%; margin: 10px 0; }

@media (max-width: 500px) {
#tracksharemodal{
	max-width: 
}

}

#passwordResetForm{ width: 63%; margin: 0 auto;}
#passwordResetForm input, #passwordResetForm label{ float: none; display:  block; font-weight: normal; width: 100%;}
#passwordResetForm input[type='submit']{ float: none; display:  block; width: 100%;}
#maincontent p.formmessage{ padding: 10px; display: block; color: #fff; clear: both; text-align: center; width: 63%; margin: 25px auto 0 auto;}
#maincontent p.formfail{ background: #DC0058; }
#maincontent p.formsuccess{ background: #518032;}

#maincontent p.centeredsimple{width: 63%; margin: 25px auto 0 auto; text-align: center;}



#eventdate-filterform .wrapper {
    position: relative;
    display: block;
    min-height: 50px;
    width: 50%;
    float: left;
}
 
#eventdate-filterform .wrapper input {
    height: 40px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 40px;
}

#eventdate-filterform .wrapper input + label::before {
    border: 2px solid;
    content: "";
    height: 40px;
    left: 0;
    position: absolute;
    top: 0;
    width: 40px;
    color: #2C585F;
}

#eventdate-filterform .wrapper input + label::after {
    content: "";
    border: 4px solid;
    border-left: 0;
    border-top: 0;
    height: 20px;
    left: 14px;
    opacity: 0;
    position: absolute;
    top: 6px;
    transform: rotate(45deg);
    transition: opacity 0.2s ease-in-out;
    width: 12px;
     color: #518033;
}

#eventdate-filterform .wrapper input:checked + label::after {
    opacity: 1;
}

#eventdate-filterform .wrapper input:focus + label::before {
    box-shadow: 0 0 0 3px #ffbf47;
}

#eventdate-filterform label{
    margin-left: 50px;
    padding-top: 0px;
}


#calendar-datenav{ clear: both;margin-bottom:-20px; z-index: 1 !important;}

.calendarModal{ z-index: 3 !important}


.greenhighlight{padding: 10px; background: #6b9619; color: #fff;}
.greenhighlight a{color: #fff !important; }

.centre{ text-align: center;}




#osx-modal-content, #osx-modal-data {display:none;}

/* Overlay */
#osx-overlay {background-color:#000;}

/* Container */
#osx-container {background-color:#eee; color:#000; font: 16px/24px "Lucida Grande",Arial,sans-serif; padding-bottom:4px; width:600px; -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px; border-radius:0 0 6px 6px; -moz-box-shadow:0 0 64px #000; -webkit-box-shadow:0 0 64px #000; box-shadow:0 0 64px #000;}
#osx-container a {color:#339933;}
#osx-container #osx-modal-title {color:#000; background-color:#ddd; border-bottom:1px solid #ccc; font-weight:bold; padding:6px 8px; text-shadow:0 1px 0 #f4f4f4;}
#osx-container .close {display:none; position:absolute; right:0; top:0;}
#osx-container .close a {display:block; color:#777; font-weight:bold; padding:6px 12px 0; text-decoration:none; text-shadow:0 1px 0 #f4f4f4;}
#osx-container .close a:hover {color:#000;}
#osx-container #osx-modal-data {font-size:12px; padding:6px 12px;}
#osx-container h2 {margin:10px 0 6px;}
#osx-container p {margin-bottom:10px;}
#osx-container span {color:#777;}

.gotaquestion{
/*background: #F8F9D9; 
padding: 5px 20px; 
border-radius: 10px; 
margin:0 0 10px 0px;     
border: 2px solid #B2BB1C;
*/
}
#maincontent .questionbox ul li{ line-height:100%; padding:5px 0 5px 0px; margin:0 0 0 20px;  background: none; border-radius: 10px; font-weight: bold; list-style:circle;}
.triangle {
  width: 0;
  border-top: 20px solid #8C3333;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  cursor:pointer;
  margin:0 0 10px 140px;
}

.gotaquestion textarea{ width: 100%;
/*border-radius: 10px; border: 2px solid #8C3333; */ }
.triangle2 { /*background:url(/images/wam_arrow.png) no-repeat right top; height:20px; margin:-7px 0 0 0;*/
}

.gotaquestion  #gotaquestion_submit{ margin:0 0 20px 0;}
.gotaquestion input[type="submit"]{ /*float: none; background:#8C3333; border:#8C3333;*/}
#mydetails{ margin:0 0 20px 0;}
#maincontent .gotaquestion h2{ border: none;}
#deletemyWAMaccountform{ text-align: center;}


.disability_OngoingformError, .disability_MentalformError, .disability_LearningformError, .disability_SensoryformError, .disability_PhysicalformError { display: none !important; }

.valid8form div > p > input[type="radio"] {
    float: left;
    margin: 0 3% 0 37%;
	width: auto; }
	
	
.edItem {
	border: 1px dashed #cccccc;
	padding: 0px 20px 20px;
	margin: 0 0 20px 0;
}

.edItem_subject_other_container, .edItem_level_other_container { display: none; }

.table_radio {
	text-align: center;
	min-width: 70px;
}

#wam_table_detailsform_skills th {

	padding: 10px 5px;
}

#wam_table_detailsform_skills .title_cell {
	padding: 0 5px;
}

select {
	font-family:arial;
}

.ui-datepicker-calendar {
	display: none !important;
}









/* AT Styles */

body.fullwidth #maincontent {
	float: none;
	width: 100%;
}

body.fullwidth #widgets {
	display: none;
}





.at-result.hide_at { display: none; }




#at-filters { margin: 20px 0 30px 0; }

#at-filters ul.nostyle { text-align: center; }

#at-filters ul.nostyle, #showatchoices-cell ul.nostyle { margin: 0;	}

#maincontent #at-filters ul.nostyle li {
	list-style-type: none !important;	
	display: inline-block;
	margin: 0 10px 10px 0;
}

#maincontent .showatchoices-cell ul.nostyle li {
	list-style-type: none !important;	
	display: inline-block;
	margin: 0 10px 0 0;
	font-size: 18px;
	color: #37a17a;
}

/*
#maincontent .showatchoices-cell ul.nostyle li:not(:last-of-type)::after {
	content: "|";
	color: #000;
	margin-left: 10px;
}
*/


#maincontent .at-results-detail-item {
	background: #70c8b2;
	display: inline-block;
	padding: 6px 12px;
	border-radius: 25px;
	font-size: 14px;
	color: #000;
	text-decoration: none;
	position: relative;
	border: 2px solid #333;
	line-height: 100%;
	transition: all 0.5s;
}
#maincontent .at-results-detail-item:hover{
	background: #fff;
}
#maincontent .at-results-row .at-results-detail-item {
	background: none;
	border-radius: 0;
	font-weight: 600;
	padding: 0 6px;
	border: none;
}


#maincontent .atrd-filter-option:before, #maincontent .atrd-filter-device:before, #maincontent .atrd-filter-account:before {
  content: "\1F5F9\0020";
}

#maincontent .atrd-filter-option.atrd-filter-hidden:before, #maincontent .atrd-filter-device.atrd-filter-hidden:before, #maincontent .atrd-filter-account.atrd-filter-hidden:before {
  content: "\1F5F5\0020";
}


#maincontent .at-results-detail-item.atrd-filter-hidden {
	background: #dddddd;
}

#maincontent span.at-results-detail-item { margin: 0 10px 10px 0; }
#maincontent a.at-results-detail-item { margin: 0 10px 14px 0; }
/*#maincontent a.at-results-detail-item.ardi-selected { text-decoration: underline; }*/

#maincontent .at-results-detail-item-all { background: #f9a253; }
#maincontent .at-results-detail-item-free { background: #ff9ba5; }
#maincontent .at-results-detail-item-free_basic { background: #70b6c8; }
#maincontent .at-results-detail-item-trial { background: #fff59b; }
#maincontent .at-results-detail-item-pay { background: #c5ca3a; }

#maincontent .at-results-detail-item.ardi-selected:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -15px;
	transform: translate(-50%, 0);
	border-style: solid;
	border-width: 15px 15px 0;
	display: block;
	width: 0;
	z-index: 1;
}

#maincontent .at-results-detail-item-all.ardi-selected:after { border-color: #333 transparent; }
#maincontent .at-results-detail-item-free.ardi-selected:after { border-color: #333 transparent; }
#maincontent .at-results-detail-item-free_basic.ardi-selected:after { border-color: #333 transparent; }
#maincontent .at-results-detail-item-trial.ardi-selected:after { border-color: #333 transparent; }
#maincontent .at-results-detail-item-pay.ardi-selected:after { border-color: #333 transparent; }



#at-results { margin: 20px 0;  }

.at-result { padding: 20px 0 20px 0; border-bottom: none; }

.at-result-category { float: left; width: 30%; padding: 10px 30px 10px 0px; text-align: center; }
.at-result-info { float: left; width: 35%; padding: 10px 30px 10px 30px; }
.at-result-details { float: left; width: 35%; padding: 10px 0 10px 30px; display: table; }



#maincontent .at-result-category img { width: 100%; border-radius: 20px; }
#maincontent .at-result-category p { font-size: 24px; margin: 5px 0; }

@media (max-width: 900px) {
	.at-result-category { float: none; width: 100%; padding: 10px 30px 10px 30px; text-align: left; }
	.at-result-info { float: none; width: 100%; padding: 10px 30px 0px 30px; }
	.at-result-details { float: none; width: 100%; padding: 0px 0 10px 30px; display: table; }
	#maincontent .at-result-category img { width: 250px; border-radius: 20px; }
}

#maincontent .at-result-info h2 { margin-top: 0; border: none; font-size: 24px; text-transform: none; }

#maincontent .at-tellmemore-button a { 
	display: block; 
	padding: 6px 12px; 
	border-radius: 25px; 
	border: 2px solid #000; 
	background: #000; 
	text-decoration: none; 
	color: #fff;
	transition: all 0.5s;
}
#maincontent .at-tellmemore-button a:hover { 
	background: #fff; 
	color: #000; 
	border: 2px solid #000;
}

.at-results-row { display: table-row; border-bottom: none !important; }
.at-results-header-cell { display: table-cell; font-weight: normal; padding: 6px 10px 6px 0; border-bottom: none; width: 1%; white-space: nowrap; }
.at-results-cell { display: table-cell; padding: 6px 0 6px 0; border-bottom:none; }
.at-results-header-cell.noborder, .at-results-cell.noborder { border: none; }

#maincontent p.at-results-cell{line-height: 125%;} 


#showatchoices { display: table; border-left: 1px solid #000; padding-left: 0px; margin-top: 10px;width: 100%; }
.showatchoices-row { display: table-row; background: #EDEDEB; padding: 10px 20px 10px 10px; }
.showatchoices-row:nth-of-type(even){background: #DEDFDB;}
.showatchoices-header { display: table-cell; font-weight: bold; padding: 5px 30px 5px 0; width: 160px !important; font-size: 14px !important;}
.showatchoices-cell { display: table-cell; }

#maincontent p.showatchoices-header{padding: 20px;}
.at-step-grid { display: table; }

.at-step-grid-box {

	float:left;
	/*width: 26.6%;*/
	width: 45%;
	margin: 10px 10% 10px 0;
	text-align: center;
	background: #fff;
}
.at-step-grid-box input[type="text"]{ background: #fff; border-radius: 6px; border: none; border: 2px solid #000; padding: 5px 8px 4px 8px;}
.at-step-grid-box button{ background: #000; border-radius: 6px; color: #fff; padding: 4px 15px 4px 15px; border: 2px solid #000; margin-left: 5px;}
.at-step-grid-box button:hover{border: 2px solid #fff;}

.at-step-grid-box-inner { background: #ff9ba5; 	padding: 10px; border-radius: 25px; min-height: 296px;}


/*.at-step-grid-box:nth-of-type(3n) { margin-right: 0; width: 26.7% }*/
.at-step-grid-box:nth-of-type(2n) { margin-right: 0; }

#maincontent .at-step-grid-box a { color: #000; text-decoration: none; }

#maincontent .at-step-grid-box h3 { font-weight: bold; color: #000; font-size: 24px; }

#maincontent .at-step-grid-box p { color: #000;  }
#maincontent .at-step-grid-box:not(#at-step-2-container) p { margin-top: 34px; margin-bottom: 40px; }

.at-step-image { margin: 20px 0; display: block;  height: 100px; }
.at-step-image.option1{ background: url(/userfiles/images/ATimages/icon_option1.svg) no-repeat center center;}

.at-step-image.option2{ background: url(/userfiles/images/ATimages/icon_option2.svg) no-repeat center center;}
.at-step-image.option3{ background: url(/userfiles/images/ATimages/icon_option3.svg) no-repeat center center;}

a.at-step-button:hover .at-step-image.option1, a.at-step-button:focus .at-step-image.option1{ background: url(/userfiles/images/ATimages/icon_option1_hover.svg) no-repeat center center;}
a.at-step-button:hover .at-step-image.option2{ background: url(/userfiles/images/ATimages/icon_option2_hover.svg) no-repeat center center;}
a.at-step-button:hover .at-step-image.option3, a.at-step-button:focus .at-step-image.option3{ background: url(/userfiles/images/ATimages/icon_option3_hover.svg) no-repeat center center;}

.at-step-image.option2.focused {

	background: url(/userfiles/images/ATimages/icon_option2_hover.svg) no-repeat center center;
}


.at-questions-progressbar {

	background: #dfdada;
}

.at-pbar-q1, .at-pbar-q2, .at-pbar-q3 {
	padding: 15px 30px;
	margin: 0 !important;
	width: 33.3%;
	float: left;
}
.at-pbar-q3 { width: 33.4%; }

/*
#at-pbar-q2 { width: 66%; }
#at-pbar-q3 { width: 100%; }
*/

.atq-active { 
	background: #70c8b2;
	border: 2px solid #599f8d;
}

.at-options-grid, .at-devices-grid {
	padding: 0 10%;
}

.at-accounts-grid {
	/*padding: 0 25%;*/
	padding: 0 10%;
}

.at-option-grid-box, .at-device-grid-box, .at-account-grid-box {

	float: left;
	/*width: 25%;
	background: #fafafa;*/
	width: 33.3%;
	margin: 20px 0;
	padding: 0 10px;
	text-align: center;

}

/*.at-account-grid-box { width: 50%; }*/

/*.at-account-grid-box:nth-of-type(2n+1) { clear: both; }*/
.at-option-grid-box:nth-of-type(3n+1), .at-device-grid-box:nth-of-type(3n+1), .at-account-grid-box:nth-of-type(3n+1) { clear: both; }



/*
@media (max-width: 700px) {
	.at-option-grid-box { width: 33.3%; }
	.at-option-grid-box:nth-of-type(4n+1) { clear: none; }
	.at-option-grid-box:nth-of-type(3n+1) { clear: both; }
}

@media (max-width: 520px) {
	.at-option-grid-box { width: 50%; clear: none; }
	.at-option-grid-box:nth-of-type(4n+1) { clear: none; }
	.at-option-grid-box:nth-of-type(3n+1) { clear: none; }
	.at-option-grid-box:nth-of-type(2n+1) { clear: both; }
}
*/

.at-option-button, .at-device-button { display: block; }


.at-button-container {
	text-align: center;
}

#maincontent .at-back-button {
	width: 300px;
	max-width: 50%;
	display: inline-block;
	margin: 20px auto;
	padding: 20px 20px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 120%;
	background: #e1737e;
	color: #fff;
	transition: all 0.5s;
}

#maincontent .at-submit-button {
	width: 300px;
	max-width: 50%;
	display: inline-block;
	margin: 20px auto;
	padding: 20px 0;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 120%;
	background: #4A8073;
	color: #fff;
	transition: all 0.5s;
}
#maincontent .at-back-button:hover, #maincontent .at-submit-button:hover{
	background: #000;
	color: #fff !important;
}


/*
#maincontent .at-submit-button:hover {
	background: #70c8b2;
	color: #fff;
}
*/
#maincontent a.at-submit-button.disabledAnchor {
	background: #dedede;
	color: #999999 !important;
}
#maincontent a.at-submit-button.disabledAnchor:hover {
	background: #dedede;
	color: #999999 !important;;
	cursor: not-allowed;
}


.greyspacer { padding: 50px 15%; border-top: 50px solid #eeeeee; }

.video-container {
	width: 70%;
	margin: 0 15%;
	position: relative;
	padding-bottom: 40%; /* 16:9 ie 70%(width of container) / 16 x 9*/
	height: 0;
}
.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 20px;
	overflow: hidden;
}

.at-steps-grid { margin: 20px 0 30px; }

@media (max-width: 700px) {

	/*.at-accounts-grid { padding: 0 15%; }*/

	.at-option-grid-box, .at-device-grid-box, .at-account-grid-box { width: 50%; }
	.at-option-grid-box:nth-of-type(3n+1), .at-device-grid-box:nth-of-type(3n+1), .at-account-grid-box:nth-of-type(3n+1) { clear: none; }
	.at-option-grid-box:nth-of-type(2n+1), .at-device-grid-box:nth-of-type(2n+1), .at-account-grid-box:nth-of-type(2n+1) { clear: both; }

	#maincontent .at-back-button, #maincontent .at-back-button { width: 45%; }

	.greyspacer { padding: 50px 0; }

	.video-container {
		width: 100%;
		margin: 0;
		padding-bottom: 56.25%; /* 16:9 ie 70%(width of container) / 16 x 9*/
	}


}



#maincontent .at-option-grid-box a.at-option-button img, 
#maincontent .at-device-grid-box a.at-device-button img,
#maincontent .at-account-grid-box a.at-account-button img
{ opacity: 0.8; transition: all 0.5s;}
#maincontent .at-option-grid-box a.at-option-button-selected img, 
#maincontent .at-device-grid-box a.at-device-button-selected img,
#maincontent .at-account-grid-box a.at-account-button-selected img
{ opacity: 1;}
#maincontent .at-option-grid-box a.at-option-button img:hover, 
#maincontent .at-device-grid-box a.at-device-button img:hover,
#maincontent .at-account-grid-box a.at-account-button img:hover
{opacity: 1;}

#maincontent .at-detect-device-button {
    width: 600px;
    max-width: 100%;
    display: inline-block;
    margin: 20px auto;
    padding: 20px 20px;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-size: 120%;
    background: #34c0eb;
    color: #000;
	transition: all 0.5s;
}
#maincontent .at-detect-device-button:hover {
    background: #000;
    color: #fff !important;
}

#container #navAThive { display: flex;  width: 100%; margin: 0 0 30px 0; }

#container #navAThive ul { display: flex; flex-grow: 1; width: 100%; max-width: 100%; margin: 0; }

#container #navAThive ul li { flex-grow: 1; margin: 0; text-align: center; display: block;  }

#container #navAThive ul li:first-of-type { border: 0;  }


#container #navAThive ul li a { background: #ff9ba5; color: #333; display: block; color: #333; padding: 25px 2px; text-decoration: none; font-size: 16px; 
border-top: solid 1px #000; 
border-bottom: solid 1px #000; 
border-right: solid 1px #000; 
min-height: 100%;
}
#container #navAThive ul li:first-of-type a {
	border-top-left-radius: 35px; 
	border-bottom-left-radius: 35px; 
	border-left: solid 1px #000; 
}
#container #navAThive ul li:last-of-type a {
	border-top-right-radius: 35px; 
	border-bottom-right-radius: 35px; 
}
#container #navAThive ul li a:hover { background: #b5636b; color: #ffffff;  }



#container #navAThive li.current a { background: #944950; color: #ffffff; }

#container #navAThive li.at-link-backtoahead a { background: #70c8b2; color: #333333; }
#container #navAThive li.at-link-backtoahead a:hover { background: #4b907e; color: #ffffff; }

@media (max-width: 700px) {

	#container #navAThive ul li a { padding: 30px 2px; text-decoration: none; font-size: 15px; }

	#container #navAThive ul li:first-of-type a {
		border-top-left-radius: 10px; 
		border-bottom-left-radius: 10px; 
	}
	#container #navAThive ul li:last-of-type a {
		border-top-right-radius: 10px; 
		border-bottom-right-radius: 10px; 
	}


}

/* End AT Styles */




body.events #maincontent .eventslistexcerptcontainer p { margin: 0; }
body.events #maincontent ul.eventstagsul { margin: 10px 0; padding: 0; }
body.events #maincontent ul.eventstagsul li { font-size: 13px; padding: 4px 10px; margin: 0 6px 6px 0; border-radius: 10px; }
body.events .navcontent .navcontent_date { color: #0a7ecc; }


.notification{ 
	background:#DC0058;
	padding: 15px;
	color: #fff;
	text-align: center;
}

#maincontent a.outlinebutton{ 
	border: 1px solid #fff; 
	color: #fff;
		display: inline-block;
	padding: 6px 25px;
	text-transform: uppercase;
	text-decoration: none;
	margin: 15px auto 5px auto;
	transition: all 0.5s;
	font-size: 12px !important;
	background:#DC0058;
}
#maincontent a.pinkoutlinebutton{ 
	border: 1px solid #DC0058; 
	color: #DC0058;
		display: inline-block;
	padding: 6px 25px;
	text-transform: uppercase;
	text-decoration: none;
	margin: 15px auto 5px auto;
	transition: all 0.5s;
	font-size: 12px !important;
	background:#fff;
}

#maincontent a.filledbutton{ 
	border: 1px solid #590024; 
	color: #fff;
	background:#590024;
		display: inline-block;
	padding: 6px 25px;
	text-transform: uppercase;
	text-decoration: none;
	margin: 15px auto 5px auto;
	transition: all 0.5s;
	font-size: 12px !important;
}
#maincontent a.filledbutton:hover, #maincontent a.outlinebutton:hover, #maincontent a.pinkoutlinebutton:hover{ 
	color: #DC0058;
	background: #fff;
	border: 1px solid #fff;
}
#maincontent a.pinkoutlinebutton:hover{ 
	background: #DC0058;
	color: #fff;
	border: 1px solid #DC0058;
}

#wam-event-registration-form label{
	display: block;
	margin: 10px 0 0 0;
}
#wam-event-registration-form select{
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;       /* Remove default arrow */
   background: #F1EFED url(/userfiles/images/selectdownarrow.png) no-repeat right center;   /* Add custom arrow */
   padding: 6px 6px 7px 6px;
   width: 63%;
}
#wam-event-registration-form input[type=submit]{
	display: block;
	clear: both;
	float: none;
	margin-top:20px;
	width: 63%;
}
#wam-event-registration-form input[type=submit]:hover{
	background: #24474D;
}



.ad-gallery .ad-image-wrapper .ad-image .ad-image-description{color: #333 !important}

input#sortformsubmit {
    border: 2px solid #ffffff;
    background: #538133 !important;
    margin-top: -5px;
}
input#sortformsubmit:hover {

    background: #DC0058 !important;

}