/* Last edit: 08/08/2014 - ADonald - Added rui-typeahead.popover */
/* Last Edited 071514 by RD */
/* - Just changed the width of the homepage campaign carousel images */

.rui-con {}
    .rui-con ul.rui-rows, .rui-con li.rui-row, .rui-con ul.rui-cols, .rui-con li.rui-col {margin: 0; padding: 0; width: 100%;}
        .rui-con li.rui-row, .rui-con li.rui-col {list-style: none !important;}
            .rui-con li.rui-col, .rui-con li.rui-col > div {float: left;}
			.rui-con ul.rui-cols > li {
				padding: 0 10px 0 10px;}
			.rui-con ul.rui-cols.rui-width-full > li {
				padding: 0;}
				
                .rui-con li.rui-row.rui-breakout {background: url('/cms/rui/version/1.0/images/rui-breakout.jpg') repeat-x left top; background-size: 100% 100%;}
.rui-con.rui-center > ul.rui-rows > li.rui-row > * {margin: 0 auto;}
.rui-con:after, ul.rui-rows:after, ul.rui-cols:after {content: ""; display: table; clear: both;}
.rui-con li.rui-row.rui-row-bg > ul.rui-cols {margin: 0 0 20px 0 !important;}

#rui-page-home-dynamic.rui-con ul.rui-cols > li {padding: 0; !important}

/*.rui-con img {width: 100%;}*/

/* Standard Column Widths */
li.rui-col.rui-col-1 {width: 6.25%;}
li.rui-col.rui-col-2 {width: 14.583%;}
li.rui-col.rui-col-3 {width: 22.916%;}
li.rui-col.rui-col-4 {width: 31.25%;}
	li.rui-col.rui-col-4 > div.rui-width-50 {
		width: 46.666%;
		padding: 0 0 0 20px;}
	li.rui-col.rui-col-4 > div.rui-width-50:first-child {
		padding: 0;}
li.rui-col.rui-col-5 {width: 39.583%;}
li.rui-col.rui-col-6 {width: 47.916%;}
li.rui-col.rui-col-7 {width: 56.25%;}
li.rui-col.rui-col-8 {width: 64.583%;}
li.rui-col.rui-col-9 {width: 72.916%;}
li.rui-col.rui-col-10 {width: 81.25%;}
li.rui-col.rui-col-11 {width: 89.583%;}
li.rui-col.rui-col-12 {width: 100%;}

/* Standard Non-Column Widths */
.rui-width-100 {float: left; width: 100%;}
.rui-width-90 {float: left; width: 90%;}
.rui-width-80 {float: left; width: 80%;}
.rui-width-75 {float: left; width: 75%;}
.rui-width-70 {float: left; width: 70%;}
.rui-width-66 {float: left; width: 66.6%;}
.rui-width-60 {float: left; width: 60%;}
.rui-width-50 {float: left; width: 50%;}
.rui-width-40 {float: left; width: 40%;}
.rui-width-37-5 {float: left; width: 37.5%;}
.rui-width-33 {float: left; width: 33.3%;}
.rui-width-30 {float: left; width: 30%;}
.rui-width-25 {float: left; width: 25%;}
.rui-width-20 {float: left; width: 20%;}
.rui-width-10 {float: left; width: 10%;}

/* Global */
.rui-object {display: none;}
.load-spinner {
	animation: fade-in 0.25s; 
	-webkit-animation: fade-in 0.25s; 
	position: absolute; 
	z-index: 100; 
	top: 0; 
	left: 0; 
	height: 100%; 
	width: 100%; 
	background: rgba(255,255,255,0.85) url('http://www.rogers.com/cms/cache30d/zoomloader.gif') center center no-repeat;}
