/* --- SAU Portal Theme --- */
/* --- based off "Aegean" JIC Theme --- */
/*------entire site ----------*/
body{
	margin-top:5px;
}
a:link, a:visited {
	color: #0B4981;
	outline: none;
	text-decoration: none;
 }
 a:focus, a:hover{
 	text-decoration:underline;
 }
 h1, h2, h3, h4, h5, h6 {
	color: #0B4981;
	cursor: default; }
#PORTLETGRID
{
	*width: 99%;
}
/*---------------Logo Area--------------------*/
#siteWrapper
{
	margin: 0 auto;
	min-width: 960px!important;
	/* max-width:1200px;  */
    max-width:none;
}
#masthead
{
	background:transparent;
	height:85px;
	min-width: 960px!important;
}
#masthead h1
{
	height:85px;
	background: transparent url(images/SAU-Logo-reverse_small.gif) left top no-repeat;
	text-indent: -9999px;
}
/* 2015-12-21 CAB Edit - START*/
#masthead {height:70px;}
#masthead h1
{
	height:57px;width:339px;
	background: transparent url(https://www.arbor.edu/wp-content/uploads/2012/06/site-arbor-logo.png) 5px top no-repeat;
	background-size: 339px 57px;
    background-repeat: no-repeat;
}
/* 2015-12-21 CAB Edit - END*/

#masthead a
{
    height: 100%;
	width: 400px;
	display: block;
}
/*---------------Welcome Back (login) bar--------------------*/
#welcomeBackBar
{
	position:relative;
	margin-top:-75px;
	float:right;
	background:#fff;
	color:#0B4981;
}
/* 2015-12-21 CAB Edit - START*/
#welcomeBackBar
{
	margin-top:-65px;
}
/* 2015-12-21 CAB Edit - END*/
#welcomeBackBar input
{
	border: 1px solid #ccc;
	color: #666;
	font-weight:bold;
}
#welcomeBackBar #btnLogin
{
	background: #0B4981;
	color:#fff;
	font-weight:normal;
}
#welcomeBackBar a, #welcomeBackBar a:link, #welcomeBackBar a:visited
{
	color: #666;
	font-style: italic;
}

#welcomeBackBar #userLogin,
#welcomeBackBar #userWelcome 
{
    clear: both;
    display: block;
    padding-right: 4px;
    text-align: right;
}

#welcomeBackBar div#userWelcome {padding-top:9px;}

/*---------------HeaderTabs (main menu)--------------------*/

/*-------Lets reset a few things here -----------------*/
#headerTabs ul, #headerTabs ul li, #headerTabs ul li.firstTab, #headerTabs ul li.selected, #headerTabs ul li.selected a
{
	padding:0;
	margin:0;
	border:0;
	background:transparent;
	color: #fff;
}
#headerTabs
{

	background:#0B4981;
	font-size:14px;
	text-transform:uppercase;
	height:28px;
	clear:both;
	overflow:hidden;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;	
	
}
#headerTabs ul li a
{
}
#headerTabs ul li, #headerTabs ul li.selected,  #headerTabs ul li.firstTab, #headerTabs ul li:hover
{
	margin-right:0px;
	padding: 7px 15px 0 15px;
	display:block;
	float:left;
	height:21px;

}
#headerTabs ul li:hover, #headerTabs ul li.selected a:hover, #headerTabs ul li a:hover, #headerTabs ul li.firstTab:hover, #headerTabs ul li.selected
{
	color:#fff;
	background:#7DA5C8;
	text-decoration:none;
	height:21px!IMPORTANT;
}
#headerTabs li.selected
{
	top:0;
}
#headerTabs ul li.selected
{
	background:#7DA5C8;

}
/*---------------More Dropdown--------------*/
#headerTabs li#more
{
	background:url(images/more.png) right no-repeat;
	padding-right:20px;
}
#headerTabs li#more:hover
{
	background:#7DA5C8 url(images/more.png) right no-repeat;
	padding-right:20px;
}
#headerTabs #moreList
{
	position:absolute;
	z-index:50;
	margin-left:-15px;
	/* margin-top: 6px; */
	*margin-left:-54px;
	/* margin-top:20px; */
	clear:both;
	list-style:none;

	}
#headerTabs ul li ul li
{
	float:left;
	clear:both;!IMPORTANT
	display:block;
	width:100%;
	*min-width:10%;
	font-size:12px;
	border-bottom:1px dashed #ccc;
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
	background:#000;
}
#headerTabs ul li ul li.selected, #headerTabs ul li ul li:hover
{
	background:#7DA5C8;
	filter: alpha(opacity=100);
	border-bottom:1px dashed #ccc;
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}
/*---------------BreadCrumbs---------------*/
#mainCrumbs
{
	background:transparent;
	border:0;
	color:#666;
}
#mainCrumbs a, #mainCrumbs a:link, #mainCrumbs a:visited
{
	color:#666; !IMPORTANT
}

/*---------------The Dreaded Side Bar-------------*/
/*------------ Reset some things to no backgrounds and no borders --*/
#pagePortlets  li a, #pagePortlets  li a:link, #pagePortlets  li a:visited { text-decoration: none; } 

#pagePortlets li a:hover {text-decoration: none;}

#pagePortlets .selected {
  background:transparent;
  }


