/* -------------------------------------------------------------------------------------------

 * Filename:        commentary.css
 * Description:     News and commentary CSS for article pages.
 * Version:         1.0.0 (2009-09-01)
 * Website:         http://www.roycefunds.com
 * Author:          Christian, Kristen and Charlene

== STRUCTURE ==================================================================================

---------------------------------------------------------------------------------------------*/

div.textsizeicons {
    float:right;
    border:#676767 1px solid;
    height:18px;
    margin:2px 0 0;
    padding:0;
}

div.contents2-innerwrapper {
    width:670px;
    margin:0px;
    padding:0px;
}

div.spotlight {
    border-top:#676767 4px double;
    border-bottom:#676767 4px double;
    background:#dfe8c4;
    float:right;
    margin-bottom:10px;
    margin-left:15px;
    width:275px;
}

div.customspotlight {
    float:right; 
    width:312px; 
    height: 420px; 
    padding:0; 
    margin:20px -50px 10px 15px; 
    box-shadow:0 0 5px 2px #aaaaaa;
}


div.spotlight h2 {
    padding:10px 20px 0;
}

div.spotlight p {
    padding:10px 20px;
}

div.spotlightimage {
    border-top:#676767 3px double;
    float:right;
    margin-bottom:10px;
    margin-left:15px;
    width:275px;
    border-bottom:#676767 3px double;
    padding: 3px 0 3px 0;
}

div.spotlightintro {
    padding-left:20px;
    padding-top:20px;
}   

div.contents2-innerwrapper li {
    padding-bottom:5px;
    background-position:0 .4em;
    padding-left:.8em;
    background-image:url('../images/designelements/bullet.gif');
    background-repeat:no-repeat;
}

div.bottompagination {
    float:right;
    border:#676767 3px double;
    padding:4px 15px;
}

div.textsize {
    clear:none;
    font-size:10px;
    float:right;
    width:100px;
    color:#676767;
    line-height:10px;
    text-align:right;
    margin:0;
    padding:0 20px 0 0;
    display:none;
}

div.contents1-header {
    width:670px;
    padding:0;
}

div.contents1-innerwrapper {
    padding:10px 0 20px;
}

div.intro {
    width:550px;
    color:#676767;
    padding-top:10px;
}

div.intro-top {
    width:550px;
    height:4px;
    background:url('../images/designelements/intro-top.gif');
    margin:0;
}

div.intro-bottom {
    width:550px;
    height:4px;
    background:url('../images/designelements/intro-bottom.gif');
    margin:0;
}

div.intro-middle-outerwrapper {
    background:url('../images/designelements/intro-middle.gif');
    width:550px;
}

div.intro-middle-innerwrapper {
    padding:15px 25px;
}

div.mainimage {
    border-top:#676767 4px double;
    margin-top:10px;
    margin-bottom:5px;
    width:550px;
    border-bottom:#676767 4px double;
    padding: 3px 0 3px 0;
}

div.mainimage P {
    font-size:11px;
    line-height:12px;
    padding:5px;
}



col.ira1 {
    border-left:#d1d1d1 1px solid;
    width:20%;
}

col.share1 {
    border-left:#d1d1d1 1px solid;
    width:50%;
}

col.share2 {
    width:35%;
}

col.share3 {
    width:15%;
}

.dockclass {
    position:relative;
}

div.toppagination-outerwrapper,div.contents1-outerwrapper {
    width:670px;
}

.contents2-innerwrapper p,.contents2-innerwrapper ul {
    padding:0 10px 20px 0;
}

div.contents2-innerwrapper h1,div.contents2-innerwrapper h2,div.contents2-innerwrapper h3,div.contents2-innerwrapper h4 {
    padding-right:10px;
}

div.spotlight h4,div.spotlight h3,div.spotlight h5,div.spotlight h6 {
    padding:10px 20px;
}

