/****** FILE: themes/ais/css/reset.css *****/
/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote { 
	margin:0;
	padding:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
/*ol,*/ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
br {font-size: 0}

/****** FILE: themes/ais/css/base.css *****/
/* CSS Document */

/* Chris Bolt - added a default line-height */
body {
	line-height: 1.2em;	
}
body * {
	line-height: inherit;
}
/* inline styles should inherit their line height */
span, cufon, strong, em, a, b, i {
	line-height: inherit;	
}
/* input elements should not have such a high line-height */
input, select, textarea {
	line-height: normal;	
}
/* End CHris Bolt

/* base.css, part of YUI's CSS Foundation */
h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;  
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
	font-style: inherit;
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
	font-weight: inherit;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol {
	/*giving OL's LIs generated numbers*/
	/*list-style: decimal outside;	*/
}
ul {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
	margin-left: 1.4em;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	/*border:1px solid #000;
	padding:.5em;*/
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated marking to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table {
	/*so things don't run into each other*/
	margin-bottom:1em;
}

/* Chris Bolt, added fix for image positioning */
img, iframe {
	vertical-align: bottom;
}

/* Chris Bolt, added fix for outlines */
a:focus, button:focus { 
    outline: none; 
}

/* add HTML 5 defaults */
video {
	background-color: #000;	
}
textarea,
input,
select {
  margin: 0;
  vertical-align: bottom;
}

/* br tags are funny in some browsers ?? */
br {
	font-size: 0;
	line-height: 0;	
}

/****** FILE: themes/ais/css/layout.css *****/
/* CSS Document */

/*
Red: R226 G0 B38 #E20026
Orange: R246 G168 B0  #F6A800
Text: R62 G62 B62  #3E3E3E
Dark Grey: R88 G88 B88  #585858 - used on keylines
Light Grey: R136 G136 B136  #888888 - ??????
*/

body {
	margin: 0 auto 20px auto;
	padding: 0;
	
	font-family: Arial, Helvetica, sans-serif;
	color: #3E3E3E;
	font-size: 13px;
	
	background: #fff;
	
	width: 940px;
}

/* header
------------------------------------------------- */
#Header {
	position: relative;	
}


/* social links */
ul.socialLinks {
	margin: 0;
	padding: 0;
	font-size: 0;	
	
	max-height: 39px; overflow: hidden;  /* fix ie issue */
}
ul.socialLinks li {
	display: inline;
}
ul.socialLinks li a {
	display: inline-block;
	color: inherit;
	text-decoration: none;
	margin: 0;
}
#Header ul.socialLinks {
	float: right;
	margin: 0 0 0 32px;
	position: relative;
	top: 3px;
	
	height: 23px; overflow: hidden; /* fix ie issue */
}


/* logo */
#Logo {
	position: absolute;	
	top: 37px;
	left: 22px;
	z-index: 3;
}
#Logo a {
	display: block;
	background: url(../images/crie-logo.png) 0 0 no-repeat;
	width: 309px;
	height: 107px;	
	text-indent: -1000px;
	overflow: hidden;
}
#Logo2 {
	position: absolute;	
	top: 37px;
	left: 22px;
	z-index: 3;
}
#Logo2 a {
	display: block;
	background: url(../images/ojie-logo.png) 0 0 no-repeat;
	width: 309px;
	height: 107px;	
	text-indent: -1000px;
	overflow: hidden;
}

/* Slideshow */
#HeaderImage {
	text-align: right;
	height: 196px;
	overflow: hidden;
	position: relative;
	width: 100%;
	margin: 0;
}
#HeaderImage a {
	display: block;
}
#Slideshow {
	width: 508px;
	height: 196px;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
}
#Slideshow img {
}
#SlideshowPager {
	position: absolute;
	bottom: 3px;
	right: 12px;
	z-index: 100;	
}
#SlideshowPager a {
	display: inline-block;
	text-indent: -100px;
	overflow: hidden;
	border-radius: 50%;
	width: 10px;
	height: 10px;
	margin-left: 5px;
	background-color: #F6A800;
	color: #F6A800;		
}
#SlideshowPager a.activeSlide {
	background-color: #fff;
	color: #fff;
}

/* Search */
#Search {
	position: absolute;
	right: 0;
	z-index: 100;
	top: 225px;
}
#Search form {
	padding: 6px 0 0 6px;
	height: 22px;
	width: auto !important;
	background: #E20026 url(../images/navigation-lowres.png) 149px -84px no-repeat;
}
#Search form * {
	margin: 0;
	padding: 0;
	float: none;
	width: auto;
	display: initial;	
}
#Search span {
	display: none;	
}
#Search input {
	width: 132px;
	font-size: 11px;
	border: 0;
	padding: 2px;	
}
#Search button {
	background: transparent;
	text-indent: -1000px;
	overflow: hidden;
	border: 0;
	width: 33px;
	cursor: pointer;	
}


