@charset "UTF-8";
/* CSS Document */

/* Header font */

#section-name div.container div.universal-inner h2 {
	font-family: "proxima-nova", Helvetica, Arial, sans-serif;}
	
/* Microsites */		

#microsite-markets {
	border-top: 2px dotted #ccc;
	padding-top: 20px;
	margin-top: 20px;
}

#microsite-markets li{
	width: 32%!important;
	background: none!important;
	vertical-align: top;
}

.microsite-header {
	background-image: url(https://csdsite.liv.ac.uk/img/emailIcon.svg);
	padding-left: 95px;
	padding-top: 7px;
	background-repeat: no-repeat;
	background-size: contain;
	min-height: 85px;
	background-position: 0 0;
	margin-bottom: 5px;
}

.microsite-header h1 {
	font-family: "proxima-nova", Helvetica, Arial, sans-serif;
	font-weight: 800;
	font-size: 28px;
	margin-bottom: -4px;
	color: black;
}

.microsite-header h2 {
	font-family: "freight-text-pro", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-style: italic;
	color: black;
	margin-top: -8px;
	font-size: 130%;
}

#microsite-markets h2 {
	font-family: "proxima-nova", Helvetica, Arial, sans-serif;
	font-weight: 800;
	margin: 0 0 10px 0;
	font-size: 20px;
	padding: 0px;
	color: black;
}

#microsite-markets ul {
	border-bottom: 2px dotted #ccc!important;
	margin-bottom: 25px;
}

#microsite-markets p {
	font-size: 16px;
	color: #333;
}

#main-content #microsite-markets a{
	color: #031F73!important;
	display: inline;
	padding: 0;
}

/*<#main-content #microsite-markets a:visited{
	color: #164ff9!important;
}*/

#main-content #microsite-markets .call-to-action a:visited{
	color: #fff!important;
}

main-content .call-to-action a:visited{
	color: #fff!important;
}



.microsite-home aside li img {
	margin-right: 10px;
	float: left;
	border-radius: 10px;
	max-width: 70px;
}

.microsite-home article h1 {
    padding-bottom: 0px;
    border: none;
    font-size: 24px;
	font-family: "proxima-nova", Helvetica, Arial, sans-serif;
	font-weight: 800;
}

.microsite-home article h2{
    font-size: 20px;
}

.microsite-home article h3{
    font-size: 18px;
}

.microsite-home aside ul, .microsite-home aside li {
    list-style: none;
}

aside h3{
	color:#000000;
}

/* Call to action buttons */

.call-to-action, #reset {
	width: auto!important;
	border-radius: 100px;
	padding: 8px 18px 9px 18px!important;
	text-decoration: none;
	margin: 0 0 17px 0;
	text-align: center!important;
	max-width: 100%;
	background-color: #d0ae32;
	display: inline-block!important;
	color: #fff;
	font-family: "proxima-nova", Helvetica, Arial, sans-serif!important;
	font-size: 16px!important;
	font-weight: 500!important;
	transition: background-color 0.3s ease;
	background-image: none!important;
}


/* blockquote */

#main-content blockquote{
	
	background: url(//csdsite.liv.ac.uk/img/10-ccc.gif) repeat-y;
	font-family: "proxima-nova",arial,sans-serif;
	padding: 10px 10px 20px 20px;
	background-color: #f9f9f9;
	margin: 0 0 20px 0;
	width: 100%;
	float: left;
}

#main-content aside blockquote{
	padding: 10px 10px 20px 20px;
color: #333}

	.ie7 blockquote{
		padding: 10px 4% 40px 8%;
		background-color: #f9f9f9;
		margin: 0 0 20px 0;
		width: 88%;
	}
	
.content blockquote p, .sidebar blockquote p {
	font-size: 100%;
	line-height:normal;
}
	
