/**********  Overall  **********/
html, body, h1, h2, h3, h4, p, ul, ol, li {
margin: 0;
padding: 0;
}

body {
background-color: #FFF;
color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 101%;
text-align: center;/*IE_quirks*/
voice-family: female;
min-width: 1010px;
}

img { 
border: none;
page-break-inside: avoid;
}

.border { border: 1px solid #000; }

hr { display: none; }

span.invis {
position: absolute;
left: -1000px;
top: -1000px;
width: 0;
height: 0;
overflow: hidden;
display: inline;
}

.invis { display: none; }


/********** Buttons **********/

.btngrey {
color: #333;
text-align: center;
margin: 0;
padding: 1px 6px;
border: 1px solid #C0C0C0;
background: url("../images/global/bg_button_grey.jpg") left top repeat-x #FFF; /*light grey metallic*/
cursor: pointer;
}

.btnblue {
color: #333;
text-align: center;
margin: 0;
padding: 1px 6px;
border: 1px solid #C0C0C0;
background: url("../images/global/bg_button_blue.jpg") left top repeat-x #FFF; /*light blue metallic*/
cursor: pointer;
}

.btnyellow {
color: #333;
text-align: center;
margin: 0;
padding: 1px 6px;
border: 1px solid #888;
background: url("../images/global/bg_button_yellow.jpg") left top repeat-x #FFE794; /*yellow metallic*/
cursor: pointer;
}


/********** Input **********/

label {
font-weight: bold;
color: #333;
padding: 0;
text-align: right;
float: left;
width: 110px;
margin-right: 10px;
}

.input {
text-align: left;
margin: 0;
padding: 0 0 15px 0;
background-color: transparent;
}

#content .input_btnline {
text-align: left;
margin: 0 0 0 120px;
padding: 0;
background-color: transparent;
}

#searchform .textboxsearch {
margin: 0;
background: url("../images/global/textbox_shadow.gif") left top no-repeat #FFF;
padding-left: 3px;
color: #000;
border-bottom: 1px solid #C0C0C0;
border-right: 1px solid #C0C0C0;
border-top: 1px solid #5C7B8F;
border-left: 1px solid #5C7B8F;
height: 1.4em;
}

input.def_textbox {
margin: 0;
background: url("../images/global/textbox_shadow.gif") left top no-repeat #FFF;
padding-left: 3px;
color: #000;
height: 18px;
width: 60%;
max-width: 490px;
border-bottom: 1px solid #C0C0C0;
border-right: 1px solid #C0C0C0;
border-top: 1px solid #5C7B8F;
border-left: 1px solid #5C7B8F;
}

input.textbox_userlogin {
margin: 0;
background: url("../images/global/textbox_loginuser.gif") left top no-repeat #FFF;
padding-left: 20px;
color: #000;
width: 150px;
height: 18px;
border-bottom: 1px solid #C0C0C0;
border-right: 1px solid #C0C0C0;
border-top: 1px solid #5C7B8F;
border-left: 1px solid #5C7B8F;
}

input.textbox_pwlogin {
margin: 0;
background: url("../images/global/textbox_password.gif") left top no-repeat #FFF;
padding-left: 20px;
color: #000;
width: 150px;
height: 18px;
border-bottom: 1px solid #C0C0C0;
border-right: 1px solid #C0C0C0;
border-top: 1px solid #5C7B8F;
border-left: 1px solid #5C7B8F;
}

.def_textarea {
margin-top: 2px;
background-color: #FFF;
padding-left: 1px;
border: 1px solid #999;
color: #333;
}

#def_select {
font-size: 85%;
}

/* be nice to Opera. */
html>body #def_select { font-size: 100%; }


/********** Fieldsets **********/

#fs_def { /* fieldset fits for all browsers */
font-size: 80%;
color: #000;
margin: 0;
padding: 5px 10px 10px 10px;
border: 1px solid #C0C0C0;
background-color:#FFF;
}

#fs_settings {
font-size: 80%;
color: #666;
margin: 0;
padding: 5px 10px 10px 10px;
border: 1px solid #C0C0C0;
background: url("../images/global/bg_fsetsettings.jpg") top right #F3F8FE;
}

#fs_login { /* fieldset without legend: fits for all browsers */
font-size: 80%;
color: #666;
margin: 0;
padding: 10px;
border: 1px solid #C0C0C0;
background: url("../images/global/bg_fsetlogin.jpg") top right #F3F8FE;
}

#fs_pagenav {
font-size: 80%;
text-align: center;
color: #666;
margin: 0px 0px 20px 0px;
padding: 5px 10px 10px 10px;
border: 1px solid #C0C0C0;
background-color: #F3F8FE;
}

#fset_admin {
font-size: 80%;
color: #000;
margin: 0;
padding: 5px 15px 5px 15px;
border: 1px solid #C0C0C0;
background: url("../images/global/bg_fieldset.png") top right no-repeat #EAEAEA;
max-width: 750px;
}

#fset_admin label.labeladmin {
font-weight: bold;
color: #333;
padding: 0;
text-align: right;
float: left;
width: 150px;
margin-right: 10px;
}

