@charset "UTF-8";


/* ornamental down arrow */
	
.arrowDown
{border-top: 10px solid #555;border-bottom: 0px solid transparent;border-left: 10px solid transparent;border-right: 10px solid transparent;width: 10px;box-sizing:border-box;margin-top:-.6em;}
	
	
/* notices region calendar and alerts */
	.noticesRegion {background-color: #fed575; padding: 0; margin: 0; width: 100%;}
	.noticesContent {background-color: #fed575; padding: 0; margin: 0 auto; width: 100%; max-width: 1200px;}	



/* calendar feed when item present */
	

.notices {max-width:1200px;width:auto;margin:0 auto;text-align:left;background-color:#fed575;display:block;vertical-align:top;}
		
.lwcw {padding: 0;background-image: url(https://www.ulm.edu/it/template/images/cal-event5.png);background-size: 12px;background-repeat: no-repeat;background-position:left 11px;}


.lwcw a {color:#600;}
	
#lwEventsList {padding:8px;margin-left: 8px;font-size:1em;}
#lwEventsList .lwtime {}
	
.lw_events_header_date {display:inline;}	
.lwEventItem {display:inline;}			
.lw_events_day h4	{font-weight:bold;padding-right: 0.4em;}	
.lwtitle {padding-right: 0.4em;}



/* alerts  using calendar css class */



	
	.notices .text {padding: 4px 4px 6px 16px;font-size:1em;background-size: 14px;background-repeat: no-repeat;background-position:left 4px;background-image:url(https://www.ulm.edu/it/template/images/alert.png);}
	.notices .text p {display:inline;padding-left:0;margin-left:0;font-size:1em;} 
	.notices  a {color:#600;}
	

		
<!--.college-menu {background-color:#ffce85;}-->
	

/* adapted from college css creates maroon buttons */	
	
#topicsWrapper {text-align:center;max-width:1200px;width:100%;margin:0 auto;padding-bottom:30px;}
			

#topicsWrapper p {font-size: 1em;letter-spacing: -.01em;line-height: 200%;color: #333;opacity: 1;display: inline-block;text-transform: uppercase;}

#topicsWrapper p a {display:inline-block;padding:18px;border:1px solid #600;margin:4px;background-color:#862633;color:#fff;text-decoration:none;box-sizing:border-box;min-width: 200px;}			
#topicsWrapper p a:hover {	color:#862633;background-color:#fff;text-decoration:none;border:1px solid #eaaa00;}
				
#topicsWrapper h1 {font-size: 1em;color: #333;margin: .7em 0 .5em 0;font-weight: bold;letter-spacing: -.01em;display:none;}			
#topicsWrapper h5 {font-size: 1em;color: #333;margin: .7em 0 .5em 0;font-weight: bold;letter-spacing: -.01em;display:none;}	
			
.container h1 {color:#000;}
.container h2 {color:#000;}	
.container h3 {font-size: 1.6em;color: #222;font-weight: lighter;letter-spacing: none;}
	
.collegeNews {background-color:#efeeec;min-height:100px;padding:0;}	
.thirdCellContent {display:block;clear:both;}
<!--.college-menu {min-height:2em;}-->
			
.helpdesk {width: 25%;float: right;padding:10px;border:1px solid #862633;box-sizing:border-box;margin:20px 0 20px 20px;text-align:center;background-color: #fff;}
		
.editOne {width:100%;background-color:#eee;max-width:100%;border-bottom:1px solid #ccc;}	

.editOne p a {color: #600;} /* adjust from college css */
	
#openingWrapper {max-width:1200px;width:100%;margin:0 auto;clear:both;padding: 0 12px 28px 12px;box-sizing: border-box;}	

/* three columns with help content */	
	
.collegePhotoButtons {border-top:6px solid #eee;background-color: #fff;}
.thirdCellWrapper {    background-repeat: no-repeat;/*background-image: url(https://ulm.edu/it/images/vd-bg-screen-2.png);*/background-position: bottom right;background-size: 60%;}
	
.thirdCell {vertical-align: top;background-color:unset;}
	
.thirdCellContent {border-top:0px solid #862633;border-bottom:0px solid #862633;border-left:0px solid #862633;border-right:0px solid #862633;}
.thirdCellContent a {text-decoration:none;color:#000;}
.thirdCellContent a:hover {text-decoration:underline;}
.editTwo p {color:#000;}
.thirdCellContent:hover {border:0;}

/* buttons in first column */	
	
#extraButton3 {display:block;background-color: unset;font-size:1em;text-decoration:none;color:#000;margin:6px 0 10px 0;box-sizing:border-box;text-align:left;border-left:20px solid orangered;padding-left:20px;background-color:#eee;border-top:6px solid transparent;border-bottom:6px solid transparent;}
		
#extraButton3:hover {background-color:#B00D07;color:#fff;border-left:20px solid #B00D07;}

#extraButton3 a {color:#000;text-decoration:none;display:block;padding:14px 2px;}
		
#extraButton3 a:hover {	color:#fff;}
	
#extraButton4 {display:block;background-color: unset;font-size:1em;text-decoration:none;color:#000;margin:6px 0 10px 0;box-sizing:border-box;text-align:left;border-left:20px solid #ccc;padding-left:20px;background-color:#eee;border-top:6px solid transparent;border-bottom:6px solid transparent;}
		
#extraButton4:hover {background-color:#333;border-left:20px solid #333;color:#fff;}
		
#extraButton4 a {color:#000;text-decoration:none;display:block;padding:14px 2px;}
		
#extraButton4 a:hover {	color:#fff;}
	

.threeButton {border:1px solid #862633;padding: 4px 6px;text-decoration:none;margin: 0 10px;color:#862633;background-color:#fff;}
.threeButton:hover {color:#fff;background-color:#862633;}
	
.threeButton:hover img {filter: invert(100%);}


/* support buttons */

	
#buttonX {background-color:#ddd;padding:10px 6px;box-sizing:border-box;border:1px solid #000;color:#000;margin-bottom:12px;color:#000;border-radius:6px;}
	
#buttonX:hover {background-color:#862633;color:#fff;text-decoration:none;}
	

@media screen and (min-width: 1201px) {
#openingWrapper {padding: 0 0 30px 0;}
}	
	
	
@media screen and (max-width: 1200px) {
.helpdesk {width: 30%;}
.notices {margin: 0 auto 0 10px;}
.notices {margin-left:10px;}
}



@media screen and (max-width: 768px) {
.helpdesk {width: 40%;}
.threeButton {display: block;margin: 10px;}	
}

@media screen and (max-width: 568px) {
.helpdesk {width: 100%;}
}