#pagePortlets li
{
	display:block;
	margin-left:-25px;
}

#sideBar div.sideSection, #pagePortlets li, #contextPages, #contextPages li, #contextPages li.currentPage, #sideBar li.addPage, #sideBar div#quickLinks
{
	background:none;
	background:transparent;
	border:0;
	list-style:none;
}
#sideBar h2, #sideBar h2 a, #sideBar h2 a:link, #sideBar h2 a:visited, #sideBar h3, #sideBar h3 a, #sideBar h3 a:link, #sideBar h3 a:visited, #sideBar div#quickLinks h3
{
	color: #000037; 
	background:transparent;
	border:0;
}
/* Start the styling */

#sideBar div.sideSection, #sideBar div#quickLinks 
{
	/* background:#7DA5C8; */
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	width:99%;
	padding-top:1px;
}

#sideBar div#quickLinks 
{
	/* background:#0B4981;!IMPORTANT */
}


#sideBar
{
	width:17%;
    /* width:auto; */
	min-height:380px;
    background-color: #FFF;
}
#thisContext a, #thisContext a:link, #thisContext a:visited
{
	color:#0B4981!IMPORTANT;
	text-decoration:none;
}
#sideBar a, #sideBar a:link, #sideBar a:visited
{
/*	color:#fff; */
	text-decoration:none;
}
#sideBar a:hover
{
	text-decoration:underline;
}

#sideBar h2, #sideBar div#quickLinks h3
{
	margin:10px 10px 5px 10px;
	font-size:16px;
	border-bottom: 1px solid #fff;
}
#sideBar div#quickLinks h3 {margin-left:0px;padding-left:10px;}
#contextPages li
{
	padding: 5px 0 0px 10px;
	color:#0B4981;
	font-size:12px;
}

/* Added 2015-12-17 CAB */

#contextPages li.currentPage {
    background-color: #7DA5C8; 
}

#contextPages li.currentPage a {color:white !important;}

#contextPages li.currentPage ul,
#contextPages li.currentPage ul li, 
#contextPages li.currentPage ul li a {
    background-color: white; 
}

#contextPages li.currentPage ul {margin-left:0px;padding-bottom:0px; /* commendted out 1-6 CB display:none;*/}
#contextPages li.currentPage ul li a {color:#0B4981 !important;}
#contextPages li.currentPage ul#pagePortlets li {padding-left:30px;margin-bottom:0px;}
div#thisContext.sideSection h2 {display:none;}
div#thisContext.sideSection ul {margin-top:10px;}
div#thisContext.sideSection ul li {padding-bottom:0px;}
div#thisContext.sideSection ul li {margin-bottom:5px;}

div#thisContext.sideSection ul li a {}
/* Added 2015-12-17 CAB */

/* Added 2016-01-12 CAB New SAU Apps - START */
ul#sauapps {margin:0px;padding:0px;}
ul#sauapps li { list-style-type:none;text-align:center;float:left;margin-right:35px;height:150px; }
ul#sauapps li a{display:block;width:95px;height:20px;padding-top:85px;text-decoration:none;margin:0 auto;} 