#def_legend {
font-size: 130%;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
color: #CC6600;
padding: 0;
}

/********** Divs **********/

#wrapper {
position: relative;
background: url("../images/global/bg_wrapper.gif") top left repeat-x #FFF;
margin: 0 5%;
width: 90%;
padding: 6px 0 0 0;
color: #000;
text-align: left; /*Stop IE_quirks in BODY*/
}

#top {
position: relative;
margin: 4px 5% 8px 5%;
background-color: #FFF;
color: #000;
height: 25px;
}

#lab {
position: absolute;
right: 0px;
color: #888;
padding: 0;
text-align: right;
}

#header {
position: relative;
background-color: #3971C6;
color: #000;
height: 60px;
text-align: left;
margin: 2px 0 0 0;
padding: 0px 0px;
border-bottom: 2px solid #666;
border-top: 2px solid #666;
}

#logo {
position: absolute;
left: 5%;
background: url("../images/global/logo_eurl_trans.png") bottom left no-repeat;
width: 261px;
height: 93px;
margin-top: -18px;
z-index: 10;
border: none;
}

#theme {
position: absolute;
right: 5%;
width: 100%;
height: 60px;
margin-right: 25px;
z-index: 1;
}

#breadcrumb {
position: relative;
margin: 12px 5% 0 5%;
padding: 0;
text-align: left;
}

#mainmenubar {
position: relative;
background: transparent url("../images/global/bg_menu.gif") bottom left repeat-x;
margin: 8px 5% 0px 5%;
min-height: 31px;
height: 2.0em;
padding: 1px 0;
}

#leftbar {
position: relative;
float: left;
width: 18%;
margin-top: 18px;
margin-bottom: 10px;
padding: 0 0 0 5px;
overflow: visible;
}

