/*****************************************************************************
 *
 * ETHLife common styles
 *
 *****************************************************************************/
 /* write with no indent. Makes it easier to fumble in Firefox Webdeveloper*/

body { 
font-family: Verdana, Arial, Helvetica;
margin:0px; 
padding:0px;
font-size:76%;
line-height:1.3;
background: #ffffff url(ETHLifeImages/header_back.jpg) 0 0 repeat-x;
}

/* article */
#supertitle {
position: relative; top: -4em; color: #777777
}


/* Helper element to work with CSS floats */

.visualClear {
display: block;
clear: both;
font-size: 1%;
}


.discreet, #topstories .discreet {
margin:0px;
padding:0px;
color:#777777;
font-weight:normal;
font-size: 100%;
}


.breit {
width:100%;
}

p { margin:0px 0px 0px 0px;padding:0px 0px 5px 0px; }

#container {
margin:0px auto; /* for center alignment*/ 
padding: 0;
width:900px;
}

#columns {
background-image:url(ETHLifeImages/content_back.jpg);
background-repeat:repeat-y;
background-position:1px 0px;
float: left;
}

#header { 
background: #ffffff url(ETHLifeImages/header.jpg) 0 0 no-repeat;
}

#logos-header {
height: 70px;
}

#logos {
width:650px;
height: 50px;
float: left;
padding-top: 20px;
}

#search-tool {
width: 198px;
background: none;
float: right;
position: relative;
top: 40px;
right: 0px;
}

#tools-header {
clear: both;
display: block;
height: 15px;
margin-top: 2px;
}

#tools-header .backToTop {
display: none;
}

#search-tool input.searchfield {
    /* background-color:#3e92aa; */
    border:1px solid white;
    margin-left:0px;
    width:150px;
    font-size:0.8em;
    color:#000;
}

#search-tool input.searchbutton {
    background:transparent;
    border:0px solid transparent;
    color:#ffffff;
    font-size:0.8em;
}

#search-tool .servicenav {
    display: none;
}

#breadcrumb { 
width:431px;
}

#icons { 
width:270px;
text-align:right;
display: inline;
overflow:hidden;  /*fixes ie6 problem */ 
}

#sitemap { 
width:197px;
}




#pageicons-text {
text-align:left;
float: left;
padding-left: 10px;
}
#sitemaplink {
text-align:right;
float: right;
}



#breadcrumb, #icons, #sitemap {
float:left;
/*height:14px;*/
font-size:86%;
background-color:#ffffff;
padding:0px 0px;
color:#666666;
}

#footer #icons {
font-size: 100%
}

#sitemap a, #breadcrumb a, #icons a { 
text-decoration:none;
color:#666666;
}
/* #icons a { 
text-transform: capitalize;
} */


#leftbar { width:180px; float:left; clear: both;}
#content { width:520px; float:left;}
#rightbar { width:200px; float:left;}

#content { 
border-top:1px solid #ddd;
padding-top:0px;
}

/* TEXT */

h3, .big-left-slot #slot1 h4, .one-slot #slot1 h4 { 
color:#1b62b1;
margin:0px;
}
.big-left-slot #slot1 h4, .one-slot #slot1 h4 { font-size:1.3em;margin-top:4px;margin-bottom:4px;}

h3 { 
   font-family:Times, Times New Roman, serif;
   color:#1b62b1;
   font-weight:normal;
   margin-bottom:4px;
   margin-top:0px;
}

ul.sitemap {
margin-bottom: 20px;
}

ul.sitemap, ul.sitemap ul {
list-style-type:none;
list-style-image: none;
}

ul.sitemap h3 {
font-family: Arial, Helvetica;
}


h4 { color:black;font-size:1em;margin:0px;padding:0px;}


/* BOX */
div.box { 
   margin:0px;
   padding:0px;
   border-top:1px solid #ddd;
   padding:4px 0px 15px 0px;
   clear:left;
}
div.box a { text-decoration:none;color:#1b62b1;}
#leftbar div.box { padding-left:1px;}
#rightbar div.box { padding-left:10px; }
#leftbar .highlight h3, #rightbar .highlight h3, 
#leftbar .highlight a, #rightbar .highlight a {
   color: #669933;
}