blockquote:before{
  background: url(//csdsite.liv.ac.uk/img/sprite.png) 0 -730px no-repeat;
  height: 30px;
  content: "";
  float: left;
  width: 50px;
}



/* blockquote callouts */
/* blockquote callouts */

/* alert box */
blockquote.alert,
blockquote.question,
blockquote.blank,
blockquote.security,
blockquote.printing,
blockquote.email,
blockquote.software,
blockquote.training,
blockquote.information,
blockquote.twitter,
blockquote.rating
{
	background:	#f9f9f9 url(//csdsite.liv.ac.uk/img/10-ccc.gif) repeat-y;
	padding-bottom: 20px;
}

blockquote.alert:before{
	background: url(//csdsite.liv.ac.uk/img/exclamationIcon.svg) 0 0 no-repeat;
    height: 40px;
    width: 50px;
    background-size: contain;
}

blockquote.alert p:after {
	background:none!important;
	height: 0px;
}

/* rating box */

blockquote.rating {
	
	background-color: #f4f4f4!important;
	background-image: none!important;
	padding-left: 20px!important;
	padding-right: 20px!important;
	padding-top: 20px!important;
	padding-bottom: 0px!important;
}

blockquote.rating:before{
	background: url(//csdsite.liv.ac.uk/img/reviewStars.svg) 0 0 no-repeat;
    height: 30px;
   	width: 122px; 
    background-size: contain;
}

blockquote.rating p:after {
	background:none!important;
	height: 0px;
}

blockquote.rating p {
	padding-right: 100px;
	font-size: 92%;
	color: #555555;
}

/* question box */
blockquote.question:before{
	background: url(//csdsite.liv.ac.uk/img/questionIcon.svg) 0 0 no-repeat;
    height: 40px;
    width: 50px;
    background-size: contain;
}

blockquote.question p:after {
	background:none!important;
	height: 0px;
}

/* blank box */
blockquote.blank:before{
	background: none;
	height: 0;
	width: 0;
}

blockquote.blank p:after {
	background:none!important;
	height: 0px;
}

/* security */
blockquote.security:before{
	background: url(//csdsite.liv.ac.uk/img/securityIcon.svg) 0 0 no-repeat;
    height: 40px;
    width: 50px;
    background-size: contain;
}

blockquote.security p:after {
	background:none!important;
	height: 0px;
}

/* printing */
blockquote.printing:before{
	background: url(//csdsite.liv.ac.uk/img/printingIcon.svg) 0 0 no-repeat;
    height: 40px;
    width: 50px;
    background-size: contain;
}

blockquote.printing p:after {
	background:none!important;
	height: 0px;
}

/* email */
blockquote.email:before{
	background: url(//csdsite.liv.ac.uk/img/emailIcon.svg) 0 0 no-repeat;
    height: 40px;
    width: 50px;
    background-size: contain;
}

blockquote.email p:after {
	background:none!important;
	height: 0px;
}

/* training */
blockquote.training:before{
	background: url(//csdsite.liv.ac.uk/img/ITtrainingIcon.svg) 0 0 no-repeat;
    height: 40px;
    width: 50px;
    background-size: contain;
}

blockquote.training p:after {
	background:none!important;
	height: 0px;
}

/* software */
blockquote.software:before{
	background-image: url(//csdsite.liv.ac.uk/img/softwareIcon.svg);
	height: 40px;
	width: 50px;
}

blockquote.software p:after {
	background:none!important;
	height: 0px;
}

/* information */
blockquote.information:before{
	background: url(//csdsite.liv.ac.uk/img/informationIcon.svg) 0 0 no-repeat;
    height: 40px;
    width: 50px;
    background-size: contain;
}

blockquote.information p:after {
	background:none!important;
	height: 0px;
}

/* twitter */
blockquote.twitter:before{
	background: url(//csdsite.liv.ac.uk/img/twitter-blockquote-bg.svg) 0 0 no-repeat;
	height: 40px;
	width: 50px;
}

blockquote.twitter p:after {
	background:none!important;
	height: 0px;
}

.no-svg blockquote.twitter:before{
	background: url(//csdsite.liv.ac.uk/img/twitter-blockquote-bg.png) 0 0 no-repeat;
}

blockquote ul
blockquote ol
{
	padding-left: 1em;
}

blockquote p:before {
    content: none;
}

blockquote p {
	background:none;
}

/* CSD homepage button */

#site-navigation #faculty-link-new{
	/*background: url(//csdsite.liv.ac.uk/img/csd-home-link.svg) 0 0 no-repeat;*/
	background: url(//csdsite.liv.ac.uk/img/csdHomeBtn.svg) 0 0 no-repeat;
    background-size: cover;
    width: 85%;
    font-family: "proxima-nova", Helvetica, Arial, sans-serif;
    text-decoration: none;
    font-weight: 700; 
    font-size: 18px;
    display: block;
    padding: 10px 0 34px 11px;
    color: white;
    /* min-height: 92px; */
    background-color: #57b694;
}

#site-navigation h2 li{
	list-style-type:none; 
}

aside h2 {
    font-size: 125%;
	color:#000000;
}

/* section specific colours */
/* section specific colours */

/* app-directory */
.app-directory #main-content .call-to-action, .app-directory #main-content .call-to-action:link, .app-directory #main-content .call-to-action:visited {
	background: #CB83B4;
}

.app-directory #main-content .call-to-action:hover{
	background-color: #A7538C;
}

.app-directory .microsite-header{
	background-image: url(//csdsite.liv.ac.uk/img/app-directoryIcon.svg);
}

.app-directory #main-content #microsite-markets a.call-to-action:visited, .app-directory #main-content #microsite-markets a.call-to-action{
	color: #fff!important;
}

.app-directory .content h2 {
	margin-top: 18px; 
}
	

/* printing */
.printing #main-content .call-to-action, .printing #main-content .call-to-action:link, .printing #main-content .call-to-action:visited {
	background: #CB83B4;
}

.printing #main-content .call-to-action:hover{
	background-color: #A7538C;
}

.printing .microsite-header{
	background-image: url(//csdsite.liv.ac.uk/img/printingIcon.svg);
}

.printing #main-content #microsite-markets a.call-to-action:visited, .printing #main-content #microsite-markets a.call-to-action{
	color: #fff!important;
}

/* software */
.software #main-content .call-to-action, .software #main-content .call-to-action:link, .software #main-content .call-to-action:visited {
	background: #F1985B;
}

.software #main-content .call-to-action:hover{
	background-color: #CE763A;
}

.software .microsite-header{
	background-image: url(../img/softwareIcon.svg);
}

.software #main-content #microsite-markets a.call-to-action:visited, .software #main-content #microsite-markets a.call-to-action{
	color: #fff!important; }

/* mobile */
.mobile #main-content .call-to-action, .mobile #main-content .call-to-action:link, .mobile #main-content .call-to-action:visited{
	background: #D25197;
    color: white;
}

.mobile #main-content .call-to-action:hover{
	background-color: #b23077;
	color: white;
}

.mobile .microsite-header{
	background-image: url(../img/mobileIcon.svg);
}

.mobile #main-content #microsite-markets a.call-to-action:visited, .mobile #main-content #microsite-markets a.call-to-action{
	color: #fff!important;
}
	
/*.mobile .microsite-home aside li img{
	border: 2px solid #D25197;
}*/

/* security */
.security #main-content .call-to-action, .security #main-content .call-to-action:link, .security #main-content .call-to-action:visited {
	background: #D3616B;
}

.security #main-content .call-to-action:hover{
	background-color: #B0414B;
}