.navheader_100 { background: url("../images/global/bg_navheader_100.gif") left bottom repeat-x #E3EDFA; border-bottom: 1px solid #C0C0C0; } /* all CRL */
.navheader_200 { background: url("../images/global/bg_navheader_200.gif") left bottom repeat-x #F3E5F4; border-bottom: 1px solid #C0C0C0; } /* CRL Single Residues */
.navheader_300 { background: url("../images/global/bg_navheader_300.gif") left bottom repeat-x #ECEFCF; border-bottom: 1px solid #C0C0C0; } /* CRL Food of Animal Origin */
.navheader_400 { background: url("../images/global/bg_navheader_400.gif") left bottom repeat-x #FFE8D4; border-bottom: 1px solid #C0C0C0; } /* CRL Cereals */
.navheader_500 { background: url("../images/global/bg_navheader_500.gif") left bottom repeat-x #F0D8C2; border-bottom: 1px solid #C0C0C0; } /* CRL Fruits and Vegetables */

.navheader_100 .top, .navheader_100 .bottom { display: block; background-color: #FFF; }
.navheader_100 .top b, .navheader_100 .bottom b {
display: block;
height: 1px;
overflow: hidden;
border-left: 1px solid #C0C0C0;
border-right: 1px solid #C0C0C0;
}
.navheader_100 .r1 { margin: 0 3px; background: #C0C0C0; }
.navheader_100 .r2 { margin: 0 2px; background: #E3EDFA; }
.navheader_100 .r3 { margin: 0 1px; background: #E3EDFA; }
.navheader_100 .top .r4, .navheader_100 .bottom .r4 { margin: 0 0px; background: #E3EDFA; }

.navheader_200 .top, .navheader_200 .bottom { display: block; background-color: #FFF; }
.navheader_200 .top b, .navheader_200 .bottom b {
display: block;
height: 1px;
overflow: hidden;
border-left: 1px solid #C0C0C0;
border-right: 1px solid #C0C0C0;
}
.navheader_200 .r1 { margin: 0 3px; background: #C0C0C0; }
.navheader_200 .r2 { margin: 0 2px; background: #F3E5F4; }
.navheader_200 .r3 { margin: 0 1px; background: #F3E5F4; }
.navheader_200 .top .r4, .navheader_200 .bottom .r4 { margin: 0 0px; background: #F3E5F4; }

.navheader_300 .top, .navheader_300 .bottom { display: block; background-color: #FFF; }
.navheader_300 .top b, .navheader_300 .bottom b {
display: block;
height: 1px;
overflow: hidden;
border-left: 1px solid #C0C0C0;
border-right: 1px solid #C0C0C0;
}
.navheader_300 .r1 { margin: 0 3px; background: #C0C0C0; }
.navheader_300 .r2 { margin: 0 2px; background: #ECEFCF; }
.navheader_300 .r3 { margin: 0 1px; background: #ECEFCF; }
.navheader_300 .top .r4, .navheader_300 .bottom .r4 { margin: 0 0px; background: #ECEFCF; }

.navheader_400 .top, .navheader_400 .bottom { display: block; background-color: #FFF; }
.navheader_400 .top b, .navheader_400 .bottom b {
display: block;
height: 1px;
overflow: hidden;
border-left: 1px solid #C0C0C0;
border-right: 1px solid #C0C0C0;
}
.navheader_400 .r1 { margin: 0 3px; background: #C0C0C0; }
.navheader_400 .r2 { margin: 0 2px; background: #FFE8D4; }
.navheader_400 .r3 { margin: 0 1px; background: #FFE8D4; }
.navheader_400 .top .r4, .navheader_400 .bottom .r4 { margin: 0 0px; background: #FFE8D4; }

.navheader_500 .top, .navheader_500 .bottom { display: block; background-color: #FFF; }
.navheader_500 .top b, .navheader_500 .bottom b {
display: block;
height: 1px;
overflow: hidden;
border-left: 1px solid #C0C0C0;
border-right: 1px solid #C0C0C0;
}
.navheader_500 .r1 { margin: 0 3px; background: #C0C0C0; }
.navheader_500 .r2 { margin: 0 2px; background: #F0D8C2; }
.navheader_500 .r3 { margin: 0 1px; background: #F0D8C2; }
.navheader_500 .top .r4, .navheader_500 .bottom .r4 { margin: 0 0px; background: #F0D8C2; }

#navleft {
background: url("../images/global/bg_portlet.jpg") bottom right repeat-y #FFF;
margin: 2px 0 4px 0;
padding: 1px 3px 4px 8px;
border-top: 1px solid #C0C0C0;
border-left: 1px solid #C0C0C0;
}

#rightbar {
position: relative;
float: right;
width: 18%;
margin-top: 18px;
margin-bottom: 10px;
padding: 0 5px 0 8px;
}

#rightbar #portlet,
#rightbar #portletsearch,
#rightbar #portletqlinks {
background: url("../images/global/bg_portlet.jpg") bottom right repeat-y #FFF;
margin: 2px 0 4px 0;
padding: 1px 3px 1px 8px;
border-top: 1px solid #C0C0C0;
border-left: 1px solid #C0C0C0;
}

#rightbar #portletsearch,
#rightbar #portletqlinks {
margin: 2px 0 15px 0;
}

#rightbar #searchform {
margin: 0;
padding: 10px 0 10px 0;
}

#rightbar #portletqlinks {
padding: 10px;
}

#rightbar #portletqlinks p {
margin: 0;
}


.portlethead { background: url("../images/global/bg_portlethead.gif") bottom left repeat-x #E3EDFA; border-bottom: 1px solid #C0C0C0; }
.portlethead .top, .portlethead .bottom { display: block; background-color: #FFF; }
.portlethead .top b, .portlethead .bottom b {
display: block;
height: 1px;
overflow: hidden;
border-left: 1px solid #C0C0C0;
border-right: 1px solid #C0C0C0;
}
.portlethead .r1 { margin: 0 3px; background: #C0C0C0; }
.portlethead .r2 { margin: 0 2px; background: #E3EDFA; }
.portlethead .r3 { margin: 0 1px; background: #E3EDFA; }
.portlethead .top .r4, .portlethead .bottom .r4 { margin: 0 0px; background: #E3EDFA; }

#content {
position: relative;
margin: 0 20% 20px 20%;
padding: 0;
width: auto;
}

#news {
margin: 5px 0;
padding: 5px 0;
border-bottom: 1px dotted #C0C0C0;
}

#announcement {
color: #444;
margin: 18px 0 10px 0;
padding: 10px 10px 10px 35px;
border: 1px solid #C0C0C0;
background: url("../images/global/bg_announcement.jpg") top left no-repeat #E9F2FE;
}

#gallery {
position: relative;
width: 98%;
margin: 0px 0 10px 0;
padding: 0;
border: 0px solid #FFF;
float: left;
}

#imggal img { margin: 13px; border: 1px solid #333; }

#def_bar200 {
font-size: 130%;
font-family: Georgia, "Times New Roman", Times, serif;
color: #222;
margin: 15px 0 15px 0;
padding: 0 2px 0 5px;
border-bottom: 1px dotted #800080;
background-color: #F6EAF6; 
}

#def_bar500 {
font-size: 130%;
font-family: Georgia, "Times New Roman", Times, serif;
color: #222;
margin: 15px 0 15px 0;
padding: 0 2px 0 5px;
border-bottom: 1px dotted #996600;
background-color: #F0D8C2; 
}

#popupbar, #popupbarerror {
margin: 10px 2px 10px 2px;
padding: 3px 3px 3px 8px;
border-top: 1px solid #C0C0C0;
border-left: 1px solid #C0C0C0;
border-right: 1px solid #C0C0C0;
border-bottom: 1px solid #346BAB;
text-align: left;
width: 95%;
}

#popupbar_200,
#popupbar_300,
#popupbar_400,
#popupbar_500 {
margin: 10px 2px 10px 2px;
padding: 3px 3px 3px 8px;
border-top: 1px solid #C0C0C0;
border-left: 1px solid #C0C0C0;
border-right: 1px solid #C0C0C0;
border-bottom: 1px solid #346BAB;
text-align: left;
width: 95%;
}

#popupbar { background: url("../images/global/bg_popuphead.jpg") left top no-repeat #CADEF9; } /* all CRL */
#popupbar_200 { background: url("../images/global/bg_popuphead_200.jpg") left top no-repeat #DEBADE; } /* CRL Single Residues */
#popupbar_300 { background: url("../images/global/bg_popuphead_300.jpg") left top no-repeat #CDCFA7; } /* CRL Food of Animal Origin */
#popupbar_400 { background: url("../images/global/bg_popuphead_400.jpg") left top no-repeat #FACFA5; } /* CRL Cereals */
#popupbar_500 { background: url("../images/global/bg_popuphead_500.jpg") left top no-repeat #D7C1AA; } /* CRL Fruits and Vegetables */

#popupbarerror { background: url("../images/global/bg_popupheaderror.jpg") left top no-repeat #CD9C9D; }

#iconauthoring, #iconlibrary, #iconauthoringnavi {
float: left;
margin: 0;
padding: 2px;
height: 78px;
width: 70px;
background: transparent;
}

#iconmsgboards {
float: left;
margin: 0;
padding: 2px;
height: 78px;
width: 70px;
background: transparent;
}

#iconauthoring { background: url("../images/global/icon48_authoring.gif") 1px 10px no-repeat; }
#iconlibrary { background: url("../images/global/icon48_library.gif") 1px 10px no-repeat; }
#iconauthoringnavi { background: url("../images/global/icon48_authoringnavi.gif") 1px 10px no-repeat; }
#iconmsgboards { background: url("../images/global/icon48_boards.jpg") 1px 10px no-repeat; }

#iconinfo, #iconimage, #iconstaff {
position: relative;
float: right;
height: 50px;
width: 50px;
z-index: 200;
margin: -50px 0 0 0;
}

#iconuploadimage, #iconuploaddoc {
position: relative;
float: right;
height: 50px;
width: 50px;
z-index: 200;
margin: -50px 0 0 0;
}

#iconinfo { background: url("../images/global/icon48_info.gif") right top no-repeat transparent; }
#iconimage { background: url("../images/global/icon48_image.gif") right top no-repeat transparent; }
#iconstaff { background: url("../images/global/icon48_staff.gif") right top no-repeat transparent; }
#iconuploadimage { background: url("../images/global/icon48_uploadimage.gif") right top no-repeat transparent; }
#iconuploaddoc { background: url("../images/global/icon48_uploaddoc.gif") right top no-repeat transparent; }

#iconerror {
position: relative;
background: url("../images/global/icon48_error.gif") right top no-repeat transparent;
float: right;
height: 50px;
width: 50px;
z-index: 200;
margin: -51px 10px 0 0;
}

#memberimage {
position: relative;
float: right;
background-color: #FFF;
margin-top: -5px;
padding: 0;
border-right: 1px solid #E2E2E2;
border-bottom: 1px solid #E2E2E2;
border-left: 1px solid #FFF;
border-top: 1px solid #FFF;
}

#staffmember {
margin: 15px;
padding: 0px;
border: 1px solid #888;
}

#adminmsg {
color: #3971C6;
text-align: left;
margin: 5px 0px 10px 0px;
border: 1px solid #3971C6;
padding: 10px;
}

#footer {
text-align: center;
padding: 0;
margin: 0;
background: url("../images/global/bg_footer.gif") top left repeat-x #FFF;
border-top: 1px solid #346BAB;
clear: both;
}

#footerscreen, #footerprint {
position: relative;
padding: 5px 0 5px 0;
margin: 0;
}

#footeremblem {
position: relative;
margin: 15px 0 10px 0;
padding: 0;
}


/********** Links **********/

a:link {
color: #227EE9;
text-decoration: none;
border-bottom: 0px dotted #227EE9;
}
		
a:visited {
color: #227EE9;
text-decoration: none;
border-bottom: 0px dotted #227EE9;
}
		
a:hover {
color: #227EE9;
text-decoration: none;
border-bottom: 1px dotted #227EE9;
}

a.logout, a.logout:visited  {
background: url("../images/global/icon16_logout.png") 0px 50% no-repeat; padding: 0 0 0 20px;
text-decoration: none;
border-bottom: none;
}

a.logout:hover { color:#CC0000; }

#portlet a:link {
color: #227EE9;
text-decoration: none;
border-bottom: none;
}
		
#portlet a:visited {
color: #227EE9;
text-decoration: none;
border-bottom: none;
}
		
#portlet a:hover {
color: #227EE9;
text-decoration: none;
border-bottom: 1px dotted #227EE9;
}

#logo a {
text-decoration: none;
display: block;
width: 261px;
height: 93px;
margin-top: 25px;
border-bottom: none;
}

#navleft a, #navleft a:visited, #navleft a:hover { 
text-decoration: none;
border-bottom: none;
border: 0px solid #FFF;
display: block;
}

/* all CRL */
#navleft a.level02_100 { color: #227EE9; }
#navleft a.level02_100:visited { color: #227EE9; }
#navleft a.level02_100:hover { color: #333; }

/* CRL Single Residues */
#navleft a.level02_200 { color: #800080; }
#navleft a.level02_200:visited { color: #800080; }
#navleft a.level02_200:hover { color: #333; }

/* CRL Food of Animal Origin */
#navleft a.level02_300 { color: #868C26; }
#navleft a.level02_300:visited { color: #868C26; }
#navleft a.level02_300:hover { color: #333; }

/* CRL Cereals */
#navleft a.level02_400 { color: #F28824; }
#navleft a.level02_400:visited { color: #F28824; }
#navleft a.level02_400:hover { color: #333; }

/* CRL Fruits and Vegetables */
#navleft a.level02_500 { color:#996600; }
#navleft a.level02_500:visited { color: #996600; }
#navleft a.level02_500:hover { color: #333; }

#imggal a {
position: relative;
float: left;
text-align: center;
margin: 10px 10px 0 0;
color: #000;
width: 100px;
height: 127px;
border: 1px solid #FFF;
}

#imggal a.imggal:link { text-decoration:none; background: url("../images/global/bg_imagethumb0.png") top left no-repeat; }
#imggal a.imggal:visited { text-decoration:none; background: url("../images/global/bg_imagethumb0.png") top left no-repeat; }
#imggal a.imggal:hover { text-decoration:none; background: url("../images/global/bg_imagethumb1.png") top left no-repeat; }

#imggal a.imggalcrl:link { text-decoration:none; background: url("../images/global/bg_imagethumbcrl0.png") top left no-repeat; }
#imggal a.imggalcrl:visited { text-decoration:none; background: url("../images/global/bg_imagethumbcrl0.png") top left no-repeat; }
#imggal a.imggalcrl:hover { text-decoration:none; background: url("../images/global/bg_imagethumb1.png") top left no-repeat; }

#imggal a.imggalsv:link { text-decoration:none; background: url("../images/global/bg_imagethumbsv0.png") top left no-repeat; }
#imggal a.imggalsv:visited { text-decoration:none; background: url("../images/global/bg_imagethumbsv0.png") top left no-repeat; }
#imggal a.imggalsv:hover { text-decoration:none; background: url("../images/global/bg_imagethumb1.png") top left no-repeat; }

#imggal a.imggalcrlsv:link { text-decoration:none; background: url("../images/global/bg_imagethumbcrlsv0.png") top left no-repeat; }
#imggal a.imggalcrlsv:visited { text-decoration:none; background: url("../images/global/bg_imagethumbcrlsv0.png") top left no-repeat; }
#imggal a.imggalcrlsv:hover { text-decoration:none; background: url("../images/global/bg_imagethumb1.png") top left no-repeat; }

#imggal a.imggalhd:link { text-decoration:none; background: url("../images/global/bg_imagethumbhd0.png") top left no-repeat; }
#imggal a.imggalhd:visited { text-decoration:none; background: url("../images/global/bg_imagethumbhd0.png") top left no-repeat; }
#imggal a.imggalhd:hover { text-decoration:none; background: url("../images/global/bg_imagethumb1.png") top left no-repeat; }

#imggal a.imggalcrlhd:link { text-decoration:none; background: url("../images/global/bg_imagethumbcrlhd0.png") top left no-repeat; }
#imggal a.imggalcrlhd:visited { text-decoration:none; background: url("../images/global/bg_imagethumbcrlhd0.png") top left no-repeat; }
#imggal a.imggalcrlhd:hover { text-decoration:none; background: url("../images/global/bg_imagethumb1.png") top left no-repeat; }

#mainmenubar ul a {
float: left;
display: block;
padding: 3px 5px 3px 9px;
background: transparent url("../images/global/bg_menutab.gif") 0% -600px no-repeat;
font-weight: bold;
font-size: 0.85em;
line-height: 120%;
color: #777;
text-decoration: none;
border-bottom: none;
}

#mainmenubar ul a.li1_100 { /* all CRL */
color: #346BAB;
}

#mainmenubar ul a.li2_200 { /* CRL Single Residues */
color: #800080;
}

#mainmenubar ul a.li3_300 { /* CRL Food of Animal Origin */
color: #868C26;
}

#mainmenubar ul a.li4_400 { /* CRL Cereals */
color: #F28824;
}

