/* ################################# Style sheet for Energy Global | Last updated 11/08/2009 ################################# */

/* ################################# MASTER STYLES ################################# */

* {
font-family:Tahoma, Arial, Helvetica, Sans-Serif;
font-size:100%;
margin:0;
padding:0;
}



    body {
    text-align:center;
    font-size:75%;
    line-height:180%;
    background: #333;
    }

        #wrapper {
        width:100%;
        background:#fff;
        text-align:left;
        margin:0 auto;
        }

/* ################################# HEADER ################################# */

#header {
height:auto;
margin:40px 0 0 0;
}

    #header a {
    color:#000;
    }

    #header a:hover {
    color:#000;
    text-decoration:underline;
    }

#header div.logo {
float:left;
margin: 0;
}

    #header div.logo a {
    text-decoration:none
    }

#header div.headerlinks {
display:none;
}

    #header div.headerlinks p{
    font-size:90%;
    }
    
#header div#headersearch input {
float:left;
}
    
#header div#headersearch input.button {
display:block;
float:right;
padding:1px 0;
width:60px;
height:17px;
}

/* ################################# NAVIGATION ################################# */



    #navigation li.rmFirst a{
    
    }



#navigation ul.rmRootGroup {
border-top:1px solid #484744;
border-bottom:1px solid #c3c2c1;
background:#000000;
height:37px;
}

#navigation div.rmScrollWrap {
top:2px !important;
}

    #navigation div.rmScrollWrap a {
    font-size:100%;
    padding-top:0;
    }

        #navigation div.rmScrollWrap a:hover {
        font-size:100%;
        padding-top:0;
        margin:0;
        background:none;
        }
        
#navigation {
visibility:hidden;
}

    

    #navigation div.rtsLevel1 a {
    cursor:pointer;
    color:#fff;
    text-decoration:none;
    font-size:120%;
    padding-top:4px;
    height:25px;
    float:left;
    }
    
    #navigation div.rtsLevel1 a.rtsSelected {
    padding-top:4px;
    background:url(../media/img_navigation-hover.gif) repeat-x -2px 0;
    height:25px;
    }

        #navigation div.rtsLevel1 a:hover {
        padding-top:4px;
        background:url(../media/img_navigation-hover.gif) repeat-x -2px 0;
        height:25px;
        }

#navigation div.rtsLevel1 {
background-color:#000000;
border-bottom:1px solid #FFFFFF;
}

    #navigation div.rtsLevel2 a.rtsSelected {
    text-decoration:none;
    background-color:#959CA1;
    }

/* ################################# BREADCRUMB ################################# */

#breadcrumb{
display:none;
margin:0 10px;
}
p.breadcrumbtext{
font-size:90%;
}

#breadcrumbhome{
margin:0 10px 0 15px;
padding:6px 0;
}

#breadcrumbtext{

}

    body#home #breadcrumbtext,body#home p.breadcrumbtext {
    display:none;
    }
    
    #breadcrumbhome {
    display:none;
    }
    body#home #breadcrumbhome {
    display:block;
    }
    
    #breadcrumbtext a:hover {
    text-decoration:none;
    }

#addthis{
float:right;
margin: 5px 0 0;
}

/* ################################# RIGHTNAVIGATION ################################# */

#rightnavigation {
display:none;
}

    #rightnavigation h1 {
    background: #000 none;
    border-top: none;
    border-bottom: solid 5px #c5c5c5;
    }
    
        #rightnavigation h1 a {
        font-size:80%;
        margin:0 15px 0 0;
        text-transform:lowercase;
        }
        
#rightnavigation div.box input.button {
margin:10px;
padding:5px 25px;
width:281px;
}

#rightnavigation div.box a.button {
clear:none;
float:left;
}
        
#rightnavigation div.box ul {
padding:6px 0 6px 15px;
}
    
    #rightnavigation div.tagcloud ul li {
    list-style-type:none;
    display:inline;
    line-height:35px;
    } 
        #rightnavigation div.tagcloud p {
        padding:0
        margin:10px;
        }      
        
            #rightnavigation div.tagcloud a.tag1 {font-size:120%;}
            #rightnavigation div.tagcloud a.tag2 {font-size:130%;}
            #rightnavigation div.tagcloud a.tag3 {font-size:150%;}
            #rightnavigation div.tagcloud a.tag4 {font-size:170%;}
            #rightnavigation div.tagcloud a.tag5 {font-size:190%;}
            #rightnavigation div.tagcloud a.tag6 {font-size:190%;}
            #rightnavigation div.tagcloud a {color:#333;}    