ul#sauapps li#studentemail a{background:url(/ics/ClientConfig/HtmlContent/images/SVG/email-icon.svg) no-repeat;background-size: 80px 80px;background-position:7px top;;}
ul#sauapps li#studentemail a:hover{
	background: url(/ics/ClientConfig/HtmlContent/images/SVG/email-icon-hover.svg) no-repeat;background-size:80px 80px;background-position:7px top;
}
ul#sauapps li:last-child {margin-right:0px;}
ul#sauapps li#facstaffemail a{background:url(/ics/ClientConfig/HtmlContent/images/SVG/oldoffice-icon.svg) no-repeat;background-size: 80px 80px;background-position:7px top;}
ul#sauapps li#facstaffemail a:hover{background:url(/ics/ClientConfig/HtmlContent/images/SVG/oldoffice-icon-hover.svg) no-repeat;background-size: 80px 80px;background-position:7px top;}
ul#sauapps li#virtuallab a{background:url(/ics/ClientConfig/HtmlContent/images/SVG/virtuallab-icon.svg) no-repeat;background-size: 80px 80px;background-position:7px top;}
ul#sauapps li#virtuallab a:hover{background:url(/ics/ClientConfig/HtmlContent/images/SVG/virtuallab-icon-hover.svg) no-repeat;background-size: 80px 80px;background-position:7px top;}
ul#sauapps li#office365 a{background:url(/ics/ClientConfig/HtmlContent/images/SVG/office-icon-03.svg) no-repeat;background-size: 80px 80px;background-position:7px top;}
ul#sauapps li#office365 a:hover{background:url(/ics/ClientConfig/HtmlContent/images/SVG/office-icon-hover-04.svg) no-repeat;background-size: 80px 80px;background-position:7px top;}
ul#sauapps li#box a{background:url(/ics/ClientConfig/HtmlContent/images/SVG/box-icon.svg) no-repeat;background-size: 80px 80px;background-position:7px top;}
ul#sauapps li#box a:hover{background:url(/ics/ClientConfig/HtmlContent/images/SVG/box-icon-hover.svg) no-repeat;background-size: 80px 80px;background-position:7px top;}
ul#sauapps li#pebblepad a{background:url(/ics/ClientConfig/HtmlContent/images/SVG/pebblepad-icon.svg) no-repeat;background-size: 80px 80px;background-position:7px top;}
ul#sauapps li#pebblepad a:hover{background:url(/ics/ClientConfig/HtmlContent/images/SVG/pebblepad-icon-hover.svg) no-repeat;background-size: 80px 80px;background-position:7px top;}
ul#sauapps li#blackboard a{background:url(/ics/ClientConfig/HtmlContent/images/SVG/blackboard-icon.svg) no-repeat;background-size: 80px 80px;background-position:7px top;}
ul#sauapps li#blackboard a:hover{background:url(/ics/ClientConfig/HtmlContent/images/SVG/blackboard-icon-hover.svg) no-repeat;background-size: 80px 80px;background-position:7px top;}
/* Added 2016-01-12 CAB New SAU Apps - END */
/* Added 2016-02-11 CAB */

table#campus-visit {padding:0px;border-collapse: collapse;}

table#campus-visit td, table#campus-visit th {border: solid 1px #CCC;padding:3px;}
table#campus-visit th {background-color:#CCC;}

#contextPages li a, #contextPages li a:link, #contextPages li a:visited, #sideBar .addPage a, #sideBar .addPage a:link, #sideBar .addPage a:visited
{
	color:#0B4981;
}

#manageLinks li
{
	padding: 5px 0 5px 15px;
	clear: both;
}
#pagePortlets
{
	
}
/* this looks silly but it's set individually in the base style so we have to override each one */
#sideBar,
#sideBar .manageGroup a,
#sideBar .manageGroup a:link,
#sideBar .manageGroup a:visited {
  color: #000;
  }

#sideBar .addPage a,
#sideBar .addPage a:link,
#sideBar .addPage a:visited {
  color: #0B4981;
  }
#sideBar .manageContext a,
#sideBar .manageContext a:link,
#sideBar .manageContext a:visited {
  color: #0B4981;
  }
  
#sideBar .usageStats a,
#sideBar .usageStats a:link,
#sideBar .usageStats a:visited {
  color: #0B4981;
}
 
#sideBar #subContexts li { 
    padding-left: 10px;
}

#sideBar #subContexts a {
	background-position: 0 3px;
	margin: 0 0 7px;
	font-weight:bold;
	font-size:12px;
	float: left;
	clear: both;
	width: 90%;
}

/* Form Styling */
p.label_first {clear:both;}
p.label_first label {display:block;float:left;width:150px;}
p.label_first input {display:block;float:left;}
/* Form Styling */


#quickLinks dl
{
	padding-left:15px;
}
#quickLinks li
{
	padding-left: 10px;
}
#xpndPrtlts{
	background: url(../../../ICS/UI/Common/images/plus.gif) 2px 2px no-repeat;
	display: block;
	float: right!important;
	height: 12px!important;
	overflow: hidden!important;
	text-indent: 1000px;
	width: 16px!important;
}
#xpndPrtlts.expanded {
	background: url(../../../ICS/UI/Common/images/minus.gif) 2px 2px no-repeat;
}
/*--------------Portlet area--------------*/
#pageTitle {
    width: 99%;
    margin: 8px 0 7px; 
}
#pageTitle h2 #contextName {
    font-size: 180%;
}

