/* public-rail.css
	- this is used only by the Public site (but is entirely based on rail.css)
	- eNet intranet pages use rail.css
*/

.RightRail-Text-Container,
.right-rail-video-container,
.right-rail-slideshow-container {
	margin-bottom: 10px;
	font-size: 12px;
	float: left;
	width: 100%;
	padding-bottom: 5px;
}


/*
	- only on this template do these provide their own border
	- on the two other level 3 templates that they appear, they're within table celss
*/

.pgLev3CCW .RightRail-Text-Container,
.pgLev3CCW .right-rail-video-container,
.pgLev3CCW .right-rail-slideshow-container {
	border: 1px solid #e1dfdf;
}

/* can now add a single image directly, without putting inside Rail Rich Text which has padding */
.pgLev3CCW .content-body-right > span > span > img {
    width: 270px;
	border: 1px solid #e1dfdf;
	margin-bottom: 10px;
}

/* right rail taxonomy "widget" */
.right-rail-taxonomy-title {
    background-color: #85B21A;
    color: white;
    font-size: 16px;
    height: 20px;
    padding: 7px 10px;
    margin: 0;
    overflow: hidden;
    width: 248px;
    font-weight: normal;
    line-height: 1.4;
    border: 1px solid #e1dfdf;
    border-bottom: none;
}

.profit .right-rail-taxonomy-title {
    background-color: #E17E09;
}

.right-rail-taxonomy-loader {
    height: 300px;
    overflow: scroll;
    border: 1px solid #e1dfdf;
    border-top: none;
    padding: 10px;
}

.right-rail-taxonomy-browse-link {
    padding: 10px;
    border: 1px solid #e1dfdf;
    border-top: none;
    margin-bottom: 10px;
}

.right-rail-image-link img {
	width: 100%;
}

.right-rail-imageblock-title {
   margin-top: 5px;
   font-weight: bold;
   /* apparently default black is correct here! color: #005a8b; */
}


/* only required for original 'vanilla' version:  Inline doesn't want and Wide doesn't have */
.right-rail-slideshow-image-container {
	padding: 0 5px;
}

.rrs-inline .right-rail-slideshow-image-container {
	padding: 0;
}

.right-rail-launch-slideshow {
	background: url(../images/view-slideshow.jpg) no-repeat right top;
	padding-right: 20px;
}

.pgHome .right-rail-launch-slideshow {
    background: none;
    /*padding-right: 20px;
    position: relative;
    bottom: 115px;
    left: 850px;
    z-index: 1;*/
}

/* with Winter '12 (??!?) the <a>'s within this container would mysteriously sometimes have
   /servlet/servlet.FileDownload as their content
   - these <a>'s have an href to the image and are used by colorbox to find the slideshow images
*/
.right-rail-slideshow-image-container .horizontal-image-bar-image {
	display: none;
}

.right-rail-video-launch-container {
	margin: 1em 0 0 0;
	border: none;
	/*padding: 5px;*/
}

.right-rail-video-launch-container .right-rail-launch-video {
	background: url(../images/view-video.jpg) no-repeat right top;
	padding-right: 20px;
}

.right-rail-imageblock-content-container {
   padding: 5px;
}

.right-rail-imageblock-image img {
   cursor: pointer;
}

.RightRail-Title {
    background: none repeat scroll left top #85B21A;
    color: white;
    font-size: 16px;
    height: 25px;
    padding: 12px 0 7px 10px;
    margin: 0;
    overflow: hidden;
    width: 260px;
    font-weight: normal;
    line-height: 1.4;
}

.profit .RightRail-Title {
    background-color: #E17E09;
}

.RightRail-Body {
	margin: 10px 8px;
}

img.fullRail {
    width: 270px;
    margin: -10px -8px;
}


/* and now, some non-rail rail stylings
    - full width layout, with text right of, and potentially wrapping under picture
    div.right-rail-video-container.rrv-wide
        div.small-block-image
            a.right-rail-image-link
                img
        a.rrv-title
        div.rrv-subtitle
        div.rrv-content-body
        div.clear

    - limited width, suitable for n-up display
    div.right-rail-video-container.rrv-inline
        div.small-block-image
            a.right-rail-image-link
                img
        div.rrv-text-container
            a.rrv-title
            div.rrv-subtitle
        div.right-rail-video-launch-container
            a.right-rail-launch-video
*/

.rrv-wide .right-rail-image-link img,
.rrv-inline .right-rail-image-link img,
.rrs-wide .right-rail-image-link img,
.rrs-inline .right-rail-image-link img {
    width: auto;
}

a.rrv-title,
a.rrs-title {
    font-weight: bold;
}

.rrv-subtitle,
.rrs-subtitle {
    margin: 0.3em 0 1em 0;
}

.right-rail-video-container.rrv-inline,
.right-rail-video-container.rrv-wide,
.right-rail-slideshow-container.rrs-inline,
.right-rail-slideshow-container.rrs-wide {
    font-size: inherit;
    /* other right-rail rules specify 12px - inappropriate for this context */
}

/* RRV and RRS Wide */
.rrv-wide,
.rrs-wide {
    width: 100%;
    float: none;
}

.rrv-wide > .small-block-image,
.rrs-wide > .small-block-image {
    float: left;
    margin: 0 1.5em 1.5em 0;
}

/* RRV and RRS Inline */
.rrv-inline,
.rrs-inline {
    float: left;
    margin: 0 0 20px 0;
}

.rrv-text-container,
.rrs-text-container {
    margin: 1em 0;
}


.horizontal-spacer {
    float: left;
    height: 100px;    /* default guess */
    width: 10px;
}

.width20 {
    width: 20px;
}