/* $Id: kinshipdogs.css,v 1.8 2007/02/08 05:08:22 ejd Exp $ */

/* Links */

A:visited{ color: #000032; }
A:link{ color: #002; }
A:hover{
	color: #AA0;
	text-decoration: underline;
}

/* Begin sidebar css classes */

#sidebarlinks .menugroup {
	color: #000;
	text-decoration: none;
/*	font-family: Comic Sans, Comic Sans MS, cursive, Arial, Helvetica, sans-serif; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-weight: bold;
}

#sidebarlinks a:link, #sidebarlinks a:visited {
	color: #313131;
	text-decoration: none;
/*	font-family: Comic Sans, Comic Sans MS, cursive, Arial, Helvetica, sans-serif; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-weight: bold;
}

a.sidebarselected:link, a.sidebarselected:visited {
	color: #FF0;
}
	
#sidebarlinks A:hover {
	color: #313131;	
	text-decoration: none;
/*	font-family: Comic Sans, Comic Sans MS, cursive, Arial, Helvetica, sans-serif; */
	font-family: Verdana, Arial, Helvetica, sans-serif;	
}

#sidebarlinks A:active {
	color: #FFF;
/*	font-family: Comic Sans, Comic Sans MS, cursive, Arial, Helvetica, sans-serif; */
	font-family: Verdana, Arial, Helvetica, sans-serif;	
}
a.sidebarselected:hover{ color: #FF0; }

.sidebarselected{ font-weight: bold; font-style: italic; }

#sb_changestudy A:link, #sb_changestudy A:visited {	color: #FF8; }
#sb_changestudy A:hover, #sb_changestudy A:active {	color: #FFF; }

#sb_changestudy hr {
	margin: 0px;
	height: 1px;
	border: none;
	color: #777;
	background-color: #777;
}

#sidebarlinks .morestudies {
	margin: 10px 0px 10px 0px;
	text-align: right;
	font-size: xx-small;
}
#sidebarlinks .morestudies A:link, #sidebarlinks .morestudies A:visited {
	color: #FFF;
}
#sidebarlinks .morestudies A:hover, #sidebarlinks .morestudies A:active {
	color: #FF8;
}


#sidebarlinks .menuitem A:link, #sidebarlinks .menuitem A:visited {
	color: #980030;
	text-decoration: none;
/*	font-family: Comic Sans, Comic Sans MS, cursive, Arial, Helvetica, sans-serif; */
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 14pt;
	font-weight: normal;
	padding-left: 10px;	
}

#sidebarlinks .sidebarselected_menuitem A:link, #sidebarlinks .sidebarselected_menuitem A:visited {
	color: #980030;
	text-decoration: none;
/*	font-family: Comic Sans, Comic Sans MS, cursive, Arial, Helvetica, sans-serif; */
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 14pt;
	font-weight: normal;
	font-style: italic;
	padding-left: 10px;	
}

/* End sidebar css classes */

/* Used for logout and study titles in collapsible menu */
.logoutlink A:link, .logoutlink A:visited, .logoutlink A:hover, .logoutlink A:active {
	text-decoration: none;
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

.logoutlink A:link, .logoutlink A:visited {
	color: #FF8;
	font-weight: normal;
}

.logoutlink A:hover {
	color: #FFF;
	font-weight: bold;
}

.logoutlink A:active {
	color: #0F0;
	font-weight: bold;
}

/* default table attributes */
td{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
th{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}

/* Where most of the content goes */
#main {
	z-index:10;
	position:absolute;
	left: 130px;
/*	top: 230px; */
	top: 180px;
	padding:10px;
	padding-bottom:0px;
	text-align:left;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}

#title, #title2, #title3 {
	position: absolute;
	width: 810px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 40px;
	font-weight: bold;
	text-align: left;
/*	line-height: 30px; */
	text-indent: -20px;
	margin-left: 120px;
	padding-left: 100px;
}

#title:first-line, #title3:first-line, #title2:first-line {
	font-size: 42px;
//	line-height: 30px;
	font-weight: bold;
}

