/*	UWSP "V5" Main Styles
	------------------------
	This is the primary stylesheet used on all responsive UWSP sites.  It defines the layout, branding,
	and basic structure of each site. 
	
	You may also be looking for:
	V5 Branding Bar Styles: 	/siteAssets/styles/v5/branding_v5.css
	Web Part Styles:			/siteAssets/styles/specialty/defaultWebpart.css
	
*/
/* Provides backwards-compatibility for HTML5 elements */
section, article, header, footer, nav, aside, hgroup { display: block; }

/* Global Fonts/Links
********************************************************************************************************		GLOBAL FONTS/LINKS 			***************************/
body { background: /*#adaab3*/ #bdbdbd; margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; }

/* font styles for inner content */
.article-content, .welcome-content, .ms-WPBody, .ms-WPBody td {
	color: #100515;
	font-size: 1.1em !important;
	line-height: 1.3em !important; 
}

#innerContainer a:link, #innerContainer a:visited, #innerContainer a:active {
	color: #6f00c5;/*#3B2444*/
    text-decoration: underline;
}

#innerContainer a:hover { color: #9d5e00; /*#623f99*/ }

/* Override default SharePoint content editor links */
.s4-wpcell .ms-WPTitle, .s4-wpActive .ms-WPTitle {
	cursor:default;
}

.ms-WPTitle { text-align: left !important; }

/* Allow content editor titles to wrap as the screen shrinks*/
.ms-WPTitle nobr span {
	white-space:normal !important;
}