.security .microsite-header{
	background-image: url(../img/securityIcon.svg);
}

.security #main-content #microsite-markets a.call-to-action:visited, .security #main-content #microsite-markets a.call-to-action{
	color: #fff!important;
}


/* email */
.email #main-content .call-to-action, .email #main-content .call-to-action:link, .email #main-content .call-to-action:visited {
	background: #EB8B83;
}

.email #main-content .call-to-action:hover{
	background-color: #C45F57;
}

.email .microsite-header{
	background-image: url(../img/emailIcon.svg);
}

.email #main-content #microsite-markets a.call-to-action:visited, .email #main-content #microsite-markets a.call-to-action{
	color: #fff!important; }
	

/* business intelligence */
.bi #main-content .call-to-action, .bi #main-content .call-to-action:link, .bi #main-content .call-to-action:visited{
	background: #516a98;
}

.bi #main-content .call-to-action:hover{
	background-color: #334B77;
}

.bi .microsite-header{
	background-image: url(../img/businessIntelligence.svg);
}
	
.bi .microsite-home aside li img{
	border: 2px solid #516a98;
}

.bi #main-content #microsite-markets a.call-to-action:visited, .bi #main-content #microsite-markets a.call-to-action{
	color: #fff!important; }


/* business systems */
/* email */
.business-systems #main-content .call-to-action, .business-systems #main-content .call-to-action:link, .business-systems #main-content .call-to-action:visited {
	background: #516a98;
}

.business-systems #main-content .call-to-action:hover{
	background-color: #334B77;
}

.business-systems .microsite-header{
	background-image: url(../img/businessSystemsIcon.svg);
}
	
.business-systems .microsite-home aside li img{
	border: 2px solid #516a98;
}

.business-systems #main-content #microsite-markets a.call-to-action:visited, .business-systems #main-content #microsite-markets a.call-to-action{
	color: #fff!important; }


/* records management */

.records #main-content .call-to-action, .records #main-content .call-to-action:link, .records #main-content .call-to-action:visited{
	background: #516a98;
}

.records #main-content .call-to-action:hover{
	background-color: #334B77;
}

.records .microsite-header{
	background-image: url(../img/recordsIcon.svg);
}
	
.records .microsite-home aside li img{
	border: 2px solid #516a98;
}

.records #main-content #microsite-markets a.call-to-action:visited, .records #main-content #microsite-markets a.call-to-action{
	color: #fff!important; }

/* research Computing */

.researchComputing #main-content .call-to-action, .researchComputing #main-content .call-to-action:link, .researchComputing #main-content .call-to-action:visited{
	background: #516a98;
}

.researchComputing #main-content .call-to-action:hover{
	background-color: #334B77;
}

.researchComputing .microsite-header{
	background-image: url(../img/advancedResearchIcon.svg);
}
	
.researchComputing .microsite-home aside li img{
	border: 2px solid #516a98;
}

.researchComputing #main-content #microsite-markets a.call-to-action:visited, .researchComputing #main-content #microsite-markets a.call-to-action{
	color: #fff!important; }

/* apps-anywhere */
.apps-anywhere #main-content .call-to-action, .apps-anywhere #main-content .call-to-action:link, .apps-anywhere #main-content .call-to-action:visited{
	background: #49954D;
}

.apps-anywhere #main-content .call-to-action:hover{
	background-color: #247228;
}

.apps-anywhere .microsite-header{
	background-image: url(../img/appsAnywhereIcon.svg);
}

.apps-anywhere #main-content #microsite-markets a.call-to-action:visited, .apps-anywhere #main-content #microsite-markets a.call-to-action{
	color: #fff!important; }
	
/*.apps-anywhere .microsite-home aside li img{
	border: 2px solid #49954D;
}*/

/* learning */
.training #main-content .call-to-action, .training #main-content .call-to-action:link, .training #main-content .call-to-action:visited{
	background: #af4a57;
}

.training #main-content .call-to-action:hover{
	background-color: #83232F;
}

.training .microsite-header{
	background-image: url(../img/ITtrainingIcon.svg);
}

.training #main-content #microsite-markets a.call-to-action:visited, .training #main-content #microsite-markets a.call-to-action{
	color: #fff!important; }
	
/*.training .microsite-home aside li img{
	border: 2px solid #af4a57;
}*/

/* quickstart */
.quickstart #main-content .call-to-action, .quickstart #main-content .call-to-action:link, .quickstart #main-content .call-to-action:visited{
	background: #F9C84A;
}

.quickstart #main-content .call-to-action:hover{
	background-color: #F9A43A;
}

.quickstart .microsite-header{
	background-image: url(../img/quickstartIcon.svg);
}

.quickstart #main-content #microsite-markets a.call-to-action:visited, .quickstart #main-content #microsite-markets a.call-to-action{
	color: #fff!important; }

	