/* Navigation
------------------------------------------------------ */
#Header nav {
	height: 60px;
}
.navHeading {
	display: none;
}
ul.mainNav {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: Ubuntu, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
ul.mainNav.row1 {
	height: 28px;	
	background: #b81723;
	border-bottom: 3px solid #F6A800;
	color: #fff;
}
ul.mainNav.row2 {
	height: 28px;
	color: #E20026;
	text-align: right;
}
ul.mainNav li a {
	color: inherit;
	text-decoration: none;
}
ul.mainNav li.level1 {
	display: inline-block;
	position: relative;
}
ul.mainNav a.level1 {
	padding: 7px 0 0 0;
	margin: 0 0 0 15px;
	display: inline-block;
}

/* home icon */
ul.mainNav.row1 li.homeLink a.level1 {
	width: 18px;
	text-indent: -1000px;
	content: "";
	background: url(../images/navigation-lowres.png) -2px -53px no-repeat;
	margin-left: 9px;
}
ul.mainNav.row1 li.pos2 a.level1 {
	margin-left: 11px;
}

/* level 1 row 1 */
ul.mainNav.row1 li a.level1 {
	height: 24px;
}
ul.mainNav.row1 a.level1:hover,
ul.mainNav.row1 li.level1.current a.level1,
ul.mainNav.row1 li.level1.section a.level1 {
	border-bottom: 3px solid #F6A800;
}
/* level 1 row 2 */
ul.mainNav.row2 a.level1 {
	height: 23px;
}
ul.mainNav.row2 a.level1:hover,
ul.mainNav.row2 li.level1.current a.level1,
ul.mainNav.row2 li.level1.section a.level1 {
	border-bottom: 3px solid #585858;
}

/* drop downs */
/* Level 2*/
ul.mainNav li:hover ul {
	display:block;
}
ul.mainNav ul.level2 {
	position: absolute; /*--Important--*/
	left: 6px;
	top: 29px;
	z-index: 2;
	display: none;
	white-space: nowrap;
	margin: 0;
	padding: 0 10px;
	list-style: none;
	color: #fff;
	font-weight: 500;
}
ul.mainNav.row1 li.pos2 ul.level2 {
	left: 1px;	
}
ul.mainNav.row1 ul.level2 {
	background: #F6A800;
}
ul.mainNav.row2 ul.level2 {
	background: #585858;
	text-align: left;
}
ul.mainNav a.level2 {
	display: block;
	padding: 5px 10px 5px 0;
}

/* level2 row 1 */
ul.mainNav.row1 a.level2 {
	border-top: 1px solid #F58220;
}
/* level2 row 2 */
ul.mainNav.row2 a.level2 {
	border-top: 1px solid #888;
}

ul.mainNav li.level2:first-child a.level2 {
	border-top: 0 !important;	
}
ul.mainNav ul.level2 a:hover,
ul.mainNav ul.level2 li.current > a,
ul.mainNav ul.level2 li.section > a {
	font-weight: bold;
}

ul#jieb-menu li {
	list-style: none;
	padding:10px;
	background-color:#faa61a;
	margin: 5px;
}
ul#jieb-menu li a{
	color:#fff;
	font-family: Ubuntu, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
ul#jieb-menu ul li a{
	color:#000;
	font-weight: normal;
	font-size: 13px;
	text-transform: none;
	letter-spacing: normal;
}


/* footer
--------------------------------------------- */
#Footer {
	clear: both;	
}
#Footer ul.secondaryLinks {
	display: none;
	clear: both;
}
#Footer ul.socialLinks {
	float: left;
	padding-top: 3px;	
}

ul.signOff {
	margin: 0;
	padding: 17px 0 0 0;
	list-style: none;
	border-top: 2px solid #E20026;
	text-align: right;	
	font-size: 11px;
	line-height: 11px;
}
ul.signOff li {
	display: inline-block;	
	border-left: 1px solid #E20026;
	padding: 0 0 0 10px;
	margin: 0 0 0 7px;
}
ul.signOff li:first-child {
	border-left: 0;
	padding-left: 0;
	margin-left: 0;
}
ul.signOff li a {
	color: inherit;
	text-decoration: none;
}


/* content 
-------------------------------------------- */

#hor-zebra {
	min-width: 550px;
	text-align: left;
	border-collapse: collapse;
	margin-top:20px;
}
#hor-zebra th {
	font-size: 13px;
	font-weight: normal;
	padding: 10px 8px;
	color: #fff;
	background: #faa61a;
	text-align:left;
}
#hor-zebra td {
	padding: 8px;
	color: #555;
}
#hor-zebra .odd {
	background: #eee;
}



a.pdf {
	color: #555;
	padding: 0 18px 0 0;
	background: url(../images/pdf_icon2.gif) no-repeat right bottom;
}
a.pdf:hover, a.pdf:focus {
	color: #b31c2d;
}
/* layout container */
#Layout {
	border-top: 1px solid #585858;	
	clear: both;
	min-height: 200px;
	padding: 12px 0 0 0;
}
#Layout img {
	max-width: 100%;
	height: auto;	
}
/* rows and columns base styling */
.row {
	clear: both;	
}
.leftCol {
	width: 555px;
	float: left;
}
.rightCol {
	width: 365px;
	float: right;
	margin-top: 33px;
	overflow: hidden;
}

/* content list, used on several pages */
ul.contentList {
	margin: 0;
	padding: 0;
	list-style: none;	
}
ul.contentList > li {
	border-top: 2px solid #E20026;
	margin-bottom: 13px;
	padding-top: 13px;
	clear: left;
}
/* other lists */
ul.subList, ul.subList2, .typography ul ul.subList2 {
	margin: 0 0 1em 0;
	padding: 0;
	list-style: none;	
}
/* More less, next prev */
p.more a, 
a.more, 
.expandingList li a.question,
a.prev,
a.next {
	/* need to reset inherited values from h2  when used in  expanding list */
	line-height: 1.3em;
	
	font-family: Ubuntu, Arial, Helvetica, sans-serif;
	color: #E20026;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	display: inline-block;
	padding: 0 19px 2px 0;
	background: url(../images/navigation-lowres.png) 100% -149px no-repeat;
}
.typography a.question:hover {
	text-decoration: none;	
}
/* expanding list, testimonials page, faq page etc */
.expandingList > li {
	position: relative;
	padding-bottom: 1px;	
}
.expandingList > li .hasQuestion {
	/*cursor: pointer;*/
	padding-right: 60px;	
}
.expandingList > li a.question {
	cursor: pointer;
	display: block;
	position: absolute;
	top: 10px;
	right: 0;
}
.expandingList > li.simpleFAQShowing a.question {
	background-position: 100% -195px;
}
.expandingList > li .synopsis {
	display: block;
}
.expandingList > li.simpleFAQShowing .synopsis {
	display: none;
}
.expandingList > li h2.hasQuestion
 {
	margin-bottom: -7px;	
}
/* pagination, used on several pages */
#PageNumbers {
	margin-top: 13px;
	border-top: 2px solid #E20026;	
	margin-bottom: 13px;
	padding-top: 13px;
}
#PageNumbers span a {
	color: inherit;	
}
#PageNumbers span span {
	color: #E20026;
	font-weight: bold;
}
a.next {
	padding-left: 8px;
}
a.prev {
	padding-right: 8px;
	padding-left: 19px;
	background-position: 0 -172px;
}

