/* CURRENT MASTER SHEET VERSION: 
Change in: 
# SectionStandard.css
# main.css

# masterSheet_3.1.gif
*/

img {
	border: 0;
}

a {
	outline: none;
}

/* top, right, bottom, left */
* { margin: 0; padding: 0; }

.hide { display: none; }

hr {
	clear: 				both;
	height: 			0;
	border: 			0;
	visibility: 		hidden;
	}

html {
	text-align: 		center;
	}

body {
	background: 		#ffffff url(http://i1.jpopasia.com/gen/headerBG.gif) repeat-x top left;
	font-family: 		"HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	font-size: 			62.5%;
	}
	
.container {
	width: 				1000px;
	text-align: 		left;
	margin: 			0 auto;
	position: 			relative;
	}

a, a:visited, a:link, a:active {
	color:              #545454;
	text-decoration:    none;
	}

a:hover {
	color:              #fd5300;
 	}
	
h1 {
	font-family:        Arial, Helvetica, sans-serif;
	font-size:          16px;
	color:              #FFFFFF;
	margin:             0px;
	font-weight:		bold;
	}
	
h4 {
	margin: 5px 0;
}
	
.smallTxt {
	font-family:        Arial, Helvetica, sans-serif;
	font-size:          11px;
	padding:      	 	0 5px 0 5px; /* top, right, bottom, left */
	color:              #545454;
	vertical-align:		top;
	}

.smallMediumTxt {
	font-family:        Arial, Helvetica, sans-serif;
	font-size:          12px;
	padding:      	 	0 5px 0 5px; /* top, right, bottom, left */
	color:              #545454;
	vertical-align:		top;
	}

.mediumTxt {
	font-family:        Arial, Helvetica, sans-serif;
	font-size:          13px;
	padding:      	 	0 5px 0 5px; /* top, right, bottom, left */
	color:              #545454;
	vertical-align:		top;
	}
	
.mediumLargeTxt {
	font-family:        Arial, Helvetica, sans-serif;
	font-size:          15px;
	padding:      	 	0 5px 0 5px; /* top, right, bottom, left */
	color:              #545454;
	vertical-align:		top;
	}
	
.largeTxt {
	font-family:        Arial, Helvetica, sans-serif;
	font-size:          17px;
	padding:      	 	0 5px 0 5px; /* top, right, bottom, left */
	color:              #545454;
	vertical-align:		top;
	}

.lightGreyTxt {
	font-family:        Arial, Helvetica, sans-serif;
	color:              #969696;
	}
	
.greyTxt {
	font-family:        Arial, Helvetica, sans-serif;
	color:              #545454;
	}	
	
.orangeTxt {
	font-family:        Arial, Helvetica, sans-serif;
	color:              #fd5300;
	}							

.pinkTxt {
	font-family:        Arial, Helvetica, sans-serif;
	color:              #ff79b8;
	}	
	
.greenTxt {
	font-family:        Arial, Helvetica, sans-serif;
	color:              #71ac41;
	}	
	
.blueTxt {
	font-family:        Arial, Helvetica, sans-serif;
	color:				#1d3acc;
	}
	
.redTxt {
	font-family:        Arial, Helvetica, sans-serif;
	color:				#FA0000;
	}

.bold {
	font-weight: bold;
	}
	
.underline {
	text-decoration: underline;
	}
	
.whiteTxt {
	font-family:        Arial, Helvetica, sans-serif;
	color:				#FFFFFF;
	}	
	
input.button {
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			11px;
	background-color: 	#6883AA;
	border: 			1px solid #364C71;
	color: 				#FFFFFF;
	font-weight:		bold;
	cursor:				pointer;
	}

.buttonBlue {
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			11px;
	background-color: 	#6883AA;
	border: 			1px solid #364C71;
	color: 				#FFFFFF;
	padding:			3px;
	font-weight:        bold;
	cursor:				pointer;
	}

.buttonRed {
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			11px;
	background-color: 	#FF7575;
	border: 			1px solid #FA0000;
	color: 				#FFFFFF;
	padding:			3px;
	font-weight:        bold;
	cursor:				pointer;
	}

.buttonGreen {
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			11px;
	background-color: 	#7BD654;
	border: 			1px solid #5EA93A;
	color: 				#FFFFFF;
	padding:			3px;
	font-weight:        bold;
	cursor:				pointer;
	}

.buttonNoStyleWhite {
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			13px;
	background-color: 	#FFFFFF;
	border: 			1px solid #FFFFFF;
	color: 				#545454;
	padding:			3px;
	font-weight:        bold;
	cursor:				pointer;
	}
	
.buttonNoStyleWhiteMO {
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			13px;
	background-color: 	#FFFFFF;
	border: 			1px solid #FFFFFF;
	color: 				#FD5300;
	padding:			3px;
	font-weight:        bold;
	cursor:				pointer;
	}	

.buttonNoStyle {
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			13px;
	background-color: 	#fafafa;
	border: 			1px solid #fafafa;
	color: 				#545454;
	padding:			3px;
	font-weight:        bold;
	cursor:				pointer;
	}

.buttonNoStyleMO {
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			13px;
	background-color: 	#fafafa;
	border: 			1px solid #fafafa;
	color: 				#FD5300;
	padding:			3px;
	font-weight:        bold;
	cursor:				pointer;
	}		

.buttonStandardGrey {
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			11px;
	background-color: 	#7e8797;
	border: 			1px solid #656d7d;
	color: 				#FFFFFF;
	padding:			3px;
	font-weight:        bold;
	cursor:				pointer;
	}
	