/*.quickstart .microsite-home aside li img{
	border: 2px solid #F9C84A;
}*/

/* help-and-support */
.help-and-support #main-content .call-to-action, .help-and-support #main-content .call-to-action:link, .help-and-support #main-content .call-to-action:visited{
	background: #A7D16D;
}

.help-and-support #main-content .call-to-action:hover{
	background-color: #81B738;
}

.help-and-support .microsite-header{
	background-image: url(../img/helpAndSupportIcon.svg);
}
	
.help-and-support .microsite-home aside li img{
	border: 2px solid #A7D16D;
}

.help-and-support #main-content #microsite-markets a.call-to-action:visited, .help-and-support #main-content #microsite-markets a.call-to-action{
	color: #fff!important; }

/* staff-fundamentals */

.staff-fundamentals #main-content .call-to-action, .staff-fundamentals #main-content .call-to-action:link, .staff-fundamentals #main-content .call-to-action:visited{
	background: #4bbd98;
}

.staff-fundamentals #main-content .call-to-action:hover{
	background-color: #2B9472;
}

.staff-fundamentals .microsite-header{
	background-image: url(../img/fundamentalsIcon.svg);
}

.staff-fundamentals #main-content #microsite-markets a.call-to-action:visited, .staff-fundamentals #main-content #microsite-markets a.call-to-action{
	color: #fff!important; }
	
/*.staff-fundamentals .microsite-home aside li img{
	border: 2px solid #4bbd98;
}*/

/* my-files */
.my-files #main-content .call-to-action, .my-files #main-content .call-to-action:link, .my-files #main-content .call-to-action:visited{
	background: #CDC25F;
}

.my-files #main-content .call-to-action:hover{
	background-color: #B09A36;
}

.my-files .microsite-header{
	background-image: url(../img/myFilesIcon.svg);
}
	
.my-files .microsite-home aside li img{
	border: 2px solid #CDC25F;
}

.my-files #main-content #microsite-markets a.call-to-action:visited, .my-files #main-content #microsite-markets a.call-to-action{
	color: #fff!important; }

/* my-computer */
.my-computer #main-content .call-to-action, .my-computer #main-content .call-to-action:link, .my-computer #main-content .call-to-action:visited{
	background:  #868CB3;
}

.my-computer #main-content .call-to-action:hover{
	background-color: #59619B;
}

.my-computer .microsite-header{
	background-image: url(../img/myComputerIcon.svg);
}

.my-computer #main-content #microsite-markets a.call-to-action:visited, .my-computer #main-content #microsite-markets a.call-to-action{
	color: #fff!important; }
	
/*.my-computer .microsite-home aside li img{
	border: 2px solid #868CB3;
}*/

/* process-improvement */

.project-management #main-content .call-to-action, .project-management #main-content .call-to-action:link{
	background: #516a98;
}

.project-management #main-content .call-to-action:hover{
	background-color: #334B77;
}

.project-management .microsite-header{
	background-image: url(../img/businessImprovementIcon.svg);
}
	
.project-management .microsite-home aside li img{
	border: 2px solid #516a98;
}

.project-management #main-content #microsite-markets a.call-to-action:visited, .project-management #main-content #microsite-markets a.call-to-action{
	color: #fff!important; }

/* pc-centres */
.pc-centres #main-content .call-to-action, .pc-centres #main-content .call-to-action:link, .pc-centres #main-content .call-to-action:visited{
	background: #6792BF;
}

.pc-centres #main-content .call-to-action:hover{
	background-color: #386DA4;
}

.pc-centres .microsite-header{
	background-image: url(../img/pcCentresIcon.svg);
}

.pc-centres #main-content #microsite-markets a.call-to-action:visited, .pc-centres #main-content #microsite-markets a.call-to-action{
	color: #fff!important; }
	
/*.pc-centres .microsite-home aside li img{
	border: 2px solid #6792BF;
}*/

/* stream */

.stream-capture #main-content .call-to-action, .stream-capture #main-content .call-to-action:link, .stream-capture #main-content .call-to-action:visited{
	background: #516a98;
}

.stream-capture #main-content .call-to-action:hover{
	background-color: #334B77;
}

.stream-capture .microsite-header{
	background-image: url(../img/streamCaptureIcon.svg);
}
	
.stream-capture .microsite-home aside li img{
	border: 2px solid #516a98;
}

.stream-capture #main-content #microsite-markets a.call-to-action:visited, .stream-capture #main-content #microsite-markets a.call-to-action{
	color: #fff!important; }


/* your account */
.your-account #main-content .call-to-action, .your-account #main-content .call-to-action:link, .your-account #main-content .call-to-action:visited{
	background: #57b694;
}

.your-account #main-content .call-to-action:hover{
	background-color: #389A77;
}

.your-account .microsite-header{
	background-image: url(../img/accountIcon.svg);
}
	
.your-account .microsite-home aside li img{
	border: 2px solid #57b694;
}

.your-account #main-content #microsite-markets a.call-to-action:visited, .your-account #main-content #microsite-markets a.call-to-action{
	color: #fff!important; }

/* Windows 10 */
.windows-10 #main-content .call-to-action, .windows-10 #main-content .call-to-action:link, .windows-10 #main-content .call-to-action:visited{
	background: #1faae1;
}

.windows-10 #main-content .call-to-action:hover{
	background-color: #0C89BB;
}

.windows-10 .microsite-header{
	background-image: url(../img/windows10Icon.svg);
}
	