.maintenance {
	background-color: #ffc222;
	color: #000;
	padding: 5px 10px;
	font-size: 11px;
}
.maintenance a {color: #512698;font-weight: bold;}
.maintenance a:hover {text-decoration: underline;}
.maintenance div {
	max-width: 940px; margin: 0 auto;
}
/* Web Fonts */
@font-face { 
    font-family: 'League Gothic'; /* good to use as a backup to Impact */
    src: url('/SiteAssets/webfonts/leaguegothic/leaguegothic-regular-webfont.eot');
    src: url('/SiteAssets/webfonts/leaguegothic/leaguegothic-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/SiteAssets/webfonts/leaguegothic/leaguegothic-regular-webfont.woff') format('woff'),
         url('/SiteAssets/webfonts/leaguegothic/leaguegothic-regular-webfont.ttf') format('truetype'),
         url('/SiteAssets/webfonts/leaguegothic/leaguegothic-regular-webfont.svg#league_gothicregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Accessibility */
.jumpContent {
	color: #623f99 !important;
	position: absolute !important;
	top: 0;
	left: -9999px !important;
	z-index: 900;
	/*clip: rect (1px, 1px, 1px, 1px);*/
}


/* Headings, Callouts, Tables and Ribbon
********************************************************************************************************		HEADINGS/CALLOUTS/TABLES/RIBBON 			***************************/

.ms-rteStyle-Normal {
	-ms-name:			"Normal";
	font-family:		Verdana,Arial,sans-serif;
	font-size:			8pt;
	/* [ReplaceColor(themeColor:"Dark1")] */ 		color:				#100515;
	/* [ReplaceColor(themeColor:"Light1")] */ 		background-color:	#fff;
}
.ms-rteStyle-Highlight {
	-ms-name:			"Highlight";
	/* [ReplaceColor(themeColor:"Dark1-Darker")] */ color:				#312a26;
	/* [ReplaceColor(themeColor:"Accent6")] */ 		background-color:	#fae032;
}
.ms-rteStyle-Byline {
	-ms-name:			"By Line";
	/* [ReplaceColor(themeColor:"Dark1",themeTint:"0.29")] */ color:	#9c9c9c;
}
.ms-rteStyle-Tagline{
	-ms-name:			"Tag Line";
	font-size:			1.3em;
	/* [ReplaceColor(themeColor:"Dark1",themeTint:"0.45")] */ color:	#c19316;
}
.ms-rteStyle-Comment{
	-ms-name:			"Comment";
	font-style:			italic;
	/* [ReplaceColor(themeColor:"Accent5-Darkest")]*/color:				#000;
	/* [ReplaceColor(themeColor:"Dark1")] */ 		text-shadow:		0px 0px 5px #623f99;
}
.ms-rteStyle-References{
	-ms-name:			"References";
	/* [ReplaceColor(themeColor:"Dark1-Lightest")] */color:				#828282;
}
.ms-rteStyle-Caption{
	-ms-name:			"Caption";
	/* [ReplaceColor(themeColor:"Accent3")] */ 		color:				#c19316;
}


/****************************
	RIBBON MARKUP STYLES
****************************/
H1.ms-rteElement-H1 {
	-ms-name:			"Heading 1";
	font-size:			2em;
	font-weight:		bold;
	line-height:		1.5em;
	letter-spacing:		-0.03em;
	color:				#000000;
}
H2.ms-rteElement-H2 {
	-ms-name:			"Heading 2";
	font-size:			1.6em;
	font-weight:		bold;
	color:				#000000;
	line-height:		1.4em;
}
H3.ms-rteElement-H3 {
	-ms-name:			"Heading 3";
	font-size:			1.3em;
	color:				#000000;
	line-height:		1.3em;
}
H4.ms-rteElement-H4 {
	-ms-name:			"Heading 4";
	font-size:			1.1em;
	font-weight:		bold;
	font-style:			italic;
	color:				#000000;	
}
H1.ms-rteElement-H1B {
	-ms-name:			"Colored Heading 1";
	/* [ReplaceColor(themeColor:"Accent1")] */ 		color: 		#623f99;
	font-size:			2em;
	font-weight:		normal;
	line-height:		1.3em;
}
H2.ms-rteElement-H2B {
	-ms-name:			"Colored Heading 2";
	/* [ReplaceColor(themeColor:"Accent2")] */ 		color:		#623f99;
	font-size:			1.6em;
	font-weight:		normal;
	line-height:		1.2em;
}
H3.ms-rteElement-H3B {
	-ms-name:			"Colored Heading 3";
	/* [ReplaceColor(themeColor:"Accent3")] */ 		color:		#623f99;
	font-size:			1.3em;
	font-weight:		normal;
	line-height:		1.2em;
}
H3.ms-rteElement-purpleBarHeader {
	-ms-name:Purple Bar Header;
	background-color: #d7d5ea;
	color: #623f99;
	font-size: 16px !important;
	display: block;
	font-weight: normal !important;
	line-height: 35px;
	padding-left: 10px;
	margin-bottom: 0px !important;
}

H4.ms-rteElement-H4B {
	-ms-name:			"Colored Heading 4";
	/* [ReplaceColor(themeColor:"Accent5")] */ 		color:		#623f99;
	font-size:			1.1em;
	font-weight:		bold;
	font-style:			italic;
}
HR.ms-rteElement-Hr {
	-ms-name:			"Horizontal Rule";
	/* [ReplaceColor(themeColor:"Light1-Medium")] */ background-color:#100515;
	height:				1px;
}
P.ms-rteElement-P {
	-ms-name:			"Paragraph";
	/* [ReplaceColor(themeColor:"Dark2-Darker")] */ color:		#100515;
	
}
DIV.ms-rteElement-Callout1 {
	-ms-name:			"Callout 1 - Left";
	color:				#593a04;
	background-color:	#fef4e4;
	float:				left;
	max-width:			25em;
	width:				100%;
	padding:			5px;
	border:				1px solid #623f99;
	margin-right:		1em;
}
DIV.ms-rteElement-Callout1a {
	-ms-name:			"Callout 1 - Right";
	color:				#593a04;
	background-color:	#fef4e4;
	float:				right;
	max-width:			25em;
	width:				100%;
	padding:			5px;
	border:				1px solid #623f99;
	margin-left:		1em;
}
DIV.ms-rteElement-Callout1b {
	-ms-name:			"Callout 1 - Centered";
	color:				#593a04;
	background-color:	#fef4e4;
	float:				none;
	max-width:			25em;
	width:				100%;
	padding:			5px;
	border:				1px solid #623f99;
	margin:				0 auto;
}


DIV.ms-rteElement-Callout2 {
	-ms-name:			"Callout 2 - Right";
	color:				#353738;
	background-color:	#f2f2f2;
	float:				right;
	max-width:			25em;
	padding:			1em;
	border-top:			8px solid #dcac2b;
	border-right:		1px solid #dcac2b;
	border-bottom:		8px solid #dcac2b;
	border-left:		1px solid #dcac2b;
	margin-left:		1em;
}
DIV.ms-rteElement-Callout2a {
	-ms-name:			"Callout 2 - Left";
	color:				#353738;
	background-color:	#f2f2f2;
	float:				left;
	max-width:			25em;
	padding:			1em;
	border-top:			8px solid #dcac2b;
	border-right:		1px solid #dcac2b;
	border-bottom:		8px solid #dcac2b;
	border-left:		1px solid #dcac2b;
	margin-right:		1em;
}
DIV.ms-rteElement-Callout2b {
	-ms-name:			"Callout 2 - Centered";
	color:				#353738;
	background-color:	#f2f2f2;
	float:				none;
	max-width:			25em;
	padding:			1em;
	border-top:			8px solid #dcac2b;
	border-right:		1px solid #dcac2b;
	border-bottom:		8px solid #dcac2b;
	border-left:		1px solid #dcac2b;
	margin:				0 auto;
}


DIV.ms-rteElement-Callout3 {
	-ms-name:			"Callout 3 - Right";
	font-style:			italic;
	color:				#737373;
	float:				right;
	max-width:			25em;
	padding:			8px;
	margin-left:		1em;
}
DIV.ms-rteElement-Callout3a {
	-ms-name:			"Callout 3 - Left";
	font-style:			italic;
	color:				#737373;
	float:				left;
	max-width:			25em;
	padding:			8px;
	margin-right:		1em;
}
DIV.ms-rteElement-Callout3b {
	-ms-name:			"Callout 3 - Center";
	font-style:			italic;
	color:				#737373;
	float:				none;
	max-width:			25em;
	padding:			8px;
	margin:				0 auto;
}


DIV.ms-rteElement-Callout4 {
	-ms-name:			"Callout 4 - Right";
	color: 				#100515;
	float:				right;
	max-width:			25em;
	padding:			1em;
	background-color: 	transparent;
	font-family:		Verdana,Geneva,sans-serif;
	border:				1px solid #ccc;
	margin-left:		1em;
}
DIV.ms-rteElement-Callout4a {
	-ms-name:			"Callout 4 - Left";
	color: 				#100515;
	float:				left;
	max-width:			25em;
	padding:			1em;
	background-color: 	transparent;
	font-family:		Verdana,Geneva,sans-serif;
	border:				1px solid #ccc;
	margin-right:		1em;
}
DIV.ms-rteElement-Callout4b {
	-ms-name:			"Callout 4 - Center";
	color: 				#100515;
	float:				none;
	max-width:			25em;
	padding:			1em;
	background-color: 	transparent;
	font-family:		Verdana,Geneva,sans-serif;
	border:				1px solid #ccc;
	margin:				0 auto;
}

/***************************
    HIDE FORBIDDEN FONTS
*****************************/
#fseaFont-0-1-Menu, /* Arial */
#fseaFont-1-0-Menu, /* tahoma */
#fseaFont-1-1-Menu, /* Courier */
#fseaFont-1-3-Menu, /* comic sans */
#fseaFont-1-4-Menu,  /* Calibri */
#fseaFont-1-6-Menu,  /* Impact */
#fseaFont-1-7-Menu,  /* Trebuchet MS */
#fseaFont-1-8-Menu, /* Palatino Linotype */
#fseaFont-1-9-Menu, /* Lucida Console */
#fseaFont-1-10-Menu /* Garamond */
 {
	display: none !important; 
}

/****************************
	IMAGE MARKUP STYLES
****************************/
img.ms-rteImage-1 {
    background-color:	transparent;
    background-image:	none;
    border: 			1px solid #100514;
}

img.ms-rteImage-2 { /* Table Border */
    border-color: 		#D8D8D8 #BFBFBF;
    border-style: 		solid;
    border-width: 		1px;
    padding: 			2px;
}

img.ms-rteImage-3 { /* Dark Border Style */
    background-color:	transparent;
    background-image:	none;
    border: 			5px solid #100514;
    box-shadow: 		0 0 1px rgba(0, 0, 0, 0.3);
    padding: 			0;
/*    position: 			relative;*/
}

img.ms-rteImage-4 { /* Light Border Style */
    background-color:	transparent;
    background-image:	none;
    border: 			10px solid #FFFFFF;
    box-shadow: 		0 0 1px rgba(0, 0, 0, 0.3);
    padding: 			0;
/*    position: 			relative;*/
}

/****************************
	TABLE MARKUP STYLES
****************************/
/***Table Style 2***/
.ms-rteTable-1 {
    color: #000;
}
.ms-rteTable-1 th.ms-rteTableHeaderRow-1,
.ms-rteTable-1 tr.ms-rteTableFooterRow-1{
 border-top:1px #623f99 solid;
 border-bottom:1px #623f99 solid;
}
.ms-rteTable-1 th.ms-rteTableHeaderFirstCol-1,
.ms-rteTable-1 th.ms-rteTableFooterFirstCol-1{
 border-top:1px #623f99 solid;
 border-bottom:1px #623f99 solid;
}
.ms-rteTable-1 th.ms-rteTableHeaderOddCol-1,
.ms-rteTable-1 td.ms-rteTableFooterOddCol-1{
 border-top:1px #623f99 solid;
 border-bottom:1px #623f99 solid;
}
.ms-rteTable-1 th.ms-rteTableHeaderEvenCol-1,
.ms-rteTable-1 td.ms-rteTableFooterEvenCol-1{
 border-top:1px #623f99 solid;
 border-bottom:1px #623f99 solid;
}
.ms-rteTable-1 th.ms-rteTableHeaderLastCol-1,
.ms-rteTable-1 th.ms-rteTableFooterLastCol-1{
 border-top:1px #623f99 solid;
 border-bottom:1px #623f99 solid;
}
.ms-rteTable-1 tr.ms-rteTableOddRow-1{
 background-color:#c5c5c5;
}

/***Table Style 3***/
.ms-rteTable-6 th.ms-rteTableHeaderEvenCol-6, .ms-rteTable-6 th.ms-rteTableFooterEvenCol-6,
.ms-rteTable-6 th.ms-rteTableHeaderFirstCol-6, .ms-rteTable-6 th.ms-rteTableFooterFirstCol-6,
.ms-rteTable-6 th.ms-rteTableHeaderLastCol-6, .ms-rteTable-6 th.ms-rteTableFooterLastCol-6,
.ms-rteTable-6 th.ms-rteTableHeaderOddCol-6, .ms-rteTable-6 th.ms-rteTableFooterOddCol-6 {
    background-color: #8166a9;
    border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
    color: #FFFFFF;padding:3px;
}
.ms-rteTable-6 td.ms-rteTableEvenCol-6, .ms-rteTable-6 td.ms-rteTableFooterEvenCol-6,
.ms-rteTable-6 td.ms-rteTableOddCol-6, .ms-rteTable-6 td.ms-rteTableFooterOddCol-6, 
.ms-rteTable-6 td.ms-rteTableHeaderFirstCol-6, .ms-rteTable-6 td.ms-rteTableFooterFirstCol-6,
.ms-rteTable-6 td.ms-rteTableHeaderLastCol-6, .ms-rteTable-6 td.ms-rteTableFooterLastCol-6,
.ms-rteTable-6 td.ms-rteTableHeaderOddCol-6, 
.ms-rteTable-6 td {
    padding:3px;
}

.ms-rteTable-6 th.ms-rteTableHeaderEvenCol-6, .ms-rteTable-6 td.ms-rteTableFooterEvenCol-6,
.ms-rteTable-6 th.ms-rteTableHeaderOddCol-6, .ms-rteTable-6 td.ms-rteTableFooterOddCol-6,
.ms-rteTable-6 td.ms-rteTableFooterLastCol-6 {
    background-color: #8166a9;
    border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
    color: #FFFFFF;
}

/***Table Style 4***/
.ms-rteTable-bluehover {
	-ms-name:"Table Style 4 - Gold Hover";} /* sets the name of the table style */

.ms-rteTable-bluehover td,
th.ms-rteTableFirstCol-bluehover,
th.ms-rteTableFooterFirstCol-bluehover {
	padding:10px;
	text-align:center;
	border-bottom:1px solid #ccc;
}
.ms-rteTableHeaderRow-bluehover th {
	background:#ccc;
	color:#333;
	padding:10px;
	text-align:center;
}

.ms-rteTableOddRow-bluehover:hover,
.ms-rteTableEvenRow-bluehover:hover {
	background:#ffd96e;
}

.ms-rteTableFooterRow-bluehover td,
th.ms-rteTableFooterFirstCol-bluehover{
	padding:10px;
	border-top:1px solid #ccc;
	background:#efefef;
}


/* document library simplified display */
.docTable {
	display: table;
	border-collapse: separate;
}
.docRow {
	display: table-row;
}
.docCell {
	display: table-cell;
	padding: 0px;
	vertical-align: middle;
}


/* Layout Styles
********************************************************************************************************		LAYOUT STYLES			***************************/
#containerBG { background: /*#adaab3 url( "../../images/v5/uwspBG.jpg")*/ #bdbdbd url( "../../images/v5/containerBGgradient.png") repeat-x; }

#contentWrapper {
    width: 100%;
    max-width: 960px;
    position: relative;
    margin: auto;
    border-right: 0px solid #000;
    border-left: 0px solid #000;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
    -o-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
}

#bannerWrapper img {
	width: auto;
	max-width: 100%;
	display: block;
}

#siteBannerMobile {
	display: none;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

#contentContainer1 {
	height: auto;
	margin: auto;
	background: url('/SiteAssets/images/v5/containerBkrnd.gif') repeat-y;
}