/* Template 2, 2 column page with right modular column */
.module {
	border-top: 2px solid #E20026;
	margin: 0 0 0 0;
	padding: 19px 0 0 0;
}
.module.promoModule {
	margin-bottom: -1px;	
}
.promoModule ul {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-right: -21px;
	max-width: 386px;
}
.promoModule li {
	float: left;
	margin: 0 21px 20px 0;
	max-width: 100%;
}
.module.textModule {
	padding-top: 17px;	
}
.module:first-child {
	padding-top: 0 !important;
	border-top-width: 0;	
}
.typography .testimonialModule h2 {
	margin-bottom: 0;
}
.testimonialModule .programme {
	color: #E20026;
}
.testimonialModule img {
	border: 1px solid #585858;
}
.testimonialModule p.more {
	text-align: right;	
}
.socialModule {
	padding: 6px 0;	
}
.socialModule h2 {
	text-transform: uppercase;	
	position: relative;
	top: -6px;
}
.socialModule h2, .socialModule ul {
	display: inline-block;	
	vertical-align:bottom;
	margin-left: 4px;
}

/* Home Page */
.HomePage .leftCol article:first-child {
	padding: 0 0 4px 0;
	margin: 0 0 20px 0;
	border-bottom: 2px solid #E20026;
}
.HomePage .module:last-child {
	border-bottom: 0;	
}
.HomePage .subLeftCol {
	width: 362px;
	float: left;
}
.HomePage .subRightCol {
	width: 172px;
	float: right;	
}
.HomePage .typography .subLeftCol h2,
.HomePage .typography .subRightCol h2 {
	margin-bottom: 5px;
	text-transform: uppercase;
	font-size: 14px;
}
.HomePage .typography .subLeftCol h3,
.HomePage .typography .subRightCol h3 {
	margin-bottom: 5px;
	font-size: 13px;
}
.HomePage .typography .subLeftCol p,
.HomePage .typography .subRightCol p {
	margin-bottom: 8px;
	overflow: hidden;
}
.HomePage .typography .subLeftCol article h3 {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-overflow: ' ...';	
}
.HomePage .typography .subRightCol p.article {
	text-overflow: ellipsis;
}
.authorDate {
	color: #A7A9AC;
}

/* Sectioned Page */
.sectionRow {
	clear: both;	
}
.sectionRow .leftCol {
	border-top: 2px solid #E20026;
	padding-top: 13px;
}
.sectionRow .rightCol {
	margin-top: 0 !important;	
}
.sectionRow .rightCol p {
	margin-bottom: 18px;	
}
.typography h2.sectionTitle {
	text-transform: uppercase;
}

/* Testimonials page and programme Staff pages */
.testimonialGroup {
	clear: left;
}
ul.contentList.expandingList li.testimonialGroup,
ul.contentList.expandingList li.staffGroup {
	padding: 0;
	margin: 0;
	border: 0;	
}
.testimonialGroup h2, staffGroup h2 {
	margin-top: 20px;
}
.testimonial img, staffMember img {
	border: 1px solid #585858;
}
img.mugShot {
	float: left;
	clear: left;
	margin: 0 16px 13px 0;
	border: 1px solid #585858;
}
.testimonial .programme {
	margin-bottom: 0;
	color: #E20026;
}
.testimonial p:last-child, .staffMember p:last-child {
	margin-bottom: 0;	
}
/* Programme Page */
.ProgrammePage ul.expandingList {
	margin-top: 23px;
}
.typography h2.courseListHeading,
.typography h3.courseListHeading
 {
	color: inherit;
	margin-bottom: 0;
}
.typography h2.courseListHeading a,
.typography h3.courseListHeading a {
	color: inherit;
}
.ProgrammePage ul.expandingList .answer {
	clear: left;	
}

/* FAQ Page */
.FAQPage ul.expandingList ul {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;	
}
.FAQPage ul.expandingList ul li {
	margin-bottom: 1em;	
}
.FAQPage ul.expandingList ul li:last-child {
	margin-bottom: 0;	
}
.FAQPage .rightCol h2 {
	margin-bottom: 13px;
	text-transform: uppercase;	
}
.FAQPage .rightCol > ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.FAQPage .typography .rightCol h3 {
	color: #E20026;	
}
.FAQPage .rightCol > ul ul {
	margin-bottom: 1em;
}
.FAQPage .rightCol > ul ul li {
	margin: 4px 0;
}
.FAQPage .rightCol a {
	color: inherit;	
}

/* Staff Page */
.StaffPage .sectionRow ul {
	margin: 0;
	padding: 0;
	list-style: none;	
}
.StaffPage .sectionRow ul li {
	clear: left;
	padding-top: 2px;
}
.StaffPage .sectionRow h2 {
	margin-bottom: 13px;
	text-transform: uppercase;
	clear: left;
}
.StaffPage .staffMember h3, .StaffPage .staffMember p {
	margin-left: 98px;	
}
.StaffPage .sectionRow ul a {
	color: inherit;
}
.StaffPage .sectionRow ul li.staffMember, .StaffPage .sectionRow ul li.staffMember img {
	margin-bottom: 27px;	
}

/* gallery page */
.GalleryPage .sectionRow.first .leftCol,
.GalleryPage .typography .sectionRow.first .leftCol h2 {
	padding-top: 0;
	margin-top: 0;	
	border-top: 0;
}
.GalleryPage .album ul {
	margin: 9px -25px 0 0;
	padding: 0;
	list-style: none;	
}
.GalleryPage .album li {
	float: left;
	margin: 0 17px 17px 0;
}
.GalleryPage .album img {
	border: 1px solid #585858;
}
.GalleryPage .sectionRow .rightCol {
	padding-top: 40px;
}
.GalleryPage .sectionRow .rightCol img {
	border: 1px solid #585858;
}
.GalleryPage .sectionRow.first .rightCol {
	padding-top: 31px;
}

