/* ---------------------------------------------------
CVS: $ $
Title: slider.css
Copyright: (c) 2008
Author: Phil Renaud
Company: Rhino Internet
Description: Slider styles for Phoenix City Council home pages
Modified 4-7-09 by Ben Winton
--------------------------------------------------- */

/* ---------------------------------------------------
=Slider
--------------------------------------------------- */

#carousel.prejs {
   height: auto !important;
   float: left;
   clear: both;
   }

#carousel.prejs div.csw {
   height: auto !important;
   overflow: hidden;
   background-color: transparent;
   }

#carousel.prejs div.csw .panel {
position: relative;
}

#carousel.prejs div.csw .panel div {
background-repeat: no-repeat;
}

#carousel.prejs div.csw a.contactlink {
left: 360px;
}

#carousel.prejs div.csw li.panel {
width: 100%;
margin: 10px 0 0 0;
border-bottom: 1px solid #999;
padding-top: 10px;

   }

#carousel.prejs {
width: 100%; 
margin-left:0 !important;
}


#carousel.prejs .stripNav ul li {
   width: 537px;
   clear: both;
   }

#carousel.prejs .stripNav {
   height: 178px !important; /* orig 165px */
   }

#carousel noscript { display: none; }

#carousel.prejs noscript {
   background-color: #ffc;
   color: #c00;
   display: block;
   padding: 10px;
   }

noscript ol li {
   margin-top: 15px;
   margin-left: 15px;
   list-style-type: disc;
   }


/* =Inherited */
.stripViewer .panelContainer .panel ul {
   text-align: left;
   margin: 0 15px 0 0px; /* orig left 30px */
   }

.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
  /* position: relative;
   width: 100%;
    margin-top:-70px;
   margin-left:-50px;*/
   margin-top:-138px;
   margin-bottom:-65px;


   }

/* These 2 lines specify style applied while slider is loading */
.csw {
   width: 100%;
   height: 460px;
   background: #fff;
   overflow: scroll;
   }

.csw .loading {
   margin: 200px 0 300px 0;
   text-align: center;
   }

.stripViewer { /* This is the viewing window */
   position: relative;
/* Turn to "hidden" to go to scrolling slider */   overflow: visible; 
   margin: auto;
   width: 100%; /* Also specified in  .stripViewer .panelContainer .panel  below */
   clear: both;
   top: -30px; /* orig -30px */
   }

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
   position: relative;
   left: 0; top: 0;
   width: 100%;
   float: left;
   list-style-type: none;
   /* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
   }

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
   float:left;
/* Turn to "relative" to go to scrolling slider */   position: absolute;
   margin-left: 0;
   padding-left: 0;
   width: 20%; /* Also specified in  .stripViewer  above */
   margin: 0px;
   margin-bottom: 2px;
   top: 0px !important;
   left: 0px !important;
   display:block;
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
   background: transparent no-repeat 0% 0%;
   width: 100%;
   }

body.company .stripViewer .panelContainer .panel .wrapper,
body.company .stripViewer .panelContainer .panel,
body.company .stripViewer {
   }

body.company .stripViewer .panelContainer .panel .wrapper {

   }

.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
   margin: auto;
   overflow: hidden;
   width: auto !important;
   z-index: 1000;
   float: left;
   xdisplay: none !important;
   }

.stripNav ul { /* The auto-generated set of links */
   list-style: none;
   width: auto;
   float: left;
   padding-left: 0px;
   }

.stripNav ul li {
   list-style-type: none !important;
   padding-left: 0 !important;
   }

.stripNav ul li {
   float: left;
   margin-right: 5px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
   padding-right: 0px;
margin:0;
   }

.stripNav a { /* The nav links */
   text-align: center;
   color: #0d003d;
   text-decoration: none;
   display: block;
   padding: 0px;
   font-size: 90% !important; /* orig 100% */
   font-weight:normal !important;
   text-transform: uppercase;
   float: left;
   padding-left: 0px !important;
   line-height: 100%;
   margin: 0px;
   padding: 9px;
  /* margin-top:-19px;*/
   }

