/*The Cascading style sheet for the General Status of Wild Species web pages*/


/*--------- NEW STYLES -------------*/

.simple {
 border-collapse: collapse;
 padding: 0px;
 margin: 10px;
}

.simple td, .simple th {
 padding: 3px;
 margin: 0px;
 border: 1px solid #000;
}

.center { text-align: center }
image.left { float: left }
image.right { float: right }

/*--------- Assessments_main.cfm ----------*/

/* RANKS */

.ranks { 
text-align:center; 
font-weight:bold; 
}
.extinct { background:#0000FF; color: #fff; }
.extirpated { background:#660099; color: #fff; }
.atrisk { background:#ff0000; color: #fff;}
.maybeatrisk { background:#ff9933 }
.sensitive { background:#fff000 }
.secure { background:#006600; color: #fff;}
.undetermined { background:#ccc}
.notassessed { background:#666; color: #fff;}
.exotic { background:#000; color: #fff;}
.accidental { background:#00ffff}




/* members.cfm */

div.member-title
{
	height:19px;
	padding: 18px 0 0 0;

}

div.h3
{
	float:left;
	display:block;
	vertical-align:middle;

	font-family : Arial, Helvetica, sans-serif;
	color : #ff9900;
	font-size : 10pt;
	font-weight: bold;
	padding:0 5px 0 0;
}

div.flag
{
	float:left;
	padding: 0 0 0 5px;
}




/*---------- OLD ----------*/

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.underline {
	text-decoration: underline;
}

/*defaults for paragraphs*/
p
{
	margin-left : 10px;
	margin-right : 10px;
	font-family : Arial, Helvetica, sans-serif;
	font-color : #000000;
	font-size : 10pt;
	font-weight: normal;
	margin-bottom : 10px;
}

P.Message
{
	font: Arial, Helvetica, sans-serif;
	color: red;
	margin-left : 15px;	
}

.form
{
	font-weight:Bold;
	line-height:1.5;
}

li
{
	list-style-position : Outside;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 1em;
	font-style : normal;
}

.nospace_top_bottom
{
	margin-top: 0px;
	margin-bottom: 0px;
}

.nospace_top
{
	margin-top: 0px;
}

.nospace_bottom
{
	margin-bottom: 0px;
}


/*defaults for the headings*/
h1
{
	background : #ffffff;
	font-family : Arial, Helvetica, sans-serif;
	color : #6699CC;
	font-size : 14pt;
	font-weight: normal;
}

h2
{
	background : #ffffff;
	/*set the background to white*/
	font-family : Arial, Helvetica, sans-serif;
	/*set the default font to sans-serif fints*/
	color : #ff9900;
	/*set the font colour to same as drop down list colour*/
	font-size : 12pt;
	/*set the font size to 10 points*/
	font-weight: bold;
}

h3
{
	font-family : Arial, Helvetica, sans-serif;
	color : #ff9900;
	font-size : 10pt;
	font-weight: bold;
	margin:0 0 15px 0;
}

th
{
	font-size: 10pt;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-weight: bold;
}
/*the defaults inside a table*/
td
{	
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

/* --- Link Styles --- */			
A:link    /*what to do when a link is displayed*/
{
	font-family: Arial, Helvetica, sans-serif;
	color : #ff9900;
	text-decoration : Underline;
}

A:visited    /*what to do when a link has been visited*/
{    
	font-family: Arial, Helvetica, sans-serif;
	color: #003366; 
	text-decoration : Underline; 
}

A:active /**/
{
	font-family: Arial, Helvetica, sans-serif;
	color : #0000CC;
	text-decoration : none; 
}

A:Hover /*color of the link with a mouse over*/
{
	font-family: Arial, Helvetica, sans-serif;
	color: #3399cc;
	text-decoration: none;
}

/* --- special classes --- */
A.emp
{
	font-family: Arial, Helvetica, sans-serif;
	color: #3399cc;
	text-decoration: underline;
	font-size= larger;
}

/* --- Special footer classes --- */
font.footer
{
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	background: #ffffff;
	line-height: 10pt;
}

/* --- Links on sidebars --- */
A.sidelink:link    /*what to do when a link is displayed*/
{
	font-family: Arial, Helvetica, sans-serif;
	color : #696969;
	text-decoration : None;
}

A.sidelink:visited    /*what to do when a link has been visited*/
{
	font-family: Arial, Helvetica, sans-serif;
	color: #3399cc;
	text-decoration : none;
}

A.sidelink:active /*what to do when a link is pressed*/
{
	font-family: Arial, Helvetica, sans-serif;
	color :#3399cc ;
	text-decoration : none;
}

A.sidelink:Hover /*color of the link with a mouse over*/
{
	font-family: Arial, Helvetica, sans-serif;
	color: #ff9900;
	text-decoration: none;
}

/* --- Text for the legend on the search and search result pages --- */
font.Legend {
 font: 8 pt Arial, Helvetica, sans-serif;
 color: black;
}

font.Message {
 font: 8 pt Arial, Helvetica, sans-serif;
 color: blue;
 margin-left : 15px;	
}

p.Quotes
{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-size : 10pt;
	color:#3399cc ;
}
/* --- Style of the links on the search result pages ---*/
/* --- White for dark coloured boxes and Black for light coloured boxes --- */
A.searchLt:link    /*what to do when a link is displayed*/
{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration : Underline;
	color: white;
}

A.searchLt:visited    /*what to do when a link has been visited*/
{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration : Underline;
	color: Black;
}

A.searchLt:active /*what to do when a link is pressed*/
{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration : Underline;
	color: Black;
}

A.searchDk:link    /*what to do when a link is displayed*/
{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration : Underline;
	color: Black;
}

A.searchDk:visited    /*what to do when a link has been visited*/
{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration : Underline;
	color: Black;
}

A.searchDk:active /*what to do when a link is pressed*/
{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration : Underline;
	color: Black;
}

/*New CSS for new layout begins here.*/

#header {
 display:inline;
 width: 600px;
}
#header #top {
 height: 80px;
}
#header #heading {
 padding: 10px 0 10px 0 ;
 float:left;
}
#header #title {
 color: #000;
 font: italic bold 20px Arial, Helvetica, sans-serif;
 text-align: left;
}
#header #description {
 color: #000;
 font: normal bold 12px Arial, Helvetica, sans-serif;
 text-align: left;
}

#header #randimg {
 float: right;
}
#header #randimg ul {
 text-align: right;
}
#header #randimg ul li {
 display: inline;
}

/*#header #randimg #e {
 background-image:url('../En/images/Title.gif');
 background-repeat:no-repeat;
 background-position: left;
}

#header #randimg #f {
 background-image:url('../Fr/images/Title.gif');
 background-repeat:no-repeat;
 background-position: left;
}*/

#header #navcontainer ul {
margin: 0;
padding: .3em 0em;
list-style-type: none;
text-align: center;
background-color: #66CC66;
border-left: 5px solid #37b44a;
border-right: 3px solid #37b44a;
border-bottom: 2px solid #37b44a;
border-top: 3px solid #37b44a;
}
#header #navcontainer ul li { 
	display: inline;
	color: #37b44a;
	}
#header #navcontainer ul li a {
font-size: 1em;
font-weight: bold;
font-family: Arial, Verdana, Helvetica, sans-serif;
text-decoration: none;
padding: .2em .5em;
color: #fff;
background-color: #66CC66;
}
#header #navcontainer ul li a:hover {
color: #fff;
background-color: #99CC99;
}