#title {
	z-index:8;
	position:absolute; 
	left: 70px; 
	top: 20px;
/*	color: #FFF; */
/*	color: #000; */
	height: 69px;
}
#title2 {
	z-index:7;
	position:absolute; 
	left: 71px; 
	top: 21px;
/*	color: #CCC; */
	color: #CCCC99;
	height: 67px;
/*	cdisplay:none; */
}
#title3 {
	z-index:6;
	position:absolute; 
	top: 22px;
	color: #313131; 
/*	height: 67px; */
	height: 52px;  /* top + font-size */
/*	font-family: Comic Sans, Comic Sans MS, cursive, Arial, Helvetica, sans-serif; */
	font-family: Verdana, Arial, Helvetica, sans-serif;	
}

#title5 {
	z-index:6;
	position:absolute; 
	left: 175px; 
	top: 75px;
	color: #000;
	height: 100px;
}

#title4 {
	z-index:10;
	position:absolute; 
	height: 8px;
	left: 0px;
/*	top: 227px; */
	top: 177px;
	background-color: #000000;
	font-size: 6px;			
}

#menubarblock {
	z-index:9;
	position:absolute; 
/*	top: 185px; */
	top: 135px;
	height: 50px;
	width: 175px;
	color: #000000;
	background-color: #C8C898;	
	visibility: hidden;	
}

#menubarpic {
	z-index:10;
	position:absolute; 
	top: 10px; 
/*	height: 200px; */
	height: 150px;
/*	font-family: Comic Sans, Comic Sans MS, cursive, Arial, Helvetica, sans-serif; */
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 14px;
	font-weight: bolder;
	font-style: italic;
	color: #000000;
	text-align: left;
	background-color: #000000;
	visibility: hidden;		
}


#menubartext {
	z-index:9;
	position:absolute; 
	left: 175px; 
	top: 60px;
/*	font-family: Comic Sans, Comic Sans MS, cursive, Arial, Helvetica, sans-serif; */
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 14px;
	font-weight: bolder;
	font-style: italic;
/*	color: #FFFFFF; */
	color: #000000;
	text-align: left;
}

#menubartext2 {
	z-index:8;
	position:absolute; 
	left: 175px; 
	top: 60px;
/*	font-family: Comic Sans, Comic Sans MS, cursive, Arial, Helvetica, sans-serif; */
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 14px;
	font-weight: bolder;
	font-style: italic;
/*	color: #FFFFFF; */
	color: #000000;
	text-align: right;
}

#sidebarlinks {
	z-index:6;
	position:absolute; 
	left: 7px; 
/*	top: 240px; */
	top: 190px;
	width: 115px; 
	font-size: 14px;
	text-decoration: none;
	color: #980030;
	font-family: Arial, Helvetica, sans-serif;
}

#sidebarlinks ul {
	margin-bottom:7px;
	margin-top:0px;
	margin-left:1px;
	padding-left:0px;
	border-left: 1px #CCC solid;
	border-bottom: 1px #CCC solid;
}

#sidebarlinks ul ul {
	margin-left: -2px;
}

#sidebarlinks li {
	list-style: none none outside;
}

#sidebarlinks * li {
	text-indent: -5px;
	margin-left: 5px;
}

#sidebarlinks img {
	border: none;
}

#logo {
	z-index:5;
	position:absolute; 
	left: 7px;
/*	top: 60px; */	 
	top: 35px; 
	width: 110px;
	height: 110px;
}

#menubargraphicend {
	z-index:3;
	position:absolute;
	left: 900px;
	top: 0px;
	width: 100px;
	height: 100px;
}

#sidebar {
	z-index:1; 
	position:absolute;
	left: 0px;
	top: 0px;
	width:125px;
	height:665px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #C8C898;
	text-align: left;
}

#corner {
	z-index:4;
	position:absolute;
	left: 0px; 
	top: 0px; 
	width:200px; 
	height:150px; 
}

#sidebargraphicend {
	z-index:2;
	position:absolute;
	left: 0px;
	top: 665px;
	width: 125px;
	height: 50px;
	background-color: #C8C898;		
}

