/* ADD-ON & OVERRIDE STYLES: 
   Add styles here to avoid hanging Mura. 
   Remove when they have been added to swoosh.less
   
	LESS source: \www\home\cms\home\includes\theme\swoosh\css\core\swoosh.less
	bootstrap source: \www\home\cms\home\js\bootstrap\less\bootstrap.less

*/

/* base overrides: */
/*	LINK COLOR: 
	reset all link colors to achieve WCAG 2.0 'A' compliance for text contrast. 
	NOTE: over-riding here will override all button colors! 
*/

/* add-ons: */

.required {
	font-weight: bold;
	color: red;
}

caption, .caption 
{
	background-color: #eee!important;
}
div.photo.caption caption,
div.photo.caption .caption
{
	display: block;
	width: inherit;
	padding: 3px 4px!important;
	border: 1px dotted #ccc!important;
	font-size: .88em!important;
	line-height: 1.2em!important;
	
	background-color: #eee!important;
}

div.photo
{
}
div.photo.right
{
	margin-left: 4px;
}
div.photo.caption
{
	font-size: .88em!important;
	line-height: 1.2em!important;
}

.small
{
	font-size: 90%;
}

.large
{
	font-size: 110%;
}

.blue
{
	color: #0069AA;
}

.nomargin,
.nomargin img,
p.nomargin
{
	margin: 0px;
	padding: 0px;
}

.nomargin-top
{
	margin-top: 0px;
	padding-top: 0px;
}

.nomargin-bottom
{
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.image.narrow
{
	width: 200px;
}
.image.left
{
	float: left;
	padding-right: 1em;
}
.image.right
{
	float: right;
}

.clear
{
}
.clear.right
{
	clear: right;
}
.clear.left
{
	clear: left;
}
.clear.both,
.clear.all
{
	clear: both;
}

img.btn.badge {
	padding: 0px;
	border-radius: 8px;
}

/* HELP indicators */
a.help {
	background-position: 4px;
	background-repeat: no-repeat;
	background-image: url('/assets/img/icons/fugue/icons-shadowless/question.png');
	background-color: #eee;
	padding: 2px 4px 2px 22px;
	border-radius: 16px 0 0 16px;
	border: 1px #ccc solid;
	display: inline-block;
}
a.help:hover, a.help:focus {
	background-color: #fff;
	border: 1px #ddd solid;
	cursor: help;
}
a.help.right {
	background-position: 4px;
	padding: 2px 4px 2px 22px;
	border-radius: 16px 0 0 16px;
	float: right;
	margin: auto auto auto 1em;
}
a.help.left {
	background-position: 98% 25%;
	padding: 2px 22px 2px 4px;
	border-radius: 0 16px 16px 0;
	float: left;
	margin: auto 1em auto auto;
}

/**
 Driving Directions Form in right sidebar
 **/
#directionsform input,
#directionsform select
{
	width: 125px;
}


/**
 Hide 'forgot password' form on trustee portal 
 **/
body#about #sendLogin
{
	visibility: hidden;
	display: none;
}

/**
 Force width of POD and left-/right-sidebar elements 
 **/
div#right-col.sidebar.span3 .pod
{
	width: 200px;
}
div#left-col.span3 .pod
{
	width: 200px;
}
/**
 Force clear of POD and right-sidebar elements 
 'float: none' required for cases with 'aside' element in firefox
 **/
div#right-col.sidebar.span3 .pod
{
	clear: both;	
	float: none;
}
div#left-col.span3 .pod
{
	clear: both;	
	float: none;
}


/*
home page slideshow - fix border issue
*/

#sysHomepageSlideshow { 
	height: 380px;
}
#sysHomepageSlideshow ol.svPager { 
	margin-top: 24px!important;
	border-radius: 2px;
}


/* Table styles */
table.cell-width-auto td
{
	width: auto;
}
table.align-top td
{
	vertical-align: top;
}
table.align-center td,
table.align-center td p,
table.align-center td div
{
	text-align: center;
}

/* 
 * fix title in admin UI
 */
#primary h2.pageTitle
{
}
/* partially fixes issue on pages with webforms: */
#primary .editableForm .editableObjectContents
{
	clear: left;
}
#primary h2.pageTitle div.mura-editable
{
	float: none!important;
}
#primary h2.pageTitle div.mura-editable #mura-editable-attribute-title
{
}

/* 
 * fix misguided reductionist rendering of OL>LI
 * NOTE: this will break some stuff. will just have to deal with it 
 * until the original bad decision can be found and fixed.  
 */
