﻿


 



/* advertisement */
  .AdvModule a
    {
        width:310px;
        height:258px;
        display:block;
    }

/* quick poll */
 .QuickPoll_Titlebar
    {
        display:block;
        height:28px;
        border-bottom:1px solid #c7c7c7;
        margin-bottom:15px;
        width:310px;
    }
    .QuickPoll_Titlebar .QuickPoll_icon
    {
        background:url(/template/images/icon.png) no-repeat;
        width:32px;
        height:23px;
        float:left;
    }
    .QuickPoll_Titlebar .QuickPoll_title
    {
        float:left;
        font-family:RockwellBold, Arial, Verdana, Sans-Serif;
        font-size:20px;
        font-weight:bold;
        line-height:23px;
        margin-left:3px;
        margin-bottom:10px;
        color:#8d8d8d;
        width:275px;
    }
    
  



/********* left col ********/
/* left Widget widgetl */
 .widgetl
    {
        left: -10px;
        position: relative;
    }
    
    .widgetl .widget_titlebar
    {
        background-color:#585858;
        height:34px;
        width:320px;
        
        -webkit-border-radius: 3px 0 0 0;
		-moz-border-radius: 3px 0 0 0;
		border-radius: 3px 0 0 0;
    }
    
    .widgetl .widget_title
    {
        color:White;
        font-family:RockwellBold, Arial, Verdana, Sans-Serif;
        font-size:15px;
        float:left;
        height:34px;
        line-height:34px;
        margin-left:15px;
    }
    .widgetl .widget_morebtn
    {
        background:url(/template/images/widgetbox_morebtn.png) no-repeat;
        width:18px;
        height:18px;
        float:right;
        margin-top:8px;
        margin-right:10px;
    }
    
    .widgetl .widget_shadow
    {
        background:url(/template/images/widgetBoxl.png) no-repeat;
        width:320px;
        height:90px;
        position:absolute;
    }
    
    .widgetl .widget_content
    {
        width:280px;
        margin:0 20px;
    }
 
 /*  sponsored links */
 .SponsoredLinks_wrap
    {
        display:block;
        border:1px solid #d3d3d3;
        background-color:#f8f8f8;
        padding:10px;
    }
    
    .SponsoredLinks_item
    {
        line-height: 1.3;
        padding: 5px;
        font-family:Arial;
        font-size:13px;
        background-color:#f8f8f8;
        color:#333333;
    }
    
    .SponsoredLinks_item_title
    {
        font-weight:bold;
    }
    
    .SponsoredLinks_item_desc
    {
    }
    
    .SponsoredLinks_item_link a
    {
        font-size:11px;
        color:#24528d;
        text-decoration:none;
    }




