@charset "utf-8";

.hidden { display:none; }

.right { float:right; }
.left { float:left; }
.notext { font-size:0 !important; line-height:0 !important; }

#nobookmark { font-size:16px; text-align:center; margin:30px auto; }
#no-userlist { font-size:16px; text-align:center; margin:30px auto; }
.icon-alert { vertical-align:text-bottom; margin-right:5px; }
#main-container { text-align:left; }

/*** icons ***/
.icons { background:url("/images/mylist/global_icons.png") no-repeat; width:20px; height:20px; display:block; position:relative; top:-4px; }
.footprintIcon { background-position:0 -20px; float:left; margin-right:10px; }
.onlineIcon { background-position:0 -40px; float:left; margin-right:10px; }
.inboxIcon { background-position:0 -60px; float:left; margin-right:10px; }
.introIcon { background-position:0 -80px; float:left; margin-right:5px; }
.bmIcon { background-position:0 -100px; float:left; margin-right:5px; }
.reviewIcon { background-position:0 -120px; float:left; margin-right:5px; }
.surveyIcon { background-position:0 -140px; float:left; margin-right:5px; }
.helpIcon { background-position:0 -160px; float:left; margin-right:5px; }

/*** layout ***/
.content {
/***
	border-left:1px solid #d1d1d1;
	border-right:1px solid #d1d1d1;
***/
	padding:10px 20px;
	position:relative;
}

.block-title, .block-subtitle {
    color: #5c5c5c;
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
		display:inline;
}
.block-subtitle { font-weight:normal; }