.box h3, .box p { margin:0px;padding:0px;}
.box h3 { 
   clear:left;
   margin-bottom:10px;
   color:#000;
   font-size: 134%;
   text-transform: uppercase;
}

.box img {margin-bottom:5px;border: 1px solid #ddd;}

.box a:link, .box a:visited, .box a:active {
    color:#1b62b1;
    text-decoration: none;
}

.box a:hover {
    text-decoration: underline;
}

.box .portlet_text {
margin-bottom: 1em;
}

.box .portlet_item {
margin-bottom: 5px;
}

.box .portlet_item_thumbnail {
float: left;
margin-right: 5px;
}

.box .portlet_item_title {
margin-bottom: 0;
padding-bottom: 0;
line-height: 1.1em;
}

.box .portlet_item_more_link {
margin-top: 0;
padding-top: 0;
line-height: 1.1em;
}

.box .portlet_related_article {
text-align: right;
}

.box .portlet_more_link {
text-align: left;
}

/*
.intern a, .intern h3 {
color: #669934 !important;
} */

#leftbar .box {
padding-right: 10px;
}


/* CATEGORIES */

#newsticker {
padding:10px 10px 10px 10px;
border-top: 1px solid #ddd;
}

#newsticker h3 {
   clear:left;
   margin:0px;
   margin-bottom:0px;
   color:#000;
   font-size: 110%;
   text-transform: uppercase;
   padding: 4px 0 10px 0;
}

#newsticker h4 {
   clear:left;
   margin: 0;
   color:black;
   font-size: 100%;
   /* text-transform: normal; */
   font-weight: bold;
   padding: 0;
}

#newsticker h4 a:link, #newsticker h4 a:visited, #newsticker h4 a:active {
}

#newsticker .newstickeritem {
margin-bottom: 8px;
}

#newsticker #batch-navigation {
margin-top: 10px;
}


#topstories { 
   /*border-bottom:1px solid #ddd;*/
}
.storiesslot { 
background-color:#E6EEF9;
padding: 10px 10px 0 10px;
}

#topstories .topstoryitem {
padding-bottom: 0px;
}

#topstories .topstoryitem .topstory_image {
float:left;
width: 233px;
}

.topstory_textblock_small {
float: left;
margin-left: 15px;
border-top: 1px solid #dddddd;
width: 252px;
}
.topstory_textblock_large {
float: left;
margin-left: 0px;
border-top: 1px solid #dddddd;
width: 500px;
}

#topstories h3 {
   clear:left;
   margin:0px;
   margin-bottom:2px;
   color:#1b62b1;
   font-size: 110%;
   text-transform: uppercase;
   padding: 4px 0 0 0;
}

#topstories h4 {
clear:left;
margin: 0;
color:black;
font-size:1.3em;
margin-top:4px;
margin-bottom:4px;
/* text-transform: normal; */
font-weight: bold;
}


#topstories #slot2 h4 a:link, #topstories #slot2 h4 a:visited  {
color:#1B62B1;
}

#topstories #slot2 h4 a:hover  {
color:#1b62b1;
}

.big-left-slot { 
background-position:290px 0px;
background-color:#E6EEF9;
background-image:url(ETHLifeImages/line_back.jpg);
background-repeat:repeat-y;
padding: 0;
}

.equal-slots { 
background-position:255px 0px;
background-color:#E6EEF9;
background-image:url(ETHLifeImages/line_back.jpg);
background-repeat:repeat-y;
padding: 0;
}

.one-slot {
background-color:#E6EEF9;
background-repeat:repeat-y;
padding: 0;
}

#slot1 { float:left;padding-left:10px;padding-right:10px;}
#slot2 { float:left;padding-right:5px;}
.big-left-slot #slot1 {width:280px}
.big-left-slot #slot2 {width:215px}
.equal-slots #slot1 {width:250px}
.equal-slots #slot2 {width:245px}
.one-slot #slot1 {width:500px}
#topstories p { margin-bottom:2px;}
#topstories a, #newsticker a { text-decoration:none;color:#1b62b1;}
#newsticker h4 a { text-decoration:none;color:#1B62B1;}
#newsticker h4 a:hover { text-decoration:none;color:#1b62b1;}
#newsticker h4 {margin:0px;padding:0px;}

