@charset "utf-8";

/* ----------------------------------------------

	ArtMeter / PROFILE styles
	author   : (C)KAYAC http://www.kayac.com/

---------------------------------------------- */

@import url("/css/common.en.css");
@import url("form.en.css");
@import url("others.en.css");
@import url("photo.en.css");

/* CONTENTS HEAD
---------------------------------------------- */

div#contHead h2#titleProfile {
	background-image: url(/img/profile/ti_artist_prof_en.gif);
	width: 170px;
	height: 16px;
}
div#contHead h2#titleUserProfile {
	background-image: url(/img/profile/ti_user_profile_en.gif);
	width: 160px;
	height: 16px;
}
div#setFavorites {
	position: absolute;
	left: 350px;
	top: 0px;
	width: 605px;
	font-size: 85%;
	text-align: right;
}
div#setFavorites p#btnSetFav input {
	display: block;
	float: right;
	width: 172px;
	height: 24px;
	color: #FFF;
	padding: 3px auto;
	border: none;
	cursor: pointer;
}
div#setFavorites p#btnUnsetFav span {
	display: block;
	float: left;
	width: 515px;
	padding: 4px 5px 0 0;
	color: #AAA;
	text-align: right;
}
div#setFavorites p#btnUnsetFav a {
	float: right;
	width: 80px;
	height: 24px;
	text-indent: -9999px;
	background: #FF0 url(/img/profile/btn_unset_fav_en.gif) no-repeat 6px 50%;
}
div#setFavorites p#btnUnsetFav a span {
	display: none;
}
div#welcomeMessage {
	position: absolute;
	left: 330px;
	top: 0px;
}
div#welcomeMessage p {
	font-size: 85%;
}
div#welcomeMessage p strong {
	font-size: 110%;
}

/* MAIN
---------------------------------------------- */

body#PROFILE div#contBody {
	margin: 10px 18px 0 20px;
}

div#setFav h3 {
	width: 185px;
	height: 16px;
	background: url(/img/profile/ti_set_fav_en.gif) no-repeat 0 0;
}
div#artistBbs h3 {
	width: 130px;
	height: 16px;
	background: url(/img/profile/ti_artist_bbs_h3_en.gif) no-repeat 0 0;
}


/* FORM
---------------------------------------------- */

div#formList table {
	border-collapse: collapse;
	width:100%;
	margin: 0;
	padding: 0;
}
body#PROFILE div#formBtn input#btnRegister, div#formBtn #btnRegister {
	margin-top: 10px;
}

/* Profile Photo
---------------------------------------------- */
body#PROFILE div#contBody div#profPh {
	float: left;
	width: 128px;
}
body#PROFILE div#contBody div#profPh dl {
}
body#PROFILE div#contBody div#profPh dl dd {
	height: 35px;
	text-align: center;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
body#PROFILE div#contBody div#profPh dl dd span {
	display: none;
}
body#PROFILE div#contBody div#profPh dl dd#profLevel_1 {
	background-image: url(/img/profile/icn_level_1.gif);
}
body#PROFILE div#contBody div#profPh dl dd#profLevel_2 {
	background-image: url(/img/profile/icn_level_2.gif);
}
body#PROFILE div#contBody div#profPh dl dd#profLevel_3 {
	background-image: url(/img/profile/icn_level_3.gif);
}
body#PROFILE div#contBody div#profPh dl dd#profLevel_4 {
	background-image: url(/img/profile/icn_level_4.gif);
}
body#PROFILE div#contBody div#profPh dl dd#profLevel_5 {
	background-image: url(/img/profile/icn_level_5.gif);
}

body#PROFILE div#contBody div#profPh dl dd#profNo {
	height: auto;
	padding: 4px;
	border-top: 1px solid #FFF;
	color: #888;
	font-size: 85%;
	background-color: #F0F0F0;
}
body#PROFILE div#contBody div#profPh dl dd#profFavNum {
	height: auto;
	margin-top: 1px;
	padding: 4px;
	border: 1px dotted #CCC;
	color: #888;
	font-size: 85%;
	background-color: #FFF;
}
body#PROFILE div#contBody div#profPh dl dd#profFavNum span {
	display: inline;
	font-weight: bold;
}
body#PROFILE div#contBody div#profPh dl dd#profOrder span {
	background-image: url(/img/profile/icn_order.gif);
}


/* Profile SPEC
---------------------------------------------- */

