/* Start of CMSMS style sheet 'ebfrip_style' */
/*
    CMS Made Simple  : Main CSS
    Created by : Benjamin Magits
    Upgrade by : Jeremy Michel 
    Morris & Chapman
    
    Browser proof list : 
    --------------------
    Windows : IE 7.0+, Firefox 2.0+
    MacOSx :  Safari 1.3.2+, Firefox 2.0+, IE not supported anymore
    Linux : not tested
*/

.search-results {}
.search-results ul {padding:0; margin:0; list-style-type:none; border:1px solid #b7b7b7;}
.search-results ul li {padding: 5px 0 5px 20px; list-style-image:none;}
.search-results ul li.odd { background:#efefef url(uploads/theme/list-bullet.png) no-repeat 5px 5px;}
.search-results ul li.even { background:#ffffff url(uploads/theme/list-bullet.png) no-repeat 5px 5px;}
.search-results ul li a {text-decoration:none;}

.links-box ul {list-style-type:none; margin:0; padding:0;}
.links-box ul li {}

body {
    margin: 0em 0em 0em 0em; /* Top Right Bottom Left */
    padding: 0em 0em 0em 0em; /* Top Right Bottom Left */
    font-family: Trebuchet MS, verdana, arial, helvetica, sans-serif;
    font-size: 76%; /* font sizing in ems. if you want to change anything, just change this.*/
    color: #606060;
    background: #b2b2b2;
}

/* Default links apparence*/

a {
    color:#00a0da;
    text-decoration: none;  
}

a:hover {
    text-decoration: underline;
}

form {
    margin: 0em 0em 0em 0em; /* Top Right Bottom Left */
}

/* headers */
h1 {
    font-size:18px; /* font sizing in ems. if you want to change anything, just change this.*/
    color: #00a0da;
    font-weight:normal;
}


h2 {
    font-size: 2em;
    margin: .5em 0em .5em 0em; /* Top Right Bottom Left */
    font-weight: normal;
    letter-spacing: 2px;
}

h3 {
    font-size: 1.4em;
    margin: 0em 0em .5em 0em; /* Top Right Bottom Left */
    font-weight: normal;
    color:#00a0da;
    }
    
h4 {
    font-size: 12px;
    font-weight:normal;
    color:#d36a0a;
}

h5 {
    font-size: 1.0em;
    margin: 1.2em 0em 1.2em 0em; /* Top Right Bottom Left */
    font-weight: bold;
}

h6 {
    font-size: 0.8em;
    margin: 1.2em 0em 1.2em 0em; /* Top Right Bottom Left */
    font-weight: bold;
}

/* other native html tag */

img {
    border: 0;
}

p {
    font-size: 1em;
    line-height: 1.5em;
}

pre {
    font-family: monospace;
    font-size: 1.0em;
}

/* Only useful for cms ms */

dfn{
    display:none;
}

/* Useful classes for many  Web layout */

.left{
    float:left;
}

.right{
    float:right;
}

.clear{
    clear:both;
}

/*______________________________*/
/*LAYOUT - ID SELECTORS         */

/* PageWrapper is the main container. It defines the main width/height of the site. Only width/height should be changed in this ID Selector */
div#PageWrapper{
    width:990px; /*Change this value to modify global site width*/
    padding: 0em 0em 0em 0em; /* Top Right Bottom Left */
    margin: 0em auto 0em auto; /* Top Right Bottom Left : Change left & right margin to align layout left/right (default:auto->centered layout) */ 
    background:#FFF; 
}

div#LeftMenu{
    float: left;
    padding:0 0 0 0;
    width:255px;
}

div#LeftMenu ul{
    list-style-type:none;
    padding:20px 10px 10px 0px ;
    margin:0 0 0 10px;
    background-color:#f4f4f4;
    border:1px solid #d5d5d5;
}

div#LeftMenu ul ul{
    border:0px solid #d5d5d5;
    margin:0px;
    padding:0px;
}