.windows-10 .microsite-home aside li img{
	border: 2px solid #1faae1;
}

/* about csd */
.csd-about #main-content .call-to-action, .csd-about #main-content .call-to-action:link{
	background: #49B693;
}

.csd-about #main-content .call-to-action:hover{
	background-color: #3a9276;
}

.csd-about .microsite-header{
	background-image: url(../img/aboutCSDIcon.svg);
}

.csd-about #main-content #microsite-markets a.call-to-action:visited, .csd-about #main-content #microsite-markets a.call-to-action{
	color: #fff!important; }

/* sharepoint */
.sharepoint #main-content .call-to-action, .sharepoint #main-content .call-to-action:link, .sharepoint #main-content .call-to-action:visited{
	background: #0072c6;
}

.sharepoint #main-content .call-to-action:hover{
	background-color: #0063ad;
}

.sharepoint .microsite-header{
	background-image: url(../img/sharepoint-icon.svg);
}

.sharepoint #main-content #microsite-markets a.call-to-action:visited, .sharepoint #main-content #microsite-markets a.call-to-action{
	color: #fff!important; }


/* microsite home sidebar */
/* microsite home sidebar */

.microsite-home aside ul,
.microsite-home aside li{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.microsite-home aside li{
	margin-bottom: 20px;
	float: left;
	clear: both;
	width: 100%;
	background: none!important;
	font-size: 16px;
}

.microsite-home aside li img{
	margin-right: 10px;
	float: left;
	border-radius: 10px;
	max-width: 70px;
	/*border: 2px solid #ddd;
	background: #ddd;
	padding: 3px;*/
}

.microsite-home aside li p{
	margin: 0 0 0 0;
	padding: 0px;
}

.content h1,
.content h2,
.content h3,
.content h4
{
	font-family: "proxima-nova", Arial, Helvetica, sans-serif;
	font-weight: 800;
	color: black;
	clear: both;
}

.content h1
{
	font-size: 160%;
}

.content h2
{
	font-size: 135%;
}
	
/* ----- csd home page ----- */

#computing-services-home{
	font-size: 14px;
	color: #666;
}

#computing-services-home a{
	color: #003981;
}

.computing-home-module{
	/*background: url(//csdsite.liv.ac.uk/img/microsite/vertical-divider-15px-right-padding.png) top right repeat-y;*/
	border-right: 2px dotted #ccc;
	padding-right: 2%;
	margin-right: 2%;
	width: 32%;
	float: left;
}

	.ie7 .computing-home-module{
		width: 30%;
	}

.computing-home-module h1{
	/*margin: 0 0 10px 0;
	padding-top: 31px;
	overflow: hidden;
	display: block;
	width: 100%;
	height: 0px;*/
    font-family: "proxima-nova", Helvetica, Arial, sans-serif;
    font-weight: 800;
    font-size: 28px;
    margin-bottom: 8px;
	color: #000;
}

/* hang lines */

.hang-line{
	/*background: url(//csdsite.liv.ac.uk/img/microsite/horizontal-divider.png) left 50% repeat-x;*/
	border-bottom: 2px dotted #ccc;
	visibility: visible;
	margin-bottom: 25px;
	display: block;
	height: 15px;
	width: 100%;
}

	.ie7 .hang-line{
		color: white;
	}

#support-hang-line,
#follow-us-hang-line,
#promo-spot-hang-line,
#services-hang-line,
#mailing-list-hang-line{
	display: none;
}


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

#promo-spot{
	/*background: url(//csdsite.liv.ac.uk/img/microsite/vertical-divider-15px-right-padding.png) top right repeat-y;*/
	border-right: 2px dotted #ccc;
	padding-right: 2%;
	position: relative;
	width: 66%;
	float: left;
	margin-right: 2%;
	padding-bottom: 10px;
}

	.ie7 #promo-spot{
		width: 64%;
	}

#promo-spot img{
	border-radius: 3px;
}


#promo-spot .news-summary{
	position: absolute;
	display: block;
	width: 90%;
	top: 45%;
	left: 20px;
	color: #000;
	padding: 10px 10px 0 10px;
	background: rgba(255,255,255,0.5);
	border-radius: 3px;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66ffffff, endColorstr=#66ffffff);
}

#promo-spot .medium .news-summary{
	position: absolute;
	display: block;
	width: 90%;
	top: 45%;
	left: 20px;
	color: #fff;
	text-shadow: 1px 1px 0px rgba(47,66,93,0.8);
	padding: 10px 10px 0 10px;
	background: rgba(45,64,92,0.6);
	border-radius: 3px;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);
}

#promo-spot .dark .news-summary{
	
	color: #fff;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.8);
	background: rgba(0,0,0,0.3);
	border-radius: 3px;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);

}

#promo-spot .darker .news-summary {
    color: #fff;
    text-shadow: 1px 1px 0px rgba(0,0,0,0.8);
    background: rgba(0,0,0,0.5);
    border-radius: 3px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);
}

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

#promo-spot .darker .news-summary p{
	color:#FFFFFF;
}

/*#promo-spot .darker .news-summary{
	color: #fff;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.8);
	background: rgba(0,0,0,0.5);
	border-radius: 3px;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);
}*/



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

#quick-links{
	background: none;
	padding-right: 0;
	border: none;
	margin-right: 0;
	/*float: right;*/
}


