#----------------------------------------------------------------------------------------------------------------------------------
# Germinate 2.0  A Generic Plant Resource Database
#
# Copyright (C) 2008 Paul Shaw (Scottish Crop Research Institute)
#
# This library is free software; you can redistribute it and/or modify it under the terms of the GNU Lesser General Public License
# as published by the Free Software Foundation; either version 2.1 of the License, or (at your option) any later version.
#
# This library is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for more details.
#
# You should have received a copy of the GNU Lesser General Public License along with this library; if not, write to the
# Free Software Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA 
#
#-----------------------------------------------------------------------------------------------------------------------------------

*
{
	margin: 0em;
	padding: 0em;
}

h1,h2
{
	color: #0065b5;
}

h2
{
	font-size:16px;
}

h4
{
	font-size:12px;	
}

body {
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	color: #666666;
	background: white url(../images/watermark.png) no-repeat;
	background-position:10px 50px;
	margin: 0; padding: 0;
	}
h1 {
	margin:0px 0px 15px 0px;
	padding:0px;
	font-size:28px;
	line-height:28px;
	font-weight:900;
	color:#7f7f7f;
	}
p {
	font:11px/20px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 16px 0px;
	padding:0px;
	}

a
{
	color: #0077dd;
	/* text-decoration: underline; */
	text-decoration: none;

}

a:hover
{
	text-decoration: none;
	color: #f10d83;
}

#Header {
	height: 10em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 0.5em;
}

#Content {
	margin:12px 10px 50px 200px;
	padding:5px;
	}

#ThinContent
{
	margin: 0px;
	padding: 0px;
	width: 650px;
	text-align: justify;
	
}


#TopHeading
{
	position: absolute;
	top: 1em;
	left: 2em;

}

#RightLogo
{
	position: absolute;
	top: 4.5em;
	right: 3em;

}

#LeftLogo
{
	position: absolute;
	top: 5em;
	left: 2em;

}

#footer {
    margin: 40px auto 0 auto;
	text-align: center;
	/*border-top: dotted 1px gray;*/
	padding: 20px 0 20px 0;
	width: 70%;w
}

#footer p {
	margin: 0px;
	padding: 0;
}


#TopMenu
{
	position: absolute;
	top: 0.4em;
	right: 2.5em;

}

#TopMenu ul
{
	list-style: none;
}

#TopMenu li
{
	display: inline;
	padding-left: 1.1em;
	margin-left: 1em;
	border-left: solid 1px #E0E8EF;
}

#TopMenu li.first
{
	border: 0em;
	margin-left: 0em;
	padding-left: 0em;
}

#TopMenu li a
{
	color: #0077dd;
	padding: 0.1em;
	text-decoration: none;
}

#TopMenu li a:hover
{
	text-decoration: underline;
}


#Menu {
	position:absolute;
	top:11em;
	left:0.7em;
	width:172px;
	


	line-height:17px;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:160px;
	}

#Menu ul
{
	margin-bottom: 1.5em;
	padding-left: 2em;
	list-style: square;
}

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}


.roundcontMain {
	width: 100%;
	background-color: #eee;
	color: #000;
}

.roundcontMain p {
	margin: 0 10px 10px;
}

.roundtopMain { 
	background: url(../images/core/topright.png) no-repeat top right; 
}

.roundbottomMain {
	background: url(../images/core/bottomright.png) no-repeat top right; 
}

.roundcontMain ul
{
	margin-bottom: 1.5em;
	padding-left: 2em;
	list-style: square;
}

.roundcontMain h2
{
	padding-left: 10px;
}

/* Table Styling */
    
table,td
{
	border: 1px solid #CCC;
	border-collapse: collapse;
	font: small/0.8 "Tahoma", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
}

table
{
	border: none;
	border: 1px solid #CCC;
}

thead th,
tbody th
{
	background: #FFF url("../images/core/th_bck.gif") repeat-x;
	color: #666;  
	padding: 5px 10px;
	border-left: 1px solid #CCC;
}

tbody th
{
	background: #FAFAFB;
	border-top: 1px solid #CCC;
	text-align: left;
	font-weight: normal;
}

tbody tr td
{
	padding: 5px 10px;
	color: #666;
}

tbody tr:hover
{
	background: #FFF url("../images/core/tr_bck.gif") repeat;
}

tbody tr:hover td
{
	color: #454545;
}