/* ################################# MAINCONTENT ################################# */

#MainContent {
float:left;
margin:0 0 0 10px;
padding:0 0 10px;
width:100%;
}
	
    div.maincontentright {
    width:635px;
    }


    div.maincontentfull {
    width:970px;
    }

/* ################################# FOOTER ################################# */

#footer {
position:absolute;
top:0;
}

    #footer p {
    line-height:15px;
    color:#b6b8ba;
    text-align:center;
    padding:6px 0;
    clear:left;
    }

    #footer p strong{
    color:#b6b8ba;
    }

#footer div {
display:none;
}

    #footer div p, #footer div li {
    text-align:left;
    }

    #footer li{
    color:#b6b8ba;
    list-style-type:none;
    }

    #footer a {
    color:#b6b8ba;
    }

        #footer a:hover {
        color:#7ca922;
        }

/* ################################# SITE CREDITS #################################*/

#sitecredit p {
display:none;
text-align:center;
}

#sitecredit a {
color:#fff;
background: url(/media/flareicon.gif) no-repeat left;
padding:5px 5px 5px 23px;
margin: 3px 0 3px 0;
}

    #sitecredit a:hover{
    text-decoration:none;
    }

/* ################################# POP UP WINDOWS ################################# */

#pop {
background: #fff;
width: 409px;
margin: 2px;
text-align: left;
padding: 10px;
}

/* ################################# BOXES ################################# */

#rightnavigation div.box {
clear:left;
}

div.box {
margin:0 0 15px 0;
border:solid 5px #c5c5c5;
}

    /* ### FORMS ON RIGHTNAV ### */
    div.box span {
    display:block;
    margin: 3px 0 3px 10px;
    }
    
    div.box input[type="text"], div.box textarea {
    background:#e8eaeb;
    border:1px solid #d5d6d7;
    margin: 0 0 0 10px;
    width:275px;
    padding:2px;
    }
    
    div.box textarea {
    height:80px;
    }

    div.box img.MagazineImg {
    margin:5px;
    float:left;
    }

div.columns {
border:1px solid #C5C5C5;
float:left;
margin:7.5px 12px 15px;
padding:5px;
width:185px;
}

    div.columns h2{
    padding-left:0;
    }

    div.columns p {
    padding-left:0;
    min-height:155px;
    float:left;
    }
    
    div.columns p a {
    clear:left;
    }

div.first {
margin-left:0;
}

div.last {
margin-right:0;
}

/* ################################# ADVERTS ################################# */

div.advert{
background: #c5c5c5;
height:73px;
margin:0 0 15px 0;
clear:both;
}

    div.advert p{
    float:left;
    text-align:center;
    }

    div.advert img{
    margin:0 auto;
    text-align:center;
    vertical-align:middle;
    }
    
#rightnavigation div.advert{
height:auto;
padding:5px;
margin:0 0 15px 0;
}

    #rightnavigation div.advert p{
    float:none;
    }
    
/* ################################# ARTICLES ################################# */

    #MainContent ul.ArticleList li {
    list-style-type:none;
    display:block;
    background:#e8eaeb;
    margin:10px 0;
    padding:5px;
    min-height:118px;
    clear:left;
    }

    #MainContent ul.ArticleList p, #MainContent ul.ArticleList h2 {
    }

    ul.ArticleList li div {
    margin:0 10px 0 0;
    }
    
        ul.ArticleList li div.left {
        float:left;
        width:180px;
        text-align:center;
        min-height:1px;
        }
        
            body#Magazines ul.ArticleList li div.left, body#MagazineReprints ul.ArticleList li div.left  {
            width:auto;
            }
            
            body#Jobs ul.ArticleList li div.left img {
            margin:6px 0;
            border:1px solid #666;
            }
        
        ul.ArticleList li div.right img {
        float:right;
        }
        
        
        body#Events ul.ArticleList li div.right{
        width:auto;
        }

        /* MAGAZINES OVERVIEW PAGE */
        
        body#Magazines ul.ArticleList li {
        clear:right;
        height:auto;
        }
        
        body#Magazines ul.ArticleList li:hover {
        background:#C5C5C5;
        }
        
        body#Magazines ul.ArticleList li div.right img {
        float:none;
        }
        
        body#Magazines #MainContent ul.ArticleList p, body#Magazines #MainContent ul.ArticleList h2 {
        margin:0 0 0 0;
        }

        body#Magazines ul.ArticleList li a.overlay {
        height:128px;
        margin:-5px 0 0 -5px;
        position:absolute;
        width:640px;
        }
        
        ul.ArticleList li p a {
        background-color:#000000;
        border:medium none;
        clear:left;
        color:#ffffff;
        cursor:pointer;
        display:block;
        float:left;
        margin:6px 0;
        text-align:center;
        width:120px;
        display:none;
        }
        
        body#Magazines ul.ArticleList li p a {    
        clear:none;
        margin:6px 5px 6px 0;
        }
        
