/* CSS definition file containing sitestyle stylesheets */
BODY {
	FONT-FAMILY: "Trebuchet MS", Helvetica, "Lucida Grande", Sans-Serif;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-image:url(../images/DNA_BG.jpg);
}

A:active {
	color: rgb(0, 0, 255);
	background-color: inherit;
}

A:link {
	background-color: inherit;
	color: rgb(0, 0, 255);
}

/*UL { margin-left: 14px;}*/
A:visited {
	background-color: inherit;
	color: rgb(123, 0, 123);
}

P {
	font-family: 'Arial', Sans-serif, sans-serif;
	font-size: 0.8em;
}

.pagetitle {
	font-family: Arial, Sans-serif, sans-serif;
	font-variant: small-caps;
	font-size: 1.2em;
	font-weight: bold;
}

A:hover {
	background-color: inherit;
	color: rgb(255, 0, 128);
}

/* The area outside the main area in the browser */
.mainframe {
	position:absolute;
	width: 80%;
	left:10%;
	/*padding-top: 15px;
  padding-bottom: 15px;*/ /*background: url(./images/bground.gif);
  background-repeat: repeat-x;*/
	color: inherit;
	text-align: center;
	/*border: 2px solid #99f;*/
	top:0px;
	height:900px;
	border-right:2px solid black;
	border-left:2px solid black;
	border-bottom:2px solid black;
	background-image:url(../images/mainframe_bg.png);
}

/*The style of the title row on the page*/
TD.titlerow {
	padding-bottom: 12px;
	border-bottom: 1px #25177a solid;
	background-color: #ffffdf;
}

.headerarea {
	width: 100%;
	/*border-top: 1px solid #99f;
  border-left: 1px solid #99f;
  border-right: 1px solid #99f;*/
	/* background-image: url(../images/seekitlogo.png); */
  /*background-repeat: no-repeat;*/
	/*height:80px;*/
	/*background-image:url(../images/Header_bg.png);*/
	background-color:#555;
}

#SearchForm {
	position:absolute;
	font-size:14px;
	border:2px solid black;
	text-align:center;
	background-color:#FFFFFF;
	padding-bottom:10px;
	left:25%;
	width:50%;
	
	}


/* The main area in the browser */
	/*The style of the box which holds the lhs menu boxes*/
#leftmenu {
	float: left;
	text-align: left; 
	position: absolute;
	top: 120px;
	left: 12px;
	width: 15%;
	margin: 0px;
	height:100%;
	/*padding-left: 6px;
  padding-top: 6px;
  padding-bottom: 6px;*/
}

/*div.mainmenuitem {
	border-top: 1px solid #f66;
	padding:2px;
	width:100%;
	}
*/
div.mainmenuitem {
	font-size: small;
	border-top: 1px solid #999;
}

div.mainmenuitem #top {
	border-top: none;
}

div.mainmenuitem A {
	color: rgb(255, 136, 17);
	text-decoration: none;
	display: block;
	/*border-right: 1px solid #36a;*/
	background-color: rgb(255, 213, 170);
	background-position: 98% 50%;
	padding: 3px 6px;
	/*background: #eee url(down.gif) no-repeat;
background-color: #555;
 background-position: 98% 50%;*/
}

div.mainmenuitem A:hover {
	color: rgb(255, 213, 170);
	background-color: rgb(255, 136, 17);
	background-position: 98% 50%;
}

.mainarea {
	position:absolute;
	left:30%;
	padding-left: 20px;
	top: 200px;
	width: 65%;
	height:600px;
	color: inherit;
	/*border: none; */
	text-align: left;
	border-top:2px ridge black;
	background-image:url(../images/bg_1.png);
	background-color:#FFFFFF;
}

.mainareatitle {
	position:absolute;
	top:-100px;
	left:-100px;
	}


#maintext {
	position:absolute;
	right:0px;
	width:80%;
	height:100%;
	padding-top:20px;
	padding-left:20px;
	padding-bottom:10px;
	margin-bottom:20px;
	
	}
#content {
	position:absolute;
	top:-100px;
	right:0px;
	width:80%;
	height:100%;
	padding-top:20px;
	padding-left:20px;
	padding-bottom:10px;
	margin-bottom:20px;
	
	}

