/*
autor: Serlutin
style name: Night style
modify date: 04.01.2012 17:20
*/

/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd,
 table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	background: transparent;
}
/*h1, h2, h3, h4, h5, h6 {
	display: block;
	margin: 1em 0;
	font-weight: normal;
	color: #332233}
h1 {	font-size: 1.5em;}
h2 {	font-size: 1.4em;}
h3 {	font-size: 1.3em;}
h4 {	font-size: 1.2em;}
h5 {	font-size: 1.1em; font-weight: bolder;}
h6 {	font-size: 1em; font-weight: bolder;} */
/* render html5 elements as block */
header, footer, section, aside, nav, article {display: block;}
body {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1;
	padding:0;
	margin:0;
	min-width: 850px;}
	
a:link {color:#648ACD;text-decoration:none;}
a:active {color:#648ACD;text-decoration:none;}
a:visited {color:#648ACD;text-decoration:none;}
a:hover {color:#570188;text-decoration:none;}
.align-center {display: block; margin: 0 auto;}
/*Header*/
header.main {
	display:block;
	padding:0;
	margin: 0px;
	display:block;
	background: #743572 url(img/oldscool/header.jpg); 
	height:215px;
	text-align:left;
	width:100%;
	}
.datedetails {
	color: #FFF;
	float: left;
	padding: 5px;
	font-size:0.9em;}
.rss {
	display: inline-block;
	padding-left: 20px;
	background-image: url(img/button/rss.gif);
	background-repeat: no-repeat;
	height:15px;
	}
.groupdetails {
	color: #FFF;
	float: right;
	padding:5px;
	font-size:0.9em;}
.groupdetails a:link {text-decoration:none; color: #ED8E54; font-weight:bolder;}  /* #819DCF*/
.groupdetails a:visited {text-decoration:none; color:#ED8E54; font-weight:bolder;}
.groupdetails a:hover {text-decoration:underline; color:#FFA500; font-weight:bolder;}
.groupdetails a:active {text-decoration:none; color:#ED8E54; font-weight:bolder;} 

/*buttons in header aka crystal*/

.siteoptions {
	margin:0;
	padding:0;
	list-style-type: none;
	}
.button_home a {
	background: url(img/button/rubin_home.gif) no-repeat;
	height:31px; width:31px;
	text-indent: -1000px;
	position: absolute; 
	top: 116px; left: 47px;
	}
.button_pro a {
	background: url(img/button/rubin_pro.gif) no-repeat;
	height:31px; width:31px;
	text-indent: -1000px;
	position: absolute; 
	top: 137px; left: 108px;
	}
.button_out a {
	background: url(img/button/rubin_out.gif) no-repeat;
	height:31px; width:31px;
	text-indent: -1000px;
	position: absolute; 
	top: 152px; left: 173px;
	}
.button_reg a {
	background: url(img/button/rubin_reg.gif) no-repeat;
	height:31px; width:31px;
	text-indent: -1000px;
	position: absolute; 
	top: 137px; left: 108px;
	}
.button_in a {
	background: url(img/button/rubin_in.gif) no-repeat;
	height:31px; width:31px;
	text-indent: -1000px;
	position: absolute; 
	top: 152px; left: 173px;
	} 
/*Sidebars and content*/
#mainconteiner {
	overflow:hidden; 
	width:100%; 	
	padding-bottom: 15px;}
/*Sidebar 1 LEFT*/
#sidebar1{
	float:left;
	width:220px;
	margin-left:-100%;
	padding-bottom: 30000px;
	margin-bottom: -30000px;
	background:url("img/sidebar1_bg.gif") repeat-y scroll right center #215374;} /*#743572*/
.citymap {
	background:url("img/sunrise-spring/sidebar1_scroll.jpg") no-repeat scroll left top transparent;
	display:block;
	height: 390px;
	width:220px;
	overflow:hidden;}
.citymap h3 {
	display: block;
	margin-top: 30px;
	text-align:center;	
	font-size: 1em;
	font-weight: 700;
	width:199px;
	}
.citymap menu {
	display:block;
	list-style-type: none; 
	padding:0;
	margin: 20px 0 0 20px;
	font-family: Georgia, Times, Times New Roman, serif;
	font-style: italic;
	font-size: 0.9em;
	font-weight: 500;
	}

.citymap menu li {
	background: url("img/button/mini_red.gif") no-repeat scroll 0 center transparent;
	line-height: 27px;
	margin:  0 0 0 0;
	padding: 0 0 0 20px;
	width: 200px;
	}
.citymap a:link {color: #44130D; text-decoration: none;}
.citymap a:visited {color: #44130D; text-decoration: none;}
.citymap a:hover {color: #44130D; text-decoration: underline; font-weight: bolder; }
.citymap a:active {color:#44130D; text-decoration: underline; font-weight: normal; }
.side1block {
	display:block;
	background: url(img/side1block.gif) no-repeat top left;
	margin-top:10px;
	text-align: center;
	width: 195px;
	}
#onlinecounter {font-size: 0.9em;}
#onlinecounter h3 {font-size: 1.1em;}
.side1block h3 {
	background: url(img/button/violet.gif) no-repeat 0 45%;
	color:#44130D;
	display:block;
	padding: 14px 0 15px 25px; 
	margin: 0 0 3px 50px ; 
	text-align: left;
	font-size: 1.0em;}
/* User Group Marks */
a.groupModer:link, a.groupModer:visited, a.groupModer:hover {
 background: url("http://www.spyro-realms.com/img/button/mini_blue.gif") no-repeat scroll right center transparent;
 color: #4455FF;
 padding-right: 15px;
}
a.groupModer:hover, a.groupModer:active {text-decoration: underline;}
a.groupAdmin:link, a.groupAdmin:visited, a.groupAdmin:hover {
 background: url("http://www.spyro-realms.com/img/button/mini_red.gif") no-repeat scroll right center transparent;
 color: #FF0000;
 padding-right: 15px;
}
a.groupAdmin:hover, a.groupAdmin:active {
 color: #FF0000;
 text-decoration: underline;
}
a.groupVerify:link, a.groupVerify:visited {color: #C46FDF;}
a.groupVerify:hover, a.groupVerify:active {text-decoration: underline;}

a.groupUser:link, a.groupUser:visited {color: #648ACD;}
a.groupUser:hover, a.groupUser:active {
 color: #648ACD;
 text-decoration: underline;
}

a.groupBanned:link, a.groupBanned:visited, a.groupBanned:hover, a.groupBanned:active {
 color: #648ACD;
 text-decoration: line-through;
}
a.groupFriends:link, a.groupFriends:visited {color: #FFA500;}
a.groupFriends:hover, a.groupFriends:active {
 color: #FFA500;
 text-decoration: underline;
}
a.groupFriends:link, a.groupFriends:visited {color: #FFA500;}
a.groupOther4:hover, a.groupOther4:active {
 color: #FFA500;
 text-decoration: underline;
}a.groupOther4:link, a.groupOther4:visited {
 color: #FFA500;
}
a.groupOther2:link, a.groupOther2:visited {
 color: #00AA00;
}
a.groupOther2:hover, a.groupOther2:active {
 color: #00AA00;
 text-decoration: underline;
}
a.groupOther1:link, a.groupOther1:visited {
 color: #FFFFFF;
}
a.groupOther1:hover, a.groupOther1:active {
 color: #FFFFFF;
 text-decoration: underline;
}
	
/*Sidebar 2 RIGHT*/
	/*change color*/
#sidebar2{
	float:right;
	width:220px;
	margin-left:-220px;
	padding-bottom: 30000px;
	margin-bottom: -30000px;
	padding-left:0px;
	background: url("img/sidebar2_bg.gif") repeat-y scroll left center #215374;} /* #743572*/
	/*right scroll image*/
.miniprofile {
	background: url("img/sunrise-spring/sidebar2_scroll.jpg") no-repeat scroll left top transparent; 
	height: 390px;
	width:220px;
	text-align: center;
	line-height: 13px;
	overflow: hidden;
	font-family: Georgia, Times, Times New Roman, serif;
	font-style: italic;
	font-size: 0.9em;
	}
.miniprofile .avatar {
	margin: 65px 0 10px 20px;
	padding-left:0px;
	text-align: center;
	max-width:200px;
	border: 3px solid #FFE2B0;
	-moz-border-radius: 5px;
	-moz-box-shadow: 0 0 5px 2px #000000;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 0 5px 2px #000000;
	border-radius: 5px;
	box-shadow: 0 0 5px 2px #000000;
	border: none\9;
	}				/*none9 IE567 hack*/

.miniprofile .guestava {
	margin: 100px 0 10px 20px;
	padding-left:0px;
	padding-bottom: 0px;
	text-align: center;
	max-width:200px;
	}
.miniprofile span {
	display:block;
	padding-left:20px;
	color:#F00;}
.miniprofile menu {
	width:200px;
	float: right;
	list-style-type: none;
	margin: 0; padding: 0;
	}
.miniprofile a:link , .miniprofile a:visited {color:#44130D;text-decoration:none;}
.miniprofile a:hover, .miniprofile a:active  {color:#44130D;text-decoration:underline;font-weight:bolder;}
.guestminipro a:link, .guestminipro a:visited {color:#F00;text-decoration:none; font-weight:normal;}
.guestminipro  a:hover , .guestminipro  a:active {color:#F00;text-decoration:underline; font-weight:normal;}
span.guestminipro {color: #44130D;}

.miniprofile fieldset {
	border: none;
	text-align: left;
	margin-left: 40px;
	}
.miniprofile fieldset p {
	text-align: center;
	}
.side2block {
	
	margin-left:25px;
	margin-top: 10px;
	text-align:center;
	background: url(img/side2block.gif) no-repeat top left;
	}
.side2block h3 {
	background: url(img/button/violet.gif) no-repeat 0 45%;
	color:#44130D;
	display:block;
	padding: 14px 0 15px 25px;
	margin: 0 0 3px 25px ;
	text-align: left;
	}
.social {
	display: inline-block;
	text-decoration: none;
	width: 32px;
	height: 0px;
	overflow: hidden;
	padding-top: 32px;
	*display: inline;
	*zoom: 1;
	}
.yt {background: url('http://www.spyro-realms.com/img/button/youtube.png'); }
.vk {background: url('http://www.spyro-realms.com/img/button/vkontakte.png');}
#cityfriends img {padding: 3px 0;}
#cityfriends{list-style-type: none; margin: 0; padding: 0;}
ul.cityfriends {
	list-style-type: none; 
	margin: 0; 
	padding: 0;}
.cityfriends img {padding: 3px 0;}

.sidebar2_spyro {
	height: 160px;
	width: 220px;
	background-image: url("img/sunrise-spring/sidebar2_spyro.jpg");
	background-repeat: no-repeat;
	background-position: left;
	margin:20px 0;
	padding:0 0;
	}
.sidebar2_spyro span {display: none;}
/*Content*/
	/*not modify*/
#contentblock{
	float:left;
	width:100%;
	clear: both;
}
	/*modify font-size and line-hght*/
#content{
	font-size: 1.0em;
	line-height: 1.5em;
	margin-left:220px;
	margin-right:220px;
	}
/* horizontal scroll */
	/*horizontal scroll background*/
.welcome, .welcome_block { 
	background: url(img/welcome_bg.gif) repeat-x;
	display: block;
	height:119px;
	line-height: 1.0em;
	font-size: 1.0em;
	}
	/*hor scroll right*/
.welcome div, .welcome_side2{
	background: url(img/welcome_side2.gif) no-repeat top right;
	height:119px;
	}	
/*.welcome p  {
	background:url(img/welcome_side1.gif) no-repeat top left;
	height:119px;
	padding: 20px 30px 0 35px; 
	text-align:center;
	} */
	/*hor scroll left*/
.welcome span, .welcome_side1  {
	display: block;
	background:url(img/welcome_side1.gif) no-repeat top left;
	height: 89px;
	padding: 20px 30px 2px 35px; 
	text-align: center;
	}
.welcome a:link, .welcome_block a:link {color:#44130D;text-decoration:none;font-weight:bolder;}
.welcome a:visited, .welcome_block a:visited {color:#44130D;text-decoration:none;font-weight:bolder;}
.welcome a:hover, .welcome_block a:hover{color:#44130D;text-decoration:underline;font-weight:bolder;}
.welcome a:active, .welcome_block a:active{color:#44130D;text-decoration:underline;font-weight:bolder;}
/* FAQ hints*/
.welcome_block td.catsTd .catDescr {display:none;}
.welcome_block td.catsTd:hover .catDescr{display: block;}

.welcome .addnews {
	display: block;
	font-weight: bolder;
	background: transparent;
	padding: 5px 0 2px 0;
	text-align: center;}
.note ul{
	margin-left: 30px;
	list-style-type: disc;
	}
.note ol{
	margin-left: 30px;
	list-style-type: decimal;
	}
.newsblock section, .articleblock section  {
	margin-left: 0px;
	}
header.note {
	display: block;
	margin:10px 0;
	padding: 3px 0;
	text-indent: 20px;
	background:#FEFEFE url(img/button/news.gif) no-repeat;
	font-size: 1.2em;
	color: #648ACD;
	border-top: 1px dashed #EEEEEE;
	border-bottom: 1px dashed #EEEEEE;
	width: 100%;
	overflow: hidden;}
header.note h2 {float: left;}
.moderpn {
	text-align: right;
	float: right;
	width: 100px;}
.note p:first-child {
	text-indent:0;
	margin: 0.8em 0;
	}
.note p {
	color: #000000;
	text-indent: 15px;
	margin-bottom: 0.8em;
	}
.note h3 {
	margin: 5px 0;
	}
footer.note {
	border-bottom: 1px dashed #EEEEEE;
	border-top: 1px dashed #EEEEEE;
	clear: both;
	color:#494999;
	font-size: 0.85em;
	font-family: Tahoma,Arial,sans-serif;
	padding: 3px 0;
	margin: 5px 10px;
	height: 1.5em;}
.note footer .left {float:left;}
.note footer .right {float:right;}
/*Footer*/
#contentinfo {
		display: block;
		height: 55px;
		background-color: #EEE;
		border-top: 1px solid #999;
		}
.foot {float: left; width: 170px; margin: 0; padding: 0;}
.foot p {margin: 0; padding: 5px 5px 0 5px; font: 12px/1.5 Arial;}
.foot img {margin: 0;padding: 0;}
.foot1 {width: 340px;} 
.foot4 {width: 340px;float: right; text-align: right;}

footer.main {
	background: #CFE0FF;
	border: 2px ridge #85A4DB;
	clear: both;
	display: block;
	overflow: hidden;
	text-align: center;}
footer.main span {
	display: block;
	padding:3px;
	}
footer.main span>span {
	font-family: Georgia;
	font-style: italic;
	}

/*Message for Admin*/
#messageform {width: 100%;}
#messageform dt, #messageform dd {margin: 5px 0; padding: 0; float: left;}
#messageform dt {width: 30%;}
#messageform dd {width: 70%;}
#messageform input, #messageform textarea {width: 90%;}
.red {color: red;}
.center {text-align: center;}
#messageform  br {clear: both;}
/* Site Rulers */
#rules ol {
list-style-type:decimal;
margin-left:30px;
}
#rules li {
font-size: 1em;
line-height: 1.4em;
}
#rules .minimarg {
margin: 0 0 0px 10px;
list-style-type:none;
}
#rules h3 {
padding-left: 30px;
padding-top: 1em;
padding-bottom: 1em;
font-weight: bolder;
font-size: 1.1em;
}
.SGGP img {float: left; margin: 0 10px !important;}
.SGGP br {display: none;}

.swchItemA {
    background: none repeat scroll 0 0 #CCC;
    border: 1px solid #CCC;
    border-radius: 100px 100px 100px 100px;
	-moz-border-radius: 100px 100px 100px 100px;
    padding: 3px 6px;
	}
.swchItem{
    background: none repeat scroll 0 0 #EEE;
    border: 1px solid #DDD;
    border-radius: 100px 100px 100px 100px;
	-moz-border-radius: 100px 100px 100px 100px;
    padding: 2px 5px;
	color: black}
.swchItem:link, .swchItem:visited {
    background: none repeat scroll 0 0 #EEE;
    border: 1px solid #DFDFDF;
    border-radius: 100px 100px 100px 100px;
	-moz-border-radius: 100px 100px 100px 100px;
    padding: 2px 5px;
	color: #666;
	}
	
.swchItem:hover, .swchItem:active{
    background: none repeat scroll 0 0 #DFDFDF;
    border: 1px solid #DFDFDF;
    border-radius: 100px 100px 100px 100px;
	-moz-border-radius: 100px 100px 100px 100px;
    padding: 2px 5px;
	color: #333;}
/* Files */
.file-cover {
	margin:5px;
	float: left;}
.file-description dl{
	overflow: hidden;
	}
	.file-description dt {
	float: left;
	font-weight: bolder;
	}
.file-download {
	text-align: center;
	margin: 10px 0;}
	.file-download a {
	padding:10px;
	line-height: 3em;
	border: 1px solid #FF4D08;
	border-radius: 5px;
	font-weight: bolder;}
	.file-download a:link, .file-download a:visited {
	background: #C8CC08; 
	color: #333
	}
	.file-download a:hover, .file-download a:active {
	background: #E98A10;
	color: #000;
	}
/*------------jPlayer------------*/
div.jp-audio, div.jp-video {
    color: #FFFFFF;
    font-family: Verdana,Arial,sans-serif;
    font-size: 1em;
    line-height: 1em;
    text-align: left; display: inline-block;
}
div.jp-audio {
    border: 1px solid white;
    margin: 0 auto;
    width: 185px;
	overflow: hidden;
}
.jp-type-playlist {
    width: 183px;
}
div.jp-interface {
    background-color: #000000;
    border: 1px solid #FE9800;
    position: relative;
	overflow: hidden;
    width: 100%;
}
div.jp-audio div.jp-type-playlist div.jp-interface {
    height: 29px; overflow: hidden;
}
div.jp-interface ul.jp-controls {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

div.jp-interface ul.jp-controls a {
    overflow: hidden;
    position: absolute;
    text-indent: -9999px;
}
a.jp-play, a.jp-pause {
    height: 20px;
    width: 20px;
    z-index: 1;
}
div.jp-audio div.jp-type-playlist a.jp-play, div.jp-audio div.jp-type-playlist a.jp-pause {
    left: 2px;
    top: 3px;
}
a.jp-play {
    background: url("img/jplayer.orange.realms.png") no-repeat scroll 0 -20px transparent;
}
a.jp-play:hover {
    background: url("img/jplayer.orange.realms.png") no-repeat scroll -20px -20px transparent;
}
a.jp-play:active {
    background: url("img/jplayer.orange.realms.png") no-repeat scroll -40px -20px transparent;
}
a.jp-pause {
    background: url("img/jplayer.orange.realms.png") no-repeat scroll 0 0 transparent;
    display: none;
}
a.jp-pause:hover {
    background: url("img/jplayer.orange.realms.png") no-repeat scroll -20px 0 transparent;
}
a.jp-pause:active {
    background: url("img/jplayer.orange.realms.png") no-repeat scroll -40px 0 transparent;
}
div.jp-audio div.jp-type-playlist a.jp-stop {
    left: 22px;
    top: 3px;
}
a.jp-stop {
    background: url("img/jplayer.orange.realms.png") no-repeat scroll 0 -80px transparent;
    height: 20px;
    width: 20px;
    z-index: 1;
}
a.jp-stop:hover {
    background: url("img/jplayer.orange.realms.png") no-repeat scroll -20px -80px transparent;
}
a.jp-stop:active {
    background: url("img/jplayer.orange.realms.png") no-repeat scroll -40px -80px transparent;
}
div.jp-audio div.jp-type-playlist a.jp-previous {
    left: 42px;
    top: 3px;
}
a.jp-previous {
    background: url("img/jplayer.orange.realms.png") no-repeat scroll 0 -40px transparent;
    height: 20px;
    width: 20px;
}
a.jp-previous:hover {
    background: url("img/jplayer.orange.realms.png") no-repeat scroll -20px -40px transparent;
}
div.jp-audio div.jp-type-playlist a.jp-next {
    left: 62px;
    top: 3px;
}
a.jp-next {
    background: url("img/jplayer.orange.realms.png") no-repeat scroll 0 -60px transparent;
    height: 20px;
    width: 20px;
}
a.jp-next:hover {
    background: url("img/jplayer.orange.realms.png") no-repeat scroll -20px -60px transparent;
}
div.jp-progress {
    background-color: #DDDDDD;
    overflow: hidden;
    position: absolute;
}
div.jp-audio div.jp-type-playlist div.jp-progress {
    background: url("img/jplayer.orange.realms.png") no-repeat scroll 0 -100px transparent;
    height: 12px;
    left: 82px;
    top: 7px;
    width: 75px;
}
div.jp-seek-bar {
    background: url("img/jplayer.orange.realms.png") repeat-x scroll 0 -120px transparent;
    cursor: pointer;
    height: 100%;
    width: 0;
}
div.jp-play-bar {
    background: url("img/jplayer.orange.realms.png") repeat-x scroll 0 -140px transparent;
    height: 100%;
    width: 0;
}
div.jp-seeking-bg {
    background: url("img/pbar-ani.gif") repeat scroll 0 0 transparent;
}
a.jp-mute, a.jp-unmute {
    height: 15px;
    width: 18px;
}
div.jp-audio div.jp-type-single a.jp-mute, div.jp-audio div.jp-type-single a.jp-unmute {
    left: 274px;
    top: 32px;
}
div.jp-audio div.jp-type-playlist a.jp-mute, div.jp-audio div.jp-type-playlist a.jp-unmute {
    left: 296px;
    top: 32px;
}
a.jp-mute {
    background: url("img/jplayer.orange.realms.png") no-repeat scroll 0 -186px transparent;
}
a.jp-mute:hover {
    background: url("img/jplayer.orange.realms.png") no-repeat scroll -19px -170px transparent;
}
a.jp-unmute {
    background: url("img/jplayer.orange.realms.png") no-repeat scroll 0 -170px transparent;
    display: none;
}
a.jp-unmute:hover {
    background: url("img/jplayer.orange.realms.png") no-repeat scroll -19px -186px transparent;
}
div.jp-volume-bar {
    background: url("img/jplayer.orange.realms.png") repeat-x scroll -20px -160px transparent;
    cursor: pointer;
    height: 15px;
    overflow: hidden;
    position: absolute;
    width: 19px;
} 
div.jp-audio div.jp-type-playlist div.jp-volume-bar {
    left: 160px;
    top: 8px;
}
div.jp-volume-bar-value {
    background: url("img/jplayer.orange.realms.png") repeat-x scroll 0 -160px transparent;
    height: 15px;
    width: 0;
}
div.jp-current-time, div.jp-duration {
    font-size: 0.64em;
    font-style: oblique;
    position: absolute;
}
div.jp-duration {
    text-align: right;
}
div.jp-audio div.jp-type-single div.jp-current-time, div.jp-audio div.jp-type-single div.jp-duration {
    left: 130px;
    top: 49px;
    width: 122px;
}
div.jp-audio div.jp-type-playlist div.jp-current-time, div.jp-audio div.jp-type-playlist div.jp-duration {
    display: none;
    left: 164px;
    top: 49px;
    width: 122px;
} 
div.jp-playlist {
    background-color: #000000;
    border-color: #FE9800;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    height: 100px;
    overflow: auto;
    width: 100%;
}
div.jp-playlist ul {
    font-size: 0.72em;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
div.jp-type-single div.jp-playlist li {
    font-weight: bold;
    padding: 5px 0 5px 20px;
}
div.jp-type-playlist div.jp-playlist li {
    border-bottom: medium none;
    margin: 0 3px;
    padding: 0 3px;
}
div.jp-type-playlist div.jp-playlist li.jp-playlist-last {
    border-bottom: medium none;
    margin-bottom: 5px;
}
div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
    background: none repeat scroll 0 0 #FE9800;
    list-style-position: outside;
    list-style-type: none;
    outline: 1px solid #F6C58E;
}
div.jp-type-playlist div.jp-playlist a {
    color: #FFFFFF;
    text-decoration: none;
}
div.jp-type-playlist div.jp-playlist a:hover {
    color: #F6C58E;
}
div.jp-type-playlist div.jp-playlist li:hover {
    outline: 1px solid #FE9800;
	box-shadow: 0 0 6px rgba(246, 197, 142, 0.5) inset;
	-moz-box-shadow: 0 0 6px rgba(246, 197, 142, 0.5) inset;
	-webkit-box-shadow: 0 0 6px rgba(246, 197, 142, 0.5) inset;
}
div.jp-type-playlist div.jp-playlist a.jp-playlist-current {
    background: none repeat scroll 0 0 #FE9800;
    color: #FFFFFF;
}
div.jp-type-playlist div.jp-playlist div.jp-free-media {
    display: inline;
    margin-left: 20px;
}
div.jp-jplayer {
    height: 0;
    width: 0;
}
div.jp-jplayer {
    background-color: #000000;
}
/*------------jPlayer-------*/

.article-levelinfo {
	background:  #FFFFDF;
    border: 2px solid brown;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 5px;
    display: inline-block;
    font-weight: bolder;
    list-style-type: none !important;
    padding: 10px;
	*zoom: 1;
	*display: inline;
	}

.articlemessage h1, .articlemessage  h2, .articlemessage  h3, .articlemessage  h4, .articlemessage  h5, .articlemessage  h6 {
	display: block;
	margin: 1em 0;
	color: #332233}
.articlemessage h1 {font-size: 1.8em; font-weight:normal;}
.articlemessage h2 {font-size: 1.7em; font-weight:normal;}
.articlemessage h3 {font-size: 1.4em; font-weight:normal;}
.articlemessage h4 {font-size: 1.2em; font-weight: bolder;}
.articlemessage h5 {font-size: 1.1em; font-weight: bolder;}
.articlemessage h6 {font-size: 1em; font-weight: bolder;}
body > div:first-child {position:absolute !important;}