/*general page elements*/

body {
	padding-bottom: 10px;
	font-size: 14px;
	font-family: Helvetica,Arial,sans-serif;
}

/* fix the page width */
#container {
	width: 940px;
}


.inner li {

	/*font-size: 90%;*/
}

li
{
	font-size: 14px;
}

.box .inner p {
	font-size: 14px;
}

ul.compact
{
	padding-left: 15px;
	list-style-type: disc;
}


li ul li, li ul li
{
	line-height: 1.6em;
	padding: 0px;
	margin: 0px;
}
/* testing replacements for this
div#main_nav ul li a {
	font-size: 100%;
}

div#sub_nav ul li a {
	font-size: 90%;
}

div#topright_nav ul li a {
	font-size: 93%;
}

div#sub_nav {
	height:0px;
	border-top:1px solid white; //for IE
}
*/

div#main_nav ul li a {
	font-size: 10.2pt;
}

div#sub_nav ul li a {
	font-size: 10pt;
}

div#breadcrumb ul li {
	font-size: 10pt;
}

div#sub_nav_secondary ul li a {
	font-size: 12pt;
}

div#topright_nav ul li a {
	font-size: 90%;
}

div#sub_nav {
	height:0px;
	border-top:1px solid white; 
}

div#left_nav ul li a {
	font-size: 11pt;
}

h1 {
	border: 0px;
	margin-bottom: 20px;
}

div#one_col_content_container, div#two_col_a_content_container {
	margin-top: 10px;
}

div#logo img {
	//hide the old logo
	display:none;
	height:0px;
	width:0px;
}

div#logo {
	height: 100px;
	width: 100px;
	background: url('/its/images/USlogo.png') top left no-repeat;
	background-size: 100px 88px;
}

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
	position:relative;
    height:0;
}

.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
	width:100%;
    position:absolute;
}

.video-responsive1x1{
    overflow:hidden;
    padding-bottom:56.25%;
	position:relative;
	padding-bottom: 100%;
    height:0;
}

.video-responsive1x1 iframe{
    left:0;
    top:0;
    height:100%;
	width:100%;
    position:absolute;
}


/*
li ol, li ul, li dl 
{ 
	
	padding-top:3px;
	padding-bottom:3px;
}


li ol li a, li ul li a { line-height: 1.3em; }

li ol li*/

/* fix double border at foot of nested left menus */
#left_nav ul ul {
	width: 100%;
	margin-bottom: -2px;
}