#resultbottom {
	position:absolute;
        z-index:99;
	bottom:-30px;
	width:100%;
	}


/* The footer area in the browser */
.footerarea {
	position:absolute;
	color: inherit;
	/*border-top: 1px solid #99f;*/
	text-align: left;
	background-color: transparent;
	width: 98.8%;
	padding: 6px;
	margin: 0;
	background-color:#93a3ad;
	bottom:0px;
	left:0px;
	}

.rounded {
	background-color: rgb(248, 248, 248);
	/*border: 1px solid rgb(51, 0, 51);*/
	padding-top: 0px;
	padding-left: 20px;
	padding-bottom:0px;
	padding-right:20px;
	/*height: 60px;*/
	margin-bottom: 0px;
	width: 300px;
}

.resultbox {
	position:relative;
	top:100px;
	vertical-align: middle;
	font-family: Arial;
	padding-left: 12px;
	width: 400px;
	height: 38px;
	background-color:#FFFFFF;
	background: url(../images/button.gif) repeat-x;
	border: 1px solid #955;
}

.pretty#tooltip {
	FONT-SIZE:10pt;PADDING-RIGHT: 20px; PADDING-LEFT: 20px; BACKGROUND: url(shadow.png); PADDING-BOTTOM: 20px; WIDTH: 210px; BORDER-TOP-STYLE: none; PADDING-TOP: 20px; FONT-FAMILY: Arial; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 135px; BORDER-BOTTOM-STYLE: none; opacity: 0.8
}
.pretty#tooltip H3 {
	FONT-SIZE: 10pt; MARGIN-BOTTOM: 0.5em; WIDTH: 220px; TEXT-ALIGN: left;
}
.pretty#tooltip DIV {
	WIDTH: 220px; TEXT-ALIGN: left
}


/*======*/


.basic  {
	width: 200px;
/*	font-family: verdana;*/
	/*border: 1px solid rgb(255, 136, 17);*/
	float:left;
	position:relative;
	top:0;
	left:12px;
	text-align:left;
	margin-bottom : 10px;
	margin: 0px;
	font-size:10pt;
	background-color:;
}
.basic div {

	background-color: #cad5d9;
	padding:10px;
}

.basic ul {
margin-left:10pt;
/*list-style-image: url(arrow.gif);*/
list-style-type: square;
list-style-position: outside;
color: rgb(255, 136, 17);


}

.basic ul li a {
text-decoration:none;
/*border-bottom:1px dotted rgb();*/
margin-bottom:1px;
color: rgb(255, 136, 17);
}


.basic ul li a:hover {
border-bottom:1px dotted rgb(255, 136, 17);
margin-bottom:0;
background-color:rgb(255, 198, 255);
color: rgb(255, 136, 17);
}

.basic ul li a:active {
text-decoration:none;
/*border-bottom:1px dotted rgb();*/
color: rgb(255, 136, 17);
margin-bottom:1px;
}


/*.basic ul li a:visited {
text-decoration:none;
/*border-bottom:1px dotted rgb();
margin-bottom:1px;
color: rgb(255, 136, 170);
}*/


a.header {
	cursor:pointer;
	display:block;
	padding:5px;
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: black;
	background-color: #00a0c6;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #999;

	
	color: rgb(255, 136, 17);
	/*border-right: 1px solid #36a;*/
	background-color: rgb(255, 213, 170);
	
	/*background-image: url("AccordionTab0.gif");*/
}

.basic a:hover {
/*	background-color: white;
	background-image: url("AccordionTab2.gif");*/
	color: rgb(255, 213, 170);
/*	background-color: black;*/
}
.basic a:selected {
	color: black;
	background-color: #80cfe2;
	background-image: url("AccordionTab2.gif");
}




/*======*/


/*The style of the box which holds the menu items*/
TD.menuboxbody,TD.mainmenuboxbody {
	padding: 0;
	line-height: 1.3em;
}

/*The style of the box which holds the browse menu*/
TD.browsemenuboxbody {
	padding-left: 3px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-top: 1px;
}

/* the style of the text of the menu heading */
.menutitle {
	font-family: Arial, Sans-serif;
	font-weight: bold;
	font-variant: small-caps;
	font-size: 1em;
}

