/* Persclub XL Newsroom Demo */

html, body { background-color: #FFF; margin: 0; overflow: hidden; padding: 0; }
body { font-family: Arial, Helvetica, sans-serif; background: url("../img/background.gif"); text-align: center; }
.theme-switcher { background-color: #111; height: 60px; overflow: visible; position: fixed; width: 100%; z-index: 999999; }
.switcher-logo { position: relative; float: left; }
.switcher-logo img { background: transparent none repeat scroll 0 0; border: 0 none; outline: 0 none; margin: 10px 50px 10px 15px; position: relative; float: left; }
.text { font-size: 20px; color: #AAA; position: relative; float: left; margin-top: 20px; }
.text strong { color: #FFF; }
.text .small { font-size: 0.8em; }
.switcher-close a { background: rgba(0, 0, 0, 0) url("../img/close.png") no-repeat scroll 0 0; display: block; float: right; height: 30px; margin-right: 15px; margin-top: 15px; opacity: 0.5; width: 30px; }
.purchase a { background-color: #86bc29; border-radius: 3px; color: #fff; text-transform: uppercase; float: right; font-size: 14px; font-weight: bold; height: auto; line-height: 20px; margin-right: 20px; margin-top: 15px; padding: 5px 15px; text-decoration: none; vertical-align: middle; }
.purchase a,
.switcher-list > li > a { background-color: #86bc29; color: #fff; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; margin-bottom: 0; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15); vertical-align: middle; }
.purchase a:hover { background: #54751c; }
.rez-options { float: right; height: 30px; margin-right: 20px; margin-top: 15px; }
.rez-options span { color: #ddd; display: block; float: left; font-size: 14px; font-weight: bold; line-height: 20px; margin-right: 10px; margin-top: 5px; text-transform: uppercase; }
.rez-options a:hover,
.rez-options a.active { background-color: #c9323b; opacity: 1; }
.rez-options a { border-radius: 3px; display: block; float: left; height: 30px; margin-left: 5px; opacity: 0.7; padding: 0 2px; width: 30px; }

ul li a:hover,
ul li a.active { background-color: #c9323b; opacity: 1; }
ul li a { border-radius: 3px; display: block; float: left; height: 30px; margin-left: 5px; opacity: 0.7; padding: 0 2px; width: 30px; }

.desktop { background: #666 url("../img/desktop.png") no-repeat scroll 50% 0; }
.tablet { background: #666 url("../img/tablet.png") no-repeat scroll 50% 0; }
.mobile-portrait { background: #666 url("../img/mobile_portrait.png") no-repeat scroll 50% 0; }
#iframe { border: 0 none; height: 100%; overflow-x: hidden; padding-top: 60px; }

/* RESPONSIVE */
@media screen and (max-width: 1200px) {
	.text { display: none; }
}
@media screen and (max-width: 788px) {
	.text { display: none; }
	.rez-options { display: none; }
}
@media screen and (max-width: 550px) {
	.switcher-logo { display: block; }
	.switcher-logo img { height: 30px; }
	.switcher-close a { margin-top: 10px; }
	.purchase { display: block; position: relative; float: left; width: 100%; text-align: center; }
	.purchase a { margin: 5px auto 10px auto !important; float: none; }
	.theme-switcher { height: auto; }
	#iframe { padding-top: 95px; }
}