/* ################################# EVENTS ################################# */

div.EventList {
margin:10px 0 10px;
}

    #MainContent ul.EventList li {
    list-style-type:none;
    display:block;
    border-bottom:dotted 1px #e8eaeb;
    clear:left;
    }
    
        #MainContent ul.EventList li p a {
        background-color:#000000;
        border:medium none;
        clear:left;
        color:#ffffff;
        cursor:pointer;
        display:block;
        margin:6px 0;
        text-align:center;
        width:120px;
        }
    
    ul.EventList li.last {
    border-bottom:none;
    }
    
    div.EventList img {
    margin:0 0 0 15px;
    }

/* ################################# QUICKLINKS ################################# */
    
div.quicklinks {
background-color:#666666;
border:5px solid #666666;
}

    div.quicklinks h2 {
    color:#fff;
    }
    
    #rightnavigation div.quicklinks ul {
    padding:0 0 3px 35px;
    }
    
    div.quicklinks li {
    color:#fff;
    list-style-type:none;
    }
    
    div.quicklinks li a {
    color:#fff;
    }
    

/* ################################# LATEST MAGAZINES ################################# */

#footer div.LatestMagazines {
clear:left;
width:100%;
margin:0;
}

div.LatestMagazines ul {
margin:0 auto;
width:500px;
}

div.LatestMagazines li {
display:inline;
padding:0 10px;
}

div.LatestMagazines img {
display:inline;
}

#footer div.LatestMagazines p {
padding:6px 15px;
}

#ImageEditorThumbImage {
float:left;
margin:6px 15px 15px;
}

/* ################################# Highlighted area ################################ */

div.HighlightedArea {
background-color:#7CA922;
margin:15px 0;
clear:both;
}
    
    div.HighlightedArea img#Image_CoverImageThumb {
    margin:6px 10px;
    }
    
    div.HighlightedArea div.imgfloatbox {
    background-color:#000000;
    margin:185px 0 0 0;
    position:absolute;
    width:415px;
    height:50px;
    z-index:2;
    opacity:0.60;
    filter:Alpha(opacity=60); 
    float:left;
    }
    
    div.HighlightedArea div.imgfloattext {
    float:left;
    margin:185px 0 0 0;
    position:absolute;
    width:415px;
    z-index:3;
    }
    
    div.HighlightedArea div.imgfloattext p {
    color:#fff;
    float:none;
    padding:6px 15px;
    width:auto;
    }
    
    div.HighlightedArea p {
    float:right;
    padding:6px 15px 10px 15px;
    width:195px;
    color:#fff;
    }
    
        body#IndustryDirectory div.HighlightedArea p {
        float:none;
        padding:6px 15px 10px 15px;
        
        color:#fff;
        }
    
    div.HighlightedArea div.left {
    float:left;
    padding:4px 0 0 0;
    }
    
    div.HighlightedArea div.left p {
    float:none;
    width:425px;
    margin:0;
    }
    
    div.HighlightedArea div.right {

    padding:6px 15px 15px 0;
    }
    
    div.HighlightedArea div.right p {
    width:455px;
    }
    
    div.HighlightedArea div.right h2, div.HighlightedArea div.left h2 {
    color:#fff;
    }
    
    div.HighlightedArea div.right h2 {
    padding: 6px 15px;
    }
    
    div.HighlightedArea div.right h3 {
    color:#fff;
    }
    
    div.HighlightedArea ul {
    clear:right;
    float:right;
    margin:15px 45px 0 0;
    }
    
    div.HighlightedArea div.right ul {
    margin:6px;
    }
    
        body#Events div.HighlightedArea div.right ul {
        margin:0;
        }

        #MainContent div.HighlightedArea ul li {
        list-style-type:none;
        padding:0 0 3px;
        margin:0;
        color:#fff;
        }
        
        div.HighlightedArea a, div.HighlightedArea h2 a {
        color:#fff;
        
        }
        
    div.HighlightedArea table {
    float:right;
    margin:0 15px 15px 0;
    }
        
        
/* ### Current issue ### */

div.Issue img {
width:auto;
height:auto;
float:left;
margin:10px;
}

