/* CSS STYLES FOR B-EYE-UK TEMPLATE */
/* **********************************
GLOBAL: BASIC ELEMENTS
********************************** */
body {
margin: 0;
padding: 0;
background: #fff;
width: 100%;
font-family: arial, helvetica, sans-serif;
font-size: 100%;
}
img {
border: 0;
}
a {
color: #0077c7;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.skip {
display: none;
}
/* **********************************
GLOBAL: MAIN LAYOUT ELEMENTS
********************************** */
#container {
width: 100%;
text-align: center;
font-size: 0.85em;
}
#pgbox {
width: 100%;
margin-left: auto;
margin-right: auto;
text-align: left;
background-image: url(/images/bg-worldmap-lt.jpg);
background-repeat: no-repeat;
background-position: top right;
min-width: 900px;  /* setting min-width to prevent nav from breaking to two lines */
}

#pghead {
padding: 0.5em 1%;
}
#pgbodybox {
clear: both;
position: relative;
width: 100%;
}
#pgbody {
clear: both;
width: 97.9%;
margin: 0 1%;
padding-top: 3.25em;  /* 44px; */
}
#pgcontentbox {
padding: 0.35em 0.75em;
/* font-size: 0.85em;*/
}
#pgcontent {
font-size: 0.85em;
}
#content-left {
margin-left: 25px;
float: left;
width: 60%;
}

#footer {
clear: both;
width: 100%;
position: relative;
text-align: center;
background: #eee;
font-size: 85%;
}
/* replacing footer styling above with new version 4/2007 */
#footer-universal {
position: relative;
background: #ccc url(/images/bg_footer.jpg) top left;
background-repeat: repeat-x;
padding: 1em 1.75em 2em 1.75em;
font-size: 0.9em;
color: #036;
/* border-bottom: 1px solid #999; */
}
#footer-universal h3 {
margin: 0;
padding: 0;
margin-bottom: 2px;
font-size: 1.4em;
}
#footer-universal p {
margin-top: 0;
padding-top: 0;
}
#footer-universal .footer-logo {
width: 125px;
position: absolute;
right: 1.75em;
top: 1em;
}
#footer-universal .copyright {
color: #666;
}
#footer-universal a, #footer-universal a:visited {
color: #036;
text-decoration: none;
}
#footer-universal a:hover {
text-decoration: underline;
}

#infobar {
position: absolute;
top: 0;
left: 0;
width: 100%;
clear: both;
}
#versionbar {
clear: both;
background: #bcd2e6;
font-size: 12px;
font-weight: bold;
width: 100%;
}
#sitebar {
clear: both;
background: #BE9E70;
font-size: 12px;
font-weight: bold;
width: 100%;
}
#adbox {
text-align: center;
}
/* **********************************
GLOBAL: NAVIGATION
********************************** */
#navigation {
clear: both;
background: #036;
}
#navigation-breadcrumb {
margin: 0;
}
#navigation-breadcrumb, #navigation-breadcrumb a {
font-size: 11px;
/* color: #0077c7; */
color: #036;
text-decoration: none;
}
#navigation-sitelinks {
color: #fff;
font-size: 11px;
font-weight: bold;
width: 42em;
padding: 3px 1em 2px 40px;
position: absolute;
right: 0;
top: 0;
z-index: 500;
background: #bc9b6a url(/images/bg_nav_sitelinks.gif) top left;
}
#navigation-sitelinks a,  #navigation-sitelinks a:visited {
color: #fff;
text-decoration: none;
}
#navigation-sitelinks a:hover {
text-decoration: underline;
}
/* **********************************
GLOBAL: CONTENT ELEMENTS
********************************** */
#branding {
padding-top: 10px;
}
#branding h1 { /* showing logo via image replacement technique */
float: left;
width: 250px;
height: 64px;
text-indent: -5000px;
overflow: hidden;
background: url(/images/network_logos/logo_tag_250_64.gif) no-repeat;
padding: 0;
padding-bottom: 10px;
margin: 0;
}
#branding form {  /* searchbox */
float: right;
text-align: right;
width: 48%;
margin: 0;
padding: 0;
padding-top: 0.35em;
font-size: 0.8em;
}
#flagdisplay {  /* country flag, filter bar */
float: left;
width: 8.5em;
padding: 2px 0.5em 2px 1em; 
/*background: #c00;*/
color: #fff;
white-space: nowrap;
/*clear: left;*/
}
#flagdisplay img {
padding: 0;
vertical-align: middle;
padding-right: 0.15em;
}
#pgfilters {
float: left;
padding: 2px 1.25em;
font-weight: bold;
}