/* The style of the boxes which surround each group of menu items*/
.loginmenubox {
	border: 0;
	padding: 0;
	margin-right: 0px;
}

.menubox,.mainmenubox,.quicksearchmenubox,.browsemenubox {
	border: 1px solid #ddd;
	padding: 0;
	margin-right: 0px;
	background: url("./images/titlebg.gif") no-repeat;
	width: 160px;
}

/* the style of the text of the news menu heading i.e. News*/
.newsmenutitle {
	border: 1px solid #ddd;
	padding: 0;
	margin-right: 0px;
	background: url("./images/titlebg.gif") no-repeat;
}

/* The style of the boxes which surround the admin menu button*/
.adminmenubox {
	border: 1px solid #ddd;
	padding: 0;
	margin-right: 0px;
	background: url("./images/titlebg.gif") no-repeat;
}

/* the style of the cell which contains the title of a group of menu items */
TD.menuboxtitle,TD.browsemenuboxtitle,TD.newsboxtitle,td.quickmenuboxtitle,td.mainmenuboxtitle
	{
	padding: 1px;
}

/* the style of the cell which contains the title of a group of menu items */
TD.newsboxtitle {
	padding: 0;
	margin: 0;
}

/* The style of the text of items in a menu */
.menuboxitems,.mainmenutext {
	font-family: 'Arial', Sans-serif;
	font-size: 0.8em;
	margin-left: 2px;
}

/* The style of the text of items in a popup menu */
.popupmenuboxitems {
	font-family: 'Arial', Sans-serif;
	font-size: 0.8em;
	margin-left: 2px;
	text-align: left;
}

/* The style of the text of items in the admin menu box */
.adminmenuboxitems {
	font-family: 'Arial', Sans-serif;
	font-size: 0.8em;
	margin-left: 2px;
}

/* The style of the text of items in the news menu */
.newsboxitems {
	font-family: 'Arial', Sans-serif;
	font-size: 0.75em;
	margin-left: 2px;
}

/* The style of the text of subitems in a menu */
LI.menuboxsubitemslist {
	list-style-type: square;
}

SPAN.menuboxsubitems {
	font-family: 'Arial', Sans-serif;
	font-size: 9pt;
}

UL.menuboxsubitemslistx {
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 20px;
	margin-left: 0;
}

/*The style of the box which holds the rhs menu boxes*/
TD.rightmenu {
	padding: 0;
	margin: 0;
}

/*The style of the box which holds the main data screen area*/
TD.dataarea {
	padding: 0;
	padding-top: 10px;
}

/*The style of the box which holds the news items*/
TD.newsboxbody {
	padding-top: 10px;
	border-bottom: 1px #ddd dashed;
}

/* The style of the push buttons on forms*/
INPUT.apsbutton {
	cursor: pointer;
	border: 1px solid #99f;
	padding: 0;
	margin-right: 3px;
	margin-left: 3px;
	margin-bottom: 3px;
	margin-top: 3px;
	background: url("./images/tablehead.gif") no-repeat;
}

/* The style of the edit input boxes on forms*/
INPUT.apsedit {
	cursor: text;
	border: 1px solid #99f;
	padding: 0;
	margin: 0;
	background: url("./images/titlebg.gif") no-repeat;
	font-size: 0.8em;
}

/* The style of the boxes which surround the popup menubox*/
TABLE.popupmenubox {
	border: 1px solid #99f;
	padding: 0;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	background: url("./images/titlebg.gif") no-repeat;
}

/* The title in the browse screens */
.browsetitle,.formtitle {
	font-family: Arial, Sans-serif;
	font-weight: bold;
	font-variant: small-caps;
	font-size: 1.1em;
}

/* The sub titles in the browse screens */
.browsesubtitle {
	font-family: Arial, Sans-serif;
	font-size: 0.8em;
	font-weight: bold;
}

/* The info messages in the browse screens */
.browseinfo {
	font-family: Arial, Sans-serif;
	font-style: italic;
	font-size: 0.8em;
}

/* The in and out buttons */
	/**************** do not change *****************/
IMG.adminicon {
	border: 0 none;
	margin-right: 2px;
	margin-left: 0;
	margin-top: 0;
	margin-bottom: 2px;
}