#mainmenubar ul a.li5_500 { /* CRL Fruits and Vegetables */
color: #996600;
}

#mainmenubar ul li:hover a { background-position: 0% -400px; }
#mainmenubar ul li:hover { background-position: 100% -400px; }

.menu_100 li#menu_portal a,
.menu_200 li#menu_srm a,
.menu_300 li#menu_fao a,
.menu_400 li#menu_cf a,
.menu_500 li#menu_fv a {
background-position: 0% -200px;
}

.menu_100 li#menu_portal,
.menu_200 li#menu_srm,
.menu_300 li#menu_fao,
.menu_400 li#menu_cf,
.menu_500 li#menu_fv {
background-position: 100% -200px;
border-bottom: 1px solid #D9E7FA;
}

.menu_100 li#menu_portal:hover,
.menu_200 li#menu_srm:hover,
.menu_300 li#menu_fao:hover,
.menu_400 li#menu_cf:hover,
.menu_500 li#menu_fv:hover {
background-position: 100% 0%;
}

.menu_100 li#menu_portal:hover a,
.menu_200 li#menu_srm:hover a,
.menu_300 li#menu_fao:hover a,
.menu_400 li#menu_cf:hover a,
.menu_500 li#menu_fv:hover a { 
background-position: 0% 0%;
color: #227EE9;
}

