/* ----- service status ----- */

#service-status #ok {
    background: url(https://csdsite.liv.ac.uk/img/home-page/tick-icon.svg) no-repeat;
    background-size: 40px 40px;
    padding-left: 50px;
    min-height: 50px;
}

#lastchecked {
	margin-bottom: 10px;
}

.no-svg #service-status #ok{
	background: url(https://csdsite.liv.ac.uk/img/home-page/tick-icon.png) no-repeat;
}

#service-status #alert{
	background: url(https://csdsite.liv.ac.uk/img/home-page/alert-icon.svg) no-repeat;
	padding-left: 50px;
	min-height: 50px;
	margin-bottom: 10px;
}

.no-svg #service-status #alert{
	background: url(https://csdsite.liv.ac.uk/img/home-page/alert-icon.png) no-repeat;
}


#service-alert{
	background-color: #B93337;
	background-image:  url(../img/interruption-warning.png);
	background-image:  url(../img/interruption-warning.svg), -webkit-gradient(linear, left top, left bottom, from(#B93337), to(#B11D21));
	background-image:  url(../img/interruption-warning.svg), -webkit-linear-gradient(top, #B93337, #B11D21), url(../img/interruption-warning.svg);
	background-image:  url(../img/interruption-warning.svg), -moz-linear-gradient(top, #B93337, #B11D21), url(../img/interruption-warning.svg);
	background-image:  url(../img/interruption-warning.svg), -o-linear-gradient(top, #B93337, #B11D21), url(../img/interruption-warning.svg);
	background-image:  url(../img/interruption-warning.svg), linear-gradient(to bottom, #B93337, #B11D21), url(../img/interruption-warning.svg);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	background-position: 10px 10px, 0 0;
	color: white;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.8);
	position: relative;
	padding: 35px 0 10px 65px;
	margin: 0;
}

	.no-multiplebgs #service-alert{
		background-color: #B93337;
		background-image:  url(../img/interruption-warning.png);
		background-repeat: no-repeat;
		background-position: 10px 10px;
		background-position: 10px 10px, 0 0;
	}

#service-alert ul,
#service-alert li
{
	list-style: none;
	padding: 0p;
	margin: 0;
}

#service-alert ul{
}

#service-alert li{
	float: left;
	color: #FFFFFF!important}

#service-alert li:after{
	content: ",\00a0";
}

#service-alert li:last-child:after{
	content: "";
}



/* ----- media-queries ----- */
/* ----- media-queries ----- */


/* tablet layout */
/* tablet layout */

@media screen and (max-width: 1000px) {

	


/* ----- inside page content ----- */
/* ----- inside page content ----- */

.content,
.microsite-home .content{
	background: none;
	padding-right: 0;
	margin-right: 0;
	width: 100%;
	float: none;
}



/* ----- home page content ----- */
/* ----- home page content ----- */

.computing-home-module{
	/*background: url(../img/microsite/vertical-divider.png) top right repeat-y;
	padding-right: 20px;*/
	width: 50%;
}


/* hang lines */
/* hang lines */

#support-hang-line,
#follow-us-hang-line{
	visibility: visible;
	display: block;
}

#news-hang-line{
	display: none;
}


/* promo spot */
/* promo spot */

#promo-spot{
	/*background: url(../img/microsite/vertical-divider.png) top right repeat-y;*/
	width: 50%;
}

#promo-spot .news-summary{
	position: static;
	width: 100%;
	padding: 10px 0;
}

#promo-spot .dark .news-summary{
	background: transparent;
	color: #000;
	text-shadow: none;
}

#promo-spot .dark .news-summary p{
	
	color: #000;
}


/* quick links */
/* quick links */

#quick-links{
	/*padding-left: 2%;*/
	width: 48%;
}


/* news */
/* news */

#news{
	/*background: url(../img/microsite/vertical-divider.png) top right repeat-y;
	padding-right: 20px;*/
	border-right: 2px dotted #ccc;
	padding-right: 2%;
	margin-right: 2%;
}


/* services */
/* services */

#services{
	/*
	background: url(../img/microsite/vertical-divider.png) top right repeat-y;
	padding-right: 20px;*/
}


