﻿@charset "utf-8";

body 
{
	font-family: Verdana, Arial, Sans-serif;
	color: #666666;
	background-color: #ffffff;
	font-size: 62.5%;
}

#wrap 
{
	float:left;
	position:relative;
	width:100%;
}


/************************** Header ************************/

#wrap_header 
{
	float:left;
	position:relative;
	width:100%;
}

#wrap_img_header
{
	float:left;
	position:relative;
	width:100%;
	background-color:#247fc3;
}

#wrap_img2_header
{
	float:left;
	position:relative;
	width:100%;
	background-image:url(images/bg_path2.png);
	background-repeat:repeat-x;
}

#img2_header_left 
{
	float:left;
	position:relative;
	width:40%;
}

#img2_header_right 
{
	float:right;
	position:relative;
	width:40%;
	padding-top: .5em;
	padding-right: 1em;
	text-align:right;

}

#img2_header_right a 
{
	color:#FFFFFF;
	font-weight:bold;
	font-size: 1em;
	text-decoration:none;
}

#wrap_user_header span
{
	color:#FFFFFF;
	font-weight:bold;
	font-size: 1em;
	text-decoration:none;
}

/************************** Footer ************************/

#wrap_footer
{
	float:left;
	position:relative;
	width:100%;
	background-color:#95b229;
	margin-top: 5em;
	/* z-index: -1; */ 
}

#wrap_footer p
{
	color:#FFF;
	font-size: 1em;
	margin: 1em;
	line-height: 1.5em;
}

#wrap_footer p a
{
	color:#FFF;
	text-decoration:underline;
}

#wrap_footer p img
{
	vertical-align: middle;
	padding-right: .5em;
}

#wrap_footer p a:hover
{
	color:#8e004d;
}

#wrap_footer p a:visited a:link
{
	color:#FFF;
}

.image-right
{
	float:right;
	position:relative;
	margin-top:1.5em;
	margin-right:1em;
	margin-bottom:0.5em;
}


/************************** Menu ************************/

#wrap_menu
{
	float:left;
	position:relative;
	width:18.8em;
	padding: .2em;
}

.header_menu 
{
	background-color:#B9D4AC; 
	padding: 1em;
}

.header_menu a
{
	font-size: 1.3em;
	color: #00446a;
	font-weight: bold;
	padding: .5em;
}

.header_menu a:hover 
{
	color: #8e004d;
	text-decoration:underline;
}

#menu li
{
	background-image:url(images/arrow-normal.gif);
	background-repeat:no-repeat;
	background-position: left top;
	padding-left: 2em;
	padding-top: .2em;
	padding-bottom: .2em;
	border-bottom:#cccccc 1px dashed; 
	font-size: 1.1em;
	color: #495b6b;
	font-weight:bold;
	text-decoration:none;
}


#menu li a
{
	color: #495b6b;
	text-decoration:none;
}

#menu li a:hover
{
	color:#8e004d;
	text-decoration:underline;
}

#menu li ul li 
{
	color:#666666;
	background-image:none;
	font-size: .8em;
	border-bottom:none; 
	padding-left: 3em;
	padding-top: .7em;
	padding-bottom: .7em;
	 /*border-bottom:#cccccc 1px dashed; */
	
}

li#menuSites  
{
    /*background-color:#d2b7a2 ;    */
    background-color:rgba(210,183,162,0.3);
 
}
#menuSites li a
{
    color:#b27f62;
      
}

li#menuSpecies
{
   /* background-color:#aac3ad;*/
    background-color:rgba(170,195,173, 0.3);
}
#menuSpecies li a
{
    color:#74a383;
    /*border-bottom:#cccccc 1px dashed; */
}

li#menuHabitats
{
    /*background-color:#92b1cd;*/
    background-color:rgba(146, 177, 205,0.3);
}
#menuHabitats li a
{
    color:#2a7cab;
}
li#menuViewer 
{
 /*background-color:#b8ac96;*/
 background-color:rgba(184,172,150,0.3);
}

li#menuViewer2 
{
 /*background-color:#b8ac96;*/
 background-color:rgba(184,172,150,0.3);
}

.menuViewerCLass2
{
 /*background-color:#b8ac96;*/
 background-color:rgba(184,172,150,0.3);
}


.menuViewerCLass
{
 /*background-color:#b8ac96;*/
 background-color:rgba(184,172,150,0.3);
}

.menuGallery 
{
 /*background-color:#b8ac96;*/
 background-color:rgba(193,205,220,0.3);
}

li#menuRepors 
{
/*background-color:#C16172; */
background-color:rgba(193,97,114, 0.3);
}