a.excel, a.excel:visited {
text-decoration: none;
border: none;
color:#145000;
}

a.excel:hover {
text-decoration: none;
border: none;
color:#508D21;
}

a.rss {
background: #fff url("../images/global/icon12_rss.gif") 0 1px no-repeat;
padding-left: 16px;
border-bottom: 0px dotted #227EE9;
}

a.rss:hover {
color: #ed6c1f;
border-bottom: 0px dotted #227EE9;
}
	
	
/********** Text **********/

p, li, td  {font-size: 80%;}

p, li {
line-height: 150%;
margin: 5px 0px 10px 0px;
}

.printversiononly { display: none; }

.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.red { color: #FF9900; }

#lab p {
font-size: 85%;
font-weight: bold;
}

#logo p { margin: -24px 0px 0px 0px; }

#theme p { text-align: left; }

#breadcrumb p {
font-weight: normal;
font-size: 70%;
color: #888;
}

#leftbar .home, #leftbar .articles, #leftbar .download {
padding: 0 0 0 24px;
font-weight: bold;
margin: 0;
}

#leftbar .methods, #leftbar .workprogram, #leftbar .documents {
padding: 0 0 0 24px;
font-weight: bold;
margin: 0;
}
#leftbar .globalinfo, #leftbar .workshops, #leftbar .member {
padding-left: 24px;
font-weight: bold;
margin: 0;
}

