/*
 * ERA Content Page Formatting
 * ===========================
 * Include CSS classes here that are used for the general content pages on ERA.com
 *
 */
#contentsidebar {
    margin:0;
    width:220px;
    float:left;
}
#contentsidebar .contentsidebargroup {
   padding: 6px 6px 6px 4px;
}
#contentbodycontainer {
    margin:0 0 0 235px;
}

.contenttopiccontainer {
    margin-bottom: 4px;
}

.contenttopiccontainer .label {
    background: url('../images/layout/ic_selection.gif') 0px 2px no-repeat;
    font-weight: bold;
    padding-left: 32px;    
    margin-bottom:.6em;
    padding-bottom: 3px;
    border-bottom: 1px dotted #000000;
}

.contenttopiccontainer .contentsubtopic {
   font-size: 0.9em;
   margin-bottom: 6px;   
}

.contenttopiccontainer div.contentsubtopic a {
    display: block;
    padding-left: 32px;
    padding-bottom:7px;
    color: #000000;
    text-decoration:none;
}
.contenttopiccontainer div.contentsubtopic a:hover {
    color: #3f618b;
}
.contenttopiccontainer div.contentsubtopic a.selected {
    color: #3f618b;
    background: url('../images/layout/ic_selection.gif') 0px 2px no-repeat;
}
.contenttopiccontainer .contentsubsubtopic {
    font-size: 12px;
    margin: 0 0 8px 32px;
}
.contenttopiccontainer .contentsubsubtopic a {
    color: #000000;
    text-decoration:none;
    line-height:18px;
}
.contenttopiccontainer .contentsubsubtopic a:hover {
    color: #3f618b;
}
.contenttopiccontainer .contentsubsubtopic a.selected {
    color: #3f618b;
}
.contenttopiccontainer .description {
	font-size: 0.85em;
}
.contentactioncontainer {
    text-align: right;
    margin-top: -0.5em;
}
.disclaimer {
   font-size: 0.85em;
}
.distinctimagecontainer
{
   position: relative;
   width: 100%;
   margin: auto;
	text-align:center;
}
.distinctimagecontainer .innercontainer {
   margin: auto;
	border:0;
}

.distinctimagecontainer img.distinctimage
{
   border: 1px solid black;
   margin: 10px 25px 10px 25px;
	width: 40%;
	max-width:400px;
}
.distinctimagecontainer img.distinctimagethin
{
   border: 1px solid black;
   margin: 10px 30px 10px 30px;
	width: 40%;
	max-width:310px;
}
.toplistheader
{
  font-size:13px;
  font-weight:bold;
  color: #000000;
}
.profilehr {
/*TODO: Fix IE display*/
display: none;
   position: relative;
   height:20px;   
   clear: both;
}
.profilehr .lt {
   position: absolute;
   left: 0;
   top: 0;
   width: 102px;
   height:20px;
}
.profilehr .rt {   
   position: absolute;
   right: 0;
   top: 0;
   width: 102px;
   height:20px;
}
.imagecallout {
   float:right;
   position:relative;
   width:25%;
   margin: 20px 0 0 10px;
}
.imagecallout .innercontainer {
   postion:absolute;
   margin:1px;
   text-align:center;
   padding:3px;
   margin-left:10px;
}
img.imagecalloutimg {
    border:1px solid #000000;
    width:90%;
}
.standardlist ol li
{
    list-style:disc;
    background:none;
    margin-bottom:5px;
}
.top10table
{
   margin: 20px 0 20px 100px;
}