/* NAVIGATION */
#navigation { font-weight:bold;}
#navigation li {margin:0px;padding:0px;list-style-type:none;}
#navigation a { text-decoration:none;color:#1B62B1;}
#navigation ul {padding-left:0px;font-weight:bold;margin:0px;}
#navigation ul ul {padding-left:10px;font-weight:bold;}

#navigation .subnav-lev1 {
padding-left:0px;
font-weight: bold;
}
#navigation .subnav-lev2 {
padding-left:0px;
font-weight: bold;
}
#navigation .subnav-lev3 {
padding-left:10px;
}
#navigation .subnav-lev4 {
padding-left:20px;
}
#navigation .subnav-on {
color:#1b62b1;
}
#navigation .subnav-off:hover {
color:#1b62b1;
}

/* FOOTER */
#footer {
   clear:left;
   border-top:6px solid #ddd;
   background-color:#ffffff;
   color:#666666;
   padding-bottom:5px;
   padding-top: 3px;
   font-size: 86%;
}

#footer a {
   text-decoration:none;
   color:#666666;
}

/* TEXT ARTICLE */


/*.content-block p, #dock-message, .heading, .supertitle, .content-block table, .content-block div.tablemargin {*/
.content-block p, #dock-message, h2.heading, h3.heading, .supertitle, .content-block table, .content-block div.tablemargin, .content-block form {
padding:0px 0px 5px 0px;
margin-right: 10px;
margin-left: 10px;
}

.content-block .articleitem-content p {
    margin-top:2px;
}

.supertitle {
    padding: 0;
}

.content-block #dock-comments form, div.searchbox form {
padding:0px 0px 0px 0px;
margin-right: 0px;
margin-left: 0px;
}

.heading {
padding-bottom: 5px;
}

.content-block table.grid td, .content-block table.datagrid td {
border: 1px solid black !important;
}
.content-block table.grid tr.rowheading td, .content-block table.datagrid tr.rowheading td {
border-right: 1px solid black !important;
border-bottom: 2px solid black !important;
}

.content-block .supertitle {
   padding-top:5px;
   color: #888888;
   /* font-style:italic;
   font-family:Times, Times New Roman, serif; */
   font-size:100%;
   line-height:1.2;
}

.content-block h2.heading, .content-block h3.heading {
   color:#000;
   margin-bottom:8px;
   margin-top: 0;
   /* font-family: Times, Times New Roman, serif; */
   padding-top:5px;
   font-size: 146%;
   font-weight:bold;
}

.content-block h2.heading {
    font-family: Times, Times New Roman, serif;
    padding-top:4px;
    line-height:1.2;
    font-size:196%;
    font-weight:normal;
}

.articleheading h2.heading {
    font-family: Verdana, Arial, Helvetica;
    font-size:146%;
    font-weight:bold;
}

.content-block h4.heading, .content-block h5.heading {
    padding:0px 10px;
    /* font-family: Times, Times New Roman, serif; */
    color: black;
    font-size: 110%;
    font-weight:bold;
}


.content-block p {
    font-family: Verdana, Arial, Helvetica;
    color: black;
}

.content-block p.annotation {
    background-color: #D3E1F4;
    font-style: normal;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 8px;
    padding-bottom: 9px;
    border-top: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    margin-right: 0;
    margin-left: 0;
    padding-right: 10px;
    padding-left: 10px;
}

.content-block h6.minor {
    background-color: #D3E1F4;
    padding:5px 10px 3px 10px;
    font-family: Verdana, Arial, Helvetica;
    color: black;
    font-weight: bold;
    font-size: 110%;
    margin-bottom: -2px;
    margin-top: 0;
    border-top: 2px solid #ffffff;
    position: relative;
    bottom: -2px;
}



#article h3, #article h4, #article h2, #article p, #article .float-left {
    padding:0px 10px;
    font-family: Verdana, Arial, Helvetica;
    color: black;
}
#article .float-left { padding-right:0px;}
#article h2 { color:#1b62b1; margin:5px 0px; }

#article h3, #article p.teaser {
    font-weight:bold;
}
#article h4 { font-weight:normal; padding-top:10px;}

.content-block #text {
    background-color:#E6EEF9;
    padding-bottom:0px;
}