/* Contact page */
.ContactPage ul.campuses {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 2px solid #E20026;
	clear: left;
}
.ContactPage ul.campuses li {
	border-top: 2px solid #E20026;
	margin-top: -2px;
	
	padding-top: 11px;
	
	float: left;
}
.ContactPage ul.campuses li.odd {
	width: 192px;
	clear: left;
}
.ContactPage ul.campuses li.odd:last-child {
	width: 100%;	
}
.ContactPage ul.campuses li.even {
	width: 362px;	
}
.ContactPage iframe {
	clear: left;
	border: 1px solid #585858;	
}

/* general form pages */
.NewslettersPage .sectionRow .rightCol.hasForm {
	border-top: 2px solid #E20026;
}
.NewslettersPage .sectionRow:first-child .rightCol.hasForm {
	border-top: 0px;
}
.NewslettersPage .formModule {
	padding-top: 10px !important;	
	border: 0 !important;
}
.NewslettersPage .studentForm.formModule {
	padding-top: 3px !important;	
}
.typography .formModule h3 {
	margin-bottom: 9px;	
}

/* Site map */
.urlSiteMap ul.contentList ul {
	list-style: none;
}
.urlSiteMap ul.contentList > li > ul {
	padding-left: 0;
	margin-left: 0;	
}
.urlSiteMap ul.contentList a {
	color: inherit;	
}
.urlSiteMap .typography ul li h2.noChildren {
	margin-bottom: -5px;
}
.urlSiteMap .typography ul li h4.noChildren {
	font-weight: normal;
}


/* misc
-------------------------------------------- */
.desktopHide, .desktophide {
	display: none !important;	
}
iframe {
	max-width: 100%;	
}
.iFrameHolder {
	background-color: #000;	
}
	
.ErrorPage h1.seo {
	display: block;	
}
.clear {
	clear: both;	
}
.seo {
	display: none;	
}
.hidden {
	visibility: hidden;	
}
.looksLikeLink {
	border-width: 0;
	padding: 0;
	margin: 0;
	font-size: inherit;
	text-transform: none;
	background: none;
}
.urlSecurity h1.seo {
	display: block;	
}

/* navigation menu hack for BIG touch devices */
/* this is a duplicate of the mobile menu, and needs to updated if that code is updated...*/
/* navigation ---------------------------------- */
	
	.largeTouchDevice #Header nav {
		margin-bottom: 6px;	
	}
	/* reset all styles */
	.largeTouchDevice #Header nav, 
	.largeTouchDevice #Header nav ul,  
	.largeTouchDevice #Header nav ul * {
		position: static;
		display: block;
		height: auto;
		text-align: left;
		color: #fff;
		border: 0;
	}
	/* level 1 */
	.largeTouchDevice ul.mainNav {
		padding: 0 0 0 10px;
		background: #E20026;
	}
	.largeTouchDevice #Header nav ul.mainNav li.level1 {
		border-top: 1px solid #F6A800;
		padding-right: 37px;
		display: none;	
	}
	.largeTouchDevice #Header nav ul.mainNav.row1 li.level1:first-child {
		border-top: 0;
	}
	.largeTouchDevice #Header nav ul.mainNav a.level1 {
		padding: 5px 10px 5px 0 !important;
		margin: 0  !important;
		width: auto !important;
		border-right: 1px solid #F6A800;
	}
	.largeTouchDevice #Header nav ul.mainNav li.homeLink a.level1 {
		padding-bottom: 8px !important;	
		background: url(../images/navigation-lowres.png) -2px -57px no-repeat;
		background-size: 23px auto;
	}
	.largeTouchDevice ul.mainNav a.level1:hover,
	.largeTouchDevice ul.mainNav li.current a.level1,
	.largeTouchDevice ul.mainNav li.section a.level1 {
		border-bottom: 0 !important;
	}
	
	/* level 2 */
	.largeTouchDevice #Header nav ul.mainNav ul.level2 {
		padding: 0 0 0 10px;
		margin: 0 -37px -1px -10px;	
		display: none;
	}
	.largeTouchDevice ul.mainNav ul.level2,
	.largeTouchDevice ul.mainNav ul.level3 {
		/*padding: 5px 10px 5px 0;*/
		background: #F6A800 !important;
	}
	.largeTouchDevice #Header nav ul.mainNav li.level2 {
		border-top: 1px solid #F58220;
		padding-right: 37px;
	}
	.largeTouchDevice #Header nav ul.mainNav li.level2:first-child {
		border-top: 0;
	}
	.largeTouchDevice #Header nav ul.mainNav li.level2 a {
		border-right: 1px solid #F58220;
	}
	.largeTouchDevice ul.mainNav ul.level2 a:hover/*,
	ul.mainNav ul.level2 li.current a,
	ul.mainNav ul.level3 li.section a*/ {
		font-weight: 500;
	}
	
	/* buttons and expand collapse */
	.largeTouchDevice #Header nav ul.mainNav li {
		position: relative;	
		cursor: pointer;
	}
	.largeTouchDevice #Header nav ul.mainNav li.hasChildren:after {
		content: "+";
		display: block;
		width: 37px;
		padding: 5px 0 0 0;
		height: 21px;
		text-align: center;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 1;	
	}
	.largeTouchDevice #Header nav ul.mainNav li.section.hasChildren:after,
	.largeTouchDevice #Header nav ul.mainNav li.current.hasChildren:after {
		content: "-"
	}
	.largeTouchDevice #Header nav ul.mainNav li.section ul,
	.largeTouchDevice #Header nav ul.mainNav li.current ul {
		display: block;	
	}
	
	/* navigation heading */
	.largeTouchDevice #Header nav li.navHeading {
		display: block;
		margin: 0 0 -1px -10px;
		border-bottom: 3px solid #F6A800;
		cursor: default !important;
	}
	.largeTouchDevice #Header nav li.navHeading span {
		display: inline-block;	
		cursor: pointer !important;
		padding: 7px 10px 7px 42px;
		background: url(../images/navigation-lowres.png) 10px 5px no-repeat;
		background-size: 23px auto;
	}
	.largeTouchDevice #Header.menuOpen nav li.navHeading span {
		background-position: 10px -25px;
	}
	.largeTouchDevice #Header.menuOpen nav ul.mainNav li.level1 {
		display: block;
	}
	.largeTouchDevice #Header.menuOpen nav ul.mainNav:last-child {
		margin-bottom: 33px;	
	}
	
	/* Layout, DO NOT DELETE WHEN UPDATING CODE ABOVE */
	.largeTouchDevice #Layout {
		border-top: 0;
		margin-top: -6px;	
	}


