/* CSS Document */


/* dashboard */

#f2 {
	width:625px !important;
}

#dashboard {
padding: 8px;
}

#dashboard h1 {
font-size: 16px;
padding: 0 12px;
}

#wrapperTable {
border-collapse:collapse;
clear:left;
width:100%;
}

#wrapperTable td {
padding: 10px;
vertical-align: top;
}

#dashboard #newsPanelDiv,
#dashboard #inboxPanelDiv,
#dashboard #messagePanelDiv,
#dashboard #composePanelDiv,
#dashboard #friendPanelDiv,
#dashboard #accountPanelDiv {
float:left;/* for fanz */
width:100%;/* for fanz */
background-color: #FFF;
border: 1px solid #bbb;
-webkit-box-shadow: 0px 2px 5px #777;
}

#dashboard #notificationPanelDiv,
#dashboard #friendStatusPanelDiv {
display:inline;
width: 330px;
}

#dashboard .section {
margin: 8px 0 ;
}

#dashboard .section a {
text-decoration: underline;
}

#dashboard .section .body {
padding: 4px;
line-height: 18px;
}

#dashboard #navDiv ul li {
float: left;
display: inline;
padding: 4px 8px;
}

#dashboard .flip {
padding: 12px;
}

.boardHeaderDiv {
position: relative;
padding: 12px;
background-color: #EEE;
color: #222;
}

.boardHeaderDiv.useFlip {
padding: 0 12px;
height: 41px;
}

.boardHeaderDiv h2 {
float:left;
display:inline;
width: 220px;
font-size:14px;
}

.boardHeaderDiv .flipDiv {
position: absolute;
left: 8px;
bottom: 0;
width: 100%;
}

.boardHeaderDiv .flipDiv ul li {
float:left;
list-style: none;
background-color: #F7F7F7;
margin: 0 3px;
}

.boardHeaderDiv .flipDiv ul li.selected {
background-color: #FFF;
}

.boardHeaderDiv .flipDiv ul li a {
display:block;
padding: 6px 12px;
text-decoration: none;
color: #888;
font-weight: bold;
}

.boardHeaderDiv .flipDiv ul li a:hover {
color:#222;
}


.boardHeaderDiv .flipDiv ul li.selected a {
color: #222;
}

.boardHeaderDiv .flipDiv ul li.selected a:hover {
text-decoration: none;
}

/* friends need longer */
#friendPanelDiv .boardHeaderDiv h2 {
width: 400px;
}

.boardHeaderDiv h2 a {
font-weight: normal;
}

.boardHeaderDiv input.cancel_s,
.boardHeaderDiv input.delete_s {
margin: 0 4px;
}

.boardHeaderDiv input.submit_s {
margin: 0 0 0 12px;
}

.boardHeaderDiv a {
text-decoration: underline;
}

.boardHeaderDiv .pager {
margin:0;
}

.boardHeaderDiv .backDiv {
position: absolute;
left: 12px;
top: 12px;
width: 220px;
}

.boardHeaderDiv .actionDiv {
position: absolute;
right: 12px;
top: 12px;
width: 320px;
text-align: right;
}

.boardContentDiv {
padding: 10px;
_height: 50px;
min-height: 50px;
}

.newsEntryDiv {
position:relative;
padding: 12px;
/*border-bottom: 1px solid #EEE;*/
}

.newsEntryDiv .fc_detail#blogList,
.newsEntryDiv .fc_detail#photoList,
.newsEntryDiv .fc_detail#videoList {
	float:left;
	width:95%;
}

.newsEntryDiv .fc_detail a:link,
.newsEntryDiv .fc_detail a:visited {
	color:#cc0000;
}


.friendEntryDiv {
position:relative;
padding: 6px 12px;
border-bottom: 1px solid #EEE;
}

.friendEntryTableDiv {
position:relative;
border-bottom: 1px solid #EEE;
}

