/*
 * PAGE.CSS - SYSTEM
 * 
 * Core styles for page structure & text.
 *
 */

/*******************************************************************************
 * DEFAULT - WILL BE USED FOR ANY DEVICE UNLESS OVER-RIDDEN FOR SPECIFIC DEVICES.
 *******************************************************************************/

html
{
	height: 100%;
}

body
{
	margin:0;
	padding:0;
	border:0;
	font-family:sans-serif, verdana, arial, helvetica;
	width: 100%;
	color:#666;
	background-color:#CCCCCC;
	-ms-overflow-style: scrollbar;
	height: 100%;
	line-height: 1.5;
	font-size: 16px;
}

p
{
	margin-top:0;	
}

a, a:visited
{
	color: #333;
	text-decoration:none;
	border:0;
}

a:hover
{
	text-decoration:underline;
}

/* GLOBAL CONTAINER FOR iPAD SCROLLING */

#rcGlobalScroll
{
	width:100%;
	height:auto;
	overflow:auto;
	position:relative;
	-ms-overflow-style: scrollbar;
}

/* HOST MESSAGE FOR IPAD */

#rcHostMessage
{
	width: 70%;
	margin:50px auto 0 auto;
	padding: 20px;
	background-color: #fff;
	border: 1px solid #999;
	font-size: 120%;
}

#rcHostMessage div
{
	text-align: center;
}

#rcHostMessageButton
{
	display:inline-block;
	padding:10px;
	margin:20px auto 0 auto;
	color:#fff;
	background-color:#f37021;
}

#rcHostMessageButton:hover
{
	text-decoration: none;
}

/* CLEAR FIX */

