/* CSS Document */

.cenbox {
	width:764px;
	margin-left:8px;
}
b.detail  {
	background:#FFFF00;
	padding:3px;
	font-size:16px;
}
.musicplayer {
	padding:5px;
}
.musicplayer p {
	padding:2px;
	display:block;
	font-family:"MS Sans Serif";
}
.vdoplayer {
	padding:5px;
}
.vdoplayer p {
	padding:5px;
}
.cenvdo {
	text-align:center;
}
.vdoposter {
	border-top:1px dashed #999999;
	width:490px;
}
.picartist {
	width:120px;
	float:left;
	text-align:center;
}
.picposter {
	width:70px;
	float:left;
	text-align:center;
}
.detailmusic {
	width:370px;
	float:left;
	font-size:11px;
	color:#666666;
}
.detailposter {
	width:420px;
	float:left;
	font-size:11px;
	color:#666666;
}
.detailposter p {
	padding-bottom:1px;
}
.vdorelated {
	width:240px;
	float:left;
	padding-right:5px;
	margin:0 1px 0 1px;
}
.vdorelated2 {
	width:220px;
	margin:auto;
}
.borright {
	border-right:1px dashed #666666;
}
.rbor {
	border-bottom:1px dashed #666666;
	padding:3px;
}
.rbor2 {
	border-bottom:1px dashed #666666;
	padding:0px;
}
.picvdoplay {
	position:relative;
	float:left;
	width:106px;
	height:87px;
	padding-top:10px;
	margin-right:3px;
	background:url(/imageskapook/bgvdoscence.gif) top left repeat-x;
}
.vdofavorite {
	position:absolute;
	bottom:13px;
	right:4px;
}
.detailrevdo {
	float:left;
	width:110px;
	border-bottom:1px dashed #C3C3C3;
	font-size:11px;
	color:#666666;
	padding:2px 0;
}
.topicvdorel {
	color:#ED7C00;
	font-size:12px;
	font-weight:bold;
	padding:4px 0;
}
.morepage {
	margin:0 auto;
	padding:10px 0px;
	width:330px;
	font-size:12px;
}
.morelit {
	width:210px;
}
.morepage ul {
	list-style:none;
	margin-left:20px;
}
.morepage li {
	float:left;
	margin-left:5px;
}
.morepage li a:link ,.morepage li a:visited {
	padding:2px 5px;
	float:left;
	border:1px solid #CCCCCC;
	display:block;
	font-weight:bold;
	color:#666666;
}
.morepage li a:hover {
	background:#FFCC00;
	color:#000000;
}
li.pagehere a:link,li.pagehere a:visited {
	background:#006699;
	color:#ffffff;	
}
.butac {
	font-size:12px;
	width:133px;
	margin-top:7px;
}
.butac a:link , .butac a:visited {
	padding:9px 0 0 1px;
	display:block;
}
.buttonin {

	background:url(/imageskapook/bgbuttonaction.gif);
	width:133px;
	height:32px;
}

.savetof {
	margin-top:5px;
	background:url(/imageskapook/bgsave.gif) top left no-repeat;
	width:75px;
	height:77px;
	text-align:center;
	font-size:10px;
	font-family:Tahoma;
}
.savetof b {
	display:block;
	padding:7px 0 3px 0;
	font-family:Tahoma;
	font-size:18px;
}
.savetof em {
	font-style:normal;
	font-size:12px;
	font-weight:bold;
	color:#990000;
}
.headrate {
	background:url(/imageskapook/headrating.gif) top left no-repeat;
	width:225px;
	height:16px;
	font-size:12px;
	padding-top:3px;
}
.footrate {
	background:url(/imageskapook/footrating.gif) bottom left no-repeat;
	width:225px;
	height:4px;
}
.bodyrate {
	border:1px solid #CBCBCB;
	width:223px;
}
.textembed {
	background:#FFFF99;
	font-size:11px;
	text-align:	center;
	color:#7A0000;
	padding:3px;
	margin:2px;
}
.codeembed {
	font-size:12px;
	padding:3px;
	margin:2px;
}
.vdocomment {
	clear:both;
	width:780px;
}

