/* ********************************************************************************
**********  TSS - Generic and home-page specific styles  **************************
********************************************************************************* */

/* BASIC TAGS */
body {margin: 0 6px 0 6px; padding: 0; background: #fff; font-size: 100%; font-family: Verdana, Arial, sans-serif; text-align:center; color: #111;}
p, ul, ol, dl, blockquote {font-size: 0.8em; padding: 0 0 0.9em 0; }
form, input {padding: 0; margin: 0; }
a {color: #267CC0;}
a:hover {color: #024375;}
a visited {color: #267CC0;}


/* FIREBOX SCROLLBAR ISSUE FIX */
html {overflow: -moz-scrollbars-vertical;} 


/* MAIN PAGE CONTAINER */
#container {padding: 0; margin: 0 auto; min-width: 748px; max-width: 968px; text-align: left; } 

/*#container {padding: 0; margin: 0 auto; min-width: 800px; max-width: 968px; text-align: left; }*/

/* TOP BANNER */
#banner {margin: 10px 0 0 0; padding: 0; height: 80px; background: #fff; color: #000; border-top: 2px solid #0468b6;}


/* TOP BANNER: SEARCH FORM
border-left: 1px solid #59A7E5; border-right: 1px solid #59A7E5; border-bottom: 1px solid #59A7E5; width: 420px; height: 3.4em; }
.searchlabelsearch {font-weight: bold; vertical-align: bottom; font-size: 0.8em; border: 2; padding: 10px 10px 0px 20px; }
.searchlabelother {font-weight: bold; vertical-align: top; font-size: 0.8em; border: 2; padding: 0px 10px 0px 20px; margin-top: -10px; }
.searchfield {font-weight: normal; font-size: 0.8em; border: 1; padding: 0 0 0 0; margin: 2px 0 4px 0; }
.searchbutton {font-weight: normal; vertical-align: top; font-size: 0.8em; border: 1; padding: 0 0 0 0; margin: 2px 10px 0 0; }
.searchfield, #othersites {width:150px;}
.searchbutton {margin: 0px 0px 0px 4px; padding:0px;}
.searchbuttonleft {text-align:left;}
#select {font-weight: normal; align: left;  font-size: 0.8em; border: 4; padding: 0 0 0 0; margin: 0 0 10px 0 }
 */

/* TOP BANNER: SEARCH FORM */
#searchform {float:right; padding: 0px 0px 0px 0px; background: #fff; color: #313132; border: 0px solid #D0D1D4; width: 800px; margin-top: -6px; margin-left: 0px; margin-right: 0px;}
.searchlabelsearch2 {font-weight: normal; font-size: 0.7em; border: 2; padding: 0px 6px 0px 6px; }
.searchlabelother2 {font-weight: normal; font-size: 0.7em; border: 2; padding: 0px 6px 0px 10px; }
.searchfield2 {font-weight: normal; font-size: 0.7em; border: 1; padding: 0px 0px 0px 0px; margin-right: 0px; }
#searchform table {margin-left:auto;}
#othersites2 {font-weight: normal; font-size: 0.6em; width: 134px; margin-right: 0px;}

.searchbutton2 {font-weight: normal; font-size: 0.6em; padding: 0px 0px 0px 0px; margin-left:5px; display:inline;}

.gobutton {font-weight: normal; font-size: 0.6em; padding: 0px 0px 0px 0px; margin-bottom:0px; margin-right: 0px;  margin-top: 0px; display:inline; }

.logo2 {border: 0px solid #000; margin-bottom: 0px; }

/* HOMEPAGE STRAPLINE */
#homestrap {float: left; width: 100%; height: 0px; line-height: 0.6cm; background: #fff; color: #075C9F; font-size: 0.9em; font-weight: bold;}


/* DEFAULT HEADERS */

h1 {font-size: 1.1em; font-weight: bold; padding: 4px; margin-bottom: 10px; background: #fff; color: #2F2F2F; border-top: 1px dotted #626672; border-bottom: 1px dotted #626672; min-height: 47px;}

h2 {font-size: 0.9em; font-weight: bold; padding: 4px; margin-bottom: 8px; background: #fff; color: #626672; }
h3 {font-size: 0.8em; font-weight: bold; padding: 4px; background: #fff; color: #626672; }
h4 {font-size: 0.8em; font-weight: bold; padding: 4px 0 4px 0; background: #fff; color: #222222; }  /* #626672 */
h5 {font-size: 0.8em; font-weight: bold; padding: 4px 4px 4px 0;  background: #fff; color: #626672; }


/* PAGE LAYOUT */
#column1 {clear: both; float: left; width: 200px; padding: 0 0 20px 0; margin:0;}
#column2 {float: right; width: 200px; padding: 0 0 20px 0; margin: 0; }

#maincontent, #qualmaincontent, #newsmaincontent, #termsmaincontent, #eventsmaincontent, #communitymaincontent, #contactmaincontent, #genericmaincontent, #profilemaincontent, #progofficemaincontent {margin: 0 210px; padding: 0 0 60px 0;}


#adminmaincontent {margin-top: 0pt; margin-right: 0pt; margin-bottom: 0pt; margin-left: 210px; padding-top: 0pt; padding-right: 0pt; padding-bottom: 60px; padding-left: 0pt; }



/* PAGE FOOTER STYLES 
#footer {margin: 0 0 20px 0; padding: 0; height: 60px; clear: both; border-top: 2px solid #0468B6; border-bottom: 2px solid #0468B6; 1position:relative; 1top:30px;}.footerspacer {line-height:0px;}
#footer p {font-size: 0.7em; position: relative; top: 25px;}
*/

/* PAGE FOOTER STYLES */
#footer {margin: 0 0 30px 0; padding: 0; height: 66px; clear: both; border-top: 2px solid #0468B6; border-bottom: 2px solid #0468B6; 1position:relative; 1top:30px;}
.footerspacer {line-height:0px;}
#footer p {font-size: 0.7em; position: relative; top: 30px; width: 400px;}


/* HOME PAGE STYLES */
#homefeature {background: #E8EBF0; margin: 0 0 10px 0; height: auto; border-bottom: 1px solid #ccc;}   /* border previously 4px */

#homefeature h1 {background: #E6560F; color: #fff; font-size: 1.0em; font-weight: bold;	padding: 6px; margin: 0 0 5px 0; border: none; text-decoration: none; }
#homefeature h1 a {color: #fff; font-size: 1.0em; text-decoration: none;}
#homefeature h1 a:hover {text-decoration: underline;}

ul#morefeatures {text-align: right; background: #E8EBF0; color: #fff; font-size: 0.7em; padding: 0.2em; margin: 20px 0 0 0; }

#morefeatures li {display: inline; padding-right: 5px; white-space: nowrap; }
#homefeaturetext {background: #E8EBF0; margin: 0; padding: 8px; min-height:174px;} 
* html #homefeaturetext {height:174px }  /* fix for Firefox was - height:174px */

img.homefeaturepic {display: block; float: left; border: solid 1px #000; margin-right: 8px; margin-bottom: 0px; z-index: 100;}

#homefeature a {text-decoration: none; font-weight: bold; padding: 0; font-size: 0.8em;}
#homefeature a:hover {text-decoration: underline; }


/* HOME PAGE EVENTS BOX */
#homeevents {float: left; width: 100%; margin-bottom: 10px; margin-right:1px; padding: 0; color: #000; background: #E8EBF0; border: 0px solid #934078; }    

/* Previously: background: #fff; border-left: 1px solid #666; border-right: 0px solid #666; border-bottom: 0px solid #666; background: #E8EBF0; */

#homeevents h2 {font-size: 0.8em; margin: 0; padding: 2px 5px 2px 5px;  background: #A1AEC1; color: #fff;}

#homeeventstitle {font-size: 0.8em; font-weight: bold; margin: 0; padding: 2px 5px 2px 5px;  background: #8B2F93; color: #fff;}  /*  background colour previously: #934078; */
#homeeventstitle a { margin: 0; font-weight: bold; text-decoration: none; color: #fff; } 
#homeeventstitle a:hover { margin: 0; font-weight: bold; text-decoration: underline; } 

#homeevents ul {padding: 5px;}
#homeevents ul li {padding: 3px 0 8px 0; border-bottom: 0px solid #cccccc;}
#homeevents p {font-size: 0.7em; padding: 5px;}
a.moreevents {color: #934078; background: #E8EBF0; }
.eventdate {font-size: 0.85em; font-weight: bold; color: #934078; background: #E8EBF0;}
.eventtitle a {color: #323234; background: #E8EBF0; font-weight: bold;}
.eventloc {font-size: 1em; display: block;}


/* IMAGE CLASSES */
.logo {padding-top: 10px;}
.cambsasslogo {float: right; padding-top: 5px;}

.featureimg {float: left; padding: 0; margin: 0 10px 0 0; }

.leftimage {float: left; padding: 0; margin: 0 0px 0 0; border-right: 10px solid #fff;}

.leftimageprofile {float: right; padding: 0 0 0 8px; margin: 0 10px 2px 0; }

.imageinlineleft {float: left; padding: 0.2; margin: 4px 8px 4px 2px; }
.imageinlineright {float: right; padding: 0.2; margin: 4px 2px 4px 2px; }

.develop {float: right; }
.rightimagewithcaption {display: block; float: right; margin: 0 0 6px 0px; border-left:20px solid #fff; border-bottom:3px solid #fff; }
.rightimagewithcaption p {width: 190px; padding: 5px; background: #E8EBF0; color: #000; font-size: 0.7em; }

.qualsrightimagewithcaption {display: block; float: right; margin: 8px 0 6px 10px;}
.qualsrightimagewithcaption p {width: 190px; padding: 5px; background: #E8EBF0; color: #000; font-size: 0.7em; }



/* DOCUMENTS LIST STYLES 

ul.filelist {font-weight: normal; margin-left: 0; font-size: 0.7em; padding-bottom: 2px; }
ul.filelist li {font-weight: normal; margin-left: 0; padding: 2px 0 0px 0; list-style: none; }
ul.filesublist li {margin-left: 0; padding: 0px 0 0px 0; list-style: none; }

*/



/* FAQS LIST STYLES -
ul.qlist {margin: 0 0 10px 10px; padding: 0 0 10px 0; list-style: none; font-color: #0468B6;}
ul.qlist li.qs {margin-bottom: 5px; padding-top: 5px; padding-left: 25px; padding-right: 5px; font-size: 1em; font-weight: bold; color: #0468B6; list-style: none; background-image: url(/images/q.gif); background-repeat: no-repeat; background-position: 0.2em .4em;}
ul.qlist li.qs a { font-weight: strong; text-decoration: none;}
ul.qlist li.qs a:hover { font-weight: strong; text-decoration: underline;}

ul.qalist {margin: 0 0 30px 5px; padding 0 0 60px 0; list-style: none;}
ul.qalist li.qs {list-style:none; padding-top: 10px; padding-left: 25px; padding-bottom: 10px; padding-right: 5px; background-image: url(/images/q.gif); background-repeat: no-repeat; background-position: 0.2em .9em; margin: 0 0 5px 0;  border-top: 1px dotted #CCCCCC; } 
ul.qalist li.qs a {text-decoration: none; color: #0468B6; font-weight: bold;}
ul.qalist li.qs a:hover {text-decoration: none; color: #0468B6;}
ul.qalist li.ans {padding-left: 25px; padding-bottom: 10px; padding-right: 5px; list-style: none; background-image: url(/images/a.gif); background-repeat: no-repeat; background-position: 0.2em .0em;}
ul.qalist li.toplink {float: right; padding: 10px 0 0 0; margin: 0; list-style: none; background-image: none; background-repeat: no-repeat; background-position: 0.2em .0em;font-size:0.9em;}
*/

/* OLD FAQ LIST STYLES - NOT BEING USED AT PRESENT*/
/*li.qs2 {padding-left: 25px; padding-bottom: 10px; padding-right: 5px; font-size: 96%; font-weight: bold; color: #0468B6; line-height: 1.2em; list-style: none; background-image: url(/images/q.gif); background-repeat: no-repeat; background-position: 0.2em .0em;}
qalist li.qs2 a {text-decoration: none; color: #0468B6;}
qalist li.qs2 a:hover {text-decoration: none; color: #0468B6;}*/

/* FAQs List Styles */

ul.qlist {margin: 0 0 10px 10px; padding: 0 0 10px 0; list-style: none; font-color: #0468B6;}
ul.qlist li.qs {margin-bottom: 5px; padding-top: 5px; padding-left: 25px; padding-right: 5px; font-size: 1em; font-weight: bold; color: #0468B6; list-style: none; background-image: url(/images/q.gif); background-repeat: no-repeat; background-position: 0.2em .4em;}
ul.qlist li.qs a { font-weight: strong; text-decoration: none;}
ul.qlist li.qs a:hover { font-weight: strong; text-decoration: underline;}

ul.qalist {margin: 0 0 30px 5px; padding 0 0 60px 0; list-style: none;}
ul.qalist li.qs {list-style:none; padding-top: 10px; padding-left: 25px; padding-bottom: 10px; padding-right: 5px; background-image: url(/images/q.gif); background-repeat: no-repeat; background-position: 0.2em .9em; margin: 0 0 5px 0;  border-top: 1px dotted #CCCCCC; } 
ul.qalist li.qs a {text-decoration: none; color: #0468B6; font-weight: bold;}
ul.qalist li.qs a:hover {text-decoration: none; color: #0468B6;}
ul.qalist li.ans {padding-left: 25px; padding-bottom: 10px; padding-right: 5px; list-style: none; background-image: url(/images/a.gif); background-repeat: no-repeat; background-position: 0.2em .0em; font-size:0.9em;}
ul.qalist li.toplink {float: right; padding: 10px 0 0 0; margin: 0; list-style: none; background-image: none; background-repeat: no-repeat; background-position: 0.2em .0em;}


/* BULLET LIST STYLES - GENERIC - NOT BEING USED AT PRESENT */
/*
ul.bullet {padding-left: 16px; list-style: none; }
li.bullet {padding-left: 2px; padding-bottom: 10px; padding-right: 5px; list-style: disc; }
*/

/* ERROR TEXT STYLES */
.form_inline_error {color: red; }
.form_error {font-size: 0.9em; font-weight:bold; color: red; }


/* form.redirect {display: block; margin: 0px; padding: 0px; } */

/* File Link Icon Style (e.g. .pdf, .doc, etc)*/
img.fileicon {float: none; padding: 0; margin: 0 0 0 0; position: relative; top: 2px; left: 0; border-right: 0 solid #fff;}


/*  TSS Home page styles NEW */
#mainpanelintro {margin: 0 0 4px 0px; border: 0px solid #4A7597; height: 0; width:55%; padding-top: 0px; padding-left: 6px;} 
#mainpanelintro p {font-weight: normal; border: 0px solid #9CE924; color: #111; height: 0px; width:55%; padding-top: 0px; padding-left: 10px; padding-bottom: 0px; margin-top: 0px;}



/* Home page styles FROM CIE Website - backup

#homemainpanel {float: left; width: 99.5%; background: url(/images/home_mainpanel_img1.jpg) background-repeat: no-repeat bottom top; background-color: #F8F6F7; margin: 0 0 10px 0; border: 1px solid #4C7497; height: 203px; }

#homemainpanel h1 {color: #E31C80; background-color: #434343; font-size: 1.0em; font-weight: bold; padding: 8px; margin: 0 0 0px 0; border: 0px solid #39E31C; text-decoration: none; }

#homemainpanel h2.hometitle {color: #111; background-color: transparent; font-size: 0.95em; font-weight: bold; padding: 12px 12px 0px 12px; width: 67%; margin: 0 0 0px 0; border: 0px solid #39E31C; text-decoration: none; }

#homemainpanel p {font-weight: normal; border: 0px solid #9CE924; color: #000; width:55%; margin: 12px 12px 0px 12px; }

*/






/* Home page styles FROM CIE Website - PASTE 2 */

#homemainpanel {float: left; width: 99.5%; background: url(/images/home_mainpanel_img2.jpg) no-repeat bottom right; background-color: #F8F6F7; margin: 0 0 10px 0; border: 1px solid #4C7497; min-height: 203px; height:auto; padding-bottom:12px; }

#homemainpanel h1 {color: #E31C80; background-color: #434343; font-size: 1.0em; font-weight: bold; padding: 8px; margin: 0 0 0px 0; border: 0px solid #39E31C; text-decoration: none; }

#homemainpanel h2.hometitle {color: #111; background-color: transparent; font-size: 0.95em; font-weight: bold; margin: 12px 12px 4px 12px; padding:0px; width: 67%; border: 0px solid #39E31C; text-decoration: none; }

#homemainpanel p {font-weight: normal; border: 0px solid #9CE924; color: #000; width:55%; margin: 2px 12px 0px 12px; padding:0px;}
#homemainpanel ulone {padding-left: 28px; list-style-type: disc inside; padding-bottom:0px; width:55%;}

#homemainpanel lione {padding-left: 2px; margin-bottom: 4px; padding-right: 0px;}

#homemainpanel ul {padding-left: 26px; list-style: none; width:55%; padding-bottom:0px; margin-bottom:4px;}
#homemainpanel ul li {padding-left: 0px; padding-bottom: 2px; padding-right: 5px; list-style: disc; }







/* Home page news box  */

#homenews {float: left; width: 100%; margin-bottom: 10px; margin-right:10px; color: #000; background: #fff;}
#homenews h2 {font-size: 0.8em; margin: 0; padding: 2px 5px 2px 5px;  background: #A1AEC1; color: #fff;  }

#homenewstitle {font-size: 0.8em; margin: 0; font-weight: bold; padding: 2px 5px 2px 5px;  background: #E8EBF0; color: #000; border-top: 2px solid #E65610; }
#homenewstitle a { margin: 0; font-weight: bold; text-decoration: none; color: #111; } 
#homenewstitle a:hover { margin: 0; font-weight: bold; text-decoration: underline; }

#homenews ul {padding: 5px 5px 0px 5px;}
#homenews ul li {padding: 3px 0 12px 0; border-bottom: 1px dotted #cccccc;}
#homenews p {font-size: 0.7em; padding: 5px;}

a.morenews {color: #111; background: #E8EBF0; float: right; }  
.morenews a:hover {color: #000; background: #fff; }

.newsdate {font-size: 0.75em; color: #E6560E; background: #fff; 	}
.newstitle a {color: #323234; background: #fff; font-weight: bold; display: block;}
.newsdesc {font-size: 1em; padding: 0; display: block;}


/* TSS/CIE LOGO STYLES */

.logo2 {border: 0px solid #000; float: left; }
.cielogo {border: 0px solid #000; float: right; }

/* ERROR TEXT STYLES */

/* TABBED NAVIGATION - DAVID'S AMENDMENT TO DEAL WITH TABS WRAPPING ON 800X600 15/08/07 */

ul#tabnav {font: bold 11px verdana, arial, sans-serif; list-style-type: none; padding: 12px 0 24px 0; border-bottom: 1px solid #4E5768;  margin: 1px 0 20px 0; margin-top: 10px; }
ul#tabnav li { float: left; background-color: #DDE4EC; margin: -11px 2px 0 2px; border: 1px solid #4E5768; padding-bottom: 0; list-style-type: none; width: 150px;}
ul#tabnav li#activetab {float: left; border-bottom: 1px solid #fff;  background-color: #fff; }
li#activetab a { color: #000; }
#tabnav a {float: left; display: block; color: #666; text-decoration: none; font-size: 1em; padding: 4px; height:26px;}
#tabnav a:hover { background: #fff; width: 142px;}

/* TABBED NAVIGATION - ORIGINAL CODE (INACTIVE)
ul#tabnav {font: bold 11px verdana, arial, sans-serif; list-style-type: none; padding-bottom: 24px;
border-bottom: 1px solid #4E5768;  margin: 0 0 20px 0;}
ul#tabnav li { float: left; height: 21px; background-color: #DDE4EC; margin: 2px 2px 0 2px; border: 1px solid #4E5768; padding-bottom: 0; list-style-type: none;}
ul#tabnav li#activetab {border-bottom: 1px solid #fff;  background-color: #fff; }
li#activetab a { color: #000; }
#tabnav a {float: left; display: block; color: #666; text-decoration: none; padding: 4px; }
#tabnav a:hover { background: #fff; }
*/


/* CID LEVELS NAVIGATION 16/08/07 */

ul#levels {font: normal 0.7em verdana, arial, sans-serif; padding-bottom: 16px; margin: 10px 0 20px 0; border-bottom: 1px dotted #111; }

ul#levels li  {font-weight: normal; float: left; margin: -4px 10px 10px 0; background: #fff; list-style-type: none; padding: 0 0 0 0;  } 

ul#levels li#active {font-weight: bold; font-size: 1.0em; text-decoration: none; border-right: 1px solid #111; color: #0468B6; padding-right: 10px; }

ul#levels li a {font-size: 1.0em; color: #0468B6; text-decoration: underline; border-right: 1px solid #111; padding-right: 10px;}
ul#levels li a:hover {font-size: 1.0em; color: #024375; border-right: 1px solid #111; padding-right: 10px;}

ul#levels li.last a {font-size: 1.0em; color: #0468B6; text-decoration: underline; padding-right: 10px; border-right: 0px; }
ul#levels li.last a:hover {font-size: 1.0em; color: #024375; padding-right: 10px; border-right: 0px; }

ul#levels li#activelast {font-weight: bold; font-size: 1.0em; text-decoration: none; border-right: 0px solid #111; color: #0468B6; padding-right: 10px; }


/* TERMS AND CONDITIONS - ADDED BY ELLIOTT */

#termsmaincontent h2 {background: #0468B6; color:#fff; margin: 10px 0 10px 0; }
#termsmaincontent h2 a {background: #0468B6; color:#fff;}

/* GENERIC MAIN CONTENT STYLES */

#maincontent h1 {padding-right: 47px;min-height: 47px; }
#genericmaincontent h1 {padding-right: 47px;min-height: 47px; height: 47px; }
#genericmaincontent h2 {padding-left:0px; color:#111;}
#genericmaincontent h3 {padding:0px 0px 0px 0px;}
#genericmaincontent ul {padding-left: 16px; list-style: none; }
#genericmaincontent li {padding-left: 2px; padding-bottom: 5px; padding-right: 5px; list-style: disc; }

/* Transitional Login STYLES */
#tssuserdetails #formcontainer p span {padding-top:4px;}
#tssuserdetails #formcontainer input {width:200px; border:1px solid #7E9DBA; margin:1px 0px 1px 0px; line-height:1em; padding:1px;}
#tssuserdetails #formcontainer select {width:200px; border:1px solid #7E9DBA; margin:1px 0px 1px 0px; line-height:1em; padding:1px;}
#tssuserdetails #formcontainer label {width:130px; float:left; text-align:right; display:block; margin-top:2px; padding:1px;line-height:1em;}
#tssuserdetails #formcontainer span.address input {padding:1px;line-height:1em; margin: 1px 0px 1px 0px}
#tssuserdetails #formcontainer span.tickbox input {width:auto; margin:0px; padding:0px; border:0px;}
#tssuserdetails #formcontainer p.newusername {border:1px solid #7E9DBA; margin-bottom:10px; line-height:20px; padding:4px 15px 4px 15px; background-color: #e8ebf0; width:auto;}

#shared h1 { min-height: 47px; }
#shared h2 { background: white; color: black; }
#shared {margin: 0 210px; padding: 0 0 60px 0;}
#shared a {border: 1px solid black; text-decoration: none; background-color: #cccccc; padding: 5px;}
#shared div {padding: 10px;}

#forum {
   margin-right: 0;
   margin-left: 210px;
   margin-top: 0;
   margin-bottom: 0;
   padding: 0 0 0 0;
}
#textbooks h1 { min-height: 47px; }
#textbooks h2 { background: #0468B6; color:#fff; margin: 10px 0 10px 0; }
#textbooks {margin: 0 210px; padding: 0 0 60px 0;}
#textbooks ul { list-style: disc inside }

#textbooks ul.comments { list-style: none }

#edit_textbooks {
  margin: 0 0 0 210px;
  padding: 0 0 60px 0;
}

#edit_textbooks h2 { background: #0468B6; color:#fff; margin: 10px 0 10px 0; }

div.sharedfullwidth {
        margin-right: 0px !important;
}

table.listing tbody tr.favourite {
    background: rgb(235, 239, 244);
}
.grey {
    color: #cccccc;
}