/*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*/


/*

Template #1: (mytngstyle).css



INSTRUCTIONS
============

* If you want to save this file as "mytngstyle.css" to use at your site:
   If you already have a "mytngstyle.css" in use, you should RENAME / MOVE / COPY it
   so it is safe, as it otherwise will be overwritten and lost.
Then save this "mytngstyle.css" in your "templates / template1 / css" folder.

* If you're not going to use it at your site, you can give it any name, as long as it ends
in ".css" or ".txt" and you can save it at any convenient place.


CHECK THE NAME TWICE BEFORE YOU SAVE!
=====================================

The file is downloaded as a ".txt"-file in an effort to make all browsers act the same way.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Use the editor's "Save As..." option (in the "File" menu).

You can load this file into T.C.B. later to modify it if you want to.
It doesn't matter if you saved it as "mytngstyle.css" or another name.
You can load it into any template (also in T.N.G.) but remember that only items (.css-classes)
declared in this .css will be affected.
All other items will have their template default colours.

If you want to load it into T.C.B. later, you have to keep this remark.

***

This T.N.G. .CSS file was made with the T.N.G. COLOURING BOOK,

a free service at http://xerxx.se/tcb/

***



*/

/* PDC Special */
/* @import url("http://localhost/tng/css/myextratngstyle.css"); ... did not work?*/
/* PDC buttons for TNG to tie in with the menu items */
input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, button:active {
	background-image: -webkit-linear-gradient(top, #C7E8E4, #97B8B4);
	background-image: -moz-linear-gradient(top, #C7E8E4, #97B8B4);
	background-image: -ms-linear-gradient(top, #C7E8E4, #97B8B4);
	background-image: -o-linear-gradient(top, #C7E8E4, #97B8B4);
	border: 1px solid #FFCC00;
	color: #7A6048;
}

/* PDC override shadow for Admin text */
a.admincell, .leftlink, .whiteheader, .whitetext {
text-shadow: 0px 0px 0px;
}

/* PDC Advanced Search fieldnames need padding, and individual page fieldnames */
.fieldnameback {
padding-left: 2px;
padding-top: 3px;
padding-bottom: 3px;
}

/* PDC tried to increase font sizes in many places but too messy, so removed */

/* PDC end */

.header, .plainheader {
color: #7A6048;
}

.subhead {
color: #7A6048;
}

body {
color: #222C3F;
}

a:link, a:active {
color: #5D8DA8;
}

a:visited {
color: #5D8DA8;
}

a.lightlink3:link, a.lightlink3:visited, a.lightlink3:hover, a.lightlink3:active {
color: #FFFFFF;
}

a.lightlink:link, a.lightlink:visited {
color: #7A6048;
}

a.lightlink:hover, a.lightlink:active {
background-color: #81A6BB;
}

a.lightlink:hover, a.lightlink:active {
color: #544231;
}

#tngnav a {
background: #AFD0CC;
}

#tngnav a {
color: #7A6048;
}

#tngnav a:hover {
background: #81A6BB;
}

#tngnav a:hover {
color: #7A6048;
}

#tngnav a.here {
background: #81A6BB;
}

#tngnav a.here {
color: #FFFFFF;
}

div.icons a {
color: #7A6048;
}

.icons-rt a.tngsmallicon {
color: #7A6048;
}

.LB_closeAjaxWindow, .bar, .sideback, .fieldnameback {
background-color: #81A6BB;
}

.whiteback {
background-color: #F9FBFB;
}

.whiteback {
border-color: #7A6048;
}

.fieldname {
color: #FFFFFF;
}

.thumb {
-moz-box-shadow: 1px 1px 1px 0px #777777;
-webkit-box-shadow: 1px 1px 1px 0px #777777;
box-shadow: 1px 1px 1px 0px #777777;
}

.smallimg {
-moz-box-shadow: 1px 1px 1px 0px #777777;
-webkit-box-shadow: 1px 1px 1px 0px #777777;
box-shadow: 1px 1px 1px 0px #777777;
}

.footer {
color: #222C3F;
}

.snlink {
background-color: #F9FBFB;
}

.snlink {
color: #222C3F;
}

a.snlink:hover, .snlinkact, .adminnav .snlinkact {
background-color: #81A6BB;
}

a.snlink:hover, .snlinkact, .adminnav .snlinkact {
color: #FFFFFF;
}

.LB_window {
background: #F9FBFB;
}

.LB_window {
color: #222C3F;
}

ul.tngdd a {
color: #7A6048;
}

