/*
 * MULTIMEDIA.CSS - SYSTEM
 * 
 * Core styles for multimedia - image, video, audio, flash etc.
 *
 */

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

/* GLOBAL TAGS */

img
{
	width: 100%;
	border:0;
}

img.noStretch
{
	width: auto;
	max-width: 100%;
	display:block;
	margin:0 auto;
}

video, audio
{
	width: 100%;
	height: auto;
}

object
{
	width: 100%;
}

/* AUDIO TRIGGERS */

.rcObject .rcInner.rcAudioTrigger
{
	cursor: pointer;
	*cursor: hand;
}

/* COLLAPSED IMAGE */

.rcCollImage
{
	background-color:#666;
	padding: 0.5em;
	cursor:pointer;
	*cursor:hand;
	position:relative;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.rcCollImage .rcCollText
{
	font-family: sans-serif, verdana, arial, helvetica;
	font-size: 120%;
	margin:0.5em 0;
	color:#fff;
	text-align:center;
}

.rcCollImage img
{
	display: none;
	background-color: #fff;
}

.rcCollImage img.on
{
	display: block;
}

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