﻿@charset "utf-8";



/*	Top Carousel
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  
	CarouselWide
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  
*/

.ph-widget.wij-CarouselWide { width:958px; height:235px; background-color:#eeeeee;  padding:0px; margin: 0px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
}

.ph-widget.wij-CarouselWide .CurrentContent.FC_Content { 
background-size:960px 235px !important;
background-size:960px 235px !important;
-webkit-background-size:960px 235px !important; 
-moz-background-size:960px 235px !important; 
-o-background-size:960px 235px !important;
}


.ph-widget.wij-CarouselWide.wijmo-wijcarousel h2 { font-size:18px; width:29%; float:left; margin:10px 0px 0px 40px; font-size:18px; line-height:20px; color:#FFA705; }
.ph-widget.wij-CarouselWide.wijmo-wijcarousel a.TitleMore { font-size:18px; display:block; color:#FFA705;}
.ph-widget.wij-CarouselWide.wijmo-wijcarousel a.TitleMore:hover { color:#ffffff; text-decoration:none;}

.ph-widget.wij-CarouselWide.wijmo-wijcarousel .textBG { width:960px; height:70px; float:left;
*background:#333333 !important;
_background:#333333 !important;
background:#333333\0/ !important;
}
.ph-widget.wij-CarouselWide .FC_Content .NonMedia { height:70px; position:absolute; top:165px; padding:0px; margin:0px;
background-color: #333; 
background-color: rgba(0, 0, 0, 0.8);
-ms-filter: "alpha(opacity=80)"; 

*background-color: #333; _background-color: #333;
*opacity:1;_opacity:1; 

-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
}

.ph-widget.wij-CarouselWide .FC_Content .NonMedia.FC_Floating.FC_DataArea { width:100% !important; }
.ph-widget.wij-CarouselWide.wijmo-wijcarousel .textBG .csDescription.FC_DataItem { font-size:11px; line-height:16px; color:#ffffff; margin:12px 0px 0px 10px; float:left; width:580px; }
.ph-widget.wij-CarouselWide.wijmo-wijcarousel .textBG .csDescription.FC_DataItem a.EllipsisMore { color:#FFA705;}
.ph-widget.wij-CarouselWide.wijmo-wijcarousel .textBG .csDescription.FC_DataItem a.EllipsisMore:hover { color:#ffffff; text-decoration:none;}
 
.wij-CarouselWide .wijmo-wijcarousel-button-next.ui-state-default, 
.wij-CarouselWide .wijmo-wijcarousel-button-next.ui-widget-content.ui-state-default, 
.wij-CarouselWide .wijmo-wijcarousel-button-next.ui-widget-header.ui-state-default,
.wij-CarouselWide .wijmo-wijcarousel-button-previous.ui-state-default, 
.wij-CarouselWide .wijmo-wijcarousel-button-previous.ui-widget-content.ui-state-default, 
.wij-CarouselWide .wijmo-wijcarousel-button-previous.ui-widget-header.ui-state-default 
{background: none; border: 0px; text-shadow: none; height: 63px; width: 38px;}

.ph-widget.wij-CarouselWide .wijmo-wijcarousel-item.ui-helper-clearfix.wijmo-wijcarousel-current a:after { }

.wij-CarouselWide .ui-icon-triangle-1-w, 
.wij-CarouselWide .ui-icon-triangle-1-e {background-position: 0px 0px;}

.wij-CarouselWide .ui-state-default {box-shadow: none;}
.wij-CarouselWide .ui-corner-right {border-bottom-right-radius: 0px;border-top-right-radius: 0px;}
.wij-CarouselWide .ui-corner-left {border-bottom-left-radius: 0px;border-top-left-radius: 0px;}

				.wij-CarouselWide .ui-state-default.wijmo-wijcarousel-button-previous .ui-icon { top:10px; position: absolute; 
				
				-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";   
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);      
				zoom: 1;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
				filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
				
				background-image: url('/PublishingImages/arrow_left.png');
				-moz-opacity: .80; 
				-ms-filter: "alpha(opacity=80)"; 
				filter: alpha(opacity=80); 
				opacity: .80; 
				filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/PublishingImages/arrow_left.png', sizingMethod='scale');
				}
				
				.wij-CarouselWide .ui-state-default.wijmo-wijcarousel-button-next .ui-icon { top: 10px; position: absolute; 
				
				-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";   
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);      
				zoom: 1;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
				filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
				
				background-image: url('/PublishingImages/arrow_right.png');
				-moz-opacity: .80; 
				-ms-filter: "alpha(opacity=80)"; 
				filter: alpha(opacity=80); 
				opacity: .80;
				filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/PublishingImages/arrow_right.png', sizingMethod='scale');
				}
				
				.wij-CarouselWide .ui-state-default.wijmo-wijcarousel-button-next.ui-state-hover .ui-icon,
				.wij-CarouselWide .ui-state-default.wijmo-wijcarousel-button-previous.ui-state-hover .ui-icon
				{
				top:10px;
				-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";   
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);      
				zoom: 1;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=30)";
				filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
				
				-moz-opacity: .30; 
				-ms-filter: "alpha(opacity=30)"; 
				filter: alpha(opacity=30); 
				opacity: .30;
				}
				
				.wij-CarouselWide .ui-state-default.wijmo-wijcarousel-button-previous { top:10px; left:-1px; background:transparent; text-shadow:none;}
				.wij-CarouselWide .ui-state-default.wijmo-wijcarousel-button-next { top:10px; left:918px; background:transparent; text-shadow:none;}
				.wij-CarouselWide .ui-state-default { box-shadow:none;}
				
				.wij-CarouselWide .ui-icon { background-repeat:no-repeat; border-radius:0px; display:block; overflow:visible; text-indent:0px; width:38px; height:63px;}
				
				.wij-CarouselWide .ui-state-default.wijmo-wijcarousel-button-next.ui-state-hover .ui-icon
				{
				filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/PublishingImages/arrow_right.png', sizingMethod='scale');
				}
				
				.wij-CarouselWide .ui-state-default.wijmo-wijcarousel-button-previous.ui-state-hover .ui-icon
				{
				filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/PublishingImages/arrow_left.png', sizingMethod='scale');				
				}

.wij-CarouselWide a.ui-state-default.wijmo-wijcarousel-button-previous.ui-corner-right,
.wij-CarouselWide a.ui-state-default.wijmo-wijcarousel-button-next.ui-corner-left 
{
top:160px !important;
border-bottom-left-radius: 0px; 
border-top-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-right-radius: 0px;
}





/*	Highlighted Carousel
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  
	NavCarousel - HighlightedCarousel.xsl
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  
*/
.ph-widget.CarouselHighlighted { width:auto; max-width:708px; height:350px; margin:10px 0px 0px 0px; padding:10px; background:#ffffff; border:1px solid #cecece;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
*width:685px;
_width:685px;
}

.ph-widget.CarouselHighlighted img { 
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}

.ph-widget.CarouselHighlighted .wijmo-wijcarousel-image { margin:0px; border:2px solid #FFA705; }

.ph-widget.CarouselHighlighted h2,
.ms-WPBody .ph-widget.CarouselHighlighted h2 { margin:10px 0px 5px 10px; font-size:21px; }
.ms-WPBody .ph-widget.CarouselHighlighted h2 a:hover { color:#333333; text-decoration:underline; }
				
.ph-widget.CarouselHighlighted.wijmo-wijcarousel .wijmo-wijcarousel-pager { position:absolute !important;
width:90px !important;
top:12px !important;
left:590px !important;
display:block;
}
.ph-widget.CarouselHighlighted.wijmo-wijcarousel .wijmo-wijcarousel-thumbnails.wijmo-wijcarousel-pager {
*margin:5px 0px 0px -5px;
_margin:5px 0px 0px -5px;
}

.ph-widget.CarouselHighlighted.wijmo-wijcarousel .wijmo-wijcarousel-thumbnails.wijmo-wijcarousel-pager ul li a:after,
.ph-widget.CarouselHighlighted.wijmo-wijcarousel .wijmo-wijcarousel-list.ui-helper-clearfix li a:after { }

.ph-widget.CarouselHighlighted.wijmo-wijcarousel.ui-widget.wijmo-wijcarousel-vertical ul.wijmo-wijcarousel-list li.wijmo-wijcarousel-item { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:16px; }
.ph-widget.CarouselHighlighted.wijmo-wijcarousel.ui-widget.wijmo-wijcarousel-vertical ul.wijmo-wijcarousel-list li.wijmo-wijcarousel-item p { width:550px; padding:0px 10px;}
 
.ph-widget.CarouselHighlighted ul.featuredLinks { list-style-position:inside; padding:0px; margin:10px 0px 10px 10px; width:554px; float:left; }
.ph-widget.CarouselHighlighted ul.featuredLinks li { list-style:none; width:31%; float:left; padding:0px; margin-right:1%; }
		
		.ph-widget.CarouselHighlighted ul.featuredLinks li:after { }
				
.ph-widget.CarouselHighlighted ul.featuredLinks li:first-child {}

.ph-widget.CarouselHighlighted .ui-state-default.wijmo-wijcarousel-button-next, 
.ph-widget.CarouselHighlighted .ui-state-default.wijmo-wijcarousel-button-previous { display:none; }

.ph-widget.CarouselHighlighted .wijmo-wijcarousel-thumbnails.wijmo-wijcarousel-pager { margin:0px;}
.ph-widget.CarouselHighlighted ul.wijmo-list {
border-radius:0px !important; 
background-color:transparent !important;
margin:0px !important;
width:100px;
float:left;
}
.ph-widget.CarouselHighlighted.wijmo-wijcarousel .wijmo-wijcarousel-page { margin:0px 0px 0px 0px; padding:0px; float:left;}

.ph-widget.CarouselHighlighted .wijmo-wijcarousel-thumbnails .ui-state-active { border:none; margin:0px 0px 0px 1px; }
.ph-widget.CarouselHighlighted .wijmo-wijcarousel-thumbnails .ui-state-active a { display:block; height:36px; margin:0px 0px 0px -10px; padding:0px 0px 0px 10px; background:url('/PublishingImages/carouselPagerArrow.png') no-repeat center left; }
.ph-widget.CarouselHighlighted .wijmo-wijcarousel-thumbnails .ui-state-active a img { border:2px solid #FFA705;  margin:-2px 0px 0px -2px; padding:0px 0px 0px 0px; width:92px; height:34px;}

.ph-widget.CarouselHighlighted .ui-state-default img { width:94px; height:34px; }




/*	Feature Carousel
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  
	aka. 10 unit wide - middle of page
	- - PhilaGov Home
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  
*/
.ph-widget.white.carousel { padding-bottom:0px; overflow:hidden; margin-bottom:15px; }
.GroupContent {	display:none;}
.GroupNav {	display:none;}
.ph-widget.white .FeatureCarouselWidget { position:relative; display:block; padding:0px; margin:0px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
}
.ph-widget.white .FeatureCarouselWidget .NonMedia {	color:#ffffff; height:140px; width:430px; top:155px; float:left; padding:5px; margin:0px 15px; position:relative;
background-color:#333333;
background-color:rgba(0, 0, 0, 0.6);
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}

.ph-widget.white.carousel .CurrentContent.FC_Content {
background-size:472px 350px !important;
background-size:472px 350px !important;
-webkit-background-size:472px 350px !important; 
-moz-background-size:472px 350px !important; 
-o-background-size:472px 350px !important;
}

.ph-widget.white .FeatureCarouselWidget .NonMedia .textBG { }
.ph-widget.white .FeatureCarouselWidget .NonMedia .textBG .Title { font-family:"Rockwell", "Times New Roman", Times, serif; color:#ffffff;
font-size:17px;font-weight:bold;line-height:20px;padding:0px;margin:0px 0px 2px 0px;}
.ph-widget.white .FeatureCarouselWidget .NonMedia .textBG .Subtitle { width:425px; font-size:12px; line-height:16px; font-weight:bold; font-style:italic; padding:0px; margin:0px;}
.ph-widget.white .FeatureCarouselWidget .NonMedia .textBG .Description { width:425px; font-size:11px; line-height:16px; height:auto; margin:2px 0px 0px 0px; }
.ph-widget.white .FeatureCarouselWidget .NonMedia .URL { padding:0px; margin:0px 0px 25px 0px;	color: #ffffff;}
.ph-widget.white .FeatureCarouselWidget .URL a { font-size:10px; font-weight:bold; text-transform:uppercase; color:#ffffff; 
text-decoration: underline; display: block; padding:3px 0px 3px 10px; margin:0px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.ph-widget.white .FeatureCarouselWidget .URL a:hover { background:#ffffff;color: #333333; text-decoration: none;}


				/* NAV PANEL */
				.ph-widget.white .FeatureCarouselWidget .NavigationPanel {	height:20px; text-align:center; padding:10px; margin:0px;}
				.ph-widget.white .FeatureCarouselWidget .NavigationPanel .Items { width:145px; padding:5px 0px; margin:0 auto; display:inline-block;}
				.ph-widget.white .FeatureCarouselWidget .NavigationPanel .Items .Item {	width:10px; height:10px; padding:0px; margin:0px 7px; border:1px solid #3661a2; background: #CECECE;
					display: inline-block;	float: left;
					-webkit-border-radius:5px;
					-moz-border-radius:5px;
					border-radius:5px;
				}
				.ph-widget.white .FeatureCarouselWidget .NavigationPanel .Items .Item:hover { background:#eeeeee; border-color:#333333; cursor:pointer; }
				.ph-widget.white .FeatureCarouselWidget .NavigationPanel .Items .Item.active {	width:14px; height:14px; background:#3661a2; margin-top:-2px;
				-webkit-border-radius:7px;
				-moz-border-radius:7px;
				border-radius:7px;
				}