#leftbar .network, #leftbar .qcpanel {
padding-left: 24px;
font-weight: bold;
margin: 0;
}

#leftbar .home {
background: url("../images/global/icon16_home.gif") 0px 50% no-repeat transparent;
}

#leftbar .articles {
background: url("../images/global/icon16_articles.gif") 0px 50% no-repeat transparent;
}

#leftbar .download {
background: url("../images/global/icon16_download.gif") 0px 50% no-repeat transparent;
}

#leftbar .methods {
background: url("../images/global/icon16_methods.gif") 0px 50% no-repeat transparent;
}

#leftbar .globalinfo {
background: url("../images/global/icon16_globalinfo.gif") 0px 50% no-repeat transparent;
}

#leftbar .workprogram {
background: url("../images/global/icon16_workprogram.gif") 0px 50% no-repeat transparent;
}

#leftbar .workshops {
background: url("../images/global/icon16_workshops.gif") 0px 50% no-repeat transparent;
}

#leftbar .member {
background: url("../images/global/icon16_member.gif") 0px 50% no-repeat transparent;
}

#leftbar .documents {
background: url("../images/global/icon16_documents.gif") 0px 50% no-repeat transparent;
}

#leftbar .network {
background: url("../images/global/icon16_network.gif") 0px 50% no-repeat transparent;
}

#leftbar .qcpanel {
background: url("../images/global/icon16_qcpanel.gif") 0px 50% no-repeat transparent;
}

#rightbar .header {
background: url("../images/global/bg_portlethead.jpg") left top no-repeat #CADEF9;
margin: 0;
padding: 3px 3px 3px 8px;
border-top: 1px solid #C0C0C0;
border-left: 1px solid #C0C0C0;
border-right: 1px solid #C0C0C0;
border-bottom: 1px solid #346BAB;
}

#rightbar p {
font-size: 70%;
color: #000;
}

#rightbar .txtlight {
color: #666;
}

.popupheader {
font-family: Georgia, "Times New Roman", Times, serif;
color: #444;
font-size: 110%;
margin: 0;
padding: 0 0 0 20px;
z-index:200;
}

#content acronym { cursor: help; border-bottom: 1px dashed #333; }
#content abbr { cursor: help; border-bottom: 1px dashed #333; }

#content cite { font-style: italic; }

#content .clearall { height: 0; width: auto; overflow: hidden; float: none; clear: both; }
#content .sorry { color: #8C1A1C; }
#content .published { color: #999999; }
#content .showhidelist { margin: 0 0 2px 20px; padding: 2px 2px; border-bottom: 2px dotted #C0C0C0; background-color: #FFFFFF; }
#content .showhidelist2 { margin: 0 0 2px 20px; padding: 2px 2px; border-bottom: 2px dotted #C0C0C0; background-color:#F2F2F2; }

#content .cntdate { font-size: 70%; color: #666; margin: 0px 0px 0px 0px;}

#content .shownews { background: url("../images/global/icon16_news.png") 0px 50% no-repeat; padding: 0 0 0 20px; }
#content .readarticle { background: url("../images/global/icon16_readarticle.png") 0px 50% no-repeat; padding: 0 0 0 20px; }