/* #text.intern {
    background-color: #E9EFE1 !important;
}

#text.intern a, #text.intern h2 {
    color: #669934 !important;
} */

.content-block-silva-content {
    background-color: #E6EEF9 !important;
}

.dock-images, .dock-downloads, .dock-links, .dock-message, .dock-comments, .dock-subjects, .dock-target-audiences {
margin: 10px;
display: block;
clear: both;
border-bottom: 1px solid #ddd;
padding-bottom: 5px;
}

.dock-event {
margin: 0px 10px 15px 10px;
display: block;
clear: both;
color: #888888;
}


#dock-images {
margin-bottom: 0px;
}

.dock-comments {
border-bottom: none;
}

#dock-authors {
margin: -7px 0px -2.5px 10px;
display: block;
clear: both;
color: #888888;
height: 25px;
padding: 3px 0px 5px 0px;
font-style:italic;
font-size: 110%;
}

#dock-info {
margin: 0px 5px;
display: block;
clear: both;
border-top: 1px solid #ddd;
padding: 3px 0px 5px 0px;
color: #888888;
}

#dock-share {
margin: 0px 5px 10px 10px;
display: block;
clear: both;
padding: 3px 0px 5px 0px;
color: #888888;
height:8px;
font-size:86%;
}

.dock-title {
    /* font-family: Times, Times New Roman, serif;
    text-transform:uppercase; */
    color: #000;
    font-weight: bold;
    font-size: 110%;
}
/*
.intern #dock-info {
border-top: 1px solid #669934;
}

.intern .dock-title {
color: #669934 !important;
} */

#dock-images .picture-div {
float: left;
margin-right: 10px;
display: block;
padding: 5px 0;
}


#dock-images .picture-legend {
color: #888888;
font-size: 90%;
padding-bottom: 5px;
}

#dock-dossier {
margin: 10px 0;
display: block;
clear: both;
background-color: #D3E1F4;
font-style: normal;
margin-top: 0;
margin-bottom: 0;
padding: 5px 10px 10px 10px;
border-top: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
}

#dock-dossier .dock-title {
padding:5px 0px 5px 0px;
font-family: Verdana, Arial, Helvetica;
color: black;
font-weight: bold;
font-size: 110%;
margin-top: 0;
}

#dock-dossier h4 {
font-size: 100%;
padding:7px 0 0 0;
margin:0;
}

#dock-dossier h4 a, #dock-dossier h4 a:active, #dock-dossier h4 a:visited { text-decoration:none;color:#1B62B1;}
#dock-dossier h4 a:hover { text-decoration:underline;color:#1b62b1;}


#article #highlight { background-color:#D3E1F4;padding:10px 0px;}
#article #comments h3, #article #references h3  { color:#1b62b1; padding-bottom:10px;}
#article #references, #article #comments { 
    margin:10px;
    border-bottom:1px solid #d2dfd6;
    padding-bottom:10px;
}

#article #comments h3, #article #comments p, #article #references h3, #article #references p {
    margin:0px 0px;
    padding:0px;
    font-family: Verdana, Arial, Helvetica;
}


.content-block a:link, .content-block a:visited, .content-block a:active  {
    color:#1b62b1;
    text-decoration: none;
}

.content-block a:hover {
    text-decoration: underline;
}

#article-footer a {
   text-decoration:none;
   color:#666666;
}

#article-footer {
   color:#666666; padding-left:10px;
   padding-bottom:10px;
}


/* HELPERS */
.clear-left { clear:left; }
.clear-both { clear:both; }
.invisible {visibility:hidden;}

/* VIEWER LISTING */


#viewer-listing, #viewer-archive, #viewer-search {
padding: 0 10px 20px 10px;
}

#viewer-listing .searchbox {
margin-bottom: 1.5em;
}

.viewer-listing-div {
clear: both;    
}

#viewer-listing .viewer-listing-div, #viewer-archive .viewer-listing-div, #viewer-search .viewer-listing-div, #dock-dossier .viewer-listing-div {
/*clear: right;*/
clear: both;
border-top: 1px solid #cccccc;
padding-bottom: 8px;
padding-top: 8px;
display: block;
}

#dock-dossier .viewer-listing-div {
border-top: 1px solid #bbbbbb;
}