/* support */
/* support */

#support{
	/*padding-left: 20px;*/
	border: none;
	margin-right: 0;
	width: 48%;
	padding-right: 0;
}


/* follow us */
/* follow us */

#follow-us{
	/*padding-left: 20px;
	background: none;*/
	width: 48%;
	margin-right: 0;
	border: none;
}

/* service status */
/* service status */

#service-status{
	/*
	padding-left: 20px;
	background: none;*/
	border: none;
	width: 48%;
}



}


/* handehld devices */
/* handehld devices */

@media screen and (max-width: 550px) {


/* ----- header ----- */
/* ----- header ----- */

#container{
	padding: 25px 0px;
	width: 90%;
	overflow: hidden;
}

	.ie8 #container,
	.ie8 #container{
		min-width: 260px;
	}
	
#global nav{
	text-align: center;
	padding: 10px 0;
}

#global ul + ul{
	position: static;
}

#masthead{
	margin-bottom: 20px;
	border: none;
}

#masthead h1{
	width: 120%;
	height: 30px;
	display: block;
}

#uni-home-link{
	background: url(../img/uni-home-link.svg) top left no-repeat;
	background-size: contain;
	padding-top: 30px;
	overflow: hidden;
	display: block;
	float: left;
	width: 140px;
	height: 0px;
}

#dept-home-link a{
	background: url(../img/dept-home-link.svg) top left no-repeat;
	background-size: contain;
	padding-top: 30px;
	overflow: hidden;
	display: block;
	height: 0px;
	width: 120px;
	}

#search{
	width: 100%;
	position: relative;
}





/* ----- content ----- */
/* ----- content ----- */

#main-content{
	width: 100%;
}

aside{
	width: 100%;
}

footer p{
	text-align: center;
}

#global-footer p + p{
	position:static;
}

#address{
	background-image: none;
}

.content blockquote{
	padding: 10px 10px 40px 20px;
	width: 100;
}



/* ----- microsite home page ----- */
/* ----- microsite home page ----- */

#microsite-markets li{
	margin: 0 0 10px 0;
	display: block;
	float: left;
	clear: both;
	width: 100%;
	padding: 0;
}

#microsite-markets .call-to-action {
	max-width: 100%;
	padding: 5px;
	width: 100%;
}

.microsite-home .sidebar{
	background: url(../img/microsite/horizontal-divider.png) bottom left repeat-x;
	padding-bottom: 20px;
	margin-bottom: 20px;
	float: left;
	clear:both;
}

.microsite-home .content{
	padding-bottom: 0;
	margin-bottom: 0;
	background: none;
}



/* ----- home page ----- */
/* ----- home page ----- */

#computing-services-home .call-to-action{
	max-width: 100%;
	padding: 5px 0;
	width: 100%!important;
}


.computing-home-module,
#services,
#support,
#news,
#quick-links,
#follow-us,
#service-status,
#promo-spot{
	background: none;
	width: 100%;
	float: left;
	clear: both;
	padding: 0;
	margin: 0;
	border: none;
}

#support-hang-line,
#follow-us-hang-line,
#promo-spot-hang-line,
/*#services-hang-line,*/
#mailing-list-hang-line,
#news-hang-line{
	display: block;
}

#latest-tweet,
#it-newsletter
{
	background: none;
	padding-right: 0;
}

#service-alert{
	margin-top: 10px;
}

#support h1{
	display: none;
}

#services ul{
	margin-bottom: 0;
}

#support li:nth-child(even){
	background: #ECF0F1;
}

#support li:nth-child(odd){
	background: #ddd;
}

#service-alert{
	background-size: 90%, cover;
	padding-left: 10px;
}


/* ----- footer ----- */
/* ----- footer ----- 

footer{
	padding: 30px 0;
} */

#google_translate_element{
	display: none;
}


/* ----- a-to-z jump menu ----- */
/* ----- a-to-z jump menu ----- */

#a-to-z-aside{
	display: none;
}

}


	
@media screen and (max-width: 1000px) {
		.csdSection{
		float:none;
		width:100%;
		margin-left:0;
		margin-bottom:20px;
		}
		
		.sectionBox h3{
		font-size:30px;
		}
	}