/* Media Queries, note: IE 8 and below cannot see these, responsive design only applies to newer browsers 
----------------------------------------------------------------------------------------------------------*/
/* Design for larger sizes goes above, then below is used to alter it for smaller screens... */
/* We not using 960 as this is our maximum anyway and so the main design above covers both computers and tablets in landscape */

/* All small devices, tablets and mobile */
@media only screen and (max-width: 959px) {
	.subLeftCol, .subRightCol {
		float: none !important;
	}
	.HomePage .typography .subRightCol h2 {
		margin-top: 12px;
	}
}

/* Tablet in portrait */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	body.debug:before {
		content: "768: Tablet held in portrait:";	
	}
	body {
		width: 750px;	
	}
	body:not(.largeTouchDevice) #Header ul.socialLinks {
		padding-right: 62px;	
	}
	#Logo {
		top: 84px;
		left: 10px;
	}
	#Logo a {
		background: url(../images/crie-logo.png) 0 0 no-repeat;
		background-size: 221px auto;
		width: 221px;
		height: 87px;
	}
	#Logo2 {
		top: 84px;
		left: 10px;
	}
	#Logo2 a {
		background: url(../images/ojie-logo.png) 0 0 no-repeat;
		background-size: 221px auto;
		width: 221px;
		height: 87px;
	}
	
	
	/* Search */
	body:not(.largeTouchDevice) #Search {
		top: 28px;
		right: 0;
	}
	body:not(.largeTouchDevice) #Search form {
		display: none;
	}
	body:not(.largeTouchDevice) #Search span {
		display: block;
		height: 28px;
		width: 36px;
		background: #E20026 url(../images/navigation-lowres.png) 7px -84px no-repeat;
		position: absolute;
		top: -28px;
		right: 0;
		cursor: pointer;
	}
	body:not(.largeTouchDevice) #Search.open span {
		background: #E20026 url(../images/navigation-lowres.png) 7px -115px no-repeat;
	}
	body:not(.largeTouchDevice) #Search.open form {
		display: block;
	}
	
	
	
	/* content
	-------------------------------- */
	.typography h1 {
		max-width: 365px !important; /* so doesn't overlap the time */	
	}
	
	.leftCol, .subLeftCol, .subRightCol {
		width: 365px !important;
	}
	
	/* contact page */
	.ContactPage ul.campuses li {
		width: 172px;
	}
	.ContactPage ul.campuses li.odd {
		width: 192px;
	}
	.ContactPage ul.campuses li.even {
		width: 172px;	
	}
	
	/* misc */
	.desktopHide, .desktophide {
		display: initial !important;
	}
	.tabletHide, .tablethide {
		display: none !important;	
	}
}