.newsEntryDiv .icon,
.notifyEntryDiv .icon {
float:left;
display:inline;
width:18px;
height:18px;
}

.newsEntryDiv .icon img,
.notifyEntryDiv .icon img {
width: 18px;
height: 18px;
}

.newsEntryDiv .entryContent {
padding-left: 26px;
line-height: 18px;
}

.newsEntryDiv .entryContent .abstract {
margin-top:6px;
}

.newsEntryDiv .entryContent .abstract .attachment {
float:left;
width:100%;
display:inline;
margin: 0 12px 12px 0;
}

.newsEntryDiv .entryContent .abstract .attachment .imageST,
.newsEntryDiv .entryContent .abstract .attachment .videoST {
float:left;
margin: 4px;
}

#newsPanelDiv .dateTag {
margin-top: 16px;
}

#newsPanelDiv .dateTag span { 
margin-left: -12px;
padding: 3px 6px 1px 32px;
border-bottom: 1px solid #DDD;
color: #666;
font-size: 10px;
}

.notifyEntryDiv,
.statusEntryDiv {
line-height: 18px;
padding: 4px 0;
border-bottom: 1px solid #EEE;
}

.notifyEntryDiv .entryContent {
padding-left: 24px;
}

.notifyEntryDiv .entryContent .time,
.statusEntryDiv .entryContent .time {
font-size: 10px;
color: #888;
}

.statusEntryDiv .entryContent .location {
font-size: 10px;
color: #888;
}

#notificationPanelDiv .dateTag,
#friendStatusPanelDiv .dateTag {
padding: 16px 0 4px 0;
}

#notificationPanelDiv .dateTag span,
#friendStatusPanelDiv .dateTag span { 
margin-left: -8px;
padding: 3px 6px 1px 30px;
border-bottom: 1px solid #DDD;
color: #666;
font-size: 10px;
}

.inboxEntryDiv {
display: block;
border-bottom: 1px solid #EEE;
/*cursor: pointer;*/
text-decoration: none;
color: #000 !important;
}

.inboxEntryDiv:hover {
text-decoration: none;
background-color: #F7F7F7;
}

.inboxEntryTable {
margin-left: auto;
margin-right: auto;
width: 100%;
border-collapse:collapse;
}

.inboxEntryTable td {
padding: 6px 4px;
overflow: hidden;
}

.inboxEntryTable .status {
color: #ff8000;
list-style: disc;
width: 18px;
}

.inboxEntryTable .checkbox {
width: 14px;
}

.inboxEntryTable .status img {
border: 0;
}

.inboxEntryTable .subject {
width: 60%;
}

.inboxEntryTable .subject span {
color: #AAA;
margin-left: 10px;
}

.inboxEntryTable .senttime {
width: 15%;
color: #888;
}

#messagePanelDiv .boardHeaderDiv .subject,
#composePanelDiv .boardHeaderDiv .subject {
text-align: center;
}

#messagePanelDiv .boardHeaderDiv h2,
#composePanelDiv .boardHeaderDiv h2 {
float: none;
}

.messageEntryDiv {
position: relative;
width: 100%;
margin: 0 auto;
padding: 8px 0;
border-bottom: 1px solid #EEE;
}

.replyEntryDiv {
position: relative;
width: 100%;
margin: 0 auto;
padding: 16px 0 8px 0;
}

.messageEntryDiv .info {
float:left;
display:inline;
width: 250px;
text-align: right;
}

.messageEntryDiv .info img {
float: left;
display:inline;
width: 60px;
height: 60px;
}

.messageEntryDiv .info .name {
padding-left: 70px;
line-height: 18px;
}

.messageEntryDiv .info .time {
padding-left: 70px;
line-height: 18px;
font-size: 10px;
color: #888;
}

.messageEntryDiv .message {
padding-left: 270px;
}

.replyMessageDiv {
}

.replyMessageDiv label {
line-height: 18px;
color: #888;
}