.hcoml {
	width:250px;
	float:left;
}
.hcomr {
	width:530px;
	float:right;
	text-align:right;
	font-size:12px;
	height:18px;
	color:#999999;
}
.editcomment {
	width:245px;
	float:left;
}
.piccommenter {
	width:110px;;
	float:left;
	text-align:center;
	margin-top:20px;
	font-size:12px;
	font-weight:bold;
}
.piccommenter  a:link, .piccommenter  a:visited{
	color:#389FFF;
}
.typeemo {
	background:#FF6600;
	width:127px;
	float:left;
	text-align:center;
	font-size:12px;
	font-weight:bold;
}
.arrowl {
	float:left;
}
.arrowr {
	float:right;
}
.emotiman {
	width:125px;
	float:left;
	border:1px solid #FF6600
}
.emotiman ul {
	list-style:none;
}
.emotiman li {
	display:block;
	float:left;
	width:35px;
	height:23px;
	text-align:center;
	padding:5px 2px;
	margin:1px;
	background:#ffffff;
}
.bgcomment {
	background:#E9E9E9;
}
.comme {
	position:relative;
}
.comme p {
	font-size:12px;
	padding:3px;
}
.tebocom {
	width:205px;
	height:170px;
}
.commentt {
	width:534px;
	float:right;
	padding-top:10px;
	border-left:1px dashed #c7c7c7;
	border-bottom:1px dashed #c7c7c7;
}
.poscomter {
	width:100px;
	margin-left:5px;
	text-align:center;
	float:left;
	font-size:12px;
}
.poscomter span {
	font-weight:bold;
	border-bottom:1px dashed #c7c7c7;
	display:block;
}
.poscomter em {
	font-size:10px;
	color:#999999;
	font-style:normal;
}
.posbox {
	width:422px;
	float:left;
}
.bgcomt01 {
	background:#B9D96B;
	color:#000000;
}
.bgcomt02 {
	background:#AADAF9;
	color:#000000;
}
.bgcomt03 {
	background:#8C6E1D;
	color:#ffffff;
}
.bgcomt04 {
	background:#841414;
	color:#ffffff;
}
.bgcomt05 {
	background:#C4C4C4;
	color:#000000;
}
.bgcomt06 {
	background:#000000;
	color:#ffffff;
}
.relacont {
	margin:5px;
	font-size:12px;
	width:220px;
	border-bottom:1px dashed #666666;
} 
.hrelacon2 a:link, .hrelacon2 a:visited {
	color:#FFA200;
	font-weight:bold;
}
.hrelacon2 {
	line-height:20px;
	padding:5px 0;
	width:215px;
}
.hrelacon a:link, .hrelacon a:visited {
	color:#FFA200;
	font-weight:bold;
}
.hrelacon {
	line-height:21px;
	padding:5px 0;
	width:160px;
}
.lpiccont {
	width:60px;
	height:50px;
	float:left;
	text-align:center;
	position:relative;
}
.rpiccont {
	width:160px;
	float:left;
	font-size:12px;
	color:#666666;
}
.detailplayer {
	float:left;
	width:160px;
	padding-top:2px;
	padding-bottom:2px;
	border-top:1px dashed #c7c7c7;
	font-size:11px;
	color:#666666;
}
.detailcont {
	padding-top:2px;
	padding-bottom:2px;
	border-top:1px dashed #c7c7c7;
	font-size:11px;
	color:#666666;
}
.blogfavorite {
	position:absolute;
	bottom:3px;
	right:9px;
}
.photorelate {
	width:133px;
	margin-right:6px;
	float:left;
	padding-bottom:10px;
	padding-right:3px;
}
.cropphoto {
	border:1px solid #A5A5A5;
	padding:3px;
	
}
.picphotore {
	text-align:center;
	padding-top:4px;
}
.picphotore img {
 border:1px solid #000000;
 }