/* All Mobile Sizes */
@media only screen and (max-width: 767px) {
	body {
		width: auto;
		/*max-width: 460px;*/
		max-width: 640px;
		min-width: 300px;
		padding: 0 10px 0 10px;
		-webkit-text-size-adjust: 100%;
		-moz-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
	}
	#Header ul.secondaryLinks, #Header ul.socialLinks {
		display: none;	
	}
	#Header ul.socialLinks {
		float: none;
		position: absolute;
		top: auto;
		bottom: -28px;
		left: 0;
		padding: 3px 0 0 0;
		margin: 0;
		/*border-bottom: 1px solid #585858;*/
		width: 100%;
		height: 25px;
		
		background: #fff;
	}
	#Header.menuOpen {
	
	}
	#Header.menuOpen ul.socialLinks {
		display: block;
	}
	#Logo {
		position: static;
		margin: 16px 0 11px 0;
	}
	#Logo a {
		background: url(../images/crie-logo.png) 0 0 no-repeat;
		background-size: 226px auto;
		width: 226px;
		height: 89px;
		margin: 0 auto;
	}
	#Logo2 {
		position: static;
		margin: 16px 0 11px 0;
	}
	#Logo2 a {
		background: url(../images/ojie-logo.png) 0 0 no-repeat;
		background-size: 226px auto;
		width: 226px;
		height: 89px;
		margin: 0 auto;
	}
	#HeaderImage {
		height: auto;
	}
	#HeaderImage img {
		width: 100%;
		height: auto;	
	}
	#SlideshowPager {
		display: none;	
	}
	/* Search */
	#Header nav {
		position: relative !important;	
		display: block;
	}
	#Search {
		top: 32px;
		right: 0;
		position: absolute;
		width: 100%;
	}
	#Search form {
		width: auto;
		height: 24px;
		max-width: none;
		text-align: right;	
		background: #E20026 url(../images/navigation-lowres.png) 100% -87px no-repeat;
		background-size: 23px auto;
		border-right: 9px solid #E20026;
	}
	#Search input {
		width: 142px;
		padding: 3px
	}
	#Search button {
		width: 24px;
	}
	#Search form {
		display: none;
	}
	
	#Search span {
		display: block;
		height: 28px;
		width: 36px;
		background: url(../images/navigation-lowres.png) 100% -87px no-repeat;
		background-size: 23px auto;
		border-right: 9px solid #E20026;
		position: absolute;
		top: -32px;
		right: 0;
		cursor: pointer;
	}
	#Search.open span {
		background-position: 100% -120px;
	}
	#Search.open form {
		display: block;
	}
	
	
	/* navigation
	---------------------------------- */
	#Header nav {
		margin-bottom: 6px;	
	}
	/* reset all styles */
	#Header nav, 
	#Header nav ul,  
	#Header nav ul * {
		position: static;
		display: block;
		height: auto;
		text-align: left;
		color: #fff;
		border: 0;
	}
	/* level 1 */
	ul.mainNav {
		padding: 0 0 0 10px;
		background: #E20026;
	}
	#Header nav ul.mainNav li.level1 {
		border-top: 1px solid #F6A800;
		padding-right: 37px;
		display: none;	
	}
	#Header nav ul.mainNav.row1 li.level1:first-child {
		border-top: 0;
	}
	#Header nav ul.mainNav a.level1 {
		padding: 5px 10px 5px 0 !important;
		margin: 0  !important;
		width: auto !important;
		border-right: 1px solid #F6A800;
	}
	#Header nav ul.mainNav li.homeLink a.level1 {
		padding-bottom: 8px !important;	
		background: url(../images/navigation-lowres.png) -2px -57px no-repeat;
		background-size: 23px auto;
	}
	ul.mainNav a.level1:hover,
	ul.mainNav li.current a.level1,
	ul.mainNav li.section a.level1 {
		border-bottom: 0 !important;
	}
	
	/* level 2 */
	#Header nav ul.mainNav ul.level2 {
		padding: 0 0 0 10px;
		margin: 0 -37px -1px -10px;	
		display: none;
	}
	ul.mainNav ul.level2,
	ul.mainNav ul.level3 {
		/*padding: 5px 10px 5px 0;*/
		background: #F6A800 !important;
	}
	#Header nav ul.mainNav li.level2 {
		border-top: 1px solid #F58220;
		padding-right: 37px;
	}
	#Header nav ul.mainNav li.level2:first-child {
		border-top: 0;
	}
	#Header nav ul.mainNav li.level2 a {
		border-right: 1px solid #F58220;
	}
	ul.mainNav ul.level2 a:hover/*,
	ul.mainNav ul.level2 li.current a,
	ul.mainNav ul.level3 li.section a*/ {
		font-weight: 500;
	}
	
	/* buttons and expand collapse */
	#Header nav ul.mainNav li {
		position: relative;	
		cursor: pointer;
	}
	#Header nav ul.mainNav li.hasChildren:after {
		content: "+";
		display: block;
		width: 37px;
		padding: 5px 0 0 0;
		height: 21px;
		text-align: center;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 1;	
	}
	#Header nav ul.mainNav li.section.hasChildren:after,
	#Header nav ul.mainNav li.current.hasChildren:after {
		content: "-"
	}
	#Header nav ul.mainNav li.section ul,
	#Header nav ul.mainNav li.current ul {
		display: block;	
	}
	
	/* navigation heading */
	#Header nav li.navHeading {
		display: block;
		margin: 0 0 -1px -10px;
		border-bottom: 3px solid #F6A800;
		cursor: default !important;
	}
	#Header nav li.navHeading span {
		display: inline-block;	
		cursor: pointer !important;
		padding: 7px 10px 7px 42px;
		background: url(../images/navigation-lowres.png) 10px 5px no-repeat;
		background-size: 23px auto;
	}
	#Header.menuOpen nav li.navHeading span {
		background-position: 10px -25px;
	}
	#Header.menuOpen nav ul.mainNav li.level1 {
		display: block;
	}
	#Header.menuOpen nav ul.mainNav:last-child {
		margin-bottom: 33px;	
	}
		
	/* footer 
	----------------------------------*/
	#Footer ul.secondaryLinks {
		display: block;
		border-top: 1px solid #585858;
		border-bottom: 2px solid #E20026;
		margin-bottom: 12px;
	}
	#Footer ul.socialLinks {
		margin-top: -14px;	
	}
	ul.signOff {
		border-top: 0;
		padding-top: 5px;
		padding-bottom: 20px;
		float: right;
	}
	
	/* content
	--------------------------------- */
	.leftCol, .rightCol, .subLeftCol, .subRightCol {
		float: none !important;
		width: auto !important;
		clear: both;
	}
	.rightCol {
		margin-top: 19px;
	}
	.module:first-child {
		padding-top: 19px !important;
		border-top-width: 2px;	
	}
	.module.textModule:first-child {
		padding-top: 19px !important;
	}
	
	/* More less, next prev */
	p.more a, 
	a.more, 
	.expandingList li a.question,
	a.prev,
	a.next {
		background: url(../images/navigation-lowres.png) 100% -156px no-repeat;
		background-size: 23px auto;
	}
	p.moreRight {
		float:right;
	}
	.expandingList li.simpleFAQShowing a.question {
		background-position: 100% -202px;
	}
	a.prev {
		background-position: 0 -180px;
	}

	/* general typography */
	.typography h1 {
		width: auto !important;	
	}
	
	/* misc */
	.desktopHide, .desktophide {
		display: initial !important;
	}
	.mobileHide, .mobilehide {
		display: none !important;	
	}
}

/* Small mobile landscape, 480 */
@media only screen and (min-width: 480px) and (max-width: 767px) { 
	body.debug:before {
		content: "480: Mobile held in landscape:";	
	}
}

/* Mobile Portrait, 320 */
@media only screen and (max-width: 479px) {
	body.debug:before {
		content: "320: Mobile held in portrait:";	
	}
	#Time {
		display: none;	
	}
	
	/* footer */
	#Footer ul.secondaryLinks {
		height: 15px;
	}
	#Footer ul.secondaryLinks li {
		display: block;
		float: left;
		text-align: center;
		width: 33.33%;
	}
	#Footer ul.secondaryLinks li a {
		margin: 0;	
	}
	#Footer ul.secondaryLinks li:first-child {
		text-align: left;
	}
	#Footer ul.secondaryLinks li:last-child {
		text-align: right;
		float: right;
		width: 30%;
	}
	
	/* fix for promo button widths in firefox once screen is narrower than button module */
	.promoModule ul {
		/*margin-right: 0;*/
	}
	
	/* contact page */
	.ContactPage ul.campuses li {
		width: auto;
		float: none;
	}
	.ContactPage ul.campuses li:first-child {
		width: auto;
	}
	
	/* forms */
	form {
		width: 96% !important;	
	}
	
}

/* fix for promo button widths in firefox once screen is narrower than button module */
@media only screen and (max-width: 400px) {
	.promoModule ul, .promoModule li.Full {
		margin-right: 0;	
	}
}