.replyMessageDiv textarea {
display:block;
width: 600px;
height: 8em;
}

.replyMessageDiv .buttons {
width: 600px;
text-align: center;
}

.replyMessageDiv .submit_m,
.replyMessageDiv .cancel_m {
margin: 8px;
}

#composePanelDiv .textbox_m {
width:380px;
padding: 2px;
}

#composePanelDiv textarea {
width: 380px;
padding: 2px;
height: 20em;
overflow:auto;
}

#composePanelDiv .friList {
	position:relative;
	float:right;
	width:33%;
	border-left:1px solid #ddd;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
#composePanelDiv .friList h5 {
	font-size:12px;
	padding:5px;
	background:#f3f3f3;
}

#composePanelDiv .friList .flo {
	height:500px;
	overflow-x:hidden;
	overflow-y:scroll;
	padding:5px 0;
}

#composePanelDiv .friList .flo table {
	margin:0 auto;
	width:95%;
}

#composePanelDiv .friList .flo input {
	vertical-align:middle;
}

#composePanelDiv .friList .flo table td {
	padding:5px 3px;
	vertical-align:middle;
	background:#fff;
}

#composePanelDiv .friList .flo table td img {
	width:20px;
	height:20px;
	margin-right:5px;
	vertical-align:middle;
}

#composePanelDiv .friList .flo a:link,
#composePanelDiv .friList .flo a:visited {
	color:#000 !important;
}

#composePanelDiv .messBox {
	position:relative;
	float:left;
	width:62%;
}

#composePanelDiv .createFC {
	position:relative;
	float:left;
	width:100%;
}
#composePanelDiv .createFC table {
	width:100%;
}
#composePanelDiv .createFC table td {
	padding:5px 0px;
}

#friendPanelDiv .friendEntryDiv table {
width: 90%;
}

#friendPanelDiv .friendEntryDiv img {
width: 75px;
height: 75px;
border: 0;
float: left;
}

#friendPanelDiv .friendEntryDiv .entryContent {
padding-left: 95px;
}

#friendPanelDiv .friendEntryDiv .entryContent .name {
font-size: 16px;
font-weight: bold;
}

#friendPanelDiv .friendEntryDiv .entryContent .infoDiv {
float: right;
display:inline;
width: 130px;
text-align: right;
line-height: 18px;
}

#friendPanelDiv .friendEntryDiv .entryContent .infoDiv .action {
margin-top: 10px;
}

#friendPanelDiv .friendEntryDiv .entryContent .accept {
padding: 8px 0;
}

#friendPanelDiv #flip_request p.default {
text-align: center;
font-size: 14px;
line-height: 24px;
margin: 12px;
}

#friendPanelDiv #flip_find #searchInputDiv {
padding: 12px;
text-align: center;
}

#friendPanelDiv #flip_find #input_searchuser {
width: 300px;
}

#friendPanelDiv #flip_find #resultFriendListDiv .friend {
padding: 12px;
}

#friendPanelDiv #flip_invite #formWrapperDiv{
margin-left: auto;
margin-right: auto;
width: 480px;
}

#friendPanelDiv #flip_invite #formWrapperDiv textarea {
width: 480px;
height: 100px;
}

#friendPanelDiv #flip_invite #formWrapperDiv .highlight {
font-weight: bold;
font-size: 16px;
line-height: 30px;
border-bottom: 1px solid #eee;
text-align: center;
padding: 12px 0 0 0;
}

#friendPanelDiv #flip_invite #formWrapperDiv .tips {
padding: 4px 0;
margin-bottom: 18px;
text-align: center;
font-size: 12px;
color: #888;
}


#friendPanelDiv #flip_invite #formWrapperDiv label small {
font-size: 12px;
font-weight: normal;
color: #888;
}

#friendPanelDiv #flip_invite #formWrapperDiv p {
margin: 18px 0;
text-align: center;	
}