#pageTitle h2 a, #pageTitle h2 a:link, #pageTitle h2 a:visited
{
	color:#0B4981;
	font-weight:bold;
}
a.imageAndText span
{
	text-decoration:none;
}
#portlets
{
 	width:81%;
    /* width:1300px;
    /* width:auto; */
}
.pShortcut {
    background-color: #F3F3F3; 
    border: 0 none;
	float: right;
	margin-right: 5px;
}
.portlet
{
	clear:both;
    background-color: #F2F2F2;
    border-radius: 3px;
    box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
    border: 0px;
    border-style: none;
    
}
.pHead h3{
	height:auto;
}
.pHead
{
	background: transparent;
	color: #0B4981;
	border-bottom: 2px solid #0B4981;
	font-size: 16px;
	padding: 10px 10px 5px 10px;
}
.pHead a, .pHead a:link, .pHead a:visited
{
	color:#0B4981;
	text-decoration:none;
}
.pHead img { 
    margin-top: 0.7em;
}

.pContent {
    border: none;
    border-style: none;
    padding: 10px;
}


.buttonBar
{
	background:#f3f3f3;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	padding:4px;
	text-align: right; 
    font-size: 85%;
}
.pt_CustomContentPortlet h4
{
	background:#f3f3f3;
	padding:9px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	color:#0B4981;
	margin: 10px auto 0 auto;
}
h4
{
	background:#7DA5C8;
	padding:9px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	color:#fff;
	margin: 10px auto 0 auto;
}

.pToolbar
{
	background:#7DA5C8;
	height:20px;
}
.pToolbar ul li
{
	height:20px;
}
.pToolbar,
.pToolbar ul,
.pToolbar a,
.pToolbar a:link,
.pToolbar a:visited,
.pToolbar .pTool,
.pToolbar .menu a.hasKids,
.pToolbar .menu a,
.pToolbar .menu a:link,
.pToolbar .menu a:visited {
  background-color: #7DA5C8;
  border-color: #fff;
  color: #fff;
  } 
/*----------------Calendar-----------------*/
.cal {  }
 
	.cal . {  }
 
	.cal span {  }
 
	.cal img {  }
 
	.cal iframe {  }
 
	.cal .time {  }
 
	.cal select {  }
 
ul.dayOfWeek, ul.dayOfWeek li {  }

div#calSideBar { 
    background-color: #F3F3F3; 
    padding: 4px; 
    border-radius: 4px;
}

#calSideBar { background: none; }
 
	#calSideBar li {
		background: none;
		clear: both;
		display: block;
		margin: 10px 0; }
 
	#calSideBar h3 {
		background: none;
		border-bottom: 1px solid #d2d2d2;
		text-align: left; }
 
	#calSideBar hr {
		border-bottom: 1px solid #d2d2d2;
		border: none;
		padding: 0; }
 
#calEventListView p {
	font-weight: bold
	padding: 0 10px; }
 
#calWeekView a, #calDayView a, #calMonthView a, #calEventListView a {
	display: block;
	font-weight: normal;
	padding: 0 10px 10px 10px;
	text-decoration: none!important; }
 
#calWeekView a:hover,  #calDayView a:hover, #calMonthView a:hover, #calEventListView a:hover { text-decoration: underline!important; }
 
#calWeekView table { border: none; }
 
#calWeekView td {
	border: none;
	padding: 5px;
	width: 50%; }
 
#calEventListView a { padding: 0 0 10px 0; }
 