div#LeftMenu li{
    list-style-type:none;
    padding:0 0 5px 15px;
    margin:0 0 0 10px;
    background-image:url(images/menu-main-arrow.gif);
    background-repeat:no-repeat;
}

div#LeftMenu li li{
     background-image:url(images/sep_submenu.gif);
     background-repeat:no-repeat;
     padding:5px 0 5px 15px;
     border-bottom:1px solid #dedede;
}

div#LeftMenu h3{
    font-size:12px;
    padding:0;
    margin:0;
    color:#d36a0a;
}

div#InnerMain{
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    width: 647px;
    /*background: #FFFFFF;*/
}

div#InnerMain-2{
    float:left;
    width: 945px;
    padding-left: 20px;
    padding-right: 20px;
    /*background: #FFFFFF;*/

}

div#SideBarLeft{float:left; padding:0 20px; width:400px; }

div#SideBarRight {
    float: right;
    width: 183px;
    padding-right: 20px;
    background: #FFFFFF;
}

div#SideBarRightInner {
    float: right;
    width: 276px;
    padding: 35px 20px 0 0;
    background: #FFFFFF;
}

div#SideBarBottom{
    clear:left;
}

div#HomeMain {
    overflow: hidden;
}

div#bottomBar{
    padding:15px 20px;
    background: #FFFFFF;
    vertical-alignement: middle;
    clear: both;
}

#Topnav{
    height: 30px;
    clear: both;
    background-color:#FFF;
    border-top: 3px solid #00a0da;
    padding: 5px 20px 0 20px;
}

#Topnav ul{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    height: 27px;
}

#Topnav ul li{
    float: right;
    margin-right:10px;
    padding:0;  
}

#Topnav ul li a{
    display: block;
    padding: 0 7px 4px 0;
    background-image:url("images/p_grey.gif");
    background-position: right;
    background-repeat: no-repeat;
    color: #006cb4;
}

#Header{
    height:75px;
    clear:both;
    background-color:#FFF;
    padding-left: 20px;
    padding-right:20px;
}

#navcontainer{
    margin:0;
    padding:0 20px 5px 20px;
}

#navcontainer ul{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    height: 27px;
}

#navcontainer ul li{
    float: left;
    margin:0;
    padding:0;  
}

#navcontainer ul li a{
    display: block;
}

.aboutus a{
    background-image:url("images/m_aboutus.gif");
    background-repeat: no-repeat;
}
.aboutus a:hover{
    background-image:url("images/m_aboutus_on.gif");
    background-repeat: no-repeat;
}

.aboutbfrs a{
    background-image:url("images/m_aboutbfrs.gif");
    background-repeat: no-repeat;
}
.aboutbfrs a:hover{
    background-image:url("images/m_aboutbfrs_on.gif");
    background-repeat: no-repeat;
}

.keytopics a{
    background-image:url("images/m_keytopics.gif");
    background-repeat: no-repeat;
}
.keytopics a:hover{
    background-image:url("images/m_keytopics_on.gif");
    background-repeat: no-repeat;
}

.press a{
    background-image:url("images/m_press.gif");
    background-repeat: no-repeat;
}
.press a:hover{
    background-image:url("images/m_press_on.gif");
    background-repeat: no-repeat;
}

.resourcecentre a{
    background-image:url("images/m_resourcecentre.gif");
    background-repeat: no-repeat;
}
.resourcecentre a:hover{
    background-image:url("images/m_resourcecentre_on.gif");
    background-repeat: no-repeat;
}

.contactus a{
    background-image:url("images/m_contactus.gif");
    background-repeat: no-repeat;
}
.contactus a:hover{
    background-image:url("images/m_contactus_on.gif");
    background-repeat: no-repeat;
}

#Breadcrumbs {
    font-size:90%;
    text-align:right;
    padding-right: 20px;
    clear: both;
    height: 25px;
    color: #00a0da;
}

#Content {
    height:100%;
    margin:0;
    padding-bottom:0px;
}

#hnewsbox{
    border: 1px solid #d5d5d5;
    width: 31px;
}