#friendPanelDiv #flip_invite #formWrapperDiv #emailListDiv,
#friendPanelDiv #flip_invite #formWrapperDiv #mrtListDiv,
#friendPanelDiv #flip_invite #formWrapperDiv #messageDiv {
margin: 12px 0;	
}

#userProfileDiv {
padding: 10px 30px;
}

#userProfileDiv .avatar {
float: left;
display:inline;
padding: 5px;
margin-right: 30px;
}

#userProfileDiv .avatar.upload {
background: #EEE;
}

#userProfileDiv .avatar .thumbnail {
z-index: 20;
cursor: pointer;
}

#userProfileDiv .avatar #upload {
position: absolute;
z-index: 5;
top: 96px;
left: 0;
width: 400px;
height: 100px;
background: #EEE;
}

#userProfileDiv #input_nickname {
width: 300px;
}

#userProfileDiv #loginid {
margin-top: 2px;
}

#userProfileDiv #avatarDiv {
padding: 10px;
background-color: #EEE;
color: #111;
}

#userProfileDiv #avatarDiv .desc {
font-size: 10px;
line-height: 14px;
margin-bottom: 10px;
}

#userProfileDiv .submitDiv {
margin-top: 10px;
}

#userProfileDiv #passwordDiv {
position: relative;
margin-top: 4px;
padding: 8px 4px;
background: #EEE;
color: #111;
}

#userProfileDiv #passwordDiv .title {
padding: 2px;
font-weight: bold;
}

#userProfileDiv #passwordDiv #cancel {
position: absolute;
bottom: 10px;
right: 10px;
}

#userProfileDiv #passwordDiv #confirm_password {
margin-top: 10px;
}

#userProfileDiv #passwordDiv label {
font-weight: normal !important;
}

#userProfileDiv #option {
clear: both;
}

#userProfileDiv #option a {
text-decoration: underline;
}

#userProfileDiv #option #option_change_password {
margin-top: 4px;
padding: 8px 4px;
border-top: 1px solid #DDD;
}

#userProfileDiv #option #option_change_avatar {
margin-top: 14px;
padding: 8px 4px;
border-top: 1px solid #DDD;
}

#userProfileDiv #option #option_change_password .title,
#userProfileDiv #option #option_change_avatar .title,
#userInfoDiv #birthday .title,
#userInfoDiv #gender .title,
#userInfoDiv #description .title,
#userInfoDiv #icomefrom .title,
#userInfoDiv #email .title {
float: left;
display:inline;
width: 120px;
padding: 2px;
font-weight: bold;
}

.input_field {
padding: 10px 0;
}

#birthday {
margin-top: 10px;
}

#description textarea {
width: 420px;
height: 100px;
}

#email input.textbox_m {
width: 420px;
}

#email span {
font-size: 10px;
color: #666;
line-height: 16px;
}


#progressBar {
	padding-top: 5px;
}

#progressBarBox {
	position: relative;
	height: 10px;
	background: #DDD;
	border: 1px solid #F5F5F5;
	width: 590px;
}

#progressBarBoxContent {
	width: 0;
	font-size: 0;
	height: 10px;
	line-height: 10px;
	background: #00CC00 url(/images/d5/bg_progress.gif) repeat-x center;
}

#siteDiv {
position: relative;
padding: 10px 0 30px 0;
margin-left: auto;
margin-right: auto;
width: 600px;
height: 400px;
}

#siteDiv .section {
position: relative;
}


#siteDiv .tips {
position: relative;
font-size: 14px;
padding: 10px 0 20px 0;
text-align: center;
}

.tablea {
 border-collapse: separate;
 width: 100%;
 border-top: 1px solid #EEE;
}

.tablea th, .tablea td {
padding: 0.5em 1em;
}

.tablea td {
line-height: 25px;
}

.spaceId {
font-size: 18px;
font-weight: bold;
}

#notificationWrapperDiv {
position: relative;
}

#notificationWrapperDiv .section {
position: relative;
padding: 8px 0;
}