#contentContainer2 {	
	height: auto;
	margin: auto;
	font-size: 1em;
	background: #FFFFFF;
	overflow: auto;
}

#pageTitleContainer { margin: auto; }

#innerContainer {
    min-height: 350px;
    max-width: 960px;
	padding: 10px 20px;
	word-wrap:break-word;
}

#innerContainer img {
	height: auto !important;
	width: auto;
	max-height: 99999px;
	max-width: 100%;
	margin: 5px;
}

/*InfoPath Form Asterisk Fix*/
.asteriskIcon IMG {
	MARGIN: 0px !important;
	MAX-WIDTH: none !important;
	MAX-HEIGHT: none !important;
}


#footer {
	height: auto;
	clear: both;
	padding: 10px 10px 15px 10px;
	background: #100514;
	color: #FFFFFF;
	text-align: center;
}

#footer {
	color: #FFFFFF !important; /*set to important in case list field is styled to colors*/
	font-size: .8em !important;
	line-height:1.8em;
}

#footer font {
	color: #FFFFFF !important; /* Same as above, but a font tag is added in some cases. */
}

#footer a {
	color: #FFFFFF;
	text-decoration:underline;
}

#footer a:hover { color: #caaafd; }

#footerWrapper { background:#fff; } /* Needed in case the navigation extends longer than the page. */

