﻿.topItem
{
    margin-top: 2px;
}
.controls
{
    margin-top: 20px !important;
    float: left;
    width: 100%;
}
.nocontrol
{
    background-color: Red;
    width: 100%;
    height: 20px;
}
.fullcolumn
{
    display: block;
    float: left;
    width: 640px;
    overflow: hidden;
    margin-right: 20px;
    margin-top:20px;
}
.multicolumnleft
{
    display:inline; 
    float:left;
    width: 320px;
    overflow: hidden;
}
.multicolumnright
{
    display:inline; 
    float:right;
    width: 300px;
    overflow: hidden;
}
.sidecolumn
{
    display: block;
    float: right;
    width: 320px;
    overflow: hidden;
    margin-top:20px;
}
.sidecolumnleft
{
    display:inline; 
    float:left;
    width: 140px;
    overflow: hidden;
}
.sidecolumnright
{
    display:inline; 
    float:right;
    width: 160px;
    overflow: hidden;
}
#industryResourcesContent
{
    background-color:#F1F1F1;
    padding:5px;
}
#industryResourcesContent *
{
    font-family:Arial;
    font-size:12px;
}


#relatedLinksHeader
{
    font-size:15px;
    color:#626262;
    font-weight:bold;
    line-height:20px;
}

/* 
This br issue is for the right hand content promotion on the news articles pages.
The text comes from an external source and there is a bit of a <br> overkill going on.
They didn't use any headers so not much I can do without access to their code */

#eraLinksContainer .noLinksBody br
{
    display:none;
}

#relatedLinksFooterWrapper #noLinksFooter a
{
    display:block;
    float:right;
    width:auto;
    text-align:right;
    padding-right:20px;
}

/* More Stories about this - Styling */
#moreStories {width:320px;background-color:#f1f1f1;margin:5px 0px;float:left;}
#moreStories h2 {font-size:18px;font-family:Arial, Helvetica, sans-serif;padding:5px 5px 0px}
.other {background-color:white;}
#moreStories ul {list-style-type:none;}
#moreStories li {width:310px;float:left;clear:left;padding:5px; font-family:Arial, Helvetica, sans-serif;}
#moreStories li div {width:290px;}
#moreStories li h3 {font-size:12px;font-weight:normal;color:#333}
#moreStories li a {text-decoration:none;color:#4C6EAD}
#moreStories li a:hover {text-decoration:underline;}
#moreStories span.timestamp {font-size:12px;display:block;width:220px;float:left;}
#moreStories div.starRating {width:55px;background:url(/Images/star_x_grey.gif) 0 0 repeat-x; float:left}
#moreStories div.starRating-0 {width:0%;height:12px;background:url(/Images/star_x_orange.gif) 0 0 repeat-x; }
#moreStories div.starRating-1 {width:20%;height:12px;background:url(/Images/star_x_orange.gif) 0 0 repeat-x;}
#moreStories div.starRating-2 {width:40%;height:12px;background:url(/Images/star_x_orange.gif) 0 0 repeat-x;}
#moreStories div.starRating-3 {width:60%;height:12px;background:url(/Images/star_x_orange.gif) 0 0 repeat-x;}
#moreStories div.starRating-4 {width:80%;height:12px;background:url(/Images/star_x_orange.gif) 0 0 repeat-x;}
#moreStories div.starRating-5 {width:100%;height:12px;background:url(/Images/star_x_orange.gif) 0 0 repeat-x;}



#moreStories ul li:nth-child(even) {background-color:#fbfaff;}
#moreStories ul li span {width:auto;display:block;float:left;display:inline;}