.hnb_content{
    margin: 0;
    padding: 0 13px 13px 13px;
    background: #F4F4F4;
    color: #606060;
    width:310px;
}

.hnb_content p{
    margin: 0;
    padding: 0;
}

.hnb_date{
    color: #d36a0a;
    font-weight: bold;
}

.hnb_title{
    color: #d36a0a;
    font-weight: normal;
}

.news-doc{
    margin-top:18px;
}

#docbox{
    border: 1px solid #d5d5d5;
    width: 100%;
    margin:15px 20px 5px 0;
       background-color:#f4f4f4;
}



.docbox_content{
    margin: 0;
    padding: 0 13px 13px 13px;
    background: #F4F4F4;
    color: #606060;
    width:100%;
}

.docbox_content p{
    margin: 0;
    padding: 0;
}

.doc_date{
    color: #d36a0a;
    font-weight: bold;
}

.doc_title{
    color: #d36a0a;
    font-weight: normal;
}

div#SideBarLeft p{
    line-height: 18px;
}

#home_fbox{
    background: #F9F9F9;
    width: 183px;
}

#fbox_content{
    padding: 0 13px 0 13px;
    margin: 0;
}
#fbox_content p{
    padding: 0;
    margin: 0;
}

a.ablue{
    color: #47c5f2;
    text-decoration: none;
}

a.ablue:hover{
    color: #47c5f2;
    text-decoration: none;
}

a.agrey{
    color: #606060;
    text-decoration: none;
}

a.agrey:#606060{
    color: #47c5f2;
    text-decoration: none;
}

div#Footer {
    clear: both;
    border-top: 3px solid #d36a0a;
    background: #b2b2b2;
    padding-top: 3px;
    color: #FFFFFF;
    height:25px;  
}

div#extranav{
    float:left;
    /*background: #b2b2b2;*/
}

div#disclaimer{
    float:right;
    /*background: #b2b2b2;*/
}

div#Footer a{
    color: #FFFFFF;
    text-decoration: none;
}
div#Footer a:hover{
    color: #FFFFFF;
    text-decoration: underline;
}

#headerimg{
    margin:0;
    padding:0;
    clear:both;
}
#headerimg p{
    margin:0;
    padding:0;
}

.page_title{
    padding: 0px 0 0px 0;
    font-family: Trebuchet MS, verdana, arial, helvetica, sans-serif;
    font-size: 22px; /* font sizing in ems. if you want to change anything, just change this.*/
    color: #00a0da;
    height: 45px;
    background: url('images/bgtitle.gif');
    background-position: bottom left;
    background-repeat: no-repeat;
}

.search{
    background-image:url("images/search-back.gif");
    background-repeat:no-repeat;
    width:141px;
    height:25px;
    padding:3px 0 0 10px;
    
}
input.search-input{
    width:97px;
    height:15px;
    float:left;
    border:1px solid #e2e2e2;
    color:#139cd4;
    font-size:11px;
    letter-spacing:2px;
}