.namephotore {
	position:relative;
	height:22px;
}
.titlephotore {
	padding-top:4px;
	padding-left:3px;
	font-size:11px;
	color:#666666;
}
.photofavorite {
	position:absolute;
	bottom:3px;
	right:3px;
}
.naviphoto {
	width:700px;
	margin:auto;
	font-size:12px;
	font-weight:bold;
}
.goleft {
	width:100px;
	float:left;
	text-align:right;
}
.goright {
	width:100px;
	float:right;
}
.desphoto {
	width:480px;
	float:left;
	margin:5px;
	padding:10px 5px;
	background:#FFFFCC;
	font-weight:normal;
	text-align:center;
	color:#666666;
}
.thumbpho {
	float:left;
	text-align:center;
	width:480px;
	margin:0 5px;
	background:#6B6B6B;
	padding:3px 5px;
}
.thumbpho a:link, .thumbpho a:visited {
	color:#ffffff;
}
/*   Popup Detail   */



#info {
	position:relative;
}
#info a span {
	display:none;
}
.vdofavorite a span {
	display:none;
}
.delcomte {
	position:relative;
	right:0px;
	bottom:0px;
	width:300px;
	float:right;
	text-align:right;
	font-size:12px
}
.delcomte a span {
	display:none;
}



a#link1:hover {
	background:url(/imageskapook/bgbuttonaction.gif);
	text-decoration:none;
}
a#link1:hover span {
	display:block;right:-120px;width:208px;position:absolute;top:-100px;
}
a#link2:hover {
	background:url(/imageskapook/bgbuttonaction.gif);
	text-decoration:none;
}
a#link2:hover span {
	display:block;right:-120px;width:208px;position:absolute;top:-80px;
}
a#link3:hover {
	background:#ffffff;
	text-decoration:none;
}
a#link3:hover span {
	display:block;right:-140px;width:208px;position:absolute;top:-92px;
}
a.link4:hover {
	background:#ffffff;
	text-decoration:none;
}
a.link4:hover span {
	display:block;right:-145px;width:145px;position:absolute;top:-80px;
}
a.link5:hover {
	background:#ffffff;
	text-decoration:none;
}
a.link5:hover span {
	display:block;right:-130px;width:208px;position:absolute;top:-105px;
}


#zindex {
	position:absolute;
	z-index:10;
}

.bgboxorange {
	background:url(/imageskapook/boxpoporange_02.gif) top left repeat-y;
	width:192px;
	padding:0 8px;
	color:#000000;
	font-size:11px;
	text-align:left;
}
.bgboxorange2 {
	background:url(/imageskapook/boxpoporange2_02.gif) top left repeat-y;
	width:112px;
	padding:0 13px 0 20px;;
	color:#000000;
	font-size:11px;
	text-align:left;
}


/*   Popup Detail   */

.formsender {
	margin:0 5px;
	padding:5px;
}
.formsender fieldset {
	padding-bottom:10px;
}
.formsender legend {
	color:#990000;
	font-size:14px;
	font-weight:bold;
}
.butsendmail {
	text-align:center;
	padding-top:5px;
}
.formsender label {
	clear:both;
	display:block;
	padding:5px;
}
.formsender label span  {
	padding-top:5px;
	display:block; 
	line-height:1em; 
	width:75px;
	float:left;
	text-align:right;
	font-weight:bold;
	color:#3C590F;
	padding-right:5px;
}
.formsender label input  {
	float:left;
	border:1px solid #ffffff;
	background:#54792B;
	color:#ffffff;
}
.nameforward {
	width:150px;
	height:17px;
}
.emailforward {
	width:200px;
	height:17px;
}

.formsave {
	margin:0 5px;
	padding:5px;
}
.formsave fieldset {
	padding-bottom:10px;
}
.formsave legend {
	color:#990000;
	font-size:14px;
	font-weight:bold;
}
.butsendmail {
	text-align:center;
	padding-top:5px;
}
.formsave label {
	clear:both;
	display:block;
	padding:5px;
}
.formsave label span  {
	padding-top:5px;
	display:block; 
	line-height:1em; 
	width:75px;
	float:left;
	text-align:left;
	font-weight:bold;
	color:#3C590F;
	padding-left:5px;
}
.formsave label input  {
	float:left;
}
.buttment {
	width:25px;
	float:left;
	margin-left:15px;
	padding-top:3px;
	background:#E4E4E4;
	height:20px;
	border-top:2px solid #ffffff;
	border-left:2px solid #ffffff;
	border-right:2px solid #000000;
	border-bottom:2px solid #000000;
	font-size:12px;
	font-family:"Times New Roman", Times, serif;
}
.winame {
	margin:0 5px;
	padding:5px 0;

}
.winameleft {
	margin:0 5px;
	padding:5px 0;
	padding-left:5px;
	padding-right:5px;
}