#quick-links li{
	margin-bottom: 10px;
	float: left;
	width: 48%;
	padding: 8px;
	background: #ECF0F1;
	margin-right: 2%;
	border-radius: 100px;
	min-height: 57px;
	/*border-left: 5px solid #BDB647;*/
}

	.ie7 #quick-links li{
		width: 40%;
		padding: 2%;
	}

	/*
	#quick-links-password{
		border-left: 5px solid #BDB647;
	}

	#quick-links-email{
		border-left: 5px solid #DE6159;
	}
	
	#quick-links-printing{
		border-left: 5px solid #872B6D;
	}

	#quick-links-mobile-computing{
		border-left: 5px solid #75B84E;
	}
	
	#quick-links-software{
		border-left: 5px solid #61267F;
	}
	
	#quick-links-business-services{
		border-left: 5px solid #8CC04C;
	}
	
	#quick-links-email{
		border-left: 5px solid #DE6159;
	}
	
	#quick-links-apps-anywhere{
		border-left: 5px solid #169967;
	}

	#quick-links-microsoft-office{
		border-left: 5px solid #5C689C;
	}

	#quick-links-spider{
	border-left: 5px solid #241f63;
	}

	#quick-links-vital{
		border-left: 5px solid #FAB730;
	}

	#quick-links-helpdesk{
		border-left: 5px solid #1D1D1B;
	}
	*/

#quick-links li:nth-child(even){
	margin-right: 0;
	margin-left: 2%;
}

#quick-links li a{
	float: left;
	width: 30%;
	text-decoration: none;
	color: #333;
	line-height:normal;
}

#quick-links li img{
	margin-bottom:0px;
}

#quick-links li a+a{
	padding-right: 10%;
	float: left;
	width: 55%;
	padding-left: 5px;
}

	.ie7 #quick-links li a+a{
		width: 50%;
	}


/* services */
/* services */

#services{
	border: none;
}


/* support */
/* support */

#support h1{
}


/* services & support */
/* services & support */

#services ul,
#support ul{
	list-style: none;
	margin-bottom: 20px;
	line-height: 1.8em!important;
}

#services li,
#support li{
	background: #ddd;
	margin-bottom: 1px;
}

#services li:nth-child(odd),
#support li:nth-child(odd){
	background: #ECF0F1;
}

#services ul a,
#support ul a{
	display: block;
	padding: 5px 10px;
	color: #333;
	text-decoration: none;
	position: relative;
}

#services ul a:hover,
#support ul a:hover{
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.8);
	background: #aaa;
}


/* news */
/* news */

#news{
	padding-right: 0;
	background: none;
	margin-right: 0;
	border: none;
}

/* news & srevice status shared */

#news ul,
#service-status ul
{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#news h2,
#service-status h2
{
	font-weight: normal;
	font-size: 14px;
	padding: 0px;
	color: #000;
}


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

#follow-us ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#follow-us li{
	margin-bottom: 20px;
	float: left;
	clear: both;
}


#follow-us p{
	margin: 0 0 10px 0;
	padding: 0;
	/*float: right;
	width: 75%;*/
	display: block;
	width: 75%;
	float: left;
}

#follow-us img{
	float: right;
}


#csd-blog{
	display:  block;
	width: 100%;
}

	.ie7 #csd-blog .call-to-action{
		float: left;
		clear: both;
	}


/* mailing list */
/* mailing list */

#mailing-list label{
	display: block;
}

#mailing-list span{
	margin-bottom: 5px;
	display: block;
}

#mailing-list input[type=text]{
	background-color: #f6f6f6;
	border: 1px solid #ccc;
	margin-bottom: 10px;
	padding: 8px;
	width: 100%;
}

#mailing-list input[type=submit]{
	border: none;
}


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

#service-status{
	padding-right: 0;
	background: none;
	margin-right: 0;
	border: none;
}

#service-status .current-status{
	display: block;
}

#status-list{
	width: 90%;
}

#service-status .current-status img{
	float: left;
	margin-right: 20px;
}

#service-status .green{
	display: none;
}

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

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

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

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


#service-alert{
	background-color: #B93337;
	background-image:  url(//csdsite.liv.ac.ukimg/interruption-warning.png);
	background-image:  url(//csdsite.liv.ac.uk/img/interruption-warning.svg), -webkit-gradient(linear, left top, left bottom, from(#B93337), to(#B11D21));
	background-image:  url(//csdsite.liv.ac.uk/img/interruption-warning.svg), -webkit-linear-gradient(top, #B93337, #B11D21), url(../img/interruption-warning.svg);
	background-image:  url(//csdsite.liv.ac.uk/img/interruption-warning.svg), -moz-linear-gradient(top, #B93337, #B11D21), url(../img/interruption-warning.svg);
	background-image:  url(//csdsite.liv.ac.uk/img/interruption-warning.svg), -o-linear-gradient(top, #B93337, #B11D21), url(../img/interruption-warning.svg);
	background-image:  url(//csdsite.liv.ac.uk/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(//csdsite.liv.ac.uk/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: 0px;
	margin: 0;
}

#service-alert ul{
}

#service-alert li{
	float: left;
}

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

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


/* feedback-popup */
/* feedback-popup */

#feedback-popup{
	position: fixed;
	bottom: 20px;
	right: 7%;
	width: 33%;
	padding: 20px;
	height: auto;
	color: white;
	background: rgba(0,0,0,0.8);
	border-radius: 5px;
	display: none;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);
}

#feedback-popup a{
	color: inherit;
}

