/*  content.css - for styling the content part of the IS corporate template, and additional "bread" styles (the wrapper) */

a:link:hover, a:visited:hover {	
	color: #f00c22; 
	text-decoration: none;  
	background-color: transparent}

@media screen {#header {background-image: url(/styles/its/bristol-css-gfx/is-banner.jpg)} }

/*  additional "bread" styles */

.lhmenubox {
	margin: 0.75em; 
	border: 1px solid #334779; 
	padding-bottom: 5px}
	
#navigation .lhmenubox .category {
	padding-top: 0.5em}
			
input#words {
	border: 1px solid #ccc}

#submenu3 .link, div.submenu3 .link {
	margin-left: 12px} 

body#bristol-ac-uk #submenu3 .link {
	background-image: url(/styles/its/bristol-css-gfx/circle.gif); 
	background-repeat: no-repeat;
	background-position: top left;
	background-color: transparent; 
	padding-left: 9px}

#navigation div.submenu3 span.link {
	margin-left: 13px; 
	padding-left: 2ex;
	text-indent: -2ex} 
	
body#bristol-ac-uk #navigation div.submenu3 span.link {
	background-image: url(/styles/its/bristol-css-gfx/circle.gif); 
	background-repeat: no-repeat; 
	background-position: top left; 
	background-color: transparent;  
	padding-left: 9px}

body#bristol-ac-uk #navigation div.catlink #selflink {
	background-image: url(/styles/its/bristol-css-gfx/square5.gif);
	color: #39497b;
        padding-bottom: 2px;
	background-color: #d6e0f8}	

#navigation .catlink span.link {
	margin: 0; 
	color: #39497b;
	padding-left: 0 !important; 
	background-color: #d6e0f8;
	background-image: none !important;
	font-weight: bold;
	font-size: 100%}

#navigation div.catlink #selflink {
	margin: 0; 
	color: #39497b;
	padding-left: 0 !important; 
	background-color: #d6e0f8;
	background-image: none !important;
	font-weight: bold;
	font-size: 100%}

#navigation .catlink span.link a {
	color: #39497b; 
	background-color: #d6e0f8; 
	background-image: none;
	text-decoration: none}
	
#navigation .catlink span.link a:focus, #navigation .catlink span.link a:hover {
	color: #f00c22; 
	background-color: #d6e0f8}

body#bristol-ac-uk #submenu3 #selflink {
	background-image: url(/styles/its/bristol-css-gfx/rdcircle.gif)}

body#bristol-ac-uk div.submenu3 #selflink {
	color: #f00c22; 
	background-image: url(/styles/its/bristol-css-gfx/rdcircle.gif) !important} 

body#bristol-ac-uk #navigation #selflink {
	background-image: url(/styles/its/bristol-css-gfx/square5.gif);
	color: #f00c22}
	
#navigation #submenu span.link, #navigation #submenu span.link {
	margin-left: 13px; 
	padding-left: 2ex; 
	text-indent: -2ex}
	
#navigation .catlink {
	margin: 0; 
	padding: 1em 9px 0.5em; 
	color: #39497b;
	background-color: #d6e0f8;
	font-size: 84%;
	font-weight: bold}
	
#navigation .catlink a {
	color: #39497b; 
	background-color: #d6e0f8; 
	text-decoration: none}
	
#navigation .catlink a:focus, #navigation .catlink a:hover {
	color: #f00c22; 
	background-color: #d6e0f8}

/*  end of "bread" styles */

/*  general content styles */

body, td, th, div, span, p, ol, ul, dl, dt, dd, li, blockquote {
	font-family: Arial, Helvetica, sans-serif}

code, pre {
	font-family: 'Courier New', Courier, monospace}

h1 {
	color: #19093D; 
	background-color: transparent}

h2, h3 {
	color: #507cd3;
	background-color: transparent}
	
fieldset {
	margin: 2em 0} 

p img {
	padding-left: 2em; 
	border: 0} 

.image-style-half {float:left; 
  		width:49%; 
		margin:0}

.image-style-half img {border: 1px solid #CCC;
             padding: 3px;
             float: right;
             margin: 0 0 1em 1em;}

td p, th h2, th h3, th h4 {
	text-align: left}
	 
td p {
	margin: 0; 
	padding: 0}
	 
table h2, table h3 {
	margin: 0;
	font-weight: lighter}
	
table h4 {
	margin: 0}
	
table caption {
	display: none}  

#content #content {border:none; padding:0; margin:0}

#content th, #contentn th {
	padding: 0.2em; 
	margin: 0;
	text-align: left;
	color: #507cd3;
        font-size: 110%;
	background-color: transparent} 

#content td, #contentn td {
	padding: 0.2em;
	margin: 0;
        vertical-align: top}

hr {
	color: #ccc; height: 1px}  

ul {
	list-style-image: url(/styles/its/bristol-css-gfx/square5.gif); 
	list-style-type: square} 

/* end of general content styles */

#title {							/*  h1 style */
	border-bottom: 1px solid #19093D}

#title1 {
        font-family: Georgia, Verdana; padding-top: 22px }      /* h1 style in the cms */

#title2 {
        font-family: Georgia, Verdana;}                         /* additional h1 style in the cms */