IMG.buttonlink {
	border: 0 none;
	margin-right: 2px;
	margin-left: 0;
	margin-top: 0;
	margin-bottom: 2px;
	vertical-align: middle;
}

/************************************************/ /* Form text */
.formtext {
	font-family: 'Arial', Sans-serif;
	font-size: 0.8em;
	color: #447;
}

/* Form text */
.treetext {
	font-family: 'courier';
	font-size: 1.0em;
}

/* Context text */
.contexttext {
	font-family: Arial, Sans-serif;
	font-size: 0.8em;
}

/* Context text for flat fileplan print*/
.contexttext2 {
	font-family: Arial, Sans-serif;
	font-size: 0.8em;
}

/* Form error messages */
.formerrormsg,.errormsg {
	background-color: inherit;
	font-family: Arial, Sans-serif;
	font-size: 0.8em;
	color: red;
}

/* Menubox error messages */
.menuerrormsg {
	background-color: inherit;
	font-family: Arial, Sans-serif;
	font-size: 1.0em;
	color: red;
}

/*The data import wizard form which includes the importheader and importbody*/
.dataimportform,.formarea {
	width: 100%;
	color: inherit;
	border: 1px solid #0000ff;
	background: url("./images/formbg.gif") no-repeat;
	padding-top: 0;
	margin-top: 0;
}

/* The block of text which forms the header for the import wizard*/
.importheader,.formheader {
	color: inherit; /*background: #c3ccf9;*/
	background: url("./images/formheader.gif") repeat-y;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	padding-top: 0em;
	margin-bottom: 1em;
	margin-top: 0;
}

/* The form which forms the body of the import wizard*/
.importbody,.formbody {
	color: inherit;
}

TABLE.classconfigtable {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 none !important;
	background-image: url("./images/tablehead.gif");
	background-repeat: repeat-x;
}

/* The table headers in the class configuration page */
TD.classconfigtitle {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 none !important;
	font-family: 'Arial Narrow', Sans-serif;
	font-size: 1.0em;
	text-align: center;
}

/* The cells which hold the action buttons */
TD.classconfigaction {
	width: 20px;
	color: inherit;
	margin: 0;
	padding: 0;
	border-top: 0 none;
	border-bottom: 1px solid #E5E5E5;
	font-family: 'Arial Narrow', Sans-serif;
	font-size: 0.9em;
	text-align: center;
}

/* The cells which hold the classification  */
TD.classconfig {
	color: inherit;
	margin: 0;
	padding: 0;
	border-top: 0 none;
	border-bottom: 1px solid #E5E5E5;
	font-family: 'Arial', Sans-serif;
	font-size: 0.8em;
	text-align: left;
}

/* The cells which hold the classification  */
TR.classconfig {
	margin: 0;
	border: 0 none;
	padding: 0;
	line-height: 1em;
}

.newstitle {
	font-family: Arial, Sans-serif;
	font-variant: small-caps;
	font-size: 1em;
}

/* The context sensitive horizontal menu bar on the page body */
TABLE.menubartable {
	border-collapse: collapse;
	padding: 0;
	text-align: left;
}

TD.menubar {
	border: #0000ff 1px solid;
	margin-left: 5px;
	font-size: 0.8em;
	color: inherit;
	width: 90px;
	height: 25px;
	text-align: center;
	cursor: pointer;
	background: url("../images/tablehead.gif") no-repeat;
}

TR.menubarrow {
	border-collapse: collapse;
	padding: 0;
}

TD.menubarcurrent {
	border-top: #0000ff 1px solid;
	border-left: #0000ff 1px solid;
	border-right: #0000ff 1px solid;
	font-size: 0.8em;
	color: white;
	width: 90px;
	text-align: center;
	cursor: auto;
	font-weight: bold;
	background: url("../images/menucurrent.gif") no-repeat;
}

DIV.menubarseparator {
	border-top: #0000ff 1px solid;
	margin: 0;
	padding: 0;
}

/* any small text */
.smalltext {
	font-size: 0.75em;
}

/* any info text */
.infotext {
	font-family: Arial, sans-serif;
	font-size: 0.8em;
}

/* a general header row for tables */
TR.headerrow {
	background-image: url("./images/tablehead.gif");
	background-repeat: repeat-x;
	height: 25px;
	border: #ddd 1px solid;
}

