@charset "utf-8";
/*@import url(https://fonts.googleapis.com/css?family=Open+Sans);*/

@import url("//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,800normal,400,300,700,800");

body 
{
	background-color: #ffffff;
	font-size: 70%;
	font-family: 'Open Sans' !important;
}

#wrap 
{
	float:left;
	position:relative;
	width:100%;
}
}



.btnForm
{
    padding-top: 15px;
}


/************************** Header ************************/

#wrap_header 
{
	width:100%;
	/*background-color:#e5f4f3;*/
	text-align:center;
	background-image: url(images/Top_BC_Repeat.png);
    background-repeat: inherit;
    display: block;
}

#wrap_header_left
{
	float:left;
    width: 10%;	
    text-align: left;
}

#wrap_header_right
{
	float:right;
	text-align: right;
	padding-right: 0em; 
	width: 10%;
    
}
#wrap_header_center
{
	display:inline-block;
	padding-top: 4em;
	width: 80%;
	float: inherit;
}
#wrap_header_right_top
{
    top: auto;
    color:#1f1f1f;
    font-weight: 600;
}
#wrap_header_right_top a
{
    color: #0066cc;
    
    
}

#wrap_header_right_top a:hover
{
    color: #0066cc;
   
    
}

#wrap_header_right_bottom
{
    /*padding-top: 80px;*/
    text-align: right;
    font-weight: 800;
    color: White;
}

#wrap_header_right_bottom a
{
    color:#ffffff;
   
}
#wrap_header_right_bottom a:hover
{
    color:#ffffff;
   
}

#words_Banner
{
    font-weight: 600;
    font-size: 15pt;
    color: White;
}
/************************** Footer ************************/

#wrap_footer
{
	float:left;
	position:relative;
	width:100%;
	/*background-color:#95b229;*/
	background-color:#123751;
	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;
	padding-top: .8em;
	background-color: White;
	font-family: 'Open Sans' !important;
    
}


#menu .menuSites
{
	background-image:url(images/vineta-menu.png);
	background-repeat:no-repeat;
	background-position: .7em .7em;
	padding-left: 2em;
	padding-top: .2em;
	padding-bottom: .2em;
	font-size: 1.2em;
	color: #000000;
	font-weight:bold;
	text-decoration:none;
	background-color:#e5f4f3;
	font-weight: 800;
	font-style:  normal;
    
}

#menu .menuSites a
{
	text-decoration: none;
	color: #000000;
}

#menu .menuSitesUL
{
    color: #666666;
	padding-left: 3.4em;
	padding-top: .7em;
	padding-bottom: .7em;
	font-weight: 400;
	font-style:  normal;
	font-size: 1.1em;
    
}

#menu .menuSitesUL a
{ 
    color: #666666;
    text-decoration: none;
}

#menu .menuSitesUL_top
{
    padding-bottom: 0.7em;
}

#menu .menuSitesUL_bottom
{
    padding-top: 0.7em;
}


/************************** CONTENT ************************/

.NotReleases
{
    font-size:1.6em;
    font-variant: normal;
    font-weight: 400;
     padding-top: 1.2em;
}


.treeviewSpecies table tr td
{
    font-size: 1em !important;
    font-weight: 600;
    font-variant: normal;
    
}

.SubtitleContent
{
    font-size: 1.1em;
    font-weight: 600;
    font-variant: normal;
    margin-top: 1.2em;
}

.wrap_content 
{
	margin: 0 20px 0 19em;
	padding-left: 2em;
	padding-right: 1em;
	padding-top: .9em;
	font-family: 'Open Sans' !important;
}

.wrap_content h1
{
	color: #1f1f1f;
	font-size: 1.7em;
	margin-right: 0pt;
	margin-bottom: 0.1em;
	margin-left: 0pt;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e5e5e5;
	padding-bottom: 0.25em;
	padding-right: 4em;
	font-weight: 800;
}

.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: #000000;
	font-weight: 800;
}

.wrap_content p 
{
    margin: 1em 0 1em 0;
	line-height: 1.5em;
	color:#000000;
	font-size: 1.2em;
	font-weight: 600;
    font-variant: normal;
}

.wrap_content a
{
	margin-bottom: 1.33em;
	font-size: 1.1em;
	color: #0066cc;
	text-decoration:none;
	font-variant: normal;
}