.panelTop, a.panelTop:hover, .panelTop-review {
	background-image:url(/images/mylist/section_bg.png);
	background-repeat: no-repeat;
	height:33px;
	_height:44px;
	padding:12px 20px 0;
	display:block;
}
.bottom, .bottom-buttoned {
	background-image:url(/images/mylist/section_bg.png);
	background-repeat: no-repeat;
}
.bottom { height:10px; }
.bottom-buttoned { height:45px; }
.panelExpand-wrapper {
	height:45px;
	border-top:1px solid #d1d1d1;
	background: #fff;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#f1f1f1));
	background: -moz-linear-gradient(#ffffff, #f1f1f1);
	background: linear-gradient(#ffffff, #f1f1f1);
	-pie-background: linear-gradient(#ffffff, #f1f1f1);
}
.bottom-review { height:20px; }

.double-col { width:100%; }
.main-col { overflow:hidden; float:left; width:490px; }

.double-block-tight { margin-bottom:5px; overflow:hidden; }
.double-block { overflow:hidden; }
.center-block { width:470px; margin-bottom:15px; }
.center-block .panelTop { background-position: 0 0; }
.center-block a.panelTop:hover { background-position:0 -120px; text-decoration:underline; }
.center-block .bottom-buttoned  { background-position: 0 -53px; }
.center-block .bottom { background-position: 0 -98px; }

.right-block { width:280px; float:right; margin-bottom:15px; }
.right-block .panelTop { background-position: -470px 0; }
.right-block .bottom-buttoned  { background-position: -470px -53px; }
.right-block .bottom { background-position: -470px -98px; }

.left-block { width:180px; }
.left-block .panelTop { background-position: -750px 0; }
.left-block .bottom-buttoned  { background-position: -750px -53px; }
.left-block .bottom { background-position: -750px -98px; }


/**********************************************/
/************ mylist_global.css ***************/
	#main-container h3 { margin:0; }
	.main-col { overflow:hidden; float:left; width:490px; }
	.panelTitle {
		/*** height:10px; height:_40px; ***/
		background: #fff;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f1f1f1), to(#ffffff));
		background: -moz-linear-gradient(#f1f1f1, #ffffff);
		background: linear-gradient(#f1f1f1, #ffffff);
		-pie-background: linear-gradient(#f1f1f1, #ffffff);
		padding:15px 15px 10px;
		border-bottom:1px solid #ddd;
	}
	.content { border:none; padding:15px; overflow:hidden; }
	.right-block { width:280px; clear:right; }
	.double-block { clear:both; }
	.content-block {
		border:1px solid #ddd;
		border-radius:5px 5px 5px 5px;
		-moz-border-radius:5px 5px 5px 5px;
		-webkit-border-radius:5px 5px 5px 5px;
		margin-bottom:15px; }
	}
/**********************************************/


/*** left navi ***/
#wrapper2 {
	text-align:left; 
	padding:0;
	margin:0 auto;
	clear: both;
	line-height:115%;
}
.blockShell_unicolor {
	border-left:1px solid #b6b6b6; 
	border-right:1px solid #b6b6b6; 
	padding:0px; 
	background-color:#F9F9F9;
}


/* colorbox edit */
#cboxTitle { display: none !important; }
#cboxLoadedContent { margin-bottom:0; }

/* pagination */
.pagination {
	text-align: center;
	margin: 15px auto;
	padding: 0;
	clear: both;
}
.pager {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: right;
}
.pager p {
	text-align:center; 
}
.pager a {
	border:1px solid #999;
	color:#333;
	padding:4px 6px;
	text-decoration: none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eee));
	background:-moz-linear-gradient(100% 100% 90deg, #eee, #fff) repeat scroll 0 0 transparent;
	}
.pager a:hover	{
	background-color:#CCC;
}
.pager .num-current {
	border:1px solid #999;
	background-color: #CCC;
	padding:4px 6px;
	margin:0 1px;
	vertical-align: text-bottom;
	border-radius: 3px;
	-moz-border-radius: 3px;
	text-bottom; border-radius: 3px;
}

/*** buttons ***/
a.btn-lg, a:hover.btn-lg { line-height:1.3em; }
a.btn-lg, a.btn-sm {
	font-size:12px;
	background:url(/images/mylist/mybookmark-global.png) no-repeat;
	display: block;
	height: 13px;
	_height: 23px;
	line-height:1.3em;
	color: #515151;
	text-decoration: none;
	font-weight: bold;
	padding: 5px 0;
	text-align: center;
}
a:visited.btn-lg, a:visited.btn-sm { color: #515151; }
a:hover.btn-lg, a:hover.btn-sm { color: #333; }
a.btn-lg { background-position: 0 -32px; width: 133px; }
a.btn-sm { background-position: -133px -32px; width: 54px; }

/*** buttons ***/
.downBtn { width:20px; height:20px; display:block; outline:0; background: url(/images/mylist/actionBtn.png) 0 0; }
.downBtn:hover { background-position:-20px 0; }
.downBtn:active { background-position:-40px 0; }
.upBtn { width:20px; height:20px; display:block; background: url(/images/mylist/actionBtn.png) 0 -20px; outline:0; }
.upBtn:hover { background-position:-20px -20px; }
.upBtn:active { background-position:-40px -20px; }

.imgBtn-lg { width:90px; height:25px; display:block; outline:0; background: url(/images/mylist/buttons_lg.png); }
.addBM-lg-btn,
.removeBM-lg-btn,
.userlist-lg-btn,
.toMovie-btn,
.toCatalog-btn { margin-right:5px; }
.addBM-lg-btn { background-position: 0 0; }
.addBM-lg-btn:hover { background-position: -90px 0; }
.removeBM-lg-btn { background-position: 0 -25px; }
.removeBM-lg-btn:hover { background-position: -90px -25px; }
.toMovie-btn { background-position: 0 -50px; }
.toMovie-btn:hover { background-position: -90px -50px; }
.toCatalog-btn { background-position: 0 -75px; }
.toCatalog-btn:hover { background-position: -90px -75px; }
.back-btn { background-position: 0 -100px; }
.back-btn:hover { background-position: -90px -100px; }
.forward-btn { background-position: 0 -125px; }
.forward-btn:hover { background-position: -90px -125px; }
.userlist-lg-btn { background-position: 0 -150px; }
.userlist-lg-btn:hover { background-position: -90px -150px; }
.search-btn { background-position: 0 -175px; }
.search-btn:hover { background-position: -60px -175px; }
.addKeyword-btn { background-position: 0 -200px; }
.addKeyword-btn:hover { background-position: -75px -200px; }
.clearSearch-btn { background-position: 0 -225px; }
.clearSearch-btn:hover { background-position: -50px -225px; }


.purchase-btn  { background:url(/images/mylist/purchase_btn.png) 0 0 no-repeat; }
.purchaseAtSite-btn  { background:url(/images/mylist/purchaseAtSite_btn.png) 0 0 no-repeat; }
.purchase-btn,
.purchaseAtSite-btn { width:210px; height:35px; margin: 5px auto 0; display:block; }
.purchase-btn:hover,
.purchaseAtSite-btn:hover { background-position: 0 -35px; }

.imgBtn-sm {
background:url(/images/mylist/buttons.png);
width:72px;
height:20px;
display:block;
text-indent:-9000px;
}
.addBM-sm-btn { background-position:0 0; }
.addBM-sm-btn:hover{ background-position:-72px 0; }
.removeBM-sm-btn { background-position:0 -20px; }
.removeBM-sm-btn:hover{ background-position:-72px -20px; }
.doneBM-sm-btn { background-position:0 -160px; }

/*** tooltip ***/
#profileEdit-main-wrapper .tooltip {display:inline;}
#profileEdit-main-wrapper .tooltip .popup {background:url("/images/mylist/noNick_popup.png") no-repeat scroll 0 0 transparent; top:-5px; _top:0; left:15px; width:105px; _width:145px; height:100px; padding:5px 10px 15px 30px; }


/*********************/
/*** mylist Global ***/
/*********************/
#myList-wrapper { text-align:left; position: relative; margin-bottom:10px; font-size:12px; }
#myList-wrapper a, #myList-edit-content a { text-decoration:none; }
#myList-wrapper a:hover, #myList-edit-content a:hover { text-decoration:underline; }
#myList-wrapper ul, #myList-edit-content ul, .myList-bookmark-navi ul { list-style:none; }

.content-wrapper { margin-bottom:15px; }
.contentTitle-wrapper { color:#888; font-weight:bold; line-height:1; margin-bottom:4px; }
.contentTitle-mainText { font-size:30px; }

#myList-edit-content {
	font-size:12px;
	text-align:left;
	position: relative;
	clear: both;
	background-color: #fff;
	color: #000;
	border-top: none;
	border-bottom: none;
/*	width: 600px;
	_height:320px;
	padding: 10px;
*/
}

/* -------------- review rating ------------------ */
.rate_5_0, .rate_4_5, .rate_4_0, .rate_3_5, .rate_3_0, .rate_2_5, .rate_2_0, .rate_1_5, .rate_1_0, .rate_0_5, .rate_0_0{
	height:17px;
	background:url(../review/mylist_review.png);
	display:block;
	float:left;
}
.rate_5_0{ background-position:0 -63px; }
.rate_4_5{ background-position:0 -84px; }
.rate_4_0{ background-position:0 -105px; }
.rate_3_5{ background-position:0 -125px; }
.rate_3_0{ background-position:0 -146px; }
.rate_2_5{ background-position:0 -166px; }
.rate_2_0{ background-position:0 -185px; }
.rate_1_5{ background-position:0 -205px; }
.rate_1_0{ background-position:0 -225px; }
.rate_0_5{ background-position:0 -244px; }
.rate_0_0{ background-position:0 -263px; }

/*****************/
/*** Left Navi ***/
/*****************/
#mylist-lfNavi-title { background:url(/images/mylist/mybookmark-global.png) no-repeat; background-position: 0 0; }

.pagination a {
	color:#003399;
	background:none repeat scroll 0 0 #E5E5E5;
	border:1px solid #999;
	margin-right:2px;
	padding:3px 6px;
	text-decoration:none;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.pagination .disabled {
	color:#999;
	margin-right:2px;
	padding:3px 6px;
	border:solid 1px #CCC;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.pagination .current {
	color:#F03;
	font-weight:bold;
	margin-right:2px;
	padding:3px 6px;
	border:solid 1px #999;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.pagination a:hover {
	color:#F03;
	background:#EEE;
	border:1px solid #CCC;
}


/*** image loading ***/
#loadingImg { height:320px; _height:320px; overflow:auto; border-bottom:1px solid #ccc; text-align:center; }
#loadingImg img { margin:70px; }

/*** subpage tabs ***/
ul#subpageTab { width:790px; height:46px; background:url(../review/ranking_bg.png) 0 -494px no-repeat; }
ul#subpageTab li { float:left; text-align:center; list-style-type:none; }
ul#subpageTab li a { width:175px; height:46px; font-size:14px; line-height:43px; display:block; background:url(../review/ranking_bg.png) -578px -267px no-repeat; text-decoration:none; }
ul#subpageTab li a:hover,
ul#subpageTab li a.current { background-position: -578px -314px; line-height:40px; }
ul#subpageTab li a.current { font-weight:bold; }