.calDayNumber { background: #CEDBE9; }
 
.calBlankDay { background: none!important; }
 
#calMonthView ul, #calMonthView li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-indent: 0; }
 
.evHeader a {
	border-bottom: 1px solid #d2d2d2;
	padding-bottom: 0!important; }
 
.hourHead, .allDayHead {
	border: none!important;
	padding: 10px; }
 
.allDay {
	-khtml-border-radius: 4px!important;
	-moz-border-radius: 4px!important;
	-o-border-radius: 4px!important;
	-webkit-border-radius: 4px!important;
	background: #CEDBE9;
	border-radius: 4px!important;
	border: none!important; }
 
	.allDay a { font-size: 80%; }
 
.topHour { border-top-color: #333333!important; }
 
.bottomHour { border-bottom-color: #333333!important; }
 
#calHeader a { display: inline!important; }
 
#calDefaultView a { padding: 0 }
 
#calDefaultView {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #ccc;
	padding: 3px; }
 
table[id*=calMain], #pg0_V_calMain {
	background: none!important;
	border: none!important; }
 
td.calDayStyle {
	background: none;
	padding: 2px; }
 
.calTitleStyle  td { background: none; }
/*--------------- End Calendar---------------*/

/*---------------Footer--------------------*/
#foot
{
	background:transparent;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	padding:5px;
	margin-bottom:20px;
	display:none;
}
#foot a, #foot a:link, #foot a:visited
{
	color:#666666;
	text-decoration:none;
	padding:0;
	padding-right:15px;
}
#policies, #copyright
{
}

#sideBar div#quickLinks {
  width: 14em;
  border: solid 0px #6C9CD4;
  border-left: none;
  padding-bottom:6px;
  margin: 0 10px 10px 0;
  }
  
#sideBar div#quickLinks h3 {
	background: transparent;
	color: #003; 
	border-bottom: 4px solid #CCCCCC;}

#sidebar div#quickLinks a, div#quickLinks a.link, div#quickLinks a.visited {
  color: #003;
  text-decoration:none;
}

#globalLinks  {
margin-left: 0px;
}

#globalLinks a, #globalLinks a.link, #globalLinks a.visited {
  color: #003;
  text-decoration:none;
}

.ApplyOnline #Layer2 { position:static; width: 200px; z-index:2;border-right: 1px solid #C3C3C3;border-left: 1px solid #C3C3C3;  background-color: #EBEBEB; layer-background-color: #EBEBEB; visibility: visible;}


div.contexts {
/* background: white; */
padding: 0px;
margin: 0px;
}

/******** styles for "visual schedule" HTML tables ****************************/
.schdtable {
  width: 100%;
  border-width: thin;
  border-style: solid;
  border-color: black;
  border-collapse: collapse;
}
.rowclass {
}	
.dayheader {
   width: 16%;
   font-size: x-small;
   border: thin solid black;
}
.timeheader {
	font-size: x-small;
	border: thin solid black;
}
.classcell {
   text-align: center;
   font-size: x-small;
   border: thin solid black;
}
.emptycell {
   border: thin solid gray;
}	


.feedbackError,span.alert{color:#c00;padding:10px 10px 10px 35px;border-top:3px solid #fc9088;border-bottom:3px solid #fc9088;background:#f7cdc3 url(./images/error.png) 10px 10px no-repeat;opacity:.9;  filter:alpha(opacity=90);display:block;margin-bottom:10px;}

span.info{padding:10px 10px 10px 35px;border-top:3px solid #7dabdd;border-bottom:3px solid #7dabdd;background:#d1dce3 url(./images/information.png) 10px 10px no-repeat;opacity:.9;  filter:alpha(opacity=90);display:block;margin-bottom:10px;}

span.note{color:#B79000;padding:10px 10px 10px 35px;border-top:3px solid #fbe288;border-bottom:3px solid #fbe288;background:#f7ebc3 url(./images/note.png) 10px 10px no-repeat;opacity:.9;  filter:alpha(opacity=90);display:block;margin-bottom:10px;}

span.download{color:#57861A;padding:10px 10px 10px 35px;border-top:3px solid #cbe093;border-bottom:3px solid #cbe093;background:#e6ebc7 url(./images/application_put.png) 10px 10px no-repeat;opacity:.9;  filter:alpha(opacity=90);display:block;margin-bottom:10px;}

span.localContent{padding:10px 10px 10px 35px;border-top:3px solid #fbe288;border-bottom:3px solid #fbe288;background:#f7ebc3 10px 10px no-repeat;opacity:.9;  filter:alpha(opacity=90);display:block;margin-bottom:0px;}

span.studentNews{padding:10px 10px 10px 35px;border-top:3px solid #D7E3FB;border-bottom:3px solid #D7E3FB;background:#E3EBFB 10px 10px no-repeat;opacity:.9;  filter:alpha(opacity=90);display:block;margin-bottom:0px;}

span.staffNews{padding:10px 10px 10px 35px;border-top:3px solid #fbe288;border-bottom:3px solid #fbe288;background:#f7ebc3 10px 10px no-repeat;opacity:.9;  filter:alpha(opacity=90);display:block;margin-bottom:0px;}

/* for jQuery datepicker widgets to work properly with current global jQuery library references */
.ui-datepicker { width: 17em; padding: .2em .2em 0; z-index: 9999 !important; }