#footerCustomContent {}
#footerCustomContent a {
	color: #FFF !important;
	text-decoration: underline !important;
}
#footerCustomContent a:hover {
	color: #caaafd !important;	
}
#footerCustomContent .ms-WPBody {
	padding: 0px !important;
}
.customFooterContent-interior, .customFooterContent-interior div, .customFooterContent-interior div p {
	color: #FFF;
	line-height: 16px;
	font-size: 9px;
}

/* Site  Navigation 
********************************************************************************************************		SITE NAVIGATION			*/
#siteNav {
	clear:left;
	float: left;
	width: 170px;
	transition: .2s;
	-moz-transition:.2s; /* Firefox 4 */
	-webkit-transition: .2s; /* Safari and Chrome */
	-o-transition: .2s; /* Opera */
	z-index: 10;
	
}

#siteNav h1 {
	font-size: 1.35em;
	font-weight: normal;
	margin: 0;
	background: #404040;
	border-bottom: 1px solid #292929;
	color: #fff;
	padding: 5px 10px 5px 7px;
}

#siteNav li {
	font-size: 1.2em;
	border-bottom: 1px solid #797d84;
	color: #fff;
	padding: 8px 10px 8px 15px;
	background: #4C4F56;
}
#siteNav li:hover { background:#262c3a; }

