/* About URI slider styles */
#about_uri_slider .stripViewer .panelContainer .panel ul {
    text-align: left;
    margin: 0 15px 0 30px;
}

#about_uri_slider .slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
    display: block !important;
    position: relative;
    width: 690px;
    min-height: 210px;
    max-height: 1000px;
}

/* These 2 lines specify style applied while slider is loading */
#about_uri_slider .csw {
		margin: 0 auto;
    width: 690px;
    height: 210px;
    overflow: hidden;
    display:inline-block;
}

#about_uri_slider .csw .loading {
    margin: 0 auto;
		width: 680px;
    height: 210px;
    text-align: center;
    overflow: hidden;
    display:inline-block;
    color:#AEA99E;
    font-size:0.85em;
}

#about_uri_slider .csw .loading img{
    margin:45px auto 5px;
}


#about_uri_slider .stripViewer { /* This is the viewing window */
    position: relative;
    overflow: hidden;
    margin: 0 auto 20px;
    width: 690px; /* Also specified in  .stripViewer .panelContainer .panel  below */
    clear: both;
    top: 0;
    min-height: 210px;
    max-height: 1000px;
}

#about_uri_slider .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;
    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. */
}

#about_uri_slider .stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
    float: left;
    position: relative;
    width: 175px;
    margin: 0;
    display: inline-block; /* Also specified in  .stripViewer  above */
    margin: 0;
    padding: 0;
    min-height: 210px;
    max-height: 1000px;
   
}

#about_uri_slider .stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
    display: block;
    padding: 5px;
}

#about_uri_slider .stripViewer .panelContainer .panel .wrapper img {
    margin: 0 0 5px 0;
    border: 0;
}

#about_uri_slider .stripViewer .panelContainer .panel .wrapper h4 a:link,
#about_uri_slider .stripViewer .panelContainer .panel .wrapper h4 a:visited,
#about_uri_slider .stripViewer .panelContainer .panel .wrapper h4 a:hover {
    clear:both;
    font-size: 1em;
    font-weight: bold !important;
    margin: 10px 0 0 0;
    color: #377a9e;
}

#about_uri_slider .stripViewer .panelContainer .panel .wrapper h3 a:link,
#about_uri_slider .stripViewer .panelContainer .panel .wrapper h3 a:visited,
#about_uri_slider .stripViewer .panelContainer .panel .wrapper h3 a:hover {
    font-weight: bold !important;
    margin: 10px 0 0 0;
    color: #377a9e;
    font-size: 18px;
    clear:both;
}

#about_uri_slider .stripViewer .panelContainer .panel .wrapper p {
    font-size: .95em;
}

#about_uri_slider .stripNav { /* This is the div to hold your nav (the UL generated at run time) */
    margin: auto;
    display: none;
}

#about_uri_slider .stripNav ul { /* The auto-generated set of links */
    list-style: none;
}

#about_uri_slider .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 */
}


#about_uri_slider .stripNavL, #about_uri_slider .stripNavR { /* The left and right arrows */
    position: absolute;
    top: -20px;
    display: block;
}

#about_uri_slider .stripNavL a, #about_uri_slider .stripNavR a {
    display: block;
    height: 30px;
    width: 30px;
    text-indent: -9999em;
    z-index: 1001;
}


#about_uri_slider .stripNavL {
    background: url("/images/arrows/left_arrow.gif") no-repeat center;
    left: 630px;
}

#about_uri_slider .stripNavR {
    background: url("/images/arrows/right_arrow.gif") no-repeat center;
    right: 0;
}



/* Action area slider styles */
#action_area_slider .csw {
    overflow: hidden;
    height: 75px;
    width: 190px;
    display:block;
    border-bottom: 1px solid #aea99e;
}

#action_area_slider .csw .loading {
    text-align: center;
    display:block;
    overflow: hidden;
    height: 70px;
    width: 190px;
    color:#AEA99E;
    padding:5px 0 0 0;
    font-size:0.85em;
}

#action_area_slider .csw .loading img{
    padding:5px 0;
}

#action_area_slider .stripViewer .panelContainer .panel ul {
    text-align: left;
    margin: 0 15px 0 30px;
}

#action_area_slider #slide-wrapper { /* This is the viewing window */
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    width: 190px; /* Also specified in  .stripViewer .panelContainer .panel  below */
    clear: both;
    top: 10px;
    min-height: 125px;
    max-height: 595px;
    border-bottom: 1px solid #aea99e;

}

#action_area_slider .stripViewer { /* This is the viewing window */
    border-bottom: 1px solid #aea99e;
    clear: both;
    min-height: 75px;
    max-height: 505px;
    margin: 0 auto 10px;
    overflow: hidden;
    padding: 0;
    position: relative;
    top: 0;
    width: 190px;
    text-align:left;
}

#action_area_slider .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%;
    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. */
}

#action_area_slider .stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
    float: left;
    position: relative;
    width: 190px;
    margin: 0;
    display: block; /* Also specified in  .stripViewer  above */
}

#action_area_slider .stripViewer .panelContainer .panel .wrapper {
    width: 190px;
    display: block;
}

#action_area_slider .stripViewer .panelContainer .panel .wrapper img {
    float: right;
    margin: 0 20px 0 0;
    border: 4px solid #bfb6ac;
}

#action_area_slider .stripViewer .panelContainer .panel .wrapper h4 {
    font-size: 1.2em;
    font-weight: bold;
    margin: 5px 0 2px 0;
    color: #377a9e;
}

#action_area_slider .stripViewer .panelContainer .panel .wrapper h3 a {
    font-weight: bold;
    margin: 0 0 0 0;
    color: #377a9e;
}
#action_area_slider .stripViewer .panelContainer .panel .wrapper p {
    font-weight: normal;
    line-height:1.1em;
    font-size:13px;
}
#action_area_slider .stripNav { /* This is the div to hold your nav (the UL generated at run time) */
    margin: auto;
    display: none;
}

#action_area_slider .stripNav ul { /* The auto-generated set of links */
    list-style: none;
}

#action_area_slider .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 */
}

#action_area_slider .stripNavL a, #action_area_slider .stripNavR a {
    display: block;
    height: 30px;
    width: 33px;
    text-indent: -9999em;
    z-index: 1001;
}


#action_area_slider .stripNavL {
    position: absolute;
    left: 130px;
    bottom: 10px;
    z-index: 1000;
    background: url("/images/arrows/left_arrow.gif") no-repeat center;
}

#action_area_slider .stripNavR {
    background: url("/images/arrows/right_arrow.gif") no-repeat center;
    position: absolute;
    right: 0;
    bottom: 10px;
    z-index: 1000;
}

#see_all_cc {
    position: relative;
    bottom: 0px;
    width: 120px;
    left: 5px;
    margin:10px 0;
    min-height:30px;
    max-height:60px;
}