.stripNav li a.current {
   color: #000 !important;
   font-weight: bold !important;
    /*  margin-top:-20px;*/
   }

.panel .wrapper a.cross-link {
   position: absolute;
   right: 0px;
   bottom: 0px;
   height: 75px;
   background-color: #fff;
   width: 70px;
   text-indent: -9999px;
   background: transparent url(/images/carouselnext.png) top left no-repeat;
   cursor: pointer;
   }

.panel .wrapper p span {
   display: none;
   color: #06c;
   text-transform: uppercase;
   font-size: 100% !important; /* orig 150% */
   margin-bottom: -10px;
     width:100%;

   }

div.stripNavL, div.stripNavR {
   z-index: 1;
   float: left;
   width: auto !important;
   /*margin-top:-21px;
   margin-right:-20px;*/
   }

div.stripNavL a, div.stripNavR a {
   padding: 8px !important;
   color: #906 !important;
   text-transform: uppercase;
   font-weight: bold;
   font-size: 100%;
   display: block;
   /* margin-left:-25px;*/
   }

div.stripNavR a {
	margin-left:-9px;
}

div.navvy {
   position:relative;
   height: 30px;
   top: 286px; 
   border-top: 1px solid #888;
   z-index: 1000;
   width: 95%;
   /*margin-left:45px;*/
    }

/* ---------------------------------------------------
=Headline Carousel
Styling and Aesthetic for fading, rotating headline
module.
--------------------------------------------------- */

div#carousel {
   height: 177px; /* orig 164px */
   width: 100%;
   overflow: hidden;
   color: #000;
   }

div#carousel h2 {
   text-transform: capitalize;
   font-size: 220%;
   margin-bottom: 0em;
   width: 100%;
   height: 132px;
   }

/*\*/
* html  div#carousel h2 a {
   background-repeat: no-repeat;
   }
/**/


 div#carousel div.headlinenav {
   width: 10% !important;
   float: left;
   clear: both !important;
   }

 #content div#carousel ul.carouselnav {
   width: auto !important;
   float: right;
   }

 div#carousel h2 a {
   color: #fff;
   font-weight: normal;
   padding-right: 20px;
   display: block;
   background: transparent url(/wrdp/headlinebg.png) top left repeat;
   padding-left: 100px;
   padding-bottom: 5px;
   cursor: pointer;
   }

 div#carousel h2 a span {
   text-transform: uppercase;
   font-size: 50%;
   margin-top: 0em;
   clear: both;
   display: block;
   position: static !important;
   }

 div#carousel h3 a {
   color: #fff;
   font-weight: normal;
   }

 div#carousel ul {
   float: left;
   line-height: 30px;
   margin: 0 10px 0 10px !important;
   }

 div#carousel ul li {
   float: left;
   list-style-type: none !important;
   }

 div#carousel ul li a {
   color: #906;
   display:inline !important;
   }

 div#carousel ul li h5 a {
   color: #990066;
   /*background-color: #4c4c4c !important;*/
   }

 div#carousel ul li p {
   color:#fff !important;
  /* display:block;*/
   }

 div#carousel ul li.prev a {
   padding-left: 10px;
   background: transparent url(/webcms/groups/internet/@inter/@dept/@wsd/@wrc/documents/web_content/img_carousellaquo_png.png) 0% 50% no-repeat;
   }

 div#carousel ul li.next a {
   padding-right: 10px;
   background: transparent url(/webcms/groups/internet/@inter/@dept/@wsd/@wrc/documents/web_content/img_carouselraquo_png.png) 100% 50% no-repeat;
   }

 span.prev,  span.next {
   color: #fff;
   cursor: pointer;
   }

.feat div {
width: 100%;
}
#hp-feat-01 {
width: 96.1% !important;
display:block;
}
#hp-feat-02 {
width: 96.1% !important;
display:block;
}
#hp-feat-03 {
width: 96.1% !important;
display:block;
}
#hp-feat-04 {
width: 96.1% !important;
display:block;

}
#hp-feat-05 {
width: 96.1% !important;
display:block;
}