.submit_search{
    background-image:url("images/loupe.gif");
    background-repeat:no-repeat;
    border:0px;
    width:30px;
    background-color:#fff;
    float:right;
   
    }
    .reach_graph{border:1px solid #ddd; background-color:#f4f4f4;}
    .reach_graph ul{list-style-type:none; padding-left:10px;}
    .reach_graph li{padding-left:15px;background-image:url(images/menu-main-arrow.gif); background-repeat:no-repeat;}
    .reach_graph .logo_reach{border-right:1px solid #ddd; border-left:1px solid #ddd;}
    .reach_graph tr{border-bottom:1px solid #ddd}
    .reach_graph strong {font-size:14px; color:#00a0da;}
    .reach_graph_right{color:#00a0da; padding-left:10px;}
    .border_td {border-bottom:1px solid #ddd;}

.NewsHome ul{list-style-type:none; padding:0; margin:0;}

ul.identification{
    border:1px solid #ddd;
    background-color:#f4f4f4;
    list-style-type:none;
    width:230px;
    padding:10px;
}

.login-form{border:1px solid #ddd; padding:15px;}
.login-form label{float:left; display:block; width:150px; margin:0 0 3px 0;}
.login-form input{width:200px; margin:0 0 3px 0;}
.login-form input.submit{margin:0 0 0 150px; height:25px;}

.identification .sub_label{width:100px; float: left;}

#wee{float:right; width:142px; height:154px; margin:10px; background-image:url(http://www.ebfrip.org/images/box_right.gif); background-repeat:no-repeat;padding:10px;}
#wee img{margin-left:25px;}
.wee{color:#00a0da;}

.imgborder {border:1px solid #ddd; padding:10px; margin:0 10px;}
.imgborder img{}

#rcenterInside ul{list-style-type:none; padding:0; margin:0;}
#rcenterInside li{border-bottom:1px solid #ddd; padding:5px 0; margin:0;}

.reg-updates label{float:left; display:block; width:150px; margin-bottom:2px;}
.reg-updates input{margin-bottom:2px; width:175px; display:block;}

.submit{ background-repeat:no-repeat; height:45px; width:185px;}
.submit input{background-image:url(images/register_submit.jpg); background-repeat:no-repeat; border:0px; background-color:transparent; color:#fff; text-align:center; width:185px; margin-left:147px;padding-bottom:5px; }

.glossary ul{list-style-type:none; padding:0; margin:15px 0 0 0;}
.glossary li {padding:5px 0; margin:0; border-bottom:1px solid #ddd;}

.glossary ul li ul {list-style-type:square; padding-left:25px;}
.glossary ul li ul li{border:0px;}

.ecolabelslogo{border:1px solid #ddd; padding:20px 10px; width:395px; margin-left:100px;}
.ecolabelslogo img{margin:0 15px;}

#sitemap ul{list-style-type:none; padding:0;}

#sitemap ul li{padding:3px 0 3px 15px; font-weight:bold;}

#sitemap ul li ul li{background-image:url(images/reach-arrow-2.gif); background-repeat:no-repeat;margin:0px 0 0 15px; font-weight:normal }

#sitemap ul li ul li ul li {background-image:url(images/sep_breadcrumps_2.gif);}

.cover {padding: 0 10px 0 0;}
.news_content {float:left; width:200px;}

/*Ready made CSS for CMS Made Simple*/
#colorbox, #modalBackgroundOverlay, #modalWrap{position:absolute; top:0; left:0; z-index:9999;}
#modalBackgroundOverlay{position:fixed; width:100%; height:100%;}
#colorbox{overflow:hidden; padding:1px; margin-top:-1px; margin-left:-1px;}/*padding fixes a ghosting issue in IE7, the negative margin compensates */
    #modalWrap{width:9000px; height:9000px;}
        #modalContent, #borderTopLeft, #borderTopCenter, #borderTopRight, #borderBottomLeft, #borderBottomCenter, #borderBottomRight, #borderMiddleLeft, #borderMiddleRight {float:left; height:0; width:0; overflow:hidden;}
        #borderMiddleLeft, #borderBottomLeft{clear:left;}
        #modalContent{position:relative; overflow:visible;}
            #contentTitle{margin:0;}
            #modalClose, #contentPrevious, #contentNext{outline:none; cursor:pointer; border:0; margin:0;}
            #modalLoadedContent{overflow:auto; width:0; height:0;}
            #modalLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
            #modalLoadedContent embed{display:block; border:0;}/* Display:block removes the line-height gap embedded content */
            #modalLoadingOverlay{position:absolute; width:100%; height:100%; top:0; left:0;}


#modalBackgroundOverlay{background:url(modules/jQuery/libraries/plugins/colorbox/images/stripe.png) 0 0 repeat;}

#colorbox{}
    #borderTopLeft{width:21px; height:21px; background:url(modules/jQuery/libraries/plugins/colorbox/images/borderTopLeft.png) 0 0 no-repeat;}
    #borderTopCenter{height:21px; background:url(modules/jQuery/libraries/plugins/colorbox/images/borderTopCenter.png) 0 0 repeat-x;}
    #borderTopRight{width:21px; height:21px; background:url(modules/jQuery/libraries/plugins/colorbox/images/borderTopRight.png) 0 0 no-repeat;}
    #borderBottomLeft{width:21px; height:21px; background:url(modules/jQuery/libraries/plugins/colorbox/images/borderBottomLeft.png) 0 0 no-repeat;}
    #borderBottomCenter{height:21px; background:url(modules/jQuery/libraries/plugins/colorbox/images/borderBottomCenter.png) 0 0 repeat-x;}
    #borderBottomRight{width:21px; height:21px; background:url(modules/jQuery/libraries/plugins/colorbox/images/borderBottomRight.png) 0 0 no-repeat;}
    #borderMiddleLeft{width:21px; background:url(modules/jQuery/libraries/plugins/colorbox/images/borderMiddleLeft.png) 0 0 repeat-y;}
    #borderMiddleRight{width:21px; background:url(modules/jQuery/libraries/plugins/colorbox/images/borderMiddleRight.png) 0 0 repeat-y;}
    #modalContent{background:#fff;}
        #modalLoadedContent{margin-bottom:28px;}
            #contentTitle{margin: 0 0 0 0; padding: 0 0 15px 0;position:absolute; bottom:3px; left:0; text-align:center; width:100%; background:#fff;  color:#949494;}
            #contentCurrent{position:absolute; bottom:3px; left:58px; font-weight:bold; color:#949494;}
            #contentPrevious{position:absolute; bottom:0; left:0px; background:url(modules/jQuery/libraries/plugins/colorbox/images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
            #contentPrevious:hover, #contentPrevious.hover{background-position:-25px -25px;}
            #contentNext{position:absolute; bottom:0; left:27px; background:url(modules/jQuery/libraries/plugins/colorbox/images/controls.png) 0px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
            #contentNext:hover, #contentNext.hover{background-position:0px -25px;}
        #modalLoadingOverlay{background:url(modules/jQuery/libraries/plugins/colorbox/images/loading.gif) center center no-repeat #fff;}
        #modalClose{position:absolute; bottom:0; right:0; background:url(modules/jQuery/libraries/plugins/colorbox/images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #modalClose:hover, #modalClose.hover{background-position:-50px -25px;}
        
/*HIDE CAPTIONS*/ #contentTitle {display:none;}
        
/* 
    ColorBox example user style
    These rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
    in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
/*
#modalBackgroundOverlay{background:#fff;}

#colorbox{}
    #modalContent{margin-top:32px;}
        #modalLoadedContent{background:#000; padding:2px;}
            #contentTitle{position:absolute; top:0px; left:0; width:100%; color:#000; background-color:#ffffff; border: 2px solid #000; paddding: 10px;}
            #contentCurrent{display:none;}
            #contentPrevious{width:29px; height:32px; display:block; text-indent:-9999px; position:absolute; top:-32px; right:60px; background:url(modules/jQuery/libraries/plugins/colorbox/images/buttons.png) left top no-repeat;}
            #contentPrevious:hover{background-position:left bottom;}
            #contentNext{width:29px; height:32px; display:block; text-indent:-9999px; position:absolute; top:-32px; right:28px; background:url(modules/jQuery/libraries/plugins/colorbox/images/buttons.png) right top no-repeat;}
            #contentNext:hover{background-position:right bottom;}
        #modalLoadingOverlay{background:url(modules/jQuery/libraries/plugins/colorbox/images/loading.gif) center center no-repeat #000;}
        #modalClose{position:absolute; top:-32px; right:0px; display:block; background:url(modules/jQuery/libraries/plugins/colorbox/images/buttons.png) -29px 0 no-repeat; width:26px; height:32px; text-indent:-9999px;}
        #modalClose:hover{background-position:-29px -31px; cursor:pointer;}*/

.thumbimage{float:left; padding:10px; border:1px solid #ddd; margin:0 10px 5px 0;}
/* End of 'ebfrip_style' */