
/* dna panel header */
.dnapnlhdr  { 
	font-size: 8px; 
	font-family: Arial, Helvetica, sans-serif; 
	color: #ffff66;
}

/* normal: regular body text w justify align */
.normal+j  { 
	font-size: 
	12px; font-family: Arial, Helvetica, sans-serif; 
	text-align: justify 
}

/* header: heading text */
.header {
	margin-top: 16px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 21px;
	color: #009;
}

/* footer: footer text */
.footer { 
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif; 
	color: #000099; 
	text-align: center
}

/*overide necessary for background image*/
#john  { background-image: url("http://www.famousjamesons.com/img/light_blue_construction_paper.jpg"); }

/* body: describes page background color and all non-table text not governed by any other style */
body  { color: #000000; font-size: 12px; font-family: Arial, Helvetica, sans-serif; background-color: #c9dfea }
.body12jt { font-size: 12pt; text-align: justify;}
.body13  { font-size: 13px; text-align: left }
.body14  { font-size: 14px; text-align: justify }
.body14center { font-size: 14px; text-align: center }
.body16 { font-size: 16px; text-align: center }
.footnote  { font-size: 10px; text-align: left; vertical-align: text-top }

/* link: normal links, active: links in use */
a:link, a:active { color: #339 }

/* visited: previously visited links */
A:VISITED   { color: #6b7fd4 }

/* fieldnameback: background color for column and row title sections */
.fieldnameback  { background-color: #879ad4; border-right: 1px solid #777; border-bottom: 1px solid #777 }

/* fieldnameback2: background color for column and row title sections */
.fieldnameback2   { font-weight: bold; background-color: #000099; border-right: 1px solid #777; border-bottom: 1px solid #777 }

/* databack: background color for data areas */
.databack {
	background-color: #f6ffff;
	/*these 2 lines added in 5.0*/
	border-right: 1px solid #bbb; 
	border-bottom: 1px solid #bbb;
}

/* For links on dark background */
a.lightlink:link, a.lightlink:visited   { color: white; font-family: Arial, Helvetica, sans-serif; text-decoration: none }

.pboxdates {
  font-family: Arial, Helvetica, sans-serif; 
}

/* font-size should be in points */
.pboxpopup {
  font-family: Arial, Helvetica, sans-serif; 
  margin-top: 0;
  margin-bottom: 0;
}

/* sideback: background color for side and top frames */
.sideback {
	background-color: #879ad4;
}

/* mouseoverback: background color for admin menu items while active*/
.mouseoverback  { background-color: #879ad4; border-right: 1px solid #777; border-bottom: 1px solid #777 }

.snlink     { color: #000; background-color: #cccccc; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa  }

a.snlink:hover, .snlinkact      { color: #fff; background-color: #879ad4 }

.LB_window  { color: #000000; background: #dddddd; border: solid 2px }

.LB_closeAjaxWindow { background-color: #879ad4 }
.narrativebox     { background-color: #f9f9f9; margin: 1px; padding: 10px; border: solid 1px #9cf; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px }
.titlebox     { background-color: #f9f9f9; margin: 1px; padding: 10px; border: solid 1px #9cf }
.canvas { background-color: #dddddd; text-align: center; padding-top: 10px; padding-bottom: 10px; border: solid 1px silver }

.thumb, .smallimg {
	-moz-box-shadow:    0px 0px 0px 0px #777
	-webkit-box-shadow: 0px 0px 0px 0px #777;
	box-shadow:         0px 0px 0px 0px #777;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

/*tngtabs2*/
/*inactive tab*/
#tngnav a {
	display:block;
	color:#444;
	text-decoration:none;
	background:#dddddd;
	margin:0;
	padding: 0.45em 1em 0.35em 8px;
	border-right: 1px solid #444;
	position: relative;
	font: 11px arial, helvetica, sans-serif;
	-moz-border-radius: 4px 4px 0px 0px;
	-webkit-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px;
}
	
/*active tab*/
#tngnav a:hover {
	background:#879ad4;
	color:#FFCC00;
}

/*active tab*/
#tngnav a.here {
	position:relative;
	z-index:10;
	background:#879ad4;
	color:#FFCC00;
	border-right: 1px solid #444;
	margin: 0;
}

/*inactive tab*/
#tabs a {
	background: #dddddd;
	color:#444;
	padding: 0.2em 0.8em 0.5em 0.8em;
	font: 11px arial, helvetica, sans-serif;
	text-decoration: none;
	border-right: 1px solid #aaa;
}

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

/*active tab*/
#tabs .here {
	background: #879ad4;
	color:#FFCC00;
}
/*end tngtabs2*/	

/* effects dd menu strip*/
/* ul.tngdd: main dropdown menu strip values */
ul.tngdd {
	list-style:none;
	/*margin:0 6px 0 0;*/
	padding:0;
	margin-left: 0px;
	font-size:11px;
    background-color:#e0e0f7;
	}
	
ul.tngdd .menulink {
	background: #bbbbbb url(../img/ArrowDown.gif) 2px 8px no-repeat;
	background-image: url(../img/ArrowDown.gif), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c2c2c2), to(#a2a2a2));
	background-image: url(../img/ArrowDown.gif), -webkit-linear-gradient(top, #c2c2c2, #a2a2a2);
	background-image:    url(../img/ArrowDown.gif), -moz-linear-gradient(top, #c2c2c2, #a2a2a2);
	background-image:     url(../img/ArrowDown.gif), -ms-linear-gradient(top, #c2c2c2, #a2a2a2);
	background-image:      url(../img/ArrowDown.gif), -o-linear-gradient(top, #c2c2c2, #a2a2a2);
	background-image:         url(../img/ArrowDown.gif), linear-gradient(top, #c2c2c2, #a2a2a2);
	background-position: 2px 8px, 0px 0px;
	background-repeat: no-repeat;
}

ul.tngdd .menulink, ul.tngdd .langmenu {
	border-bottom-color:#999;
	border-right-color:#999;
}

ul.tngdd .menulink:hover, ul.tngdd .menuhover {
	border-bottom:1px solid #444;
	border-right:1px solid #444;
	color: #ffffff;
	background: #879ad4 url(../img/arrowdown2.gif) 2px 8px no-repeat;
}

/* databack: background color for data areas */
div.innercontainer, ul.tngdd .langmenu, ul.tngdd .stubmenu {
    background-color: #bbbbbb;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c2c2c2), to(#a2a2a2));
	background-image: -webkit-linear-gradient(top, #c2c2c2, #a2a2a2);
	background-image:    -moz-linear-gradient(top, #c2c2c2, #a2a2a2);
	background-image:     -ms-linear-gradient(top, #c2c2c2, #a2a2a2);
	background-image:      -o-linear-gradient(top, #c2c2c2, #a2a2a2);
	background-image:         linear-gradient(top, #c2c2c2, #a2a2a2);
}
/*end dd menu stuff*/

.bar {
	height:16px;
	background-color:#879ad4;
}