#title1 a:hover, #title2 a:hover {
        color:#DDE0F2; text-decoration:underline}               /* h1 link style in the cms */

								/* no padding in NS4 or IE5.0 */
body#bristol-ac-uk #title img {
	padding-right: 0.2em}

.btop {								/* "back to top" formatting */ 
	color: #0F35AA; 
	font-weight: bold; 
	font-size: 70% ;
  	text-transform: uppercase;  
	background: url(/styles/its/bristol-css-gfx/backtotop.gif) no-repeat 100% 3px; 
	padding-right: 12px}

.btop:hover {
	background: url(/styles/its/bristol-css-gfx/backtotop-hover.gif)	no-repeat 100% 3px; 
	color: #B01C2E}

.btop img {background-image:none}

.bttright {
	color: #0F35AA; 
	font-weight: bold; 
	font-size: 70% ;
  	text-transform: uppercase;  
	background: url(/styles/its/bristol-css-gfx/backtotop.gif) no-repeat 100% 3px;
	text-align:right; 
	padding-right: 12px}



.bttright:hover {
	background: url(/styles/its/bristol-css-gfx/backtotop-hover.gif)	no-repeat 100% 3px; 
	color: #B01C2E}

.yellow {							/* class for yellow text */
	background-color: #ffff00; 
	color: #000}
	
.red {								/* class for red text */
	color: #ff0000}

.uobaccess {							/* "UoB access only" formatting */
	color: #ff0000; 
	font-style: italic}		

.adobe-reader {							/* "Get acrobat reader" formatting */
	border: 1px dotted #b01c2e; 
	padding: 0.2em; 
	font-size: 80%; 
	background-color: #ffffcc;
	background-image: none;}				/* overide CMS styling */

.imgcred {							/* image credit styles */
	font-size: 0.9em;
	text-align: center;
	padding: 0 50px;
	max-width: 550px}
	
#imgcred {
	font-size: 0.9em; 
	float: right; 
	text-align: center; 
	position: relative; 
	top: 0}

.imgcredrght {
	font-size: 0.9em; 
	float: right; 
	text-align: right; 
	position: relative; 
	top: 0}

.imgcredlft {
        font-size: 0.9em; 
	float: left; 
	text-align: center; 
	position: relative; 
	top: 0}       

#imgcred  a {
	text-decoration: underline}

.imgcred img {
	border: 0}

.imgcred2 {						
	font-size: 0.9em; 
	text-align: center; 
	position: relative; 
	top: 0}
	

#photobox {							/* used in staff profile area */
	padding: 0px 0px 40px 40px;
	float: right}

                                                                /* used in IT senior staff area */

.itsenman {width: 85%; border: 1px #FD7224 solid; margin-left: auto; margin-right: auto; font-size: 95%; padding: 10px; min-height: 10em;}

.itsenman p {padding: 0.4em 1em 0.3em 1em; margin-top: 1.5px; margin-bottom: 5px; }

.clear {clear: right;}

.photo { float:left; margin-right:4px; padding:3px; border:1px solid #ccc; }


.mapintro {display:block; width:100%}                            /* used in the locations section */
.mapimages {float:left; width:33%;text-align:center}
.mapimages h3 {font-size:110%; font-weight:lighter; margin-bottom:0}
.mapsize {font-size:85%;}
.mapimages h3 a:link, .mapimages h3 a:visited {text-decoration:none; color:#507CD3}
.mapimages h3 a:hover, .mapimages h3 a:active {text-decoration:underline; color:#F00C22}


div#gsfn_search_widget img { border: none; }                    /* used in pages about mobile IT */
div#gsfn_search_widget { 
float:right;
font-size: 12px; border: 6px solid #444; padding: 10px; margin-left:20px; background-color:#fff}
div#gsfn_search_widget a.widget_title { color: #000; display: block; margin-bottom: 10px; font-weight: bold; }
div#gsfn_search_widget .powered_by { margin-top: 8px; padding-top: 8px; border-top: 1px solid #DDD; } 
div#gsfn_search_widget .powered_by a { color: #333; font-size: 90%; }      
div#gsfn_search_widget form { margin-bottom: 8px; }
div#gsfn_search_widget form label { margin-bottom: 5px; display: block; }
div#gsfn_search_widget form #gsfn_search_query { width: 60%; }
div#gsfn_search_widget div.gsfn_content { }
div#gsfn_search_widget div.gsfn_content li { text-align:left; margin-bottom:6px; }
div#gsfn_search_widget div.gsfn_content a.gsfn_link { line-height: 1; }
div#gsfn_search_widget div.gsfn_content span.time { font-size: 90%; padding-left: 3px; }
div#gsfn_search_widget div.gsfn_content p.gsfn_summary { margin-top: 2px }


@media print { 							/* print styles */
	a[href] {text-decoration: underline}}

@media print {							/* print styles */
	.btop, .bttright {display: none}}

#topnews {
	background-color: #ffffcc; 
	padding-bottom: 8px; 
	border: 1px dotted #999}

.rowdiv {
	padding: 0;
        display:block;
        width:99%;
	margin-bottom: 1em}

.single-info {							/* class for styling the pages in a single column */
	float: left; 
	width: 94%; 
	margin: 1%; 
	border: 1px solid #19093D; 
	background-color: #fff}

.single-noborder {
	float: left; 
	width: 94%; 
	margin: 1%; 
	background-color: #fff}

.single-info h2, .single-info h2 a, .single-info h2 a:visited {
	color: #fff; 
	background-color: #19093D; 
	padding: 4px; 
	margin-bottom: 0; 
	margin-top: 0; 
	font-weight: lighter; 
	font-size: 110%;
	text-decoration: none}

.single-info h2 a:hover {
	color: #ccc} 
	
.single-info h3, .single-info h3 a {
	padding: 4px; 
	margin-bottom: 0; 
	margin-top: 0; 
	margin-left: 0; 
	font-size: 105%; 
        text-decoration: none}

.single-info p {
	padding: 4px}

.single-info ul {
	margin-top: 0.2em; 
	margin-bottom: 0.2em;
	margin-right: 0.2em}

.single-info li {
	margin-top: 0.4em; 
	margin-bottom: 0.4em}

.double-info {							/* class for styling the pages in double columns */
	float: left; 
	width: 46%; 
	margin: 1%; 
	padding-left: 0; 
	margin-bottom: 2%; 
	border: 1px	solid #19093D; 
	background-color: #fff}

.double-info h2 {
	color: #fff; 
	background-color: #19093D; 
	padding: 4px; 
	margin-bottom: 0; 
	margin-top: 0; 
	font-weight: lighter; 
	font-size: 110%}

.double-info p {
	padding: 4px}

.double-info ul	{
	margin-top: 0.2em; 
	margin-bottom: 0.2em; 
	padding-right: 4px}

.double-info li {
	margin-top: 0.4em; 
	margin-bottom: 0.4em}


.double-table {
	float: left; 
	width: 46%; 
	margin: 1%; 
	padding-left: 0; 
	margin-bottom: 2%; 
	border: 1px;
	background-color: #fff}

.triple-info {							/* class for styling the pages in triple columns */
	float: left; 
	width: 31%; 
	margin-right: 1%; 
	margin-left: 0; 
	margin-bottom: 2%; 
	border: 1px solid #19093D}
	
.triple-info h2, .triple-info h3 {
	color: #fff; 
	background-color: #19093D; 
	padding: 4px; 
	margin-bottom: 0; 
	margin-top: 0; 
	margin-left: 0; 
	font-weight: lighter; 
	font-size: 105%}

.triple-info p {
	padding: 4px}

.triple-info ul {
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	padding-right: 4px}

.triple-info li {
	margin-top: 0.4em;
	margin-bottom: 0.4em}
.clearall {
        clear: left}

.brhours tr {							/* For the branch library brhours table, on index pages */
	padding:0; margin: 0} 

.brhours td {
	padding:0 0 0 0.4em; 
	margin:0}
	  
.brhours thead td {
	padding:0; 
	margin:0;
	background-color: #19093D} 
	
.brhours {
	border: 1px solid #19093D; 
	padding-left:0; padding-right: 0}
	  
.brhours h3, .brhours h4 {
	margin-top: 0;
	margin-left: 0;
	margin-right: 0} 
	
.brhours h3 {
	background-color: #19093D;
	color: #fff;
	padding-left: 0.4em}
	 
.brhours {
	margin-bottom: 0.4em}

.brhours th {
	text-align: left}
	
.brhours h3 {
	margin-bottom: 0.2em; 
	padding-bottom: 0; 
	padding-top: 0}
	  
.brhours h4 {		
	padding-top: 0; 
	margin-top: 0.2em; 
	margin-bottom: 0.2em; 
	padding-bottom: 0}
	
.background {							/* class for styling h2 on the intranet front page */
	padding: 4px; 
	width:96%;  
	margin-top: 0px; 
	margin-left: 0; 
	background-color: #19093D; 
	color: #fff; 
	margin-bottom: -1em; 
	font-weight: lighter; 
	font-size: 105%}
	
table.qreg td {							/* for the intranet secure support lookups */
	padding: 5px}

table.prices td {
	padding: 0.3em}

.horboxes {							/* Intranet homepage style*/
	display:block;      
        height:3em;
        min-height:3em;	
        padding-bottom: 1em}

#secboxes {							/* Intranet homepage style*/
	margin-top: 1em;
	padding-top: 1em;
	margin-right: 0.2em;}

#search-topright {
	float:right; 
	border: 1px solid #FDC03D; 
	background: #F9EFC3; 
	font-size:90%; 
	margin: 0; 
	padding: 5px}
	
#search-topright .words {
	margin-right:2px}

#search-topright .buttonstyle {
	background: white url(/styles/its/bristol-css-gfx/buttonstyle-back.gif);
	border-style: solid; 
	border-width: 1px; 
	border-color: #ABBCCA #3E4D59 #3E4D59 #ABBCCA;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 85%; 
	font-weight: bold;
	padding: 1px 2px; 
	margin: 0 0 0 5px; 
	position: relative;}

#search-topright form {margin:0; padding:0}
#search-topright label {margin:0; padding:0}

.newstab td {							/* news pages styles */
	padding: 0.3em}		

.newstab p {
        text-align: right}

.newstab h2 {
        padding-top: 1em;
        padding-bottom: 1em;
        font-weight: bold}

#newstable h3 {	
	margin-bottom: 0; 
	margin-top: 0; 
	padding-bottom: 0.6em; 
	padding-top: 1em}

#newstable td {
	padding-left: 10px}

#newstable img {
	padding-right: 5px}

#newsarchive {
	margin-left: 0; 
	padding-left: 1em}

#newsarchive td h2 {
	padding-top: 0;
	 margin-top: 0}

.newsth	{
	color: #19093D; 
	text-align: left;
        padding-left: 0.3em;
        padding-top: 0.3em;
        padding-bottom: 0.3em}

.currentnews td {
        padding: 5px}   

#nwsleft img {padding: 0.2em; border: 1px solid #ccc; margin-right:5px}
.newscell {padding-top:1em;}
.newscell .newstit {vertical-align:middle}
.newscell .newshref {text-decoration:none;}
.newscell .newsdate {font-size:80%;color:#636363}
.newstit {vertical-align:middle}
.rsshref {text-decoration:none;}
.newsdate {font-size:80%;color:#636363}                                                             /* end of news pages styles */


.tdgo, .tdstop, .tdwarning {                                                          /* status page styles */
        height:2.4em; 
        min-height:2.4em; 
        width:2.4em; 
        min-width:2.4em}

#status {font-size: 90%}
#status ul {margin-left:0; padding-left:1.2em}

.statauto {font-size:80%}

.tdgo {background-color:#92CF81;
background-image:url(/styles/its/bristol-css-gfx/gonew.gif);
background-repeat: no-repeat;
background-position: center}

.tdwarning{background-color:#FFCA6F;
background-image:url(/styles/its/bristol-css-gfx/warningnew.gif);
background-repeat: no-repeat;
background-position: center}

.tdstop {background-color:#EF6E68;
background-image:url(/styles/its/bristol-css-gfx/stopnew.gif);
background-repeat: no-repeat;
background-position: center}                        

.tdgo img, .tdstop img, .tdwarning img {display:none;}                                        /* end of status page styles */

.faqs a:link, .faqs  a:active , .faqs a:visited {              /* faqs homepage pages styles */
        text-decoration:none;}
.faqs a:hover {
        text-decoration:underline;}

#faq p {							/* faqs pages styles */
	padding-top: 0.2em; 
	margin-top: 0}

#faq ol li {
	font-weight:bold}

#faq dd	{
	padding-bottom: 8px} 


#ejomit	{							/* ejournals doc styles */
	background-color: #ffffcc; 
	border: 1px dashed #ccc} 

label.ejform {
	display: inline} 

.ejsmall {
	font-size: 90%} 

#ejsearch {
	width:90%; 
	margin: 3px; 
	padding: 0; 
	border: 1px  #334779 solid} 

#ejsearch h4 {
	font-size: 85%; 
	color: #334779; 
	padding: 0; 
	font-weight: normal; 
	margin-bottom: 0; 
	padding-bottom: 0}   

.ejeven h4, .ejodd h4 {
	padding: 0 0.4em 0 0; 
	margin: 0} 

.ejeven, .ejodd	{
	padding: 0.6em 0} 

.ejimg {
	margin-left: 0.4em; 
	padding-left: 0.4em; 
	background-color: #fff} 

#navigation .ejmenubox {
	margin-left: 0.75em; 
	margin-right: 0.75em; 
	border: 1px solid #334779; 
	padding-bottom: 5px} 

#navigation .ejmenubox label {
	margin-bottom: 0; 
	padding-bottom: 0; 
	margin-top: 0; 
	padding-top: 0} 

