/* PAGE LAYOUT */
#header {  }
#content {  }
#footer {  }
#colorlogo { position:absolute; top:15px; left:10px; }
#whitelogo { display:none; }
#text { margin-right:240px; }

/* NAVIGATION */
.navigation { font-size:100%; margin-left:0px; line-height:35px; margin-bottom:15px; }
.navigation li { list-style-type:none; display:inline; margin-right:-3px; }
.navigation li a.link1 { border-top:3px solid #990033; padding:5px 11px 5px 11px; text-decoration:none; color:#666666; }
.navigation li a.link1:hover { border-top:3px solid #990033; background-color:#990033; padding:5px 11px 5px 11px; color:#FFFFFF; }
.navigation li a.link2 { border-top:3px solid #cc6600; padding:5px 11px 5px 11px; text-decoration:none; color:#666666; }
.navigation li a.link2:hover { border-top:3px solid #cc6600; background-color:#cc6600; padding:5px 11px 5px 11px; color:#FFFFFF; }
.navigation li a.link3 { border-top:3px solid #669933; padding:5px 11px 5px 11px; text-decoration:none; color:#666666; }
.navigation li a.link3:hover { border-top:3px solid #669933; background-color:#669933; padding:5px 11px 5px 11px; color:#FFFFFF; }
.navigation li a.link4 { border-top:3px solid #0099cc; padding:5px 11px 5px 11px; text-decoration:none; color:#666666; }
.navigation li a.link4:hover { border-top:3px solid #0099cc; background-color:#0099cc; padding:5px 11px 5px 11px; color:#FFFFFF; }
.navigation li a.link5 { border-top:3px solid #663366; padding:5px 11px 5px 11px; text-decoration:none; color:#666666; }
.navigation li a.link5:hover { border-top:3px solid #663366; background-color:#663366; padding:5px 11px 5px 11px; color:#FFFFFF; }
.navigation li a.link6 { border-top:3px solid #990066; padding:5px 11px 5px 12px; text-decoration:none; color:#666666; }
.navigation li a.link6:hover { border-top:3px solid #990066; background-color:#990066; padding:5px 11px 5px 12px; color:#FFFFFF; }
.navigation li a.link7 { border-top:3px solid #660033; padding:5px 11px 5px 12px; text-decoration:none; color:#666666; }
.navigation li a.link7:hover { border-top:3px solid #660033; background-color:#660033; padding:5px 11px 5px 12px; color:#FFFFFF; }
.rightnavigation { position:absolute; border:1px solid #f1f1f1; width:220px; background-color:#ffffff; top:200px; right:10px; }
.rightnavigation h1 { background-color:#f1f1f1; font-size:90%; padding:5px; margin:0px 0px 5px 0px; }
.footerNav { font-size:80%; text-align:center; margin-top:20px; }
.footerNav li { list-style-type:none; display:inline; margin-right:10px; }
.footerNav li a { color:#666666; text-decoration:none; }
.footerNav li a:hover { color:#cc6600; text-decoration:underline; }
.crumb { position:absolute; top:149px; left:10px; padding:0px 0px 4px 0px; font-size:90%; }
.cr { font-size:90%; }
.crumb a { text-decoration:none; }
.crumb a:hover { text-decoration:underline; }

/* HTML */
body { padding:0px; margin-top:0px; font-family:Arial, Helvetica, sans-serif; min-width:800px; }
h1 { margin-top:-5px; font-size:150%; }
h2 { font-size:120%; }
h3 { font-size:100%; }
p { font-size:90%; }
ul { font-size:90%; }
ul ul { font-size:100%; }
ol { font-size:90%; }
ul ol { font-size:100%; }
ul li.nobullet { list-style-type:none; margin-left:0px; }
a { text-decoration:none; color:#cc3300; }
a:hover { text-decoration:underline; }
a:visited { }
em { font-size:70%; font-style:normal; }
address { font-size:90%; font-style:normal; }

/* COLOURS */
.darkred { color:#990033; }
.orange { color:#cc6600; }
.green { color:#669933; }
.darkblue { color:#006699; }
.blue { color:#0099cc; }
.darkpurple { color:#663366; }
.purple { color:#990066; }
.brown { color:#660033; }
.changeblue { color: #005686;}
.listbg { background-color:#990033; color:#FFFFFF; }

/* LISTS */
.nobullet { list-style-type:none; margin-left:0px; }
.nobulletindent { list-style-type:none; margin-left:30px; }
.nobulletindentindent { list-style-type:none; margin-left:60px; }
.rightnavlinks { list-style-type:none; margin:0px 0px 0px 5px; }
.rightnavlinks li { margin-bottom:5px; }
.atoz { margin-left:0px; }
.atoz li { list-style-type:none; display:inline; margin-right:10px; }
.atoz li a { text-decoration:none; color:#006699; }
.atoz li a:hover { text-decoration:underline; color:#006699; }
.alpha { list-style-type:lower-alpha; padding-left:25px; font-size:100%; }

/* BACK TO TOP */
.top { text-align:right; font-size:70%; }
.top a { text-decoration:none; }
.top a:hover { text-decoration:underline; }

/* IMAGES */
.profile { float:left; border:1px solid #CCCCCC; margin-right:10px; }
.thumbnail { float:left; border:1px solid #CCCCCC; margin-right:5px; }
.icons { text-align:center; vertical-align:middle; }
.noborder { border:none; }
.random { float:right; height:170px; margin-bottom:-22px; margin-right:1px; }
.button { height:22px; }
.arrows { float:left; margin-top:2px; }

/* FORMATTING */
.bigbold { font-weight:bold; font-size:160%; }
.bold { font-weight:bold; }
.bluebold { color:#006699; font-weight:bold; }
.clear { clear:both; }
.newsheader { font-weight:bold; }
.search { position:absolute; top:120px; left:10px; }
.tribunalsbg { background-color:#990033; height:15px; }
.dropdwon { float:left; }
.line { border-bottom:1px solid #CCCCCC; width:99.5%; margin-top:-20px; }

/* TABLES 8 */
.a2ztable { width:100%; }
.a2ztable td { width:33%; text-align:left; vertical-align:top; padding-left:0px; }
.a2ztable td h2 { color:#006699; font-size:140%; margin-top:5px; }
.home { width:100%; }
.home td { width:33%; text-align:left; vertical-align:top; padding-right:10px; }
.tribunals { width:99.8%; margin-top:10px; }
.tribunals td { width:33%; text-align:center; vertical-align:top; padding-top:5px; }
.tribunals td a { border:1px solid #990033; padding:2px 30px 2px 30px; color:#990033; }
.tribunals td a:hover { border:1px solid #990033; padding:2px 30px 2px 30px; color:#FFFFFF; background-color:#990033; text-decoration:none; }
.committeeTable { font-size:80%; border-bottom:2px solid #0099cc; }
.committeeTable th { text-align:left; vertical-align:top; background-color:#0099cc; color:#ffffff; padding:3px; }
.committeeTable td { text-align:left; vertical-align:top; padding:3px; }

/* VENUE FINDER */
.repeatertable { border:#ccc 1px solid; border-collapse:collapse; width:100%; font-size:80%; margin-top:0px; }
.repeatertable thead th { border-bottom:1px solid #ccc; background-color:#007eb0; padding:5px 0px 3px 5px; color:#fff; width:150px; text-align:left; text-align:left; vertical-align:top; font-weight:lighter; }
.repeatertable tbody th img { border:none; }
.repeatertable tbody td { border-bottom:1px solid #ccc; padding:5px; color:#000; width:400px;}
.repeatertable tbody td img { border:none; vertical-align:middle; text-align:center; }

/* SKIP NAVIGATION */
#skipnav-container a
{ display:none; }

/* TABLES */
.plaintableRFAT { margin-bottom:10px; margin-left:-2px; border:1px solid #990033; }
.plaintableRFAT th { font-size:90%; text-align:center; vertical-align:middle; border:1px solid #990033; }
.plaintableRFAT td { font-size:90%; border:1px solid #990033; }
.aboutustable { PADDING-RIGHT: 5px; WIDTH: 100% }
.aboutustable th { FONT-SIZE: 90%; VERTICAL-ALIGN: top; COLOR: #ffffff; BACKGROUND-COLOR: #990033; TEXT-ALIGN: left; }
.aboutustable td { FONT-SIZE: 90%; VERTICAL-ALIGN: top; COLOR: #000000; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left; border-bottom:1px solid #cccccc; }
.hearingstable { PADDING-RIGHT: 5px; WIDTH: 100% }
.hearingstable th { FONT-SIZE: 90%; VERTICAL-ALIGN: top; COLOR: #ffffff; BACKGROUND-COLOR: #cc6600; TEXT-ALIGN: left; }
.hearingstable td { FONT-SIZE: 90%; VERTICAL-ALIGN: top; COLOR: #000000; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left; border-bottom:1px solid #cccccc; }

/* ACCESSIBILITY TOOLBAR */
.accesstoolbar { float:right; margin-right:2px; position:absolute; right:7px; top:3px; }
.accesstoolbar ul { float:right; }
.accesstoolbar li { float:right; list-style-type:none; margin-left:2px; }

/* STYLES FOR APPLICATION PAGES */
.repeater A { COLOR: #669933 }
.hearingrepeater { WIDTH: 100%; padding-right:5px; border-left:1px solid #cccccc; }
.hearingrepeater TH { FONT-SIZE: 90%; VERTICAL-ALIGN: top; COLOR: #ffffff; BACKGROUND-COLOR: #cc6600; TEXT-ALIGN: left; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; }
.hearingrepeater TD { FONT-SIZE: 90%; VERTICAL-ALIGN: top; COLOR: #000000; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; }
.hearingrepeater TD.center { text-align:center; font-style:normal; }
.decisionrepeater A { COLOR: #669933 }
.decisionrepeater { PADDING-RIGHT: 5px; WIDTH: 100%; border-left:1px solid #cccccc; }
.decisionrepeater TH { FONT-SIZE: 90%; VERTICAL-ALIGN: top; COLOR: #ffffff; BACKGROUND-COLOR: #669933; TEXT-ALIGN: left; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; }
.decisionrepeater TD { FONT-SIZE: 90%; VERTICAL-ALIGN: top; COLOR: #000000; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; }
.repeaterpending TH { FONT-SIZE: 90%; VERTICAL-ALIGN: top; COLOR: #ffffff; BACKGROUND-COLOR: #669933; TEXT-ALIGN: left }
.repeaterpending TD { FONT-SIZE: 90%; VERTICAL-ALIGN: top; COLOR: #000000; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left; border-bottom:1px solid #cccccc; }
.collection { MARGIN-TOP: 10px; FONT-SIZE: 80%; WIDTH: 800px; BACKGROUND-COLOR: #ffffff }
.cal { MARGIN-BOTTOM: 10px; WIDTH: 200px; BORDER-BOTTOM: #cccccc 1px solid }
.calTitle { FONT-WEIGHT: bold; FONT-SIZE: 120%; WIDTH: 90px; COLOR: black; BACKGROUND-COLOR: #ffffff }
.calBody { BORDER-TOP-WIDTH: 10px; BORDER-LEFT-WIDTH: 10px; FONT-SIZE: 140%; BORDER-BOTTOM-WIDTH: 10px; BORDER-RIGHT-WIDTH: 10px }
.floatr { FLOAT: right }
.floatl { FLOAT: left }
.message { FONT-WEIGHT: bold; COLOR: red; FONT-STYLE: italic }
.bold { FONT-WEIGHT: bold }
.redbold { FONT-WEIGHT: bold; COLOR: red }
.plaintable { MARGIN-BOTTOM: 10px; MARGIN-LEFT: -2px }
.plaintable TD {  FONT-SIZE: 90%; VERTICAL-ALIGN: top; TEXT-ALIGN: left; }
.collection { MARGIN-TOP: 10px; FONT-SIZE: 80%; WIDTH: 800px; BACKGROUND-COLOR: #ffffff }
.collection A { COLOR: #669933 }
.border { BORDER-BOTTOM: #669933 1px solid }
.center { FONT-STYLE: italic; TEXT-ALIGN: center }
.bgcolor { background-color:#990033; color:#ffffff; }

/* SIMPLET TABLE, NO STYLING */
.simpletable  { margin-left:-3px; width:100%; } .simpletable td { text-align:left; vertical-align:top; padding-right:10px; margin-bottom:10px; }

/* NOTE, yellow background notice box*/

.note {border: 1px solid #693; margin:0px; padding:10px; background-color:#FFFFCC;}
.note p {margin-top:0px; margin-bottom:0px;}
.note h2{background-color:#FFFFCC;}

