﻿.HomeFeaturedSlider 
        {
            width:690px;
            height:375px;
			margin:0px;
            background: rgb(69,72,77); /* Old browsers */
            background: -moz-linear-gradient(top, rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
            background: linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */        
			 
        }
        
        .HomeFeaturedSliderLeft {float:left; width:460px;}
        .HomeFeaturedSliderRight{float:left; width:230px;background: no-repeat url(/templates/data/layout/bb-shadow.png);}
        
        .HomeFeaturedArticleContainer         { width:100%; height:340px; color:#fff;}
        
        .HomeFeaturedArticleContainer > div         { margin: 10px; }
        
        .HomeFeaturedPagerContainer         { width:100%; height:35px; background-color:#333; text-align: center; }
        .HomeFeaturedPagerContainer a         { font: normal normal normal 16px/35px "Times New Roman", Times, serif; color: #666; text-decoration: none; margin: 0px 6px; }
		.HomeFeaturedArticleContainer a:link 	{color:#FFF;}
		
        
        .HomeFeaturedPagerContainer a:hover			{text-decoration:underline; color:#FFF !important;}
        .HomeFeaturedPagerContainer a.activeSlide	{font-weight:bold; color:#FFF !important;}
        
        .HomeFeaturedArticleList			{width:100%; height: 340px; margin: 0; padding: 0; overflow: hidden; }
        
        .HomeFeaturedArticleList ul         { margin: 0; padding: 0; position: relative; }
        
        .HomeFeaturedArticleList li         {list-style:none; border-bottom: 1px solid #333; color:#999;}
		.HomeFeaturedSlider .HomeFeaturedPagerControl           {float:right; display:inline-block; width:8px; height:35px;background: url(pause.png) no-repeat center center;}
		.HomeFeaturedSlider.paused .HomeFeaturedPagerControl    {background: url(play.png) no-repeat center center;}

        .HomeFeaturedArticleList li a       {text-decoration: none; display:block; padding:14px;;  color: #CCC; font-weight:normal; font-size:15px;}/*height:72px;*/
		
        .HomeFeaturedArticleList li a:hover,
        .HomeFeaturedArticleList li a.activeSlide         {color:#fff;  background:url(/templates/data/layout/gray-ar-l.png) no-repeat; background-position:220px 50%;}
        
        .HomeFeaturedControls               {width:100%; height:35px; text-align:center}
        .HomeFeaturedControls a             {display:inline-block; margin:-5px; height:35px;width:24px;}
        .HomeFeaturedControls a.up          {background:no-repeat url(/templates/data/layout/arrow-up-brown.png) center center}
        .HomeFeaturedControls a.down        {background:no-repeat url(/templates/data/layout/arrow-down-brown.png) center center}

        .NewsHome .HomeFeaturedControls a.up:hover    {background:no-repeat url(/templates/data/layout/arrow-up-green.png) center center}
        .NewsHome .HomeFeaturedControls a.down:hover  {background:no-repeat url(/templates/data/layout/arrow-down-green.png) center center}

        .GuideHome .HomeFeaturedControls a.up:hover    {background:no-repeat url(/templates/data/layout/arrow-up-orange.png) center center}
        .GuideHome .HomeFeaturedControls a.down:hover  {background:no-repeat url(/templates/data/layout/arrow-down-orange.png) center center}
        
		
		.HomeFeaturedPagerPrev, .HomeFeaturedPagerPrev a:link, .HomeFeaturedPagerPrev a:hover {color:#ccc !important; font-size:12px !important; }
		
		.HomeFeaturedPagerNext, .HomeFeaturedPagerNext a:hover {color:#999 !important; font-size:12px !important; }
		
		.HomeFeaturedPagerContainer, .HomeFeaturedPagerContainer a:link, .HomeFeaturedPagerContainer a:hover {color:#999; font-size:12px !important; }
		
		.HomeFeaturedPager .activeSlide a	{color:#fff !important;}
		.HomeSliderIMG img {height:229px; width:auto;}
/*		.HomeSliderIMG	{overflow:hidden; height:300px; text-align:center;}*/