#siteNav ul {
	margin: 0;
	list-style: none;
	padding: 0;
	position: absolute;
	top: -999px;
}

.toggleButton {
	float: right;
	width: 10px;
	height: 5px;
	margin: 12px 5px 0 0;
	background: url('/SiteAssets/images/v5/toggleButtons.png');
}

.toggleButtonOpen { background-position: right !important; }

#siteTitleMobile{ display: none; }

#siteNav .expanded {
	position: relative !important;
	top: 0 !important;
}

/* Social Media Icons
********************************************************************************************************		SOCIAL MEDIA ICONS		*/
#socialMediaIcons {
	text-align:right;
	margin-right:20px;
	clear:both;
}
#socialMediaIcons a span {
	position:absolute;
	left:-9999px;
	height:1px;
	width:1px;
	display:block;
}
#socialMediaIcons img {
	margin:10px 0 10px 13px;
}

/* SharePoint Ribbon 
********************************************************************************************************		SHAREPOINT RIBBON			**************************/

/*SHAREPOINT RIBBON*/
#s4-ribbonrow {
    height: auto !important;
	min-height: 0 !important;
    clear: both;
    position: fixed;
	z-index: 1000;
	overflow-y:	hidden;
    background: transparent;
}

/*DEFAULT LOCATION FOR RIBBON GRADIENT*/
#s4-ribboncont {
	background: none !important;
}

