body

{

	background: url("background.png"),url('menutouched.png') no-repeat;

	font-family: helvetica,sans-serif;

	margin: 0;

	min-height: 416px;

	position: relative;

	webkit-text-size-adjust: none;

	webkit-touch-callout: none;

}

.center

{

	display: block;

	margin: auto;

}

img

{

	border: 0;

}

a:hover span.arrow

{

	background-position: 0 -13px!important;

}

#topbar

{

	background: url("header.png") repeat;

	height: 44px;

	left: 0;

	margin-bottom: 13px;

	position: relative;

	top: 0;

	width: auto;

}

#title

{

	color: #FFF;

	font-size: 16pt;

	font-weight: bold;

	height: 44px;

	left: 30px;

	line-height: 44px;

	overflow: hidden;

	padding: 0 10px;

	position: absolute;

	right: 0;

	text-align: center;

	text-overflow: ellipsis;

	text-shadow: rgba(0,0,0,0.6) 0 -1px 0;

	top: 0;
	max-width: 75%;
	
	white-space: nowrap;
	

}

#content

{

	height: auto;

	margin-top: 10px;

	min-height: 250px;

	overflow: hidden;

	position: relative;

	width: 100%;

	z-index: 0;

}

#footer

{

	bottom: 10px;

	height: auto;

	margin: 20px 10px 0;

	position: relative;

	text-align: center;

	width: auto;

}

#footer a,#footer

{

	color: #4C4C4C;

	font-size: 9pt;

	text-decoration: none;

	text-shadow: #FFF 0 1px 0;

}

.pageitem

{

	/*background-color: #fff;*/

	/*border: #878787 solid 1px;*/

	display: block;

	font-size: 12pt;

	height: auto;

	list-style: none;

	margin: 3px 9px 17px;

	overflow: hidden;

	padding: 0;

	position: relative;

	webkit-border-radius: 8px;

	width: auto;
	
}

.textbox

{

	/*border-top: 1px solid #878787;*/
	background: #F2F2F2 ;
	/*border: 1px solid #878787;*/
	
	margin-bottom: 1px; 
	overflow: hidden;

	padding: 5px 9px;

	position: relative;
	background-color: #fff;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;

}

.textbox p

{

	color: #000;

	margin-bottom: 2px;

	margin-top: 2px;

	text-align: justify;

}

.textbox img

{

	max-width: 100%;

}

.textbox ul

{

	list-style: circle!important;

	margin: 3px 0 3px 0;

}

.textbox li

{

	margin: 0!important;

}
.textbox1{
	background: #E9F8F8 url(bgcolor.gif) repeat-x;
	margin-bottom: 1px; 
	overflow:auto;/* hidden;*/
	margin:0px;

	border: 1px solid #009bc7;
	
	height: auto;/*44px;*/
	padding:3px;
	
	
	position: relative;
	/*background-color: #fff;*/
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;


}
 .textbox1 a{

color:#009bc7;
cursor:pointer;
}
.textbox1 a:hover,.textbox1:hover{
background: #FDFDEC url(bgchange.gif) repeat-x;
}
.textbox1 a img

{
	float: left;

	height: 50px;
	
	padding-left:5px;
	margin-top:0px;
	padding-right:5px;
	
	/*padding-top:3px;*/
	width: auto;

}

.textbox1 span.arrowdown{
background:#cccccc   url("arrowdown.gif") 17px 5px no-repeat;

	height: 25px;

	margin: 0 3px 3px 0;

	position:absolute;

	/*left: 10px;

	top: 5px;*/
	
	
	border: 1px solid #cccccc;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
	width: 50px;

}
.textbox1 span.arrowdown:hover{
background: url("arrowdown.gif") 17px 5px no-repeat;

	

}
.textbox1 span.name

