/*
 * CONTINUE.CSS - SYSTEM
 * 
 * Core styles for continue button and surrounding area.
 *
 */

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

.rcContinue
{
	position: fixed;
	bottom: 0;
	left: 0;
	right:0;
}

.rcContinue a.rcContButt
{
	font-family:sans-serif, verdana, arial, helvetica;
	display:block;
	width: 172px;
	height: 45px;
	text-align:center;
	margin: 0 auto;
	color:#fff;
	padding-top: 22px;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.rcContinue a.rcContButt:hover
{
	text-decoration:none;
}

/* PREV & NEXT */

.rcPrevButtContainer, .rcNextButtContainer
{
	display: none; /* THESE ARE NOT DISPLAYED BY DEFAULT */
	position: fixed;
	height: 45px;
	width: 45px;
	bottom:0;
}

.rcPrevButtContainer {
	left:0;
}

.rcNextButtContainer {
	right: 0;
}

.rcPanel .rcPrevButtContainer, .rcPanel .rcNextButtContainer
{
	display: block;
	position: static;
}

.rcPanel .rcPrevButtContainer {
	left: auto;
	float: left;
}

.rcPanel .rcNextButtContainer {
	right: auto;
	float: right;
}

.rcPrevButt, .rcNextButt {
	display: block;
	width: 45px;
	height: 45px;
}

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

body.desktop_l
{}

.desktop_l .rcModule
{}


/*******************************************************************************
 * 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
{}

/*******************************************************************************
 * 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
{}

/*******************************************************************************
 * 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
{}

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

body.mobile
{}

.mobile .rcModule
{}