p{
	font-family:"Times New Roman";
	font-size:.8em;
}

#header
{
  text-align:left;
  width:100%;
  padding:0;
}

img
{  border-style: none;
}
/*----------------- Menu toolbar--------------------------- */ 


    #toolbar {
      float:left;
      width:100%;
      background:#BBD9EE;
      font-size:100%;
      line-height:normal;
      margin-bottom:25px;
      }
    #toolbar ul {
	margin:0;
	padding:10px 10px 0 50px;
	list-style:none;
      }
    #toolbar li {
      display:inline;
      margin:0;
      padding:0;
      }
    #toolbar a {
      float:left;
      background:url("../images/tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #toolbar a span {
      float:left;
      display:block;
      background:url("../images/tabright.gif") no-repeat right top;
       padding:7px 15px 4px 6px;
      color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #toolbar a span {float:none;}
    /* End IE5-Mac hack */
    #toolbar a:hover span {
      color:#FF9834;
      }
    #toolbar a:hover {
      background-position:0% -42px;
      }
    #toolbar a:hover span {
      background-position:100% -42px;
      }
    #toolbar .activeR{
      background-position:100% -42px;
    }
    #toolbar .activeL{
      background-position:0% -42px;
    }
/*----------------- admin menu --------------------------- */
.adminmenucontainer {
    float: left;
    width: 200px;
}

.adminmenu a {color: #00637b;
    background-color: #ecfbff;
    padding: 2px;
    padding-left: 3px;
    display: block;
    border-bottom: 1px solid #007ca6;
    font: 12px Arial, sans-serif;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
}

.adminmenu a:hover {
    background-color: #cef3ff;
    color: #000;
    text-decoration: none;
}
.adminmenu ul {
    margin:0;
    padding:0px 0px 10px 20px;
    list-style:none;
}
.adminmenu li {
    display:inline;
    margin:0;
    padding:0;
}

/*----------------- Main --------------------------- */ 
#maindiv {
    float: left;
    margin-left: 2px;
    width:804px;
    text-align:center;
}
#maindiv ul {
    margin:20;
    padding:10px 0px 10px 20px;
    list-style:none;
}
#maindiv li {

    border-bottom:1px dashed #ccc;
}
#maindiv li:hover
{
	color: #339;
}
#maindiv label{
    display: block;
    font-size:.9em;
    font-style:normal;
    width: 100px;
    float: left;
    text-align: right;
}

/*----------------- Datainput step by step ------------- */ 
.clearfloat {clear: both; display: block;}
#mainNav li{
    width:182px;
	height:71px;
	list-style:none;
	float:left;
	background-color:#EBEBEB;
	background-image: url(../images/navBtn.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#mainNav li.current{
	background-color:#C36615;
	background-image: url(../images/navCurrentBtn.gif);
}

#mainNav li.lastDone{
	background-color:#7C8437;
	background-image: url(../images/navLastDoneBtn.gif);
}

#mainNav li.done{
	background-color:#7C8437;
	background-image: url(../images/navDoneBtn.gif);
}

#mainNav li a, #mainNav li a:link, #mainNav li a:visited, #mainNav li a:hover, #mainNav li a:active {
    color:#ccc;
}

#mainNav li.lastDone a, #mainNav li.lastDone a:link, #mainNav li.lastDone a:visited, #mainNav li.lastDone a:hover, #mainNav li.lastDone a:active, #mainNav li.current a, #mainNav li.current a:link, #mainNav li.current a:visited, #mainNav li.current a:hover, #mainNav li.current a:active, #mainNav li.done a, #mainNav li.done a:link, #mainNav li.done a:visited, #mainNav li.done a:hover, #mainNav li.done a:active {
color:#fff;
}

#mainNav li.done a:hover, #mainNav li.lastDone a:hover  {
color:#FFFF99;
cursor:hand;
}

#mainNav li a em{
width:150px;
display:block;
margin:6px 0 10 10px;
font-style:normal;
font-weight:bold;
}

#mainNav li a span{
width:150px;
display:block;
margin-left:10px;
font-weight:normal;
}