/***************** main section *****************************/
  .related_content_titlebar
    {
        border-bottom:1px solid #c7c7c7;
        display: inline-block;
        margin-bottom: 10px;
        padding-bottom: 7px;
        width: 100%;
    }
    
    .related_content_titlebar .related_content_icon
    {
        background:url(/images/icon.png) no-repeat;
        width:26px;
        height:22px;
        float:left;
        margin-left: 5px;
    }
    
    .related_content_titlebar .related_content_title
    {
        font-family:RockwellBold, Arial, Verdana, Sans-Serif;
        font-size:20px;
        font-weight:bold;
        color:#8d8d8d;
        float:left;
        margin-left: 7px;
        line-height:22px;
    }
    /* Twitter search for comments */
      .comments_titlebar
    {
        border-bottom:1px solid #c7c7c7;
        display: inline-block;
        margin-bottom: 10px;
        padding-bottom: 7px;
        width: 100%;
    }
    
    .comments_titlebar .comments_icon
    {
        background:url(http://cdn1.iconfinder.com/data/icons/iphone_toolbar_icons/iphone_toolbar_icons/speechbubble.png) no-repeat;
        width:28px;
        height:25px;
        float:left;
        margin-left: 5px;
    }
    
    .comments_titlebar .comments_title
    {
        font-family:RockwellBold, Arial, Verdana, Sans-Serif;
        font-size:20px;
        font-weight:bold;
        color:#8d8d8d;
        float:left;
        margin-left: 7px;
        line-height:22px;
    }
    
    .comments_commenter_photo
    {
        border:1px solid #bdbdbd;
        width:47px;
        height:47px;
    }
    
    .comments_input_wrapper textarea
    {
        font-family:Arial;
        font-size:13px;
        color:#333333;
        line-height:1.2;
        width:97%;
        height:100px;
        border:1px solid #cccccc;
        padding:10px;
        margin-top:10px;

		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
    }
    .comments_post input[type=submit]
    {
        font-family:Helvetica Neue L...;
        font-size:13px;
        font-weight:bold;
        color:#333333;
        border:1px solid #cccccc;
        float:right;
        margin:10px 0;
        height:25px;
        line-height:25px;

		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	    
	    -moz-box-shadow:inset 0 2px 0 #f6f6f6;
    	-webkit-box-shadow:inset 0 2px 0 #f6f6f6;
    	box-shadow:inset 0 2px 0 #f6f6f6;
    }
    
    .comments_commenter
    {
        border-top : 1px solid #dfdfdf;
        padding-top:20px;
    }
    
    .comments_commenter_photo
    {
        margin:0 15px;
        float:left;
    }
    
    .comments_commenter_decs
    {
        float:left;
        width:574px;
    }
    
    .comments_commenter_name
    {
        font-family:Arial;
        font-size:13px;
        font-weight:bold;
        color:#24528d;
        margin-bottom:5px;
    }

    .comments_commenter_date
    {
        font-family:Arial;
        font-size:11px;
        margin-bottom:8px;
    }
    
    .comments_commenter_content
    {
        font-family:Arial;
        font-size:13px;
        line-height:1.3;
        margin-bottom:15px;
        }
        
    /****slider***/
    
    .featureSlider
    {
        float:left;
    }
    
    .related_content_wrapper .prev
    {
        float:left;
        margin-right: 5px;
        margin-top:38px;
    }
    
    .related_content_wrapper .next
    {
        float:right;
        margin-left: 5px;
        margin-top:38px;
    }
    
    .featureSlider li 
    {
        height:177px;
        width:620px;
        background-color:White; 
        display:block;
    }
    
    .featureSlider li > span
    {
        width:130px;
        height:177px;
        margin:10px;
        display:inline-block;
        font-family:Arial;
        font-size:13px;
        line-height:1.3;
    }
    .featureSlider .blueSpan
    {
        font-weight:bold;
        color:#24528d;
    }
    
    .featureSlider li span img, .featureSlider li span a img
    {
        width:130px;
        height:80px;
    }
    
    .featureSlider a
    {
        margin-bottom:10px;
        display:block;
    }

/******************** homepage *******************/
/* image gallery */
 #GalleryContent
    {
        width:954px;
        padding:15px;
        height:250px;
        background:#c6c6c6 url(/images/cover-flow-bg.jpg) no-repeat 0 0;
        position:relative; margin-top:0px; margin-bottom: 0px;
    }
    
    #GalleryHeader
    {
        background-color:#585858;
        width:954px;
        color:White;
        display:inline-block;
        padding:15px;
        vertical-align:middle;
        height:30px;
    }
    
    #GalleryHeader .Title
    {
        font-family:RockwellBold, Arial, Verdana, Sans-Serif;
        font-weight:bold;
        font-size:24px;
        float:left;
        margin:0 15px;
        line-height:30px;
    }
    #GalleryHeader .Description
    {
        float:left;
        width:424px;
        font-family:Arial;
        font-size:12px;
        line-height:15px;
        margin: 0 15px;
    }
    
    #GalleryHeader .searchBtnWrap
    {
        float:right;
        margin:0 10px;
        display:inline-block;
        height:30px;
    }
    
    #GalleryHeader .searchBtn
    {
        background-color:#de0c16;
        display:inline-block;
        
      	-moz-box-shadow:inset 0 2px 0 #e64950;
	    -webkit-box-shadow:inset 0 2px 0 #e64950;
	    box-shadow:inset 0 2px 0 #e64950;

        
        -webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		
		text-decoration:none;
		color:White;
		font-family:Helvetica Neue L...;
		font-weight:bold;
		font-size:13px;
		height:30px;
		
    }
    #GalleryHeader .searchBtn img
    {
        margin:9px 15px 9px 10px;
    }
    
    #GalleryHeader .searchBtn span
    {
        margin-left:15px;
        margin-top:8px;
        height:15px;
        float:left;
    }



/***** old content *******************/
#main-content.article p,
#main-content.article ul,
#main-content.article ol,
#main-content.article dl {
    margin-bottom: 16px;
}

#main-content.article blockquote,
.member-profile blockquote,
#leader-profile blockquote  
{
    padding: 0px 0px 20px 0px;
}

#main-content.article blockquote p,
.member-profile blockquote p,
#leader-profile blockquote p {
	color: #9f9f9f;
	font-style: italic;
	font-size: 17px;
	line-height: 19px;
	margin: 20px 0px 0px 0px;
}

