/*your custom style goes in this file*/

/* normal: most regular body text */
.tiny {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
}

/* header: heading text */
/* changed colour - Roger */
.header {
	/*colour change by Roger*/
	color: #000099;
}

/* normal: most regular body text */
.normalred {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #CC0000;
}

/* normal: most regular body text */
.smallred {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #CC0000;
}

/* link: normal links*/
/*Colour Change by Roger*/
a:link {
/*	text-decoration:none; */
	color: #000099;
}

/* Hover: what happens on mouseover */
a[href]:hover {
	text-decoration: underline;
	color: red;
}

/* Hover: what happens on mouseover */
a[href].lightlink:hover {
	text-decoration: underline;
	color: #ffffff;
}

/* Hover: what happens on mouseover */
a[href].lightlink2:hover {
	text-decoration: underline;
	color: #ffffff;
}

/* visited: previously visited links */
/* Colour Changed by Roger */
a[href].lightlink:visited {
/*	text-decoration:none; */
	color: #ffffff;
}

/* visited: previously visited links */
/* Colour Changed by Roger */
a[href].lightlink2:visited {
/*	text-decoration:none; */
	color: #ffffff;
}

/* visited: previously visited links */
/* Colour Changed by Roger */
a[href]:visited {
/*	text-decoration:none; */
	color: #336666;
}

/* active: links in use */
/*Colour Change by Roger*/
a[href]:active {
/*	text-decoration:none; */
	color: #000099;
}
/*for active secondary tab link*/
a.lightlink3:link, a.lightlink3:visited, a.lightlink3:hover, a.lightlink3:active {
	color: #ffffff;
	text-decoration: none;
}

/* fieldnameback: background color for column and row title sections */
/* Colour changed by Roger */
.fieldnameback {
	background-color: #000099;
}

/* databack: background color for data areas */
/*Colour Change by Roger*/
.databack {
	background-color: #FFFFCC;
}

/* sideback: background color for side and top frames */
/*Colour Change by Roger*/
.sideback {
	background-color: #000099;
}

/* mouseoverback: background color for admin menu items while active*/
/*Colour Change - Roger*/
.mouseoverback {
	background-color: #aac8ff;
}

#mnav li { /* all list items */
	background: #FFFFCC; /*same as "databack" background color */
	border-top:1px solid #FFFFCC; /*same as "databack" background color */
	border-left:1px solid #FFFFCC; /*same as "databack" background color */
}

/* Below here additions by Roger*/

/* databacktopmenu: background color for top menu - same colour as databack */
.databacktopmenu {
  	background-color: #FFFFCC; 
}

/* topmenu text */
.topmenu  {
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif
}

/* to make topmargin=0, leftmargin=0*/
.body { 
margin: 0px; padding:0px; 
}

/* fieldnamebackline: background color for lines in topmenu.html - same colour as fieldnameback */
.fieldnamebackline {
	background-color: #000099;
}

/*for datacell to give space*/
.datacell {
	padding: 5px;
	border-color: #000099;
	border-width: 1px;
	border-style: solid;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
}

/*for index.php page side block*/
.index {
	margin-top: -5px;
	margin-left: -5px;
	margin-bottom: -5px;
}

/*border on right side of cell*/
.borderright {
	border-right-color: #000099;
	border-right-width: 1px;
	border-right-style: solid;
	background-color: #FFFFCC;
}

/*border on left side of cell*/
.borderleft {
	border-left-color: #000099;
	border-left-width: 1px;
	border-left-style: solid;
	background-color: #FFFFCC;
}

/*border on table on index.php*/
.thicktableborder {
	border-color: #000099;
	border-width: 2px;
	border-style: solid;
	background-color: #FFFFCC;
}

/* subhead: subheading text */
.subheadred {
	/*next line added in 6.1.0*/
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #CC0000;
}

/*border randomphoto and randomdocument on index.php*/
.randomborder, .indexphototable {
	border-color: #000099;
	border-width: 1px;
	border-style: solid;
}

/* these blocks handle the image preview for randomdocument.php
and randomphoto.php*/

.media-prev-left {
	background: transparent url(../img/media-prevbg-left.png) no-repeat 0 0;
	top: -120px;
	right:-426px;
	height: 400px;
	padding: 20px 7px 12px;
	position:absolute;
	text-align: center;
	width: 410px;
	z-index:98;
	display:table-cell;
	line-height: 50px;
	vertical-align:middle;
}

.media-prev-right {
	background: transparent url(../img/media-prevbg.png) no-repeat 0 0;
	top: -120px;
	right:-426px;
	height: 400px;
	padding: 20px 7px 12px;
	position:absolute;
	text-align: center;
	width: 410px;
	z-index:98;
	display:table-cell;
	line-height: 50px;
	vertical-align:middle;
}

/*to make all tables stretch across the page*/
/*table {
	width: 100%;
}*/

/*for tables on randomphoto and randomborder */
.randomtable {
	width: 10%;
}

.snlink {
	background-color:#FFFFCC; /*same as "databack" background color */
}

a.snlink:hover, .snlinkact {
	background-color:#000099; /*same as "fieldnameback" background color */
	color:#fff;
}

a.snlink:hover, .snlinkact, .adminnav .snlinkact {
    background-color:#000099; /*same as "fieldnameback" background color */
    color:#fff;
}


.bar {
    height:16px;
    background-color:#000099; /*same as "fieldnameback" background color */
}

.LB_window {
	background: #FFFFCC; /*same as "databack" background color */
	border: 2px solid #000099; /*same as "fieldnameback" background color */
}

.LB_closeAjaxWindow{
	background-color:#000099; /*same as "fieldnameback" background color */
}

/* MENU BAR ACROSS TNG PAGE */
div.innercontainer, ul.tngdd .langmenu, ul.tngdd .stubmenu {
    background-color: #FFFFCC;
}

ul.tngdd .menulink {
	background: #FFFFCC url(../img/ArrowDown.gif) 2px 7px no-repeat;
}

ul.tngdd .menulink:hover, ul.tngdd .menuhover {
	background: #000099 url(../img/arrowdown2.gif) 2px 8px no-repeat;
}

/* END TNG MENU BAR ACROSS TOP OF PAGE */