.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 
{
    margin:0;
	padding:0;
	font-weight: 600;
	padding-top: 4em;
	width: 100%;
	border-collapse:collapse;
}

.content_table td 
{
	margin:0;
	padding:0;
	padding:.2em .5em;
	color:#999999;
	font-size: 0.7em;
}

.content_table th
{
    padding-bottom: 1em;
    color: #000000;
    font-weight: 800;
    font-size: 1em;
    border-bottom: 0px;
    
}
.content_table td a
{
    color: #0066cc;
    text-decoration: none !imporant;
}
.content_table td a:hover
{
    color: #0066cc;
    text-decoration: none !imporant;
}
.tableBorder
{
     border: 1px solid #e5e5e5; 
    border-left: 0px solid; 
    border-right: 0px solid;
    border-top: 0px solid;
}

.tableEmeraldlinks
{
    padding-top: 4.2em;
	font-size: 1.5em !important;
}

#wrap_content .tree 
{
	font-size: 1.1em;
}


#wrap_content .tree a
{
	color: #666666;
}

#wrap_content .species:hover
{
	text-decoration: underline;
}

.searchBoxMail
{
	color:#1f1f1f;
	display:block;
	width:45em;
	margin: 0 auto 0 auto;
}
.searchBoxMail p
{
	margin: .5em 0 0 0;
	font-weight: 800;
	padding-bottom: .6em;
    padding-top: .6em;
    font-size: 1.2em;
}

.searchBoxMail input[type=submit] {
    padding-bottom: 15px;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    background: #00938e;
    color: #FFFFFF;
    font-weight: 800;
    border:0 none;
    cursor:pointer;
    
}

.searchAdvancedBox
{
    color:#1f1f1f;
	display:block;
	width:36em;
	margin: 0 auto 0 auto;
}

.searchAdvancedBox p
{
	margin: .5em 0 0 0;
	font-weight: 800;
    padding-bottom: .6em;
    padding-top: .6em;
    font-size: 1.2em;
}

.searchAdvancedBox label
{
	font-size: 0.8em;
	margin-left: .3em;
}

.searchAdvancedBox input[type=text] 
{
    height: 25px;
}

.SelectButton
{
     width:4%; 
     float:left; 
     margin-top: 2em;
     text-align:center
}
.SelectButton input[type=submit] 
{
   background-color:#00938e;
   border-color: #00938e;
   color: #FFFFFF;
   text-align:center;
}

.searchBox
{
	color:#1f1f1f;
	display:block;
	width:36em;
	margin: 0 auto 0 auto;
}

.searchBox p
{
	margin: .5em 0 0 0;
	font-weight: 800;
    padding-bottom: .6em;
    padding-top: .6em;
    font-size: 1.2em;
}

.searchBox label
{
	font-size: 0.8em;
	margin-left: .3em;
}

.searchBox input[type=text] 
{
    height: 25px;
}
.searchBox select
{
    height: 25px;
}

.searchBox input[type=submit] {
    padding-bottom: 15px;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    background: #00938e;
    color: #FFFFFF;
    font-weight: 800;
    border:0 none;
    cursor:pointer;
}

.GoButton
{
    margin-left: 8em;
    text-align: center;
}

.GoButton input[type=submit]
{
     padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 25px;
    padding-right: 25px;
    background: #00938e;
    color: #FFFFFF;
    font-weight: 800;
    border:0 none;
    cursor:pointer;
}


.FilterButton
{
    width: 8em;
    float:right;
}
.FilterButton input[type=submit]
{
    padding-bottom: 5px;
    padding-top: 4px;
    background: #00938e;
    color: #FFFFFF;
    font-weight: 800;
    border:0 none;
    cursor:pointer;
}

.searchBoxTitle
{
	font-size: 1.6em;
	font-weight: 800;
	color: #1f1f1f;
	text-align: center;
}

.searchBox ul
{
    font-size:1em !important;
}


.quicklinksTitle
{
	color: #666666 !important;
	font-size: 1.1em;
}

/*dataproducts*/

.dataproducts
{
    padding:5em 0em 4em 0em;
}

.dataproducts p
{
    font-size: 0.8em;
    font-weight: 400;
    font-variant: normal;
}

/* SITES */

#SitesList_HelpDiv 
{
    font-variant: normal;
    font-weight: 400;
}
##SitesList_MessageLabel
{
     font-variant: normal;
    font-weight: 400;
}