#main-content.article blockquote h4 {
    border: 1px solid #457ab9;
    color: #fff;
    font-weight: bold;
    padding: 10px 15px;
    margin-bottom: 10px;
    background: #A7C0DE; /* Old browsers */
    background: -moz-linear-gradient(top, #A7C0DE 0%, #5081BD 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A7C0DE), color-stop(100%,#5081BD)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #A7C0DE 0%,#5081BD 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #A7C0DE 0%,#5081BD 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #A7C0DE 0%,#5081BD 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A7C0DE', endColorstr='#5081BD',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #A7C0DE 0%,#5081BD 100%); /* W3C */
}

#main-content.article blockquote ul {
    margin: 0;
    padding: 10px 10px 10px 30px;
    border: 1px solid #457ab9;
    color: #000;
    background: #E5EEFF; /* Old browsers */
    background: -moz-linear-gradient(top, #E5EEFF 0%, #A3C4FF 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E5EEFF), color-stop(100%,#A3C4FF)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #E5EEFF 0%,#A3C4FF 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #E5EEFF 0%,#A3C4FF 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #E5EEFF 0%,#A3C4FF 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E5EEFF', endColorstr='#A3C4FF',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #E5EEFF 0%,#A3C4FF 100%); /* W3C */
}

#main-content.article blockquote ul li {
    margin-bottom: 10px;
}

#main-content.article h1, .story_content h1 { 
    font-size: 20px; 
    font-weight: lighter; 
    margin-bottom: 20px; 
     font-family:RockwellBold, Arial, Verdana, Sans-Serif; 
}
#main-content.article h2, .story_content h2 { 
    font-size: 16px; 
    font-weight: bold; 
    font-style: italic;
    margin-bottom: 20px;
}
#main-content.article h3, .story_content h3 { 
    font-size: 16px; 
    font-weight: normal; 
    font-style: italic; 
    margin-bottom: 20px;
}
#main-content.article h4, .story_content h4 { 
    font-size: 16px; 
    font-weight: normal; 
    margin-bottom: 20px;
}
#main-content.article h5, .story_content h5 { 
    font-size: 14px; 
    font-weight: bold;  
    margin-bottom: 20px;
}
#main-content.article h6, .story_content h6 { 
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 20px;
}

/*------------------------------------------*/
/* TV SCREEN                                */
/*------------------------------------------*/
#tv-matting { 
    /*background-color: #B20019; 
    padding: 0px 20px;*/
    background: #B20019 url(/images/navigation-shadow.png) top left no-repeat;
    padding: 15px 20px 10px 20px;
}
.ie7 #tv-matting { padding: 20px; }
#tv-matting.page { width: 900px; }


#tv-bezel {
    background: #9EBED8 url(/images/coverflow-background.png) top left no-repeat;
    background-color: transparent;
    margin-top: 10px;
}
#article-heading #tv-bezel { margin: 0px auto; }

#tv-heading {}
#tv-heading .row { clear: both; padding: 0px; }
#tv-heading h1 {
    font-size: 25px;
    font-weight: normal;
    color: #fff;
    float: left;
    font-family: RockwellRegular, Georgia, "Courier New", Courier, Times, "Times New Roman", serif;
}
#tv-heading h1 .highlight { font-weight: bold; }

#tv-heading div.search {
}
#tv-heading h2 { 
    font-size: 13px; font-weight: normal; color: #fff; float: left; 
}
#tv-heading p.message { 
    float: right;  
    font-size: 13px; 
    font-weight: normal;
    font-style: italic;
    text-align: right; 
    color: #560006;
}

/*===========================================*/
/* TV-Controls - Not needed in first version */
/*===========================================*/
/* STRUCTURE - HTML                          */
/*
    <div id="tv-controls">
        <h2>Sort By:</h2>
        <ul>
            <li><a href="#"><span>Banking</span></a></li>
            <li class="current"><a href="#"><span>Business</span><br /><span>Regulations</span></a></li>
            <li><a href="#"><span>Pharmaceuticals</span></a></li>
            <li><a href="#"><span>Publishing</span></a></li>
        </ul>
    </div>
 */
#tv-controls {
    width: 200px;
    float: left;
    background-color: #666; /* TEMP */
}
#tv-controls h2 {
    color: #253E60;
    font-size: 25px;
    font-style: normal;
    font-weight: normal;
    padding-left: 25px;
    border-bottom: 1px solid #657D93;
}
#tv-controls ul { 
    color: #fff; 
    list-style: none;
    padding: 0px;
    margin: 0px;
}
#tv-controls ul li {
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-transform: uppercase;
    margin: 9px;
}