/*BORDER FOR RIBBON*/
.ms-cui-topBar2  { border-bottom: none; }

/*SITE ACTIONS STATIC*/
.ms-siteactionsmenuinner {
	background: transparent;
	border-color: transparent;
}

/*SITE ACTIONS HOVER*/
.ms-siteactionsmenuhover {
	background: transparent;
	border-color: #8B929A;
}

/*RIBBON LEVEL FOLDER HOVER*/
.s4-breadcrumb-anchor:hover, .s4-breadcrumb-anchor-open, .ms-qatbutton:hover {
	background: #100514;
	border-color: #8B929A;
}

/*SITE ACTIONS BREADCRUMB MENU*/
.s4-breadcrumb-menu  {
	max-width: 400px;
	min-width: 142px;
	overflow-x: hidden;
	padding: 1px 15px 5px 1px;
	background: none repeat scroll 0 0 #100514;
	border: 1px solid;
	font-size: 8pt;
	color: #FFFFFF;
	word-wrap: break-word;
}

/*RIBBON BORDER*/
.ms-cui-topBar2 { border-bottom: 1px solid #360D4A; }

/*SITE ACTIONS TEXT COLOR*/
.ms-siteactionsmenu > span > a { color: #EACC12; }

/*BREADCRUMB LINKS TEXT COLOR*/
.s4-title h1 a, .s4-title h2 a { color: #D8D4CF; }

/*BREADCRUMB PAGE TITLE TEXT COLOR*/
.s4-title h2 { color: #EACC12; }

/*BREADCRUMB MENU TITLE TEXT COLOR*/
.ms-ltviewselectormenuheader .ms-viewselector a, .ms-ltviewselectormenuheader .ms-viewselectorhover a { color: #EACC12; }

/*PAGE TITLE AND DESCRIPTION TEXT COLOR*/
.s4-title .s4-pagedescription, .s4-title .s4uniqpermdescription { color: #D8D4CF; }

/*BROWSE TAB TEXT COLOR*/
.ms-browseTab.ms-cui-tt-s > a.ms-cui-tt-a  {
	color: #EACC12 !important;
	background: transparent;
}
.ms-browseTab.ms-cui-tt-s > a.ms-cui-tt-a:hover  {
	text-decoration: underline;
	background: none;
}

/*RIBBON TABS BORDER COLOR*/
.ms-cui-tt-s > .ms-cui-tt-a {
	border-color: #4C4C4C;
    color: #23272C !important;
}

/*PAGE TAB TEXT COLOR*/
.ms-cui-tt-a { color: #EACC12 !important; }

/*SOCIAL NOTIFICATIONS TEXT COLOR*/
.ms-socialNotif-text { color: #EACC12; }

/*WEB PART ADDER BACKGROUND COLOR*/
.ms-wpadder {
	background-color: #ECECEC;
	background-image: none;
}

/*LIBRARY TABS*/
.ms-cui-cg-db.ms-cui-cg-s .ms-cui-tt-s .ms-cui-tt-a:hover { color: #EACC12; }

/* Utility Styles
********************************************************************************************************		UTILITY STYLES			**************************/
.clearFloat { clear:both; height:0; width:0; }

/* Hide content without removing it from screen readers. */
.hidden { position:absolute; top:-999px; width:1px !important; height:1px !important; overflow:hidden; }

/* Completly remove content from screen and readers, and add it in mobile pages only. */
.mobileOnly { display:none; }


/* Miscellaneous Styles
********************************************************************************************************		MISCELLANEOUS STYLES			**************************/
#embeddedcontent { display: none; }

/* override default scrolling behavior */
body.v4master {
   overflow: visible;
   height: inherit;
   width: inherit;
}
body #s4-workspace { overflow: visible !important; }
body #s4-ribbonrow {
	position: fixed;
	z-index: 1000;
	min-height: 0 !important;
    height: auto !important;
}
#s4-ribbonrow .ms-MenuUIPopupBody, #s4-ribbonrow .ms-popoutMenu, .ms-cui-menu[id ^= "Ribbon."] {
	position: fixed !important;
}
.ms-dlgOverlay { width: 100% !important; }
body #s4-bodyContainer { min-width: 0; height: inherit; position: relative;}

.ms-SPZone { background: #f2f2f2; }

/* Prevent IE <a> image borders */
a img { border: none; }

/* remove padding on article pages */
div.article, div.welcome { padding: 0px; }

#viewFullSite { display: none; }

.fullWidth { max-width: 100% !important; max-height: 100% !important; margin: 0 !important;}

/* Prevents SharePoint's auto-generated tables from stretching beyond the width of their container. For layout/image resizing purposes */
.s4-wpcell-plain .s4-wpTopTable { table-layout: fixed; width:100% !important; } 

/* RAVE */
#raveEmergency {
	display: none;
}
#raveEmergency.active {
	background: #f00;
	display: block;
	padding: .5em;
	text-align: center;
}

#raveEmergency h1, #raveEmergency p, #raveEmergency date {
	display: inline;
	color: #fff;
	font-size: 1.2em;
	line-height: 1.4em;
	margin-left: 10px;
}

/* meta info container in editing mode */
#editMetaInfo {
	background-color: #EEE;
	padding: 10px;
	border: 1px #CCC solid;
}

#editMetaInfo .ms-formfieldlabel {font-weight: bold;}

/* improved faculty staff list default styling */
.fsDivRow {display: table-row;}
.fsCell {width: 330px;float: left;border: 0px #000 solid;padding: 10px;margin-bottom: 15px;	background-color: #ddd;font-size: 11px;}
.fsCell:nth-child(odd) {margin-right: 15px}
.fsCellHeight {min-height: 180px;}
.fsImage {float: left;margin: 0px 10px 0px 0px !important;}
div.fsCell a img.fsImageSize, div.fsCell img.fsImageSize {/*height: 160px !important;*/ width: 115px !important;}
.fsName, fsName a {font-size: 16px;	margin-top: 5px;	margin-bottom: 2px;	line-height: 18px; font-weight: normal}
.fsTitle {margin-bottom: 10px; line-height: 12px;}


/* top banner */

.textbannerheader {
	background-color: #623f99;
	background-image: url(/SiteAssets/images/DepartmentBannerBG.png) !important;
	background-repeat: repeat-x;
	cursor: pointer;
}

#bannerWrapper {
	background-color: #623f99;
	background-image: url(/SiteAssets/images/DepartmentBannerBG.png) !important;
	background-repeat: repeat-x;
	cursor: pointer;
}
#bannerWrapper .textBanner {
	color: #FFF;
	padding-left: 26px;
	padding-bottom: 12px;
}
#bannerWrapper .textBanner h1 {
	margin: 0px;
	padding: 18px 0px 0px 0px;
	font-size: 26px;
}
#bannerWrapper .textBanner span {
	color: #ccccff;
}



/* 2 extra divs at the bottom of the page used for admissions lightboxes */
#lb-bg,#lb-win {display: none;}


/* responsive iframe */
.iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.iframe-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* Media Queries / Responsive Styling 
********************************************************************************************************		MEDIA QUERIES / RESPONSIVE STYLING			**************************/
@media screen and (max-width: 960px) {
	/* Forces the search box to scale down slightly */
	.s4-search input.ms-sbplain { width: 100px !important; }
	
	/* Shows a link for mobile devices that lets them view the site at full-width (instead of responsive) */
	#viewFullSite { display: block !important; }
	
	#contentWrapper {
		width: 100% !important;
		box-shadow: none;
		-moz-box-shadow: none;
    	-webkit-box-shadow: none;
    	-o-box-shadow: none;
		border:none;
	}
	
	#innerContainer p img {
		margin: 5px;
		height: auto;
		width: auto;
		max-height: 99999px;
		max-width: 40%;
	}
	
	.fullWidth { max-width: 100% !important; max-height: 100% !important; margin: 0 !important;}
	
	/* improved faculty staff list default styling */
	.fsCell {
		width: 43%;
		float: none;
		display: inline-block;
		vertical-align: top;
		-webkit-text-size-adjust: 100%;
	}
	.fsImage {float: none;margin: 0px !important;}
	.fsDivRow {display: block !important;}

}