#feedback-popup img{
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}



/* call to action */
/* call to action */

.call-to-action
{
	width: auto;
    border-radius: 100px;
    padding: 8px 18px 9px 18px;
	text-decoration: none;
	margin: 0 0 17px 0;
	text-align: center;
	max-width: 100%;
	background-color: #d0ae32;
	display: inline-block;
	color: #fff!important;
	font-family: "proxima-nova", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 500;
	transition: background-color 0.3s ease;
	text-shadow: none!IMPORTANT;
}

.call-to-action:hover{
	background-color: #AB8B19;
	color: #fff;
}

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

.hang-line{
	/*background: url(../img/microsite/horizontal-divider.png) left 50% repeat-x;*/
	border-bottom: 2px dotted #ccc;
	visibility: visible;
	margin-bottom: 25px;
	display: block;
	height: 15px;
	width: 100%;
}

	.ie7 .hang-line{
		color: white;
	}

#support-hang-line,
#follow-us-hang-line,
#promo-spot-hang-line,
#services-hang-line,
#mailing-list-hang-line{
	display: none;
}

section#computing-services-home {
	max-width: 1400px;
	margin: 0 auto;
}

/* services & support */
/* services & support */

#services ul,
#support ul{
	/*list-style: disc inside;*/
	list-style: none;
	margin-bottom: 20px;
	line-height: 1.8em;
}

#services li,
#support li{
	background: #ddd;
	margin-bottom: 1px;
	line-height: 1.8em;
}

#services li:nth-child(odd),
#support li:nth-child(odd){
	background: #ECF0F1;
}

#services ul a,
#support ul a{
	display: block;
	padding: 5px 10px;
	color: #333;
	text-decoration: none;
	position: relative;
}

#services ul a:hover,
#support ul a:hover{
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.8);
	background: #aaa;
}


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


#a-to-z-aside{
	position: absolute;
	right: 1%;
	top: 154px;
	padding-right: 20px;
	width: 23%;
}

#a-to-z-links,
#a-to-z-links li	
{
	list-style: none;
	padding: 0;
	margin: 0;
}

#a-to-z-links{
	clear: both;
	float: left;
	margin-bottom: 20px;
	width: 100%;
}


#a-to-z-links li{
	float: left;
	width: 20%;
}

#a-to-z-links li a{
	text-decoration: none;
	display: block;
	background: #f7f7f7;
	text-align: center;
	line-height: 40px;
	font-weight: bold;
}

#a-to-z-links li:nth-child(even) a{
	background: #eee;
}

#a-to-z-links li a:hover{
	background: black;
	color: white;
}


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

@media screen and (max-width: 550px) {
	
	#microsite-markets li{
	margin: 0 0 10px 0;
	display: block;
	float: left;
	clear: both;
	width: 100%!important;
	padding: 0;
}

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

.microsite-header h1{
	font-size: 32px;
}

.microsite-header h2{
	font-size: 16px;
}
}

@media screen and (max-width: 1000px) {
	.microsite-header {
		padding-left: 100px;}
}



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


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

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

/* 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;
}


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

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


}




	


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

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

#main-content a[href$=".pdf"] {
    background: url(//csdsite.liv.ac.uk/img/pdf-icon.png) no-repeat top right;
    padding-right: 20px;
    padding-bottom: 5px;
}

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

/*.computing-home-module{
	
	width: 50%;
}*/


	
/*CSD Tabbed content */
/*CSD Tabbed content */
	
#main-content ul.csdtabs{
	margin: 0px;
	padding: 0 0 0 10px;
	width: 100%;
	list-style: none;
}
#main-content .csdtabs .csdtab-link{
	background: #E5EBF2;
	color: #222;
	border: 1px solid #C2D0E1;
	display: inline-block;
	padding: 10px 15px;
	cursor: pointer;
	margin-bottom: -1px;
}

#main-content ul.csdtabs li.current{
	background: #fff;
	color: #222;
	border: 1px solid #c2d0e1;
	border-bottom: 1px solid #fff;
}

#main-content .csdtab-content{
	display: none;
	border: 1px solid #C2D0E1;
	padding: 15px;
}

#main-content .csdtab-content.current{
	display: inherit;
}

#main-content .step-by-step li{
	background-color: #E5EBF2;
	margin-bottom: 20px;
	padding: 10px;
	font-size: 12px;
	color: #333;
}

#main-content .step-by-step ul li{
	background: #fff url(../img/ul-arrow-round-bg.png) 10px 10px no-repeat;
	padding: 10px 10px 10px 35px;
	list-style-position: inside;
	margin: 0 0 10px 0;
	list-style: none;
	}

#main-content div.basic-tabs nav ul li a {
	color: #000000!important}

/*Accordian content */
/*Accordian content */

#main-content .accordion dt {
  background: #013B82;
  padding: 5px;
  color: #fff;  
cursor: pointer;
	font-weight: normal;
    font-size: 100%;
}

.accordion dd {
  
}

.accordion dt a, .accordion dt a:hover {
  color: #fff!important;
  display: block;
}

/*tables */
/*tables */

table.quickstart, table.quickstart tr, table.quickstart tr td {
	border: none!important;
}


/*how to steps */
/*how to steps */

