/*Table Row Colours*/

.RowColourRed
{
	background-color: #FFCCCC;
}

.RowColourBlue
{
	background-color: #CCCCFF;
}

.RowColourGreen
{
	background-color: #CCFFCC;
}

.RowColourYellow
{
	background-color: #FFEEBF;
}

.RowColourPurple
{
	background-color: #FFCCFF;
}

#centralcontent .linkFeatured, #rightpanel .linkFeatured
{
	background-image: url('/images/interface/arrow_dark.gif');
	background-position: 10px 4px;
	background-repeat: no-repeat !important;
}

/* Page/Banners */

body
{
	font-family: Arial;
	font-size: 12px;
	margin: 15px;
}

p  
 { color: #343434; font-size: 11px; font-family: Verdana, Arial, Sans-Serif; line-height: 16px; margin: 0 0 10px }

a img
{
	border: 0px;
}

.centerOut
{
	text-align: center;
}
.centerIn
{
	text-align: left;
	margin: auto;
	width: 798px;
	background-image: url(/images/interface/back_shadow.gif);
}
form
{
	margin: 0px;
}
.topbar
 { color: #A4B0DE; font-size: 10px; font-family: verdana; background-image: url(/images/interface/top_bar_blue_grad.gif); text-align: right; padding: 10px 20px 0px 0px; border: solid 0px #ff0000; height: 24px; overflow: hidden }


.topbar a:link
  { color: #A4B0DE }
  
.topbar a:visited
  { color: #A4B0DE }

.topbar a:hover
  { color: #ffffff }
 
.topbar a:active
  { color: #ffffff }

.topbar input
 { color: #a99ec9; font-size: 10px; height: 17px }
.topbar input.box
{
	height: 11px;
	line-height: 12px;
	color: #333;
}
.bottombar
  { color: #696969; font-size: 10px; font-family: FontName, verdana; background-image: url(/images/interface/bottom_bar.gif); text-align: left; padding: 10px 0 0 20px; height: 27px }

.bottombar a:link
   { color: #696969 }
  
.bottombar a:visited
   { color: #696969 }

.bottombar a:hover
   { color: #000 }
 
.bottombar a:active
   { color: #000 }

.header
{
	position: relative;
	background-image: url(/images/interface/back_shadow_top.gif);
	height: 98px;
	padding: 0px 10px 0px 10px;
}
.breadcrumbs
{
	background-image: url(/images/interface/blue_breadcrumb_back.gif);
	height: 25px;
	padding: 2px 15px 0px 15px;
	font-size: 11px;
	margin-bottom: 18px;
}
.breadcrumbs a
{
	color: #000000;
}
.breadcrumbs img
{
	margin: 0px 3px;
}
.logout
{
	float: right;
}
.shadowIndent
{
	margin: 0px 8px 0px 6px;
}


/* Page Stuff */

.leftnav
{
	width: 168px;
	float: left;
	padding: 10px 15px;
}
.content
{
	min-height: 400px;
	_height: 400px; /* (also needed to stop 3px IE indent) */
	width: 400px;
	float: left;
}
.rightpanel
{
	width: 152px;
	float: left;
	padding: 0px 15px;
}


/* Tabs */

.nav
{
	position: relative;
	margin-top: 1px;	
}

.extraNav
{
	position: absolute;
	right: 11px;
	height: 25px;
	margin-top: 1px;	
}

.tabOff, .tabOn
{
	margin-right: 1px;
	cursor: hand;
	vertical-align: top;
	/*height: 22px;*/
	position: relative;
	float: left;
	_margin: 0px 0px -2px 0px;
}
.tabLeft
{
	background-image: url(/images/interface/tab_off_left.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
	float: left;
}
.tabRight
{
	background-image: url(/images/interface/tab_off_right.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
	float: left;
}
.tabText
{
	background-image: url(/images/interface/tab_off_back.gif);
	background-repeat: repeat-x;
	padding: 0px 0px 0px 0px;
	float: left;
}

.tabOn .tabText
{
	background-image: url(/images/interface/blue_tab_on_back.gif);
}
.tabOn .tabLeft
{
	background-image: url(/images/interface/blue_tab_on_left.gif);
}
.tabOn .tabRight
{
	background-image: url(/images/interface/blue_tab_on_right.gif);
}
.tabDown .tabText
{
	background-image: url(/images/interface/blue_tab_down_back.gif);
}
.tabDown .tabLeft
{
	background-image: url(/images/interface/blue_tab_down_left.gif);
}
.tabDown .tabRight
{
	background-image: url(/images/interface/blue_tab_down_right.gif);
}

.mast
{
	height: 76px;
}

.brand
{
	height: 76px;
	float:right;
}

.tabOff a, .tabOn a, .tabOff a:visited, .tabOn a:visited
{
	text-decoration: none;
	color: #494949;
	font-size: 11px;
}
.tabOn a, .tabOn a:visited
{
	color: #ffffff;
}
.tabDown a, .tabDown a:visited
{
	color: #000000;
}

.hmItem
{
	background-color: #260B96 !important;
	border-color: #6957AB !important;
}
.hmItemOver
{
	background-color: #9387C5 !important;
	border-color: #6957AB !important;
}

h1, h2, h3, h4
{
	color: #666666; 
	font-weight: normal; 
	font-size: 18px; 
	line-height: 16px; 
	font-family: "Trebuchet MS", Verdana, Sans-Serif; 
	margin: 5px 0px 10px
}

h2
{
	font-size: 16px;
	line-height: 18px; 
}

h3
{
	font-size: 14px;
}

h4
{
	font-size: 10px;
}

.utilheader
{
	background-image: url(/images/interface/blue_utilities_header.gif);
	background-repeat: no-repeat;
}

.rescredits
{
	color: #000000 !important;
	background-color: #DAE0EC !important;
	border-bottom: solid 1px #25128F !important;
}

.rescredits, .lightcolour
{
	background-color: #DAE0EC !important;
}

#relatedinfo a.internal
{
	background-image: url(/images/interface/blue_web_link_icon.gif);
}

.colour
 { color: white; background-color: #260B96 }

.colourBorder
{
	border: solid 1px #260B96;
}

.headbox, table.box thead
{
	height: 25px;
	line-height: 25px;
	background-image: url(/images/interface/box_head.gif);
	background-color: #260B96;
	color: #ffffff;
	font-weight: bold;
	padding: 0px 5px;
}

.dashhead, .dashheadwide
{
	height: 25px;
	line-height: 25px;
	background-image: url(/images/interface/dash_head.gif);
	background-color: #260B96;
	color: #ffffff;
	font-weight: bold;
	padding: 0px 5px;
}

.dashheadwide
{
	background-image: url(/images/interface/dash_head_wide.gif);
	
	width: 390px;
}

table.box
{
	width: 100%;
	border-collapse: collapse;
	font-size: 11px;
	table-layout: fixed;
}
table.box thead th
{
	text-align: left;
	background-image: none;
	border-right: solid 1px #ffffff;
}
table.box th, table.box td
{
	padding: 0px 10px;
}
table.box td
{
	height: 22px;
	border-bottom: solid 1px #A9A9A9;
}
table.box thead th.left
{
	background-position: left;
	background-image: url(/images/interface/box_head.gif);
}
table.box thead th.right
{
	border-right-width: 0px;
	background-position: right;
	background-image: url(/images/interface/box_head.gif);
}

/* Form stuff */
.row
{
	height: 30px;
}

.label
{
	width: 100px;
	float: left;
	padding-top: 4px;
}
.element
{
	float: left;
	width: 200px;
}
.error
{
	float: left;
	width: 100px;
	color: #ff0000;
	font-weight: bold;
}

.filterBar
{
	text-align: right;
	margin-bottom: 5px;
	height: 18px;
}
.filterBar select, .filterBar input
{
	font-size: 10px;
}

.lightcolour a
{
	text-decoration: none;
	color: #000000;
}

.caption
{
	margin-top: 5px;
	font-size: 10px;
}

ul.medals
{
	margin-left: 10px;
}
ul.medals li
{
	list-style: none;
	padding-left: 20px;
	background-repeat: no-repeat;
	margin-left: 0px;
	height: 20px
}
ul.medals li.gold
{
	background-image: url(/images/interface/goldsm.jpg);
}
ul.medals li.silver
{
	background-image: url(/images/interface/silversm.jpg);
}
ul.medals li.bronze
{
	background-image: url(/images/interface/bronzesm.jpg);
}
ul.medals li.p1
{
	background-image: url(/images/interface/gold_trophy_icon.gif);
}
ul.medals li.p2
{
	background-image: url(/images/interface/silver_trophy_icon.gif);
}
ul.medals li.p3
{
	background-image: url(/images/interface/bronze_trophy_icon.gif);
}

.inheritNote
{
	border: dotted 1px red;
	padding: 10px;
	margin-bottom: 10px;
}

img.left
{
	float: left;
	margin: 0px 10px 10px 0px;
}

img.right
{
	float: right;
	margin: 0px 0px 10px 10px;
}

.dashbox
{
	margin-bottom: -5px;
}

.dashboxleft, .dashboxright
{
	margin-bottom: 10px;
}

.dashboxleft, .dashboxright
{
	float: left;
	width: 195px;
}

.dashboxleft img, .dashboxright img
{
	float: left;
	width: 60px;
	height: 70px;
	margin: 5px;
}

.dashboxright
{
	margin-left: 10px;
}

.dashboxleft .dashtext, .dashboxright .dashtext
{
	font-size: 8px;
	margin-left: 60px;
	padding: 5px 5px 0px 5px;
	height: 50px;
	overflow: hidden;
}

.dashbox .dashtext
{
	padding: 5px;
}

.dashlink
{
	padding: 5px;
	text-align: right;
}

#centralcontent a
{
color: #260B96;
}

.searchtext
{
	color: #666666;
	margin-left: 30px;
	margin-top: 5px;
}

#centralcontent h1      { color: #A99EC9; font-weight: 100; font-size: 28px; line-height: 32px; font-family: Arial, Sans-Serif; margin-bottom: 10px }
#centralcontent h2   { color: #A99EC9; font-size: 16px; font-family: Verdana, Arial, Sans-Serif; font-weight: 400; line-height: 20px; padding-top: 5px }
#centralcontent p, #centralcontent li    { color: #333; font-size: 11px; line-height: 16px; font-family: Verdana, Arial, Sans-Serif; margin: 0px 0px 10px }
#centralcontent p.list { color: #000; font-size: 11px; font-family: verdana; margin: 0px }
#centralcontent li { margin: 0px; }

#polls { color: #343434; font-size: 9px; font-family: Verdana, Arial, Sans-Serif; line-height: 16px; margin: 0 0 10px }


#centralcontent h1   { font-weight: 100; font-size: 28px; line-height: 26px; font-family: Arial, Sans-Serif; }
#centralcontent h2   { font-weight: bold; font-size: 16px; line-height: 20px; font-family: verdana, Arial, Sans-Serif; margin-bottom: 1px  }
#centralcontent h3  { font-size: 12px; font-family: verdana, Arial, Sans-Serif; font-weight: bold; line-height: 20px; margin-top: 0; margin-bottom: 0 }
#centralcontent h4  { font-size: 10px; font-family: verdana, Arial, Sans-Serif; font-weight: bold; line-height: 20px; margin-top: 0; margin-bottom: 0 }

#loginform08
{
	font-family: Verdana, Arial, san-serif;
	font-size: 11px !important;
}

#loginform08 p
{
	margin: 0px !important;
}

#loginform08 .fieldlogin    { color: #333; font-size: 11px; line-height: 11px; font-family: verdana, arial, sans-serif; background-color: #ffffff; border-style: solid; border-width: 1px; border-color: #808080 #fff #fff #808080; width: 190px; height: 14px; }
#loginform08 .buttonlogin   { color: #333; font-weight: bold; font-size: 10px; line-height: 11px; font-family: verdana, arial, sans-serif; list-style-position: inside }

.regToolTips h1
{
	background-image: url(/images/interface/blue_tips_header.gif);
	background-repeat: no-repeat;
	padding: 7px 0px 7px 37px;
	margin: 0px;	
	font-weight: bold;
	font-size: 100%;
}

.regToolTips p
{
	font-size: 10px;
	color: #808080;
	border: 1px solid #a9a9a9;
	padding: 7px;
}