div.spotlightimage P,div.spotlightimage h2,div.spotlightimage h3,div.spotlightimage h4,div.spotlightimage h5,div.spotlightimage h6 {
    padding:5px;
}

div.spotlight ul,div.spotlightimage ul {
    list-style-type:none;
    margin:0 0 20px;
    padding:0;
}

div.spotlight li,div.spotlightimage li {
    background-position:0 .4em;
    background-image:url('../images/designelements/bullet.gif');
    background-repeat:no-repeat;
    margin:0 0 0 20px;
    padding: 0 0 0 .8em;
}

ul.arrowlist-spotlight {
    list-style-type:none;
    
}

ul.arrowlist-spotlight li {
    list-style-type:none;
    background-image:url('../images/icons/go.gif');
    padding-left:15px;
    padding-right:10px;
}


table.leftnavstyle ul {
    list-style-type:none;
    margin:0;
    padding:0;
}

table.leftnavstyle li {
    background-position:0 .4em;
    padding-left:.8em;
    background-image:url('../images/designelements/bullet.gif');
    background-repeat:no-repeat;
}

col.ira2,col.ira3 {
    width:40%;
}

@media Print {
    div.contents2-innerwrapper-people {
        padding: 0 10px 25px 0;
    }
    
    div.spotlightimage {
        border-top:#676767 4px double;
        border-bottom:#676767 4px double;
    }
    div.contents1-header {
        padding:0px;
    }
    div.contents1-innerwrapper {
        padding:10px 0 20px 0px;
    }
    
    div.intro {
        font-size:14px;
        font-style:italic;
    }

}
/*************************BEGIN CSS for AddThis (Social Sharing)******************************/
.social_share_box 
{
    width:200px;
    position: absolute;
    z-index: 10;
    left: 665px;
    line-height: 100%;
}
.social_share_hover
{
    position: relative;
}
.social_share_button
{
    margin: 0 0 0 10px;
    text-decoration:none; 
}
.social_share_button img
{
    border: 1px solid #cad4e7;
    border-radius: 3px;
    background: #eceef5;
}
.social_share_button.active img
{
    border: 1px solid #9dacce;
}
.social_share_ddmenu 
{
    display: none;
    position: relative;
    background: #fff;
    width: 200px;
    padding: 7px 2px 4px 2px;
    margin-top: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align:left;
    border: 1px solid #aaa;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.social_share_ddmenu  a /*This controls the Sharing Text */
{
    width: 65px;
    padding: 4px 0 4px 30px;
    position: relative;
    display: block;
    text-decoration: none;
    color: #333;
}
.social_share_ddmenu a:hover
{
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #e1ecf3;
    text-decoration: none;
    color: #639fc3;
}
.social_share_ddmenu  span /* This controls the Sharing Icons */
{
    position: absolute;
    left: 4px;
    top: 2px;
}
.social_share_ddmenu .column1 
{
    width:95px;
    height: auto;
    float:left;
    margin-bottom: 0px;
}
.social_share_ddmenu .column2 
{
    width:95px;
    height: auto;
    float: right;
    margin-bottom: 0px;
}
.social_share_ddmenu #morecolumn1 
{
    width:95px;
    height: auto;
    float: left;
    display: block;
}
.social_share_ddmenu #morecolumn2
{
    width:95px;
    height: auto;
    float: right;
    display: block;
}
.social_share_disc
{
    border-top: solid 1px #aaa;
    padding: 5px 0 0 0;
    margin: 0px 4px 0 4px;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10px;
}
.social_share_disc a
{
    padding: 4px 0;
    margin: 0;
}
.social_share_disc span 
{
    display: none;
}
.clear 
{
    clear: both;
    height: 5px;
}
.addthis_button_facebook_like
{
    position:absolute;
    left:855px;
    z-index: 12;
}
.addthis_button_google_plusone {
    position:absolute;
    left: 795px;
    z-index: 11;
}
/*************************END CSS for AddThis (Social Sharing)******************************/