{
	
	color: #009bc7;

	float: left;

	font-size: 17px;

	max-width: 75%;

	overflow: hidden;
	padding-left:55px;

	text-overflow: ellipsis;
	padding-top:5px;
	/*white-space: nowrap;*/

	width: auto;

}
div.aholder{
/*margin-top:0px;

background:  url("bgarrow.png") top center  no-repeat ;
padding-top:15px;*/
}
.article{
background:#ffffff ;
   /*background: #ffffff ;#F2F2F2 url(gradient.png) repeat-x top;*/
  
	border: 1px solid #878787;
	margin-top: 0px;
	font-size: 11pt;
	
	
	height:auto;/*44px;*/

	

	overflow: hidden;

	position: relative;
	padding:3px;
	/*width: auto;*/
	-webkit-border-radius: 8px;
    -moz-border-radius:8px;

}
.pageitem li:first-child

{
	margin-top: 1px;
	/*border-top: 0;*/

}

li.menu,li.form

{

	/*border-top: 1px solid #878787;*/
	background: #F2F2F2 url(gradient.png) repeat-x top;
	border: 1px solid #878787;
	margin-top: 1px;
	display: block;
	
	height:auto;/*44px;*/

	list-style-type: none;

	overflow: hidden;

	position: relative;
	padding:3px;
	width: auto;
	-webkit-border-radius: 8px;
    -moz-border-radius:8px;

}

ul.pageitem li:first-child:hover,.pageitem li:first-child a,li.form:first-child input[type=radio],li.form:first-child select,li.form:first-child input[type=submit],li.form:first-child button,li.form:first-child input[type=reset]

{

	/*webkit-border-top-left-radius: 8px 8px;

	webkit-border-top-right-radius: 8px 8px;*/
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;

}

ul.pageitem li:last-child:hover,.pageitem li:last-child a,li.form:last-child input[type=radio],li.form:last-child select,li.form:last-child input[type=submit],li.form:last-child button,li.form:last-child input[type=reset]

{

	/*webkit-border-bottom-left-radius: 8px 8px;

	webkit-border-bottom-right-radius: 8px 8px;*/
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;

}