/****** FILE: themes/ais/css/typography.css *****/
@font-face {
    font-family: 'Ubuntu';
    src: url('/themes/ais/webfonts/ubuntu-r-webfont.eot');
    src: url('/themes/ais/webfonts/ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'),
         url('/themes/ais/webfonts/ubuntu-r-webfont.woff') format('woff'),
         url('/themes/ais/webfonts/ubuntu-r-webfont.ttf') format('truetype'),
         url('/themes/ais/webfonts/ubuntu-r-webfont.svg#ubunturegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Ubuntu';
    src: url('/themes/ais/webfonts/ubuntu-m-webfont.eot');
    src: url('/themes/ais/webfonts/ubuntu-m-webfont.eot?#iefix') format('embedded-opentype'),
         url('/themes/ais/webfonts/ubuntu-m-webfont.woff') format('woff'),
         url('/themes/ais/webfonts/ubuntu-m-webfont.ttf') format('truetype'),
         url('/themes/ais/webfonts/ubuntu-m-webfont.svg#ubuntumedium') format('svg');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Ubuntu';
    src: url('/themes/ais/webfonts/ubuntu-b-webfont.eot');
    src: url('/themes/ais/webfonts/ubuntu-b-webfont.eot?#iefix') format('embedded-opentype'),
         url('/themes/ais/webfonts/ubuntu-b-webfont.woff') format('woff'),
         url('/themes/ais/webfonts/ubuntu-b-webfont.ttf') format('truetype'),
         url('/themes/ais/webfonts/ubuntu-b-webfont.svg#ubuntubold') format('svg');
    font-weight: bold;
    font-style: normal;
}

/*
Red: R226 G0 B38 #E20026
Orange: R246 G168 B0  #F6A800
Text: R62 G62 B62  #3E3E3E
Dark Grey: R88 G88 B88  #585858
Light Grey: R136 G136 B136  #888888
*/

/* GENERIC STYLES 
-------------------------------------------- */

.typography {
	
}

/* PARAGRAPHS 
-------------------------------------------- */
.typography .none { 
 	/* nothing */
}

.typography .small {
	font-size: 10px;	
}

.typography p.leadin, .typography p.large,
.typography .leadin, .typography .large  {
	font-size: 16px;
	line-height: 1.2em;
	margin-bottom: 14px;
}
article p {
	line-height: 1.3em;
}

/* just here so they show up in the editor */
.typography .mobileHide {	
}
.typography .tabletHide {	
}
.typography .desktopHide {	
}

.typography p.divider, .typography h1.divider, .typography h2.divider {
	border-top: 2px solid #E20026 !important;
	margin-top: 13px !important;
	padding-top: 8px !important;	
}

.typography .marginbottom {
	margin-bottom: 1em !important
}
.typography .nomargins {
	margin: 0 !important;	
}

/* INLINE STYLES
-------------------------------------------- */

/* TABLES
-------------------------------------------- */
/* general table styles */
.typography table {
	max-width: 100%;
	margin-top: 1em;
}
.typography table td, .typography table th {
	vertical-align: top;
}
.typography table td[valign='bottom'], .typography table th[valign='bottom'] {
	vertical-align: bottom;
}
.typography table td[valign='middle'], .typography table th[valign='middle'] {
	vertical-align: middle;
}
.typography table tr:last-child td p {
	margin-bottom: 0;	
}

/* base styles for tables with borders */
.typography table[border='1'] {
	border: 1px solid #585858;	
	border-collapse: collapse;
}
.typography table[border='1'] td, .typography table[border='1'] th {
	border: 1px solid #585858;	
	padding: 6px;
}
.typography table[border='1'] th {
	background-color: #888888;
	color: #fff;
}
.typography table[border='1'] td p:last-child, .typography table[border='1'] th p:last-child {
	margin-bottom: 0;
}
.typography table[border='1'] tr:nth-child(odd)	{ background-color:#eee; }
.typography table[border='1'] tr:nth-child(even) { background-color:#fff; }

/* QUOTES
-------------------------------------------- */

/* LINKS 
-------------------------------------------- */

.typography a { 
 	text-decoration: none;
	color: #E20026;
}
	.typography a:hover { 
 		text-decoration: underline;
	}
	
	.typography a img {
		border: 0;	
	}

/*.typography p > a[href$='.pdf'] {*/
.typography a.pdficon,
.typography .pdficon a,
.typography a > span.pdficon {
	display: inline-block;
	padding: 4px 0 0 41px;
	min-height: 29px;
	background: url(http://ais.ac.nz/themes/ais/images/img_pdf.gif) 0 0 no-repeat;	
}
.typography p.pdficon {
	margin-top: 1em;	
}

/* LIST STYLES 
-------------------------------------------- */
.typography ul, .typography ol {
	margin-top: 0;
}
.typography ul ul, .typography ol ol {
	margin-bottom: 0;	
}
		
/* HEADER STYLES 
-------------------------------------------- */

.typography h1 {
	font-family: Ubuntu, Arial, Helvetica, sans-serif;
	max-width: 556px; /* so doesn't run over the date on single column pages */
	font-size: 20px;
	line-height: 23px;
	font-weight: bold;
	margin: -1px 0 11px 0;
	color: #E20026;
	text-transform: uppercase;
}
.typography h2 {
	font-family: Ubuntu, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 22px;
	font-weight: bold;
	margin: -5px 0 2px 0;
	color: #E20026;
}

.typography h3 {
	font-size: 14px;
	margin: 0;
	margin-bottom: 2px;
}
.typography h4 {
	font-size: 13px;
	margin: 0;
}
.typography h5 {
	font-size: 13px;
	margin: 0;
}
.typography h6 {
	font-family: Ubuntu, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 22px;
	font-weight: bold;
	margin: -5px 0 2px 0;
	color: #E20026;
}


/* PRE STYLES 
-------------------------------------------- */	


/* TABLE STYLING 
-------------------------------------------- */


/* WYSIWYG EDITOR ALIGNMENT CLASSES 
-------------------------------------------- */
.typography .left {
	text-align: left;
}
.typography .center {
	text-align: center;
}
.typography .right {
	text-align: right;
}

/* IMAGES 
-------------------------------------------- */
.typography img {
   /* border: 5px solid #d7d7d7;*/
    height: auto; /* resets the image height so that it maintains its aspect ratio when width is set */
    /*background: transparent url(../images/ajax-loader.gif) no-repeat center center;*/
}
.typography img.left {
    float: left;
    max-width: 50%;
    margin: 5px 20px 10px 0;
}
.typography img.right {
    float: right;
    max-width: 50%; /* Responsive width */
    margin: 5px 0 10px 20px;
}
.typography img.leftAlone {
    /*float: left;
    margin-right: 100%;
    margin-bottom: 10px;*/
    clear: both;
}
.typography img.center {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 10px;
    clear: both;
}
.typography .captionImage { width: 100%; margin-top: 5px; }
.typography .captionImage img { margin: 0; }
  .typography .captionImage.left {
    float: left;
    margin: 5px 30px 20px 0px;
  }
  .typography .captionImage.right{
    float: right;
    margin: 5px 0 20px 30px;
  }
  .typography .captionImage.left[style],
  .typography .captionImage.right[style] {
    max-width: 50%; /* Overides core width to make responsive */
  }
  .typography .captionImage.left img,
  .typography .captionImage.right img {
    float: none;
    max-width: none;
    width: 100%;
  }
  .typography .captionImage.left img {
    margin-right: -10px;
  }
  .typography .captionImage.right img {
    margin-left: -10px;
  }
  .typography .captionImage.right p {
    margin-left: -10px;
    text-align: left;
    margin-left: -10px;
  }
.typography .captionImage.leftAlone{
  float:none;
  margin: 0 20px 20px 0px;
}
.typography .captionImage.center{
  margin: 0 auto 20px;
}
.typography .captionImage p {
  clear: both;
  margin: 5px 0;
  font-style: italic;
  color: #888;
}


/****** FILE: themes/ais/css/form.css *****/
/** ----------------------------------------------------------
 *
 * This stylesheet includes both generic form styles and 
 *    additional form styles for the User Defined Form Module.
 *
 ** ------------------------------------------------------- */


/* GENERIC FORMS
----------------------------------------------- */

form {
    max-width: 360px;
    width: 97%;
}
div.field {
    margin: 0 0 5px;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
form label {
    margin-bottom: 5px;
}
    form label.left {
        display: block;
    }
    .typography form label.right {
		text-align: left;
    }

form input.text,
form textarea,
form .textajaxuniquetext,   /* Not sure if this is used? */
form select {
    width: 100%;
    max-width: 400px;
    padding: 4px;
    background-color: #fff;
    border: 1px solid #585858;
	font-family: inherit;
	font-size: inherit;
}
    .ie7 form select { width: 400px; } /* fix for ie7's rendering of max-width property on select input */

form input.text:focus,
form textarea:focus,
form .textajaxuniquetext:focus,
form select:focus {
    outline:none;
}
form input[disabled], form textarea[disabled] {
    background-color: #f7f7f7;
    border: 1px solid #dad9d9;
}
textarea {
    resize: vertical; /* forces text area to be resized vertically only */
}


/* Radio and Checkbox */
.field .checkbox, .field .radio {
    float: left; 
    width: 13px; 
    height: 13px; 
    margin-right: 6px; 
    margin-top: 3px;
    padding: 0;
}
    .checkbox label.right,
    .radio label.right {
        float: left;
    }

/* Chris Bolt, Options set field */
.optionset ul {
	list-style: none;
}
.optionset li {
	float: left;
}
.optionset.stacked li {
	float: none;
	clear: both;
}
.stacked {
	clear: left;
	float: none;
}

/* Messages */
form .message {
	display: inline-block;
    background-color: #fef4ba;
    padding: 5px 10px;
    border: 1px solid #e8c805;
    border-radius: 3px;
}
    form .good {
        background-color: #ecf9d0;
        border-color: #8fbe00;
    }
    form .bad, form .required {
        background-color: #f9d0d0;
        border-color: #cf0000;
        color: #b80000;
    }
	

/* This code builds a label on the side form */
/*.middleColumn {
	display: block;
	margin: 0 0 10px 0;
	padding: 0;
	width: 70%;
	float: right;
	
	/* due to padding they move outside their box, so move them back 
	adjust if padding/borders on form elements change
	*//*
	position: relative;
	left: -12px;
}
.field {
	clear: both;	
}
label.left {
	width: 30%;
 	float:left; 
	margin: 6px 0 6px 0;
	color: inherit;
}
/* End label on the side form */


/* ACTIONS */
.Actions {
    margin-bottom: 20px;
}
    a.btn, .Actions button, .Actions input[type="submit"], .Actions .action {
        display: inline-block;
        margin-top: 10px;
        margin-bottom: 10px;
        float: left;
		font-family: inherit;
		font-size: inherit;
		
		padding: 4px 10px; /* fix rediculously small size in ie */
    }
    a.btn:hover, button, input[type="submit"]:hover, .Actions .action:hover {
        
    }
    a.btn {
        line-height: 18px;
        margin-bottom: 10px;
    }
    a.btn:after {                     /* creates arrow in button */
        content: '\2192';
        padding-left: 10px;
    }
    .ie7 input.action {
        width: 0;                     /* IE table-cell margin fix */
        overflow: visible;
    }
    input.action[class] {             /* IE ignores [class] */
        width: auto;                  /* cancel margin fix for other browsers */
    }

    .ie7 .Actions .action {
        float: left;
    }
    .Actions:after {
        color: #B94A48;
        /*content: "* Indicates a required field";*/
        display: inline-block;
        font-weight: normal;
        margin-top: 9px;
    }
    #MemberLoginForm_LoginForm .Actions:after {
        display: none;
    }


/* AREA SPECIFIC */
    /* LOGIN and FORGOT PASSWORD */
    #Remember {
        min-height: 20px;
    }
    #ForgotPassword {
        clear: left;
    }
    #MemberLoginForm_LostPasswordForm .Actions:after {
        display: none;
    }

    /* Search / Login */
    .header form .middleColumn {
        /* float: none;
        width: 100% !important; */
    }

/* style placeholders */
::-webkit-input-placeholder {
   color:#888;	
}
:-moz-placeholder {
   color:#888;	
   opacity: 1; 
}
::-moz-placeholder {
   color:#888;	 
   opacity: 1; 
}
:-ms-input-placeholder {  
   color:#888;	 
}
.labelTextFieldInactive {
	color:#888;	
}