tfoot td,
tfoot th
{
	border-left: none;
	border-top: 1px solid #CCC;
	padding: 4px;
	background: #FFF url("../images/core/foot_bck.gif") repeat;
	color: #666;
}
caption
{
	text-align: left;
	font-size: 120%;
	padding: 10px 0;
	color: #666;
}

table a:active
{
	color: #003366;
}

.roundedcornr_box_930436 {
   background: #ffffff url(../images/core/roundedcornr_930436_grad.gif) repeat-x top left;
}
.roundedcornr_top_930436 div {
   background: url(../images/core/roundedcornr_930436_tl.gif) no-repeat top left;
}
.roundedcornr_top_930436 {
   background: transparent url(../images/core/roundedcornr_930436_tr.gif) no-repeat top right;
}
.roundedcornr_bottom_930436 div {
   background: url(../images/core/roundedcornr_930436_bl.gif) no-repeat bottom left;
}
.roundedcornr_bottom_930436 {
   background: transparent url(../images/core/roundedcornr_930436_br.gif) no-repeat bottom right;
}

.roundedcornr_top_930436 div, .roundedcornr_top_930436,
.roundedcornr_bottom_930436 div, .roundedcornr_bottom_930436 {
   width: 100%;
   height: 15px;
   font-size: 1px;
}
.roundedcornr_content_930436 { margin: 0 15px; }


/*This deals with Lyndas TIGOLIG Application*/

.polymorphism{
	background: #AAFFAA;
	color: black;
	font: bold 14px Arial;
	padding: 3px 3px 3px 3px;
}

.oligo{
	background: #FFAAAA;
	color:black;
	font: bold 14px Arial;
	padding: 3px 3px 3px 3px;
}

.oligo1{
	background: #FFAAAA;
	color:black;
	font: bold 14px Arial;
	padding: 3px 3px 3px 3px;
}

.oligo3{
	background: #AAAAFF;
	color:black;
	font: bold 14px Arial;
	padding: 3px 3px 3px 3px;
}

/* Added For Ajax Tabs */

.shadetabs{
	padding: 3px 0;
	margin-left: 0;
	margin-top: 1px;
	margin-bottom: 0;
	font: bold 12px Verdana;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
	display: inline;
	margin: 0;
}

.shadetabs li a{
	text-decoration: none;
	padding: 3px 7px;
	margin-right: 3px;
	border: 1px solid #778;
	color: #2d2b2b;
	background: white url(../images/core/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
	color: #2d2b2b;
}

.shadetabs li a:hover{
	text-decoration: none;
}

.shadetabs li.selected{
	position: relative;
	top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */
	background-image: url(../images/core/shadeactive.gif);
	border-bottom-color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
	text-decoration: none;
}

.contentstyle{
	border: 1px solid gray;
	width: 90%;
	margin-bottom: 1em; padding: 10px;
}

/* End of Ajax Tabs */

/* DEBUGGING OPTION */
.debug
{
	background: #99CC00;
	color: white;
	font: bold 12px Tahoma;
	padding: 3px 3px 3px 3px;
}

/* Tooltips Styling */
a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none
}

a.info:hover{z-index:25; background-color:#ff0}
a.info span{display: none}
a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center
}

.highlighted { 
	background-color: #c9eb64;
}

.menu_bottom
{
	background: url(../images/core/small_box_bottom.png);
	background-repeat: no-repeat;
	height: 40px;
}

#Menu ul
{
	list-style-type: none;
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 0;

}

#Menu li
{
	margin: 4px 0 5px 0;
}

#Menu li a
{
	text-decoration: none;
	display: block;
	/*background: #e6e6e6;*/
	color: #555;
	border-top: 1px #fff solid;
	border-bottom: 1px #fff solid;
	margin 0px;
	padding 0px;
	padding-left: 10px;
	width: 145px;
	line-height: 18px;
	height: 18px;
	font-weight: normal;
	border-left: 4px solid #009900;
}

#Menu li a:hover
{
	background-color: #00649f;
	color: #fff;
	text-decoration: none;
}

.navigation_header
{
	background: url(../images/core/small_box_top.png);
	background-repeat: no-repeat;
	height: 40px;
}

#Menu h2
{
	padding-top: 15px;
	padding-bottom: 10px;
	margin-left: 5px;
	font-size: 1.5em;
}

img
{
	border: 0px;
}

.highlightoptions
{

	font-size: larger;
	font-weight: bold;

}

#=========
# End CSS
#=========