div#profSPEC {
	float: left;
	display: inline; /* for IE6 bug */
	width: 415px;
	margin: 0 27px 30px 20px;
	padding-bottom: 7px;
	border: 1px solid #CCC;
	border-width: 1px 0;
}
div#profSPEC h4 {
	margin-top: 15px;
	margin-bottom: 4px;
	padding-left: 20px;
	color: #666;
	font-size: 92%;
	background: url(/img/common/icn_head_s.gif) no-repeat 10px 50%;
}

div#profSPEC div#specNum02 h4 {
	color: #AA0000;
}
div#profSPEC div p {
	padding: 0 16px 12px;
	font-size: 100%;
	background: url(/img/common/line_dot01.gif) repeat-x 0 100%;
}

div#profSPEC div#specName p {
	font-size: 136%;
	font-weight: bold;
}
div#profSPEC span.specEmpty {
	display: block;
	padding: 5px;
	color: #AAA;
	font-size: 85%;
	background: #F0F0F0;
}
div#profSPEC div#specMessage02 p span {
	display: block;
	margin-top: 10px;
	padding: 10px;
	border: 1px solid #CCC;
	background: #F0F0F0;
}
div#profSPEC div#specMessage02 p span strong {
	margin-right: 10px;
	color: #AAA;
}

div#profSPEC div#specSize01,
div#profSPEC div#specSize02,
div#profSPEC div#specNum01,
div#profSPEC div#specNum02,
div#profSPEC div#specNum03,
div#profSPEC div#specNum04 {
	float: left;
	width: 206px;
}
div#profSPEC div#specUrl h4 {
	margin-top: 0;
}
div#profSPEC div#specUrl p {
	background: none;
	padding-bottom: 5px;
}

div#profSPEC div#specSize02 h4 {
	color: #C00;
}
div#profSPEC div#specSize01 h4 {
	color: #588E03;
}

div#profSPEC div#specUrl {
	clear: both;
	padding-top: 15px;
}


/* Profile Blog
---------------------------------------------- */

div#profBlog {
	float: left;
	width: 365px;
	margin-bottom: 30px;
}

div#profBlog div.blogURL {
	margin-bottom: 5px;
	padding: 6px;
	border: 2px solid #CCC;
}
div#profBlog p.txtBlogurl { 
   font-size: 92%;
   padding:0 0 5px 0;
}
div#profBlog div.blogURL h5 a {
	font-size: 114%;
	font-weight: bold;
	padding-left: 39px;
	background: url(/img/profile/icn_title_s01.gif) no-repeat 0 7px;
}
div#profBlog div.blogURL h5 a:hover {
	background: #FF0 url(/img/profile/icn_title_s01.gif) no-repeat 0 7px;
}
div#profBlog div.blogURL p.naviLink {
	margin: 0 0 0 auto;
	margin-top: 5px;
	padding-top: 2px;
	font-size: 85%;
	text-align: right;
	background: url(/img/common/line_dot01.gif) repeat-x 0 0;
}
div#profBlog div.blogURL p.naviLink a {
	margin-top: 5px;
	padding-left: 8px;
	background: url(/img/common/icn_head01.gif) no-repeat 0 50%;
}

div#profBlog h3 {
	width: 120px;
	height: 13px;
	margin-bottom: 5px;
	background-image: url(/img/profile/ti_blog_en.gif);
}

div#profBlog dl {
	background: #F0F0F0 url(/img/common/bg_box01_t.gif) no-repeat 0 0;
	margin-bottom: 10px;
	padding: 2px 15px 0;
}
div#profBlog div.profBlogB {
	width: 365px;
	margin: 0;
	padding-bottom: 10px;
	background: #F0F0F0 url(/img/common/bg_box01_b.gif) no-repeat 0 100%;
}
div#profBlog div.profBlogB hr {
	display: none;
}
div#profBlog dl dt {
	margin-bottom: 3px;
	padding-top: 10px;
	font-size: 92%;
	font-weight: bold;
	line-height: 1.5;
	background-position: 0 4px;
	background-repeat: no-repeat;
}
div#profBlog dl dt a {
	margin-right: 10px;
	margin-top: 10px;
	text-decoration: none;
}
div#profBlog dl dd {
	font-size: 85%;
	line-height: 1.5;
	border-bottom: 1px solid #F0F0F0;
	background: url(/img/common/line_dot01.gif) repeat-x 0 100%;
}

div#profBlog dl dd.noProfBlog {
	height: 80px;
	padding: 150px 0;
	color: #AAA;
	font-size: 93%;
	text-align: center;
	line-height: 1.5;
	border-bottom: none;
	background: url(/img/common/bg_np.gif) no-repeat 50% 50%;
}
div#profBlog dl dt span {
	color: #666666;
	font-size: 90%;
	font-weight: normal;
}