#menuRepors li a
{
color:#C51745;
}
li#menuReleases
{
  /*background-color:#A6B172;*/
  background-color:rgba(166,177,114,0.3);
}
#menuReleases li a
{
color:#5B7931;
}
li#menuDataProducts 
{
/*background-color:#d2a2d9;*/
background-color:rgba(210,162,217,0.3);
}
li#menuAbout 
{
/*background-color:#fe9c27;*/
background-color:rgba(254,156,39,0.3);
}
li#menuDownload 
{
/*background-color:#a0b7d8;  */
background-color:rgba(160,183,216,0.3); 
}
#menuDownload li a
{
color:#658bc1;
}
li#menuBarometer
{
/*background-color:#C16172; */
background-color:#fff3d7;
}

#menuBarometer li a
{
color:#b27e00;
}

li.menuPublicViewer
{
/*background-color:#fe9c27;*/
background-color:#fcd3ff;
}
li.menuTools 
{
/*background-color:#a0b7d8;  */
background-color:rgba(243, 197, 234, 0.30) !important; 
}

.menuTools li a
{
color:#a985bd !important;
}

/************************** CONTENT ************************/

.wrap_content 
{
	margin: 0 20px 0 19em;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 8em;
	padding-top: .8em;
}

.wrap_content h1
{
	color: #00446a;
	font-size: 1.7em;
	margin-top: 0.1em;
	margin-right: 0pt;
	margin-bottom: 0.1em;
	margin-left: 0pt;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e9efcd;
	padding-bottom: 0.25em;
	padding-right: 4em;
	font-weight: bold
}

.wrap_content h3 
{
	font-size: 1.4em;
	margin-top: 1.33em;
	margin-right: 0pt;
	margin-bottom: 1.33em;
	margin-left: 0pt;
	color: #2d749c;
	font-weight: bold;
}

.wrap_content h4
{
	font-size: 1.2em;
	margin-top: 1.33em;
	margin-right: 0pt;
	margin-bottom: 1.33em;
	margin-left: 0pt;
	color: #2d749c;
	font-weight: bold;
}

.wrap_content p 
{
    margin: 1em 0 1em 0;
	line-height: 1.5em;
	color:#000000;
	font-size: 1.1em;
}

.wrap_content a
{
	margin-bottom: 1.33em;
	font-size: 1.1em;
	color: #2a6495;
	text-decoration:none;
}

.wrap_content ul
{
	/*font-size: 1.1em;*/
	color: Black;
	line-height:1.5em;
}

.wrap_content a:hover
{
	color: #8e004d;
	text-decoration:underline;
}

.wrap_content .mailto
{
	background-image:url(images/mail_icon.gif);
	background-repeat:no-repeat;
	padding-left: 1.6em;
	font-size: 1em;
	color: #2a6495;
	text-decoration:none;
}

.wrap_content .mailto:hover
{
	color: #8e004d;
	text-decoration:underline;
}


.content_table 
{
	border-collapse:collapse;
	border: 1px solid #b6b6b6;
	margin:0;
	padding:0;
	
}

.content_table td 
{
	border:1px solid #b6b6b6;
	border-collapse:collapse;
	margin:0;
	padding:0;
	padding:.2em .5em;
}

.content_table th
{
	border:1px solid #b6b6b6;
	border-collapse:collapse;
	margin:0;
	padding:0;
	padding:.2em .5em;
	font-weight:bold;
}

#wrap_content .tree 
{
	font-size: 1.1em;
}

#wrap_content .tree a
{
	color: #666666;
}

#wrap_content .species:hover
{
	text-decoration: underline;
}

.searchBoxMail
{
	background-color: #e9efcd;
	color:#000000;
	display:block;
	width:45em;
	margin: 0 auto 0 auto;
}
.searchBoxMail p
{
	margin: .5em 0 0 0;
	font-weight: bold;
}
.searchBox
{
	background-color: #e9efcd;
	color:#000000;
	display:block;
	width:36em;
	margin: 0 auto 0 auto;
}

.searchBox p
{
	margin: .5em 0 0 0;
	font-weight: bold;
}

.searchBox label
{
	font-size:1.1em;
	margin-left: .3em;
}

.searchBoxEnvelope
{
	background-color: #e9efcd;
	color:#000000;
	display:block;
	width:50em;
	margin: 0 auto 0 auto;
}

.searchBoxTitle
{
	font-size: 1.3em;
	font-weight: bold;
	color: #00446A;
	text-align: center;
}

.searchBox ul
{
    font-size:1em !important;
}

.statsTable
{
	border-color: #666666 !important;
}

.statsTable tbody, tr, th, td
{
	border-color: #666666;
}