.clearFix:after
{
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearFix
{
	display: inline-block;
	width:100%;
}
 
html[xmlns] .clearFix 
{
	display: block;
	width:100%;
}
 
* html .clearFix
{
	height: 1%;
}

/* BOOTSTRAP OVER-RIDES */

.rcPanel .tooltip
{
	font-size: 100%;
}

/* NAVIGATOR */

.rcNavigator
{
	display: table;
	width: 100%;
	height: 100%;
	line-height: 0;
	font-size:0;
}

/* MODULE */

.rcModule
{
	height: 100%;
	width: 100%;
	background-color: #ffffff;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

/* SECTION */

.rcSection
{
	height: 100%;
	width:100%;
	margin: 0 auto;
	display: inline-block;
	text-align: left;
	position: relative;
}

/* PANEL */

.rcPanel
{
	display: table;
	height: 100%;
	width: 100%;
	line-height: 1.5;
	font-size: 16px;
}

.rcPanel .rcPanelHead
{
	display: table-row;
}

.rcPanel .rcPanelHead .rcPanelHeadInner
{
	display: table-cell;
	background-color: #FFF;
}

.rcPanel .rcPanelBody
{
	display: table-row;
	background-color:#FFF;
}

.rcPanel .rcPanelBody .rcPanelBodyInner
{
	display: table-cell;
	background-color:#FFF;
	padding:0 40px;
	height: 100%;
}

.rcPanel .rcPanelFoot
{
	display: table-row;
}

.rcPanel .rcPanelFoot .rcPanelFootInner
{
	display: table-cell;
	background-color: #FFF;
}

/* COMPANION PANEL */

.rcPanel.rcCompanionPanel
{
	position: absolute;
	top:0;left:0;right:0;
	z-index: 2000;
}

.rcPanel.rcCompanionPanel iframe.rcCompanionFrame
{
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width: 100%;
	height: 100%;
	z-index: 2001;
	-webkit-overflow-scrolling: touch;
	-webkit-transform:translate3d(0,0,0);
}

.rcPanel.rcCompanionPanel .rcClearCompanionFrame
{
	position: absolute;
	z-index: 2002;
	bottom:0;
	left:0;
}

/* OBJECT */

.rcObject
{
	/*width:100%;*/
	clear:both;
	*clear:none;
}

.rcObject div.rcInner
{
	padding-bottom: 25px;
	/*padding: 1.275510204081635% 2.55102040816327%;*/
}

/* CONTAINER OBJECT */

.rcObject.rcContainer .rcObject div.rcInner
{
	padding:0 0 25px 0;
}

.rcObject.rcContainer .rcObject.rcLeftCol div.rcInner
{
/*	padding-right: 2.55102040816327%;*/
	padding-right :25px;
}

.rcObject.rcContainer .rcObject.rcRightCol div.rcInner
{
	/*padding-left: 2.55102040816327%;*/
	padding-left :25px;
}

/* LEFT COLUMN */

.rcObject.rcLeftCol
{
	width: 50%;
	float:left;
	clear:left;
	*clear: both;
}

.rcObject.rcLeftCol div.rcInner
{
	padding-right :25px;
	/*padding: 2.551020408163265% 5.10204081632653%;*/
}


/* RIGHT COLUMN */

.rcObject.rcRightCol
{
	width:50%;
	clear:right;
	*clear:both;
	float:right;
}

.rcObject.rcRightCol div.rcInner
{
	padding-left :25px;
	/*padding: 2.551020408163265% 5.10204081632653%;*/
}

/* THIRDS */

 .rcPanelBody .rcObject.rcOneThird
{
	width: 33.333333333333333333333%;
}

 .rcPanelBody .rcObject.rcTwoThirds
{
	width: 66.666666666666666666666%;
}

/* INLINE */

.rcObject.rcInline
{
	display:inline-block;
	*float:left;
	/*width:auto;*/
}

.rcObject.rcInline div.rcInner
{
	display:inline-block;
	padding-right: 25px;
	/*padding: 2.551020408163265% 5.10204081632653%;*/
}

/* TITLE */

.rcTitle, h1
{
	font-family: sans-serif, verdana, arial, helvetica;
	font-size: 3.375em;
	font-style: italic;
	line-height: 1.2;
	color: #000;
	padding:0 0 10px 0;
	margin:0;
	font-weight:normal;
}

/* SUBTITLE */

.rcSubtitle, h2
{
	font-family: sans-serif, verdana, arial, helvetica;
	font-size: 1.875em;
	font-style: italic;
	color: #000;
	padding:0;
	margin:0;
	font-weight:normal;
	line-height:inherit;
}

/* HEADING */

.rcHeading, h3
{
	font-size: 1em;
	color: #000;
	padding:0;
	margin:0;
	font-weight:bold;
}

/* COLLAPSED TEXT */

.rcObject.rcCollapsedText div.rcInner
{
	overflow:hidden;
	position:relative;
}

a.rcReadMore, a.rcReadMore:visited
{
	font-family: sans-serif, verdana, arial, helvetica;
	display: block;
	font-style:italic;
	text-align:center;
	background-color:#666;
	color:#fff;
	padding:0.5em;
	margin:0 5.10204081632653%;
}

a.rcReadMore:hover
{
	text-decoration:none;
	background-color:#999;	
}

.rcObject.rcCollapsedText div.rcInner .rcMask
{
	position: absolute;
	left:0;
	right:0;
	bottom:0;
	height: 30px;
	width:100%;
	background-image: url('../img/fade_out.png');
	background-repeat: repeat-x;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)
{
	background-image: url('../img/fade_out@2x.png');
	background-size: contain;
}

/* COLLAPSED TO TITLE TEXT */

a.rcCollapsedTitle, a.rcCollapsedTitle:visited
{
	font-family:sans-serif, verdana, arial, helvetica;
	display: block;
	font-style:italic;
	text-align:center;
	background-color:#666;
	color:#fff;
	padding:0.5em;
	margin: 25px 0 0 0;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

a.rcCollapsedTitle:hover, .rcObject a.rcCollapsedTitle.rcTouch.ton
{
	text-decoration:none;
	background-color:#999;	
}

.rcObject.rcCollapsedTitleText div.rcInner, .rcObject.rcContainer .rcObject.rcCollapsedTitleText div.rcInner
{
	display:none;
	padding-top:10px;
}

.rcObject.rcCollapsedTitleText.rcShown div.rcInner
{
	padding-bottom:0;
}

/* MODAL */

.rcModal
{
	position: fixed;
	top: 0%;
	left: 0%;
	display: none;
	width: 100%;
	height: 100%;
	background-image: url(../img/mask.png);
	z-index: 6000;
	text-align: center;
}

.rcModal:before
{
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}

.rcModal .rcModalBlock
{
	display: inline-block;
	position: relative;
	max-height: 90%;
	max-width: 90%;
	width: auto;
	height: auto;
	background-color: #ffffff;
	border-radius: 5px;
	box-shadow: 0px 3px 9px rgba(0,0,0,0.3);
	padding: 20px 20px 30px 20px;
	box-sizing: border-box;
	vertical-align: middle;
	overflow-y: auto;
	overflow-x: hidden; 
}

.rcModal.rcModalTitleless .rcModalBlock {
	padding: 42px 20px;
}

.rcModal .rcModalBlock h1
{
	margin-bottom: 10px;
}

.rcModal .rcModalBlock a.rcModalClose
{
	position: absolute;
	top: 10px;
	right: 10px;
	display: block;
	width: 22px;
	height: 22px;
	padding: 0;
	background-image: url('../img/modal_close.png');
	background-repeat: no-repeat;
	background-position: center;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)
{
	.rcModal .rcModalBlock a.rcModalClose
	{
		background-image: url('../img/modal_close@2x.png');
		background-size: 22px;
	}
}



/*******************************************************************************
 * DESKTOP LARGE - WILL OVERRIDE DEFAULT ON DEVICES WITH A WIDTH GREATER THAN 1200px
 * (use preceding class .desktop_l)
 *******************************************************************************/

body.desktop_l
{}

.desktop_l .rcModule
{}

/* HIDES */

.current-desktop_l .hideDesktop, .current-desktop_l .hideDesktopLarge
{
	display: none;
}

/* PANEL */

.desktop_l .rcPanel .rcPanelBody
{
	/*
	background-color:#FFF;
	padding:35px 60px 0 60px;
	width: 980px;
	margin: 0 auto;
	*/
}

/* OBJECT */

.desktop_l .rcObject div.rcInner, .desktop_l .rcContainer.rcObject div.rcInner
{
	padding-bottom: 20px;
	/*padding: 1.275510204081635% 2.55102040816327%;*/
}

/* CONTAINER OBJECT */

.desktop_l .rcObject.rcContainer .rcObject div.rcInner
{
	padding:0 0 20px 0;
}

.desktop_l .rcObject.rcContainer .rcObject.rcLeftCol div.rcInner
{
/*	padding-right: 2.55102040816327%;*/
	padding-right :20px;
}

.desktop_l .rcObject.rcContainer .rcObject.rcRightCol div.rcInner
{
	/*padding-left: 2.55102040816327%;*/
	padding-left :20px;
}

/* LEFT COLUMN */

.desktop_l .rcObject.rcLeftCol div.rcInner
{
	padding-right :20px;
	/*padding: 2.551020408163265% 5.10204081632653%;*/
}

/* RIGHT COLUMN */

.desktop_l .rcObject.rcRightCol div.rcInner
{
	padding-left :20px;
	/*padding: 2.551020408163265% 5.10204081632653%;*/
}

.desktop_l .rcObject.rcInline div.rcInner
{
	padding-right: 20px;
	/*padding: 2.551020408163265% 5.10204081632653%;*/
}

/*******************************************************************************
 * DESKTOP SMALL - WILL OVERRIDE DEFAULT ON DEVICES WITH A WIDTH OF BETWEEN 980px AND 1200px 
 * (use preceding class .desktop_s)
 *******************************************************************************/

body.desktop_s
{}

.desktop_s .rcModule
{}

/* PANEL */

.desktop_s .rcPanel .rcPanelBody
{
	background-color:#FFF;
	padding:20px 60px 0 60px;
	max-width: 980px;
	margin: 0 auto;
}

/* HIDES */

.current-desktop_s .hideDesktop, .current-desktop_s .hideDesktopSmall
{
	display: none;
}

/*******************************************************************************
 * TABLET LARGE - WILL OVERRIDE DEFAULT ON DEVICES WITH A WIDTH OF BETWEEN 768px AND 980px 
 * (use preceding class .tablet_l)
 *******************************************************************************/

body.tablet_l
{}

.tablet_l .rcModule
{}

/* HIDES */

.current-tablet_l .hideTablet, .current-tablet_l .hideTabletLarge
{
	display: none;
}

/* THIRDS */

.tablet_l .rcPanelBody .rcObject.rcOneThird
{
	width: 50%;
}

.tablet_l .rcPanelBody .rcObject.rcTwoThirds
{
	width: 100%;
	*float: none;
}

.tablet_l .rcPanelBody .rcObject.rcTwoThirds.rcLeftCol div.rcInner
{
	padding-right:0;
}

.tablet_l .rcPanelBody .rcObject.rcTwoThirds.rcRightCol div.rcInner
{
	padding-left:0;
}

/* CONTAINER OBJECT */

.tablet_l .rcObject.rcContainer .rcObject.rcLeftCol
{
	width: 100%;
	*float:left;
	*clear:both;
}

.tablet_l .rcObject.rcContainer .rcObject.rcRightCol
{
	width: 100%;
	*float:left;
	*clear:both;
}

.tablet_l .rcObject.rcContainer .rcObject.rcLeftCol div.rcInner
{
	padding-right :0;
	/*padding: 1.275510204081635% 2.55102040816327%;*/
}

.tablet_l .rcObject.rcContainer .rcObject.rcRightCol div.rcInner
{
	padding-left:0;
	/*padding: 1.275510204081635% 2.55102040816327%;*/
}

/* COLLAPSIBLE TEXT */

.tablet_l .rcObject.rcCollapsedText div.rcInner
{
	height: 100px;
}

.tablet_l .rcReadMore
{
	margin: 0 0 20px 0;
	/*margin:0 3.16666666666667%;*/
}

/* COLLAPSED TO TITLE TEXT */

.tablet_l .rcCollapsedTitle
{
	/*margin: 0 0 20px 0;*/
	/*margin:3.16666666666667% 3.16666666666667% 0 3.16666666666667%;*/
}

/*******************************************************************************
 * TABLET SMALL: - WILL OVERRIDE DEFAULT ON DEVICES WITH A WIDTH OF BETWEEN 480px AND 768px 
 * (use preceding class .tablet_s)
 *******************************************************************************/

body.tablet_s
{}

.tablet_s .rcModule
{}

/* HIDES */

.current-tablet_s .hideTablet, .current-tablet_s .hideTabletSmall
{
	display: none;
}

/* PANEL */

body.tablet_s, .tablet_s .rcPanel
{
	font-size: 14px;
}

.tablet_s .rcPanel .rcPanelBody
{
	padding: 15px 30px 0 30px
}

.tablet_s .rcObject div.rcInner, .tablet_s .rcContainer.rcObject div.rcInner
{
	padding-bottom: 15px;
	/*padding: 1.275510204081635% 2.55102040816327%;*/
}

/* CONTAINER OBJECT */

.tablet_s .rcObject.rcContainer .rcObject.rcLeftCol
{
	width: 100%;
}

.tablet_s .rcObject.rcContainer .rcObject.rcRightCol
{
	width: 100%;
}

.tablet_s .rcObject.rcContainer .rcObject.rcLeftCol div.rcInner
{
	padding-right :0;
	/*padding: 1.275510204081635% 2.55102040816327%;*/
}

.tablet_s .rcObject.rcContainer .rcObject.rcRightCol div.rcInner
{
	padding-left:0;
	/*padding: 1.275510204081635% 2.55102040816327%;*/
}

/* INLINE */

.tablet_s .rcObject.rcInline div.rcInner
{
	padding-right: 0;
}

/* LEFT COLUMN */

.tablet_s .rcLeftCol.rcObject
{
	width:100%;
	clear:both;
	*float:none;
}

.tablet_s .rcLeftCol.rcObject div.rcInner
{
	padding-right:0;
	/*padding: 2.55102040816327%;*/
}

/* COLLAPSED TEXT */

.tablet_s .rcReadMore
{
	margin: 15px;
}

/* RIGHT COLUMN */

.tablet_s .rcRightCol.rcObject
{
	width:100%;
	clear:both;
	*float:none;
}

.tablet_s .rcRightCol.rcObject div.rcInner
{
	padding-left:0;
	/*padding: 2.55102040816327%;*/
}

/* CONTAINER OBJECT */

.tablet_s .rcObject.rcContainer .rcObject div.rcInner
{
	padding:0;
}

.tablet_s .rcObject.rcContainer .rcObject.rcLeftCol div.rcInner
{
	padding-right :0;
	/*padding: 1.275510204081635% 2.55102040816327%;*/
}

.tablet_s .rcObject.rcContainer .rcObject.rcRightCol div.rcInner
{
	padding-left:0;
	/*padding: 1.275510204081635% 2.55102040816327%;*/
}

/* COLLAPSIBLE TEXT */

.tablet_s .rcObject.rcCollapsedText div.rcInner
{
	height: 100px;
}

.tablet_s .rcReadMore
{
	margin: 0 0 15px 0;
	/*margin:0 3.16666666666667%;*/
}

/* COLLAPSED TO TITLE TEXT */

.tablet_s .rcCollapsedTitle
{
	/*margin: 0 0 20px 0;*/
	/*margin:3.16666666666667% 3.16666666666667% 0 3.16666666666667%;*/
}


/* THIRDS */

.tablet_s .rcPanelBody .rcObject.rcOneThird
{
	width: 100%;
}

.tablet_s .rcPanelBody .rcObject.rcTwoThirds
{
	width: 100%;
}

/* TITLE */

.tablet_s .rcTitle, .tablet_s h1
{
	font-size: 2.7em;
	line-height: 1;
	padding:0 0 10px 0;
}

/*******************************************************************************
 * MOBILE: - WILL OVERRIDE DEFAULT ON DEVICES WITH A WIDTH OF LESS THAN 480px
 * (use preceding class .mobile)
 *******************************************************************************/

body.mobile
{}

.mobile .rcModule
{}

/* HIDES */

.current-mobile .hideMobile
{
	display:none!important;
}

/* BOOTSTRAP OVER-RIDES */

.mobile .rcPanel .-header
{
	padding: 9px 15px;
	border-bottom: 1px solid #eee;
}

/* PANEL */

body.mobile, .mobile .rcPanel
{
	font-size: 12px;
}

.mobile .rcPanel .rcPanelBody
{
	padding: 20px 20px 0 20px;
}

/* OBJECT */

.mobile .rcObject div.rcInner, .mobile .rcContainer.rcObject div.rcInner
{
	padding-bottom: 10px;
	/*padding: 3.16666666666667%;*/
}

/* INLINE */

.mobile .rcObject.rcInline
{
	display:block;
	*float:none;
	width: 100%;
	/*width:auto;*/
}

.mobile .rcObject.rcInline div.rcInner
{
	display:block;
	padding-right: 0;
	/*padding: 2.551020408163265% 5.10204081632653%;*/
}

/* CONTAINER OBJECT */

.mobile .rcObject.rcContainer .rcObject.rcLeftCol
{
	width: 100%;
}

.mobile .rcObject.rcContainer .rcObject.rcRightCol
{
	width: 100%;
}

.mobile .rcObject.rcContainer .rcObject.rcLeftCol div.rcInner
{
	padding-right :0;
	/*padding: 1.275510204081635% 2.55102040816327%;*/
}

.mobile .rcObject.rcContainer .rcObject.rcRightCol div.rcInner
{
	padding-left:0;
	/*padding: 1.275510204081635% 2.55102040816327%;*/
}
/* TITLE */

.mobile .rcTitle, .mobile h1
{
	font-size:200%;
}

/* SUBTITLE */

.mobile .rcSubtitle, .mobile h2
{
	font-size:130%;
}

/* HEADING */

.mobile .rcHeading, .mobile h3
{
	font-size:110%;
}

/* LEFT COLUMN */

.mobile .rcLeftCol.rcObject
{
	width:100%;
	clear:both;
	*float:none;
}

.mobile .rcLeftCol.rcObject div.rcInner
{
	padding-right: 0;
	/*padding: 3.16666666666667%;*/
}

/* RIGHT COLUMN */

.mobile .rcRightCol.rcObject
{
	width:100%;
	clear:both;
	*float:none;
}

.mobile .rcRightCol.rcObject div.rcInner
{
	padding-left:0;
	/*padding: 3.16666666666667%;*/
}

/* THIRDS */

.mobile .rcPanelBody .rcObject.rcOneThird
{
	width: 100%;
}

.mobile .rcPanelBody .rcObject.rcTwoThirds
{
	width: 100%;
}

/* COLLAPSIBLE TEXT */

.mobile .rcObject.rcCollapsedText div.rcInner
{
	height: 100px;
}

.mobile .rcReadMore
{
	margin: 0 0 10px 0;
	/*margin:0 3.16666666666667%;*/
}

/* COLLAPSED TO TITLE TEXT */

.mobile .rcCollapsedTitle
{
	margin: 10px 0 0 0;
	/*margin:3.16666666666667% 3.16666666666667% 0 3.16666666666667%;*/
}