.ejmenubox {
	margin-top: 0; 
	margin-bottom: 5px} 

.kwreport h4 {
	padding: 0; 
	margin: 0} 

#ejformbox {max-width:25em; margin-left:auto;
margin-right:auto; padding: 1em 0; background:url(/styles/its/bristol-css-gfx/searchslice.jpg) repeat-x #70c0a0}

#ejformbox h2 {color:#000; margin: 0.4em auto; text-align:center}

.ejmenubox form, .ejmenubox td	{
	margin: 0; 
	padding: 0} 

.ejeven, .ejodd {
	border-bottom: 1px solid #000} 

.ejmenubox option {
	margin: 0.3em 0 0.3em 0;
	padding: 0}

#ejsubject {
	width: 90%}

/* search box in side nav (CMS) */
#search-sidenav {border: 1px solid #FDC03D; background: #F9EFC3; margin: 0 0 10px 0; padding: 7px}

#search-sidenav label {font-weight: bold; display: block; margin: 4px 0 2px}

#ejsubject,
#searchterms {width: 120px}

#search-sidenav .buttonstyle {
	background: white url(/styles/its/bristol-css-gfx/buttonstyle-back.gif);
	border-style: solid; border-width: 1px; border-color: #ABBCCA #3E4D59 #3E4D59 #ABBCCA;
	font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 85%; font-weight: bold;
	padding: 1px 2px 1px 2px; margin: 0 0 0 2px; position: relative; top: -1px}