.buttonRoundForm {
	background: 		url(http://i1.jpopasia.com/gen/buttonEmptyM.gif) center no-repeat;
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			11px;
	text-align:			center;
	color:				#FD5300;
	vertical-align:		center;
	border:				0px solid;
	height:				20px;
	margin:				20px;
	width:				150px;
	font-weight:        bold;
	cursor:				pointer;
	}
	
.buttonRoundFormBig {
	background: 		url(http://i1.jpopasia.com/gen/buttonEmpty.gif) center no-repeat;
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			14px;
	text-align:			center;
	color:				#FD5300;
	vertical-align:		center;
	border:				0px solid;
	height:				30px;
	margin:				20px;
	width:				200px;
	font-weight:        bold;
	cursor:				pointer;
	}	
	
.buttonRoundSmall {
	background: 		url(http://i1.jpopasia.com/gen/buttonEmptyM.gif) center no-repeat;
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			11px;
	text-align:			center;
	color:				#FD5300;
	vertical-align:		middle;
	border:				0px solid;
	padding:			8px 0 0 0; /* top, right, bottom, left */
	height:				20px;
	margin:				20px;
	font-weight:        bold;
	cursor:				pointer;
	}	
	
.buttonRound {
	background: 		url(http://i1.jpopasia.com/gen/buttonEmpty.gif) center no-repeat;
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			14px;
	text-align:			center;
	vertical-align:		middle;
	height:				30px;
	padding:			12px 0 0 0; /* top, right, bottom, left */
	margin:				3px;
	font-weight:        bold;
	cursor:				pointer;
	}		

.buttonGrey {
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			11px;
	background-color: 	#B7B7B7;
	border: 			1px solid #717171;
	color: 				#FFFFFF;
	padding:			3px;
	font-weight:        bold;
	//cursor:			pointer;
	}

.buttonNextPrev {
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			11px;
	background-color: 	#7e8797;
	border: 			1px solid #656d7d;
	color: 				#FFFFFF;
	padding:			3px;
	#width:             70px;
	min-width:			70px;
	font-weight:        bold;
	}

.buttonNextPrevNoSelect {
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			11px;
	background-color: 	#FFFFFF;
	border: 			1px solid #CCCCCC;
	color: 				#CCCCCC;
	padding:			3px;
	#width:             70px;
	min-width:			70px;
	font-weight:		bold;
	cursor:				pointer;
	}

.warning {
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			13px;
	border: 			2px solid #FA0000;
	background-color: 	#FFFFFF;
	color: 				#545454;
	padding:			3px;
	width:				613;
	margin-bottom:		10px;
	margin-top:			10px;
	font-weight:        bold;
	}

.confirm {
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			13px;
	border: 			2px solid #458924;
	background-color: 	#FFFFFF;
	color: 				#545454;
	padding:			3px;
	width:				613;
	margin-bottom:		10px;
	margin-top:			10px;
	font-weight:        bold;
	}

.hand {
	cursor:				pointer;
	}

.dragPointer {
	cursor: 			move;
}

	
.drag{
	position:			relative;
	cursor:				hand;
	z-index: 			100;
	cursor:				pointer;
	}	

/* Mastersheet Images */
.dotGreen{
	background: 		transparent url(http://i1.jpopasia.com/gen/masterSheet_3.1.gif) -338px -235px no-repeat;
	width:				10px;
	height:				10px;
	overflow:			hidden;
	}
	
.dotGrey{
	background: 		transparent url(http://i1.jpopasia.com/gen/masterSheet_3.1.gif) -323px -235px no-repeat;
	width:				10px;
	height:				10px;
	overflow:			hidden;
	}
	
.iconVideoSheet{
	background: 		transparent url(http://i1.jpopasia.com/gen/masterSheet_3.1.gif) -337px -221px no-repeat;
	width:				15px;
	height:				15px;
	overflow:			hidden;
	}
	
.iconSearch{
	background: 		transparent url(http://i1.jpopasia.com/gen/masterSheet_3.1.gif) -320px 0 no-repeat;
	width:				14px;
	height:				14px;
	overflow:			hidden;
	}	
	
.noAvatarS{
	background: 		transparent url(http://i1.jpopasia.com/gen/masterSheet_3.1.gif) -320px -34px no-repeat;
	width:				40px;
	height:				40px;
	overflow:			hidden;
	}
	
.lyricScrollUp{
	background: 		transparent url(http://i1.jpopasia.com/gen/masterSheet_3.1.gif) -334px -17px no-repeat;
	width:				25px;
	height:				17px;
	overflow:			hidden;
	}
	
.lyricScrollDown{
	background: 		transparent url(http://i1.jpopasia.com/gen/masterSheet_3.1.gif) -334px 0px no-repeat;
	width:				25px;
	height:				17px;
	overflow:			hidden;
	}		
		
.iconProfileMeMO{
	background: 		transparent url(http://i1.jpopasia.com/gen/masterSheet_3.1.gif) -745px 0px no-repeat;
	width:				30px;
	height:				30px;
	overflow:			hidden;
	}	
	
.iconProfileMeUS{
	background: 		transparent url(http://i1.jpopasia.com/gen/masterSheet_3.1.gif) -775px 0px no-repeat;
	width:				30px;
	height:				30px;
	overflow:			hidden;
	}
	
.iconProfileMailMO{
	background: 		transparent url(http://i1.jpopasia.com/gen/masterSheet_3.1.gif) -745px -30px no-repeat;
	width:				30px;
	height:				30px;
	overflow:			hidden;
	}
	
.iconProfileMailUS{
	background: 		transparent url(http://i1.jpopasia.com/gen/masterSheet_3.1.gif) -775px -30px no-repeat;
	width:				30px;
	height:				30px;
	overflow:			hidden;
	}				

.iconProfileJournalMO{
	background: 		transparent url(http://i1.jpopasia.com/gen/masterSheet_3.1.gif) -745px -60px no-repeat;
	width:				30px;
	height:				30px;
	overflow:			hidden;
	}
	
.iconProfileJournalUS{
	background: 		transparent url(http://i1.jpopasia.com/gen/masterSheet_3.1.gif) -775px -60px no-repeat;
	width:				30px;
	height:				30px;
	overflow:			hidden;
	}		
	
.iconProfileFanMO{
	background: 		transparent url(http://i1.jpopasia.com/gen/masterSheet_3.1.gif) -745px -90px no-repeat;
	width:				30px;
	height:				30px;
	overflow:			hidden;
	}
	
.iconProfileFanUS{
	background: 		transparent url(http://i1.jpopasia.com/gen/masterSheet_3.1.gif) -775px -90px no-repeat;
	width:				30px;
	height:				30px;
	overflow:			hidden;
	}		

.iconProfileHousesMO{
	background: 		transparent url(http://i1.jpopasia.com/gen/masterSheet_3.1.gif) -745px -120px no-repeat;
	width:				30px;
	height:				30px;
	overflow:			hidden;
	}
	
.iconProfileHousesUS{
	background: 		transparent url(http://i1.jpopasia.com/gen/masterSheet_3.1.gif) -775px -120px no-repeat;
	width:				30px;
	height:				30px;
	overflow:			hidden;
	}	
	
.iconProfileTreasureMO{
	background: 		transparent url(http://i1.jpopasia.com/gen/masterSheet_3.1.gif) -745px -150px no-repeat;
	width:				30px;
	height:				30px;
	overflow:			hidden;
	}
	
.iconProfileTreasureUS{
	background: 		transparent url(http://i1.jpopasia.com/gen/masterSheet_3.1.gif) -775px -150px no-repeat;
	width:				30px;
	height:				30px;
	overflow:			hidden;
	}	
	
.iconProfilePlaylistMO{
	background: 		transparent url(http://i1.jpopasia.com/gen/masterSheet_3.1.gif) -745px -180px no-repeat;
	width:				30px;
	height:				30px;
	overflow:			hidden;
	}
	
.iconProfilePlaylistUS{
	background: 		transparent url(http://i1.jpopasia.com/gen/masterSheet_3.1.gif) -775px -180px no-repeat;
	width:				30px;
	height:				30px;
	overflow:			hidden;
	}
	
.iconProfileStatsMO{
	background: 		transparent url(http://i1.jpopasia.com/gen/masterSheet_3.1.gif) -745px -210px no-repeat;
	width:				30px;
	height:				30px;
	overflow:			hidden;
	}
	
.iconProfileStatsUS{
	background: 		transparent url(http://i1.jpopasia.com/gen/masterSheet_3.1.gif) -775px -210px no-repeat;
	width:				30px;
	height:				30px;
	overflow:			hidden;
	}				

.iconProfileMatchMO{
	background: 		transparent url(http://i1.jpopasia.com/gen/masterSheet_3.1.gif) -745px -240px no-repeat;
	width:				30px;
	height:				30px;
	overflow:			hidden;
	}
	
.iconProfileMatchUS{
	background: 		transparent url(http://i1.jpopasia.com/gen/masterSheet_3.1.gif) -775px -240px no-repeat;
	width:				30px;
	height:				30px;
	overflow:			hidden;
	}
	
.iconProfileSettingsMO{
	background: 		transparent url(http://i1.jpopasia.com/gen/masterSheet_3.1.gif) -745px -270px no-repeat;
	width:				30px;
	height:				30px;
	overflow:			hidden;
	}
	
.iconProfileSettingsUS{
	background: 		transparent url(http://i1.jpopasia.com/gen/masterSheet_3.1.gif) -775px -270px no-repeat;
	width:				30px;
	height:				30px;
	overflow:			hidden;
	}				
	
.iconProfileMallMO{
	background: 		transparent url(http://i1.jpopasia.com/gen/masterSheet_3.1.gif) -745px -300px no-repeat;
	width:				30px;
	height:				30px;
	overflow:			hidden;
	}
	
.iconProfileMallUS{
	background: 		transparent url(http://i1.jpopasia.com/gen/masterSheet_3.1.gif) -775px -300px no-repeat;
	width:				30px;
	height:				30px;
	overflow:			hidden;
	}
	
.iconProfileUpgradeMO{
	background: 		transparent url(http://i1.jpopasia.com/gen/masterSheet_3.1.gif) -745px -360px no-repeat;
	width:				30px;
	height:				30px;
	overflow:			hidden;
	}
	
.iconProfileUpgradeUS{
	background: 		transparent url(http://i1.jpopasia.com/gen/masterSheet_3.1.gif) -775px -360px no-repeat;
	width:				30px;
	height:				30px;
	overflow:			hidden;
	}			
	
/* Unread msg tag */
	
#unread-tag {
	background: 		url(http://i1.jpopasia.com/gen/unread-tag.gif) no-repeat bottom left;
	position: 			absolute;
	top: 				0;
	left: 				0;
	width: 				141px;
	height: 			65px; /* Set height of tag */
	z-index: 			10;
	text-indent: 		-9999px;
	}
	
#unread-tag a {
	display: 			block;
	width: 				141px;
	height: 			65px;
	}
	
#chat-tag {
	background: 		url(http://i1.jpopasia.com/gen/chat-tag.gif) no-repeat bottom left;
	position: 			absolute;
	top: 				0;
	left: 				0;
	width: 				141px;
	height: 			65px; /* Set height of tag */
	z-index: 			10;
	text-indent: 		-9999px;
	}
	
#chat-tag a {
	display: 			block;
	width: 				141px;
	height: 			65px;
	}	
	
/* Unread msg tag  */


/* Header Variables */



#globalSearchForm {
	float: 				left;
 	display: 			inline;
  	position: 			relative;
  	top: 				-3px;
  	vertical-align:		top;
	}

#globalSearchForm * {
	margin: 			0;
	padding: 			0;
	vertical-align:		top;
	}

#globalSearchForm input.sbox {
  	background: 		url(http://i1.jpopasia.com/gen/search.gif) center left no-repeat #FFF;
	height: 			13px;
	width: 				210px;
	padding: 			1px 4px 2px 16px;
	margin: 			4px 0 0 10px;
	font-size: 			11px;
	float: 				center;
	border: 			solid 1px #ccc;
	}
	
#globalSearchForm input.moreBox {
  	background: 		url(http://i1.jpopasia.com/gen/search.gif) center left no-repeat #FFF;
	height: 			13px;
	width: 				250px;
	padding: 			1px 4px 2px 16px;
	margin: 			4px;
	font-size: 			11px;
	float: 				center;
	border: 			solid 1px #ccc;
	}
	

.searchLoading {
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			11px;
	color:				#FFFFFF;
	text-align:			center;
	}

.mailBox {
  	background: 		url(http://i1.jpopasia.com/gen/mailBox.gif) center left no-repeat #FFF;
	height: 			28px;
	width: 				30px;
	font-size: 			11px;
	text-align:			right;
	font-weight:		bold;
	vertical-align: 	top;
	}

.roadH {
  	background: 		url(http://i1.jpopasia.com/gen/roadH.gif) center left repeat #FFF;
	height: 			20px;
	width: 				20px;
	}
	
.roadV {
  	background: 		url(http://i1.jpopasia.com/gen/roadV.gif) center left repeat #FFF;
	height: 			20px;
	width: 				20px;
	}


/* Global Search */
.wrapperGlobalSearch {
	width: 230px;
	margin-right: 135px;
	right: 50%;
	top: 84px;
	position: absolute;
}

#globalSearch{ 
	position: relative; 
	float: left; 
	width: 230px; 
	display: none; 
	z-index: 9999; 
}

#globalSearch div.loadingElement {
	background: url(http://i1.jpopasia.com/gen/spinner-s.gif) left top no-repeat;
	position: absolute; 
	right: 36px; 
	top: 28px;
	height: 11px;
	width: 11px;
	display: none;
}

#searchresults {
	border: 1px solid #898989;  
	width: 230px; 
	background-color: #898989; 
	font-size: 10px; 
	line-height: 14px; 
}

#searchresults a {
	display: block; 
	background-color: #fff; 
	clear: left; 
	height: 30px;
	padding: 2px 10px;
	text-align: left;
}

#searchresults a:hover {
	background-color: #eaeaea; 
	color: #fd5300; 
}

#searchresults a img {
	float: left; 
	padding: 5px 10px 5px 0;
	height: 20px;
	width: 20px;
}

#searchresults a span.searchheading {
	display: block; 
	font-weight: bold; 
	padding-top: 5px; 
	color: #545454;
}

#searchresults a:hover span.searchheading {
	color: #fd5300; 
}

#searchresults a span {
	color: #555;
}

#searchresults span.category {
	font-size: 11px; 
	margin: 5px 10px; 
	display: block; 
	color: #fff;
	font-weight: bold; 
}

#searchresults span.searchSeperator {
	float: left; 
}

#searchresults span.searchSeperator a {
	background-color: transparent; 
	display: block; 
	margin: 5px 5px 5px 0; 
	height: auto; 
	color: #fff; 
}

.clear {
	clear: both;
}

/* Edit in place */

.editable {
	border: 1px solid #ccc;
	padding: 3px;
	font-size: 12px;
	color: #444;
	margin: 2px 0;
}

.editableButton {
	width: 70px;
	padding: 4px 5px 4px 0;
	border: 1px solid #ccc;
	background-color: #eaeaea;
	color: #333;
	margin: 0 10px 10px 0;
}


/* IE 6 header fix */

em, q {
	font-weight: 		bold;
	font-style: 		normal;
	}

code { font-family: 	monospace; }

a img { border: 		0; }

	
/* The header */	
	
div#header {
	height: 			220px;
	width: 				750px;
	margin: 			0 auto;
	position: 			relative;
	}
	
/* The navbar/tabs */

ul#tabNavigationLoggedIn {
	height: 			28px;
	width: 				900px;
	text-align: 		center;
	list-style: 		none;
	margin: 			0 auto 0 auto;
	clear: 				both;
	}
	
#tabNavigationLoggedIn li {
	float: 				left;
	list-style: 		none;
	margin: 			0;
	height: 			28px;
	}	
	
ul#tabNavigation {
	height: 			28px;
	width: 				780px;
	text-align: 		center;
	list-style: 		none;
	margin: 			0 auto 0 auto;
	clear: 				both;
	}
	
#tabNavigation li {
	float: 				left;
	list-style: 		none;
	margin: 			0;
	height: 			28px;
	}		

ul#navbar {
	height: 			99px; /* Set height position of tabs */
	width: 				750px;
	text-align: 		center;
	list-style: 		none;
	margin: 			0 auto 0 auto;
	clear: 				both;
	}
	
#navbar li {
	float: 				left;
	height: 			98px;
	width: 				250px;
	}

/* content Tabs */

.contentTab {
	padding:			3px;
	border-right:		1px solid #898989;
	}

.contentRight {
	padding:			3px;
	}

/* content */

#content {
	width: 				962px;
	margin: 			0 auto;	
	border-top: 		1px solid #fff;
	background: 		#ffffff;
	overflow: 			hidden;
	text-align: 		left;
	font-family: 		"HelveticaNeue", Helvetica, Arial, sans-serif;
	font-size:          14px;
	}

ul#orderSections {
	width: 				962px;
	list-style: 		none;
	margin: 			0;
	clear: 				both;
	}
	
#orderSections li {
	float: 				left;
	list-style: 		none;
	margin: 			0;
	}

/* Image with shadows (covers and avatars) */

.img-container {
	background: 		#FAFAFA url(http://i1.jpopasia.com/gen/masterSheet_3.1.gif) -378px -108px no-repeat;
	padding: 			0px;
	width:				86px;
	height:				78px;
	margin: 			6px;
	background-repeat: 	no-repeat;
	}
	
.img-container60 {
	background: 		#FAFAFA url(http://i1.jpopasia.com/gen/masterSheet_3.1.gif) -378px -43px no-repeat;
	padding: 			0px;
	width:				65px;
	height:				65px;
	background-repeat: 	no-repeat;
	}

.img-container40 {
	background: 		#FAFAFA url(http://i1.jpopasia.com/gen/masterSheet_3.1.gif) -378px 0 no-repeat;
	padding: 			0px;
	width:				43px;
	height:				43px;
	background-repeat: 	no-repeat;
	}		

/* Floating images */
	
.leftImg img {
	float: 				left;
	margin-right: 		20px;
	margin-bottom: 		20px;
	}

.rightImg img {
	float: 				right;
	margin-left: 		20px;
	margin-bottom: 		10px;
	}	
	
.rightImgBorder img {
	float: 				right;
	margin-left: 		20px;
	margin-bottom: 		10px;
	border:				1px solid #868686;
	}	
	
/* Highlight image */
	
.highlight img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);
-moz-opacity: 0.2;
}

.highlight:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}	
	
/* Grey stats bar */
	
.statsBarGrey {
	background: 		url(http://i1.jpopasia.com/gen/statBarGrey.gif) top left repeat-x #fafafa;
	color:				#FFFFFF;
	width:				30px;
	font-weight:		bold;
	font-size:			15px;
	}
	
/* Dot dividers */
.orangeHorizontalDivider {
	background-image: url(http://i1.jpopasia.com/gen/orangeDiv.gif);
	background-repeat: repeat-x;
	background-position: center;
}
.OrangeVerticalDivider {
	background-image: url(http://i1.jpopasia.com/gen/orangeDiv.gif);
	background-repeat: repeat-y;
	background-position: center;
}
.blueHorizontalDivider {
	background-image: url(http://i1.jpopasia.com/gen/blueDiv.gif);
	background-repeat: repeat-x;
	background-position: center;
}
.blueVerticalDivider {
	background-image: url(http://i1.jpopasia.com/gen/blueDiv.gif);
	background-repeat: repeat-y;
	background-position: center;
}
.dotHorizontalDivider {
	background-image: url(http://i1.jpopasia.com/gen/dotHorizontal.gif);
	background-repeat: repeat-x;
	background-position: center;	
}

/* border buttons on mouseover */
ul#optionBar {
	width: 				770px;
	list-style: 		none;
	margin: 			0;
	clear: 				both;
	}
	
#optionBar li {
	float: 				right;
	list-style: 		none;
	margin: 			0;
	}
	
ul#optionBar4Items {
	width: 				857px;
	list-style: 		none;
	margin: 			0;
	clear: 				both;
	}
	
#optionBar4Items li {
	float: 				right;
	list-style: 		none;
	margin: 			0 0 20px 0;
	font-size: 			14px;
	line-height: 		22px;
	}
	
ul#optionBar2Items {
	width: 				670px;
	list-style: 		none;
	margin: 			0;
	clear: 				both;
	}
	
#optionBar2Items li {
	float: 				right;
	list-style: 		none;
	margin: 			0 0 20px 0;
	font-size: 			14px;
	line-height: 		22px;
	}
	
ul#optionBar2Items750 {
	width: 				550px;
	list-style: 		none;
	margin: 			0 0 20px 0;
	font-size: 			14px;
	line-height: 		22px;
	clear: 				both;
	}
	
#optionBar2Items750 li {
	float: 				right;
	list-style: 		none;
	margin: 			0;
	font-size: 14px;
	}			

.optionBarGreyS{
	border-right:		1px solid #FFFFFF;
	font-weight: 		bold;
	padding-top:		3px;
	padding-bottom:		3px;
	width:				190px;
	text-align:			center;
	background-color:	#7e8797;
	color:              #FFFFFF;
	font-family:        Arial, Helvetica, sans-serif;
	font-size:          12px;
	cursor:				pointer;
	}

.optionBarGreyUS{
	border-right:		1px solid #FFFFFF;
	font-weight: 		bold;
	padding-top:		3px;
	padding-bottom:		3px;
	width:				190px;
	text-align:			center;
	background-color:	#656d7d;
	color:              #FFFFFF;
	font-family:        Arial, Helvetica, sans-serif;
	font-size:         	12px;
	cursor:				pointer;
	}
	
.optionBarGreyLeftS{
	border-right:		1px solid #FFFFFF;
	background: 		transparent url(http://i1.jpopasia.com/gen/optionBarOptionLeft.gif) 0 0 no-repeat;
	font-weight: 		bold;
	padding-top:		3px;
	padding-bottom:		3px;
	width:				190px;
	text-align:			center;
	color:              #FFFFFF;
	font-family:        Arial, Helvetica, sans-serif;
	font-size:         	12px;
	cursor:				pointer;
	}	
	
.optionBarGreyLeftUS{
	border-right:		1px solid #FFFFFF;
	background: 		transparent url(http://i1.jpopasia.com/gen/optionBarOptionLeft.gif) -190px 0 no-repeat;
	font-weight: 		bold;
	padding-top:		3px;
	padding-bottom:		3px;
	width:				190px;
	text-align:			center;
	color:              #FFFFFF;
	font-family:        Arial, Helvetica, sans-serif;
	font-size:         	12px;
	cursor:				pointer;
	}
	
.optionBarGreyRightS{
	background: 		transparent url(http://i1.jpopasia.com/gen/optionBarOptionRight.gif) -190px 0 no-repeat;
	font-weight: 		bold;
	padding-top:		3px;
	padding-bottom:		3px;
	width:				190px;
	text-align:			center;
	color:              #FFFFFF;
	font-family:        Arial, Helvetica, sans-serif;
	font-size:         	12px;
	cursor:				pointer;
	}
	
.optionBarGreyRightUS{
	background: 		transparent url(http://i1.jpopasia.com/gen/optionBarOptionRight.gif) 0 0 no-repeat;
	font-weight: 		bold;
	padding-top:		3px;
	padding-bottom:		3px;
	width:				190px;
	text-align:			center;
	color:              #FFFFFF;
	font-family:        Arial, Helvetica, sans-serif;
	font-size:         	12px;
	cursor:				pointer;
	}

/* content vars for <td> */
	
.contentTd {
	padding-left:       5px;
	padding-right:      5px;
	color:              #545454;
	vertical-align:		middle;
	}

.contentTdLine {
	background-color:	#fafafa;
	padding:       		5px;
	height:				40px;
	vertical-align:		middle;
	border-bottom:		1px solid #e4e3e3;
	}

.contentTdLineNoHeight {
	background-color:	#fafafa;
	padding:       		5px;
	vertical-align:		middle;
	border-bottom:		1px solid #e4e3e3;
	}
	
.contentTdLineNoStyle {
	padding:       		5px;
	vertical-align:		middle;
	border-bottom:		1px solid #e4e3e3;
	}	

.contentCount {
	color:              #213B6F;
	padding-left:       5px;
	padding-right:      5px;
	width:				15px;
	text-align:			center;
	font-weight:        bold;
	}

.contentCountLine {
	color:              #213B6F;
	padding:       		5px;
	background-color:	#fafafa;
	width:				15px;
	text-align:			center;
	font-weight:        bold;
	border-bottom:		1px solid #e4e3e3;
	}
	
.contentCountLineSmall {
	color:              #213B6F;
	padding:       		5px;
	background-color:	#fafafa;
	text-align:			center;
	font-weight:        bold;
	border-bottom:		1px solid #e4e3e3;
	}
	
.sectionExplain {
	padding-left:       5px;
	color:              #545454;
	vertical-align:		top;
	}	
	
.contentTdYearRel {
	padding-left:       5px;
	text-align:			center;
	color:              #FFFFFF;
	background-color:   #6883AA;
	vertical-align:		top;
	border-top: 		1px solid #364C71; 
	border-bottom: 		1px solid #364C71
	}

.contentPlayCommentHdr {
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			11px;
	border:				1px solid #868686;
	background-color: 	#e4e3e3;
	padding:			3px;
	font-weight:		bold;
	}

.contentTdNoLine {
	background-color:	#fafafa;
	padding:       		5px;
	height:				40px;
	vertical-align:		middle;
	}

.contentTdNoLineSelected {
	background-color:	#bee0fb;
	padding:       		5px;
	height:				40px;
	vertical-align:		middle;
	}	
	
.contentCountNoLineSmall {
	color:              #213B6F;
	padding:       		5px;
	background-color:	#fafafa;
	text-align:			center;
	font-weight:        bold;
	}
	
/* Form */		
	
.contentForm {
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			15px;
	font-weight:		bold;
	padding:      		10px;
	margin:				10px;
	color:              #545454;
	vertical-align:		top;
	}	

.register-input {
	color:              #545454;
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			16px;
	min-height: 		25px;
	width: 				20em;
	border: 			1px solid #c0c0c0;
	padding:			3px;
}	

.inputForm {
	color:              #545454;
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			12px;
	min-height: 		18px;
	border: 			1px solid #c0c0c0;
	padding:			3px;
}	
	
/* DropInfo */	
	
#dropBegin,#dropMore,#dropBegin2,#dropMore2,#dropBegin3,#dropMore3 {
	display:inline;
	}

#dropRemain,#dropLess,#dropRemain2,#dropLess2,#dropRemain3,#dropLess3 {
	display:none;
	}
	
/* Tooltip */
#dhtmltooltip{
	color:              #545454;
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			12px;
	position: 			absolute;
	width: 				215px;
	height: 			52px;
	border:				1px solid #898989;
	padding: 			2px;
	background-color:	#FFFFFF;
	visibility: 		hidden;
	z-index: 			100;
	text-align:			left;
	}
	
/* Gallery */

.contentThumbs {
	color:              #000000;
	background-color:   #FFFFFF;
	padding:			3px;
	height:				100px;
	width:				100px;
	border:				1px solid #898989;
	}
	
/* Profiles */

.iconActions {
	font-size: 			13px;
	padding:			0 0 2px 0; /* top, right, bottom, left */
	vertical-align:		center;
	}	

/* Forum */
	
.forumLeftBar{
	padding:			3px;
	width:				165px;
	vertical-align:		top;
	}	
	
.forumLeftBarStats{
	background-color:   #fafafa;
	padding:			3px;
	width:				155px;
	border:				1px solid #898989;
	margin:				4px 4px 4px 0; /* top, right, bottom, left */
}	
	
.forumContent{
	padding-left:       5px;
	background-color:   #FFFFFF;
	padding:			3px;
	vertical-align:		top;
	font-family:        Arial, Helvetica, sans-serif;
	font-size:          12px;
	}	

.forumQuote{
	background: 		url(http://i1.jpopasia.com/gen/forumQuoteBG.gif) bottom right no-repeat #CCCCCC;
	font-size: 			10px;
	color:              #545454;
	background-color:	#fafafa;
	padding:			5px;
	vertical-align:		top;
	border: 			1px solid #898989;
}		
	
.forumSignature{
	padding-left:       5px;
	color:              #868686;
	background-color:   #FFFFFF;
	padding:			3px;
	vertical-align:		bottom;
}

.previewForum {
	border:		 		1px solid #898989;
	font-family: 		Arial, Helvetica, sans-serif;
	color:				#545454;
	font-size: 			13px;
	margin-bottom:		20px;
	}
	
.showOldPostsContainer {
	width: 				100%; 
	background-color: 	#FFFFFF; 
	border-right: 		1px solid #898989; 
	border-left: 		1px solid #898989;
	}
	
.showOldPosts {
	font-family: 		Arial, Helvetica, sans-serif;
	color:				#545454;
	font-size: 			13px;
	}	
	
.showOldPostsBar {
	width: 				713px;
	border-bottom:		1px solid #898989;
	border-top:			1px solid #898989;
	background-color: 	#ccc;
	padding: 			5px 0 5px 0; /* top, right, bottom, left */
	margin-bottom: 		0px;
	color: 				#545454;
	font-weight: 		bold;
	}	

#toolbar img {
	float: 				center;
	margin-right: 		4px;
}
#toolbar img.hand {
	border: 			1px solid #898989;
}
#toolbar div {
	clear: 				both;
}

.editPostTxt {
	margin-top: 4px;
	width: 500px; 
	height:500px; 
	padding: 10px;
}

.newPostTxt {
	width: 665px; 
	padding: 10px;
}
	
/* NavBar (Forum) */	
	
.navBarTop {
	font-family: 		Arial, Helvetica, sans-serif;
	color:				#545454;
	font-size: 			11px;
	margin:				10px 0 0 0; /* top, right, bottom, left */
	}	

.navBarBottom {
	font-family: 		Arial, Helvetica, sans-serif;
	color:				#545454;
	font-size: 			11px;
	margin:				0 0 20px 0; /* top, right, bottom, left */
	}	
	
.navBarBG {
	background: 		#ffffff url(http://i1.jpopasia.com/gen/navBarBG.gif) repeat-x top left;
	height:				20px;
	margin-bottom:		10px;
	padding:			0 8px 0 8px; /* top, right, bottom, left */
	}
	
.navBarNext {
	background: 		#ffffff url(http://i1.jpopasia.com/gen/navBarNext.gif) no-repeat top left;
	height:				20px;
	width:				25px;
	}
	
.navBarRightEnd {
	background: 		#ffffff url(http://i1.jpopasia.com/gen/navBarRightEnd.gif) no-repeat top left;
	height:				20px;
	width:				9px;
	}
	
.navBarLeftEnd {
	background: 		#ffffff url(http://i1.jpopasia.com/gen/navBarLeftEnd.gif) no-repeat top left;
	height:				20px;
	width:				9px;
	}					
	
/* Pagination */

.pagination {
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			11px;
	border: 			1px solid #666d7e;
	padding:			2px 2px 2px 4px;
	margin:				1px;
	background-color:	#FFFFFF;
	text-align:			center;
	font-weight:		bold;
	cursor:				pointer;
}

.paginationGrey {
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			11px;
	border: 			1px solid #898989;
	padding:			2px 2px 2px 4px; /* top, right, bottom, left */
	margin:				1px;			
	text-align:			center;
	font-weight:		bold;
	cursor:				pointer;
}

.paginationSelected {
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			11px;
	border: 			1px solid #666d7e;
	background-color:	#666d7e;
	padding:			2px 2px 2px 4px; /* top, right, bottom, left */
	margin:				1px;
	text-align:			center;
	font-weight:		bold;
}

.paginationMO {
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			11px;
	border: 			1px solid #666d7e;
	padding:			2px 2px 2px 4px; /* top, right, bottom, left */
	margin:				1px;
	background-color:	#c4c4c4;
	text-align:			center;
	font-weight:		bold;
	cursor:				pointer;
}

/* Pagination */

/*.pagination {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 5px;
	float: right;
	font-weight: bold;
}

.pagination ul {
	list-style: none;
}

.pagination ul li {
	margin: 2px;
	float: left;
	border: 1px solid #666d7e;
	text-align: center;
}

.pagination ul li span {
	display: block;
	text-align: left;
	padding: 1px 6px;
}

.pagination ul li a {
	color: #666d7e;
}

.pagination ul li a:hover {
	color: #fd5300;
}

.pagination ul li.undefined {
	background-color: #f1f1f1;
	color: #848484;
}

.pagination ul li.selected {
	font-weight: bold;
	background-color: #666d7e;
	color: #fff;
}

*/

/* AutoCompleter */

div.autocomplete {
	position:			absolute;
	width:				210px;
	background-color:	white;
	border:				1px solid #888;
	margin:				0px;
	padding:			0px;
	text-align: 		left;
	z-index: 1000;
	}

.showSearchList {
	vertical-align:		middle;
	padding:			3px
	border:				solid 1px #868686;
	z-index: 			1000;
	}

.showSearchListType {
	text-align:			left;
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			12px;
	width:				232px;
	height:				33px;
	background-color:	#868686;
	color:				#FFFFFF;
	vertical-align:		middle;
	}

#globalSearchForm ul {
	list-style-type:	none;
	margin:				0px;
	padding:			0px;
	}
	
#globalSearchForm ul li.selected { background-color: #fafafa;}
#globalSearchForm ul li {
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			11px;
	width:				232px;
	list-style-type:	none;
	display:			block;
	margin:				0;
	height:				33px;
	cursor:				pointer;
	}

/* Bin */

.binUS{
	background: 		transparent url(http://i1.jpopasia.com/gen/bin.gif) 0 0 no-repeat;
	width:				9px;
	height:				16px;
	cursor:				pointer;
	}	
	
.binS{
	background: 		transparent url(http://i1.jpopasia.com/gen/bin.gif) 0 -16px no-repeat;
	width:				9px;
	height:				16px;
	cursor:				pointer;
	}	
	
	
/* Drag */

#root {
	position:			relative;
}
#handle {
}	

/* Countdown timer */
#countDown {
	border:				none;
	font-family:        Arial, Helvetica, sans-serif;
	font-size:			16pt;
	font-weight:		bold;
	background-color:	#fafafa;
	color:              #545454;
}

/* Polls */
#poll dl {
	margin: 0 3px;
}
#poll dl dt {
	float: left;
	clear: both;
	padding: 3px 0;
}
#poll dl dd {
	padding: 3px 0;
	margin: 0;
	text-align: right;
}
#poll dl dd div {
	height: 5px;
	overflow: hidden;
	clear: both; /* IE :r */
}