#tabbox {
border: 1px solid #aaa;
border-top: 0;
width: 100%;
}
#tablist{
padding: 2px 0;
margin: 0;
/*
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
*/
/* font: bold 12px Verdana; */
font-weight: bold;
background: #ddd;
}
#tablist li{
list-style: none;
display: inline;
margin: 0;
}
#tablist li a{
padding: 2px 0.75em;
margin-left: 0;
border: 1px solid #aaa;
border-bottom: none;
background: #eee;
text-decoration: none;
}
#tablist li a:link, #tablist li a:visited{
/* color: navy; */
}
#tablist li a.current{
background: #fff;
margin-bottom: -1px;
}

.tablist2{
padding: 2px 0;
margin: 0;
/*
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
*/
/* font: bold 12px Verdana; */
font-weight: bold;
background: #ddd;
}
.tablist2 li{
list-style: none;
display: inline;
margin: 0;
}
.tablist2 li a{
padding: 2px 0.75em;
margin-left: 0;
border: 1px solid #aaa;
border-bottom: none;
background: #eee;
text-decoration: none;
}
.tablist2 li a:link, .tablist2 li a:visited{
/* color: navy; */
}
.tablist2 li a.current{
background: #fff;
margin-bottom: -1px;
}
.tablist2 li.selected a{
background: #fff;
margin-bottom: -1px;
}

#tabcontentcontainer{
/* width: 100%; */
margin: 0.25em 0.75em;
/* Insert Optional Height definition here to give all the content a unified height */
/* padding: 1% 4%; */
border-top:0;
background: #fff;
}
.tabcontent{
display: none;
}
#navigation-secondary {
}
#navigation-secondary h3 {
text-align: center;
margin: 0;
background: #036;
color: #fff;
font-weight: bold;
font-size: 0.85em;
width: 100%;
}
#navigation-secondary ul {
list-style: none;
list-style-type: none;
text-align: right;
padding: 0;
margin: 0.5em 0 0.75em;
width: 100%;
}
#navigation-secondary ul li {
margin: 0;
padding: 0;
display: inline;
}
#navigation-secondary ul li a {
display: block;
text-decoration: none;
padding: 1px 0;
padding-right: 1.5em;
}
#navigation-secondary ul li a:hover {
background: #fff;
}

/* **********************************
TEMPLATE SPECIFIC: HOME PAGE
********************************** */
#maincol-left {
float: left;
width: 49%;
}
#maincol-right {
float: right;
width: 49%;
}
.quartercol-left {
float: left;
width: 48%;
}
.quartercol-right {
float: right;
width: 48%;
}
.halfcol {
clear: both;
padding: 1em 0;
}
.quartercol-left ul, .quartercol-right ul, .halfcol ul {
margin: 0;
padding-left: 0;
list-style-type: none;
}
.quartercol-left ul li, .quartercol-right ul li, .halfcol ul li {
padding: 0.25em 0;
}
.quartercol-left, .quartercol-right, .halfcol {
font-size: 0.8em;
}
.quartercol-left h3, .quartercol-right h3, .halfcol h3 {
padding: 0;
margin: 0;
border-bottom: 3px solid #069;
margin-bottom: 0.25em;
color: #036;
font-size: 1.15em;
text-transform: uppercase;
}
#spotlight-home {
padding: 4px 10px;
background-color: #ecf1f5;
margin-top: 2px;
}
#spotlight-home p {
margin: 0.15em 0;
}
.highlight-channels ul {
float: left;
margin: 0 3em 0.5em 0;
list-style-type: disc;
list-style-position: inside;
}
.highlight-channels ul li {
padding: 0.3em 0 0.3em 0;
text-transform: capitalize;
}
.img-textwrap-left {
float: left;
padding: 2px 10px 4px 0;
}
.highlight-expert {
float: left;
margin: 0 1em 0.5em 0;
padding-top: 0.5em;
}
.highlight-expert img {
float: left;
padding: 0 0.5em 0.25em 0;
}
.highlight-expert ul li, .highlight-expert ul li a  {
padding: 0;
line-height: 1.25em;
}