/* end of search box styles */

option.ejsubjecto {
	font-size: 90%} 

option.ejletter {
	padding-left: 0.2em}

                                                                /* Beginning of Library subject homepage styles */


.subject-box {float: left; margin-bottom: 10px; margin-right: 10px; color: #000000; width: 95%;}

.subject-box h2 {color: #ffffff; padding: 8px; margin-top: 0; margin-bottom: 0; min-height: 30px; height: 30px;}

.subject-box ul {padding: 0; margin: 0; font-size: 96%;}

.subject-box ul li {list-style-type: none; list-image-type: none; display: block; padding: 0; margin: 0; border-bottom: 1px solid #ffffff;}

.subject-box ul li a {text-decoration: none; display: block; padding: 4px 5px; color: #000000;}

.subject-box ul li a:hover {text-decoration: none; background-color: #ffffff;
list-style-type: none; list-image-type: none; 
}

.subject-box p {padding: 0px 5px 5px 5px; margin-top: 0px;}

.subject-box-left {border: 1px solid #999999; background-color: #edecec;}

.subject-box-right {width: 45%;}


.subject-box-right li a:hover {color:#000;
list-style-image:none; list-style-type:none
}


#subject-second {border: 1px solid #1f7c3b;}

#subject-second h2 {background: url(/styles/its/bristol-css-gfx/greenarrow.gif) no-repeat top right #1f7c3b;}

#subject-second ul li {background-color: #C2EFCF; list-style-image:none; list-style-type:none}


#subject-first {border: 1px solid #0878a6;}

#subject-first h2 {background: url(/styles/its/bristol-css-gfx/bluearrow.gif) no-repeat top right #006ee7;}

#subject-first ul li {background-color: #c0defe;
list-style-image:none;
list-style-type: none;
}


#subject-third {border: 1px solid #efa709;}

#subject-third h2 {
background: url(/styles/its/bristol-css-gfx/yellowarrow.gif) no-repeat top right  #CF8D00}

#subject-third ul li {background-color: #fcf2b9; list-style-image:none; list-style-type:none}



#subject-fourth {border: 1px solid #b01c2e;}

#subject-fourth h2 {background: url(/styles/its/bristol-css-gfx/redarrow.gif) no-repeat top right #b01c2e;}

#subject-fourth ul li {background-color: #fad1d6; list-style-image:none; list-style-type:none}

                                                                /* End of Library subject homepage styles */



.secbox {							/* Homeusers styles */
	float: left;
	clear: right;
	width: 30%;
	border-top: 1px dashed #ccc;
	border-right: 1px dashed #ccc;
	padding: 2px 3px 3px 0;
	margin-right:0.7em;
	margin-bottom:-1em}
		
.secbox img {
	border: 1px solid #000;
	margin-right: 3px;
	float: left;
	position: relative;
	top: 0;
	left: 0}

.secbox h2 {
	display: inline;
	font-size: 100%;
	vertical-align: top;
	font-weight: bold;
	text-decoration: none}

.secbox h3 {
	display: inline;
	font-size: 100%;
	vertical-align: top;
	font-weight: bold;
	text-decoration: none}

.secbox a {
	display: inline;
	font-size: 100%;
	vertical-align: top;
	font-weight: bold;
	text-decoration: none}
	
.secbox ul {
	margin: 0.2em;
	padding: 0.1em;
	font-size: 100%}
	
.dottybox {
	border: 2px dotted #19093D;
	padding: 5px; padding-top: 10px;
	padding-bottom: 10px; 
	text-align: center; 
	background-color: #ffeff1}
	
.newsbox {
   margin: 1em 0em 1em 0}

.newsbox p {
	margin-left: 0.2em}

.newsbox ul {							/* Blackboard rss style */
	margin-top: 2px;
	margin-left: 0;
	padding-left: 20px}

.newsbox {
	border: 1px solid #b01c2e; 
	margin: 0.2em 0 1em 0; 
	font-size: 0.9em}
	
.newsbox p {
	font-size: 1.1em}

.newsbox h2 {
	background-color: #b01c2e; 
	color: #fff;
	font-size: 1.1em;
	padding: 2px;
	margin: 0;
	text-align:center}

newsbox ul li {
	color: #000;
	font-size: 0.9em;
	margin: 0 0.5em 0.2em -1em}

.newsbox a {
	color: #0000f0}

.newsbox a:hover, #events-box a:focus {
	color: #f00c22}
	
.newsbox .date {
	font-style:italic; 
	color:#747272}
	
.avoidpagebreakwithin {						/* resnet server classe */
	page-break-inside: avoid}
	
.hlighthoz {							/* styles for silkymail server */
	border: 1px dotted #b01c2e; 
	padding: 0.2em; 
	background-color: #ffffcc; 
	color: #000; 
	margin: 1em 0}

.highlighted-box { border: 1px dotted #c74b4e; padding: 4px; background-color: #f2e2e2; }
	
.silkybutton {
	width: 100%; 
	font-size: 120%; 
	font-weight: bold; 
	text-align:center}
	
.important {
	color: #ff0000}

.vimportant {
	border: 1px dotted #b01c2e; 
	padding: 0.2em; 
	background-color: #ffffcc; 
	color: #000; 
	margin: 1em 0}

optgroup.sftwr {						/* Software styles - class for spiltting up software options */
	padding-left: 0; 
	margin-left: 0; 
	padding-bottom: 0.6em; 
	padding-top: 0; 
	margin-top: 0}

ul.subls li {
	list-style-type: none; 
	padding-bottom: 0; 
	padding-top: 0; 
	margin-bottom: 0; 
	margin-top: 0} 
	
ul.subls {
	margin-left: 0; 
	padding-left: 0}

ul.sft1 {
	margin-top: 0; 
	padding-top:0}
	
ul.sft1 li {
	padding-bottom: 0.4em; 
	padding-top: 0.5em}
	 
span.rght {
	text-align: right}

.lft {								/* Left, middle and right divs for the software area */
	width:38%; 
	float:left; 
	margin-right: 3%} 
	
.mid {
	width:39%; 
	float:left; 
	margin-left:0} 
	
.rht {
	width:18%; 
	float:right} 
	
.lfthalf {
        width:46%;
        float:left;
        margin-right: 1.5%}

.rhthalf {
        width:46%;
        float:left;
        margin-right: 1.5%;
        text-align: left}

.sftwr {
	padding-left: 0; 
	margin-left: 0; 
	padding-bottom: 0.6em} 
	
.swlist	{
	padding-bottom: 0.4em} 
	
select.sftsel {
	width: 19em} 
	
select.category	{
	width: 16.2em} 

h2.sftwr {
	margin-bottom: 0; 
	padding-bottom: 0} 

form.swfm {
	display: inline; 
	page-break-inside: avoid}
	
form.swfm option {
	padding-top: 0.1em; 
	padding-bottom: 0.1em}

label.labstrong	{
	font-weight: bold}

.contact-box {
	float: left; 
	width: 45%; 
	margin: 1%; 
	padding-left: 0; 
	margin-bottom: 2%; 
	border: 1px solid #7a8bb4; 
	background-color: #fff}

.contact-box h2 {
	color: #fff; 
	background-color: #003366; 
	padding: 4px; 
	margin-bottom: 0px; 
	margin-top: 0px; 
	font-weight: lighter; 
	font-size: 110%}

.contact-box p {
	padding: 4px}

.contact-box ul {
	margin-top: 0.2em; 
	margin-bottom: 0.2em; 
	padding-right: 4px}

.contact-box li {
	margin-top: 0.4em; 
	margin-bottom: 0.4em}

.contact-box2 {
	float: left; 
	width: 92%; 
	margin: 1%; 
	border: 1px solid #003366; 
	background-color: #fff}

.contact-box2 h2 {
	color: #fff; 
	background-color: #003366; 
	padding: 4px; 
	margin-bottom: 0px; 
	margin-top: 0px; 
	font-weight: lighter; font-size: 110%}

.contact-box2 p {
	padding: 4px}

.contact-box2 ul {
	margin-top: 0.2em; 
	margin-bottom: 0.2em}

.contact-box2 li {
	margin-top: 0.4em; 
	margin-bottom: 0.4em}

#infoforcontent h1 {margin-bttom:0}                                 /* start of styling for info for pages */ 
#infoforcontent, #infoforcontent
{background-image: none; min-width:63em}
#infoforcontent a {background-color:#fff}

#infoforcontent {padding:0; font-size:90%; background:none}
#infoforcontent ul  { list-style-image: none }

#infoforcontent ul { list-style-type: none }

#infoforcontent ul {margin:0}
#infoforcontent  ul li {padding: 0;margin-top:0; margin-bottom:0.2em; margin-left:0.4em; padding-left:0.4em}
#infoforcontent ul li a {text-decoration:none; padding: 0; margin-top:0; margin-bottom:0}
#infoforcontent #ldiv {float: left; width: 31%}
#infoforcontent #mdiv {float: left; width: 31%}
#infoforcontent #rdiv {float: left; width: 31%}
#infoforcontent h2 {font-size: 145%;  color: #DF6900; margin: 0; padding:0}
#infoforcontent h2 a:link,#infoforcontent h2 a:visited  {color: #DF6900; text-decoration:none}

.t {background: url(/styles/its/bristol-css-gfx/dot2.gif) 0 0 repeat-x; width: 95%; padding-bottom:1.6em; min-height:10em}
.b {background: url(/styles/its/bristol-css-gfx/dot2.gif) 0 100% repeat-x}
.l {background: url(/styles/its/bristol-css-gfx/dot2.gif) 0 0 repeat-y}
.r {background: url(/styles/its/bristol-css-gfx/dot2.gif) 100% 0 repeat-y}
.bl {background: url(/styles/its/bristol-css-gfx/bl2.gif) 0 100% no-repeat}
.br {background: url(/styles/its/bristol-css-gfx/br2.gif) 100% 100% no-repeat}
.tl {background: url(/styles/its/bristol-css-gfx/tl2.gif) 0 0 no-repeat}
.tr {background: url(/styles/its/bristol-css-gfx/tr2.gif) 100% 0 no-repeat; padding:5px; height:10em}
.major {font-weight:bold} 



#pvc-image {float: left; width: 30%; margin-left: 5px; margin-bottom: 10px;}                      /* start of styling for info for new students page */ 
#pvc-info {float: left; width: 45%; margin-left: 5px; margin-bottom: 10px;}
.newstudents-infobox {width: 80%; border: 1px #FD7224 solid; margin-left: auto; margin-right: auto; font-size: 95%; }
.newstudents-infobox p {padding: 0.4em 1em 0.3em 1em; margin-top: 1.5px; margin-bottom: 5px; }
.newstudents-infobox ul {padding: 0 1em 0.3em 1em;}
.newstudents-infobox h2 {
font-size: 120%;   padding: 4px 8px; margin-top: 0px; margin-bottom: 0px; color: #FFF; background-color: #FD7224; border-bottom: 1px solid #FD7224; }
.newstudents-infobox h3 {margin-left:0.4em}
#newstudents-quote img {float:right}
#newstudents-quote {background: #e7e7de url(/styles/its/bristol-css-gfx/hp-quote.gif) no-repeat;  padding: 1.7em 0 0 0.5em;
margin-bottom:2em; min-height:148px; margin-left: auto; margin-right: auto; font-size: 95%; width:80%; }
#newstudents-quote blockquote { font-family: georgia, serif; ; padding: 0; margin: 0.5em; }
#newstudents-quote blockquote p {color: #000; padding: 0; margin: 0 0 0.3em 0; }
#newstudents-quote-inner {color: #CF601D; margin: 0.5em 0 0 0 1em; font-size: 90%;}
.clear {clear: right;}                                                                           /* end of styling for info for new students page */


#compct h2 {margin-bottom:0; padding-bottom:0}			/* start of styling for contacts page */ 

#compct, #libraryct {margin-top:0; padding-top:0; font-size:95%; padding-bottom:0}

.libraryhalf {font-size:95%}

#compctr, #ilrt, #helpd, #resnet   {margin-top:0;padding-top:0.4em;margin-bottom:0;padding-bottom:0em}

.nodisplay {display:none}

.libraryp {margin-top:0;padding-top:0.4em}

.libraryptwo {margin-top:0;padding-top:0.4em;margin-bottom:0;padding-bottom:0em}

.single-info ul, .double-info ul {margin-left:0;padding-left:1.2em}

#compct a:link, .libraryhalf a:link,  #compct a:visited, .libraryhalf a:visited {text-decoration:none}

#compct .double-info, #libraryct .double-info {width:45%; padding-bottom:0.8em}

.single-infoct {width:93.5%; font-size:95%}

						/* end of styling for contacts page */ 


#componentstab h1 {margin-top:0}                                                           /* beginning of styling for IT service catalogue */ 
#componentstab {
           color:#000; 
           background-color:#fff; 
           border:none; 
           margin-top:0; 
           padding-top:0}

#componentstab h2{padding:0.6em 0 1em 0}

#componentstab th { 
           background-color:#19093D; 
           color: #fff; 
           font-weight: lighter}

#componentstab th a {color: #fff}

#componentstab .titletr td {
           border:none; 
           vertical-align:top; 
           margin-top:0; 
           padding-top:10px} 

#componentstab td {
           border: none; 
           padding:2px 7px}
.treven {background-color:#ECF6FF}
.trodd 
.nosquare {list-style:none; margin:0; padding: 0}
.treven, .trodd {list-style-image:none; padding: 10px 0}

                                                                                          /* end of styling for IT service catalogue */ 



ul.nostyle {							/* for styling unordered lists without bullets */ 
	list-style-type: none;
	list-style-image: url()} 

/* ResNet styles migrated across by CMCML 17th Oct 2006 */

.hardrule {
	color: #8690ae; 
	background-color: #8690ae; 
	height: 1px; 
	border: 0}

#breadcrumbs a:link {
	color: #39497b}

#breadcrumbs a:visited {
	color: #39497b}

#breadcrumbs a:active {
	color: #df0a5a}

#breadcrumbs a:hover {
	color: #df0a5a}

.halfboxleft { 
	float: left;
	width: 49%;
	padding: 0px;
	border-right: 1px dashed #19093D;
	left: 10px;
	right: auto;}

.halfboxright { 
	width: 49%;
	padding: 0px;
	border-right: 1px dashed #19093D;
	float: right;
	right: 10px;
	left: auto; }


.boxheader {
	padding: 4px 4px 4px 5px; 
	margin-top: 0;
	color: white;
	background-color: #19093D;
	font-weight: bold}

.boxheader a:link, .boxheader a:visited, .boxheader a:active, .boxheader a:hover {
	color: white !important;
	text-decoration: none}

.menutextbox {
	margin: 2px 4px 6px 4px;
	padding-right: 2px;
	min-height: 8em;
	font-size: 1em}


.menupic {
	float: left; 
	position: relative; 
	left: -4px; 
	top: -2px; 
	margin-right: 4px; 
	margin-bottom: -1px; 
	width: 65px; 
	height: 65px; 
	border: none}

                                                                /* Start A-Z index pages */
#isindex #container-links 

{border: #f6d851 1px solid; 
padding: 15px; 
background: #f7eab1 url("bg0.gif") repeat-x bottom; 
line-height: 2.0} 

#isindex center#a-zlinks a {border: #000 solid 1px; padding: 2px 4px; font-size: 94%}
#isindex center#a-zlinks a:link,
#isindex center#a-zlinks a:visited {color: #000; background-color: #fff; text-decoration: none}
#isindex center#a-zlinks a:hover {border: #cc6e79 solid 1px; color: #fff; background-color: #b01c2e; text-decoration: none}

#isindex .new {padding-left: 20px; color: #ff8a00;}
#isindex .note {color: black}

.row-odd {background-color: #ecf6ff}
.row-even {background-color: #fff}

#isindex #a-z li {list-style: none; margin: 0; padding: 0.2em 0}

#isindex li.fragments {font-size: 1.4em; padding-bottom: 0.5em; color: #b01c2e}

@media screen {
#isindex  #a-z li {float: left; display: block; width: 100%}

#isindex  #a-z a:link,
#isindex  #a-z a:visited {text-decoration: none; cursor: pointer}

#isindex  #a-z a:hover,
#isindex  #a-z a:focus {color: #b01c2e; text-decoration:underline}

#isindex  span.left {width: 49%; float: left; text-align: right; border-bottom: 0.1px solid transparent}
#isindex  span.right {width: 49%; float: left; padding-left: 1%; border-bottom: 0.1px solid transparent}
#isindex .comment {color:#000}

#isindex #horiznavlist 

{
text-align:center;
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#isindex #horiznavlist li 
{
display: inline;
list-style-type: none;
font-size: 95%;
margin: 0; padding: 0 
}


#isindex #horiznavlist a
{
padding: 1px 5px;
border: medium outset #19093D;
}

#isindex #horiznavlist a:link, #horiznavlist a:visited 

{
color: #ffffff;
background-color: #19093D;
text-decoration: none;
}

#isindex #horiznavlist a:hover 

{
color: #ffffff;
background-color: #b01c2e;
text-decoration: none;
border: medium outset #cc6379;
}
}

@media print {
#isindex  #a-z a:link,
#isindex  #a-z a:visited {text-decoration: none; color: black}
}
#isindex h2 {text-align:center}

                                                                 /* End A-Z index pages */


.version {							/* for the metaleth pages */
	font-style: italic;}
.deliverables {
	font-style: italic;}

.fixedinput {							/* for the dophin application form */
	position:absolute; 
	left: 450px;}			


dl dt { 							/* for the websupport area */
	margin-top: 0.5em;}					

.explain {                                                      /* for the calendar coordinators area */
        display:block; 
        margin: 3em;
        border: 1px dotted #ff0000; 
        font-size:90%; 
        padding:0.2em; 
        background-color:#ffeeee;}


#libform {							/* for the library suggestions form on the intranet */
	width:80%; 
	max-width:800px; 
	padding-left: 10%}		
#libform fieldset {
	padding:0.6em}
#libform label {
	display: block; 
	padding-top: 1em;}
#libform input.name {
	width: 20em; }
#libform textarea.suggestion {
	width: 30em; 
	height: 40px}
#libform textarea {
	display: block;
	width: 30em; 
	height: 80px}
#libform #submit {
	margin-top: 1em; 
	margin-bottom: 1em}
#libform #reset {
	margin-top: 1em; 
	margin-bottom: 1em}


.storeform {							/* for the collections storeform */
	display:block; 
	padding: 0.4em;}
.storeform input, .storeform select {
	position: absolute; 
	left: 35em}
.storeform textarea {
	width:90%}

#metalibform fieldset {						/* for the metalib fault form */
	line-height: 1.8em; 
	border: #236480 solid 1px; 
	padding: 5px}
#metalibform legend {
	background: #ffffff; 
	color: #6f8fd1; 
	border: #6f8fd1 solid 1px; 
	padding: 1px 10px; 
	font-weight: bold;}
#metalibform label {
	color: #6f8fd1; 
	font-weight: bold; 
	margin-top: 2px; 
	margin-bottom: 2px; 
	padding-top: 2px; 
	padding-bottom: 2px;}
#metalibform input.mlinput, #metalibform textarea, #metalibform select {
	position:absolute; 
	left: 34em; 
	color: #000; 
	background: #ffffff; 
	border: #6f8fd1 solid 1px;  
	margin-top: 2px; 
	margin-bottom: 2px; 
	padding-top: 2px; 
	padding-bottom: 2px;}
#metalibform textarea{
	margin-left: 3px}