.how-to-steps ol {
    counter-reset: li; /* Initiate a counter */
    list-style: none; /* Remove default numbering */
    *list-style: decimal; /* Keep using default numbering for IE6/7 */
    font: 15px 'trebuchet MS', 'lucida sans';
    padding: 0;
    margin-bottom: 1em;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

.how-to-steps ol li {
	list-style: none!important;
}

.how-to-steps ol ol {
    margin: 0 0 0 2em; /* Add some left margin for inner lists */
}

.how-to-steps a{
    position: relative;
    display: block;
    padding: .4em .4em .4em .8em;
    *padding: .4em;
    margin: .5em 0 .5em 2.5em;
    background: #E5EBF2;
    color: #444;
    text-decoration: none;
    transition: all .3s ease-out;   
}

.how-to-steps a:hover{
    background: #F9F9F9;
}   

.how-to-steps a:before{
    content: counter(li);
    counter-increment: li;
    position: absolute; 
    left: -2.5em;
    top: 50%;
    margin-top: -1em;
    background: #003A81;
	color: #FFFFFF;
    height: 2em;
    width: 2em;
    line-height: 2em;
    text-align: center;
    font-weight: bold;
}

.how-to-steps a:after{
    position: absolute; 
    content: '';
    border: .5em solid transparent;
    left: -1em;
    top: 50%;
    margin-top: -.5em;
    transition: all .3s ease-out;               
}

.how-to-steps a:hover:after{
    left: -.5em;
    border-left-color: #003A81;             
} 

/* zebra list */
/* zebra list */

body .zebra-stripe{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 30px 0;
	font-size: 12px;
	display: block;
	color: #333;
	padding: 0;
}

#main-content .zebra-stripe li{
	background: #f2f5f9;
	padding: 8px 10px;
	list-style: none;
	display: block;
	font-size: 120%;
}

#main-content .zebra-stripe li:nth-child(odd){
	background: #E5EBF2;
}

body blockquote .zebra-stripe{
	margin: 0 0 10px 0;
}

blockquote .zebra-stripe li{
	background: #fff;
}

blockquote .zebra-stripe li:nth-child(odd){
	background: #eee;
}

/* ----- tabbed navigation ----- */
/* ----- tabbed navigation ----- */

.UserControls {
padding:10px;
margin-bottom:1.6em;
font-size:1.1em;
background:#E5EBF2;
border-bottom:3px solid #DEE6EE;
}

.UserControls .UserControlsContent {
float:left;
}

.UserControls  input.call-to-action {
font-size:inherit;
margin-bottom:0;
width:auto;
margin-left:5px;
}

.UserControls .UserControlsOptions {
	float:right;
	}
	
.sidebar .UserControls .UserControlsOptions {
	float:none;
	}

.sidebar .UserControls  input.call-to-action {
font-size:inherit;
margin-bottom:0;
width:auto;
margin-left:5px;
}

.sidebar .UserControls .UserControlsContent{
float:none;
}

.basic-tabs {
position:relative;
margin:1em 0;
line-height:auto;
}

.basic-tabs nav ul {
width:100%;
padding:0 0 0 10px;
margin:0;
}

.basic-tabs nav ul li{
display:inline-block;
margin-bottom:-1px;
margin-right: 5px;
}

.basic-tabs nav ul li a{
display:inline-block;
padding:10px;
background:#E5EBF2;
text-decoration:none;
border:1px solid #C2D0E1;

-webkit-box-shadow: inset 0px -2px 0 0 rgba(0,0,0,0.05);
box-shadow: inset 0px -2px 0 0 rgba(0,0,0,0.05);
}

.basic-tabs nav ul li a.selected, .basic-tabs nav ul li a:hover{
background:#fff;
border-bottom:1px solid #fff;
padding:10px 10px 10px 10px;
box-shadow: none;
}

.basic-tabs .hide {
display:none;
}

.timeline .basic-tabs nav ul li a{
padding:10px 10px 10px 26px;
background:#E5EBF2 url(images/arrow_blue_right.png) no-repeat 10px 10px;
}

.timeline .basic-tabs nav ul li a.selected, .timeline .basic-tabs nav ul li a:hover{
background:#fff url(images/arrow_blue_down.png) no-repeat 10px 10px;
border-bottom:1px solid #fff;
padding:10px 10px 10px 26px;
box-shadow: none;
}


.tabcontent{
padding:20px;
clear:both;
border:1px solid #C2D0E1;
}

/*.ShowHide,*/
.show-hide-trigger{
background:#013B82;
color:#fff!important;
padding:5px;
position:relative;
margin-top:2px;
display: block;
font-size:1.2em;
text-decoration:none;
margin-bottom: 1em;
}

.ShowHide a {
display:block;
color:#fff;
background-color:transparent;
}

.show-hide-trigger.close{
background:#013B82 url(//csdsite.liv.ac.uk/img/showhide_up.svg) no-repeat right;
}

.show-hide-trigger.close:hover{
background:#013B82 url(//csdsite.liv.ac.uk/img/showhide_down.svg) no-repeat right;
}


.show-hide-trigger.open{
background:#013B82 url(//csdsite.liv.ac.uk/img/showhide_down.svg) no-repeat right;
}

.show-hide-trigger.open:hover{
background:#013B82 url(//csdsite.liv.ac.uk/img/showhide_up.svg) no-repeat right ;
}

.ShowHideContent {
padding:1em 0;
border-bottom:2px solid #E5EBF2;
margin-bottom:1em;
}


/* app store 

#app-icon {
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
    max-width: 40%;
}

#app-icon img {
	border-radius: 5%;

}*/