div.Issue input.button {
float:none;
}

div.Issue p {
float:none;
width:auto;
}
        
/* ### Job form ### */

div.HighlightedArea select, div.HighlightedArea label, div.HighlightedArea input {
clear:right;
float:right;
margin:0;
width:152px;
}

div.HighlightedArea input[type="button"] {
width:156px;
}

div.HighlightedArea label {
color:#fff;
}

div.HighlightedArea select {
margin-bottom:5px;
width:155px;
}


        
        
/* ################################# FORMS ################################# */

div.FormError, div.errorbox {
background:#C5C5C5 url(/media/warning.gif) no-repeat 5px 7px;
margin:0 0 10px 0;
min-height:37px;
}

div.FormError p, div.errorbox p{
color:#cc0000;
padding:3px 35px;
}

div#searchCondition div.errorbox {
margin:10px 0;

}

div.FormError li, div.errorbox li {
color:#cc0000;
}

span.NoResults {
display:block;
font-weight:700;
margin:10px 0;
padding:15px 10px;
text-align:center;
width:100%;
background:#C5C5C5 url(/media/warning.gif) no-repeat 7px 7px;
}

table.IndustryList {
width:100%;
border-spacing: 5px;
}

table.IndustryList td {
}

table.IndustryList td div {
margin:15px 15px 5px;
}

table.IndustryList td div p, table.IndustryList td div h2{
padding:6px 0
}

table.IndustryList td div img {
border:1px solid #666666;
padding:10px;
}

table.OtherIndustryList {
width:100%;
}

table.OtherIndustryList td {
background-color:#E8EAEB;
border-bottom: 5px solid #fff;
}

table#contactform {
margin:0 auto 0 auto;
border-spacing:0;
border-collapse:collapse;
}

table#contactform td {
padding:5px;
}
table#contactform input {
width:300px;
margin:2px 0 0 0;
}

table#contactform input[type=checkbox] {
width:auto;
} 

table#contactform textarea {
width:300px
} 

table#contactform select {
width:304px;
}

/* ################################# TYPOGRAPHY ################################# */

h1{
font-size:120%;
color:#ffffff;
display:block;
background: #4E821F url(../media/img_bg-header-fade.gif) no-repeat right;
border-top: solid 1px #7da250;
border-bottom: solid 1px #a9c18b;
font-weight:normal;
padding:6px 0 6px 15px;
text-transform:uppercase;
clear:left;
}

h2,h3,h4,h5,h6{
font-size:130%;
font-weight:normal;
color:#7ca922;
padding:6px 15px;
}

h2.sectiontitle {
padding-left:0;
}

p{
padding:6px 15px 6px 15px;
}

#MainContent ul li {
list-style-type:square;
margin:6px 45px;
}

#MainContent ol li {
list-style-type:decimal;
margin:6px 35px;
}

.red {
color:#ff0000;
}

.small {
font-size:85%;
}

.large {
font-size:120%;
}

.alignleft{
text-align:left;
}

.aligncenter {
text-align:center;
}

.alignright{
text-align:right;
}

/* ################################# LINK STYLES ################################# */

a, a:visited, a:active {
text-decoration:none;
color:#7ca922;
}

a:hover {
text-decoration:underline;
color:#7ca922;
}
/* ################################# TABLES ################################# */

/* #### STYLED #### */

td{
vertical-align:top;
}

body#Issue tr td {
border-bottom: 1px dotted #E8EAEB;
}

table.styled {
width:620px;
border-spacing:0;
margin:15px auto;
background-color:#fff;
}

table.styled thead th {
color:#7ca922;
font-weight:normal;
padding:10px 15px;
font-size:1.4em;
}

table.styled tbody td {
font-weight:700;
padding:10px 15px;
vertical-align:top;
text-align:left;
background-color:#E8EAEB;
}

table.styled tbody tr.shaded td {
}

td h2 {
}

td h2 a, td h2 a:active, td h2 a:visited {
color:#fff;
}

table.styled tbody td input.button {
margin:2px 0 0 0;
float:right;
}

/* MAGAZINE SUBSCRIPTION */

div#updateSubscribe {
margin:15px 0 0 0;
background-color:#fff;
}

div#updateSubscribe div {
border:5px solid #CCCCCC;
float:left;
height:348px;
margin:10px 0 0;
width:237px;
}

div#updateSubscribe div p {

}

div#updateSubscribe div input {

}

div#updateSubscribe div input {
}

table.MagazineSubscription{
float:left;
border-spacing:0;
border-collapse:collapse;
margin:10px 0 10px 15px;
}