@media screen {						/* for the new students area of the learning pages - screen styles */
#checklist {
	display:block; 
	width:60%; 
	padding: 0 0 10px 0; 
	margin-bottom: 0.2em;
	margin-left: 0; 
	color: #ffffff; 
	text-align:left;}

#checklist ul {
	list-style: none; 
	list-style-image: none; 
	margin: 0 auto; 
	padding: 0;
	border: none;}

#checklist li {
	text-align:left; 
	border-bottom: 2px solid #D5DFF4;
	margin: 0;}

#checklist li{
	display: block;
	padding: 13px 0 13px 50px;
	background-image:url(/styles/its/bristol-css-gfx/qmark.gif); 
	background-repeat:no-repeat;
	font-size: 105%; 
	font-weight: bold; 
	border-left: 10px solid #19093D;
	background-color: #19093D;
	background-repeat: no-repeat;
	background-position: left;
	color: #fff;
	text-decoration: none}
}

@media print {						/* for the new students area of the learning pages - print styles */
#checklist ul {
	list-style: url(/styles/its/bristol-css-gfx/qmark2.gif)}
#checklist li {
	list-style: url(/styles/its/bristol-css-gfx/qmark2.gif); 
	background-color: #19093D;
	color: white; 
	margin:6px 0; 
	padding:0}
}

@media print {#search-topright {display:none}}

@media screen {
html>body #checklist li { 
width: auto; }
}