ol li,
#primary ol li {
	list-style: decimal;
	/*
	list-style: decimal!important;
	*/
	list-style-type: inherit;
}
#primary ol li li {
	list-style-type: lower-latin;
}
#primary ol li li li {
	list-style-type: lower-roman;
}
#primary ol li li li li {
	list-style-type: decimal;
}

/* fix lack of consistency in OL/UL vertical spacing: */
ol li {
	margin-bottom: .3em;
}




/* 3 COLUMN LAYOUTS: Fix large bottom margin */
div.columns3, div.columns2 {
	margin-bottom: 1em;
}

/* CALLOUTS */

.callout 
{
	border: 1px solid #99A; 
	background: #EEE;
	padding: .5em 1em;
	margin: 1em auto;
}
.callout.center
{
	width: 60%;
}
.callout.left 
{
	width: 30%;
	float: left;
}
.callout.right 
{
	width: 30%;
	float: right;
}
.callout.full
{
	width: auto;
}
.callout h3:first-child
{
	margin-top: .125em;
}


/* TEMPORARY - hide trustee items in trustee folder view */
body#about div#content-wp.sysBoardOfTrustees #svFolder.svIndex
{
	visibility: hidden;
	display: none;
}


/* test page support */
.pod-home h2 {
	background: #dfe6ef;
	background: #eee -webkit-gradient( linear, 0 0%, 100% 100%, from(#f6f6f6), to(#dfe6ef) );
	background: #eee -moz-linear-gradient( top left, #f6f6f6, #dfe6ef);
	-mss-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f6f6f6, endColorstr=#dfe6ef)"; 
	height: 2.2em;
	margin: 10px 0px;
	padding-left: 10px;
	font-size: 1.3em;
	border: 1px solid #ddd; 
	border-bottom: 1px solid #abc; 	
	border-radius: 5px 0px 15px 0px;
}
.pod-home h2 a { text-decoration: none;}


/* .h* styles to baseline color/typeface on faux-headings */
.h1,.h2,.h3,.h4,.h5,.h6 { 
	font-family: Telex, "Helvetica Neue", Helvetica, Arial, sans-serif; 
	color: #0069AA; 
}

article .h1 ,
#primary .h1 
{ 
font-size: 19px; 
margin: 1em 0 .2em;
}

/* heading size adjustments */
/* h3/h4/h5 sizes indistinguishable */
/*
article h3 ,
#primary h3 ,
article .h3 ,
#primary .h3 
{ 
	font-size: 19px; 
	margin: 1em 0 .2em;
}

article h4 ,
#primary h4 ,
article .h4 ,
#primary .h4 
{ 
font-size: 15px; 
}

article h5 ,
#primary h5 ,
article .h5 ,
#primary .h5 
{ 
	font-size: 13px; 
}
*/

#page-wp .indent 
{
	margin-left: 27px;
}

ul li.big-item 
{
	font-size: 120%;
	color: #222;
	line-height: 110%;
	margin-bottom: .5em;
}


/* caldate styles */
/* NOTE: replace these in swoosh.less when it's been defactored */
/*
*/
div.caldate { 
	margin: 5px; 
	width: 36px; 
	text-align: center; 
}
div.caldate1 { 
	margin-top: 0px; 
	font-size: 10px; 
	line-height: 14px; 
	padding: 1px; 
	color: #fff; 
	border: 1px solid #ccc; 
	border-right: 0px solid #0069aa; 
	border-top: 1px solid #eee;
}
div.caldate2 { 
	margin-top: 0px; 
	font-size: 16px; 
	line-height: 16px; 
	padding-bottom: 6px; 
	font-family: Georgia, "Times New Roman", serif; 
	font-weight: bolder; 
	vertical-align: text-top; 
	border-left: 1px solid #fff; 
}
div.calinfo { 
	font-size: 11px;
	margin-top: -45px; 
	margin-left: 50px; 
	line-height: 12px;
	}
div.caltime { 
	font-weight: bolder;
}


/* CLASS SCHEDULE */
/* class details: */
div.cwindow div.modal-footer ,
div.cwindow div.modal-footer div,
div.cwindow div.modal-footer p,
div.cwindow div.modal-footer li
{
	text-align: left;
}
div.cwindow div.modal-footer #register-link 
{
	padding: 0px;
	border: none;
}
div.cwindow div.modal-footer #register-link.closed
{
}

/* /class details */

/* PORTAL PAGES */
/*
#sidebar { 
	.makeColumn(3); 
	.firstColumn; 
	margin-left: -1px;
	box-shadow: -5px 4px 20px #ddd; 
	border-left: 1px solid #ddd; 
	padding: 10px; 
}
div.pod { 
	background: white; 
	margin: 0px 0px 30px; 
	padding: 0px; 
	border: 0px;
	}
div.pod h2 { 
	font-size: 1.2em; 
	height: 22px; 
	line-height: 16px; 
	text-indent: 24px; 
	border-bottom: 2px solid @brandGold; 
	text-transform: uppercase; 
	margin-left: 0px; 
	margin-bottom: 10px; 
	}
	
	
	
	
*/	