#poll .barGreen {
	border: 1px solid #599500;
	background-color: #83ce00;
	height: 5px;
}
#poll .barGray {
	border: 1px solid #9a9a9a;
	background-color: #bababa;
	height: 5px;
}


/* ---------------------------------------------| [Footer]               |--------------------------------------------- */

div#JPAfooter {
	clear: both;
	font-size: 11px;
	color: #FFF;
	background-image: url(http://i1.jpopasia.com/gen/footerBG.gif);
	background-position: left top;
	background-repeat: repeat-x;
	text-align: left;
	position: relative;
	padding: 20px 15px;
	line-height: 1.2;
	overflow: hidden;
	background-color: #7e8797;
}

.containerFooter {
	height: 			200px;
	width: 				960px;
	text-align: 		left;
	list-style: 		none;
	margin: 			0 auto 0 auto;
	clear: 				both;
	}
	
.containerFooterLoggedIn {
	height: 			170px;
	width: 				960px;
	text-align: 		left;
	list-style: 		none;
	margin: 			0 auto 0 auto;
	clear: 				both;
	}	

div#JPAfooter a {
  color: #FFF;
  text-decoration: none;
}

div#JPAfooter a:hover {
  text-decoration: underline;
  background-color: transparent;
}

div#JPAfooter div#footerMessage {
  font-size: 13px;
  padding: 0 0 5px 0;
  border-bottom: solid 1px #BBB;
  margin: 0 0 20px 0;
  width: 960px;
}