#content .newdoc { background: url("../images/global/icon16_newdoc.png") 0px 50% no-repeat; padding: 0 0 0 20px; }
#content .editdoc { background: url("../images/global/icon16_editdoc.png") 0px 50% no-repeat; padding: 0 0 0 20px; }
#content .deletedoc { background: url("../images/global/icon16_deletedoc.png") 0px 50% no-repeat; padding: 0 0 0 20px; }
#content .viewdoc { background: url("../images/global/icon16_viewdoc.png") 0px 50% no-repeat; padding: 0 0 0 20px; }
#content .newsubnav { background: url("../images/global/icon16_newsubnav.gif") 0px 50% no-repeat; padding: 0 0 0 20px; }
#content .editsubnav { background: url("../images/global/icon16_editsubnav.png") 0px 50% no-repeat; padding: 0 0 0 20px; }
#content .deletesubnav { background: url("../images/global/icon16_deletesubnav.gif") 0px 50% no-repeat; padding: 0 0 0 20px; }
#content .internal { background: url("../images/global/icon16_internal.png") 0px 50% no-repeat; padding: 0 0 0 20px; }

#content .zoomin { background: url("../images/global/icon16_zoomin.png") 0px 50% no-repeat; padding: 0 0 0 20px; }

#content .exporttoexcel { font-weight: bold; background: url("../images/global/icon32_toexcel.gif") 0px 50% no-repeat; padding: 17px 0 0 38px; height: 40px; margin: 10px 0 0 0; }

#content .table { border: 1px solid #999; border-collapse: collapse; empty-cells: show; speak-header-cell: once; }
#content caption { text-align: center; color: #444; font-size: 95%; padding-bottom: 10px; }
#content td { vertical-align: top; border: 1px solid #999; padding: 6px; }
#content .tblhead { font-weight: bold; color: #444; background-color: #D0D5DC; padding-bottom: 5px; }
#content .tblrow { color: #000; background-color: #EEE; }
#content .tblhead_list { font-weight: bold; color: #444; border: 0px solid #FFF; border-bottom: 1px solid #999; background-color: #D0D5DC; padding-bottom: 5px; }
#content .tblrow_list0 { vertical-align: top; border: 0px solid #FFF; border-bottom: 1px dotted #C0C0C0; padding: 4px; background-color: #FFF; }
#content .tblrow_list1 { vertical-align: top; border: 0px solid #FFF; border-bottom: 1px dotted #C0C0C0; padding: 4px; background-color: #EEE; }


#content .staffmemberdatarow0 { display: block; padding: 2px; }
#content .staffmemberdatarow1 { display: block; padding: 2px; background-color: #EDEDED; }

#content .note1, #content .note2 {
font-weight: bold;
font-style: italic;
}
#content .note1 { color: #990000; }
#content .note2 { color: #3300CC; }

#content .infomsg {
color: #333333;
text-align: left;
padding: 10px 10px 10px 40px;
border: 1px solid #4896FF;
background: #FFF url("../images/global/icon32_msg.gif") no-repeat 4px 50%;
font-weight: bold;
}

#content .alertmsg {
color: #FF5100;
text-align: left;
padding: 10px 10px 10px 40px;
border: 1px solid #FF5100;
background: #FFF url("../images/global/icon32_alert.gif") no-repeat 4px 50%;
font-weight: bold;
}

#content img.left { float: left; margin-right: 3px; border: 1px solid #999999; }
#content img.right { float: right; margin-left: 3px; border: 1px solid #999999; }
#content img.leftnob { float: left; margin-right: 3px; }
#content img.rightnob { float: right; margin-left: 3px; }

#content p.aboutcrl { line-height: 1.3em; }

#news p, #announcement p { line-height: 1.3em; margin: 0; }
#news .cntdate, #announcement .cntdate { font-size: 0.7em; color: #666; margin: 0; }


#footer p { font-size: 0.7em; }


/********** Headings **********/

#content h1, h2, h3, h4 {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
margin: 0;
padding: 0;
}
		
#content h1 {
color: #222;
font-size: 160%;
letter-spacing: 2pt;
border-bottom: 1px solid #C0C0C0;
padding-bottom: 5px;
margin: 15px 0 10px 0;
}

.portlethead h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 120%;
font-weight: normal;
color: #444;
margin: 0;
padding: 0 0 3px 10px;
border-left: 1px solid #C0C0C0;
border-right: 1px solid #C0C0C0;
}
		
#content h2 {
color: #222;
font-size: 140%;
letter-spacing: 1pt;
margin-top: 20px;
}

#leftbar h2,
#rightbar h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 120%;
font-weight: normal;
color: #444;
margin: 0;
padding: 0 0 3px 10px;
border-left: 1px solid #C0C0C0;
border-right: 1px solid #C0C0C0;
}
		
#content h3 {
color: #888;
font-size: 120%;
letter-spacing: 1pt;
margin-top: 20px;
}

#content h4 {
color: #888;
font-size: 95%;
letter-spacing: 1pt;
margin-top: 20px;
}