#notificationWrapperDiv .section .heading {
position: relative;
padding: 4px 0 12px 0;
font-size: 14px;
font-weight: bold;
text-indent: 20px;
}

#notificationWrapperDiv .section .option {
position: relative;
padding: 4px 8px;
font-size: 14px;
}

#notificationWrapperDiv .section .suboption label.disabled,
#notificationWrapperDiv .section .suboption label.disabled select,
#notificationWrapperDiv .section #widgetlist.disabled {
color: #CCC;
}

#notificationWrapperDiv .section .option table {
border-collapse: separate;
border: 0;
width: 100%;
}

#notificationWrapperDiv .section .option table td {
padding: 0 6px;
}

#notificationWrapperDiv .section .option .info {
color: #888;
font-size: 10px;
}

#notificationWrapperDiv .section .option table td.checkbox {
width: 40px;
text-align: right;
}

#notificationWrapperDiv #widgetlist {
position: relative;
width: 340px;
height: 360px;
border: 1px solid #AAA;
overflow-y: auto;
overflow-x: hidden;
margin: 6px 0;
}

#notificationWrapperDiv #widgetlist.overflow {
overflow: hidden;
}

#notificationWrapperDiv #widgetlist .checkbox1 {
width: 5px;
}

#notificationWrapperDiv #widgetlist .icon {
width: 5px;
}

#notificationWrapperDiv #widgetlist .icon img {
width: 20px;
height: 20px;
}

#notificationWrapperDiv #widgetlist table {
border-collapse: separate;
}

#notificationWrapperDiv #widgetlist table td{
padding: 4px 4px !important;
}

#notificationWrapperDiv .subsection {
float:left;
width: 45%;
min-height:350px;
}

#blacklistDiv .blentry {
float: left;
margin: 10px;
}

#blacklistDiv .blentry img {
width: 75px;
height: 75px;
}

#blacklistDiv .blentry .name {
line-height: 16px;
text-align: center;
overflow: hidden;
}

#blacklistDiv .blentry .action {
margin-top: 6px;
line-height: 12px;
text-align: center;
}

#blacklistDiv .blentry .action a {
font-size: 10px;
color: #888;
padding-left: 16px;
background: transparent url(/images/d5/ico_cross.gif) no-repeat left center;
}


#shortcutPanelDiv ul {
padding: 0 12px;
}

#shortcutPanelDiv ul li {
list-style: none;
border-top: 1px solid #EEE;
}

#shortcutPanelDiv ul li:first-child {
border-top: 0;
}

#shortcutPanelDiv ul li a {
display:block;
padding: 8px 1px;
}




/* special */
#profileDiv .avatar{
float: left;
display:inline;
width:32px;
height:32px;
}
#actionDiv ul {
list-style: none;
}

/* widget declaration */

.widget_s, .widget_sm {
position: relative;
margin-bottom: 18px;
}

* html .widget_s { height: 1%; }
* html .widget_sm { height: 1%; }

/* widget s */
.widget_s .wHeading {
position: relative;
z-index: 10;
width: 200px;
height: 30px;
line-height: 30px;
color: #fff;
font-size: 120%;
font-weight: bold;
text-align: center;
}

.widget_s .wBody {
position: relative;
width: 200px;
}

.widget_s .wBodyShadow {
position: absolute;
width: 200px;
}

.widget_s .floatContentDiv {
position: absolute;
top: 0;
width: 192px;
background-color: #FFF;
}

.widget_s .wHeading[class] {
background: url(/images/t3/g/whp1/box_header_s.png) no-repeat left top;
}

* html .widget_s .wHeading {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/t3/whp1/box_header_s.png');	
}


/* widget_sm */
.widget_sm .wHeading {
position: relative;
z-index: 10;
width: 330px;
height: 30px;
line-height: 30px;
color: #fff;
font-size: 120%;
font-weight: bold;
text-align: center;
}

.widget_sm .wBody {
position: relative;
width: 330px;
}