.plain_list ul {
margin: 0 30px 0 30px;
list-style-type: disc;
/*list-style-position: inside;*/
}
.plain_list ul ul {
margin: 0px;
list-style-type: square;
/*list-style-position: inside;*/
}
.plain_list ul ul ul {
margin: 0px;
list-style-type: circle;
/*list-style-position: inside;*/
}
/* **********************************
TEMPLATE SPECIFIC: CHANNEL INDEX PAGE
********************************** */
#channelcol-side {
float: left;
width: 20%;
background: #ebf0f6;
margin-top: 11px;
}
div.firstperson {
margin: 3px;
}
div.firstperson h3 {
padding: 0;
margin: 0;
border-bottom: 3px solid #069;
margin-bottom: 0.25em;
color: #036;
font-size: 0.85em;
text-transform: uppercase;
}
.firstperson p {
font-size: 0.8em;
}
#channelcol-main {
float: right;
width: 78%;
}
#channelwelcome {
width: 100%;
}
#channelwelcome h3 {
background: #bcd2e6;
border-bottom: 0;
padding: 1px;
}
#channelwelcome p {
margin-top: 0.5em;
padding-right: 2em;
/*font-style: italic;*/
}
#channelwelcome .expertphoto {
float: left;
padding-right: 0;
margin: 0.5em 1.5em 0.5em 1.5em;
}
#channeltitlebar {
border-bottom: 1px solid #c4d0dc;
margin-bottom: 1px;
}
#channeltitlebar h2 {
width: 65%;
color: #036;
padding: 0;
margin: 0;
clear: left;
}
#button_setchannel {
width: 12em;
float: right;
background: #f60;
text-align: center;
margin-top: 2px;
}
#button_setchannel a {
display: block;
padding: 2px 0.5em;
color: #fff;
font-size: 0.85em;
font-weight: bold;
text-decoration: none;
}
/* **********************************
OTHER PAGE ELEMENTS
********************************** */

.authors {
color: #888;
/* font-style: italic; */
}

#article_summary {
margin-left: 5.0em;
margin-right: 3.5em;
margin-top: .5em;
font-size: 1.25em;
font-family: Georgia, Times, Verdana, serif;
color: #069;
}

#title {
/*border-bottom: 3px solid #069;
margin-bottom: 0.25em;*/
color: #036;
font-size: 2.15em;
font-weight: bold;
}
#subtitle {
margin-bottom: 0.25em;
color: #666;
font-size: 1.25em;
font-style: italic;
}
/* for list pages */
#subtitle_list {
color: #069;
font-style: italic;
}

#published {
margin: 10px 0;
}

#biobox {
background: #bcd2e6;
border: 1px solid #ccc;
margin: 20px 0;
padding: 10px;
}

a.test
	{
	display: block;
	text-decoration: none;
	margin-top: 3px;
	background: #F88935;
	color: #FFF;
	font-weight: bold;
	padding: 5px;
	}
	
a.test:hover
	{
	background: #BCD2E6;
	color: #666;	
	text-decoration: underline;
	}
#hidden_stuff
	{
	display: none;
	margin: 3px;
	font-size: .85em;
	color: #FFF;
	}
#hidden_stuff2
	{
	display: none;
	/*margin: 3px;
	font-size: .85em;*/
	color: #FFF;
	}
	
#newsletterbox {
background: #ecf1f5;
border: 1px solid #ccc;
margin: 20px 0;
padding: 10px;
width: 600px;
}
	
.featureyellow
	{
	vertical-align: top;
	width: 600px;
	background: #FFFFCC;
	margin: 5px;
	padding: 5px;
	border: 1px solid #999;
	align: center;
	}
/****************************
  Stuff for image pop overs
*****************************/

.thumbnail {
position: relative;
z-index: 0;
}
.thumbnail:hover {
background-color: transparent;
z-index: 50;
}
.thumbnail span{ /*enlarged image area*/
position: absolute;
background-color: #edf1f4;
padding: 5px;
left: -1000px;
border: 1px dotted #036;
visibility: hidden;
color: #036;
text-decoration: none;
}
.thumbnail span img {
border-width: 0;
padding: 2px;
}
.thumbnail:hover span { /*enlarged image on hover*/
visibility: visible;
top: 0;
left: -150px; /*horizontal offset */
}
.thumbnail-caption {
font-style: italic;
color: #036;
font-size: 95%;
}

/* **************************
Onsite Newsletter pages
***************************** */

#newsletter-adbox {
width: 502px;
text-align: center;
font-size: 10px;
position: relative;
left: 50%;
margin-left: -251px;
}
#newsletter-adbox .boundary {
width: 500px;
margin-bottom: 30px;
border: 1px dotted #aaa; /* old: #96c */
padding: 4px;
font-size: 11px;
background: #fff;
}