/*your custom style goes in this file*/
/*if you're overriding style blocks from genstyle.css, you only need to include the attributes you're overriding, not the whole block*/

/*your custom style goes in this file*/

/* BODY */
/* to make topmargin=0, leftmargin=0*/

.homebody {
	background-color: #eee;
}

/* Red thin border */
#tpage {
	border: 1px solid #cc0000;
}

/* Less padding in tblock spaces */
.tblock{
	padding: 10px;
}

/* COLORS USED IN THIS TEMPLATE (more in tngmobile.css) */
a:link, a:active, div.icons a, .header, .plainheader, #thomemast h1, #tmast h1, ul.tngdd a, #tsidebar h3, #thomebody h2 {
	color: #cc0000;
}

a.snlink:hover, .snlinkact, .adminnav .snlinkact,
.LB_closeAjaxWindow, .sideback, .fieldnameback,
.tablesaw-cell-label, .bar {
	background-color: #cc0000;
}

.databack, .snlink, div.innercontainer, ul.tngdd .langmenu, ul.tngdd .stubmenu, .LB_window {
    background-color: #dddddd;
}

/* body: describes page background color and all non-table text not governed by any other style */
body {
	background-color : #eee;
	color: #444;
}

#mast {
  background-color: #cc0000;
  background-image: -moz-linear-gradient(to bottom, #cc0000 0%, #cc0022 100%);
  background-image: -webkit-linear-gradient(to bottom, #cc0000 0%, #cc0022 100%);
  background-image: linear-gradient(to bottom, #cc0000 0%, #cc0022 100%);
  border-top: 1px solid #000066;	
}
/* END COLORS */
	
/* tartanbackground: background image to put tartan in a table cell */
.tartanbackground, .tartanbackground td {
  	background-image:url('../images/tartanbackground.gif'); 
}

/* FONT AND TEXT CHANGES*/
/* normalred: red version of normal */
.normalred {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #cc0000;
}

/* smallred: small version of normal red */
.smallred {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #cc0000;
}

/* smallerlist: smaller text with extra line spacing */
.smallerlist {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	line-height: 1.7;
}

/* tiny: 10 pt version of normal */
.tiny {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
}

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

/* subheadred: red subheading text */
.subheadred {
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #cc0000;
}

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

/*To make font on topmenu = font on index.php*/
#tmast h1 {
	font-size: 42pt;
}


/* END FONT AND TEXT CHANGES*/

/* LINKS - COLOUR, HOVER, VISITED */
/* Hover: what happens on mouseover - Colour Changed by Roger */
a[href]:hover {
	text-decoration: underline;
	color: red;
}

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

/* Hover: what happens on mouseover - Colour Changed by Roger */
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: #333333;
}

/* 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;
}
/* END LINKS - COLOUR, HOVER, VISITED */

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

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

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

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

/* FOR DROPDOWN SEARCH BOX */
.slidedown {
	background: #dddddd; /*same as "databack" background color */
}

/* END DROPDOWN SEARCH BOX */

/*Tabs on pages */
/*inactive tab*/
#tngnav a {
	color:#444;
	background:#ddd;
}
	
/*active tab*/
#tngnav a:hover {
	background:#cc0000;
	color:#FFFFFF;
}

/*active tab*/
#tngnav a.here {
	background:#cc0000;
	color:#FFCC00;
}

/*inactive tab*/
#tabs a {
	background: #ddd;
	color:#444;
}

/*active tab*/
#tabs a:hover {
	background: #cc0000;
	color:#FFFFFF;
}

/*active tab*/
#tabs .here {
	background: #cc0000;
	color:#FFCC00;
}
/* End Tabs on Pages */

/* BACKGROUND COLOURS AND LINES*/
/* fieldnameback: background color for column and row title sections */
/* Colour changed by Roger */
.fieldnameback, .tablesaw-cell-label {
	background-color: #cc0000;
}

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

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

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

/* LITBOX OVERLAYS */
.LB_databack {
	background-color: #dddddd;
}

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

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

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

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

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

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

/* END BACKGROUND COLOURS AND LINES*/

/* BUTTONS ON SEARCH PAGE */
/* search page */
.databacksave {
	font-size: 14px;
}

.fieldnamebacksave {
	font-size: 14px;
}
/* END BUTTONS ON SEARCH PAGE */

/* FOR INDEX.PHP PAGE */
/*for datacell to give space*/
.datacell {
	padding: 5px;
	border-color: #cc0000;
	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: #cc0000;
	border-right-width: 1px;
	border-right-style: solid;
	background-color: #dddddd;
}

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

/*border on memoriam list on index.php*/
.memoriam {
	border-color: #cc0000;
	border-width: 2px;
	border-style: solid;
}

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

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

/* 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;
	height:auto;
}

.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;
	height:auto;
}

/* END INDEX.PHP PAGE */

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

/* For Media Items Display */
/* puts a line around the border of photos */
#theimage {
	border:inset 1px solid;
	border-color: silver;
	border-radius:8px;
}

/* Buttons */
input[type="button"], input[type="submit"], input[type="reset"], button {
    background-color: #eee;
}

input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, button:active {
	color:white;
	border: 1px solid #000;
	background-color: #333;
}
/* End Buttons */