li.menu:hover
{/*background:#0274ee url("menutouched.png") top left repeat-x ;*/
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8d8f2', endColorstr='#204E73'); /* ie7 */
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8d8f2', endColorstr='#204E73'); /* ie8 */
	
	background: -moz-linear-gradient(center top, #b8d8f2, #92bde0 25%, #629FD2 50%, #28618E 75%, #204E73);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#b8d8f2), color-stop(25%, #92bde0), color-stop(50%, #629FD2), color-stop(75%, #28618E), to(#204E73)); 

	/*background: -webkit-gradient(linear, center top, center bottom, from(#b8d8f2), color-stop(25%, #92bde0), color-stop(50%, #629FD2), color-stop(75%, #28618E), to(#204E73)); */

}

li.menu a:hover span.name,li.menu a:hover span.comment,li.store:hover .starcomment,li.store:hover .name,li.store:hover .comment,body.list li.withimage a:hover .comment

{

	color: #fff;

}

li.menu a:hover span.comment

{

	color: #CCF;

}

li.menu a

{

	display: block;

	height: 43px;

	text-decoration: none;

	width: auto;

}

li.menu a img

{

	float: left;

	height: 32px;

	margin: 5px 0 0 5px;

	width: auto;

}

li.menu span.name

{

	color: #000;

	float: left;

	font-size: 17px;

	font-weight: bold;

	margin: 11px 0 0 7px;

	max-width: 75%;

	overflow: hidden;

	text-overflow: ellipsis;

	/*white-space: nowrap;*/

	width: auto;

}

li.menu span.comment

{

	color: #000;

	color: #324f85;

	float: right;

	font-size: 17px;

	margin: 11px 30px 0 0;

	max-width: 75%;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	width: auto;

}

li.menu span.arrow,li.store span.arrow,body.musiclist span.arrow,body.list span.arrow

{

	background: url("arrow.png") 0 0 no-repeat;

	height: 13px!important;

	margin: 0!important;

	position: absolute;

	right: 10px;

	top: 15px;

	width: 8px!important;

}

li.store

{

	border-top: #878787 solid 1px;

	height: 90px;

	overflow: hidden;

	position: relative;

}

li.store a

{

	background: url("storebg.png") left top no-repeat;

	display: block;

	height: 90px;

	position: absolute;

	text-decoration: none;

	width: 100%;

}

li.store:hover

{

	background: url("storetouched.png") repeat-x #0274ee;

}

li.store .image

{

	background: url('storetouched.png') no-repeat;

	display: block;

	height: 90px;

	left: 0;

	position: absolute;

	top: 0;

	width: 90px;

}

li:first-child.store .image,li.store:first-child a

{

	webkit-border-top-left-radius: 8px 8px;

}

li:last-child.store .image,li.store:last-child a

{

	webkit-border-bottom-left-radius: 8px 8px;

}

li.store .name

{

	color: #000;

	display: block;

	font-size: 15px;

	font-weight: bold;

	margin: 5px 0 0 95px;

	max-width: 60%;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

li.store .comment,body.list li.withimage .comment

{

	color: #7f7f7f;

	display: block;

	font-size: 12px;

	font-weight: bold;

	margin: 16px 0 0 95px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	width: 60%;

}

li.store .arrow,body.list li.withimage .arrow

{

	top: 39px!important;

}

li.store .stars

{

	margin: 6px 0 0 95px;

}

li.store .starcomment

{

	color: #7f7f7f;

	font-size: 12px;

	font-weight: lighter;

	left: 165px;

	position: absolute;

	top: 56px;

}

.graytitle

{

	color: #4C4C4C;

	font-size: 17px;

	font-weight: bold;

	left: 9px;

	padding: 1px 0 3px 8px;

	position: relative;

	right: 20px;

	text-shadow: #FFF 0 1px 0;

}

.header

{

	color: rgb(73,102,145);

	display: block;

	font-size: 12pt;

	font-weight: bold;

	line-height: 14pt;

	margin-bottom: 6px;

}

body.musiclist div#content

{

	margin: -29px auto auto -40px;

	width: auto;

}

body.musiclist div#content ul

{

	background: url("musiclistbg.png") repeat;

}

body.musiclist div#content ul li

{

	border-bottom: 1px solid #e6e6e6;

	height: 44px;

	list-style: none;

	position: relative;

	width: auto;

}

body.musiclist div#content ul li a

{

	color: #000;

	display: block;

	height: 100%;

	text-decoration: none;

	width: 100%!important;

}

body.musiclist ul li .number,body.musiclist .name,body.musiclist .time

{

	display: inline-block;

	font-size: large;

	font-weight: bold;

	height: 44px;

	line-height: 46px;

	text-align: center;

	width: 44px;

}

body.musiclist ul li .name

{

	border-left: solid 1px #e6e6e6;

	font-size: medium;

	margin-left: 0;

	padding-left: 5px;

	width: auto!important;

}

body.musiclist ul li .time

{

	color: #848484;

	font-size: medium;

	font-weight: normal;

	margin-left: 4px;

	width: auto!important;

}

body.musiclist

{

	background-color: #cbcccf;

	background-image: none!important;

}

body.musiclist ul li span.name

{

	max-width: 62%;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

body.list ul li.title

{

	background: url("listheader.gif") repeat-x;

	border-bottom: none!important;

	color: #fff;

	font-size: 16px;

	font-weight: bold;

	height: 22px!important;

	line-height: 22px;

	padding-left: 20px;

	text-shadow: gray 0 1px 0;

	width: 100%;

}

body.list ul

{

	background-color: #fff;

	margin: 0;

	overflow: hidden;

	padding: 0;

	width: 100%;

}

body.list div#content li

{

	border-bottom: 1px solid #e1e1e1;

	height: 40px;

	list-style: none;

}

body.list

{

	background-color: #fff;

	background-image: none!important;

}

body.list div#footer

{

	margin-top: 24px!important;

}

body.list div#content li a

{

	color: #000;

	display: block;

	font-size: large;

	font-weight: bold;

	height: 32px;

	padding: 9px 0 0 20px;

	position: relative;

	text-decoration: none;

}

body.list div#content li a span.name

{

	display: block;

	max-width: 93%;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

body.list div#content li a:hover

{

	color: #fff;

}

body.list div#content li a:hover

{

	background: url("menutouched.png") repeat-x;

}

body.list div#content

{

	margin-top: -13px!important;

}

body.list ul img

{

	height: 90px;

	left: 0;

	position: absolute;

	top: 0;

	width: 90px;

}

body.list li.withimage

{

	height: 90px!important;

}

body.list li.withimage span.name

{

	margin: 13px 0 0 90px;

	max-width: 63%!important;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

body.list li.withimage .comment

{

	margin: 10px auto auto 90px !important;

	max-width: 63%!important;

}

body.list li.withimage a,body.list li.withimage:hover a

{

	background: url("storebg.png") left top no-repeat!important;

	height: 81px!important;

}

body.list li.withimage:hover

{

	background-image: url("storetouched.png");

}

.confirm_screen

{

	background-image: url("popup-bg.png");

	bottom: 0;

	opacity: 0;

	position: absolute;

	webkit-transform: translate(0,100%);

	webkit-transition-property: -webkit-transform;

}

.confirm_screenopen

{

	background: url("popup-bg.png") repeat-x #4e545f;

	bottom: -100%;

	opacity: 0.8;

	overflow: hidden;

	position: absolute;

	text-align: center;

	webkit-transform: translate(0,0);

	webkit-transform-style: preserve-3d;

	webkit-transition-duration: 0.8s;

	webkit-transition-property: -webkit-transform;

	width: 100%;

	z-index: 99999;

}

.confirm_screenopenfull

{

	background: url("popup-bg.png") repeat-x #4e545f;

	bottom: -100%;

	opacity: 0.8;

	overflow: hidden;

	position: absolute;

	text-align: center;

	webkit-transform: translate(0,45px);

	webkit-transform-style: preserve-3d;

	webkit-transition-duration: 0.8s;

	webkit-transition-property: -webkit-transform;

	width: 100%;

	z-index: 99999;

}

.confirm_screenclose

{

	background: url("popup-bg.png") repeat-x #545A67;

	bottom: -100%;

	opacity: 0.8;

	overflow: hidden;

	position: absolute;

	text-align: center;

	webkit-transform: translate(0,150%);

	webkit-transform-style: preserve-3d;

	webkit-transition-duration: 1.2s;

	webkit-transition-property: -webkit-transform;

	width: 100%;

}

.confirm_screenopen span,.confirm_screenclose span,.confirm_screenopenfull span,.confirm_screenclosefull span

{

	color: #fff;

	display: block;

	font-size: 17px;

	height: 10px;

	margin: 10px 0 20px;

	text-shadow: rgba(0,0,0,1) 0 -1px 0;

	width: 100%;

}

.popup

{

	bottom: 0;

	left: 0;

	position: absolute;

	width: 100%;

	z-index: 9999;

}

.cover

{

	background-color: #000;

	left: 0;

	opacity: 0.4;

	position: absolute;

	top: 0;

	width: 100%;

	z-index: 9998;

}

.nocover

{

	background-image: url('bluebutton.png'),url('darkredbutton.png');

	opacity: 0;

}

#vote
{
	background-image: url("popup-bg.png");
	background-repeat:repeat-x;
	background-color: #545A67;
	margin-left: auto;

	margin-right: auto;
	
	margin-top: 0;

	width:90%;
	-webkit-border-radius: 8px;
   	 -moz-border-radius: 8px;
	
}

#vote a

{



	margin-bottom: -15px;

	margin-left: auto;

	margin-right: auto;

	margin-top: 0;

	text-decoration: none;

	width: 90%;

}

#vote span.black,#vote span.red,#vote span.gray

{

	border-width: 0 14px;



	font-family: Arial,Helvetica,sans-serif;

	font-size: large;

	font-weight: bolder;

	height: 46px;

	line-height: 46px;

	opacity: 1;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	width: auto;

}

#vote span.black

{

	color: #fff;

}

#vote span.red

{

	color: #FF0000;

}

#vote span.gray

{

	color: #000;

	text-shadow: white 0 1px 0;

}

#vote a:last-child

{

	margin-bottom: 20px!important;

}

#vote a:hover span.black,#vote a:hover span.gray

{

	color: #fff;

	text-shadow: rgba(0,0,0,1) 0 -1px 0;



}

#vote a:hover span.red

{



}

#leftnav,#leftbutton

{

	font-size: 12px;

	font-weight: bold;

	left: 9px;

	position: absolute;

	top: 7px;

}

#leftnav,#leftbutton,#rightnav,#rightbutton

{

	z-index: 5000;

}

#leftnav a,#rightnav a,#leftbutton a,#rightbutton a

{

	color: #fff;

	display: block;

	height: 30px;

	line-height: 30px;

	text-decoration: none;

	text-shadow: rgba(0,0,0,0.6) 0 -1px 0;

}

#leftnav img,#rightnav img

{

	margin-top: 4px;

}

#leftnav a:first-child

{

	border-width: 0 5px 0 13px;

	webkit-border-bottom-left-radius: 16px;

	webkit-border-bottom-right-radius: 6px;

	webkit-border-image: url("navleft.png") 0 5 0 13;

	webkit-border-top-left-radius: 16px;

	webkit-border-top-right-radius: 6px;

	width: auto;

	z-index: 2;

}

#leftnav a

{

	border-width: 0 5px 0 13px;

	float: left;

	margin-left: -4px;

	padding-right: 4px;

	webkit-border-bottom-left-radius: 16px;

	webkit-border-bottom-right-radius: 6px;

	webkit-border-image: url("navlinkleft.png") 0 5 0 13;

	webkit-border-top-left-radius: 16px;

	webkit-border-top-right-radius: 6px;

	z-index: 3;

}

#rightnav,#rightbutton

{

	font-size: 12px;

	font-weight: bold;

	position: absolute;

	right: 9px;

	top: 7px;

}

#rightnav a

{

	border-width: 0 13px 0 5px;

	float: right;

	margin-right: -4px;

	padding-left: 4px;

	webkit-border-bottom-left-radius: 6px;

	webkit-border-bottom-right-radius: 16px;

	webkit-border-image: url("navlinkright.png") 0 13 0 5;

	webkit-border-top-left-radius: 6px;

	webkit-border-top-right-radius: 16px;

	z-index: 3;

}

#rightnav a:first-child

{

	border-width: 0 13px 0 5px;

	webkit-border-bottom-left-radius: 6px;

	webkit-border-bottom-right-radius: 16px;

	webkit-border-image: url("navright.png") 0 13 0 5;

	webkit-border-top-left-radius: 6px;

	webkit-border-top-right-radius: 16px;

	z-index: 2;

}

#leftbutton a,#rightbutton a

{

	border-width: 0 5px;

	webkit-border-image: url("navbutton.png") 0 5 0 5;

	webkit-border-radius: 6px;

}

.rssxpresschannel

{

	border: none;

	font-family: helvetica,sans-serif;

}

.rssxpresschtitle

{

	text-align: center;

}

.rssxpresschdesc

{

	border-bottom: 1px solid #000;

	color: #000;

	padding-bottom: 5px;

	text-align: center;

}

.rssxpressittitle

{

	background: #fff;

	display: block;

	font-size: 12pt;

	margin: 5px 0 2px;

}

.rssxpressittitle a

{

	color: rgb(73,102,145);

	font-weight: bold;

	line-height: 10pt;

	text-decoration: none!important;

}

.rssxpressitdesc

{

	background: #fff;

	font-size: 12pt;

}

.rssxpressdivider

{

	display: none;

}

li.form input[type=text],li.form input[type=password],li.form input[type=search]

{

	border-color: white;

	border-width: 7px 7px;

	display: block;

	font-size: 18px;

	font-weight: normal;

	height: 10px;

	line-height: 8px;

	margin: auto;

	position: relative;

	webkit-appearance: none;

	webkit-border-image: url("textfield.png") 7 7 7 7;

	width: 90%;

}

li.form input[type=submit]

{

	background: none;

	border: 0px;

	color: #000;

	font-size: 17px;

	font-weight: bold;

	margin-bottom: -5px;

	margin-top: -5px;

	width: 100%;

}

.form

{

	height: 37px!important;

	overflow: hidden;

	padding: 5px 8px 0 5px;

	position: relative;

}

li.form .narrow textarea,li.form .narrow input[type=text],li.form .narrow input[type=checkbox],li.form .narrow input[type=password],li.form .narrow input[type=search]

{

	border-color: white;

	border-width: 7px 7px;

	font-size: 18px;

	font-weight: normal;

	height: 10px;

	line-height: 8px;

	margin: 0!important;

	position: absolute;

	right: -17px;

	webkit-appearance: none;

	webkit-border-image: url("textfield.png") 7 7 7 7;

	width: 40%!important;

}

li.form span.narrow,li.form span.check

{

	display: block;

	margin: auto;

	position: relative;

	width: 90%!important;

}

li.form .name

{

	color: #000;

	font-size: 17px;

	font-weight: bold;

	left: -17px;

	margin: 6px 0 0 7px;

	overflow: hidden;

	position: absolute;

	text-overflow: ellipsis;

	white-space: nowrap;

	width: 55%!important;

}

li.form .check .name

{

	width: 70%!important;

}

li.form input[type=radio]

{

	background: transparent;

	border: 0;

	display: block;

	height: 42px;

	margin: -5px -8px 0 -5px;

	position: absolute;

	position: relative;

	webkit-appearance: none;

	webkit-border-radius: 0;

	width: 100%;

}

span.radio

{

	background: url(check.png) no-repeat;

	display: block;

	height: 30px;

	overflow: visible;

	position: absolute;

	right: 5px;

	width: 16px;

	z-index: 1;

}

span.checkbox

{

	background: url(checkbox.png) no-repeat;

	display: block;

	height: 27px;

	position: absolute;

	right: -14px;

	top: 2px;

	width: 94px;

}

input[type=checkbox]

{

	display: none;

}

select

{

	height: 40px;

	margin: -5px 0 0 -5px;

	opacity: 0;

	position: absolute;

	webkit-border-radius: 0;

	width: 100%;

}

.form .choice .name

{

	left: 1.7%;

	width: 87%!important;

}

span.select

{

	color: #000;

	font-size: 17px;

	font-weight: bold;

	margin: 6px 0 0 7px;

	max-width: 87%;

	overflow: hidden;

	position: absolute;

	text-overflow: ellipsis;

	white-space: nowrap;

	z-index: 1;

}

.form .arrow

{

	background: url('more.png') no-repeat;

	height: 8px;

	margin: 0!important;

	position: absolute;

	right: 8px;

	top: 18px;

	width: 13px;

}

/*input[type=submit],button,input[type=button],input[type=reset]

{

	background: transparent;

	display: block;

	height: 40px;

	left: 0px;

	line-height: 40px;

	position: absolute;

	top: 6px;

	webkit-border-radius: 0;

	width: 100%;

}*/

button,input[type=button],input[type=reset]

{

	border: none;

	color: black;

	font-size: 17px;

	font-weight: bold;

	top: 0px!important;

	webkit-appearance: none;

}

.textbox textarea

{

	border-width: 7px 7px;

	display: block;

	font-size: 18px;

	font-weight: normal;

	left: -2px;

	line-height: 18px;

	margin: 3px auto 4px auto;

	min-height: 50px;

	padding: 3px 0 0 0;

	position: relative;

	webkit-border-image: url("textfield.png") 7 7 7 7;

	width: 97%;

}

ul li.hidden

{

	display: none;

}

ul li.autolisttext

{

	text-align: center;

}

body.musiclist ul li.autolisttext

{

	line-height: 44px!important;

}

ul li.autolisttext a:hover

{

	background-image: none!important;

	color: black!important;

}