#mainNav li.mainNavNoBg{
background-image:none;
}

#mainNav li a{
width:182px;
height:71px;
display:block;
}

/*----------------- Footer --------------------------- */ 
#footer
{
	clear: both;
	background:#BBD9EE;
	padding: .5em 2em;
	height: 65px;
}

#footer #copyright
{
	float: left;
}

#footer #footerlogo
{
	float: right;
}

/*----------------- project introduction --------------------------- */ 
#project
{
  font-size:1.1em;
  float:left;
  width:35%;
  padding:0 0 0 1em;
  margin-right:25px;
}
#project p
{
	text-indent:20px;
}
#project div.statistics{
	background:#C6F5FC;
	border:1px solid #65B5FD;
	margin-bottom:15px;
	padding:5px;
}
#project div.statistics ul{
	list-style-type:none;
	margin:0px;
	padding:5px;
}
#project div.statistics ul li{
	border-bottom:1px dotted gray;	
	font-size:14px;
	text-indent: -2.4em;
	margin-left: 2.4em;
}
#project div.statistics ul li span{
	font-weight:bold;
	padding-right:12px;
	color:red;
}

/*----------------- Search Form --------------------------- */ 
#TFsearch, #analysisToolBox
{
  background:#FCFCFC;
//  border:1px #ccc dashed;
  font-size:1em;
  float:left;
  width:60%;
  margin-top: 10px;
}

#TFsearch fieldset, #analysisToolBox fieldset
{
	border:1px #333 dashed;
	font-size: 1em;
	font-style:italic;
}

#TFsearch fieldset legend, #analysisToolBox fieldset legend
{
	padding:0 .5em 0 .5em;
}

#searchAction1, #searchAction2
{
//	background:#D1EEEE;
	float: left;
	width:49%;
	margin: 1px;
	font-size: .9em;
}
#searchAction3{
	clear:both;
	width:98%;
	margin: 1px;
	font-size: .9em;
}

#searchAction1 fieldset, #searchAction2 fieldset
{
	background:#D1EEEE;
	border:1px #444 dashed;
	min-height:120px;
}
#searchAction3 fieldset{
	background:#D1EEEE;
	border:1px #444 dashed;
}

#searchAction1 fieldset label, #searchAction2 fieldset label, #searchAction3 fieldset label{
    display: block;
    font-size:.9em;
    font-style:normal;
    float: left;
    margin: 4px 4px 6px 4px;
    text-align: right;
}
#searchAction1 fieldset label{
	width: 80px;
}
#searchAction2 fieldset label{
	width: 100px;
}
#searchAction3 fieldset label{
    width: 150px;
}

#searchAction3 fieldset ul{
	list-style-type:none;
	margin:0px;
	padding:5px;
	border-bottom:1px dotted gray;
}
#searchAction3 fieldset ul li{
	display:inline;
    margin:0;
    padding:0;
}
#searchAction3 fieldset ul li textarea{
	width:80%;
}
#searchAction3 fieldset ul li input[type="radio"]{
	float:left;
	width:20px;
}
#searchAction3 fieldset ul li label{
	float:left;
	width:60px;
}

#searchAction1 fieldset select, #searchAction2 fieldset select, #searchAction3 fieldset select
{
	width: 140px;
}

#searchAction1 fieldset br, #searchAction2 fieldset br, #searchAction3 fieldset br
{
	clear: left;
}

#analysisToolBox1, #analysisToolBox2
{
	font-size: .9em;
}

#analysisToolBox1 fieldset p, #analysisToolBox2 fieldset p
{
	font-size: .9em;
	font-style: normal;
}

