/*June 2003 RJP        	                       		 */
/*About this style sheet				*/
/*This stylesheet is based on Bath Universities' default stylesheet */ 
/*For ROL pruposes,some amendments have been made:		      */  
/*1.  th {color:#003399; background-color: #99CCFF; text-align: left}
/* this sets up the background colour for all table headings to light blue - for read-only data */
/*2. we have set up an ID called remittance which we use for the remittance pages  */
/* these are designed to be printed by users, so set the style accordingly
/*#remittance {font-family: Times New Roman, Times, serif; font-size: 1.0em;}		*/
/*#remittance h1 {font-weight: bold; font-size: 1.8em; color:#000000; text-align: center; vertical-align: middle; padding:0;}	*/	
/*#remittance h2 {font-weight: bold; font-size: 1.4em; color:#000000;text-align: left;}						*/
/*#remittance td {text-align: left; vertical-align: top; font-family: Times New Roman, Times, serif; font-size: 1.0em;}		*/

/*July 3rd 2003 - add a class to use to style the basic HTML buttons that we are using for the main and sub menus. */
/* these replace the gifs that we used in 2002


radio { width: 20px}

/* FONT */
body, td, th {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 0.90em; line-height:1.3em}
h1 {font-weight: 700; font-size: 1.4em; margin:20px 0px 20px 0px; line-height: 1.2}
h2 {font-weight: 700; font-size: 1.3em;}
h3 {font-weight: 700; font-size: 1.2em;}
h4 {font-weight: 700; font-size: 1.1em;}
h5 {font-weight: 600; font-size: 1em;}
h6 {font-weight: 600; font-size: 1em;}
code, samp, kbd {font-family: Courier, monospace;}
code, samp, kbd {font-size: 1em; font-weight: normal;}
.linkbar {font-size: 12px; font-weight: normal; padding: 2px;}
.footer {font-size: 12px; font-weight: normal;}
.linknavtop {font-size: 13px; font-weight: 500;}
.linknav {font-size: 13px; font-weight: 500;}
.searchbutton {font-size: small; font-weight: 600;}

.smalltext {font-size: 100%;}

.problem {font-size: small; font-family: Arial, Verdana, Helvetica, sans-serif; line-height:1.3em}