#tv-controls ul li a:link,
#tv-controls ul li a:visited,
#tv-controls ul li a:focus,
#tv-controls ul li a:active, 
#tv-controls ul li a:hover {
    color: #fff;
}

#tv-controls ul li a:link span,
#tv-controls ul li a:visited span,
#tv-controls ul li a:focus span,
#tv-controls ul li a:active span, 
#tv-controls ul li a:hover span {
    padding: 5px;
    line-height: 1.5em;
}

#tv-controls ul li a:focus span,
#tv-controls ul li a:active span, 
#tv-controls ul li a:hover span {
    padding: 5px;
    line-height: 1.5em;
    background-color: #253E60;
}
#tv-controls ul li.current a span {
    padding: 5px;
    line-height: 1.5em;
    background-color: #253E60;
}
/* EO TV-CONTROLS ========================= */

/* =================================== */
/* tv-screen                           */
/* =================================== */
#tv-screen {
    /* NOT needed if there are no controls */
    /* width: 680px;
    float: right; */
}
#tv-screen .caption {
    text-align: center;
}
/*===============*/
/* jca_coverflow */
/*===============*/
#jca_coverflow { text-align: center; }

#jca_coverflow_images { /*position: relative;*/ }


/* =================================== */
/* Business Card                       */
/* =================================== */
#business-card {
    margin: 10px auto 0px auto;
    width: 450px;
    padding: 5px;
    color: #1f4061;
}

#business-card h1 { font-size: 23px; font-style: italic; background: url(/images/divider.png) bottom center no-repeat; }
#business-card h1 .firstname { font-weight: normal; }
#business-card h1 .lastname { font-weight: bold; }
#business-card h2 { font-size: 14px; font-weight: normal; }
/* EO BUSINESS CARD ------------------*/

/* =================================== */
/* COVERFLOW-NAVIGATION                */
/* =================================== */
#jca_coverflow_navigation {
    position: relative;
    top: -60px; /*top: -33px;*/
}
#jca_coverflow_caption {
    margin: 0px auto;
}
/* =================================== */
/* COVERFLOW-NAVIGATION                */
/* =================================== */
.imageflow #jca_coverflow_slideshow
{
    top: 0px;    
}

 .iStockTitle,  .iStockTitle a
    {
        width:310px;
        font-family:Arial;
        font-size:20px;
        font-weight:bold;
        margin-bottom:20px;
        color:#24528d;
        text-decoration:none;
    }
 .iStockTitle a:hover {text-decoration:underline;}
 
 .iStockDescription
    {
        font-family:Arial;
        font-size:14px;
        font-weight:bold;        
        width:310px;
        margin:10px 0;
        color:#333;
        line-height:1.2;
    }
    
    .iStockContent img
    {
        width:310px;
        height:220px;
    }
    
      .newslinks
    {
       text-decoration:none;
       color:#333333;
    }
    
    .FeaturedVideoCtrl_Title
    {
        font-family:Arial;
        font-size:25px;
        font-weight:bold;
        margin-bottom:10px;
        padding-bottom:5px;
    }
    
    .FeaturedVideoCtrl_Description
    {
        font-family:Arial;
        font-size:14px;
        font-weight:bold;        
        width:300px;
        margin:20px 0;
        color:#333;
        line-height:1.2;
    }
    
    #carouselsection {
    display: block;
    font-family: verdana,arial,sans-serif;
    font-size: 10px;
    font-weight: normal;
    text-decoration: none;
}
#carouselsection a.prev {
    background: url("/images/prev.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 80px;
    text-decoration: none;
    width: 30px;
}
#carouselsection a.next {
    background: url("/images/next.png") no-repeat scroll 0 3px transparent;
    display: block;
    float: left;
    height: 80px;
    text-decoration: none;
    width: 30px;
}
#carouselsection ul li {
    padding: 0 0px 5px 0px;
    width: 150px !important;
}
#carouselsection a {
    color: #8B8A8B;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}
#carouselsection .carousel-title {
    margin-bottom: 10px;
    width: 130px;
    text-align:left;
    font-weight:normal;
    margin-top:10px;
    font-size:11px;
    line-height:1.3;
}
#carouselsection .carousel-photo img {
    height : auto;
    width: 130px;
}
#carouselsection .carousel-photo img {
    height: 80px;
    width: auto;
}
#carouselsection .carousel{
    width:580px !important;
}

#carouselsection .blueSpan{
    color: #24528D;
    font-weight: bold;
}
#carouselsection .carousel-photo{
    text-align:left;
}