/*----------------- browselist --------------------------- */ 
#browselist
{
	clear: both;
}
#browselist table
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Sans-Serif";
	font-size: 12px;
	background: #fff;
	margin: 0 45px 45px 45px;
	width: 900px;
	border-collapse: collapse;
	text-align: left;
}
#browselist table th
{
	font-size: 14px;
	font-weight: normal;
	color: #039;
	padding: 10px 8px;
	border-bottom: 2px solid #6678b1;
}
#browselist table td
{
	border-bottom: 1px solid #ccc;
	color: #669;
	padding: 6px 8px;
}
#browselist table tbody tr:hover td
{
	color: #009;
	background: #E0EEEE;
}
/*----------------- browseNaviTool --------------------------- */ 
#browseNaviTool
{
	border-bottom: 1px dashed #ccc;
	font-size: 14px;
	margin-left: 45px;
	margin-right: 45px;
	width:900px;
}

#browseNaviTool #navi
{
	float: right;
}
/*----------------- datalist --------------------------- */ 
#datalist
{
	clear: both;
}
#datalist table
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Sans-Serif";
	font-size: 12px;
	background: #fff;
	margin: 0 15px 15px 15px;
	width: 700px;
	border-collapse: collapse;
	text-align: left;
}
#datalist table th
{
	font-size: 13px;
	font-weight: normal;
	color: #039;
	padding: 10px 8px;
	border-bottom: 2px solid #6678b1;
}
#datalist table td
{
	border-bottom: 1px solid #ccc;
	color: #669;
	padding: 6px 8px;
}
#datalist table tbody tr:hover td
{
	color: #009;
	background: #E0EEEE;
}
#datalist fieldset
{
    padding:0px;
	border:1px #444 dashed;
}
#datalist ul{
    padding:0px;
    margin:0px;
}

#datalist fieldset label
{
    margin-left: 5px;
    display: block;
    font-style:normal;
    width: 40px;
    float: left;
    text-align: right;
}
#datalist fieldset li
{
    padding:0px;
    display: block;
    font-size:.9em;
    font-style:normal;
    min-width: 100px;
    float: left;
    text-align: left;
}

/*----------------- naviTool --------------------------- */ 
#naviTool
{
	border-bottom: 1px dashed #ccc;
	font-size: 14px;
	margin-left: 45px;
	margin-right: 45px;
	width:700px;
}

#naviTool #navi
{
	float: right;
}

/*----------------- tableview --------------------------- */ 
#detailView
{
	clear: both;
	width: 990px;
}

#detailView table
{
	 width: 986px;
	 border: 1px solid #333;
}

#detailView input
{
	 width: 180px;
	 margin-bottom: 5px;
}

#detailView table thead th
{
	 border-bottom: 1px solid #555;
}

#detailView #detailViewTableTop
{
	width: 980px;
	border: 0px;
}

#detailView #detailViewTableRight
{
	width: 500px;
	border: 0px;
	table-layout:fixed;
	margin-right: 5px;
}

#detailView #detailViewTableRight td:first-child
{
	width: 160px;
}

.sequence
{
	word-wrap: break-word;
}

.one-column-emphasis
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 2px;
	text-align: left;
	border-collapse: collapse;
	background-color: #fff;
}

.one-column-emphasis td:nth-child(2n+3),
.one-column-emphasis td:nth-child(2n+2)
{
//	padding: 10px 15px;
	color: #669;
	border-top: 1px solid #e8edff;
}
.one-column-emphasis td:first-child
{
	background: #d0dafd;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	border-top: 1px solid #e8edff;
	font-size: 12px;
	font-weight: normal;
//	padding: 12px 15px;
	color: #039;
    width:180px;
}
.one-column-emphasis tr:hover td
{
	color: #339;
	background: #eff2ff;
}

/*----------------- Form Div --------------------------- */ 

.formdiv {
	font-family: tahoma, verdana, "sans-serif";
	font-size: 12px;
	padding: 20px;
	border: 1px solid #A5A8B8;

	margin-left:20px;
    margin-bottom: 20px;
    text-align: left ;
}

.formdiv table tr td{
    border-top:1px solid #FFF;
    border-bottom:1px solid #FFF;
	font-family: tahoma, verdana, "sans-serif";
	font-size: 12px;
}

.formdiv table tr:hover td
{
	color: #00A;
	background: #EDFFFF;
    border-top:1px solid #CCC;
    border-bottom:1px solid #CCC;
}