#sidebargraphicbottom {
	z-index:1;
	position: absolute;
	height: 98px;
	width: 0px;
	top: 617px;
	left: 0px;
	background-color: #C8C898;		
}

#sidebaredge {
	position: absolute;
	top: 150px;
	height: 515px;
	left: 109px;
}

#menubargraphic {
	z-index:0;
	position:absolute; 
	width: 700px; 
	height: 100px; 
	left: 200px; 
	top: 0px;
}

.tabletitle {
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 22px;
	text-align: left;
	font-weight: bold;
/*	background-color: #FFF; */
}

.page_header {
/*	font-family: Comic Sans, Comic Sans MS, cursive, Arial, Helvetica, sans-serif; */
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 26px;
	text-align: left;
	font-weight: bold;
	color: #980030;	
}
.subject_title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align: left;
	font-weight: bold;
}
.subject_subtitle {
	position:relative;
	left: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: left;
	font-weight: bold;	
}

.subject_text {
	position:relative;
	left: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align: left;
	font-weight: bold;
}

.subject_text a:link, .subject_text a:visited {
		color: #980030;
}

.subject_control {
	position:relative;
	left: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align: left;
	font-weight: bold;
}
.subject_control a:link, .subject_control a:visited {
		color: #980030;
		text-decoration: none;
}

.subject_text_subtopic {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: left;
	font-weight: bold;
	font-style: italic;
}

.subject_text_small {
	position:relative;
	left: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: left;
	font-weight: normal;
}

.subject_text_list {
	position:relative;
	left: 20px;
}

.subject_text_category {
	font-weight: bold;
}

.subject_text_author {
	font-size: 12px;
	font-style: italic;
}

.subject_text_small a:link, .subject_text_small a:visited  {
	color: #980030;	
}

.subject_text_url, .subject_text_url a:link, .subject_text_url a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;	
	color: #980030;	
}


.tablesubtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}

.bodytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
/*	align: center;*/
}

.studytitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
}

.studydesc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
}

.searchtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
}

#currentstudy {
/*	border: 1px #99F solid; */
	width: 100px;
	padding: 0px;
	margin: 0px;
	color: white;
}

#currentstudy td {
	padding: 0px;
	border: none;
}

#currentstudy .a {
	text-align: left;
	font-size: xx-small;
	border-bottom: 1px #77f solid;
}

#currentstudy .b {
	text-align: left;
	font-size: medium;
}

#currentstudy .c {
	text-align: right;
	font-size: xx-small;
}

/* Datagrid styles */

/* light and dark rows */
.lightbg, .df_table TH {
/*	background-color: #EEE; */
	background-color: #FFFFE0;	
}
.darkbg, .df_table TD {
	background-color: #CCC;
}
.darkbg a:hover{
	color: #990;
}
.lightbg a:hover{
	color: #990;
}
.datagrid, .subdatagrid, .df_table {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #000000;
	text-align: center;
	vertical-align: middle;
	font-weight: normal;
/*	comment-background-color: #F4FFBF; */
/*	background-color: #4554E3; */
	background-color: #000000;
	padding: 0px;
}
.datagrid, .df_table {
/*	width: 850px; */
	border-top: thin solid;
	border-right: thin none;
	border-bottom: thin solid;
	border-left: thin none;
}
.subdatagrid {
	width: 100%;
	border-top: none;
	border-right: none;
	border-bottom: solid #DDD;
	border-bottom-width: 1px;
	border-left: none;
}
.datagrid TH, TH.df_table_h {
	background-color: #C8C898;
}
.subdatagrid TH{
	font-size: 12px;
	background-color: #7F7F7F;
}
.datagrid_footer TH{
	background-color: #FFF;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
}
.subdatagrid TH A:hover {
	color: #CC0;
}
.subdatagrid TD{
	font-size: 11px;
}
.datagridspacer {
	background-color: #7F7F7F;
}

.datagrid .caption {
	background: #EEE;
	border: 1px white solid;
}