/*-------------------------------------------------*/

#footer{
	width:600px;
}

#footer #listlink ul {
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: .2em;
	list-style-type: none;
	text-align: center;
}

#footer #listlink ul li {
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	color: #ff9900;
}

#footer #navcontainer ul {
	margin: 0;
	padding: .2em;
	list-style-type: none;
	text-align: left;
	background-color: #66CC66;
	border-left: 5px solid #37b44a;
	border-right: 3px solid #37b44a;
	border-bottom: 2px solid #37b44a;
	border-top: 3px solid #37b44a;
}

#footer #navcontainer ul li { 
	display: inline; 
	}

#footer #navcontainer ul li a {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	padding: .2em 6%;
	margin-left: 10px;
	color: #fff;
	background-color: #66CC66;
}

#footer #navcontainer ul li a:hover {
	color: #fff;
	background-color: #99CC99;
}

#footer #notes {
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: .2em;
}

#footer #notes ul { 
	padding:0;
	margin:0;
	text-align: right;
}


#footer #notes ul li { 
	display: inline; 
}

ul.nobullets {
	list-style-type: none;
}

li.nobullets {
	list-style-type: none;
}
	
A.linkpage {
	font-family: Arial;
	font-style :Italic;
	font-weight: bold;
	color:#9DCE84;
	font-size:12pt;
}

A.linkpage:visited {    
	font-family: Arial, Helvetica, sans-serif;
	color:#9DCE84;
	text-decoration : Underline; 
}

A.linkpage:active {
	font-family: Arial, Helvetica, sans-serif;
	color:#9DCE84;
	text-decoration : none; 
}

A.linkpage:Hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #3399cc;
	text-decoration: none;
}

#left {
}

#left ul {
	text-align: Left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#left ul li {
}

#left a.menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color : #696969;
	display: block;
	width: 137px;
	text-decoration: none;
	background-image:url('../Images/Divider.gif');
	background-repeat:no-repeat; 
	background-position: left bottom;
	margin-top: 7px;
}

#left a:hover
{
	color: #3399cc;
}