.statsTable td, th 
{
	padding: 0.4em 0.4em 0.4em 0.4em;
}

.quicklinksTitle
{
	color: #666666 !important;
	font-size: 1.1em;
}

/* SITES */

.googleEarth_link
{
	font-weight: bold !important;
	color: #0953CD !important;
}

.mapViewer_link
{
	font-weight: bold !important;
	color: #7FB00A !important;
}

.disabled_link
{
	font-weight: bold !important;
	color: Gray;
	text-decoration: none;
}


.CompletionListCssClass
{
	font-size: 11px;
    color: #000;
    padding: 3px 5px;
    border: 1px solid #999;
    background: #fff;
    width: 300px;
    float: left;
    z-index: 1;
    list-style: none;
}

/* RELEASE LOGS */

.GridLogHeader
{   
    color:White;
    font-weight:bold;
    font-size:small;
    background-color:#89A9C3; 
}

.GridLogItem
{
    font-size: small;
    text-align: right;
}

/* RELEASES */

.GridHeader
{   
    color:White;
    font-weight:bold;
    font-size:small;
    background-color:#89A9C3;
  
}

.GridHeader a
{
    text-decoration: none; 
    padding: 0px 10px 0px 0px;    
    color:White;
    font-weight:bold;
    font-size:small; 
    background-color:#89A9C3; 
     
}

.GridHeader a:hover
{
    text-decoration: none;  
    color:White;
    background-color:Gray; 
     
}

.GridHeader  th
{  
    border-left: 0px;  
    border-right: 0px;  
    text-align : left;
}

.GridHeader  th:first-child
{
    width:5px;
    text-align : right;
    border-right: 0px;  
}

.GridHeader th:nth-child(2)
{
    width:5px;
    text-align : left;
    border-left: 0px;  
}

.GridHeader th:nth-child(3)
{
   
    text-align : left;
    border-right: 0px;  
    border-left:1px solid gray;  
}


.GridItem
{
    font-size:small;
    text-align : center;
}

.GridItemSelectorRight 
{
    width:5px;
    text-align : right;
    border-right: 0px;   
}


.GridItemSelectorLeft
{
    width:5px;
    text-align : left;
    border-left: 0px;  
}

.GridItemSelectorLeftRight
{ 
    text-align : left;
    border-left: 0px;
    border-right: 0px;    
}



.GridHeaderSortASC A 
  { background: url(images/up_arrow.png) no-repeat 100% 50%; }
.GridHeaderSortDESC A 
  { background: url(images/down_arrow.png) no-repeat 100% 50%; }



.ovalbutton{
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
cursor:pointer;
font: normal 13px Tahoma; 
line-height: 12px; 
height: 24px; 
padding-left: 11px; /* Width of left menu image */
padding-right: 11px;
text-decoration: none;
text-align: center;
margin-bottom:10px;
}



.mainButton
{
  color: #ffffff;
  font-weight:bold;
  background:url("images/tab_active.gif") repeat-x; 
}

.PanelTitle
{
    text-align: left;  
    font-weight:bold;
    font-size:small; 
    color: white;
    background-color: #719DDB;
    cursor: pointer;         
}

.tblReleases, .tblDiscardPackages, .tblFiles
{
    width:100%;
    margin-top: 5px;
    margin-bottom: 5px;
}
.tblReleases td, .tblDiscardPackages td, .tblFiles td
{
    padding: 5px;
}
.PanelTitle
{
background-color:#e6e6e6;
border:dashed 1px;
border-top:dashed 1px;
color:Black;
font-size:small; 
height:25px;
margin-bottom:5px;
margin-top:5px;

}

.PanelTitle h2
{
    padding-left:40px;
    padding-top:3px;   
    font-size:small;    
}

.imgbtn
{
    position:absolute;
    margin-top:-3px
}

.PanelBody
{
 border-style:none none  double none;
}