/* larger table */
.largedatagrid {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	color: #000000;
	text-align: center;
	vertical-align: middle;
	font-weight: normal;
/*	comment-background-color: #F4FFBF;*/
	background-color: #4554E3;
	padding: 0px;
	margin: auto;
	height: auto;
	width: auto;
	border-top: thin solid;
	border-right: thin none;
	border-bottom: thin solid;
	border-left: thin none;
}
/* first row of the data grid*/
.largedatagrid th{
	font-size: 18px;
	background-color: #6574E3;
	text-transform: capitalize;
}
/* light row */
.largelightbg{
	background-color: #EEE;
	font-size: 16px;
}
/* dark row */
.largedarkbg{
	background-color:  #CCC;
	font-size: 16px;
}


.popup {
	position: absolute;
	z-index: 15;
	border: none;
	background-color: #FFF;
}

.tablefilter {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #000;
	text-align: center;
	vertical-align: middle;
	font-weight: normal;
/*	comment-background-color: #F4FFBF;*/
	background-color: #DDD;
	padding: 0px;
}

.tablefilter table{
	background-color: #FFF;
}

.tablefilter td{
	background-color: #EEE;
	text-align: left;
	padding: 3px;
	border: 1px #EEE solid;
}

.tablefiltersubheading th{
	font-size: x-small;
	text-align: left;
}

.tablesettings {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 7pt;
}

p.left{ text-align: left; }

p.formerror { 	
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 14pt;
	color: #F20;
}

/* Gallery css values */
td.ir_c:first-line { color: gray; }
td.ir_c:hover { cursor: pointer; }
/* in some browsers, overflow-x and overflow-y don't work, and the overflow is unusable because the
	onclick handler destroys the click events.  This way, the bad browsers are set to overflow: hidden
	and the good browsers are set to x:auto and y:visible, which is preferred when the browser works. */
td.ir_c div { overflow: hidden; width: 170px; }
td.ir_c div { overflow-x: auto; overflow-y: visible; }
td.ir_c { padding-left: 1px; padding-right: 1px; }
th#g_header { text-align: center; }
#header_cat_targets > * > * > tr:first-child td { font-size: 6pt; }
#cursorfollowerdiv {
	position: absolute;
	left: 0px;
	top: 0px;
	z-Index: 100;
	border: blue solid 1px;
	opacity: 0.7;
	-moz-opacity: 0.7;
/*	filter: alpha(opacity=70);*/
}
.mousefollower td {
	text-align: center;
}

/* studyhome are used on studyhome.php for laying out the button icons and the rollover */
.studyhomepageicons a{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 20pt;

}
.studyhomepageicons a{
	display:block;  /* has to be this way for rollover images */
	width:200px;
	height:200px;
/*	commentpadding:7px 0 10px 20px;*/
	font: bold 14px/1 sans-serif;
/*	commentcolor:#006;*/
	text-decoration: none;	
/*	commentborder: 3px none;*/
	
}

/* makes the text links beneath icons not take up too much space */
a.studyhomepagelinks {
	height: 20px;
	text-align:center;
}

/* when mouse over, shift image 200px left so that they show the "down" image */
.studyhomepageicons a:hover{
/*	commentcolor: #66F;*/
	text-decoration: underline;
/*	commentborder: 3px blue solid;*/
	background-position: -200px 0;
}

/* the following sets which image to use for button */
.studyhomepagedatasetsicon {
	background: url("/voxbase/images/datasets.jpg") 0 0 no-repeat;
}

.studyhomepagegalleryicon {
	background: url("/voxbase/images/gallery.jpg") 0 0 no-repeat;
}

.studyhomepagespecimensicon {
	background: url("/voxbase/images/specimens.jpg") 0 0 no-repeat;
}

.studyhomepagestudiesicon {
	background: url("/voxbase/images/studies.jpg") 0 0 no-repeat;
}

/* dynamicform quickform classes
 * there are more declarations mixed with the datagrid classes
 */