/*added for ROL- headers for all tables displaying data*/
/*in most cases, we want to v-align titles to bottom of the cell (where titles run left to right across the screen*/
/*where valign top is rewuired, add this to the <th> tag: style="vertical-align:top" */
th {color:#003399; background-color: #99CCFF; text-align: left; vertical-align:bottom}

/*added for ROL - additional table header for qual on entry needs to be centred:*/
th.qualsHeader {text-align: right}

/*added for ROL- header for displaying name on personal details page*/
.personalDetails{ font-size: 100%; }


/*added for ROL - in the header for all the remittance pages, set the font to Times New Roman - this is for the address*/
.remittanceAddress{font-family: Times New Roman, Times, serif; font-size: 1.0em; }


/*add an ID for use on the printable remittance advice pages on ROL*/
/* these use Times New Roman font*/
#remittance {font-family: Times New Roman, Times, serif; font-size: 1.0em;}
#remittance h1 {font-weight: bold; font-size: 1.8em; color:#000000; text-align: center; vertical-align: middle; padding:0;}
#remittance h2 {font-weight: bold; font-size: 1.4em; color:#000000;text-align: left;}
#remittance td {text-align: left; vertical-align: top; font-family: Times New Roman, Times, serif; font-size: 1.0em;}

/*added for ROL- class to give some style to the HTML buttons used in menus*/
.menuButtonStyle {
text-align: center;
background-color:#99CCFF; 
color:	#003399; 
border: 1px #003399 solid;
padding:3px; 
width: 	330px; 
font-weight:bold;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 1.0em;
}

/*added for ROL- class to give some style to the HTML buttons used in menus - fees pages*/
.feeButtonStyle {
text-align: center;
padding:2px; 
width: 	260px; 
font-weight:normal;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 1.0em;
}

/*added for ROL- class to give some style to the HTML buttons used in menus - Direct debit pages*/
.ddButtonStyle {
text-align: center;
padding:2px; 
width: 	520px; 
font-weight:normal;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 1.0em;
}

/*added for ROL- class to give some style to the HTML buttons used in menus - Problem submission*/
.problemButtonStyle {
text-align: center;
padding:2px; 
width: 	160px; 
font-weight:bold;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 1.0em;
color:	#003399; 
border: 1px #003399 outset;
background-color:#ffffff; 

}


/*added for ROL- class for 'completed and accepted text' */
.completed {font-size:0.80em; font-weight:bold;}

/*added for ROL- class for  messages */
.message {font-weight: bold; font-size:1.4em; }

/*added for ROL- class for large red message */
.redMessage {font-size:1.2em;  color: red}


/*added for ROL- class for 'your details have been saved' message */
.savedMessage {font-size:1.6em;  color: #000; text-align:center}



/* LAYOUT */

body.sulistop, body.sidepic, body.sulissoft, body.sulisside {padding: 0 2em 0 2em;}
table {margin-top: 0px; margin-bottom: 0px;}
div.header img, div.footer img {float: right;}
.indent {text-indent: 3em;}
.printonly {display: none;}
.linknavtop {vertical-align: middle; margin-top: 1px; margin-bottom: 1px;}
.linknav {vertical-align: middle; margin-top: 1px; margin-bottom: 1px;}
div.pagefooter {margin-left: auto; margin-right: auto; margin-top: 0.8em; text-align: center;}
div#footersulisA {margin-left: 19%;}
.sulisside div.pagefooter {margin-left: 172px; margin-top: 0; clear: both;}
p.footer {margin: 0.2em; margin-top: 0.4em; line-height:1.2em}

/* COLOUR */
h1 {color:#666666; background: transparent;}
h2 {color:#999999; background: transparent;}
h3 {color:#000000; background: transparent;}
h4 {color:#3366cc; background: transparent;}
h5 {color:#666666; background: transparent;}
h6 {color:#000099; background: transparent;}
hr {color:#003399; background-color: #fff; height:1px; width:100%; align:left}
p, dl, dt, dd {color: #333333; background: transparent;}
.textonbackgd {color: #ffffff; font-size: 13px; font-weight: bold;}
.headsm {font-size: 16px; font-weight: 600;}
.header {font-size: 13px; color: #000099;}
.linkbar {color: #FFFFFF; background: transparent;}
.linknav, .footer {color: #666666; background: transparent;}
.linknavtop {color: #cccccc; background: transparent;}
.footer {color: #3366CC; background: transparent;}

.topbartext {color: #99ccff; background: transparent; font-size: 18px; line-height: 1.2}

.searchbutton {color: #FFFFFF; background-color: #003399; font-family: Verdana, Arial, Helvetica, sans-serif;}
.topbarbackgd {background-color: #003399;}
.replace {color: #990000;}
div.pagefooter div.dotline {width: 60%; height: 0; line-height: 0; margin: 0 auto 0 auto; padding: 0;
                            border-top: solid 1px #A5A2CE;}
.sulissoft div.pagefooter div.dotline {border-color: #007DC6; width: 80%;}
.sulisside div.pagefooter div.dotline {width: 100%;; background-color: #FFFFFF; background-image: url(../assets/graphics/dot-blue.gif); background-repeat: repeat}



/* Links -rationalised  20/11/2003 rjp */
a:link {text-decoration: none; color:#0000ff;}
a:visited {text-decoration: none; color:#0000ff; }
a:link:active, :visited:active {text-decoration: none;}
a:hover {text-decoration: underline; color:#ff6600; background: transparent;}

a:visited img {border-style: none;}


/* LIST COLOURS/STYLE */
ul {color: #333333; list-style-type: disc; margin-top: 6px; margin-bottom: 6px; background: transparent;}
ul ul {color: #333333; margin-top: 6px; margin-bottom: 6px; background: transparent;}


.box {vertical-align: top; border: none; background: #99CCFF;}

img {border: 0px white none;}
.topbarsm {font-size: 13px; font-weight: 600; color: #3366CC;}
.topnavsmtxt {font-size: 13px; font-weight: 600; color: #003399;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.campusonly {font-size: 10px; font-style: normal;}
.bolditalic {  font-style: italic; font-weight: bold}


div.infobox {float: left; width: 325px; min-width: 325px; margin: 0em; margin-right: 0px; padding: 3px;
             color: #000000; background: #FFFFFF; border: 1px solid #003399; font-size: 1.0em;}
div.infobox h2 { padding: 0.2em; text-align:center; color: #003399; background: #FFFFFF; font-size: 1.1em; text-decoration: underline;}

/*for the info box - useful links - set up the font for the links*/ 
div.infobox a:link {color:#003399; background: transparent; font-size: 1.0em; font-weight:bold;}
div.infobox a:visited {color:#003399; background: transparent;font-size: 1.0em; font-weight:bold;}
div.infobox a:hover {color:#ff6600; background: transparent;font-size: 1.0em; font-weight:bold;}


/*set the width to 99% - when it was 100%, the right margin is not displayed..*/
div.instructions {float: left; width: 99%; min-width: 600px; margin: 0em; margin-right: 0px; padding: 0.1em;
             color: #000000; background: #FFFFFF; border: 1px solid #000000; font-size: 1.0em;}



/*new class for displaying text - eg technical code - in courier*/

.courier { font-family: Courier New, Courier, mono; }