/* Art List
---------------------------------------------- */

div#profArtlist {
	margin: 0;
}
div#profArtlist h3 {
	background-image: url(/img/profile/ti_artlist_en.gif);
}
div.contSectionWide {
	margin-right: 18px;
}

/* Favorites
---------------------------------------------- */

div#profFav {
	margin-bottom: 20px;
}
div#profFav div.UnitGroup {
	margin-left: 27px;
}
div#profFav h3 {
	background-image: url(/img/profile/ti_userprof_fav_en.gif);
}

/* History
---------------------------------------------- */

div#profHystory {
	margin-bottom: 20px;
}
div#profHystory h3 {
	background-image: url(/img/profile/ti_userprof_history_en.gif);
}


/* Photo Gallery
---------------------------------------------- */

div#profGallery {
	position: relative;
}
div#profGallery h3#tiProfGalleryUser {
	background-image: url(/img/profile/ti_prof_gallery_u_en.gif);
}
div#profGallery h3#tiProfGalleryArtist {
	background-image: url(/img/profile/ti_prof_gallery_a_en.gif);
}
div#profGallery p {
	position: absolute;
	top: 10px;
	left: 435px;
	color: #588E03;
	font-weight: bold;
	font-size: 93%;
}
div#profGallery div.noFlash {
}

/* Artist BBS
---------------------------------------------- */

div#profBBS h3 {
	background-image: url(/img/profile/ti_artist_bbs_en.gif);
}

div#profBBS p.txt {
	margin: 5px 30px;
}
div#profBBS div#profBBSList {
/*
	height: 450px;
	overflow: scroll;
*/
	margin: 0 10px;
	padding: 15px 22px 0;
	border: 2px solid #CCC;
}
div#profBBS div#profBBSList div.Pager {
	margin: 10px 0 20px auto;
}
div#profBBS div#profBBSList p#btnBBS {
	display: inline;
	float: right;
	width: 128px;
	height: 40px;
	margin-bottom: 20px;
}
div#profBBS div#profBBSList p#btnDeleteBBS {
	display: inline;
	float: left;
	width: 208px;
	height: 40px;
	margin: 0;
}
div#profBBS div#profBBSList p#btnBBS a {
	width: 128px;
	height: 40px;
	background-image: url(/img/profile/btn_bbs_post_en.gif);
}
div#profBBS div#profBBSList p#btnDeleteBBS a {
	width: 208px;
	height: 40px;
	background-image: url(/img/profile/btn_bbs_delete_en.gif);
}

div#profBBS div#profBBSList div.bbsEntry {
	clear: both;
	padding: 0 0 20px;
}
div.bbsEntryPeople {
	display: block;
	float: left;
	width: 127px;
	height: 110px;
	margin-right: 15px;
	padding-top: 10px;
	text-align: center;
	background: url(/img/profile/bg_bbs_people.gif) no-repeat 0 0;
}
div#profBBS div#profBBSList div.bbsEntry p.unitPeople {
	width: 63px;
	float: none;
	margin: 5px 39px 0pt 25px;
}
div#profBBS div#profBBSList div.artistB p.unitPeople img.noProf {
	display: block;
	margin: 0 auto 5px;
	border: 3px solid #6F9DBE !important;
}
div#profBBS div#profBBSList div.userB p.unitPeople img.noProf {
	display: block;
	margin: 0 auto 5px;
	border: 3px solid #588E03 !important;
}
div#profBBS div#profBBSList div.bbsEntryBox {
	float: left;
	width: 750px;
}
div#profBBS div#profBBSList div.bbsEntryBox h5.bbsTitle {
	float: left;
	width: 730px;
	padding: 10px;
}
div#profBBS div#profBBSList div.bbsEntryBox h5.bbsTitle form {
	position: absolute;
	top: 10px;
	right: 10px
}
div#profBBS div#profBBSList div.bbsEntryBox h5.bbsTitle input.btnDeleteS {
	margin-right: 4px;
}
	span.bbsBodyImg {
		display: block;
		float: left;
		margin: 0 10px 10px 0;
	}