.formdiv table tr td.withborder{
	border-top: 1px solid #A5ABBB;
    border-bottom: 1px dashed #A5ABBB; 
    font-size: 14px;
    padding: 4px 4px 4px 20px;
}
.formdiv fieldset {
	margin-top: 20px;
	padding : 15px;
	border: 0px;	
    min-height: 280px;
}

.formdiv legend {
	font-size: 12px;
	color: #15428B;
	font-weight: 900;
}

.formdiv fieldset label {
	float: left;
	text-align: inherit;
	width: 150px;
    margin-top: 5px;
    padding: 4px;
}

.formdiv label span {
	color: #000;
}

.formdiv input, .formdiv select, .formdiv textarea {
	margin-top: 5px;
}

.formdiv select
{
    display:block;
    width:155px;
}

.text-input {
	color: #555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 12px;
	margin-top: 4px;
	background: #FFF;
	
}
.search-input{
	color: #555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 12px;
	margin-top: 4px;
    margin-left: 50px;
	background: #FFF;
    width:300px;
}
.formdiv textarea {
	color: #555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 12px;
	margin-top: 4px;
	background: #FFF;
	
}
.formdiv .infos {
	background: #FFF;
	color: #333;
	font-size: 12px;
	padding: 10px;
	margin-bottom: 10px;
}

.formdiv span.checkbox, .formdiv .checkbox {
	display: inline;
}

.formdiv hr {
	clear: both;
	visibility: hidden;
}

.formdiv ul {
    margin:0;
    padding:20px 20px 10px 20px;
    list-style:none;
}
.formdiv li {
    margin:0;
    padding:0;
}

.formdiv .fc-error {
	width: 350px;
	color: 555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 12px;
	margin-bottom: 15px;
	background: #FFEAEA;
}

.lightbox {
       BORDER-RIGHT: #fff 1px solid;
       BORDER-TOP: #fff 1px solid;
       DISPLAY: block; 
       Z-INDEX: 4999; 
       BACKGROUND: #fdfce9;
       LEFT: 50%; 
       MARGIN: -50px 0px 0px -150px; 
       BORDER-LEFT: #fff 1px solid; 
       BORDER-BOTTOM: #fff 1px solid; 
       POSITION: absolute; 
       TOP: 50%; 
       TEXT-ALIGN: left;
       display: none;
       padding: 20px;
}

.miniTool{
    float:right;
}

.overlay {
      DISPLAY: none;
      Z-INDEX: 4998; 
      LEFT: 0%; 
      WIDTH: 10000px; 
      POSITION: absolute; 
      TOP: 0%; 
      HEIGHT: 10000px; 
      BACKGROUND-COLOR: #000; 
	  MARGIN: -420px -420px;
      moz-opacity: 0.8; 
      opacity: .80;
      FILTER: alpha(opacity=80);	  
}


/********************* GALLERY ************************/
ul#gallery { 
    padding-top:20px;
    list-style:none; 
    position:relative;
    font-size: 12px; 
}
ul#gallery li { 
    border:1px solid #ccc; 
    width:220px;
    height:320px;
    display:block;
    background-color:#cff; 
    float:left; 
    padding:2px;
    margin:2px;
}

ul#gallery li#first {
    border-left:1px solid #ccc; 
}
ul#gallery li button{
    display: block;
    clear: both;
}
ul#gallery li label{
    clear: left;
    display: block;
    float: left;
    text-align: right;
    width: 60px;
    padding: 0px;
}
ul#gallery li:hover ul, ul#gallery li.sfhover ul { 
    top:auto; 
    left:0; 
}
ul#gallery li a {
    clear: right;
    float: left;
    display: block;
    color:#000;
    margin-left: 10px; 
}
ul#gallery li a:hover { 
    background-color:#fafafa; 
}

/********************* searchdiv ************************/
.searchdiv{
    margin:50px;
}
.innersearchdiv{
    position:absolute; 
    top:50%;
    left:35%;
}
.innersearchdiv input{
    margin: 20px;
}