table.MagazineSubscription td {
padding:0 6px 6px 0;
}

/* ### SUBSCRIBE INLINE IMG LIST ### */

#MainContent ul.subscribeinline {
padding:10px 0;
}

#MainContent ul.subscribeinline li {
float:left;
list-style-type:none;
margin:6px 0;
width:155px;
text-align:center;
}

#MainContent ul.subscribeinline li h3, #MainContent ul.subscribeinline li p {
padding:6px 0;
}

/* ### Archive INLINE LIST ### */

ul.MagazineArchive li {
display:inline;
float:left;
width:212px;
text-align:center;
padding:10px 0;
}

ul.MagazineArchive li:hover {
background-color:#E8EAEB;
}

ul.MagazineArchive p {
padding:0;
}

/* ################################# TABS general ################################# */

#MainContent li.rtsLI {
background:#c5c5c5;
float:left;
list-style-type:none;
margin:0 0 0 0;
}

a.rtsLink {
display:block;
padding:0 0 0 15px;
color:#fff;
text-decoration:none;
}

a.rtsSelected {
background-color:#666666;
}

span.rtsTxt {
color:#fff;
text-decoration:none;
}

/* ################################# Extra bits ################################# */

div.DataPager, span.DataPager {
background-color:#7CA922;
padding:10px 15px;
color:#fff;
font-weight:700;
display:block;
}

div.DataPager a, span.DataPager a {
font-weight:normal;
color:#fff;
}

div.DataPager a:hover, span.DataPager a:hover {
text-decoration:underline;
}


input.button {
background:#000000 none repeat scroll 0 0;
border:medium none;
color:#FFFFFF;
cursor:pointer;
text-align:center;
display:none;
}

    #MainContent input.button {
    padding:2px 0;
    width:120px;
    }

a.button {
background-color:#000000;
border:medium none;
clear:left;
color:#ffffff;
cursor:pointer;
display:block;
margin:6px 0;
text-align:center;
width:120px;
display:none;
}
.clearfloat {
clear:both;
}

.hide {
display:none;
}

hr {
display:none;
visibility:hidden;
clear:both;
}

span.NoResults {
display:block;
font-weight:700;
margin:10px 0;
padding:15px 10px;
text-align:center;
width:100%;
background:#C5C5C5 url(/media/warning.gif) no-repeat 7px 7px;
}

span.NoResults a {
color:#cc0000;
text-decoration:underline;
}

img {
border:0;
image-rendering: optimizeQuality;  /* Firefox, future version (Gecko 1.9.2) */
-ms-interpolation-mode: bicubic;   /* Internet Explorer 7.0+ */
}

img[src$=".gif"] { 
image-rendering: -moz-crisp-edges;         /* Fx, (Gecko 1.9.2) */
-ms-interpolation-mode: nearest-neighbor;  /* IE 7+ */
}

.floatleft {
float:left;
}

.floatright {
float:right;
}

body#EditorsMessage .floatleft {
float:left;
width:85px;
}

body#EditorsMessage .floatright {
float:left;
width:555px;
}

.hidden{
display:none;
}

table.ASPCalendar {border:none;border-spacing:5px;font-size:0.9em;margin:6px 0 0 0;float:right;}

table.ASPCalendar td {}

table.ASPCalendar .TitleStyle {
background:url(/media/img_navigation-hover.gif) repeat-x;
font-weight:700;
color:#fff;
border-bottom:1px solid #000;
}

table.ASPCalendar  table.TitleStyle td {
padding:5px;

}
table.ASPCalendar .DayHeaderStyle {
padding:0 3px
}

table.ASPCalendar .DayStyle a,
table.ASPCalendar .WeekendDayStyle a {
font-weight:700;
display:block;
background-color:#D0E0B0;
width:20px;
color:#000;
text-decoration:none;
}

table.ASPCalendar .DayStyle a:hover,
table.ASPCalendar .WeekendDayStyle a:hover {
background-color:#7CA922;
color:#fff;
}

table.ASPCalendar .NextPrevStyle a {
color:#fff;
}

table.ASPCalendar .OtherMonthDayStyle {
color:#999;
}

table.ASPCalendar .SelecteDayStyle {}
table.ASPCalendar .SelectorStyle {}

table.ASPCalendar .TodayDayStyle {font-weight:700;}
table.ASPCalendar .WeekendDayStyle {}

body#Events img.EventImage {
float:right;
margin:10px 15px;
}

body#Login table {
margin:0 0 0 15px;
}