/********** Lists **********/
#mainmenubar ul {
width: auto;
position: absolute;
bottom: 0;
left: 0;
margin: 0;
padding: 0 0 0 26px;
list-style: none;
}

#mainmenubar li {
float: left;
background: transparent url("../images/global/bg_menutab.gif") 100% -600px no-repeat;
display: inline;
padding: 0 4px 0 0;
margin: 0 1px 0 0;
border-bottom: 1px solid #346BAB;
white-space: nowrap;
}
		
#content ol, ul { margin: 5px 0 0 20px; padding: 0; }
#content li { list-style-type: disc; margin-left: 30px; }
#content ul ul { font-size: 120%; }
#content li.li2 { list-style-type: circle; }
#content li.indent { list-style-type: none; margin-left: 20px; padding: 0}

#leftbar ol { margin: 5px 0 0 0px; padding: 0; }
#leftbar ul { margin: 0; padding: 0; }

#navleft ul, #navleft li {
list-style-type: none;
padding: 0;
margin: 0;
}

#leftbar .level02_100, #leftbar .level02_200, #leftbar .level02_300 { /* Link-Listings Subnavigation*/
padding: 0 0 0 24px;
font-weight: normal;
margin: 0;
}

#leftbar .level02_400, #leftbar .level02_500 { /* Link-Listings Subnavigation*/
padding: 0 0 0 24px;
font-weight: normal;
margin: 0;
}

#rightbar ol, ul { margin: 5px 0 0 0px; padding: 0; }

/********** hidden Divs **********/

#footerprint { display: none; }


/********** Workshop Registration **********/

#content fieldset.fsetregister {
font-size: 90%;
color: #000;
margin: 10px 0px 10px 0px;
padding: 5px 15px 5px 15px;
border: 1px solid #999;
background: url("../images/global/bg_fieldset.png") top left no-repeat #EAEAEA;
}

#content fieldset p { font-size: 101%; }

#content legend.legendregister {
font-size: 110%;
font-weight: bold;
color: #CC6600;
}

#content label.labelregister {
font-weight: bold;
color: #333;
padding: 0;
text-align: right;
float: left;
width: 7.5em;
margin-right: 10px;
}

#content .input_register {
text-align: left;
margin: 8px 0 8px 0;
padding: 0px 0 5px 25px;
background-color: transparent;
}

#content .textbox_register {
margin-top: 2px;
background: url("../images/global/textbox_shadow.gif") left top no-repeat #FFF;
padding-left: 3px;
color: #000;
width: 60%;
height: 17px;
border-bottom: 1px solid #CDD2D5;
border-right: 1px solid #CDD2D5;
border-top: 1px solid #5C7B8F;
border-left: 1px solid #5C7B8F;
vertical-align: middle;
}

#content .textbox_register_locked, #content .textbox_register_lockedYes, #content .textbox_register_lockedNo {
margin-top: 2px;
background-color: #F2F2F2;
padding-left: 1px;
width: 60%;
height: 17px;
border: 1px solid #999;
font-size: 101%;
vertical-align: middle;
}

#content .textbox_register_locked { color: #333; }
#content .textbox_register_lockedYes { color: #009900; }
#content .textbox_register_lockedNo { color: #FF0000; }

#content .textarea_register {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 101%;
margin-top: 2px;
background: url("../images/global/textbox_shadow.gif") left top no-repeat #FFF;
padding-left: 1px;
color: #000;
width: 60%;
border-bottom: 1px solid #CDD2D5;
border-right: 1px solid #CDD2D5;
border-top: 1px solid #5C7B8F;
border-left: 1px solid #5C7B8F;
}

#content .textarea_register_locked, #content .textarea_register_lockedYes, #content .textarea_register_lockedNo {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
margin-top: 2px;
background-color: #F2F2F2;
padding-left: 1px;
width: 60%;
border: 1px solid #999;
color: #333;
}

#content .textbox_random {
margin-top: 2px;
background: url("../images/global/textbox_shadow.gif") left top no-repeat #FFF;
padding-left: 3px;
color: #000;
width: 50px;
height: 17px;
border-bottom: 1px solid #CDD2D5;
border-right: 1px solid #CDD2D5;
border-top: 1px solid #5C7B8F;
border-left: 1px solid #5C7B8F;
}

#content select.select_register {
background-color: #FFF;
padding: 0;
margin: 0;
height: 17px;
}

#content .random {
color: #CC6600;
font-size: 160%;
font-family: Georgia, Times New Roman, Times, serif;
font-weight: bold;
}

#content .asterisk {
color: #CC6600;
font-weight: bold;
}

#iconregister, #iconregerror, #iconregsuccess {
position: relative;
float: left;
margin: 0;
padding: 2px;
height: 70px;
width: 70px;
background-color: transparent;
}

#iconregister { background: url("../images/global/icon55x55_register.png") 0 50% no-repeat #FFF; }
#iconregerror { background: url("../images/global/icon55x55_regerror.png") 0 50% no-repeat #FFF; }
#iconregsuccess { background: url("../images/global/icon55x55_regsuccess.png") 0 50% no-repeat #FFF; }

#content .red { color:#FF0000; }