div#JPAfooter div#footerMessage h3 {
  margin: 0 0 0.6em 0;
  font-size: 13px;
  color: #FFF;
}

div#JPAfooter div#footerMessage p {
  margin: 0;
  line-height: 1.4em;
}

div#JPAfooter div#footerMessage p a {
  text-decoration: underline;
}

div#JPAfooter ul#footerLinks {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

div#JPAfooter ul#footerLinks * {
  margin: 0;
  padding: 0;
}

div#JPAfooter ul#footerLinks li {
  float: left;
  display: inline;
  margin-left: 70px;
  padding-left: 1px;
}

div#JPAfooter ul#footerLinks li.first {
  margin-left: 0;
}

div#JPAfooter ul#footerLinks dt {
  font-weight: bold;
  margin-bottom: 0.6em;
}

div#JPAfooter ul#footerLinks dd {
  margin-bottom: 0.4em;
}

div#JPAfooter div#footerLogos {
  color: #DFDFDF;
  padding-left: 15px;
  margin-left: -15px;
  padding-bottom: 5px;
  float: left;
  position: absolute;
  margin-top: 180px;
}

div#LastWebsite div#JPAfooter div.withExcite p#slogan {
  display: block;
  position: static;
  margin: 1em 0;
}

.containerFooterEnd {
	width: 				960px;
	height: 			5px;
	text-align: 		left;
	list-style: 		none;
	margin: 			0 auto 0 auto;
	clear: 				both;
	}
	

