/* -----------------------------------------------------------------------------------------------------------------------
DEFAULTS
// current sprite: sprite-hq-1.1.png
// current sprite: sprite-lq-2.7.gif
// dark brown: #67431c
----------------------------------------------------------------------------------------------------------------------- */
html, body, p, ul, ol, dl, dd, li, h1, h2, h3, h4, img	{ margin: 0; padding: 0; }
table, th, td 		{ border-collapse: collapse; border-spacing: 0; vertical-align: top; }
ul 					{ list-style: none; }
img 				{ border: 0; }
a 					{ outline: none; }

/* ============= */
body {
	overflow: auto; /* IE always displays scrollbars, even on a small page. Hide the scrollbars on a small page */
	background-color: #eee;
	height: 100%;
}

div.wrapper	{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

#header	{
	margin-bottom: 15px;
	background: url( http://www.jpopasia.com/img/gen/sprite-hq-1.1.png) 0 -114px repeat-x;
	height: 136px;
}

/* -----------------------------------------------------------------------------------------------------------------------
TYPOGRAPHY
----------------------------------------------------------------------------------------------------------------------- */
body { font-family: 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 20px; color: #666561; }
.content > p, .content p, .outline 	{ /*padding-bottom: 10px;*/ margin: 10px 15px 10px 15px; }
.outline-h 				{ margin: 5px 15px; }
.outline.top-right		{ margin: 5px 15px 0 0; }
a:link	 				{ text-decoration: none; color: #4b5f87; }
a:visited				{ color: #666561; text-decoration: none; }
a:hover					{ color: #ff4f0a; }
a.active:active 		{ color: #ff0000; }

a.u:link				{ border-bottom:1px dotted; }
a.u:visited				{ border-bottom:1px dotted #666561; color: #666561; }
a.u:hover				{ border-bottom:1px dotted; color: #ff4f0a; }
a.u:active 				{ border: none; }

a.grey	 									{ text-decoration: none; color: #666561; }
a.light-grey	 							{ text-decoration: none; color: #a4a4a4; }
a.grey.u, a.light-grey.u 					{ border-bottom:1px dotted; }
a.light-grey.u:visited						{ border-bottom:1px dotted #a4a4a4; color: #a4a4a4; }
a.grey.u:hover, a.light-grey.u:hover		{ border-bottom:1px dotted; color: #ff4f0a; }
a.grey.u:active, a.light-grey.u:active 		{ border: none; }

a.light	 				{ text-decoration: none; color: #ccc; }
a.light.u 				{ border-bottom:1px dotted; }
a.light.u:visited		{ border-bottom:1px dotted #a4a4a4; color: #a4a4a4; }
a.light.u:hover			{ border-bottom:1px dotted; color: #ff4f0a; }
a.light.u:active 		{ border: none; }

a.white	 				{ text-decoration: none; color: #fff; }
a.white.u				{ border-bottom:1px dotted; }
a.white.u:visited		{ border-bottom:1px dotted #a4a4a4; color: #a4a4a4; }
a.white.u:hover			{ border-bottom:1px dotted; color: #ff4f0a; }
a.white:hover			{ color: #ff4f0a; }
a.white.u:active 		{ border: none; }

h1						{ margin: 5px 15px 5px 15px; font-size: 20px; font-weight: bold; color: #444; }
h2						{ font-size: 18px; font-weight: normal; margin: 5px 15px 5px 15px; color: #444; font-weight: bold; }
h3						{ margin: 5px 15px 5px 15px; }
.subnote, .editnote 	{ font-size: 11px; color: #67431c; font-weight: normal; float: right; }
textarea				{ font-family: 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif; font-size:12px; color:#666561; }

.ubb.news p				{ margin: 0 0 15px 0; }
.ubb p					{ margin: 0 0 15px 0; overflow:auto; }
.ubb-reply p			{ margin-bottom: 10px; overflow:auto;}

.ubb ul.ubb-list				{ list-style: square; margin: -30px 20px 0 15px; }
.ubb ol.ubb-list				{ margin: -30px 20px 0 18px; }

.quote					{ background-color:#F7F7F7; border: 1px solid #E0E0E0; padding:10px; font-style: italic; font-size: 11px; }
.quote-user				{ font-size: 11px; }
/* -----------------------------------------------------------------------------------------------------------------------
CONTENT
all content modules
----------------------------------------------------------------------------------------------------------------------- */
/* GENERAL */
div.sepHead 		{ border-top: 1px solid #efefef; border-bottom: 1px solid #cdcdcd; margin: 12px; background-color: #efefef; padding: 5px 5px 5px 20px; }
div.sepline,li.sepline					{ border-bottom: 1px solid #efefef; margin: 5px 0; }
div.seplinebg,li.seplinebg,a.seplinebg	{ border-bottom: 1px solid #efefef; }
.seplinebg.top							{ border-top: 1px solid #efefef; border-bottom: none; }
.box 				{ -moz-border-radius: 3px; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); -webkit-border-radius: 3px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35); background: #fff none repeat scroll 0 0; border: 1px solid #fff; margin-bottom: 15px; }
.box.noradius		{ -moz-border-radius:0; -webkit-border-radius:0; }
a.hoverbg:hover		{ background-color: #ccc; }
.sepbar				{ background-color:#3d4758; width:100%; padding:1px 0px; color:#fff; }
.sepbar.grey		{ background-color:#eaeaea; }
.sepbar.light-grey	{ background-color:#f4f4f4; }

/* C
|........|
*/
div.c100 			{ float: left; }
div.c100 > .mod 		{ width: 945px; }
/* div.c100 > div.content { margin-right: 15px; }*/

/* C2
|...||...|
*/
div.c5 				{ float: left; }
div.c5 > .mod		{ width: 480px; }
div.c5 > .mod div.content { margin-right: 15px; }

/* C66 / C33
|......||..|
|..||......|
*/
div.c66, div.c33	{ float: left; }
div.c66 > .mod 		{ width: 620px; }
div.c33 > .mod 		{ width: 340px; }
div.c66 > .mod div.content, div.c33 > .mod div.content { margin-right: 15px; }

/* C3 
|..||..||..|
*/
div.c3				{ float: left; }
div.c3 > .mod 		{ width: 320px; }
div.c3 > .mod div.content { margin-right: 15px; }


/* C25 / C75
|.......||.|
|.||.......|
*/
div.c25, div.c75	{ float: left; }
div.c25 > .mod 		{ width: 250px; }
div.c75 > .mod 		{ width: 710px; }
div.c25 > .mod div.content, div.c75 > .mod div.content { margin-right: 15px; }


/* -----------------------------------------------------------------------------------------------------------------------
NAVIGATION
----------------------------------------------------------------------------------------------------------------------- */
ul#navi									{ width: 960px; top: 0; position: relative; }
ul#navi > li 							{ float: left; }
ul#navi > li.navigation > a { height: 24px; display: block; position: absolute; top: 102px; background-image: url( http://www.jpopasia.com/img/gen/sprite-hq-1.1.png); background-repeat: no-repeat; color:#fff; font-weight:bold; }
ul#navi > #nav-logo 					{ left: 1px; position:absolute; top:5px; background-position: 0 -999px; height:50px; width:210px; }

ul#navi > li.small a					{ background-position: 0 -496px; /* left + 39 */ }
ul#navi > li.small a:hover				{ color:#ff4f0a; }
/* ul#navi > li.small a:active				{ background-position: 0 -552px; } */
ul#navi > li.small a.selected			{ background-position: 0 -523px; color:#ff4f0a; }

ul#navi > li.medium a					{ background-position: -62px -496px; /* left + 39 */ }
ul#navi > li.medium a:hover				{ color:#ff4f0a; }
/* ul#navi > li.small a:active				{ background-position: -62px -552px; } */
ul#navi > li.medium a.selected			{ background-position: -62px -523px; color:#ff4f0a; }

ul#navi > li.large a					{ background-position: -142px -496px; /* left + 39 */ }
ul#navi > li.large a:hover				{ color:#ff4f0a; }
/* ul#navi > li.small a:active				{ background-position: -142px -552px; } */
ul#navi > li.large a.selected			{ background-position: -142px -523px; color:#ff4f0a; }

ul#navi > li#home a						{ left: 0px; padding: 3px 0 0 13px; width: 46px; }
ul#navi > li#news a						{ left: 65px; padding: 3px 0 0 13px; width: 46px; }
ul#navi > li#charts a					{ left: 130px; padding: 3px 0 0 10px; width: 49px; }
ul#navi > li#celebrities a				{ left: 195px; padding: 3px 0 0 11px; width: 76px; }
ul#navi > li#community a				{ left: 289px; padding: 3px 0 0 10px; width: 77px; }
ul#navi > li#forums a					{ left: 434px; padding: 3px 0 0 8px; width: 69px; }
ul#navi > li#market a					{ left: 384px; padding: 3px 0 0 23px; width: 69px; }
ul#navi > li#concerts a					{ left: 479px; padding: 3px 0 0 12px; width: 66px; }
ul#navi > li#chat a						{ left: 563px; /*509*/ padding: 3px 0 0 16px; width: 42px; }

ul#navi li#subnavi						{ position:absolute; right: 17px; padding: 3px 0 0 5px; width: 312px; top:103px; background:none; color:#fff; }
ul#navi li#subnavi li.spacer			{ width: 20px; text-align:center; }

/* SEARCH */
ul#navi > li#nav-search 		{ position: relative; width: 235px; background-image: url( http://www.jpopasia.com/img/gen/sprite-hq-1.1.png); background-repeat: no-repeat; text-indent: 0; top: 60px; height:25px; z-index: 999; left: 2px; }
ul#navi li#nav-search input { height: 13px; width: 195px; padding: 1px 4px 2px 0px; margin: 4px 31px 0 25px; font-size: 12px; border: solid 1px #fff; color:#666561; }
ul#navi > #nav-search-loading { position:absolute; right: 12px; top:5px; }

/* PROMO */
ul#navi > li#nav-promo1 		{ position: relative; width: 235px; background: url( http://www.jpopasia.com/img/gen/sprite-hq-1.1.png) 0 -25px no-repeat; top: 0; height:89px; width: 265px; left:24px; padding-left:4px; }
ul#navi > li#nav-promo2 		{ position: relative; width: 235px; background: url( http://www.jpopasia.com/img/gen/sprite-hq-1.1.png) 0 -25px no-repeat; top: 0; height:89px; width: 265px; left:43px; padding-left:4px; }
ul#navi > li#nav-promo3 		{ position: relative; width: 108px; background: url( http://www.jpopasia.com/img/gen/sprite-hq-1.1.png) -268px -25px no-repeat; top: 0; height:89px; width: 108px; left:63px; padding-left:4px; }

li#nav-promo1 #fade1 li, li#nav-promo2 #fade2 li	{ position: absolute; top:0; }

/* SUB NAV BUTTONS */

.chatballoon { position:absolute; top: 84px; left: 585px; background: url(http://www.jpopasia.com/img/gen/sprite-lq-2.7.gif) -5px -50px transparent no-repeat; width:16px; height:18px; color:#fff; font-size:9px; text-align:center; }

#chartNew { position:absolute; top: 84px; left: 148px; background: url(http://www.jpopasia.com/img/gen/sprite-lq-2.7.gif) -26px -108px transparent no-repeat; width:25px; height:18px; color:#fff; font-size:9px; text-align:center; }

ul.subnavigation li, ul.jpa-button li {
	list-style: none;
	color: #4B5258;
	margin: 0 15px 15px 0;
	float:left;
	padding: 1px;
}

ul.subnavigation.pointer li {
	list-style: none;
	color: #4B5258;
	margin: 0 10px 15px 0;
	float:left;
	padding: 1px;
}

ul.subnavigation li a, ul.jpa-button li a {
	padding: 3px 8px;
	color: #4B5258;
	background-color: #fafafa;
	border: 1px solid #ccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
/* orange */
ul.subnavigation.red li a:hover, ul.jpa-button li a:hover, ul.subnavigation a.hover  {
	background-color: #e44b00;
	border: 1px solid #983200;
	color: #fff;
}

ul.subnavigation.red li a.selected, ul.jpa-button li a.selected, ul.subnavigation a.hover {
	background-color: #3d4758;
	border: 1px solid #000;
	color: #fff;
}

#userlist a.selected {
	font-weight: bold;
	color: #a82f2d;
}

ul.subnavigation li .pointer, ul.subnavigation li .separator { margin-top:2px; }

ul.subnavigation.densed li {
	font-size: 11px;
	margin: 0 5px 5px 0;
}

ul.subnavigation.az li, ul.subnavigation.densed li, ul.jpa-button li {
	list-style: none;
	color: #4B5258;
	margin: 0 5px 15px 0;
	float:left;
	padding: 1px;
}

ul.subnavigation.az li a {
	color: #3d4758;
}

ul.subnavigation.az li a:hover {
	background-color: #e44b00;
	border: 1px solid #e44b00;
	color: #fff;
}

ul.subnavigation.densed.outline-h li {
	margin: 0 10px 0 0;
}

ul.subnavigation.outline-h li {
	margin: 0 20px 0 0;
}

/* no bg */

ul.subnavigation li.nobg {
	margin: 0 0 0 10px;
}

ul.subnavigation li.nobg a {
	color: #4b5f87;
	border: 1px solid transparent;
	background-color: transparent;
}

ul.subnavigation li.nobg a:hover {
	background-color: #e44b00;
	border: 1px solid #983200;
	color: #fff;
}

ul.subnavigation li.nobg a.selected {
	background-color: #3d4758;
	border: 1px solid #000;
	color: #fff;
}


/* WIDGETS */
.widget { z-index: 10000; background-color: #ddd; color: #555; width: 320px; float: right;  position: absolute; border: 1px solid #bebebe; }

/* CUSTOM WIDGET VALUES */
.widget.livesearch 					{ margin-left: 50%; top: 84px; left: -477px; background-color:#fff; }
#login 								{ position: relative; }
.widget.login 						{ width: 240px; top: 29px; right: 26px; }

.widget.livesearch.vip 				{ margin-left: 50%; top: 84px; left: -477px; width:auto; }
.widget.livesearch dt				{ border-top:1px solid #eaeaea; height:42px; background-color:#fff; font-size: 11px; overflow:hidden;}
.widget.livesearch li				{ background-color:#fff; width: 320px; }
.widget.livesearch.vip li			{ width:300px; }
.widget.livesearch dt.header		{ text-align:center; padding: 5px 0; font-weight:bold; background-color:#eaeaea; height: 20px; width:100%; }

/* OTHER WIDGET VALUES */
table.widget td 		{ padding: 5px 5px; border-top: 1px solid #272727; }
table.widget th 		{ padding: 10px; }

.widget .close 			{ background:  url(http://www.jpopasia.com/img/gen/ruse-close.png) center left no-repeat transparent; position: absolute; top: -10px; right: -10px; height: 30px; width: 30px; z-index: 10002; }
.pointer.up 			{ background: url(http://www.jpopasia.com/img/gen/sprite-lq-2.7.gif) -61px -21px no-repeat transparent; position: absolute; top: -8px; left: 212px; height: 8px; width: 15px; }
.pointer.leftside		{ background: url(http://www.jpopasia.com/img/gen/sprite-lq-2.7.gif) -61px -21px no-repeat transparent; position: absolute; top: -8px; left: 8px; height: 8px; width: 15px; }
.pointer.up.center 		{ right: 50%; }
.pointer.leftside.center { top: 50%; }
.pointer.up.right 		{ right: 0; }
.pointer.up.left		{ left: 10%; }
.widget .content, .widget-content p, dialog-content p { text-align: left; padding: 3px 10px 5px 10px; }
/*.widget a 				{ color: #ccc; }
.widget a:hover 		{ color: #fff; text-decoration: none; }*/
.search-description		{ font-size: 11px; color:#a4a4a4; }
.widget .header			{ text-align:center; padding:5px; font-weight:bold; background-color:#eaeaea; }

/* CUSTOM POPTIP */
.poptip2				{ position:absolute; border: 1px solid #ccc; background-color:#fafafa; }


/* ADS */
ul.ad125x125 li { float: left; height: 125px; width: 125px; margin: 10px 10px 10px 20px; border:1px solid #000; }
ul.ad125x125 li.emptyslot { text-align:center; font-weight:bold; font-size: 15px; border: 1px dashed #555; }
ul.ad125x125 li.emptyslot div.emptytext { padding-top:40%; }


/* -----------------------------------------------------------------------------------------------------------------------
IMAGE MASKS
----------------------------------------------------------------------------------------------------------------------- */
.mask { overflow: hidden; position: relative; float:left; }
.mask-visible { height: auto; visibility: visible; display:block; }
.hero-sticky { width: 313px;  height: 150px; }

/* -----------------------------------------------------------------------------------------------------------------------
ALPHABET NAVI
----------------------------------------------------------------------------------------------------------------------- */
#nav-alpha				{ left: 280px; width:350px; top: 15px; background-repeat: no-repeat; font-size: 14px; }
ul.alpha 				{ margin-bottom: 15px;	 }
.alpha li a 			{ padding: 5px 13px; }
.alpha li a.selected 	{ -webkit-border-radius: 3px; -moz-border-radius: 3px; background-color: #67431c; color: #fff; }
.alpha li a:hover 		{ -webkit-border-radius: 3px; -moz-border-radius: 3px; background-color: #d28a48; color: #fff; }

/* -----------------------------------------------------------------------------------------------------------------------
UPPER HEADER
----------------------------------------------------------------------------------------------------------------------- */
#upperHeader 				{ font-size: 11px; text-align: right; margin-right: 30px; color:#ccc; }
#upperHeader a 				{ margin: 0 0.5em; color:#fff; }
#upperHeader a:hover 		{ color:#ff4f0a; }

/* -----------------------------------------------------------------------------------------------------------------------
FOOTER
----------------------------------------------------------------------------------------------------------------------- */
#footer 					{ clear: both; background: url( http://www.jpopasia.com/img/gen/sprite-hq-1.1.png) 0 -250px #6b7383 repeat-x; height:136px; font-size: 11px; text-align: left; position: relative; padding: 10px 0 18px 0; line-height: 1.4; overflow: hidden; border-bottom: 1px solid #3d4758; }
#footer ul#footerLinks  a 	{ color: #eaeaea; text-decoration: none; }
#footer ul#footerLinks  a:hover { border-bottom:1px dotted; color: #fff; background-color: transparent; }
#footer ul#footerLinks 		{ margin-top:10px; padding: 0; list-style-type: none; height: 150px; width: 960px; text-align: left; list-style: none; clear: both; }
#footer ul#footerLinks * 	{ margin: 0; padding: 0; }
#footer ul#footerLinks li 	{ float: left; display: inline; margin-left: 52px; #margin-left: 48px; padding-left: 1px; }
#footer ul#footerLinks li.first { margin-left: 0 }
#footer ul#footerLinks dt 	{ font-weight: bold; font-size: 13px; margin-bottom: 6px; color: #2b3443; }
#footer ul#footerLinks dd 	{ margin-bottom: 0.4em; }
#footerEnd					{ color: #a4a4a4; margin: 15px 0 15px -5px; padding-bottom: 4px; float: left; position: absolute; font-size: 11px; }
.footer-comment				{ float:right; width: 300px; margin: 15px 0 15px -5px; font-size: 11px; }
#footerEnd a 				{ color: #a4a4a4; }	
#footerEnd span.first 		{ padding-right: 0.4em; }
#footerEnd span 			{ padding-left: 0.4em; padding-right: 0.4em; }
#footerExplain 				{ font-size: 10px; color: #fff; margin: 10px 40px; clear: both; }
ul#footerExplain 			{ list-style-type: square; }

/* IE 6 */
div#footer 					{ height: 1%; overflow: visible; }	
/* jQuery Form Elements */
.formContent 				{ margin-top: 5px; }
.formLabel label 			{ position: relative; display: block; width: 400px; clear: both; padding: 5px 5px 5px 0; line-height: 30px; margin-bottom: 5px; font-weight: bold; }
.formLabel label.nocontent 	{ border-top: 1px solid #afafaf; border-bottom: 1px solid #afafaf; width: 99%; padding: 20px 0 23px 0; }
.formLabel label.active 	{ background-color: #dbf9C7; }
.formLabel label.error 		{ background-color: #ecd0ce; }				
.formLabel label.required 	{ background:  url(http://www.jpopasia.com/img/gen/required.gif) center left no-repeat; }	
.formLabel label.isgood 	{ background:  url(http://www.jpopasia.com/img/gen/tick.gif) center left no-repeat; }
.formLabel label input 		{ width: 200px; float: right; padding: 5px; border: 1px solid #afafaf; font-size: 14px; color: #333; }
.formLabel label input#streetnr { width: 50px; }
.formLabel .floatLeft 		{ float: left; }
.formLabel label input.active { border: 1px solid green; }
.formLabel label input.error { border: 1px solid red; }				
.formLabel #formsubmit 		{ width: 150px; } 
.formLabel .extraNote 		{ font-weight: normal; font-size: 11px; }

/* Info pop up classes */
.formLabel .infopop 	{ display: block; position: absolute; left: 413px; top: -11px; line-height: 40px; width: 230px; height: 62px; line-height: 62px; text-indent: 30px; color: #333; }
.formLabel .errorpop 	{ color: #ff0000; } 

/* -----------------------------------------------------------------------------------------------------------------------
RECYCLABLES
----------------------------------------------------------------------------------------------------------------------- */
/* Pretty table ---------- */
table.pretty, table.pretty-borderless 	{ border-collapse: collapse; }
table.pretty td 						{ padding: 5px 10px; border-top: 1px solid #efefef; margin: 0 10px 10px 0; }
table.pretty th 						{ padding: 5px; background-color:#3d4758; color:#fff; }
table.pretty-borderless td 				{ padding: 10px; margin: 0 10px 10px 0; }
table.pretty td.right, table.pretty-borderless td.right		{ text-align: right; margin-right: 20px; }
.hover 									{ background-color: #f4f4f4; }

/* Pretty list ---------- */
ul.horizontal li, ul.horizontal li dt  	{ float: left; }
ul.horizontal-r li 			{ float: right; }
ul.pretty 					{ margin-bottom: 20px; }
ul.pretty li 				{ list-style-type: square; padding: 4px; margin-left: 15px; padding-right: 20px; }
ol.pretty li 				{ padding: 4px; margin-left: 15px; padding-right: 20px; }
.pretty input, input.pretty { width: 200px; padding: 5px; border: 1px solid #afafaf; color: #333; font-size: 12px; }
.pretty textarea, textarea.input { border: 1px solid #afafaf; font-size:12px; padding: 5px; color:#666561; height:30px; }
textarea.textarea-ubb		{ height:100px; width: 549px; }
textarea.textarea-c2		{ height:100px; width: 420px; }
.dd-cells dd 				{ border:1px solid #eaeaea; margin-bottom: 10px; }

/* Text decorations ---------- */
.red 					{ color: #ff0000; }
.white					{ color: #fff; }
.green 					{ color: green; }
.grey 					{ color: #545454; }
.light-grey				{ color: #a4a4a4; }
.medium-grey			{ color: #7f7f7f; }

.f-right 				{ float: right; }
.f-left 				{ float: left; }
.f-none					{ float: none; }
.m-top 					{ margin-top: 20px; }
.f-center 				{ margin-left: auto; margin-right: auto; }

.a-right 				{ text-align: right; }
.a-left 				{ text-align: left; }
.a-center 				{ text-align: center; }

.bold 					{ font-weight: bold; }
.unbold 				{ font-weight: normal; }
.u						{ border-bottom:1px dotted; }
.i						{ font-style: italic; }
.odd 					{ background-color: #eee; }
.border 				{ border: 1px solid #67431c; }
.no-opacity 			{ filter:alpha(opacity=100); -moz-opacity:1.0; opacity: 1.0; }

.edited, tr.edited td 	{ border: 1px solid #ff0000; background-color: #ffb9b9; }
.saved, tr.saved td		{ border: 1px solid #008917; background-color: #a6ffb5; }

tr.green, tr.green td 	{ border: 1px solid #237225; background-color: #d9feda; }
tr.red, tr.red td		{ border: 1px solid #fb3636; background-color: #ffe4e4; }
tr.blue, tr.blue td		{ border: 1px solid #3b5998; background-color: #eceff5; }

.border-round			{ -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.highlightbg			{ background-color: #e4e4e4; border: 1px dotted #b3b3b3; color:#666561; padding: 3px 5px; font-weight: bold; font-size: 10px; }
.highlightbg.green		{ background-color: #dbf2df; border: 1px dotted #468c51; }
.highlightbg.orange		{ background-color: #ffd5b7; border: 1px dotted #468c51; }
.selectedbg				{ background-color: #909fbb; color:#fff; }
.selected				{ color:#ff4f0a; }
/* Message boxes ---------- */
.warning, confirm, note { font-size: 13px; color: #333; padding: 3px; width: 100%; margin: 10px 0; }
.warning 				{ border: 2px solid #fa0000; background-color: #fff; }
.confirm 				{ border: 2px solid #458924; background-color: #fff; }
.note 					{ border: 2px solid #cc0066; background-color: #ed985a; }

/* Font sizes ---------- */
.xxs 					{ font-size: 10px; }
.xs 					{ font-size: 11px; }
.s 						{ font-size: 12px; }
.m 						{ font-size: 13px; }
.x, .l 					{ font-size: 15px; color:#555; }
.xl 					{ font-size: 17px; color:#555; }
.xxl 					{ font-size: 20px; color:#555; }
.xxxl 					{ font-size: 25px; color:#555; }

/* LABELS */
.label {
	font-weight: normal !important;
	line-height: 1;
	background-color: #c22223;
	color: #fff;
	font-size:9px;
	padding: 1px 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
	text-transform: uppercase;
	vertical-align: 1px;
	overflow:hidden;
}

.label.navy, label.blue { background-color: #3D4758; }
.label.green { background-color: #669900; }
.label.grey { background-color: #888; }
.label.light-grey { background-color: #bbbbbb; }
.label.m { font-size:13px; padding: 1px 5px; }
.label.xl { font-size:15px; padding: 1px 5px; }

#footer #footerLinks .label {
	font-weight: bold !important;
	line-height: 1;
	background-color: #eaeaea;
	color: #2B3443;
	font-size:14px;
	padding: 3px 9px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	vertical-align: 1px;
	overflow:hidden;
	text-align:center;
}
#footer #footerLinks .label.small { font-size:9px; padding:0 3px; }
/* Forms */
input.input-xs { width: 50px; }
input.input-s { width: 100px; }
input.input-m { width: 200px; }
input.input-l { width: 250px; }

/* Dots */
.dot { height: 15px; width: 10px; overflow:hidden; float:none; }
.dot.green { background: url(http://www.jpopasia.com/img/gen/sprite-lq-2.7.gif) no-repeat -2px -32px transparent; }
.dot.grey { background: url(http://www.jpopasia.com/img/gen/sprite-lq-2.7.gif) no-repeat -47px -32px transparent; }

/* Rating stars */
#rateStarbg { position:	relative; background: transparent  url(http://www.jpopasia.com/img/gen/sprite-lq-2.7.gif) no-repeat 0 -133px; width: 79px; height: 13px; cursor: pointer; }
#rateStars { position: relative; background: transparent  url(http://www.jpopasia.com/img/gen/sprite-lq-2.7.gif) no-repeat 0 -150px; width: 79px; height: 13px; }

/* Sprites*/
.upload-image			{ background: url(http://www.jpopasia.com/img/gen/sprite-lq-2.7.gif) no-repeat 0 -16px; height:16px; width:24px; }

/* Rounded buttons ---------- */
.button, input.button 	{ background: #222  url(http://www.jpopasia.com/img/gen/button-overlay.png) repeat-x; display: inline-block; padding: 2px 6px 3px; color: #fff; text-decoration: none; font-weight: bold; line-height: 1; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); position: relative; cursor: pointer; border-color:rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35); border-style:solid; border-width:1px; }

a.button:hover 								{ color: #fff; text-decoration: none; }
.button:active 								{ top: 1px; }

/* Sizes ---------- */
.small.button 								{ font-size: 11px; }
.medium.button 								{ font-size: 13px; }
.large.button								{ font-size: 14px; padding: 8px 14px 9px; }
 
/* Colors ---------- */
.blue.button 								{ background-color: #2daebf; }
.red.button 								{ background-color: #e33100; color: #fff; }
.magenta.button 							{ background-color: #a9014b; }
.orange.button 								{ background-color: #ff5c00; }
.yellow.button 								{ background-color: #ffb515; }
.green.button 								{ background-color: #8fb41b; color: #fff;}
.purple.button 								{ background-color: #431a66; color: #fff; }
.grey.button 								{ background-color: #c3c3c3; color: #fff; }
.black.button 								{ background-color: #414141; color: #fff; }
.neutral.button 							{ background-color: #d1d1d1; color: #333; }
.navy.button								{ background-color: #3D4758; color: #fff; }

/* Hover colors ---------- */
.green.button, .green.button:visited		{ background-color: #91bd09; }
.green.button:hover							{ background-color: #749a02; }
.blue.button, .blue.button:visited			{ background-color: #2daebf; }
.blue.button:hover							{ background-color: #007d9a; }
.red.button, .red.button:visited			{ background-color: #e33100; }
.red.button:hover							{ background-color: #872300; }
.magenta.button, .magenta.button:visited	{ background-color: #a9014b; }
.magenta.button:hover						{ background-color: #630030; }
.orange.button, .orange.button:visited		{ background-color: #ff5c00; }
.orange.button:hover						{ background-color: #d45500; }
.yellow.button, .yellow.button:visited		{ background-color: #ffb515; }
.yellow.button:hover						{ background-color: #fc9200; }
.neutral.button, .neutral.button:visited	{ background-color: #ffffff; }
.neutral.button:hover						{ background-color: #ffffff; }
.grey.button:hover							{ background-color: #a1a1a1; }
.navy.button:hover							{ background-color: #2B3443; }

/* Buttons 2 */
.ui-button { 
	-moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.1);
	background:url("/img/gen/button-overlay.png") repeat scroll 0 0 #eee;
	border-color:#999999 #999999 #888888;
	border-style:solid;
	border-width:1px;
	color:#333333;
	cursor:pointer;
	display:inline-block;
	font-size:11px;
	font-weight:bold;
	line-height:normal !important;
	padding:2px 6px;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;
	white-space:nowrap;
}

.ui-button-confirm {
	background-color:#ff5c00;
	background-position:0 -48px;
	border-color:rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35);
	color:#FFFFFF;
}

/* PAGINATION */
div.pagination 					{ margin: 5px 20px; float: right; }
div.pagination ul 				{ list-style: none; }
div.pagination ul li 			{ margin: 2px; float: left; border: 1px solid #e5e5e5; text-align: center; }
div.pagination ul li span 		{ display: block; text-align: left; padding: 1px 6px; }
div.pagination ul li a 			{ color: #3D4758; }
div.pagination ul li a:hover 	{ color: #0EB025; }
div.pagination ul li.undefined 	{ background-color: #fafafa; color: #3D4758; }
div.pagination ul li.noselect 	{ background-color: #fafafa; color: #ccc; }
div.pagination ul li.selected	{ font-weight: bold; background-color: #3D4758; color: #fff; }

/* Utilities ---------- */
.isjs 					{ display: none; }
.nojs 					{ background-color: #f1f1f1; border: 1px dotted #ccc; padding: 10px; text-align: center; margin: 5px 60px 15px 60px; color: #333; }
.hand 					{ cursor:	pointer; }
.clearfix:after 		{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix 				{ display: inline-block; }
						/* required comment for clearfix to work in Opera \*/
* html .clearfix 		{ height:1%; }
.clearfix 				{ display:block; }
.clear 					{ clear: both; }
.temploading, .temploadingDark	{ margin: 1px 10px; }

.hidden 				{ visibility: hidden; }
.nodisplay 				{ display: none; }

.readonly				{ opacity: .70; filter:Alpha(Opacity=70); }
.fixed 					{ position: fixed; }

.overflow-a				{ overflow: auto; }
.overflow-h				{ overflow: hidden; }
.overflow-v				{ overflow: visible; }

.relative				{ position: relative; }

/* JQUERY UI MODS */
/* .ui-state-hover -> .ui-dialog .ui-dialog-titlebar-close  */
.ui-dialog .ui-dialog-titlebar-close { border: 1px solid #999999; background: #dadada url(smoothness/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; padding:0;}
.ui-state-hover, .ui-widget-content .ui-state-focus { background-image: none; background-color: #3D4758; border: 1px solid red; }
.ui-widget-header { color: #fff; background-color:#6B7383; }
/* JQUERY TABS MOD */
.subnavigation.ui-widget-header { background: none; border-bottom:none; }
.ui-tabs.ui-widget-content { border:none; background:none; }
.subnavigation > li.ui-state-active { background-color: #3d4758; border: 1px solid #000; color: #fff; }
.subnavigation > li.ui-state-default { background:none; border:none; font-weight:normal; }
.subnavigation > li.ui-state-hover { background:none; border:none; font-weight:normal; }
.ui-tabs .ui-tabs-nav li.nobg a {  padding: 3px 8px; float:none;  }
.subnavigation > .ui-tabs .ui-tabs-panel { padding: 0; background: none;  }
.ui-tabs { padding:0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a { background-color: #3d4758; border: 1px solid #000; color: #fff; }
.ui-tabs .ui-tabs-panel { padding:0;}
.tabloading { margin-top:7px;}

/* Popup */
#popup { position:absolute; top:20px; left:100px; z-index:5; }
.popup-title, #popup h2 { font-size:13px; font-weight:bold; color:#3d4758; margin:0; padding:5px 10px; }
.popup-wrapper { position:relative; border:1px solid #3d4758; width: 314px; background-color:#fff; }
.popup-wrapper p { padding:5px 10px; font-size:11px; }
.popup-sep { border-bottom: 1px solid #e0e0e0; }
.popup-footer { text-align:center; border-top: 1px solid #e0e0e0; background-color: #3d4758; color:#fff;}
.popup-close a { position:absolute; top: 6px; right: 8px; font-size:10px; padding: 1px 4px; }
.popup-close a:hover { background-color:#3d4758; padding: 1px 4px; color:#fff; }
.popup-content li { padding: 5px 10px; }

.popup-arrow-n-w { position:absolute; top:-5px; left:5px; background:  url(http://www.jpopasia.com/img/gen/popup-arrow.png) no-repeat 0 -22px transparent; height:6px; width:14px; z-index: 5; }
.popup-arrow-n-e { position:absolute; top:-5px; left:297px; background:  url(http://www.jpopasia.com/img/gen/popup-arrow.png) no-repeat 0 -22px transparent; height:6px; width:14px; z-index: 5; }

/* flyout */
.flyout { width: 240px; padding: 4px 8px; border: 1px solid #b5b5b5; background-color: #ffffcc; z-index: 10; color: black; }

/* global messages */
#globalMessage 			{  width: 100%; background-color: #fff;  opacity: .90; filter:Alpha(Opacity=90); z-index: 10003; border-bottom: solid #474747 2px; z-index: 10003; color:#000; height: 20px; padding: 10px; top: 0; display: none; text-align: center; font-weight: bold; font-size: 14px; position: fixed; }
#globalMessage-close 	{ background:  url(http://www.jpopasia.com/img/gen/ruse-close.png) top left no-repeat transparent;  height: 30px; width: 30px; margin-right: 20px; margin-top: -5px; float: right; }
#globalMessage.yellow 	{ border-bottom: 2px solid #ffd700; background-color: #ffffdd; }
#globalMessage.red 		{ border-bottom: 2px solid #fb3636; background-color: #ffc1c1; }
#globalMessage.blue 	{ border-bottom: 2px solid #3b5998; background-color: #eceff5; }
#globalMessage.green 	{ border-bottom: 2px solid #237225; background-color: #d9feda; }

/* TipTip CSS - Version 1.2 */
#tiptip_holder { display: none; position: absolute; top: 0; left: 0; z-index: 99999; }
#tiptip_holder.tip_top { padding-bottom: 5px; }
#tiptip_holder.tip_bottom { padding-top: 5px; }
#tiptip_holder.tip_right { padding-left: 5px; }
#tiptip_holder.tip_left { padding-right: 5px; }
#tiptip_content { font-size: 11px; color: #fff; text-shadow: 0 0 2px #000; padding: 4px 8px; border: 1px solid rgba(255,255,255,0.25); background-color: rgb(25,25,25); background-color: rgba(25,25,25,0.92); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000)); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0 0 3px #666561; -webkit-box-shadow: 0 0 3px #666561; -moz-box-shadow: 0 0 3px #666561; }
#tiptip_arrow, #tiptip_arrow_inner { position: absolute; border-color: transparent; border-style: solid; border-width: 6px;  height: 0; width: 0; }
#tiptip_holder.tip_top #tiptip_arrow { border-top-color: #fff; border-top-color: rgba(255,255,255,0.35); }
#tiptip_holder.tip_bottom #tiptip_arrow { border-bottom-color: #fff; border-bottom-color: rgba(255,255,255,0.35); }
#tiptip_holder.tip_right #tiptip_arrow { border-right-color: #fff; border-right-color: rgba(255,255,255,0.35); }
#tiptip_holder.tip_left #tiptip_arrow { border-left-color: #fff; border-left-color: rgba(255,255,255,0.35); }
#tiptip_holder.tip_top #tiptip_arrow_inner { margin-top: -7px; margin-left: -6px; border-top-color: rgb(25,25,25); border-top-color: rgba(25,25,25,0.92); }
#tiptip_holder.tip_bottom #tiptip_arrow_inner { margin-top: -5px; margin-left: -6px; border-bottom-color: rgb(25,25,25); border-bottom-color: rgba(25,25,25,0.92); }
#tiptip_holder.tip_right #tiptip_arrow_inner { margin-top: -6px; margin-left: -5px; border-right-color: rgb(25,25,25); border-right-color: rgba(25,25,25,0.92); }
#tiptip_holder.tip_left #tiptip_arrow_inner { margin-top: -6px; margin-left: -7px; border-left-color: rgb(25,25,25); border-left-color: rgba(25,25,25,0.92); }
/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content { padding: 4px 8px 5px 8px; background-color: rgba(45,45,45,0.88); }
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { border-bottom-color: rgba(45,45,45,0.88); }
	#tiptip_holder.tip_top #tiptip_arrow_inner {  border-top-color: rgba(20,20,20,0.92);}
}

/* -------------------------------------------------------------------
// markItUp! Universal MarkUp Engine, JQuery plugin
// By Jay Salvat - http://markitup.jaysalvat.com/
// ------------------------------------------------------------------*/
.markItUp * { margin:0px; padding:0px; outline:none; }
.markItUp a:link,
.markItUp a:visited { color:#000; text-decoration:none; }
.markItUp  { width:573px; margin:5px 0 5px 0;	}
.markItUpContainer { border:1px solid #bababa; background:#fff url(http://www.jpopasia.com/img/markitup/bg-container.png) repeat-x top left; padding:5px 5px 2px 5px; font:11px Verdana, Arial, Helvetica, sans-serif; }
.markItUpEditor { font-size:12px; padding:5px 5px 5px 35px; border:1px solid #ccc; width:549px; height:200px; background-image:url(http://www.jpopasia.com/img/markitup/bg-editor.png); background-repeat:repeat-x; clear:both; display:block; line-height:18px; overflow:auto; }
.markItUpPreviewFrame	{ overflow:auto; background-color:#fff; border:1px solid #ccc; width:99.9%; height:300px; margin:5px 0; }
.markItUpFooter { width:100%; cursor:n-resize; }
.markItUpResizeHandle {	overflow:hidden; width:22px; height:5px; margin-left:auto; margin-right:auto; background-image:url(http://www.jpopasia.com/img/markitup/handle.png); cursor:n-resize; }

/* FORUM MODIFICATIONS */
.ubb.forumtextarea .markItUp { width: 478px; }
.ubb-reply.forumtextarea .markItUp { width: 397px; }
.ubb-reply.forumtextarea .markItUpEditor { width: 373px; }
.ubb-inline .markItUpEditor, .ubb.forumtextarea .markItUpEditor, .ubb.nopadding .markItUpEditor { padding: 5px; display:inline; }
.ubb-inline .markItUp  { width:673px; margin:5px 10px;	}
.textarea-c2 .markItUp { width: 436px; }
.textarea-c2 .markItUpEditor { width: 412px; }
#createMessage .markItUp, #createMessageDialog .markItUp { width: 539px; }

/***************************************************************************************/
/* first row of buttons */
.markItUpHeader ul li	{ list-style:none; float:left; position:relative; }
.markItUpHeader ul li ul{ display:none; }
.markItUpHeader ul li:hover > ul{ display:block; }
.markItUpHeader ul .markItUpDropMenu { background:transparent url(http://www.jpopasia.com/img/markitup/menu.png) no-repeat 115% 50%; margin-right:5px; }
.markItUpHeader ul .markItUpDropMenu li { margin-right:0px; }
.markItUpHeader ul .markItUpSeparator { margin:0 10px; width:1px; height:16px; overflow:hidden; background-color:#CCC; }
.markItUpHeader ul ul .markItUpSeparator { width:auto; height:1px; margin:0px; }
/* next rows of buttons */
.markItUpHeader ul ul { display:none; position:absolute; top:18px; left:0px; background:#F5F5F5; border:1px solid #3C769D; height:inherit; }
.markItUpHeader ul ul li { float:none; border-bottom:1px solid #3C769D; }
.markItUpHeader ul ul .markItUpDropMenu { background:#F5F5F5 url(http://www.jpopasia.com/img/markitup/submenu.png) no-repeat 100% 50%; }
/* next rows of buttons */
.markItUpHeader ul ul ul { position:absolute; top:-1px; left:150px; }
.markItUpHeader ul ul ul li { float:none; }
.markItUpHeader ul a { display:block; width:16px; height:16px; text-indent:-10000px; background-repeat:no-repeat; padding:3px; margin:0px; }
.markItUpHeader ul ul a { display:block; padding-left:0px; text-indent:0; width:120px; padding:5px 5px 5px 25px; background-position:2px 50%;}
.markItUpHeader ul ul a:hover  { color:#FFF; background-color:#3C769D; }
/***************************************************************************************/
.markItUp .markItUpButton1 a	{ background-image:url(http://www.jpopasia.com/img/markitup/bold.png); }
.markItUp .markItUpButton2 a	{ background-image:url(http://www.jpopasia.com/img/markitup/italic.png); }
.markItUp .markItUpButton3 a	{background-image:url(http://www.jpopasia.com/img/markitup/underline.png); }
.markItUp .markItUpButton4 a	{ background-image:url(http://www.jpopasia.com/img/markitup/picture.png); }
.markItUp .markItUpButton5 a	{ background-image:url(http://www.jpopasia.com/img/markitup/link.png); }
.markItUp .markItUpButton6 a	{ background-image:url(http://www.jpopasia.com/img/markitup/youtube.png); }
.markItUp .markItUpButton7 a 	{ background-image:url(http://www.jpopasia.com/img/markitup/colors.png); }
	.markItUp .palette ul { width:162px; padding:1px; z-index:5; }
	.markItUp .palette  li { border:1px solid white; width:25px; height:25px; overflow:hidden; padding:0px; margin:0px; float:left; }
	.markItUp .palette ul a { width:25px;	height:25px; }
	.markItUp .palette ul a:hover { background-color:none; }
	.markItUp .palette .col1-1 a { background:#8B0000; }
	.markItUp .palette .col1-2 a { background:#DC143C; }
	.markItUp .palette .col1-3 a { background:#FF0000; }
	.markItUp .palette .col1-4 a { background:#FFA500; }
	.markItUp .palette .col1-5 a { background:#FF4500; }
	.markItUp .palette .col1-6 a { background:#A52A2A; }
	
	.markItUp .palette .col2-1 a { background:#FF69B4; }
	.markItUp .palette .col2-2 a { background:#FF1493; }
	.markItUp .palette .col2-3 a { background:#FFD700; }
	.markItUp .palette .col2-4 a { background:#DAA520; }
	.markItUp .palette .col2-5 a { background:#9ACD32; }
	.markItUp .palette .col2-6 a { background:#32CD32; }
								
	.markItUp .palette .col3-1 a { background:#008000; }
	.markItUp .palette .col3-2 a { background:#006400; }
	.markItUp .palette .col3-3 a { background:#808000; }
	.markItUp .palette .col3-4 a { background:#008B8B; }
	.markItUp .palette .col3-5 a { background:#4169E1; }
	.markItUp .palette .col3-6 a { background:#6495ED; }
	
	.markItUp .palette .col4-1 a { background:#1E90FF; }
	.markItUp .palette .col4-2 a { background:#0000FF; }
	.markItUp .palette .col4-3 a { background:#00008B; }
	.markItUp .palette .col4-4 a { background:#000080; }
	.markItUp .palette .col4-5 a { background:#4B0082; }
	.markItUp .palette .col4-6 a { background:#EE82EE; }
	
	.markItUp .palette .col5-1 a { background:#8B008B; }
	.markItUp .palette .col5-2 a { background:#696969; }
	.markItUp .palette .col5-3 a { background:#708090; }
	.markItUp .palette .col5-4 a { background:#2F4F4F; }
	.markItUp .palette .col5-5 a { background:#DCDCDC; }
	.markItUp .palette .col5-6 a { background:#FFFFFF; }
.markItUp .markItUpButton8 a	{ background-image:url(http://www.jpopasia.com/img/markitup/fonts.png); }
.markItUp .markItUpButton9 a	{ background-image:url(http://www.jpopasia.com/img/markitup/list-bullet.png); }
.markItUp .markItUpButton10 a	{ background-image:url(http://www.jpopasia.com/img/markitup/list-numeric.png); }
.markItUp .markItUpButton11 a	{ background-image:url(http://www.jpopasia.com/img/markitup/list-item.png); }
.markItUp .markItUpButton12 a	{ background-image:url(http://www.jpopasia.com/img/markitup/quotes.png); }
.markItUp .markItUpButton13 a	{ background-image:url(http://www.jpopasia.com/img/markitup/clean.png); }
.markItUp .preview a 			{ background-image:url(http://www.jpopasia.com/img/markitup/preview.png); }
.markItUp .save a 				{ background-image:url(http://www.jpopasia.com/img/markitup/disk-save.png); }
.markItUp .load a 				{ background-image:url(http://www.jpopasia.com/img/markitup/disk-load.png); }


/* AUTOCOMPLETE FB STYLE */
ul.token-input-list-facebook { overflow: hidden;  height: auto !important;  height: 1%; width: 400px; border: 1px solid #afafaf; cursor: text; font-size: 12px; font-family: Verdana; min-height: 1px; z-index: 9999; margin: 0; padding: 0; background-color: #fff; }
ul.token-input-list-facebook { list-style-type: none; }
ul.overflow { height: 250px; overflow: auto; }
ul.token-input-list-facebook li input { border: 0; width: 100px; padding: 3px 8px; background-color: white; margin: 2px 0; }
li.token-input-token-facebook { overflow: hidden; height: auto !important; height: 1%; margin: 3px; padding: 2px 3px; background-color: #eff2f7; color: #000; cursor: default; border: 1px solid #cbd5e4; font-size: 11px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; float: left; line-height:12px; }
li.token-input-token-facebook p { display: inline; padding: 0; margin: 0; }
li.token-input-token-facebook span { color: #a6b3cf; margin-left: 5px; font-weight: bold; cursor: pointer; }
li.token-input-selected-token-facebook { background-color: #5670a6; border: 1px solid #3b5998; color: #fff; }
li.token-input-input-token-facebook { float: left; }
div.token-input-dropdown-facebook { position: absolute; width: 400px; background-color: #eee; overflow: hidden; border-left: 1px solid #3d4758; border-right: 1px solid #3d4758; border-bottom: 1px solid #3d4758; cursor: default; font-size: 11px; font-family: Verdana; z-index: 1; }
div.token-input-dropdown-facebook p { margin: 0; padding: 3px 5px; color: #666561; }
div.token-input-dropdown-facebook ul { margin: 0; padding: 0; }
div.token-input-dropdown-facebook ul li { background-color: #fff; padding: 3px 5px; border-top: 1px solid #dfdfdf; cursor: pointer; } 
div.token-input-dropdown-facebook ul li.token-input-dropdown-item-facebook { background-color: #fff; }
div.token-input-dropdown-facebook ul li.token-input-dropdown-item2-facebook { background-color: #fff; }
div.token-input-dropdown-facebook ul li em { font-weight: bold; font-style: none; }
div.token-input-dropdown-facebook ul li.token-input-selected-dropdown-item-facebook { background-color: #3d4758; color: #fff; }

/* COUNTDOWN */
/* jQuery Countdown styles 1.5.8. */
.countdown_rtl { direction: rtl; }
.countdown_row { clear: both; width: 100%; padding: 0px 2px; text-align: center; }
.countdown_show1 .countdown_section { width: 98%; }
.countdown_show2 .countdown_section { width: 48%; }
.countdown_show3 .countdown_section { width: 32.5%; }
.countdown_show4 .countdown_section { width: 24.5%; }
.countdown_show5 .countdown_section { width: 19.5%; }
.countdown_show6 .countdown_section { width: 16.25%; }
.countdown_show7 .countdown_section { width: 14%; }
.countdown_section { display: block; float: left; text-align: center; font-size: 11px; color:#A4A4A4; font-weight:normal; }
.countdown_amount { font-size: 20px; color:#555; font-weight:bold; }
.countdown_descr { display: block; width: 100%; }

/* INFINITE SCROLL NEWS */
.infiniteNewsCarousel { width: 942px; position: relative; height: 100px; overflow:hidden; }
.infiniteNewsCarousel .infinite-wrapper { width: 942px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
overflow:hidden; min-height: 10em; position: absolute; top: 0; }
.infiniteNewsCarousel .infinite-wrapper ul { width: 9999px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; position: absolute; top: 0; }
.infiniteNewsCarousel ul li { display:block; float:left; height: 100px; width: 157px; }
.infiniteNewsCarousel ul li a img { display:block; }

.infiniteNewsCarouselText { width: 943px; position: relative; height: 30px; overflow:hidden; background-color:#3D4758; }
.infiniteNewsCarouselText .infinite-wrapper { width: 943px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
overflow:hidden; min-height: 10em; position: absolute; top: 0; }
.infiniteNewsCarouselText .infinite-wrapper ul { width: 9999px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; position: absolute; top: 0; }
.infiniteNewsCarouselText ul li { display: inline-block; float:left; height: 30px; margin-right: 20px; color:#fff; }
.infiniteNewsCarouselText ul li h2 { font-size:13px; color:#acc0d0; }


/*
 * Galleria Classic Theme
 * Copyright (c) 2010, Aino
 * Licensed under the MIT license.
 */
 
.galleria-container 				{ position: relative; overflow: hidden; background: #000; }
.galleria-container img 			{ -moz-user-select: none; -webkit-user-select: none; -o-user-select: none; }
.galleria-stage 					{ position: absolute; top: 10px; bottom: 60px; left: 10px; right: 10px; overflow:hidden; }
.galleria-thumbnails-container  	{ height: 50px; bottom: 0; position: absolute; left: 10px; right: 10px; z-index: 2; }
.galleria-carousel .galleria-thumbnails-list { margin-left: 30px; margin-right: 30px; }
.galleria-thumbnails .galleria-image { height: 40px; width: 60px; background: #000; margin: 0 5px 0 0; border: 1px solid #000;; float: left; cursor: pointer; }
.galleria-counter 					{ position: absolute; bottom: 10px; left: 10px; text-align: right; color: #fff; font: normal 11px/1 arial,sans-serif; z-index: 2; }
.galleria-loader 					{ background: #000; width: 20px; height: 20px; position: absolute; top: 10px; right: 10px; z-index: 2; display: none; background: url(http://i2.jpopasia.com/galleria/themes/classic/classic-loader.gif) no-repeat 2px 2px; }
.galleria-info 						{ width: 50%; top: 15px; left: 15px; z-index: 2; position: absolute; }
.galleria-info-text 				{ background-color: #000; padding: 12px; display: none; /* IE7 */ zoom:1; }
.galleria-info-title 				{ font: bold 12px/1.1 arial,sans-serif;  margin: 0; color: #fff; margin-bottom: 7px; }
.galleria-info-description 			{ font: italic 12px/1.4 georgia,serif; margin: 0; color: #bbb; }
.galleria-info-close 				{ width: 9px; height: 9px; position: absolute; top: 5px; right: 5px; background-position: -753px -11px; opacity: .5; filter: alpha(opacity=50); cursor: pointer; display: none; }
.galleria-info-close:hover			{ opacity:1; filter: alpha(opacity=100); }
.galleria-info-link 				{ background-position: -669px -5px; opacity: .7; filter: alpha(opacity=70); position: absolute; width: 20px; height: 20px; cursor: pointer; background-color: #000; }
.galleria-info-link:hover 			{ opacity: 1; filter: alpha(opacity=100); }
.galleria-image-nav 				{ position: absolute; top: 50%; margin-top: -62px; width: 100%; height: 62px; left: 0; }
.galleria-image-nav-left,
.galleria-image-nav-right 			{ opacity: .3; filter: alpha(opacity=30); cursor: pointer; width: 62px; height: 124px; position: absolute; left: 10px; z-index: 2; background-position: 0 46px; }
.galleria-image-nav-right 			{ left: auto; right: 10px; background-position: -254px 46px; z-index: 2; }
.galleria-image-nav-left:hover,
.galleria-image-nav-right:hover 	{ opacity: 1; filter: alpha(opacity=100); }
.galleria-thumb-nav-left,
.galleria-thumb-nav-right 			{ cursor: pointer; display: none; background-position: -495px 5px; position: absolute; left: 0; top: 0; height: 40px; width: 23px; z-index: 3; opacity: .8; filter: alpha(opacity=80); }
.galleria-thumb-nav-right 			{ background-position: -578px 5px; border-right: none; right: 0; left: auto; }
.galleria-thumbnails-container  .disabled { opacity: .2; filter: alpha(opacity=20); cursor: default; }
.galleria-thumb-nav-left:hover,
.galleria-thumb-nav-right:hover 	{ opacity: 1; filter: alpha(opacity=100); background-color: #111; }
.galleria-thumbnails-container  .disabled:hover { opacity: 0.2; filter: alpha(opacity=20); background-color: transparent; }
.galleria-carousel .galleria-thumb-nav-left,
.galleria-carousel .galleria-thumb-nav-right { display: block; }
.galleria-thumb-nav-left,
.galleria-thumb-nav-right,
.galleria-info-link,
.galleria-info-close,
.galleria-image-nav-left,
.galleria-image-nav-right 			{ background-image: url(http://i2.jpopasia.com/galleria/themes/classic/classic-map.png); background-repeat: no-repeat; }




















/* -----------------------------------------------------------------------------------------------------------------------
PAGES
----------------------------------------------------------------------------------------------------------------------- */
/* VIDEO */
#lyricField { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; height: 550px; overflow: auto; position: relative; width: 303px; background-color: #ECEEF5; padding: 10px; }


/* TRACKLISTS */
.tracklist li 						{ line-height:18px; }
.tracklist a.load-track.selected 	{ color:#B62027; font-weight:bold; }

/* -----------------------------------------------------------------------------------------------------------------------
// current sprite: sprite-lq-2.7.gif
----------------------------------------------------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------------------------------------------------
SPRITES
----------------------------------------------------------------------------------------------------------------------- */
.sprite-lq {
	background-image: url( http://www.jpopasia.com/img/gen/sprite-lq-2.7.gif);
	background-repeat: no-repeat;
	background-color: transparent;
}
.sprite-lq.new {
	background-position: -31px -56px;
	height: 10px; width: 23px; overflow:hidden;
}
.sprite-lq.breaking {
	background-position: -7px -75px;
	height: 10px; width: 47px; overflow:hidden;
}
.sprite-lq.up {
	background-position: -3px -91px;
	height:8px; width:8px; overflow:hidden;
}
.sprite-lq.down {
	background-position: -3px -100px;
	height:8px; width:8px; overflow:hidden;
}
.sprite-lq.equal {
	background-position: -15px -91px;
	height:8px; width:8px; overflow:hidden;
}
.sprite-lq.thumb-up {
	background-position: -29px -94px;
	height:12px; width:12px; overflow:hidden;
}
.sprite-lq.thumb-down {
	background-position: -45px -91px;
	height:12px; width:13px; overflow:hidden;
}
.sprite-lq.heart {
	background-position: -62px -93px;
	height:13px; width:15px; overflow:hidden;
}
.sprite-lq.arrow-down-light-grey {
	background-position: -32px -21px;
	height:10px; width:20px; overflow:hidden;
}
.sprite-lq.balloon-new {
	background-position: -26px -108px;
	height:18px; width:25px; overflow:hidden;
	position:absolute; top: 40px; left: 214px;
}
.sprite-lq.message {
	background-position: 0 -165px;
	height:13px; width:16px; overflow:hidden;
}
.sprite-lq.notification {
	background-position: -20px -165px;
	height:13px; width:18px; overflow:hidden;
}
.sprite-lq.friends {
	background-position: -40px -165px;
	height:13px; width:18px; overflow:hidden;
}
.sprite-lq.balloon-new {
	background-position: -26px -108px;
	height:18px; width:25px; overflow:hidden;
	position:absolute; top: 40px; left: 214px;
}
.sprite-lq.arrow-e {
	background-position: -50px -1px;
	height:17px; width:14px; overflow:hidden;
}

.sprite-lq.fbxs 	{ background-position: 0 -180px; height:16px; width:16px; overflow:hidden; }
.sprite-lq.twxs 	{ background-position: -16px -180px; height:16px; width:16px; overflow:hidden; }
.sprite-lq.rssxs 	{ background-position: -32px -180px; height:16px; width:16px; overflow:hidden; }
.sprite-lq.fbxl 	{ background-position: 0 -194px; height:48px; width:48px; overflow:hidden; }
.sprite-lq.twxl 	{ background-position: 0 -242px; height:48px; width:48px; overflow:hidden; }

.sprite-lq.twitter-box 	{ background-position: -27px -299px; height:8px; width:10px; padding:0 4px; overflow:hidden; }
.sprite-lq.facebook-box { background-position: -5px -299px; height:8px; width:10px; padding:0 4px; overflow:hidden; }
.sprite-lq.google-box	{ background-position: -49px -299px; height:8px; width:10px; padding:0 4px; overflow:hidden; }

/* -----------------------------------------------------------------------------------------------------------------------
ADS
----------------------------------------------------------------------------------------------------------------------- */
#ad-header-728 {
	background-color: transparent;
	height: 90px;
	width: 728px;
	position: absolute;
	right: 18px;
	top: 12px;
	border: 1px solid #6D0026;
}

/* -----------------------------------------------------------------------------------------------------------------------
USER PROFILES
----------------------------------------------------------------------------------------------------------------------- */
.textarea-unfocus {
	width: 551px;
	border: 1px solid #afafaf;
	color: #666561; 
	font-size: 12px;
	padding: 5px;
	height: 14px;
}

tr.editMode td { background-color: #d9feda; }
tr.editMode td div.pointer-up-green { background:  url(http://www.jpopasia.com/img/gen/pointer-up-green.gif) no-repeat; height: 10px; width: 23px; overflow:hidden; position:absolute; top: -20px; left: 16px; float: left; }


.subLiveSearch {
	position: relative;
}

.subLiveSearchResults{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}

#stream .username {
	font-weight: bold;
}

.comment-box {
	margin: 5px 0 15px 0;
	width: 300px;
	position:relative;
}

.comment-stream {
	width: 350px;
}

.comment, .comment-showall {
	padding: 2px 5px;
	font-size: 11px;
	background-color: #eeeeee;
	margin-bottom: 2px;
	position: relative;
}

.comment-text {
	background-color: #eeeeee;
}

.comment-text textarea {
	font-size: 11px;
	color: #666561;
	padding: 5px;
	margin: 2px 0 0 8px;
	border: 1px solid #e8e6df;
	width: 289px;
	height: 15px;
}

.top-right {
	margin: 20px;
	float: right;
}

.streamPostAvatar { width:50px; margin-left:20px; position:relative; top:5px; border: 1px solid #ccc;float:left; }

ul.tag { margin-left: 20px; margin-right: 20px; }
ul.tag li { float: left; height:18px; margin-bottom: 6px; margin-top: 7px; }
ul.tag li.tagopen { background:  url(http://www.jpopasia.com/img/gen/tag.gif) 0 0 no-repeat transparent; width: 14px; }
ul.tag li.tagname { background:  url(http://www.jpopasia.com/img/gen/tag.gif) -15px -18px repeat-x transparent; text-align: center; font-size: 10px; padding: 0 3px 0 2px; }
ul.tag li.tagclose { background:  url(http://www.jpopasia.com/img/gen/tag.gif) -40px 0 no-repeat transparent; width: 3px; margin-right: 10px; }


.sprite { background-image: url( http://www.jpopasia.com/img/gen/sprite-lq-2.7.gif);}
.sprite.triangle-wh-s { background-color: transparent; background-repeat: no-repeat; background-position: 0 0; height:7px; width:13px; }


ul.chart {}
ul.chart li { border-top:1px solid #efefef; }
ul.chart li a:hover { color: #18a700; }
ul.chart li a.playing { color: #ff0000; }
ul.chart li a.played { color: #666561; }
ul.chart li .position { width:30px; text-align:right; padding:20px 10px 0 5px; }


.news-hero-image 					{ width: 604px; position: relative; left:0; border-bottom: 1px solid rgb(204, 204, 204); float: left; }

.news-hero-title 					{ left:-1px; color:#222; padding:8px; width:589px; position:absolute; }
.news-hero-title.red, .news-sticky-titlebg.red { background: url(http://www.jpopasia.com/img/gen/bg-transparent-red.png) repeat scroll 0 0 transparent; }
.news-hero-title.white, .news-sticky-titlebg.white { background: url(http://www.jpopasia.com/img/gen/bg-transparent-white.png) repeat scroll 0 0 transparent; }
.news-hero-title.black, .news-sticky-titlebg.black { background: url(http://www.jpopasia.com/img/gen/bg-transparent-dark.png) repeat scroll 0 0 transparent; }
.news-hero-readmore 				{ background: url(http://www.jpopasia.com/img/gen/bg-transparent-red.png) repeat scroll 0 0 transparent; right:-1px; top:130px; color:#fff; padding:8px; position:absolute; }
.news-hero-comment-arrow 			{ background:url( http://www.jpopasia.com/img/gen/sprite-lq-2.7.gif) 0 -7px no-repeat #fff; height:8px; width:26px; float:left; margin-left: 60px; margin-top:10px; }
.news-hero-comment 					{ margin: 18px 50px 0 50px; background-color:#eee; padding: 10px 20px; }

.news-sticky-titlebg 				{ left:-1px; color:#222; padding:8px; bottom: 0; width:313px; position:absolute; }
.news-sticky-title 					{ color:#222; text-shadow:none; margin:0; font-weight:normal; font-size:14px; }

#feedWrapper .pointer, .pointer-right {
	width: 18px; height: 8px; background-image: url( http://www.jpopasia.com/img/gen/sprite-lq-2.7.gif); background-repeat:no-repeat; overflow:hidden; background-position: -48px -8px; display:inline-block;
}

.pointer-down {
	width: 18px; height: 8px; background-image: url( http://www.jpopasia.com/img/gen/sprite-lq-2.7.gif); background-repeat:no-repeat; overflow:hidden; background-position: -66px -7px; display:inline-block;
}

#feedWrapper ul { }
#feedWrapper li { border-top:1px solid #efefef; }
#feedWrapper p { padding: 2px 10px 5px 5px; margin:0; }
#feedWrapper img.hero { float:none; padding:0; border:1px solid #ececec; }

#chatCountdown {
	border:				none;
	font-family:        Arial, Helvetica, sans-serif;
	font-weight:		bold;
	color:              #18a700;
}