.redtext { color: #c33; }
.subheading { color: #904; }

/* remove final chevron in breadcrumb list */
div#breadcrumb ul li.last a {background:none}

/* welcome banner on home page */

#welcome_banner_default
{
	background:#efefef url('/its/images/welcome_banner_default.gif') top left no-repeat;
	padding-top: 8px;
}

#welcome_banner_christmas
{
	background:#efefef url('/its/images/welcome_banner_default.png') top left no-repeat;
	padding-top: 8px;
}

#welcome_banner_information
{
	background: white url('/its/images/ITS_web_infoicon.svg') top left;
	background-repeat: no-repeat;
	background-size: 50px;
	padding-top: 8px;
}

/*#welcome_banner_information
{
	background:#efefef url('/its/images/welcome_banner_information.gif') top left no-repeat;
	padding-top: 8px;
}*/

#welcome_banner_maintenance
{
	background:#efefef url('/its/images/welcome_banner_maintenance.gif') top left no-repeat;
	padding-top: 8px;
}

#welcome_banner_alert
{
	background:#ffdfdf url('/its/images/welcome_banner_alert.gif') top left no-repeat;
	padding-top: 8px;
}

/* buttons, copying TEL style */

.prioritybox p
{
	text-align:center;
}

.homepage h3
{
	color: #1d4289;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 4px;
	text-align: center;
}

.homepage p
{
	text-align: center;
}

.homepage:hover 
{
	background: #eeeeee; 
}

.accentbutton
{
	border-top-style: solid;
	border-width: 5px;
	padding-top: 10px;
	padding-bottom: 15px;
	margin-bottom: 2px;
	margin-top: 5px;
	text-align: center;
}

.accentbutton:hover 
{
	background: #eeeeee; 
}

.accentbutton h3
{
	font-weight: normal;
	color: #1d4289;
	font-size: 1.8em;
	
}

.accentbutton_sidebar
{
	padding-top: 1px;
	padding-bottom: 1px
}

.accentbutton h4
{
	text-align: left;
	font-weight: normal;
	color: #1d4289;
	font-size: 1.2em;
}

.accentbutton p
{
	text-align: center;
}

.accentbutton img
{
	padding-top: 10px;
}

.accentbutton_coral
{
	border-color: #d3273e;
}

.accentbutton_yellow
{
	border-color: #ffc845;
}

.accentbutton_cobalt
{
	border-color: #1d4289;
}

.accentbutton_skyblue
{
	border-color: #41b6e6;
}

.accentbutton_pink
{
	border-color: #e56db1;
}

.accentbutton_orange
{
	border-color: #dc582a;
}

.shadowbutton
{
	box-shadow: 3px 3px 6px #e2e2e2;
}

.label
{
	color: #777;
	padding: 2px;
	margin: 2px;
	font-size: 90%;
	text-transform: uppercase;
	padding-left: 0px;
	margin-left: 0px;
}

div.highlight_panel
{
	padding: 10px;
	background: #e1e8eb;
	margin-top: 10px;
	margin-bottom: 10px;
}

div.survey_panel
{
	padding: 10px;
	background: #C6E9F6;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 1.1em;
	text-align: center;
}

div.win10_panel
{
	padding: 10px;
	color: #40B4E5;
	border-style: solid;
	border-color: #d3273e;
	border-width: 1px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 1.2em;
	text-align: center;
}

div.blue_panel
{
	padding: 10px;
	color: #40B4E5;
	border-style: solid;
	border-color: #40B4E5;
	border-width: 1px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 1.2em;
	text-align: center;
}

hr
{
	height: 0px;
	border: 0px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}

hr.its_section { border-bottom: 1px dotted #ccc; }

hr.clear
{
	clear: both;
	height: 0px;
	border: 0px;
}

hr.blocked
{
	display: block;
	height: 0px;
	border: 0px;
	border-bottom: 5px solid #eee;
	margin-bottom: 10px;
}

hr.striped
{
	display: block;
	background: url('/its/images/stripes_ffffff.gif') ;
	height: 20px;
	border: 0px;
	border-bottom: 0px;
	margin-bottom: 10px;
}

.mobilestripedhr {
	display:none;
}

.itsbox
{
	padding: 10px;
	padding-right: 20px;
	background: #efefef;
}

.itsbox ul li
{
	margin-left: 20px;
}

.img_centre
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100px;
}

.highlightbox
{
	padding: 20px;
	background: #ffffdd;
}

.box h3.stripe {

	padding: 12px;
	border-bottom: 1px solid #b2dfdf;
	border-top: 1px solid #b2dfdf;
	background: url("/its/images/stripes_c2efef.gif") #c2efef;
	background: #b2dfdf;

}

.bluebox
{
	background:#c2e2ef;
	padding:5px; 
	margin-left:10px;
	margin-bottom:10px;
	float:right;
}

.skybluebox
{
	background:#40B4E5;
	color:#fff;
	font-size: 1.2em;
	line-height: 1.2em;
	padding-top: 4px; 
	padding-bottom: 1px;
	text-align: center;
}

a.skybluebox
{
	color: white;
	font-size: 1.2em;
	text-align: center;
	text-decoration: none;
}

.banner
{
	background: #b8e4f0;
	overflow: hidden;
}


.flush_top { margin-top: 0px; }
.padded_top { padding-top: 10px; }
div.its { border-bottom: 1px solid #ddd; }

.lineborder
{
	border: 1px solid #ccc;
	padding: 10px;
}

div.updateinfo
{
	clear: both;
}

div.updateinfo p { text-align: right; }
.clicktoopen { color: #666; }
.mono { font-family: 'Courier New',Courier,monospace; }
a.nounderline:hover { text-decoration: none; }
.hidden { display: none; }

div.rightbox {
	text-align: right;
	position: absolute;
	right: 0px;
	top: 0px;
}

div.securitybox
{
	padding: 10px;
	border-style: solid;
	border-width: 2px;
	border-color: #013035;
	text-align: center;
	bottom: 0;
    right: 0;
    width: 80%;
	margin: auto;
}

.securitybox h2 {
	font-size: 2em;
}

.securityheader h1 {
	margin-top: 1em;
	font-size: 2.5em;
	text-align: center;
}

.securityheader h2 {
	margin-top: 1em;
	font-size: 2.5em;
	text-align: center;
}

.securityheader p {
	text-align: center;
}

.security2018 p
{
	padding: 10px;
	background: #013035;
	color: white;
	font-size: 1.2em;
	bottom: 0;
    right: 0;
    width: 80%;
	margin: auto;
}

.security2018 h1
{
	font-size: 3em;
	padding: 10px;
	background: #013035;
	color: white;
	bottom: 0;
    right: 0;
    width: 80%;
	margin: auto;
}

.security2018 a:link
{
	color: #ffb81c
}

.security2018 a:visited
{
	color: #ffb81c
}

.security2017 ul
{
	padding: 10px;
	background: #013035;
	color: white;
	font-size: 1.2em;
	bottom: 0;
    right: 0;
    width: 80%;
	margin: auto;
}

div.pageblock {
	position: relative;
}

/* clearfix attributes for boxes with floated contents */
/*.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
*/


.clearfix:before,
.clearfix:after {
    content: " "; 
    display: table; 
}

.clearfix:after {
    clear: both;
}


.clearfix {
   /*zoom: 1;*/
}

a.authlink
{
	padding-right: 25px;
	background: url('/its/images/authlink.gif') top right no-repeat;
	background-position: 100% 5px;
}

a[href^="mailto:"] {
	padding-right: 17px;
	background: url('/its/images/maillink.gif') top right no-repeat;
	background-position: 100% 3px;
	white-space:nowrap;
	}

ul.fa-ul li a[href^="mailto:"] {
	/* suppress the mail icon in the mobile footer */
	background-image:none;
	}

a.mousebullet {
	padding-left:20px; 
	background:url('/its/images/minimouse.gif') top left no-repeat;
}

dl
{
	padding: 20px;
}

dl.glossary
{
	padding: 0px;
	background: #fff;
}

dt 
{ 
	font-weight: bold; 
	display: block;
	float: left;
	width: 20%;
}

dd 
{ 
	padding-bottom: 10px;
	margin-left: 25%;
}

dl.glossary dd {margin-bottom: 1em; }

dl.vertical
{
	padding-left:0px;
}

dl.vertical dt 
{
	width: 100%;
	clear: left;
}

dl.vertical dd 
{
	margin-left: 0%;
}

img.leftborder
{
	float: left;
	margin-right: 10px;
	border: 5px solid #efefef;
}

img.left
{
	float: left;
	margin-right: 10px;
}

img.rightborder
{
	float: right;
	margin-left: 10px;
	border: 1px solid #efefef;
}

img.right
{
	float: right;
	margin-left: 10px;
}

.inner img.leftborder, .inner img.rightborder { border-color: #ffffff; }

img.bordered { border:1px solid #ccc; }

p.biggertext {
	margin-bottom:2px;
}

.lighter {
	color:#999;
}

.itsbox .lighter {
	color:#666;
}

.obliquetext {
	font-style: italic;
}

blockquote { 
	color:#000;
	margin-left:24px;
	margin-right:24px;
	}

/* re-colour headers to stand out */
h4 { color: #356; }
h5 { color: #555;  }
h6 { color: #bbb; }
h7 { color: red; font size:12pt; }

h4 { line-height: 1.3em }

/* line-spacing for FAQ questions */
h3.faqq { line-height:1.2em;  padding-bottom:30px; color: #003355;}

/* line-spacing for FAQ listing gaps */
li.mindthegap { margin-bottom:18px;}

/* faq page */
div.faqfooter {
	font-size: 90%;
	color: #888;
	margin-top:15px;
}

div.faqfooter p {
	text-align: right;
}

/* tables */
table.linear_borders
{
	border-collapse: collapse;
	border-top: 2px solid #aaa;
	border-bottom: 2px solid #aaa;
}

table.linear_borders th
{
	border-bottom: 1px solid #ccc;
	padding: 5px;
}

table.linear_borders td
{
	border-bottom: 1px solid #ccc;
	padding: 5px;
}

table.smalltext td {
	font-size: 10.5pt;
}
    

/* forms */
fieldset#wholeform { border: 0px solid white; }

fieldset#aboutyou
{
	padding: 5px 5px 25px 5px;
	border: 1px solid #ccc;
}

div.row
{
	display: block;
	position: relative;
	clear: both;
	padding-top: 5px;
}

fieldset#declare div.row { clear: both; }

div.row span.label
{
	float: left;
	width: 40%;
	text-align: right;
	position: relative;
}

div.row span.formw
{
	float: right;
	width: 55%;
	text-align: left;
	position: relative;
}

div.row table { width: 100%; }

/*end table-less form formatting*/
/*secondary navigation (ITS horizontal nav) */
h1
{
	border-color: #666;
	border-width: 0px;
}

div#sub_nav_secondary
{
	margin-top: 0;
	border-color: #ccc;
	border-width: 1px;
	padding-left: 5px;
}

div#sub_nav_secondary li
{

	border: 0px;
	margin-right: 2px;
}

div#sub_nav_secondary li.first a
{
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

div#sub_nav_secondary li a
{
	color: #333;
	background: url('/its/images/tabpanel_unselected.gif') top right no-repeat;
	border-left: 1px solid #ccc;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

div#sub_nav_secondary li a:hover,div#sub_nav_secondary li a:focus { color: #699; }

div#sub_nav_secondary li a.active
{
	color: #999;
	padding-bottom: 6px;
	background: url('/its/images/tabpanel_selected.gif') top right no-repeat #fff;
	border-bottom: 1px solid #fff;
}

ul.horizontal_menu
{
	float: left;
	list-style: none;
	padding: 0px;
	margin: 0px;
}

ul.horizontal_menu li
{
	display: block;
	float: left;
	text-align: center;
	padding: 5px;
	margin-right: 1px;
	margin-bottom: 1px;
	background: #efefef;
}



ul.collapsed {
	margin: 0px;
	padding: 0px;
	padding-left: 15px;
	line-height: 1em;
}

ul.collapsed li {
	line-height: 1em;
}

div.home_container:after
{
	height: 1px;
	clear: both;
	content: ".";
	display: block;
	visibility: hidden;
}

div.home_tabs
{
	float: left;
	margin-bottom: 10px;
}

/*fix line displayed at base of tabs in IE7 */
#two_col_a_content_container { width: auto !important; }

/*portal panels on home page*/
div.portalwindow
{
	float: left;
	width: 24%;
	padding-bottom: 8px;
	margin-right: 1%;
}

div#portalpanel
{
	background: url('/its/images/panel_curve_corner.gif') bottom left no-repeat;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin-bottom: 10px;
	padding: 5px;
	width: 73%;
	padding-top: 0px;
	overflow: hidden;
}

div#visitorportal
{
	width: 25%;
	margin: 0%;
}

div.portalwindow h3
{
	padding-bottom: 0px;
	padding-top: 2px;
	overflow: hidden;
}

a.portalheading
{
	text-decoration: underline;
	padding-top: 0px;
	padding: 5px;
	padding-right: 22px;
	background: url('/its/images/chevron.gif') top right no-repeat;
	background-position: 100% -46px;
}

a.portallink
{
	display: block;
	padding: 5px;
	margin-bottom: 2px;
	background: #b2cfcf;
}

a.portalmore { background: #c66; }

a.portallink:hover
{
	background: #e2ffff;
	text-decoration: none;
}

a.portalheading:hover
{
	color: #000;
	background-position: 100% 5px;
}

div#latest_news
{
	width: 43%;
	float: left;
	margin-left: 20px;
}

div#latest_news h2, div.home_tabs h2 { margin-top: 0px; }

div.home_col_left
{
	float: left;
	width: 200px;
	margin-right: 20px;
}

div#service_directory_container h2 { margin-top: 0px; }


div.help-box {
	/*background:#c2efef;*/
	border-style: solid;
	border-width: 1px;
	border-color: #40B4E5;
	padding:10px;
	margin-bottom: 10px;
}

div.portal-box {
	background:#e2ffff url('/its/images/stripes_ffffff.gif');
	margin-bottom:10px;
	padding:10px;
	padding-bottom: 5px;
}

div.portal-links {
}

div.secutitybox {
	padding: 10px;
	border-style: solid;
	border-width: 2px;
	border-color: #013035;
	bottom: 0;
    right: 0;
    width: 90%;
	margin: auto;
}

a.portal-link {
	display:block;
	background:#40B4E5;
	color: white;
	float:left;
	padding:6px;
	text-align:center;
	margin-right: 7px;
	margin-bottom: 5px;
	text-decoration: underline;
}

/*a.portal-link {
	display:block;
	background:#d2eeee url('/its/images/stripes_ffffff.gif');
	border: 1px solid #aaa;
	float:left;
	padding:6px;
	text-align:center;
	margin-right: 7px;
	margin-bottom: 5px;
	text-decoration: underline;
} */

/*a.portal-link:hover {
	background: #fff url('/its/images/stripes_ffffff.gif');
}*/

/*jquery popup windows*/
#shady {
 	position:fixed;
 	top:0px;
 	left:0px;
 	width:100%;
 	height:100%;
 	opacity:0.3;
 	background:black;
}

#popwindow {

	position:absolute;
	width:900px;
	background:white;
	padding:10px;
}

#mobilemenubutton {
	display:none;
}

#mobilesearchclick { display: none}

/*spotlight adjustments*/
div.spotlight
{
	float: right;
	overflow: hidden;
	width: 100%;
}

img.spotlight { float: right; }
div.spotlight div.inner { overflow: auto; }

/*.box {overflow:auto;width:100%}*/
.inner_spot
{
	width: 68%;
	float: left;
	padding-right: 1em;
}

.spotlight_sidebar { margin-left: 72%; }

a.spotlink
{
	display: block;
	padding: 10px;
	background: #b2dfdf;
	margin-top: 5px;
}

a.spotlink:hover
{
	text-decoration: none;
	background: #a2cfcf;
}

div.spotlink
{
	padding: 10px;
	background: #a2cfcf;
	margin-top: 5px;
}

/*status lights*/
div.statuslights { float: left; }
div.statuslights h2 { margin-top: 0px; }

a.statuslightlink
{
	display: block;
	width: 23.5%;
	padding: 0.3%;
	padding-left: 0%;
	border-bottom: 1px dotted #ccc;
}

a.statuslightlink:hover { text-decoration: none; }

a.statusgreen
{
	background: url('/its/images/slw_green.gif') top right no-repeat;
	background-position: 95% 5px;
}

a.statusamber
{
	background: url('/its/images/slw_amber.gif') top right no-repeat;
	background-position: 95% 5px;
}

a.statusred
{
	background: url('/its/images/slw_red.gif') top right no-repeat;
	background-position: 95% 5px;
}

a.nounderline
{
	text-decoration:none
}

a.nounderline:hover
{
	text-decoration:none
}

a.searchresultlink {
	color: #336;
}

div.status_description
{
	background: #efefef;
	padding: 5px;
	margin-bottom: 10px;
}

/*latest news*/
span.newsday
{
	color: #555;
	font-size: 130%;
}

span.newsmonth
{
	color: #888;
	font-size: 80%;
}

td.newsdate {
	text-align: center;
	padding-right: 5px;
}

table.news { border-collapse: collapse; }

table.news td
{
	border-bottom: 1px dotted #ccc;
	padding: 5px;
}


/* stats */
span.statistic 
{
	font-size: 180%;
	color: #999;
}


.bigimpression
{
	font-size: 250%;
	font-weight: bold;
	/*color: #08758f;*/
}


/* campus map */
#itsmap
{
	overflow:hidden;
}
.map-locations 
{
	position: relative;
	height: 0px;
}
.map-location 
{
	background: url('/its/images/map-pointer-white.png') top left no-repeat;
	position: absolute;
	padding-left: 22px;
}

.map-location-content
{
	padding: 5px;
	padding-top: 1px;
	border: 1px solid #666;
	border-left: 0px solid #efefef;
	
}

.map-location h4 {
	margin: 0px;
	margin-top:2px;
	margin-left: 2px;
	color: #a09;
}

.map-location h5 {
	margin: 0px;
	margin-top: 4px;
	margin-left: 2px;
	color: #888;
}

.map-marker {
	color: #fff;
	background: #fff;
	border: 1px solid #999;
	width: 10px;
	height: 10px;
	position:absolute;
	overflow: hidden;
	margin-top: 9px;
	margin-left: 2px;
}

.map-marker a {
	color: #fff;
}



/*service directory*/
.service_list
{
	float: left;
	padding: 1%;
	background: #efefef;
	width: 98%;
	overflow: hidden;
}

.service_column
{
	width: 24%;
	float: left;
}

.service_panel ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.service_panel ul li
{
	margin: 0px;
	padding: 2px;
}

.service_panel a
{
	text-decoration: none;
}

/*portal pages*/
table.portal_services { width: 95%; }

table.portal_services td
{
	padding-right: 10px;
	width: 30%;
}

table.portal_services td.category { font-weight: bold; }

/* prevent bleed of background colour for mozilla on Mac */
#sub_nav { overflow: hidden; }


div#footer { margin-top: 0px;}
div.home_container { margin-bottom: 10px; }

/* reduce over-sized margin beneath sub nav */
#sub_nav_secondary { margin-bottom: 5px; }

/*status light display */
table.status_light_dashboard
{
	border-collapse: collapse;
	border-top: 2px solid #aaa;
	border-bottom: 2px solid #aaa;
}

table.status_light_dashboard td
{
	padding: 3px;
	border-bottom: 1px dotted #ccc;
}

/*grid layout on general pages*/
/*div.grid_row:after {height:1px;clear:both;content:".";display:block;visibility:hidden}*/
div.grid_row { overflow: auto; }

div.tab_row
{
	overflow: hidden;
	width: 94%;
}

div.grid_column,div.grid_column_3
{
	float: left;
	width: 47%;
	margin-right: 3%;
}

div.grid_column_3
{
	width: 30%;
	margin-right: 2%;
}

.grid_column_r, .grid_column_r_small
{
	width: 47%;
	float: right;
	margin-left: 3%;
}

.grid_column_r_small { width: 33%; }

.grid_column_2r
{
	width: 74%;
	float: right;
	margin: 0%;
	margin-left: 2%;
}

.grid_col_left 
{
	width:47%;
	float:left;
	overflow:hidden;
	margin-right:2%;
}

.grid_col_right 
{
	margin-left:52%;
	overflow: hidden;
	width: 47%;
}

div.home_sector_title { width:65px; float: left; overflow:hidden; padding-top:5px;}
div.home_sector_title img { }
div.home_sector_text h3 { color: #41b6e6; margin-bottom: 15px; text-decoration: none; padding-top:5px; }
div.home_sector_text { margin-left: 65px; }

/*links panel on home page */
.links_array
{
	overflow: hidden;
	margin-bottom: 10px;
}

.links_panel
{
	float: left;
	width: 18%;
	padding-right: 2%;
	overflow: hidden;
}

.links_image
{
	display: block;
	border: 1px solid #ccc;
	overflow: hidden;
	height: 50px;
}

.last_links_panel
{
	padding-right: 0%;
	width: 20%;
	overflow: hidden;
}

.links_section { border-top: 1px solid #ccc; }
.links_section h2 { margin-top: 10px; }

/* social media section on home page */
#twitter_followers {
		background:url('/its/images/icons/mini-icon-tweet.gif') top left no-repeat;
		padding-left:40px;
		margin-top: 10px;
}

#facebook_likes {
		background:url('/its/images/icons/mini-icon-like.gif') top left no-repeat;
		padding-left:40px;
		margin-top: 10px;
}

#youtube_views {
		background:url('/its/images/icons/mini-icon-tube.gif') top left no-repeat;
		padding-left:40px;
		margin-top: 10px;
}

#email_received {
		background:url('/its/images/icons/mini-icon-mail.gif') top left no-repeat;
		padding-left:40px;
		margin-top: 10px;
}

#spam_blocked {
		background:url('/its/images/icons/mini-icon-spam.gif') top left no-repeat;
		padding-left:40px;
		margin-top:10px; 
		margin-bottom:10px; 
		clear:both;
}

p.standfirst {
color: #08758F;
color: #2a97af;
font-size: 1.3em;
margin-bottom: 20px;
line-height: 1.2em;
}

/* faq form display */
div#faq_search { background-color: #C2EFEF; }

div.developmentfaq { background: #fde; padding: 10px; margin: 10px 0px 10px 0px; }

input.faqSearch, input.itsInput
{
	background: #fff;
	border: 1px solid #ccc;
	font-size: 13px;
	padding: 5px;
}

input.faqSubmit, input.itsSubmit
{
	border: 0px;
	background: url('/its/images/button.gif') top right no-repeat;
	padding: 4px;
	border-left: 1px solid #666;
	border-bottom: 1px solid #666;
	margin: 0px;
	font-size: 1.1em;
}

.redbutton, .redbutton_grey_bg, .redbutton_white_bg
{
	border: 0px;
	padding: 8px;
	margin: 0px;
	font-size: 1.1em;
	color: #ffffff;
	cursor: pointer;
	width: 150px;
	height: 40px;
	text-align: center;
}

.redbutton 
{
	background: url('/its/images/red-button-bg.png') top left no-repeat;
}

.redbutton_grey_bg 
{
	background: url('/its/images/red_button_grey_bg.gif') top left no-repeat;
}

.redbutton_white_bg 
{
	background: url('/its/images/red_button_whitebg.gif') top left no-repeat;
}

a.linkbutton {
	display:block;
	padding:10px;
	background:#3ac;
	color:#fff;
	text-align:center;
	border-radius:2px;
	text-align:center;
	margin-bottom:10px;
	box-shadow:0px 1px 0px #999;
}

.formhint
{
	background: url('/its/images/formhintbackground.gif') top left no-repeat;
	padding: 10px;
	padding-left: 15px;
}


.faq_category a { text-decoration: none; }

.questionheader {
	background: url("/its/images/questionmark.gif") top right no-repeat #efefef;
	padding: 5px;
	padding-bottom: 20px;
}
p.questionpara {
	font-weight: bold;
}

/* faq graph of popular questions */
table.graph_table
{
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
}

td.graph
{
	width: 20px;
	padding: 0px;
	margin: 0px;
	border: 1px solid #c2efef;
	background: url("/its/images/graph_bar.gif") repeat-x;
}

td.graph_desc { text-align: center; }

a.tooltip
{
	display: block;
	width: 20px;
}

/* search items */
.expandlink { display: none; }
.togglepanel { display: block; }
.search_results { }
.meta { color: #788; }

.keyword_section
{
	padding: 10px;
	background: #efefef;
	padding-bottom: 1px;
}

.keyword_link
{
	margin: 0px;
	padding: 0px;
	margin-bottom: -5px;
}

.keyword_link a { font-weight: bold; }

/* carousel for portal pages */
#carousel_box
{
	height: 130px;
	background: #efefef;
	margin-bottom: 0px;
	padding: 10px;
	overflow: hidden;
}

#carousel_container
{
	height: 130px;
	overflow: hidden;
}

/* carousel for portal pages */
#carousel_container_extensible
{
	overflow: hidden;
}



#carousel { }

/* hiding the search box */
#secondary_search
{
	display: none;
}



.carousel_panel
{
	float: left;
	width: 160px;
	text-align: center;
	height: 110px;
}

.carousel_link
{
	padding: 5px;
	text-align: center;
	padding-top: 0px;
}

.carousel_left_button
{
	float: left;
	top: 0px;
	left: 0px;
	width: 40px;
	text-align: left;
	height: 130px;
	background: url('/its/images/carousel/carousel_button_sprite.gif');
	background-position: 0px 0px;
}

.carousel_right_button
{
	float: right;
	top: 0px;
	right: 0px;
	width: 40px;
	text-align: right;
	height: 130px;
	background: url('/its/images/carousel/carousel_button_sprite.gif');
	background-position: 80px 0px;
}

.carousel_left_link
{
	display: block;
	width: 40px;
	height: 130px;
	background: url('/its/images/carousel/carousel_button_sprite.gif');
	background-position: 120px 0px;
}

.carousel_right_link
{
	display: block;
	width: 40px;
	height: 130px;
	background: url('/its/images/carousel/carousel_button_sprite.gif');
	background-position: 40px 0px;
}

.carousel_left_button_green
{
	float: left;
	width: 20px;
	text-align: left;
	height: 20px;
	background: url('/its/images/carousel/grey_carousel_arrows.gif');
	background-position: 0px 0px;
}

.carousel_right_button_green
{
	float: left;
	margin-left:5px;
	width: 20px;
	text-align: left;
	height: 20px;
	background: url('/its/images/carousel/grey_carousel_arrows.gif');
	background-position: -40px 0px;
}

.carousel_left_link_green
{
	display: block;
	width: 20px;
	height: 20px;
	background: url('/its/images/carousel/grey_carousel_arrows.gif');
	background-position: -20px 0px;
}

.carousel_right_link_green
{
	display: block;
	width: 20px;
	height: 20px;
	background: url('/its/images/carousel/grey_carousel_arrows.gif');
	background-position: -60px 0px;
}





/* images */
.image_left
{
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}

.image_right
{
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
}

.image_inline
{
	margin-bottom:20px;
}



/* mobile-only features */
#mobile-menu {
	display: none;
}

#mobilelogo {
	display: none;
}

.mobileblock {
	display: none;
}

hr.mobilerule {
	display: none;
}

/* specific pages */
.course_info
{
	border-left:1px solid #ddd;
	padding:20px;
	margin:5px;
}

/* quotes e.g. on surveys page */
.quote_response
{
	background: #eeeeee url("/its/images/bubble_border.gif") top left repeat-y;
	padding: 10px;
	padding-left: 0px;
	width: 95%;
	overflow: hidden;
}

.quote_response:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.quote_response p
{
	margin-left: 100px;
	margin-right: 10px;
}

.quote_bubble
{
	float: left;
	padding: 10px;
	padding-bottom: 45px;
	padding-left: 45px;
	padding-right: 20px;
	background: url("/its/images/blue_bubble.gif") bottom left no-repeat;
	width: 260px;
}

.quote_bubble_green
{
	float: right;
	padding: 15px;
	padding-top: 10px;
	padding-bottom: 45px;
	background: url("/its/images/green_bubble.gif") bottom right no-repeat;
	width: 245px;
	margin-left: 10px;
	padding-left: 15px;
}

.quote_bubble p, .quote_bubble_green p
{
	margin: 0px;
	color: white;
}

.quote_response { display: inline-block; }


.survey_bubble
{
	background:url("/its/images/callout_base.gif") bottom left no-repeat #c2efef;
	padding: 10px;
	padding-bottom:30px;
}

.survey_bubble_inner
{
	

}

.survey_bubble_right
{
	background:url("/its/images/callout_base_right.gif") bottom right no-repeat #c2efef;
	padding: 10px;
	padding-bottom:30px;
}

/* green IT */

#green_carousel_panel_1 {
 	background:url('/its/images/greenit/treebg34pc.gif') bottom left no-repeat;
 	padding-bottom: 30px;
}

#green_carousel_padded {
	padding-bottom: 60px;
}

/* green IT */

#green_carousel_panel_1 {
 	background:url('/its/images/greenit/treebg34pc.gif') bottom left no-repeat;
 	padding-bottom: 30px;
}

#green_carousel_padded {
	padding-bottom: 60px;
}


/* for IE/Mac */
/*Guide How To link styling*/

/* initial styling on RIGHT
.pdfguide {padding-right: 24px; background: url("/its/images/pdflink.gif") no-repeat top right;}
.intguide {padding-right: 24px; background: url("/its/images/intlink.gif") no-repeat top right;}
.extguide {padding-right: 24px; background: url("/its/images/extlink.gif") no-repeat top right;}
.authguide {padding-right: 24px; background: url("/its/images/authlink.gif") no-repeat top right;}
*/

/* replace bullets with appropriate images */
.pdfguide { list-style-image: url("/its/images/pdflink.gif"); }
.intguide { list-style-image: url("/its/images/intlink.gif"); }
.extguide { list-style-image: url("/its/images/extlink.gif"); }
.authguide { list-style-image: url("/its/images/authlink.gif"); }
ul.iconpanel li.none { list-style: none; }

/*
ul.iconpanel li {list-style:none;}
ul.iconpanel li.pdfguide {padding-left: 24px; background: url("/its/images/pdflink.gif") no-repeat top left;}
ul.iconpanel li.intguide {padding-left: 24px; background: url("/its/images/intlink.gif") no-repeat top left;}
ul.iconpanel li.extguide {padding-left: 24px; background: url("/its/images/extlink.gif") no-repeat top left;}
ul.iconpanel li.authguide {padding-left: 24px; background: url("/its/images/authlink.gif") no-repeat top left;}
*/

/* two option tab bar for forms */
.simple-tab-bar {
	height: 30px;
	background: url("/its/images/tab-bar-simple-adv-sprite.gif") top right no-repeat;
}


/* table styles */
.blue_table_panel
{
	background: #f9f9f9;
	padding: 5px;
	width: 440px;
	margin-bottom: 10px;
	float: left;
	margin-right: 10px;
}

table.lined
{
	border: 0px;
	border-collapse: collapse;
	border-bottom: 2px solid #aaa;
	border-top: 2px solid #aaa;
}

table.lined th.lgborder, table.lined td.lgborder { border-right: 1px dotted #ccc; }

table.lined th, table.lined td
{
	border: 0px;
	background: none;
	color: #244857;
}

div.bluebox table.lined td
{
	border-bottom: 1px solid #456370;
	padding: 3px;
}

table.lined td 
{
	border-bottom: 1px solid #ccc;
	padding:3px;
	vertical-align: top;
	text-align: left;
}

table.lined th
{
	border-bottom: 2px solid #aaa;
	border-top: 2px solid #aaa;
	padding: 3px;
	vertical-align: top;
	text-align: left;
}

div.bluebox table.lined th
{
	border-bottom: 2px solid #456370;
	border-top: 2px solid #456370;
	padding: 3px;
}

table.lined td.highlightedcell
{
	background: #ffffaa;
}

table.flat th
{
	border-width: 0px;
	border-bottom: 1px solid #ccc;
}

table.light
{
	border-collapse: collapse;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	width: 100%;
}

table.light td, table.light th
{
	padding: 8px;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

table.light th
{
	background: #efefef;
}


tr.greyed_out td 
{
	background: url('/its/images/stripes_efefef.gif');
}

/* style the cfd data table */
.cfd_delegated
{
	/*font-size: 0.85em;*/
	color: #c63;
}

.cfd_dept
{
	font-weight: normal;
	/*font-size: 1.1em;*/
	color: #000;
}

.cfd_name
{
	color: #777;
}

.glossary_definition
{
	
	color: #444;
}

.glossary_meta
{
	font-style: italic;
	color: #999;
	text-align: left;
}

.numberbubble
{
		display:block;
		float:left;
		background:#cc0;
		color:white;
		border-radius:16px;
		text-align:center;
		padding:2px;
		margin-right:10px;
		width:20px;
		height:20px;
		font-size:90%;
}

/* webadmin forms */

.selected {
	color:#333;
	font-weight: bold;
}

form.standard_form
{
	background: url('/its/images/stripes_ffffff.gif');
	padding: 10px;
	margin-bottom:10px;
}

form.standard_form div
{	
	padding: 5px;
}

form.standard_form input.wide
{
	width: 30em;
}

form.standard_form textarea
{
	width: 30em;
	height: 10em;
}

form.standard_form #submit
{
	margin-left:5px;
}

form.standard_form div.missing_field 
{
	background: #efdfdf;
}

form.standard_form div.missing_field p
{
	margin-bottom:0px;
}

div#hda_guide
{
	
}

div#hda_guide h3 
{
	clear: both;
	padding-bottom: 30px;
	border-bottom: 5px solid #efefef;
}

div#hda_header
{
}

div#hda_header h2
{
	color:#55bbcc;
	font-size: 200%;
}

div#hda_main
{
	
}


/*------temporary-----*/
table.emailschedule {
	border-collapse: collapse;
	border-top: 1px solid #999;
}
table.emailschedule tr td {
	border-bottom: 1px solid #ddd;
	padding: 5px;
}
table.emailschedule tr th {
	border-bottom: 1px solid #aaa;
	padding: 5px;
}

/*hide all the paraphernalia when printing*/
@media print {
	a.printfriendly,
	div#left_nav,
	div#sub_nav_secondary,
	div#breadcrumb,
	div#sub_nav,
	div#main_nav,
	div#topright_nav,
	div.itsbox,
	div#footer
	{
		display:none !important;
		}
	}

/*new eduroam connection button, July 2018*/

.connectbutton a
{
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration: none;
	font-size: 1.5em;
	line-height: 1.3em;
	text-align: center;
	color: #ffffff;
    background-color: #df465a;
    margin-left: 0;
    margin-right: 0;
}