/*
 * MENU.CSS - SYSTEM
 * 
 * Core styles for the section menu in the top right.
 *
 */

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

/* MENU BUTTON */

.rcMenuButt
{ 
	width: 60px;
	height: 57px;
	position: fixed;
	top: 0px;
	right:0px;
	outline:none;
	z-index: 3000;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

/* MENU */

.rcMenu
{
	line-height: 1.5;
	font-size: 16px;
	display:inline-block;
	color:#fff;
	position:fixed;
	top:0px;
	right:0;
	padding:0;
	margin:0;
	display:none;
	list-style:none;
	-webkit-border-radius: 0px 0px 0px 10px;
    border-radius: 0px 0px 0px 10px;
    z-index: 3000;
}

.rcMenu li
{
	text-align: right;
	margin: 0.3em 0.6em;
	padding-right:30px;
	padding-left: 10px;
	display:inline;
	float:right;
	clear:right;
	cursor:pointer;
	*cursor: hand;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.rcMenu li:first-child
{
	margin-top: 0.6em;
}

.rcMenu li:last-child
{
	margin-bottom: 0.6em;
}

.rcMenu li.rcLocked, .rcMenu li.rcLocked:hover
{
	color:#d3d3d3;
	cursor: default;
}

.rcMenu li.rcMenuOptionSpace {
	margin-top: 1em;
}

.rcMenu li.rcMenuOptionReset {
	color:#ffabab;
}

.rcMenu li:hover
{
	color: #fedac4;
}

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