div#footerEnd {
	color: #DFDFDF;
  padding-left: 15px;
  margin-left: -15px;
  padding-bottom: 4px;
  float: left;
  position: absolute;
}
	

div#JPAfooter div#footerEnd a {
  color: #DFDFDF;
}	

div#JPAfooter div#footerEnd p#slogan {
  font-family: Georgia, serif;
  font-style: italic;
  margin-left: 1.4em;
  position: relative;
  top: -2px;
  display: inline;
}

div#JPAfooter div#footerEnd a#excitelinkelement {
  position: relative;
  top: 6px;
}

div#JPAfooter div#footerEnd p {
  margin: 0.4em 0 0 0;
}

div#JPAfooter div#footerEnd span {
  padding-left: 0.4em;
  border-left: solid 1px #A0A0A0;
}
	
/* IE 6 */
div#JPAfooter {
	height: 1%;
	overflow: visible;
}	
	
/* ---------------------------------------------| [Ratings]              |--------------------------------------------- */
.rateStars {
	margin: auto; padding: 0;
	width: 100px;
	_width: 101px;
}

.star,
.starRated,
.starRated_half,
.starRated_self {
	margin: 1px; padding: 0;
	width: 18px; height: 18px;
	display: block;
	float: left;
	border: 0;
	background: transparent url(http://i1.jpopasia.com/gen/ratingStars.gif) no-repeat 0px 0px;
}
.starRated {
	background: transparent url(http://i1.jpopasia.com/gen/ratingStars.gif) no-repeat 0px -18px;
}
.starRated_half {
	background: transparent url(http://i1.jpopasia.com/gen/ratingStars.gif) no-repeat 0px -72px;
}

.star:hover,
.starRated:hover,
.starRated_half:hover,
.starRated_self:hover {
	background: transparent url(http://i1.jpopasia.com/gen/ratingStars.gif) no-repeat 0px -36px;
}
.starRated_self,
.star:active,
.starRated:active,
.starRated_half:active,
.starRated_self:active { 
	background: transparent url(http://i1.jpopasia.com/gen/ratingStars.gif) no-repeat 0px -54px;
}

/* -----------------------------------------------------------------------------------------------------------------------
Scroll
----------------------------------------------------------------------------------------------------------------------- */

/*REQUIRED CSS*/
div.scwd1{
  border: 1px solid #CCCCCC;
  overflow: hidden;
  position: relative;
}
div.scwd2{
  position: absolute;
}
div.scwd3{
  padding: 4px;
  height: auto;
  visibility: visible;
}
div.scwscrollcontrol{
  text-align: center;
	margin-bottom: 10px;
}
div.scwpagecontrol{
  text-align: center;
  margin-bottom: 10px;
}
div.scwplaycontrol{
  text-align: center;
  margin-bottom: 10px;
}
.scwbuttons{
  text-decoration: none;
  margin-bottom: 10px;
}
/*custom css()*/
div#scw4play{
  text-align: left;
}
div#scw3content{
  text-align: left;
}

/* -----------------------------------------------------------------------------------------------------------------------
CMS - PRETTYTABLE
----------------------------------------------------------------------------------------------------------------------- */
form.configSet {
	font-family: 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #333;
}

form.configSet table td {
	vertical-align: top;
	color: #444;
}

form.configSet input,
form .prettyTextArea {
	width: 200px;
	padding: 5px;
	border: 1px solid #afafaf;
	color: #333;
	margin: 0 10px 10px 0;
}

form.configSet input.checkbox {
	width: 15px;
}

form.configSet input.smallText {
	width: 50px;
}

form.configSet input.mediumText {
	width: 100px;
}

form.prettyTable input.mediumLongText {
	width: 175px;
}

form.configSet input.longText {
	width: 250px;
}

form.configSet select {
	margin: 3px 0;
	width: 200px;
}

form.configSet option {
	padding: 3px;
}

form .prettyTextArea {
	width: 500px;
	height: 300px;
}

form.configSet .edited {
	border: 1px solid #ff0000;
	background-color: #ffb9b9;
}

form.configSet .saved {
	border: 1px solid #008917;
	background-color: #a6ffb5;
}

form.configSet label {
	display: block;
}

li .dragHandle {
	cursor: move;
}

/* -----------------------------------------------------------------------------------------------------------------------
Lightbox
----------------------------------------------------------------------------------------------------------------------- */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../../gen/spacer.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../../i1/gen/prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../../i1/gen/next.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	
/* -----------------------------------------------------------------------------------------------------------------------
Thickbox
----------------------------------------------------------------------------------------------------------------------- */	
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.50;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#545454;
	display:none;
	border: 4px solid #535d71;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
	font-weight: bold;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}





/* -------------------------------------------------------------------
// markItUp!
// By Jay Salvat - http://markitup.jaysalvat.com/
// ------------------------------------------------------------------*/
.markItUp .markItUpButton1 a	{
	background-image:url(http://i1.jpopasia.com/bbcode/bold.png);
}
.markItUp .markItUpButton2 a	{
	background-image:url(http://i1.jpopasia.com/bbcode/italic.png);
}
.markItUp .markItUpButton3 a	{
	background-image:url(http://i1.jpopasia.com/bbcode/underline.png);
}

.markItUp .markItUpButton4 a	{
	background-image:url(http://i1.jpopasia.com/bbcode/picture.png);
}
.markItUp .markItUpButton5 a	{
	background-image:url(http://i1.jpopasia.com/bbcode/link.png);
}

.markItUp .markItUpButton6 a {
	background-image:url(http://i1.jpopasia.com/bbcode/colors.png);
}
	.markItUp .markItUpButton6 ul {
		width:81px;
		padding:1px;	
	}
	.markItUp .markItUpButton6  li {
		border:1px solid white;
		width:25px;	height:25px;
		overflow:hidden;
		padding:0px; margin:0px;
		float:left;
	}
	.markItUp .markItUpButton6 ul a {
		width:25px;	height:25px;
	}
	.markItUp .markItUpButton6 ul a:hover {
		background-color:none;
	}
	
	.markItUp .markItUpButton6 .col1-1 a {
		background:yellow;
	}
	.markItUp .markItUpButton6 .col1-2 a {
		background:orange;
	}
	.markItUp .markItUpButton6 .col1-3 a {
		background:red;
	}
	
	.markItUp .markItUpButton6 .col2-1 a {
		background:blue;
	}
	.markItUp .markItUpButton6 .col2-2 a {
		background:purple;
	}
	.markItUp .markItUpButton6 .col2-3 a {
		background:green;
	}
	
	.markItUp .markItUpButton6 .col3-1 a {
		background:white;
	}
	.markItUp .markItUpButton6 .col3-2 a {
		background:gray;
	}
	.markItUp .markItUpButton6 .col3-3 a {
		background:black;
	}
	
.markItUp .markItUpButton7 a	{
	background-image:url(http://i1.jpopasia.com/bbcode/fonts.png);
}
.markItUp .markItUpButton8 a	{
	background-image:url(http://i1.jpopasia.com/bbcode/list-bullet.png);
}
.markItUp .markItUpButton9 a	{
	background-image:url(http://i1.jpopasia.com/bbcode/list-numeric.png);
}
.markItUp .markItUpButton10 a	{
	background-image:url(http://i1.jpopasia.com/bbcode/list-item.png);
}

.markItUp .markItUpButton11 a	{
	background-image:url(http://i1.jpopasia.com/bbcode/quotes.png);
}
.markItUp .markItUpButton12 a	{
	background-image:url(http://i1.jpopasia.com/bbcode/code.png);
}
	
.markItUp .markItUpButton13 a	{
	background-image:url(http://i1.jpopasia.com/bbcode/clean.png);
}
.markItUp .preview a {
	background-image:url(http://i1.jpopasia.com/bbcode/preview.png);
}

/* -------------------------------------------------------------------
// 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:680px;
	margin:5px 0 5px 0;
	border:5px solid #F5F5F5;	
}
.markItUpContainer  {
	border:1px solid #898989;	
	background:#FFF url(images/bg-container.png) repeat-x top left;
	padding:5px 5px 2px 5px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}
.markItUpEditor {
	font:12px "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	color: #545454;
	padding:5px;
	border:3px solid #898989;
	width:652px;
	height:320px;
	background-image:url(images/bg-editor.png);
	background-repeat:no-repeat;
	clear:both; display:block;
	line-height:18px;
	overflow:auto;
}
.markItUpPreviewFrame	{
	overflow:auto;
	background-color:#FFFFFF;
	border:1px solid #898989;
	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(images/handle.png);
	cursor:n-resize;
}
/***************************************************************************************/
/* 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(images/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 #898989;
	height:inherit;
}
.markItUpHeader ul ul li {
	float:none;
	border-bottom:1px solid #898989;
}
.markItUpHeader ul ul .markItUpDropMenu {
	background:#F5F5F5 url(images/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:#898989;
}
/***************************************************************************************/
.html .markItUpEditor {
	background-image:url(images/bg-editor-html.png);
}
.markdown .markItUpEditor {
	background-image:url(images/bg-editor-markdown.png);
}
.textile .markItUpEditor {
	background-image:url(images/bg-editor-textile.png);
}
.bbcode .markItUpEditor {
	background-image:url(images/bg-editor-bbcode.png);
}
.wiki .markItUpEditor,
.dotclear .markItUpEditor {
	background-image:url(images/bg-editor-wiki.png);
}