.googleEarth_link
{
	font-weight: 600 !important;
	color: #0066cc !important;
	font-variant: normal;
	
}

.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: #00938e;
    border-color: #00938e !Important; 
}

.GridLogItem
{
    font-size: small;
    text-align: right;
}

/* RELEASES */

.GridHeader
{   
    color:White;
    font-weight:bold;
    font-size:small;
    background-color:#00938e;
  
}

.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;
    border-color: #00938e;
    padding-top:0px;
}

.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: 32px; 
/*padding-left: 11px; 
padding-right: 11px;*/
text-decoration: none;
text-align: center;
/*margin-bottom:10px;*/

padding-bottom: 15px;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    background: #00938e;
    color: #FFFFFF;
    font-weight: 800;
    border:0 none;
}



.mainButton
{
  color: #666666;
  font-weight:bold;
  background: #e5f4f3 !important;
  /*background:url("images/tab_active.gif") repeat-x; */
}

.PanelTitle
{
    text-align: left;  
    font-weight:bold;
    font-size:small; 
    color: white;
    background-color: #00938e;
    cursor: pointer;         
}

.tblReleases, .tblDiscardPackages, .tblFiles
{
    width:100%;
    margin-top: 5px;
    margin-bottom: 5px;
    border-color: #00938e;
    
}

.tblReleases th, .tblDiscardPackages th, .tblFiles th
{
    background-color: #00938e;
}

.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: #00938e;
    /*font-family:Calibri;*/
    font-size: 14px;
    font-weight: bold;
    background-color: #ffffff;
    margin-left: 0px;
}
/*Body*/
.Tab .ajax__tab_body
{
    border-top:1px solid #00938e;
    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 #00938e;
        font-size: 1.2em;
    }
    .modalPopup .header
    {
        background-color: #00938e;
        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 input[type=submit] 
    {
       /* padding-bottom: 15px;
        padding-top: 10px;
        padding-left: 15px;
        padding-right: 15px;*/
        background: #00938e;
        color: #FFFFFF;
        font-weight: 800;
        border:0 none;
        cursor:pointer;
    }
    
    .modalPopup .yes, .modalPopup .no
    {
        height: 23px;
        color: White;
        line-height: 23px;
        text-align: center;
        font-weight: bold;
        cursor: pointer;
    }
    .modalPopup .yes
    {
        background-color: #00938e;
        border: 1px solid #00938e;
    }
    .modalPopup .no
    {
        background-color: #00938e;
        border: 1px solid #00938e;
    }
/*error*/

.LabelError2
{
	color: Red;
}
.lblMail
{
	font-size: 1.5em;
}

#dataListProduct
{
	font-size: 1.2em;
    font-variant: normal;
    font-weight: 600;
}

#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;
}

.labelNoRelease
{
    font-weight: 400;
    font-variant: normal;
    font-size: 1.5em;
    Text-align: center;
    width: 100%;
}

.ErrorNameRelease{
    color: Red;
    text-align: right;
    
}

.html_content 
{
	margin: 0 20px 0 7em;
	padding-left: 2em;
	padding-right: 1em;
	padding-top: .9em;
	font-family: 'Open Sans' !important;
}

.html_content h1
{
	color: #1f1f1f;
	font-size: 1.7em;
	margin-right: 0pt;
	margin-bottom: 0.1em;
	margin-left: 0pt;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e5e5e5;
	padding-bottom: 0.25em;
	padding-right: 4em;
	font-weight: 800;
}

.html_content p 
{
    margin: 1em 0 1em 0;
	line-height: 1.5em;
	color:#000000;
	font-size: 1.2em;
	font-weight: 400;
    font-variant: normal;
}

.fmes-form-component
{
	font-size: 1.3em;
	line-height: 2.5em;
}

.fmes-form-component label
{
	margin-right: 5pt;
	margin-top: 7pt;
	margin-bottom: 7pt;
    min-width: 200px;
    display: inline-block;
}

#options .email_notifier.fmes-form-component input
{
    font-family: Verdana, Arial, Sans-serif;
    width: 40em;
}
.filesEnvelopes {
text-align: left !important;
}

#options .SourceDataset_XLSXR.fmes-form-component input {
    margin-left: 5pt;
	font-family: Verdana, Arial, Sans-serif;
}