.df_table TH {
	width: 25%;
}
.df_table TR + TR TH.df_table_h {
	/* this effects all header rows after the first header row, but it doesn't work in IE 6- so don't use
	   it for anything crucial */
	font-size: larger;
	padding-top: 0px;
}

/* MR_alert classes */
#MR_alerts {
	z-index: 99;
	position: absolute;
	top: 0px;
	left: 0px;
	color: blue;
	background-color: white;
	border: black 1px solid;
	padding: 3px;
	font-size: small;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
}
#MR_alerts ul {
	padding-left: 10px;
	margin-top: 0px;
}

/*this is used for the news/ MOTD box on login*/
#motdbox {
	margin: 20px;
	padding: 0px 20px 10px 20px;
	background-color: #fff;
	border: 1px #fff;
	text-align: left;
	color: #006;
	width: 475px;
}

#motdbox_titletab {
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 1px 5px;
	background-color: #3C4AC4;
	border: 1px #DDD solid;
	text-align: center;
	color: #fff;
	width: 155px;
    height: 30px;
}


#motdbox_body {
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	background-color: #eeeeee;
	border: 1px #DDD solid;
	text-align: left;
	color: black;
	width: 475px;
}
.topicbox {
	border-width: 		1px 1px 1px 1px;
	border-style:		solid;
	border-color:		#777;
	text-align: 		center;
	font-weight:	bold;

}
.subtitle {
	width: 70%;
	border-width: 		0px 1px 1px 1px;
	border-style:		solid;
	border-color:		#CCCCCC;
	text-align:  center;
   
}/*end motdbox*/


hr.header {
/*	border: 3px inset #000; */
	border-top: 6px solid #000000;
	height: 6px;
/*	margin: 10px auto 0 0;*/
}

hr.signature {
/*	border: 3px inset #000; */
	border-top: 6px solid #000000;
	width: 95%;
	height: 6px;
/*	margin: 10px auto 0 0; */
	text-align: center;
}		

#signature {
	z-index:10;
	position:absolute; 
	width: 0px;
	visibility: hidden;	
	left: 0px;
	top: 220px;
	background-color: #000000;
	font-size: 4px;
	text-align: center;
	height: 4px;
}


#signaturetext {
	z-index:9;
	position:absolute; 
	height: 25px;
	width: 0px;
	visibility: hidden;			
	left: 20px;
/*	font-family: Comic Sans, Comic Sans MS, cursive, Arial, Helvetica, sans-serif; */
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 14px;
	font-weight: bold;
/*	font-style: italic; */
	color: #313131; 
	text-align: left;
}

#signaturetext2 {
	z-index:8;
	position:absolute;
	height: 25px;
	width: 0px;
	visibility: hidden;			 
	left: 20px;
/*	font-family: Comic Sans, Comic Sans MS, cursive, Arial, Helvetica, sans-serif; */
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 14px;
	font-weight: bold;
/*	font-style: italic; */
	color: #313131; 
	text-align: right;
}

/* Datagrid styles */

/* light and dark rows */
.ctable_lightbg TH {
/*	background-color: #EEE; */
	background-color: #FFFFE0;	
}

.ctable_lightbg a:link, .ctable_lightbg a:visited{
	color: #980030;
}

.ctable_lightbg a:hover{
	color: #990;
}


.ctable {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #000000;
	text-align: center;
	vertical-align: middle;
	font-weight: normal;
/*	comment-background-color: #F4FFBF; */
/*	background-color: #4554E3; */
	background-color: #000000;
	padding: 0px;
}
.ctable {
/*	width: 850px; */
	border-top: thin solid;
	border-right: thin none;
	border-bottom: thin solid;
	border-left: thin none;
}

.ctable TH {
	background-color: #C8C898;
	font-family: Arial, Helvetica, sans-serif;
	font-style: bold;
	font-size: 16px;
	text-align: center;			
}

.ctable TD {
	background-color: #FFFFE0;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 14px;
	text-align: left;	
}


.ctablespacer {
	background-color: #7F7F7F;
}

/*
.ctable {
	background: #EEE;
	border: 1px white solid;
}
*/