body.portal div.pod { 
	background: white; 
	margin: 0px 0px 30px; 
	padding: 0px auto auto auto; 
	border: 0px;
	}

body.portal div.pod h3 { 
	font-size: 1.2em; 
	height: 22px; 
	line-height: 16px; 
	text-indent: 24px; 
	border-bottom: 2px solid #DEB408; 
	margin-left: 0px; 
	margin-bottom: 10px; 
}

body.portal div.pod#social h3, body.portal div.pod.social h3 {
	background: url('/assets/img/icons/fugue/bonus/icons-24/light-bulb.png') no-repeat;
}
body.portal div.pod#calendar h3, body.portal div.pod.calendar h3 {
	background: url(/assets/img/icons/fugue/bonus/icons-24/calendar-blue1.png) no-repeat;
	}
body.portal div.pod#forms h3, body.portal div.pod.forms h3 {
	background: url(/assets/img/icons/fugue/bonus/icons-24/blue-document-export.png) no-repeat;}
body.portal div.pod ul {
	padding-right: 5px;
	padding-left: 20px;
}


/* FACILITY ALERTS */
/* baselines: */
#FacilityAlerts { 
	width: 940px; margin-bottom: -20px;
}
#FacilityAlerts #EmgStatus h3 { 
	background-image: url(/assets/img/icons/famfam/exclamation.png);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 1em;
	color: #C00; 
}
#FacilityAlerts #EmgStatus #EmgLink .btn {
	float: right; 
	padding: 12px; 
	font-weight: bold;
}


/* status: OPEN */
#FacilityAlerts #EmgStatus.open ,
#FacilityAlerts #EmgStatus.open .span8
{
	background-color: #fff!important;
	border-color: green!important;
}
#FacilityAlerts #EmgStatus.open ,
#FacilityAlerts #EmgStatus.open .span8,
#FacilityAlerts #EmgStatus.open h3,
#FacilityAlerts #EmgStatus.open p
{
	color: green!important;
}
#FacilityAlerts #EmgStatus.open h3 { 
	color: #C00; 
}
#FacilityAlerts #EmgStatus.open #EmgLink .btn
{
	background-color: green;
	border-color: #ccc;
	color: white;
}

/* status: PARTIAL */
#FacilityAlerts #EmgStatus.partial ,
#FacilityAlerts #EmgStatus.partial .span8
{
	background-color: yellow!important;
	border-color: orange!important;
}
#FacilityAlerts #EmgStatus.partial ,
#FacilityAlerts #EmgStatus.partial .span8,
#FacilityAlerts #EmgStatus.partial h3,
#FacilityAlerts #EmgStatus.partial p
{
	color: black!important;
}
#FacilityAlerts #EmgStatus.partial #EmgLink .btn
{
	background-color: yellow!important;
	border-color: #ccc!important;
	color: black!important;
}

/* status: CLOSED */
#FacilityAlerts #EmgStatus.closed ,
#FacilityAlerts #EmgStatus.closed .span8
{
	background-color: #c00!important;
	border-color: red!important;
}
#FacilityAlerts #EmgStatus.closed ,
#FacilityAlerts #EmgStatus.closed .span8,
#FacilityAlerts #EmgStatus.closed h3,
#FacilityAlerts #EmgStatus.closed p
{
	color: white!important;
}
/*
#FacilityAlerts #EmgStatus.closed #EmgLink .btn
{
	background-color: red!important;
	border-color: #eee!important;
	color: white!important;
}
*/
#FacilityAlerts .btn.closed,
#FacilityAlerts .btn.closed:hover
{
	background-color: white!important;
	border-color: blue!important;
	color: black!important;
	font-weight: bold;
}

/* Fixing font family issues */
#primary {
	font-family: Telex, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* ACCESSIBILITY / A11Y STYLES */
/* Skip Link Navigation */
.pod .nonvisible,
.nonvisible,
.nonvisible a,
.nonvisible a:hover,
.nonvisible a:visited {
  width: 1px!important;
  height: 1px!important;
  overflow: hidden;
}
.nonvisible a:active,
.nonvisible a:focus {
  width: auto!important;
  height: auto!important;
}

/*
.pod h3 {
  font-size: 1.2em;
  font-weight: normal;
  margin: 0;
  background: #fff;
  margin: -10px;
  margin-bottom: 5px;
  border-bottom: 1px solid #0069aa;
  padding: 5px;
  line-height: 1.6em;
}
*/