/* Branding V5 Styles
	--------------------------------
	Defines styles for the global branding bar, which includes the UWSP logo, global navigation, search, and sign in link.
	
*/


/* Branding Layout Styles
********************************************************************************************************		BRANDING LAYOUT			***************************/
#UWSPbarContainer {
	width:		100%;
	background:	#623f99;
	border-top: 3px solid #ffc82e;
}

#UWSPbar {
	background:	none;
	margin:		auto;
	width:		98%;
	max-width:	960px;
	padding:	2px;
}

#UWSPbar img {
	height:		auto;
	max-height:	100%;
	max-width:	100%;
	width:		auto;
}

#brandingLogo { 
	float:		left;
}

#brandingContent {
	float:		right;
	max-height:	78px;
}

#sharepointTools { float:right; }
#resourcesNav{ float:left; }
#universityNavIcon { display:none; }
#searchMobile { display: none;}

/* Resources Navigation
********************************************************************************************************		RESOURCES NAVIGATION			***************************/
#resourcesNav ul {
	list-style:		none;
	margin:			33px 40px 0 0;
	padding:		0;
}
#resourcesNav li {
	display:		inline;
	font-size:		1em;
	padding:		0 5px;
	border-right:	2px solid #FFC82E;
}

#resourcesNav li.lastItem {
	border:			none;
}

#resourcesNav a {
	color: 			#ffc82e;
	font-weight: 	bold;
	text-decoration:none;
}

#resourcesNav li:hover {
	text-decoration:underline;
}

#resourcesNav ul li a:hover, #resourcesNav ul li:hover {color: #FFC82E !important;}

/* University Navigation
********************************************************************************************************		UNIVERSITY NAVIGATION			***************************/
#universityNav {
	background: #410080;
	display:	block;
	clear:		both;
	/*height:		100%;*/
	width:		100%;
}

#universityNav ul {
	font-size:	1.2em;
	font-weight:bold;
	line-height:28px;
	list-style:	none;
	margin:		0 auto;
	max-width:	960px;
	padding:	0;
	text-align:	center;
	width:		100%;
}

#universityNav a { padding: 0; }



#universityNav a li:hover { background:#623f99; cursor: pointer; }


#universityNav li {color: #FFFFFF;display: inline-block;height: 28px; width: 16%;transition: background-color 0.3s ease-out;}
	#universityNav li a {display: block;color: #FFF;}
	#universityNav li:hover { background:#623f99; cursor: pointer;transition: background-color 0.1s ease-out;}

#bannerWrapper {
	background-color: #623f99;
	background-image: url(/SiteAssets/images/DepartmentBannerBG.png);
	background-repeat: repeat-x;
}

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



/* SharePoint Tools - Search bar, sign in
********************************************************************************************************		SHAREPOINT TOOLS - SEARCH, LOG IN		***************************/

#search { clear: both; }

/*Search Box Styles*/
.s4-search input.ms-sbplain {
	height:			13px; 
	width: 			150px !important;
	margin: 		1px 5px 0px 0px!important; 
	padding:		4px 2px 2px 9px; 
	z-index:		5;

	background: 	#FFFFFF;
	color:			#000000;
	border: 		1px #000000 !important; 
	border-radius: 	3px 3px 3px 3px;
	font-size:		.85em; 
	font-style:		normal;
}


/*Sign in / username */
.s4-trc-container-menu  { float: right ; margin: 3px; }
.ms-welcomeMenu.ms-SpLinkButtonActive {
	border-color:	#8b929a;
	background: 	transparent;
}
#s4-titlerow { display:none; }
.s4-search table {
	float:			right;
	margin-right:	0px;
}
/*IE7 hack to correct positioning*/
*:first-child+html .s4-search input.ms-sbplain {
	height:			14px; 
	padding:		2px 2px 2px 9px; 
}
.s4-search .ms-sbgo a {
	height:			25px; 
	width:			25px; 
	display:		block; 
	background:		url( "/SiteAssets/images/goBtn-gold.png" ) no-repeat; 
}
.s4-search .ms-sbgo a:hover { background: url( "/SiteAssets/images/goBtn2-gold.png" ) no-repeat; }
.s4-search .srch-gosearchimg, .s4-search .ms-sbgo span { display: none; }
.adminBar .ms-sbrow a, .ms-sbcell { margin: 0; padding: 0; }

/*HELP BUTTON NEXT TO SEARCH BAR*/
.s4-help  { display: none; }

/* extra styling bar */
#topContent { display: none;}

/* utility */
.hideIt { display: none; }


/* Media Queries / Responsive Styling 
********************************************************************************************************		MEDIA QUERIES / RESPONSIVE STYLING			**************************/
@media screen and (max-width:960px) {
	#resourcesNav ul {
		margin: 22px 30px 0 0;
	}
	#resourcesNav li {
		border:			none;
		padding:		0 6px 5px 0;
		float:			left;
		width:			70px;
		text-align:		center;
	}
	
	#resourcesNav li.newLine { clear:both; }
}



@media screen and (max-width: 767px) {
	#sharepointTools { display: none; }
	#searchMobile { display: block; }
	img#defaultSearchIcon { height:45px;}
	
	#brandingMobile {
		float:			right;
		margin-top:		2px;
	}
	
	#brandingLogo { height:50px; }
	#resourcesNav ul { margin: 8px 5px 0 0; }
	
	#universityNav li {
		height:38px;
		line-height:38px;
		display:inline-block;
		width:32%;
	}
}

@media screen and (max-width: 500px) {
	#UWSPbar { height:50px; }
		
	#mobileSiteMenu {
		float:left;
		padding-left:5px;
	}


	#universityNav { display:none; }
	#universityNavMobile {
		opacity:	0;
		width:		45px;
		height:		45px;
		cursor:		pointer;
	}
	#universityNavIcon {
		background-image:url('http://www.uwsp.edu/SiteAssets/images/Nav.png');
		display: block;
		float: left;
		/*border-left: 2px solid #3c265f;*/
		height:45px; /* Duplicatation needed for Safari */
	}
		
	#sharepointTools { display: none; }
	#resourcesNav { display:none; }

	#defaultSearchIcon { 
		height:45px;
	 	margin-left:4px;
		/*border-left: 2px solid #3c265f;*/
	}

	#brandingMobile {
		float:			none;
		margin:			0;
		display:		block !important;
		width: 			95px;
		padding-top:	2px;
	}
}