div#profBBS div#profBBSList div.artistB h5.bbsTitle {
	position: relative;
	color: #6F9DBE;
	background: #E2EBF2;
}
div#profBBS div#profBBSList div.userB h5.bbsTitle {
	position: relative;
	color: #588E03;
	background: #DEE8CD;
}
div#profBBS div#profBBSList div.artistB h5.bbsName a:hover,
div#profBBS div#profBBSList div.userB h5.bbsName a:hover{
	color: #000;
}
div#profBBS div#profBBSList div.bbsEntryBox h5.bbsTitle span {
	display: block;
	margin-top: 2px;
	color: #666;
	font-size: 85%;
	font-weight: normal;
}
div#profBBS div#profBBSList h5.bbsName {
	clear: both;
	margin: 5px 13px 5px 5px;
	font-size: 93% !important;
	font-weight: normal;
	text-align: center;
}
div#profBBS div#profBBSList div.bbsEntryBox p.bbsBody{
	clear: both;
	padding: 15px;
	border-top: 1px solid #FFF;
}
div#profBBS div#profBBSList div.artistB p.bbsBody{
	background: #F0F5F8;
}
div#profBBS div#profBBSList div.userB p.bbsBody{
	background: #F2F6EB;
}

div#profBBS div#profBBSList div.artistB {
/*	background: url(/img/profile/bg_bbs_artist.gif) 0 0 repeat-y; */
}
div#profBBS div#profBBSList div.userB {
/*	background: url(/img/profile/bg_bbs_user.gif) 0 0 repeat-y; */
}


/* BBS CLEAR FIX 
---------------------------------------------- */

div#profBBS div#profBBSList div.bbsEntry p.bbsBody,
div#profBBS div#profBBSList div.bbsEntry,
div#profBBS div#profBBSList {
    zoom:1;/*for IE 5.5-7*/
}
div#profBBS div#profBBSList div.bbsEntry p.bbsBody:after,
div#profBBS div#profBBSList div.bbsEntry:after, 
div#profBBS div#profBBSList:after {/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
* html div#profBBS div#profBBSList div.bbsEntry p.bbsBody,
* html div#profBBS div#profBBSList div.bbsEntry, 
* html div#profBBS div#profBBSList {
	display:inline-table;
	/*\*/display:block;/**/
}

/* MORE INFO
---------------------------------------------- */

div#profMoreInfo {
	padding: 0 24px 20px;
	background-color: #ECECEC;
}


div#profMoreInfo div#worksProfMore_1 {
	float: left;
	width: 452px;
	margin: 20px 25px 15px 0;
}
div#profMoreInfo div#worksProfMore_2 {
	display: inline;
	float: left;
	margin: 20px 25px 0 27px;
	_margin: 20px 23px 0 25px;
}
div#profMoreInfo div#worksProfMore_1 h4 {
	width: 460px;
	height: 14px;
	margin: 0 0 7px -20px;
	background-image: url(/img/profile/subti_prof01_en.gif);
}
div#profMoreInfo div#worksProfMore_2 h4 {
	width: 460px;
	height: 14px;
	margin-bottom: 20px;
	background-image: url(/img/profile/subti_prof02_en.gif);
}

div#profMoreInfo div#worksProfMore_2 p.unitPeople span.artistName {
	color: #666;
}


/* GENERAL TAGS
---------------------------------------------- */

span.readmore {
	display: block;
	width: 6em;
	margin: 2px 0 0 auto;
	padding-bottom: 4px;
}
span.readmore a {
	padding-left: 8px;
	background: url(/img/common/icn_head01.gif) no-repeat 0 2px;
}


/* TextLink -> ImgLink
---------------------------------------------- */

/* Vertical */


div#setFavorites p#btnUnsetFav a,
div#profBBS div#profBBSList p#btnBBS a,
div#profBBS div#profBBSList p#btnDeleteBBS a {
	display: block;
	text-indent: -9999px;
	outline: none;
	background-position: 0 0;
	background-repeat: no-repeat;
}
div#setFavorites p#btnUnsetFav a:hover,
div#profBBS div#profBBSList p#btnBBS a:hover,
div#profBBS div#profBBSList p#btnDeleteBBS a:hover {
	background-position: 0 100%;
}


/* SECURITY POLICY +080902
---------------------------------------------- */

div#aboutSecurity {
	margin: 10px 20px;
	padding: 10px;
	border-top: 2px solid #CCC;
}
div#aboutSecurity p {
	font-size: 92%;
}
div#aboutSecurity p#secPolicy {
	float: right;
	width: 250px;
	padding: 8px;
	background: url(/img/common/icn_head01.gif) no-repeat 0 50%;
}
div#aboutSecurity div#SSL,
div#aboutSecurity div#formSSL {
	margin: 10px 300px 15px 30px;
}
div#aboutSecurity div#SSL p,
div#aboutSecurity div#formSSL p {
	float: right;
	width: 480px;
}
div#aboutSecurity div#SSL p span,
div#aboutSecurity div#formSSL p span {
	font-size: 92%;
}