/*classes prefixed by m are for the main section (not logged in)
 and classes prefixed by p are for the pedr section */

BODY.main {font: 11px/12pt geneva, verdana, arial, sans-serif; background-color: #FFFFFF;}
BODY.pedr {font: 11px/12pt geneva, verdana, arial, sans-serif; background-color: #FFF9E3;}
BODY.guidance {font: 11px/12pt geneva, verdana, arial, sans-serif; background-color: #FFFFFF;}
BODY.print {font: 11px/12pt geneva, verdana, arial, sans-serif; background-color: #FFFFFF;}
BODY.question {font: 13px/14pt geneva, verdana, arial, sans-serif; background-color: #CCCCCC;}

/*General table styles*/
table { empty-cells:show; } /*This doesn't seem to work in IE*/
table.main {position:absolute;top:0px;left:0px; width='100%' empty-cells:show;}
TD {font: 11px/12pt; }

/*Styles for the header bar*/
TD.mtopleft {padding-top:0px; padding-left:0px; padding-right:0px; background:#339999; text-align:left;}
TD.mheader {padding-top:30px; padding-left:10px; padding-right:0px; background:#339999; text-align:left; vertical-align:top;}
TD.greyheader {padding-top:0px; padding-bottom:0px; padding-left:0px; padding-right:0px; background:#CCCCCC; text-align:left; vertical-align:bottom;}
TD.mtopright {padding-top:0px; padding-left:0px; padding-right:0px; background:#339999;}
TD.greytopright {padding-top:0px; padding-bottom:0px; padding-left:0px; padding-right:0px; background:#CCCCCC;}
TD.ptopleft {padding-top:0px; padding-left:0px; padding-right:0px;padding-bottom:0px; background:#6066CC;}
TD.pheader {padding-top:30px; padding-bottom:0px; padding-left:10px; padding-right:0px; background:#6066CC; text-align:left; vertical-align:top;}
TD.ptopright {padding-top:0px; padding-bottom:0px; padding-left:0px; padding-right:0px; background:#6066CC;border-width:0px;}
.header {font-size: 20px; line-height: 100%; color:#FFFFFF; font-weight:BOLD;}
.subheader {font-size: 22px; color:#FFFFFF; font-weight:BOLD;}
.logininfo {font-size: 14px; color:#FFFFFF; font-weight:BOLD;}
.logininfohome {font-size: 14px; color:#A8A8A8; font-weight:BOLD;}

A.small:link {font: 10px geneva, verdana, arial, sans-serif; color: #A8A8A8; text-decoration: none}
A.small:visited {font: 10px geneva, verdana, arial, sans-serif; color: #A8A8A8; text-decoration: none}
A.small:active {font: 10px geneva, verdana, arial, sans-serif; color: #A8A8A8; text-decoration: none}
A.small:hover {font: 10px geneva, verdana, arial, sans-serif; color: #ffffff; text-decoration: underline}

/*Used for the links in the top right corner on all pages with grey headers */
A.topright:link {font: 11px/12pt geneva, verdana, arial, sans-serif;color: #666666; text-decoration: none; font-weight: bold;}
A.topright:visited {font: 11px/12pt geneva, verdana, arial, sans-serif;color: #666666; text-decoration: none; font-weight: bold;}
A.topright:active {font: 11px/12pt geneva, verdana, arial, sans-serif;color: #666666; text-decoration: none; font-weight: bold;}
A.topright:hover {font: 11px/12pt geneva, verdana, arial, sans-serif;color: #FFFFFF; text-decoration: underline; font-weight: bold;}

/*Used for the links in the top right corner on the home pages only (pages have coloured headers) */
/*A.toprighthome:link {COLOR: #FFFFFF; TEXT-DECORATION: none; FONT-WEIGHT: bold;}
A.toprighthome:visited {color: #FFFFFF; text-decoration: none; font-weight: bold;}
A.toprighthome:active {color: #FFFFFF; text-decoration: none; font-weight: bold;}
A.toprighthome:hover {color: #FFFFFF; text-decoration: underline; font-weight: bold;}
*/

A.toprighthome:link {font: 11px/12pt geneva, verdana, arial, sans-serif;color: #A8A8A8; text-decoration: none; font-weight: bold;}
A.toprighthome:visited {font: 11px/12pt geneva, verdana, arial, sans-serif;color: #A8A8A8; text-decoration: none; font-weight: bold;}
A.toprighthome:active {font: 11px/12pt geneva, verdana, arial, sans-serif;color: #A8A8A8; text-decoration: none; font-weight: bold;}
A.toprighthome:hover {font: 11px/12pt geneva, verdana, arial, sans-serif;color: #FFFFFF; text-decoration: underline; font-weight: bold;}

/*Styles for the footer*/
/*TD.footer {padding:10px; border-style:solid; border-bottom-width:10px; border-color:#FFFFFF; background:#FFFFFF; text-align:center; vertical-align:middle;}*/
TD.footer {padding:5px; border-width:0px; border-color:#FFFFFF; border-style:solid; text-align:center; vertical-align:bottom;}
.footer {color:#A8A8A8;}


A.mfooter:link {font: 10px geneva, verdana, arial, sans-serif; color: #035D5C; text-decoration: none}
A.mfooter:visited {font: 10px geneva, verdana, arial, sans-serif; color: #035D5C; text-decoration: none}
A.mfooter:active {font: 10px geneva, verdana, arial, sans-serif; color: #035D5C; text-decoration: none}
A.mfooter:hover {font: 10px geneva, verdana, arial, sans-serif; color: #035D5C; text-decoration: underline}

A.pfooter:link {font: 10px geneva, verdana, arial, sans-serif; color: #A8A8A8; text-decoration: none}
A.pfooter:visited {font: 10px geneva, verdana, arial, sans-serif; color: #A8A8A8; text-decoration: none}
A.pfooter:active {font: 10px geneva, verdana, arial, sans-serif; color: #A8A8A8; text-decoration: none}
A.pfooter:hover {font: 10px geneva, verdana, arial, sans-serif; color: #A8A8A8; text-decoration: underline}


/*Styles for the left menu*/
TD.mmenuitem {
      background:#a8a8a8;
      border-style:solid;
      border-width:0px;
      border-bottom-width:4px;
      border-color:#FFFFFF;
      padding-right:2px;}
TD.pmenuitem {
      background:#a8a8a8; 
      border-style:solid; 
      border-width:0px; 
      border-bottom-width:4px; 
      border-color:#FFF9E3; 
      padding-right:2px;}
TD.submenubullet {padding-left:30px; vertical-align:top;}
TD.submenu {padding-left:3px; padding-right:0px; padding-top:0px; padding-bottom:3px; vertical-align:top;}

A.menu:link {color: #ffffff; text-decoration: none;}
A.menu:visited {color: #ffffff; text-decoration: none;}
A.menu:active {color: #ffffff; text-decoration: none;}
A.menu:hover {color: #dddddd; text-decoration: none;}

A.submenu:link {font-size:9px; color: #333333; text-decoration: none; line-height:130%;}
A.submenu:visited {font-size:9px; color: #333333; text-decoration: none; line-height:130%;}
A.submenu:active {font-size:9px; color: #333333; text-decoration: none; line-height:130%;}
A.submenu:hover {font-size:9px; color: #666666; text-decoration: none; line-height:130%;}

A.hlightsubmenu:link {font-size:9px; font-weight:bold; color: #333333; text-decoration: none; line-height:130%;}
A.hlightsubmenu:visited {font-size:9px; font-weight:bold; color: #333333; text-decoration: none; line-height:130%;}
A.hlightsubmenu:active {font-size:9px; font-weight:bold; color: #333333; text-decoration: none; line-height:130%;}
A.hlightsubmenu:hover {font-size:9px; font-weight:bold; color: #333333; text-decoration: none; line-height:130%;}

/*Styles for the main area common to both sections*/
TD.mainarea {padding-top:10px; padding-left:10px; padding-right:10px; padding-bottom:10px; text-align:left;}
TD.spacer {padding-bottom:4px;}

/*Styles for the main area of the PEDR section*/
.sheet {font-weight: bold; color: #000000; margin-bottom:10px;}
.highlight {font-weight: bold; color: #000099;}
.payment {font-weight: bold; color: #000000;}
.academic {font-weight: bold; color: #000000;}
.CertStage {font-weight: bold; color: #000000;}
.RecordType {font-weight: bold; color: #000000;}
.blackhighlight {font-weight: bold; color: #000000;}
.lighthighlight {font-weight: normal; color: #000099;}
.stronghighlight {font-weight: bold; color: #FF0000;}
.largehighlight {font-size: 15px; font-weight: bold; color: #FF0000;}
.InputLabel {font-weight: normal; color: black;}
.entry {font-weight: normal; color: black;}
.academicentry {font-weight: normal; color: black;}
.list {font-weight: normal; color: #333399;}
.instructions {font-weight: normal; color: black;}
.information {font-weight: normal; color: black;}
.projects {font-weight: bold; color: black;}
.otherprojects {font-weight: bold; color: black;}
.or {font-weight: bold; font-size:150%; color: black;}
.final {font-weight: bold; color: blue;}
FLATINPUT {color:#000000; background: #ffffff; border:1px solid #319C9C; font:11px Verdana, Helvetica; text-decoration:none;}
PROCEEDS {color:#000000; background: #ffffff; border:0px; text-decoration:underline;}
table.content {padding:0px; border-width:0px; empty-cells:show; cellspacing:0; cellpadding:0; border:0 }
.tablecaption {font-weight: bold; font-size:150%; padding-bottom:20px; color: black;}
TD.instructions {padding-top:10px;padding-bottom:0px; border-width:0px;}
TD.information {padding-top:5px; padding-bottom:10px; border-width:0px;}
TD.entry {padding-top:2px; padding-bottom:2px; padding-left:0px; padding-right:8px; border-width:0px; vertical-align:top;}
TD.academicentry {padding-top:2px; padding-bottom:2px; padding-left:20px; padding-right:8px; border-width:0px; vertical-align:top;}
TD.workstage {padding-top:11px; padding-bottom:2px; padding-left:0px; padding-right:8px; border-width:0px; vertical-align:top;}
TD.stageheading {padding-top:10px; padding-bottom:20px; padding-left:0px; padding-right:8px; border-width:0px; vertical-align:top;}
TD.pdivider {padding-bottom:10px;border-style:solid; border-width:0px; border-bottom-width:1px; border-color:#000099;}
TD.projects {padding-top:10px;padding-bottom:0px; border-width:0px;}
TD.otherprojects {padding-top:2px; padding-bottom:5px; border-style:solid; border-width:0px; border-top-width:1px; border-color:#000099;}
TD.academic {padding-top:10px; padding-bottom:5px; border-width:0px;}
/*Ensure INPUT and TEXTAREA use the same font (and the same sizing)*/
INPUT,TEXTAREA {font: 12px Verdana, Arial, Helvetica, sans-serif;}
.pstudentno {font-weight: normal; color: #000099;}
/*Used the the contact details section, same page used in main and 
pedr sections but with different styles */
INPUT.ptext {SCROLLBAR-FACE-color: #a8a8a8; color: #333399; background-color: #FFFFFF;}
INPUT.pbutton {color: #333399; background-color: #CCCCCC; border-color:#FFFFFF;}
/*Used for the links at the bottom of an editing page*/
INPUT.psave {color: #000099; background-color: #FFF9E3;
 TEXT-DECORATION: underline; FONT: 11px/12pt geneva, verdana, arial, sans-serif; 
 border:0px; padding-left:0px; padding-right:0px;}
/*Used for the noscript links at the bottom of an editing page*/
INPUT.pnoscript {color: #000099; background-color: #FFF9E3;}

A.list:link {color: #000099; text-decoration: underline}
A.list:visited {color: #000099; text-decoration: underline}
A.list:active {color: #000099; text-decoration: underline}
A.list:hover {color: #0000FF; text-decoration: underline}

A.final:link {color: #0000FF; text-decoration: underline}
A.final:visited {color: #0000FF; text-decoration: underline}
A.final:active {color: #0000FF; text-decoration: underline}
A.final:hover {color: #0167FF; text-decoration: underline}

A.printpreview:link {font-size:12px; color: #000099; text-decoration: underline;}
A.printpreview:visited {font-size:12px; color: #000099; text-decoration: underline;}
A.printpreview:active {font-size:12px; color: #000099; text-decoration: underline;}
A.printpreview:hover {font-size:12px; color: #000099; text-decoration: underline;}

A.pedr:link {color: #000099; text-decoration: underline}
A.pedr:visited {color: #000099; text-decoration: underline}
A.pedr:active {color: #000099; text-decoration: underline}
A.pedr:hover {color: #0000FF; text-decoration: underline}

A.stronghighlight:link {color: #FF0000; text-decoration: underline}
A.stronghighlight:visited {color: #FF0000; text-decoration: underline}
A.stronghighlight:active {color: #FF0000; text-decoration: underline}
A.stronghighlight:hover {color: #FF6666; text-decoration: underline}

/*Used for the links to proceed to the next step*/
div.proceed {
      width: auto;
      margin-right: 0;
      margin-top: 10px;
      margin-bottom: 10px;
      text-align: right;
}

/*Styles for the popup question*/
input.QButton {color: #000000; background-color: #CCCCCC; border-color:#FFFFFF;}
.question {font-weight: normal; color: black;}

/*Styles for the main area of the main section*/
INPUT.mbutton {SCROLLBAR-FACE-color: #a8a8a8; color: #035D5C; SCROLLBAR-ARROW-color: white; background-color: #CCCCCC; border-color:#FFFFFF;}
INPUT.mtext {SCROLLBAR-FACE-color: #a8a8a8; color: #035D5C; background-color: #FFFFFF;}
.mhighlight {font-weight: bold; color: #FF0000;}
.mhighlight2 {font-weight: bold; color: #035D5C;}
.mstage {font-weight: bold; color: #000000;}
.minfo {font-weight: bold; color: #039999;}
TD.spacebelow {padding-top:3px; padding-bottom:20px; padding-left:3px; padding-right:3px; border-width:0px;}
TD.divider {padding-bottom:10px; padding-top:10px;border-style:solid; border-width:0px; border-bottom-width:1px; border-color:#339999;}
.marker {font: 10px; color:#FF0000; font-weight:BOLD;}
/*fakelink is used the sample edit screen, items look like links but aren't really*/
.fakelink {color: #000099; text-decoration: underline}

TD.tophome1 {padding:0px; 
             padding-bottom:5px;
             border-style:solid; 
             border-width:0px; 
             border-bottom-width:1px; 
             border-color:#339999; 
             background-color: #FFFFFF;}
.tophome1 {font: 13px geneva, verdana, arial, sans-serif; color:#000000; font-weight:BOLD;}

TD.tophome2 {padding:0px;
             padding-top:5px;
             padding-bottom:5px;
             border-style:solid; 
             border-width:0px; 
             border-color:#FFFFFF; 
             background-color: #FFFFFF;}
.tophome2 {font: 12px geneva, verdana, arial, sans-serif; color:#000000; font-weight:NORMAL;}
TD.dynamicheading {padding:5px; 
             border-style:solid; 
             border-top-width:10px;
             border-bottom-width:0px;
             border-left-width:0px;
             border-right-width:0px;
             border-color:#FFFFFF; 
             background-color: #A2CCC7;}
TD.dynamic1 {padding:5px; 
             border-style:solid; 
             border-top-width:0px;
             border-bottom-width:0px;
             border-left-width:0px;
             border-right-width:0px;
             border-color:#FFFFFF; 
             background-color: #E3EFEC;}
TD.dynamictitle1 {padding:5px; 
             border-style:solid; 
             border-top-width:2px;
             border-bottom-width:0px;
             border-left-width:0px;
             border-right-width:0px;
             border-color:#FFFFFF; 
             background-color: #E3EFEC;}  
TD.dynamic2 {padding:5px; 
             border-style:solid; 
             border-top-width:0px;
             border-bottom-width:0px;
             border-left-width:0px;
             border-right-width:0px;
             border-color:#FFFFFF; 
             background-color: #EFEDED;}             
TD.dynamictitle2 {padding:5px; 
             border-style:solid; 
             border-top-width:2px;
             border-bottom-width:0px;
             border-left-width:0px;
             border-right-width:0px;
             border-color:#FFFFFF; 
             background-color: #EFEDED;}   
             
TD.dynamic3 {padding:5px; 
             border-style:solid; 
             border-top-width:0px;
             border-bottom-width:5px;
             border-left-width:0px;
             border-right-width:0px;
             border-color:#FFFFFF; 
             background-color: #EFEDED;}             
TD.dynamictitle3 {padding:5px; 
             border-style:solid; 
             border-top-width:5px;
             border-bottom-width:0px;
             border-left-width:0px;
             border-right-width:0px;
             border-color:#FFFFFF; 
             background-color: #EFEDED;}  
             
TD.dynamicarea {padding-top:5px; 
             padding-bottom:5px;
             padding-left:10px;
             padding-right:10px;
             border-style:solid; 
             border-width:1px;
             border-color:#CCCCCC; 
             border-style:solid; 
             background-color: #FFFFFF;}                        
                          
TD.news     {padding:5px; 
             border-style:solid; 
             border-width:0px;
             border-color:#FFFFFF; 
             background-color: #FFFFFF;}

TD.faqsection {padding:5px; 
             border-style:solid; 
             border-top-width:10px;
             border-bottom-width:10px;
             border-left-width:0px;
             border-right-width:0px;
             border-color:#FFFFFF; 
             background-color: #E3EFEC;}   
.faqsection {font: 13px geneva, verdana, arial, sans-serif; color:#000000; font-weight:BOLD;}          
TD.pfaqsection {padding:5px; 
             border-style:solid; 
             border-top-width:10px;
             border-bottom-width:10px;
             border-left-width:0px;
             border-right-width:0px;
             border-color:#FFFFFF; 
             background-color: #E3E3EF;}   
.pfaqsection {font: 13px geneva, verdana, arial, sans-serif; color:#000000; font-weight:BOLD;}          

TD.faq     {padding:5px; 
             padding-bottom:0px;
             padding-top:0px;
             border-style:solid; 
             border-width:0px;
             border-color:#FFFF00; 
             background-color: #FFFFFF;}

.Question {font-weight: bold; color: #000000;} /*used for FAQs*/
      
TD.jobs     {padding-top:5px; 
             padding-bottom:5px; 
             padding-left:0px; 
             padding-right:0px; 
             border-style:solid; 
             border-width:0px;
             border-color:#FFFFFF; 
             background-color: #FFFFFF;}
.jobheading {font: 11px geneva, verdana, arial, sans-serif; color:#000000; font-weight:NORMAL;}


TD.dynamicleft {padding-right:10px; border-style:solid; border-width:0px; border-right-width:1px; border-color:#339999; vertical-align:top;}
TD.dynamicright {padding-left:10px; border-style:solid; border-width:0px; border-color:#339999; vertical-align:top;}
.mstudentno {font-weight: normal; color: #035D5C;}
/* Same font as used in header but graphic looks clearer
.mheader {font: 36px arial narrow, sans-serif; font-weight: bold; color: #FFFFFF;}*/
.mdocheader {font: 14px; color:#000000; font-weight:BOLD;}
.mheader {font-weight: bold; color: #FFFFFF;}
.mlighthighlight {font-weight: bold; color: #000000;}
TD.Profile {padding-bottom:5px; padding-right:5px; border-width:0px; }
.dynamicsectionheading {font: 16px arial, sans-serif geneva, verdana; color:#000000; font-weight:BOLD;}
.dynamicitemheading {font: 12px geneva, verdana, arial, sans-serif; font-weight: bold; color: #000000; text-align: center;}
.msectionheading {font-size: 14px; color:#000000; font-weight:BOLD;}

A.main:link {color: #035D5C; text-decoration: underline}
A.main:visited {color: #035D5C; text-decoration: underline}
A.main:active {color: #035D5C; text-decoration: underline}
A.main:hover {color: #319C9C; text-decoration: underline}

A:link {color: #035D5C; text-decoration: underline}
A:visited {color: #035D5C; text-decoration: underline}
A:active {color: #035D5C; text-decoration: underline}
A:hover {color: #319C9C; text-decoration: underline}

A.mmenu:link {color: #ffffff; text-decoration: none;}
A.mmenu:visited {color: #ffffff; text-decoration: none;}
A.mmenu:active {color: #ffffff; text-decoration: none;}
A.mmenu:hover {color: #EBE5DF; text-decoration: none;}

A.mhighlight:link {color: #FF0000; text-decoration: underline;}
A.mhighlight:visited {color: #FF0000; text-decoration: underline;}
A.mhighlight:active {color: #FF0000; text-decoration: underline;}
A.mhighlight:hover {color: #FF6666; text-decoration: underline;}

A.totop:link {color: #666666; text-decoration: underline}
A.totop:visited {color: #666666; text-decoration: underline}
A.totop:active {color: #666666; text-decoration: underline}
A.totop:hover {color: #666666; text-decoration: underline}

/*Styles for the right column*/
TD.rightcolumn {
      padding-bottom:0px; 
      padding-top:0px; 
      padding-left:0px; 
      padding-right:0px; 
      background:#c9c9c9; 
      text-align:center; 
      border-style:solid;
      border-width:0px;
      border-bottom-width:10px;
      border-color:#FFFFFF}
TD.rightheader {
      padding-bottom:4px; 
      padding-top:4px; 
      padding-left:4px; 
      padding-right:4px; 
      background:#a8a8a8; 
      text-align:center; 
      FONT-COLOR: #FFFFFF; 
      FONT-WEIGHT: bold;}
TD.rightbook {
      padding-bottom:0px; 
      padding-top:0px; 
      padding-left:0px; 
      padding-right:0px; 
      background:#EFEFF7; 
      text-align:center; 
      border-style:solid;
      border-width:0px;
      border-bottom-width:0px;
      border-color:#FFFFFF}
TD.bookshop {
      padding-bottom:0px; 
      padding-top:0px; 
      padding-left:4px; 
      padding-right:4px; 
      background:#EFEFF7; 
      text-align:left; 
      border-style:solid;
      border-width:0px;
      border-bottom-width:10px;
      border-color:#FFFFFF}
TD.rightimage {
      padding-bottom:0px; 
      padding-top:0px; 
      padding-left:0px; 
      padding-right:0px; 
      background:#c9c9c9; 
      text-align:center; 
      border-style:solid;
      border-width:0px;
      border-bottom-width:0px;
      border-color:#FFFFFF}
TD.righttext {
      padding-bottom:4px; 
      padding-top:4px; 
      padding-left:4px; 
      padding-right:4px; 
      background:#c9c9c9; 
      text-align:left; 
      border-style:solid;
      border-width:0px;
      border-bottom-width:10px;
      border-color:#FFFFFF}


.rightheader {font-size: 14px; color: #FFFFFF; font-weight: bold}
/*.righttext {FONT-WEIGHT: normal; FONT-SIZE: small; COLOR: #FFFFFF;}*/
.righttext {font-weight: normal; color: #000000;}

A.rightbook:link {font-weight: bold; color: #666666; text-decoration: none;}
A.rightbook:visited {font-weight: bold; color: #666666; text-decoration: none;}
A.rightbook:active {font-weight: bold; color: #666666; text-decoration: none;}
A.rightbook:hover {font-weight: bold; color: #FFFFFF; text-decoration: underline;}

A.rightlink:link {font-size: 14px; font-weight: bold; color: #666666; text-decoration: none;}
A.rightlink:visited {font-size: 14px; font-weight: bold; color: #666666; text-decoration: none;}
A.rightlink:active {font-size: 14px; font-weight: bold; color: #666666; text-decoration: none;}
A.rightlink:hover {font-size: 14px; font-weight: bold; color: #FFFFFF; text-decoration: underline;}

A.rightheader:link {font-size: 14px; font-weight: bold; color: #FFFFFF; text-decoration: none;}
A.rightheader:visited {font-size: 14px; font-weight: bold; color: #FFFFFF; text-decoration: none;}
A.rightheader:active {font-size: 14px; font-weight: bold; color: #FFFFFF; text-decoration: none;}
A.rightheader:hover {font-size: 14px; font-weight: bold; color: #FFFFFF; text-decoration: underline;}

/* Styles used for pop-ups such as the terms and conditions */
.theader1 {font-size: 14px; color:#000000; font-weight:BOLD;}
.theader2 {font-size: 12px; color:#000000; font-weight:NORMAL;}
.cattable {font-weight: bold; font-size:large; padding-bottom:20px; color: black;}

H1 {font-size: 16px; color:#000000; font-weight:BOLD;line-height:100%}
H2 {font-size: 14px; color:#000000; font-weight:BOLD;line-height:100%}
H3 {font-size: 12px; color:#000000; font-weight:BOLD;line-height:100%}