/*Header*/
.Tab .ajax__tab_header
{
    color: #4682b4;
    font-family:Calibri;
    font-size: 14px;
    font-weight: bold;
    background-color: #ffffff;
    margin-left: 0px;
}
/*Body*/
.Tab .ajax__tab_body
{
    border:1px solid #b4cbdf;
    padding-top:0px;
}
/*Tab Active*/
.Tab .ajax__tab_active .ajax__tab_tab
{
    color: #ffffff;
    background:url("images/tab_active.gif") repeat-x;
    height:20px;
}
.Tab .ajax__tab_active .ajax__tab_inner
{
    color: #ffffff;
    background:url("images/tab_left_active.gif") no-repeat left;
    padding-left:10px;
}
.Tab .ajax__tab_active .ajax__tab_outer
{
    color: #ffffff;
    background:url("images/tab_right_active.gif") no-repeat right;
    padding-right:6px;
}
/*Tab Hover*/
.Tab .ajax__tab_hover .ajax__tab_tab
{
    color: #000000;
    background:url("images/tab_hover.gif") repeat-x;
    height:20px;
}
.Tab .ajax__tab_hover .ajax__tab_inner
{
    color: #000000;
    background:url("images/tab_left_hover.gif") no-repeat left;
    padding-left:10px;
}
.Tab .ajax__tab_hover .ajax__tab_outer
{
    color: #000000;
    background:url("images/tab_right_hover.gif") no-repeat right;
    padding-right:6px;
}
/*Tab Inactive*/
.Tab .ajax__tab_tab
{
    color: #666666;
    background:url("images/tab_Inactive.gif") repeat-x;
    height:20px;
}
.Tab .ajax__tab_inner
{
    color: #666666;
    background:url("images/tab_left_inactive.gif") no-repeat left;
    padding-left:10px;
}
.Tab .ajax__tab_outer
{
    color: #666666;
    background:url("images/tab_right_inactive.gif") no-repeat right;
    padding-right:6px;
    margin-right: 2px;
}
/*------loading page --------*/
  .loading{
        text-align: center;
        font-weight: bold;
        font-size:20px;
    }
    
/*-----------------------------------*/

.modalBackground
    {
        background-color: Black;
        filter: alpha(opacity=40);
        opacity: 0.4;
    }
    .modalPopup
    {
        background-color: #FFFFFF;
        width: 300px;
        border: 3px solid #0DA9D0;
    }
    .modalPopup .header
    {
        background-color: #2FBDF1;
        height: 30px;
        color: White;
        line-height: 30px;
        text-align: center;
        font-weight: bold;
    }
    .modalPopup .body
    {
        min-height: 50px;
        line-height: 30px;
        text-align: center;
        font-weight: bold;
    }
    .modalPopup .footer
    {
        padding: 3px;
    }
    .modalPopup .yes, .modalPopup .no
    {
        height: 23px;
        color: White;
        line-height: 23px;
        text-align: center;
        font-weight: bold;
        cursor: pointer;
    }
    .modalPopup .yes
    {
        background-color: #2FBDF1;
        border: 1px solid #0DA9D0;
    }
    .modalPopup .no
    {
        background-color: #9F9F9F;
        border: 1px solid #5C5C5C;
    }
/*error*/
.lblText
{
    font-size: 1.5em;
}

.LabelError2
{
	color: Red;
}
.lblMail
{
	font-size: 1.5em;
}

#dataListProduct
{
	font-size: 1.3em;
}

#dataListProduct p
{ 
	font-size: 0.9em;
}

#barometerList
{
	font-size: 1.3em;
}

#barometerList p
{ 
	font-size: 0.9em;
	margin: 0px; 
	text-indent: 0px;
	 -qt-block-indent: 0;
}
.ErrorNameRelease{
    color: Red;
    text-align: right;
    
}

.fmes-form-component
{
	font-size: 1.3em;
	line-height: 2.5em;
}

.fmes-form-component label 
{
    margin-top: 7pt;
	margin-bottom: 7pt;
    min-width: 200px;
    display: inline-block;
}


#options .SourceDataset_MDB_From.fmes-form-component label
{
	margin-right: 5pt;
}


#options .SourceDataset_MDB_TO.fmes-form-component label
{
	margin-right: 18pt;

}

.filesEnvelopes {
    text-align: left !important;
}

#options .Message.fmes-form-component textarea { 
    width: 545px;
    height: 200px;
}


#options .EnvelopeLink.fmes-form-component {
    display: none;
}

#options .email_notifier.fmes-form-component input
{
    font-family: Verdana, Arial, Sans-serif;
    width: 40em;
}

#options .SourceDataset_MDB_TO.fmes-form-component input {
    margin-left: 5pt;
	font-family: Verdana, Arial, Sans-serif;
}

#options .SourceDataset_MDB_From.fmes-form-component input {
    margin-left: 5pt;
	font-family: Verdana, Arial, Sans-serif;
}

#DeliveryDatecombo select {
    width: 350px;
}

#MSCombo select {
    width: 130px;
}

.searchBoxTools
{
	background-color: #e9efcd;
	color:#000000;
	display:block;
	width:40em;
	margin: 0 auto 0 auto;
}

.searchBoxTools p
{
	margin: .5em 0 0 0;
	font-weight: bold;
}

.searchBoxTools label
{
	font-size:1.1em;
	margin-left: .3em;
}