.lreview {
	width:100px;
	float:left;
	background:url(/imageskapook/bglblog.jpg) right top no-repeat;
}
.rreview {
	width:355px;
	float:left;
}
.rateline {
	border-top:1px solid #cccccc;
}
.wi80 {
	width:80px;
	margin-top:5px;
	margin-left:3px;
	padding-left:4px;
}
.w400 {
	width:350px;
	margin-left:4px;
	line-height:17px;
	color:#434343;
}
.w400 h2 {
	font-size:16px;
}
.w300 {
	width:300px;
	float:left;
}
.w50 {
	width:50px;
}
.actorname {
	width:140px;
	float:left;
	text-align:center;
}
.actorname img {
	border:1px solid #000000;
}
.memonline {
	font-size:11px;
	color:#1882D6;
}
.memonline img {
	border:0;
}
.nameartist {
	width:220px;
	float:left;
	display:block;
	font-size:12px;
}
.addsong {
	float:right;
	width:100px;
	display:block;
	font-size:11px;
	font-style:normal;
	text-align:right;
	color:#990000;
}
.namesong {
	 float:left;
	 width:250px;
	 display:block;
}
.lyricsong {
	font-size:16px;
	font-family:"MS Sans Serif";
	padding:20px;
}
.lyricsong p {
	text-indent:15px;
}
.listsong {
	width:250px;
	margin:auto;
	background:#B6DF7E;
	border:1px solid #73B41A;
	padding:2px;
}
.thesong {
	padding:3px 0 2px 0;
	border-bottom:1px dashed #445D00;
}
.lr {
	background:#CCE9A5;
}
.namesong {
	width:181px;
	float:left;
	padding-left:5px;
	color:#920000;
}
.namesong a:link, .namesong a:visited {
	color:#1F3400;
}
.addsong {
	width:64px;
	float:left;
	position:relative;
}

.addsong a span {
	display:none;
}

a.playli:link , a.playli:visited ,a.playli2:link , a.playli2:visited ,a.playli3:link , a.playli3:visited {
	display:block;
	float:left;
	width:16px;
	height:16px;
}
a.playli:hover , a.playli2:hover , a.playli3:hover {
	background:transparent;
	text-decoration:none;
	margin:0;
	padding:0;
}
.addsong a:link ,.addsong a:hover , .addsong a:visited {
	margin-left:2px;
}
a.playli:link , a.playli:visited {
	background:url(icon_addplaylist_1.gif) top left no-repeat;
}
a.playli:hover {
	background:url(icon_addplaylist_2.gif) top left no-repeat;
}
a.playli2:link , a.playli2:visited {
	background:url(icon_playsong_1.gif) top left no-repeat;
}
a.playli2:hover {
	background:url(icon_playsong_2.gif) top left no-repeat;
}
a.playli3:link , a.playli3:visited {
	background:url(icon_sendsong_1.gif) top left no-repeat;
}
a.playli3:hover {
	background:url(icon_sendsong_2.gif) top left no-repeat;
}


a.playli:hover span {
	display:block;
	right:25px;
	width:145px;
	position:absolute;
	top:-22px;
}
.textsong {
	background:#FF9600;
	border:1px solid #180E00;
	color:#000000;
	padding:2px 5px 2px 5px;
	text-align:center;
}

a.playli2:hover span {
	display:block;
	right:15px;
	width:145px;
	position:absolute;
	top:-22px;
}
a.playli3:hover span {
	display:block;
	right:5px;
	width:145px;
	position:absolute;
	top:-22px;
}