ul.tngdd ul li a {
background-color: #AFD0CC;
}

ul.tngdd ul li a {
color: #7A6048;
}

ul.tngdd ul li a:hover {
background-color: #81A6BB;
}

ul.tngdd ul li a:hover {
color: #544231;
}

.slidedown {
background-color: #AFD0CC;
}

ul.tngdd .menulink {
background: #AFD0CC url(../img/ArrowDown.gif) 2px 8px no-repeat;
background-image: url(../img/ArrowDown.gif), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#C7E8E4), to(#97B8B4));
background-image: url(../img/ArrowDown.gif), -webkit-linear-gradient(top, #C7E8E4, #97B8B4);
background-image: url(../img/ArrowDown.gif), -moz-linear-gradient(top, #C7E8E4, #97B8B4);
background-image: url(../img/ArrowDown.gif), -ms-linear-gradient(top, #C7E8E4, #97B8B4);
background-image: url(../img/ArrowDown.gif), -o-linear-gradient(top, #C7E8E4, #97B8B4);
background-image: url(../img/ArrowDown.gif), linear-gradient(top, #C7E8E4, #97B8B4);
background-position: 2px 8px, 0px 0px;
background-repeat: no-repeat;
}

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

ul.tngdd .menulink:hover, ul.tngdd .menuhover {
color: #544231;
}

div.innercontainer, ul.tngdd .langmenu, ul.tngdd .stubmenu {
background-color: #AFD0CC;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#C7E8E4), to(#97B8B4));
background-image: -webkit-linear-gradient(top, #C7E8E4, #97B8B4);
background-image: -moz-linear-gradient(top, #C7E8E4, #97B8B4);
background-image: -ms-linear-gradient(top, #C7E8E4, #97B8B4);
background-image: -o-linear-gradient(top, #C7E8E4, #97B8B4);
background-image: linear-gradient(top, #C7E8E4, #97B8B4);
}

.databack {
background-color: #F9FBFB;
}

.databack {
border-right: 1px solid #7A6048;
border-bottom: 1px solid #7A6048;
}

.lightback {
background-color: #F9FBFB;
}

.mainbox {
background-color: #F9FBFB;
}

.whitesubhead {
color: #222C3F;
}

.whitesubhead:hover {
color: #FFFFFF;
}

.admincell {
background-color: #F9FBFB;
background-image: none;
}

a.admincell:link, a.admincell:visited, a.admincell:active {
color: #222C3F;
}

a.leftlink:link, a.leftlink:visited, a.leftlink:active {
color: #FFFFFF;
}

a.admincell:hover {
background-color: #81A6BB;
color: #FFFFFF;
}

a.leftlink:hover {
background-color: #F9FBFB;
color: #222C3F;
}

.mainback {
background-color: #F9FBFB;
}

.tngshadow {
background-color: #F9FBFB;
}

a.tngshadow {
background-color:#AFD0CC;
color: #7A6048;
}

.th-indent {
color: #222C3F;
}

.whiteheader {
color: #FFFFFF;
}

table.calendar {
background-color: #81A6BB;
color: #FFFFFF;
}

th.calDay {
color: #FFFFFF;
}

td.calDay {
background-color: #F9FBFB;
}

td.calDay a.calDate, td.calDay a.calEvent {
color: #222C3F;
}

td.calToday {
background-color: #AFD0CC;
}

td.calToday a.calDate, td.calToday a.calEvent {
color: #7A6048;
}

#calLegend {
background-color: #81A6BB;
}

a.nothidden {
color: #FFFFFF;
}

a.hidden {
background-color: #F9FBFB;
color: #222C3F;
}

.calIcon {
background-color: #D0D0D0;
padding: 1px;
}

.CSEsiteHeading {
color: #2B7D62;
font-size: 72px;
font-family: Verdana,Arial,sans-serif;
line-height: 72px;
text-decoration: none;
}

.CSEsiteHeading {
text-shadow: none;
}

.CSEsiteHeadingText {
text: HcNHistoryTCB;
}

body {
background-color: #F9FBFB;
}

.innercontainer {
background-color: #F9FBFB;
}

div.innercontainer, ul.tngdd .stubmenu, ul.tngdd .langmenu, .tngdd li a.menulink {
border: 0px;
}

.tngdd li a:hover.menulink {
border: 0px;
}

#tngdd {
background-color: #F9FBFB;
}

/* PDC return TNG tables to better spacing */
td.databack {
padding: 3px;
}

/* From WP/TNG mod for #tng_main */
.whiteback {font-size: 12px; line-height: 1.2em}