.statusrow {
	border-top: 1px #ddd dashed;
}

/* The names of fields in details screens */
.fieldname {
	font-family: Arial, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #118;
}

/* The fields data in details screens */
.fielddata {
	font-family: Arial, sans-serif;
	font-size: 0.8em;
}

/* The style of the boxes which surround each group of data lists*/
TABLE.datalist {
	width: 100% !important;
	color: inherit;
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 0;
	margin: 0;
}

/* a   row in datalist tables */
TR.datarow {
	background-image: none;
}

/* The style for bulleted lists in text.*/
ul.apslist {
	list-style-image: url("./images/bullet1.gif");
	margin-left: 15px;
}

ul.apslist2 {
	list-style-image: url("./images/bullet2.gif");
	margin-left: 15px;
}

.indextable,.databox {
	vertical-align: top;
	border: RGB(192, 192, 224) 1px solid;
}

/* the text which summarizes the search criteria on the results page */
.searchsummary {
	font-family: 'Arial';
	font-size: 0.75em;
	font-weight: bold;
}

.searchtitle {
	color: black;
	font-family: Arial, Sans-serif;
	font-size: medium;
	font-variant: small-caps;
	font-weight: bold;
}

.thumbnail {
	border-bottom: RGB(192, 192, 224) 1px solid;
}

/* the text styles of the page labelling when printing lists of item e.g. Page 1 of 10   */
.pagelabel {
	font-family: 'Arial';
	font-size: 0.8em;
}

.pagelabelbold {
	font-family: 'Arial';
	font-size: 0.8em;
	font-weight: bold;
}

.pagelabelitalic {
	font-family: 'Arial';
	font-size: 0.8em;
	font-style: italic;
}

.pagelabelbolditalic {
	font-family: 'Arial';
	font-size: 0.75em;
	font-weight: bold;
	font-style: italic;
}

.admintable {
	border: 0 none;
	width: 100%;
	text-align: center;
}

.admintext {
	text-align: center;
	font-size: 0.75em;
}

.TextNavBar {
	font-family: Tahoma, Verdana, Arial, Sans-serif, sans-serif;
	font-size: 0.8em;
}

/* The style of the boxes which surround each group of menu items*/
	/* .menubox {border: 1px solid #ddd; padding:0;margin-right:0px;background: url(./images/titlebg.gif) no-repeat;}*/
	/* the style of the text of the news menu heading i.e. News*/
	/* The style of the text of items in a menu */
	/* .menuboxitems  {font-family: 'Arial', Sans-serif; font-size: 0.8em; margin-left:2px;}*/
	/*The style of the box which holds the menu items*/
td.loginmenuboxtitle {
	font-size: x-small;
	margin: 0;
	padding: 0;
}

TD.loginmenuboxbody {
	padding: 0;
}

/* the style of the text of the login menu heading */
.loginmenutitle {
	COLOR: black;
	font-family: Arial, Sans-serif;
	font-weight: bold;
	font-variant: small-caps;
	font-size: 1em;
}

/*   text in the login menu box*/
.loginmenutext {
	font-size: 0.7em;
	color: black;
}

/* the style of the row which contains the title of a popup menu */
.popupmenuboxtitle {
	background: none;
	margin: 0;
	padding: 0;
}

/* the style of the text of the heading for the popup menu boxes */
.popupmenutitle {
	font-family: arial, Sans-serif;
	font-weight: bold;
	font-size: 1em;
	color: black;
	padding-left: 0px;
}

/* the style of the text of the menu heading */
.mainmenutitle {
	font-family: Arial, Sans-serif;
	font-weight: bold;
	font-variant: small-caps;
	font-size: 1em;
}

.returnbox {
	text-align: right;
	vertical-align: top;
	border: 1px solid #dd9999;
	font-size: 0.85em;
	background-color: #fdf9f5;
	margin-bottom: 10px;
}

.web_page {
	font-family: inherit;
}

.waitbanner {
	-moz-opacity: 0.85;
	background: lightblue;
	border: 1px solid #882288;
	font-family: 'Arial', Sans-serif;
	font-size: 0.8em;
	opacity: 0.85;
	padding: 5px;
	text-align: center;
}

#test {
position:relative;
top:100px;
}