.viewer-listing-div .viewer-listing-item-thumbnail {
float: left;
/*float: right;*/
margin-top: 1px;
margin-right: 10px;
/*margin-left: 12px;*/
margin-bottom: 6px;
}

.viewer-listing-div .viewer-listing-item-thumbnail img {
border: 1px solid #cccccc;
}

#dock-dossier .viewer-listing-div .viewer-listing-item-thumbnail img {
border: 1px solid #bbbbbb;
}

.viewer-listing-div .viewer-listing-item {
margin-top: 0px;
margin-bottom: 0px;
}

.viewer-listing-div .viewer-listing-item-title {
font-weight: bold;
line-height: 1.2em;
padding-bottom: 3px;
}

.viewer-listing-div .viewer-listing-item-title a,
.viewer-listing-div .viewer-listing-item-title a:visited { 
text-decoration:none;
color:#1b62b1;
}

.viewer-listing-div .viewer-listing-item-title a:hover { 
color:#1b62b1;
}

.viewer-listing-div .viewer-listing-item-teaser {
line-height: 1.2em;
}

.viewer-listing-div .viewer-listing-item-datetime {
color: #888888;
font-size: 86%;
font-weight: normal;
}

.viewer-listing-div .viewer-listing-item-info {
color: #888888;
font-size: 86%;
}

.viewer-listing-div .viewer-listing-item-morelink {
}

#viewer-listing .viewer-listing-item-link, #viewer-archive .viewer-listing-item-link, #viewer-search .viewer-listing-item-link {
border-top: 1px solid #dddddd;
padding-top: 2em;
margin-top: 1px;
clear: both;
}

#viewer-archive .timetable {
width: 100%;
border-top: 0px solid #ffffff;
border-bottom: 0px solid #ffffff;
background-color: #ffffff;
padding: 0;
margin: 10px 0;
}

#viewer-archive .timetable td {
padding: 2px 0 0 0;
margin: 0;
text-align: center;
}

#viewer-archive .selected_month  {
font-weight: bold;
}

.viewer-listing-comment {
margin: 10px 0; 
}



.startpageitem-content {
border-top: 1px solid #ddd;
}

a:hover {
text-decoration: underline !important;
}

.comment-info {
color: #888888 !important;
}


#commentform {
padding-top: 1em;
}

#commenttext {
width: 95%;
}

#tag_image_bigmain {
 float:left;
 margin: 0 10px 1px 0px; 
 padding-left: 10px;
 clear: right;
 }

#tag_image_main {
 float:left;
 margin: 5px 15px 6px 0px;
 padding-left: 10px;
 clear: right;
 }

 
#tag_image_main .legend_image_main {
color:#666666;
font-size: 90%;
width:230px; /* before 267px */
padding-top:2px;
}

/* #text.intern p.annotation, #text.intern h6.minor, #dock-dossier.intern {
    background-color: #DAE5CB !important;
} */

.portalMessage {
padding: 5px;
border: 1px solid #aaaaaa;
background-color: white;
font-weight: bold;
}

.menuItemSeparator {
color:#1b62b1;
}

.toolsItemSeparator {

}

.paddingTopViewerMenu {
padding-top: 3px;
}

.marginBottomViewerMenu {
margin-bottom: 15px;
}

.paddingLeftViewerMenu {
padding-left: 10px;
}


.bigPaddingTopViewerMenu {
padding-top: 15px;
}

.newsitem_description td {
line-height: 1em;
}



.inv h4 {
border-top: 1px solid #cccccc;
font-size: 100%;
padding:2px 0px 5px 0px;
margin-right: 10px;
margin-left: 10px;
}

.inv .newsitem_description {
}

.inv h4 a, .inv h4 a:active, .inv h4 a:visited { text-decoration:none;color:#1B62B1 !important;}
.inv h4 a:hover { text-decoration:underline;color:#1b62b1 !important;}


.rssLink {
background: transparent url(ETHLifeImages/rss_feed.gif) 0px 1px no-repeat;
padding: 3px 0px 3px 20px;
}

#comments ul li {
   padding-bottom:7px;
}

div#comments.box ul {
    list-style-type:none;
    margin-left:0;
    padding-left:0;
}