.widget_sm .wBodyShadow {
position: relative;
}

.widget_sm .wContentDiv {
background-color: #FFF;
}

.widget_sm .wrapper {
padding: 0 8px 8px 8px;
}

.widget_sm .wrapperNormal {
padding: 8px;
}

.widget_sm .wHeading[class] {
background: url(/images/t6/g/whp1/box_header_sm.png) no-repeat left top;
}

* html .widget_sm .wHeading {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/t3/g/whp1/whp1/box_header_sm.png');	
}


/* for FANZ */

.fc_div {
	border-top:1px dotted #ccc;
	border-left:1px dotted #ccc;
}

.fc_div td {
	width:33.3%;
	padding:0;
	border-right:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
}
.fc_div a:link,
.fc_div a:visited {
	color:#000;
}
.fc_div a:hover {
	color:#cc0000;
}

.fc_div h2 {
	padding:2px 0;
	font-size:16px;
}

.fc_div h2 a:link,
.fc_div h2 a:visited {
	color:#cc0000;
}

.fc_div p {
	padding:2px 0;
	line-height:1.5em;
}


.Fanzclub_list img {
	width:60px;
	height:60px;
	background:#fff;
	padding:4px;
	border:1px solid #ccc;
}
.Fanzclub_list .fc_logo {
	width:70px;
}
.Fanzclub_list .fc_logo {
	cursor:pointer;
}

.Fanzclub_list .fc_info {
	width:200px;
	border:none !important;
}
.Fanzclub_list .fc_info h3 {
	font-size:15px;
}
.Fanzclub_list .fc_plane {
	text-align:right;
	width:300px;
}

.fc_btnBar {
	float:left;
	width:100%;
	padding-top:5px;
}




.listDiv {
	margin-top:12px;
}


/* friend list popup */

.friend {
	float:left;
	width:100%;
	padding:10px 0;
	border-bottom:1px dotted #ccc;
}
.friend .selectionDiv {
	float:left;
	width:30px;
}
.friend .thumbnail {
	float:left;
	width:50px;
}
.friend .name {
	float:left;
	width:150px;
	padding-right:10px;
}
.friend .gender {
	float:left;
	width:30px;
}

.page_ctrl {
	float:left;
	width:100%;
	padding:10px 0;
	text-align:center;
}
.page_ctrl a {
	display:inline;
	padding:0 5px;
}
.page_ctrl a#curPage {
	color:#e00000;
	text-decoration:underline;
}

/* 09.1.19 UpgradeFanzClub */
.UpgradeFanzClub {
	padding:10px;
	color:#666;
}

.UpgradeFanzClub .artist_list {
	margin:20px auto;
	padding:10px;
	width:95%;
	height:300px;
	overflow:auto;
	border:1px solid #999;
}

.UpgradeFanzClub input {
	vertical-align:middle;
}


.UpgradeFanzClub .artist_list .artistOne {
	float:left;
	width:120px;
	height:145px;
	padding:10px 18px;
}

.UpgradeFanzClub .artist_list .artistOne dt,
.UpgradeFanzClub .artist_list .artistOne dd {
	display:block;
	float:left;
	width:100%;
}
.UpgradeFanzClub .artist_list .artistOne dt {
	height:120px;
	text-align:center;
}
.UpgradeFanzClub .artist_list .artistOne dt img {
	width:120px;
	height:120px;
}

.UpgradeFanzClub .artist_list .artistOne dd {
	height:25px;
	line-height:25px;
}
.UpgradeFanzClub .artist_list .artistOne dd input {
	vertical-align:middle;
	margin-top:30%;
	#margin-top:0;
}

.UpgradeFanzClub .artist_list .artistOne .optionBox {
	float:right;
	width:18%;
}

.UpgradeFanzClub .artist_list .artistOne .a_name {
	float:left;
	width:80%;
}

.UpgradeFanzClub .u_text {
	width:100%;
}