/******************************************************************
1280up.css
-------------------------------------------------------------------
Stylesheet: Large Screen Stylesheet
-------------------------------------------------------------------

You can add some advanced styles here if you like. This kicks in
on larger screens.

******************************************************************/

/* These styles are applied for viewports 1280px and higher */
@media only screen and (min-width: 1280px) {

	/*------------------------------------------------------------------
	--> Background Iamge
	------------------------------------------------------------------*/


	/*
	------------------------------------------------------------------
	--> Charm Bar
	------------------------------------------------------------------*/

	#charm-toggle {
	display: none;
	width: 100px;
	}

	#charm-bar {
	display: block;
	right: 0;
	width: 100px;
	height: 100%;
	background: transparent;
	background: url('/img/00/layout/charm-bkg-rp.png') repeat;
	border-left: 2px solid #7588ac;
	}

	/* --> Charms ----------------------------------------------------*/

	#close-charms { display: none; }

	#static-charms {
	padding-bottom: 10px;
	}

	/* Link wrapper */
	#dynamic-charms .mm-button-link,
	#static-charms .mm-button-link,
	#dynamic-charms .portal-myIcon-wrap,
	#portal-charms .portal-myIcon-wrap {
	width: 80px;
	height: 80px;
	margin-left: 10px;
	margin-bottom: 10px;
	padding: 0;

	transition: background-color .6s ease-in-out;
	-o-transition: background-color .6s ease-in-out;
	-moz-transition: background-color .6s ease-in-out;
	-webkit-transition: background-color .6s ease-in-out;
	}

	#dynamic-charms .mm-button-img,
	#static-charms .mm-button-img {
	margin-top: 5px;
	margin-bottom: 3px;
	}

	#dynamic-charms .mm-button-txt,
	#static-charms .mm-button-txt,
	#dynamic-charms .portal-myIcon-text,
	#portal-charms .portal-myIcon-text {
	font-size: 0.9em;
	margin: 0;
	}


}