@media screen and (max-width: 767px) {
/* improved faculty staff list default styling */
.fsCell {width: 95%;-webkit-text-size-adjust: 100%}
.fsCell:nth-child(odd) {margin: 0px 0px 10px 0px;}
.fsName, fsName a {margin-top: 0px;}
.fsImage {float: left;margin: 0px 10px 0px 0px !important;}
#bannerWrapper .textBanner {height: auto; padding-bottom: 10px;}
#bannerWrapper .textBanner h1 {font-size: 22px;padding-top: 20px; }
#bannerWrapper .textBanner span {}
}

@media screen and (max-width: 500px) {
	/* Hide content from mobile devices only. */
	.noMobile { display: none; }
	
	.mobileOnly { display:block; }
	#bannerWrapper img { display:none; }
	#siteBannerMobile { display:none; }
	#siteTitleMobile{ display: block; }
	
	#containerBG { margin-top: 0px !important; }
	#s4-workspace { padding: 0 !important; }
	#ribbonBackground { display: none !important; }
	#contentContainer1 { background: #fff; }
	
	#siteNav {
		position: absolute;
		left: -170px;
		z-index: 10;
		width: 0px;
	}
	
	#siteNav.menuOpen {
		width: 200px;
		position: absolute;
		left: 0;
		box-shadow: 0 0 35px rgba(0, 0, 0, .51);
		border-top: 1px solid black;
		border-right: 1px solid black;
		border-bottom: 1px solid black;
	}
	
	#siteNav a h1{
		min-height: 25px;
		padding-top: 10px;
	}
		
	#siteNav div.toggleButton { margin-top: 16px; }
	
	#siteTitleMobile {
		/*background:#636771;*/
		background:#410080;
		/*min-height:42px;*/
		width:100%;
	}
	
	img#siteMenu {
		margin:3px 0;
		padding:7px 7px 7px 0;
		height:20px;
		/*border-right:1px solid #000;*/
	}
	
	h1#siteTitle {
		margin:0 0 0 45px;
		font-size:1.6em;
		color:white;
		padding:10px 0 12px 0;
	}
	#contentContainer1 { clear: both; }
	
	/* improved faculty staff list default styling */
	.fsCell {width: 95%;-webkit-text-size-adjust: 100%}
	.fsCell:nth-child(odd) {margin: 0px 0px 10px 0px;}
	.fsName, fsName a {margin-top: 0px;}
	
	#bannerWrapper .textBanner {height: 0px;padding: 0px;}
	#bannerWrapper .textBanner h1, #bannerWrapper .textBanner span {display: none;}

}