.rui-loading {background: url('http://www.rogers.com/cms/cache30d/zoomloader.gif') no-repeat 0 0; min-height: 30px; min-width: 30px; margin: 0 40% !important; padding: 8px 0 0 33px !important; font-size: 10px !important;}
.rui-loading:before {content: 'Loading: ';}
.rui-loading:after {content: '...';}
.rui-show-inline {display: inline;}
.rui-show {display: block;}
.rui-hide {display: none;}
.rui-title, .rui-description, .rui-nav {white-space: nowrap;}
.rui-nav {bottom: 10px;}
.rui-con pre {margin: 0; padding: 0; font-family: inherit;}
.rui-red {color: #C41522;}
.rui-text-color1 {color: red;}
.rui-large {font-size: 180%; line-height: 0.85;}
.rui-text-large {font-size: 180%; line-height: 0.85;}
.rui-text-small {font-size: 60%; line-height: 0.85;}
.rui-text-bold{font-weight: bold;}
.rui-text-align-center {text-align: center;}
.rui-text-align-left {text-align: left;}
.rui-text-align-right {text-align: right;}
.rui-text-tm {}
.rui-text-mc {} 

/* Component */
#rui-template-container, #rui-template-component {display: none;}
.rui-component sup {vertical-align: 5px;}

/* Component: Expander - OLD UPDATE!!*/
a.rui-expander {padding: 1px 5px 1px 22px; background: url("http://www.rogers.com/cms/train/versions/1.0/images/arrow-right.png") no-repeat scroll 1px 4px transparent;}
a.rui-expander.rui-expander-active {background-image: url("http://www.rogers.com/cms/train/versions/1.0/images/arrow-down.png");}

/* Component: Tabs - OLD UPDATE!!*/ 
div.rui-component-tabs {position: relative;}
    .rui-component-tabs,
    ul.rui-tabs > li.rui-tab,
    ul.rui-tabs > li.rui-tab > div {margin: 0; padding: 0; list-style: none !important; width: 100%;}
        ul.rui-tabs:after {content: ""; display: table; clear: both;}
        ul.rui-tabs > li.rui-tab > a {position: absolute; top: 0px; left: 0; padding: 10px; background-color: #e4e6e5; color: #1e2121; text-decoration: none; text-align: center; height: 15px;}
            ul.rui-tabs > li.rui-tab > a:hover {}
            ul.rui-tabs > li.rui-tab.rui-tabs-active > a:hover {}
        ul.rui-tabs > li.rui-tab > div {border-top: 2px solid #748189; display: none; margin-top: 35px;}
            ul.rui-tabs > li.rui-tab.rui-tabs-active > a {color: #fff; background-color: #748189;}
            ul.rui-tabs > li.rui-tab.rui-tabs-active > div {display: block;}

/* Container: Carousel */
.rui-container-carousel {position: relative; width: 100%; height: 100%; margin: 0; padding: 0;}
	.rui-container-carousel .rui-nav {position: absolute; z-index: 1001; left: 0; bottom: 10px; width: 100%; text-align: center; font-size: 20px;}
	.rui-container-carousel .rui-nav-left {position: absolute; z-index: 1001; left: 0; top: 50%; width: 100px; height: 100px; margin-top: -50px;}
	.rui-container-carousel .rui-nav-right {position: absolute; z-index: 1001; right: 0; top: 50%; width: 100px; height: 100px; margin-top: -50px; text-align: right;}
	.rui-container-carousel > ul.rui-items {margin: 0; padding: 0; height: 600px; width: 540px; overflow: hidden;} /* use rui.js to adjust responsive dimensions */
	.rui-container-carousel > ul.rui-items > li.rui-item {position: relative; width: 100%; height: 100%; margin: 0; padding: 0; list-style: none; float: left;}
	.rui-container-carousel ul.carousel {margin: 0 0 10px 0 !important;}

/* Component: Container Carousel Mobile Version 	
	body.mobile .rui-container-carousel div.bx-has-pager {display:none;}*/
	
/* Container: List */
.rui-container-list {width: 100%; padding: 40px 0 20px !important;}
	.rui-container-slider .rui-nav {display: none;}
	.rui-container-slider .rui-nav-left {display: none;}
	.rui-container-slider .rui-nav-right {display: none;}
	.rui-container-list > h2 {font-size: 40px; font-weight: bold;}
	.rui-container-list > div.rui-items,
	.rui-container-list > div.rui-items > div.rui-item {padding: 0; list-style: none; width: 100%; float: left; background-color: white;position:relative;}
	.rui-container-list > div.rui-items.list {margin:0 10px;}
	.rui-container-list > div.rui-items > div.item {background-color: #FFFFFF; float: left; list-style: none outside none; padding: 0; position: relative; width: 100%;}
	.rui-con .rui-container-list .rui-component-poster img {width: 140px !important;height: 140px !important;}
	
/* Container: Carousel-Breakout */
.rui-container-carousel-breakout {position: relative; width: 3000px; height: 100%; margin: 0; padding: 0;}
	.rui-container-carousel-breakout .rui-nav {display: none;}
	.rui-container-carousel-breakout .rui-nav-left {position: absolute; z-index: 1001; left: 0; top: 50%; width: 100px; height: 100px; margin-top: -50px;}
	.rui-container-carousel-breakout .rui-nav-right {position: absolute; z-index: 1001; right: 0; top: 50%; width: 100px; height: 100px; margin-top: -50px; text-align: right;}
	.rui-container-carousel-breakout .rui-nav {position: absolute; z-index: 1001; left: 0; bottom: 10px; width: 100%; text-align: center; font-size: 20px; background-color: red;}
	.rui-container-carousel-breakout .rui-nav-left {position: absolute; z-index: 1001; left: 0; top: 50%; width: 100px; height: 100px; margin-top: -50px;}
	.rui-container-carousel-breakout .rui-nav-right {position: absolute; z-index: 1001; right: 0; top: 50%; width: 100px; height: 100px; margin-top: -50px; text-align: right;}
	.rui-container-carousel-breakout ul.rui-items {padding: 0;}
	.rui-container-carousel-breakout ul.rui-items li.rui-item {position: relative; width: 300px !important; height: 340px; margin: 0; padding: 0; list-style: none; float: left;}
	
/* Component: Poster */
.rui-component-poster {width: 100%; height: 100%;}
	.rui-component-poster > .rui-background {width: 100%; height: 100%;}
	.rui-con .rui-container-carousel .rui-component-poster img {width: 100% !important;}
	.rui-component-poster > img.rui-image2 {display: none;}
	.rui-component-poster > .rui-content-con > .rui-title {position: absolute; top: 20px; right: 30px;}
			.rui-component-poster > .rui-content-con > .rui-title > pre.rui-content, .rui-component-poster > .rui-content-con > .rui-title > pre.rui-content > span {
				/*color: #C41522;  position: absolute; top: 0; right: 0; width: 100%; font-size: 48px; line-height: 1.0; padding: 20px 60px;*/
				text-align: right;}
			/*.rui-component-poster > .rui-content-con > .rui-description {position: absolute; bottom: 20px; width: 100%; font-size: 24px; line-height: 1.1; text-align: center;} NOT WOKING IN IE8*/
			.rui-component-poster > .rui-content-con > .rui-description > pre.rui-content {white-space: normal;padding: 0; text-align: right;}
			.rui-component-poster > .rui-content-con > .rui-description > pre.rui-content.rui-text-align-center {text-align: center;}
			.rui-component-poster > .rui-content-con > .rui-description > pre.rui-content.rui-text-align-left{text-align: left;}
			.rui-component-poster > .rui-content-con > .rui-description > pre.rui-content.rui-text-align-right {text-align: right;}
			
			.rui-component-poster > .rui-content-con > a.rui-cta {
					display: block;height: 100%;position: absolute;top: 0;width: 100%;text-indent: -1999px;overflow: hidden;border:0px;padding: 10px 0;
					outline-style: none;
					background-image: url('/cms/rui/version/1.0/images/empty.png');
					background:rgba(0,0,0,0);
					filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00ffffff', endColorstr='#00ffffff');/*IE9*/
					-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";/*IE8*/
			}
			
			
/* .rui-component-poster sup {vertical-align: 10px;} */

/* Component: ImageTextPair */
.rui.rui-component-imagetextpair{margin-left: 0px; padding: 30px 0; border-top: 1px dotted #ccc;}
	li:first-child > .rui-component-imagetextpair {border-top: none;}
	.rui-component-imagetextpair > img.rui-image1 {float:left; margin: 0 30px 0 0; max-width: 38%;}
	.rui-component-imagetextpair > img.rui-image2 {display: none;}
	.rui-component-imagetextpair > .rui-content-con {}
		/* .rui-component-imagetextpair > .rui-content-con > .rui-title {font-size: 24px; line-height: 1.2;white-space: normal;} */
			.rui-component-imagetextpair > .rui-content-con > .rui-title > pre.rui-content {white-space: normal;}
			.rui-component-imagetextpair > .rui-content-con > .rui-description {margin: 5px 0 10px; font-size: 12px; line-height: 1.0;color:#aaa;}
			.rui-component-imagetextpair > .rui-content-con > .rui-description > pre.rui-content {white-space: normal; color: #aaa;}
			.rui-component-imagetextpair > .rui-content-con > a.rui-cta {
				display: block;height: 100%;position: absolute;top: 0;width: 100%;text-indent: -1999px;overflow: hidden;padding:0px;border:0px;
				outline-style: none;
				background-image: url('/cms/rui/version/1.0/images/empty.png');
				background:rgba(0,0,0,0);
				filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00ffffff', endColorstr='#00ffffff');/*IE9*/
				-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";/*IE8*/
			}

/* Component: Tile-Overlay */
.rui-component-tile-overlay {position: relative; width: 100%; height: 100%; overflow: hidden;}
	.rui-component-tile-overlay > .rui-image1 {width: 100%; height: auto;}
	.rui-component-tile-overlay > .rui-image2 {display: none;}
	.rui-component-tile-overlay > .rui-content-con {position: absolute; cursor: default; bottom: 0; left: 0; height: auto; width: 100%; padding: 340px 7% 15px 7%; text-align: right; color: #ddd; background: url("/cms/rui/images/rui-black-transparent-bg.png") repeat;
		opacity: 0;
		filter: alpha(opacity=0); /* For IE8 and earlier */
		transition: opacity 0.175s ease-in-out 0s;}
	.rui-con .rui.rui-component-tile-overlay:hover > .rui-content-con {
		opacity: 1;
		filter: alpha(opacity=100); /* For IE8 and earlier */}
		/* .rui-component-tile-overlay > .rui-content-con > .rui-title {padding: 5px 10px 0 0; font-size: 34px; font-weight: bold; line-height: 1.2;} */
			/* .rui-component-tile-overlay > .rui-content-con > .rui-title > pre.rui-content {color: #fff;padding: 5px 10px 0 0; font-size: 34px; font-weight: bold; line-height: 1.2;} */
		/* .rui-component-tile-overlay > .rui-content-con > .rui-description {padding: 0 10px; font-size: 18px; line-height: 1.1;} */
			.rui-component-tile-overlay > .rui-content-con > .rui-description > pre.rui-content {margin: 8px 0 7px 0; color: #fff; line-height: 0.8;}
		/* .rui-component-tile-overlay > .rui-content-con > a.rui-cta {display: inline-block; margin: 10px; padding: 3px 10px; background-color: #ddd; font-size: 12px; text-decoration: none; color: #333;} */

/* Component: Tile-Overlay Mobile Version 
body.mobile .rui-con .rui.rui-component-tile-overlay {position:static;}
body.mobile .rui-con .rui.rui-component-tile-overlay:hover > .rui-content-con {display: block;}
body.mobile .rui-component-tile-overlay > .rui-content-con {position: absolute; display: block; cursor: default; bottom: 0; left: 0; height: 140px; width: 86%; padding-top: 0px; text-align: right; color: #ddd; background: none;}
body.mobile .rui-component-tile-overlay > .rui-content-con {background: url("/cms/rui/version/1.0/images/rui-black-transparent-bg.png") repeat-x scroll center bottom transparent;}
body.mobile .rui-component-tile-overlay > .rui-content-con > .rui-title  > .rui-content {}
body.mobile .rui-con .rui.rui-component-tile-overlay:hover > .rui-content-con {display: block;}
body.mobile .rui-con .rui.rui-component-tile-overlay:hover > .rui-background {opacity:1;}
body.mobile .rui-container-carousel-breakout .bx-controls-direction .bx-prev,
body.mobile .rui-container-carousel-breakout .bx-controls-direction .bx-next,
body.mobile .rui-component-tile-overlay > .rui-content-con > .rui-description {display:none;}
body.mobile .rui-component-tile-overlay > .rui-content-con > a.rui-cta {position: absolute; bottom:0; right:0; display: inline-block; margin: 10px; padding:10px; background-color: #ddd; font-size: 12px; text-decoration: none; color: #333;}
body.mobile .rui-component-tile-overlay > .rui-content-con {
		opacity: 1;
		filter: alpha(opacity=100); 
		transition: none;}
		*/
		
/* Component: Expander-Overlay */
.rui-col > .rui-component-expander-overlay {width: 100%;}
.rui-component-expander-overlay {position: relative; overflow: hidden;}
.rui-component-expander-overlay > a {display: block; position: absolute; bottom: 0; z-index: 1; margin: 0; padding: 10px 0; width: 100%; background: url("/cms/rui/images/rui-black-transparent-bg.png") repeat; text-decoration: none; color: #fff;}
.rui-component-expander-overlay > a.rui-expander-overlay-indicator:after {position: absolute; top:0; right: 0; font-family: "Arial"; color: #fff; background-color: #000; padding: 1px 8px; font-size: 20px; line-height: 20px; font-weight: bold; content: "+";}
.rui-component-expander-overlay > a .rui-expander-overlay-expanded-content {display: none;}
    .rui-component-expander-overlay > a .rui-expander-overlay-ellipse {display: inline;}
    .rui-component-expander-overlay > a .rui-expander-overlay-expanded-content {display: none;}
    .rui-component-expander-overlay.rui-expander-overlay-active > a .rui-expander-overlay-ellipse {display: none;}
    .rui-component-expander-overlay.rui-expander-overlay-active > a .rui-expander-overlay-expanded-content {display: inline;}
    .rui-component-expander-overlay.rui-expander-overlay-active > a.rui-expander-overlay-indicator:after {content: "-"; font-size: 26px; line-height: 22px; padding: 0 10px 5px 9px;}
.rui-component-expander-overlay > a > * {padding: 0 10px;}
.rui-component-expander-overlay > a > h1, .rui-expander-overlay > a > h2, .rui-expander-overlay > a > h3 {margin-top: 0;}
.rui-component-expander-overlay > div {width: 100%;}

/* Component: Image */
.rui-component-image {position: relative; width: 100%;}
.rui-component-image.rui-image-background {position: absolute; height: 100%;}
.rui-component-image > img {width: 100%; height: auto;}
.rui-component-image.rui-image-background > img,
.rui-component-image.rui-image-stretch > img {width: 100%; height: 100%;}
.rui-component-image.rui-image-scale-width > img {width: 100%; height: auto;}
.rui-component-image.rui-image-scale-height > img {width: auto; height: 100%;}
.rui-component-image.rui-image-fit-width > img {width: 100%; height: 100px}
.rui-component-image.rui-image-fit-height > img {width: 100px; height: 100%;}
.rui-component-image.rui-image-align-top > img {top: 0;}
.rui-component-image.rui-image-align-bottom > img {bottom: 0;}
.rui-component-image.rui-image-align-vertical > img {}
.rui-component-image.rui-image-align-left > img {left: 0;}
.rui-component-image.rui-image-align-right > img {right: 0;}
.rui-component-image.rui-image-align-horizontal > img {}

/* Component: Custom bxSlider carousel */
.rui-con .bx-wrapper .bx-viewport {border: 0px !important; box-shadow: none !important; left:-10px;}
.rui-container-carousel .bx-wrapper .bx-viewport {margin: 0 auto; min-height: 600px;}
.rui-con .bx-wrapper .rui-component-tile-overlay img {width:300px !important;}
.rui-con ul.bxsliderCarousel li {width:300px !important;height:340px !important;}
.rui-con div.bx-has-pager { left: -10px; margin: 0 0 40px; position: relative;}
.rui-con .bx-wrapper .bx-controls-direction a {height: 54px;margin-top: -16px;outline: 0 none;position: absolute;text-indent: -9999px;top: 50%;width: 54px;z-index: 9999;}
.rui-con .bx-wrapper .bx-prev {background: url("/cms/rui/version/1.0/images/nav-left.png") no-repeat scroll center top transparent;left: 10px;}
.rui-con .bx-wrapper .bx-next {background: url("/cms/rui/version/1.0/images/nav-right.png") no-repeat scroll center top transparent;right: 10px;}
.rui-con .bx-wrapper .bx-prev:hover,
.rui-con .bx-wrapper .bx-next:hover {background-position: center top;}
.rui-con .bx-wrapper .bx-pager.bx-default-pager a {background-color: transparent;border: 1px solid #999999;color: transparent;border-radius: 50% 50% 50% 50%;display: block;height: 10px;margin: 0 5px;outline: 0 none;text-indent: -9999px;width: 10px;}
.rui-con .bx-wrapper .bx-pager.bx-default-pager a.visited-slide{background-color: #D9D9D9;border-color: #D9D9D9;}
.rui-con .bx-wrapper .bx-pager.bx-default-pager a.active {background-color: #666666;border-color: #666666;}
.rui-con .bx-wrapper .bx-pager.bx-default-pager a:hover {background-color: #999999;border-color: #999999;}
/* New Construct */
/*.rui-con .rui-image-bg {position: absolute; top: 0; left: 0;}*/