@import url('../site/200708/public.css');

/* pre_set, will be added to new public.css */
body { font:12px/180% Calibri,arial,helvetica,sans-serif; }
#Main { width:1000px; margin:0 auto; zoom:1; }
	#Main:after { clear:both; content:''; display:block; height:0; visibility:hidden; }
hr, .none { display:none !important; }

select, input, textarea { font:12px/180% Calibri,arial,helvetica,sans-serif; }
	
/* reset for public.css */
body { padding-top:40px; }
#Main { width:976px; }
#Main select { color:#666; }
.txt { font-size:12px; }
.file { *width:286px; height:21px; border:0; border:1px solid; padding-left:2px; border-color:#808080 #d3d0c9 #d3d0c9 #808080; background:url(images/mv/s.png) no-repeat -289px -96px; }

/* some defination declare together */
#Handle a, #ShowType a, #PicContent a, #SetText .clear, .type_tab .all, #Pic .detail a, #MusicByHot a, #MusicLoading .info a, .dialog_pic .handle a { display:block; color:#333; width:117px; height:29px; line-height:29px; text-align:center; background:url(images/mv/s.png) no-repeat -250px -64px; }
#PicUploading, #MusicUploading, #MusicLoading, #MusicFromNet, #Pic #PicFromNet, #MusicFromLocal,#Pic #PicFromLocal{ display:none; }
.dialog { display:none; }
#Music .detail .txt, #PicSelectFromNet .txt { width:256px; height:16px; padding:3px 0 1px 3px; *height:18px; *padding-top:0; line-height:20px; font-weight:normal; border:1px solid; border-color:#808080 #d3d0c9 #d3d0c9 #808080; background:url(images/mv/s.png) no-repeat -289px -96px; }

/* class defination */
.error { background:red !important; color:white; font-weight:bold; }
.tab { background:url(images/mv/s.png); }
	.tab ul { height:32px; padding-left:17px; background:url(images/mv/s.png) no-repeat right -32px; }
	.tab li { float:left; }
	.tab li a { float:left; display:block; height:32px; line-height:32px; padding:0 20px; color:white !important; }
	.tab li.current a { background:url(images/mv/s.png) no-repeat 0 -64px; color:black !important; font-weight:bold; text-decoration:none !important; }
.tablet { background:white; border:solid #e1e1e1; border-width:0 1px 1px; margin-bottom:9px; } /* content for tab */
	.tablet .s { display:none; zoom:1; }
	.tablet .s:after { clear:both; content:''; display:block; height:0; visibility:hidden; }
	.tablet .current { display:block; }
.type_tab { position:relative; margin-left:19px; padding-top:17px; padding-bottom:10px; zoom:1; } /* 特效tab */
	.type_tab:after { clear:both; content:''; display:block; height:0; visibility:hidden; }
	.type_tab strong { float:left; margin-right:4px; }
	.type_tab ul { float:left; width:360px; }
	.type_tab li { float:left; margin-right:14px; }
	.type_tab li a { text-decoration:underline; }
	.type_tab li a:hover { text-decoration:none; }
	.type_tab .current a { font-weight:bold; text-decoration:none; color:#f5590f; }
	.type_tab .all { position:absolute; right:37px; top:12px; width:67px; background-position:-796px -64px; color:#666; }
.type_tablet { margin-left:11px; height:146px; overflow:auto; overflow-x:hidden; width:540px; }
	.type_tablet ul { width:528px; }
	.type_tablet li { float:left; width:80px; padding-left:8px; height:73px; }
	.type_tablet li img { width:60px; height:60px; padding:2px; border:1px solid #ccc; }
.dialog { position:absolute; z-index:10000; left:50%; top:10px; padding:0 0 2px 0; }
	.dialog .fix { position:relative; z-index:10; border:1px solid #ccc; background:white; padding-bottom:20px; overflow:hidden;zoom:1 }
	.dialog h2 { height:22px; padding-left:11px; border-bottom:1px solid #ccc; font-size:12px; line-height:22px; font-weight:normal; background:url(images/mv/s.png) no-repeat right -128px; }
	.dialog h2 strong { color:#ee4600; font-weight:normal; }
	.dialog .close { position:absolute; right:0; top:0; display:block; width:24px; height:22px; overflow:hidden; text-indent:-9999px; }
	.dialog .hot { color:#f75910; }
	.dialog .meat { overflow:auto; }
	.dialog_pic .meat { padding:15px 0 25px; }
	.dialog_pic .files { margin:0 60px; padding:10px 0; background:url(../site/200708/images/public/dot_9.png) repeat-x 0 bottom; text-align:center }
	.meat2 .txt,.meat3 .file { margin-top:10px; width:277px; }
	.dialog_pic .handle { overflow:hidden; zoom:1; padding:10px 0 10px 100px; _padding-bottom:5px; }
	.dialog_pic .handle a { width:133px; float:left; margin-right:19px; background-position:-863px -64px; }
	.dialog_pic .handle .s2 { margin-right:0; }
	.dialog_pic p { margin-left:100px; }
	.dialog_pic p.s2, .dialog_pic p.s3 { color:#666; }
	.dialog_loading { text-align:center; padding-top:8px; height:85px; background:url(images/mv/loading.gif) no-repeat 0 8px; width:85px; margin:0 auto; }
	.dialog .txt { height:17px; line-height:14px; padding:3px 0 0 2px; border:1px solid; border-color:#808080 #d3d0c9 #d3d0c9 #808080; background:url(images/mv/s.png) no-repeat -289px -96px; }
	.dialog .btn { width:55px; height:24px; background:url(images/mv/s.png) no-repeat -941px -93px; color:#666; font-weight:normal; }
	#PicSelect { width:475px; margin-left:-175px; top:50px;zoom:1}
	/*#PicSelectFromNet { width:350px; margin-left:-175px; top:140px; }*/
	#PicSelectFromNet .txt { margin-top:10px; width:272px; }
	#PicSelectFromNet p.s1 a { text-decoration:underline; }
	#PicSelectFromNet p.s1 a:hover { text-decoration:none; }
	#TopMusicFromBaidu { width:472px; margin-left:-236px; top:140px; }
	#TopMusicFromBaidu .tablet { border:0; margin:0; }
	.tab_music { position:relative; border-bottom:1px solid #6b7881; height:25px; }
	.tab_music ul { position:absolute; left:5px; top:5px; overflow:hidden; zoom:1; }
	.tab_music li { float:left; background:url(images/mv/s.png) no-repeat -769px -150px; margin-right:3px; }
	.tab_music li a { float:left; color:white !important; line-height:21px; display:block; height:21px; background:url(images/mv/s.png) no-repeat right -150px; padding:0 5px; }
	.tab_music .current { background-position:-769px -171px; }
	.tab_music .current a { background-position:right -171px; color:#333 !important; text-decoration:none !important; font-weight:bold; padding:0 9px; }
	#TopMusicFromBaidu .meat { padding-bottom:8px; }
	#TopMusicFromBaidu .tablet { padding-left:26px; height:329px; overflow:auto; margin-top:10px; }
	#TopMusicFromBaidu .tablet li { line-height:24px; float:left; width:210px; float:left; }
	#TopMusicFromBaidu .tablet li a { color:#666; text-decoration:underline; }
	#TopMusicFromBaidu .tablet li a:hover { text-decoration:none; }
	#PicStyleSelect { width:539px; margin-left:-269px; top:400px; } /* 图片样式选择层 */
	.style-list { margin:10px 2px 4px 12px; height:266px; padding-top:2px; overflow:auto; overflow-x:hidden; }
	.style-list ul { overflow:hidden; zoom:1; width:504px; }
	.style-list li { width:50px; float:left; padding:0 13px 7px 0; }
	.style-list li div { width:50px; height:40px; overflow:hidden; }
	.style-list li div img { width:48px; height:38px; border:1px solid #ccc; }
	.style-list li p { height:18px; line-height:18px; margin-top:3px; overflow:hidden; text-align:center; }
	.effect-list { margin-left:18px; height:390px; }
	.effect-list ul { overflow:hidden; zoom:1; width:498px; }
	.effect-list li { width:66px; padding:0 17px 12px 0; }
	.effect-list li div { width:66px; height:66px; }
	.effect-list li div img { width:60px; height:60px; padding:2px; }
	#PicTextInput { width:289px; margin-left:-145px; top:400px; } /* 图片文字输入层 */
	#PicTextInput .meat { padding:8px 0 8px 10px; }
	#PicTextInput .txt, #PicTextInput .s1 { margin-right:4px; }
	#EffectAll, #BorderAll { width:539px; margin-left:-269px; top:140px; } /* 全部特效层 */
	#MusicRemove, #PicDelete, #Alert { width:315px; margin-left:-157px; top:200px; } /* 音乐&图片移除 */
	#MusicRemove .meat, #PicDelete .meat, #Alert .meat { padding:16px 0 24px; text-align:center; }
	#MusicRemove p, #PicDelete p, #Alert p { padding-bottom:12px; }
	#MusicRemove .btn, #PicDelete .btn { margin:0 7px; }
	#LastStep { z-index:10002; width:315px; margin-left:-157px; top:200px; } /* 最后一步 */
	#LastStep .meat { padding:12px 0 8px; }
	p.LastPT { margin:0 9px 12px; text-align:center; padding-bottom:4px; background:url(../site/200708/images/public/dot_9.png) repeat-x 0 bottom; }
	#LastStep .meat label { width:35px; float:left; }
	#LastStep .meat div { padding:0 0 9px 29px; zoom:1; }
	#LastStep .meat .txt { width:205px; }
	#LastStep .meat .s1 { margin-left:35px !important; margin-left:38px; margin-right:4px; }
	#LastStep .meat .btn { width:101px; height:29px; background-position:-840px -93px; }

/* layout defination */
#Layout_1 { float:left; width:400px; padding-bottom:10px; }
	#Show { position:relative; height:300px; background:#c7c7c7; }
	#Handle { position:relative; background:white; width:254px; padding:10px 0 10px 10px; _padding-bottom:0; margin-top:10px; overflow:hidden; zoom:1; }
	#hoho { position:relative; width:254px; overflow:hidden; zoom:1; padding:10px 0 10px 10px; _padding-bottom:0; background:white; }
	#Handle a { float:left; margin-right:9px; font-size:14px; font-weight:bold; }
	#ShowType { position:relative; }
	#ShowType a { position:absolute; right:9px; top:-39px; font-size:14px; font-weight:bold; width:129px; margin-right:0; color:#9e5802; background-position:-367px -64px; }
#Layout_2 { float:left; width:564px; display:inline; margin-left:12px; }
	#Pic { overflow:hidden; width:100%; } /* 添加图片 */
		.option { width:133px; float:left; padding:23px 0 12px 25px; }
		.option div { margin-bottom:8px; }
		.option label { cursor:pointer; }
		.option label input { margin:0 3px 2px 0; *margin:-4px 1px 0 0; }
		.detail { width:404px; float:left; padding:11px 0 10px; }
		#Pic .detail a, #MusicByHot a { width:158px; background-position:-496px -64px; margin-bottom:8px; color:#666; }
		.detail .hot { color:#f45a12; }
	#Music {}
		#Music .option { padding-top:12px; *padding-top:16px; width:124px; }
		#Music .option label { margin-bottom:3px; * margin-bottom:8px; }
		#Music .detail { width:410px;; }
		#Music .detail a { text-decoration:underline; }
		#Music .detail a:hover { text-decoration:none; }
		#Music .detail .txt { width:256px; height:16px; padding:3px 0 1px 3px; *height:18px; *padding-top:0; line-height:20px; font-weight:normal; border:1px solid; border-color:#808080 #d3d0c9 #d3d0c9 #808080; background:url(images/mv/s.png) no-repeat -289px -96px; }
		#Music .detail .btn { width:68px; height:23px; padding:0; background:#d4d0c7; border:1px solid; border-color:white #7f7f7f #7f7f7f white; color:#333; font-weight:normal; }
		#Music .detail .s1 { margin-top:6px; }
		#Music .detail .s2 { color:#666; }
		#Music .detail .file { *width:286px; height:21px; border:1px solid; border-color:#808080 #d3d0c9 #d3d0c9 #808080; background:url(images/mv/s.png) no-repeat -289px -96px; }
		#MusicFromLocal .detail .btn { width:48px; }
	.uploading { padding:8px 0 8px 30px; }
		.uploading a { color:#f45a10; text-decoration:underline; }
		.uploading a:hover { text-decoration:none; }
		.uploading .ing span { color:#f55811; margin:0 4px; }
		.uploading .ifinish { color:#666; }
		.uploading .info div { display:inline; margin-right:12px; }
		.uploading .info span { color:#666; }
		.uploading .uploadbar { width:347px; height:8px; margin:4px 0 6px; border:1px solid #ccc; }
		.uploading .uploadbar span { display:block; height:8px; font-size:1px; text-indent:-9999px; line-height:1px; background:url(images/mv/s.png) no-repeat -112px -120px; }
	#MusicLoading {}
		#MusicLoading .info { position:relative; margin:0 13px; padding:8px 22px; background:url(../site/200708/images/public/dot_9.png) repeat-x 0 bottom; }
		#MusicLoading .loading { font-weight:bold; }
		#MusicLoading .info a { position:absolute; right:26px; top:15px; width:67px; background-position:-796px -64px; color:#666; }
		#MusicLoading .info .s1 { right:104px; }
		#MusicLoading .notice { padding:8px 35px; color:#666; overflow:hidden; zoom:1; }
		#MusicLoading strong { float:left; }
		#MusicLoading ol { float:left; padding-left:27px;  }
	#Set { padding-bottom:10px; } /* 普通设定 */
		#Set h3 { padding-top:4px; margin-bottom:10px; line-height:32px; font-size:12px; padding-left:10px; background:url(../site/200708/images/public/dot_9.png) repeat-x 0 bottom; }
		#Set .meat div { height:30px; padding-top:3px; }
		#Set .meat .s6 { padding-top:0; }
		#Set .meat label, #Set .meat div a, #Set .meat select { float:left; }
		#SetText { width:342px; float:left; display:inline; margin-left:20px; }
		#SetText .meat div { width:161px; padding-left:10px; float:left; }
		#SetText .s4 label { margin-right:12px; }
		#SetText .color { margin-top:3px; background:white; border:1px solid #ccc; width:67px; height:13px; text-indent:-9999px; overflow:hidden; }
		#SetText .s2 .color { background:black; }
		#SetText .clear { width:142px; background-position:-654px -64px; color:#666; }
		#SetSwitch { width:149px; float:left; display:inline; margin-left:31px; }
		#SetSwitch .meat div { padding-left:10px; }
	#Layout_2 .effect { padding-bottom:8px; }
	#Effect p, #Border p, #Lazy p { height:34px; padding:14px 0 0 19px; }
#Layout_3 { position:relative; float:left; width:100%; }
	#Layout_3 .m { position:absolute; left:150px; top:0; line-height:31px; color:white; }
	#PhotoList { padding:15px 0 0 0; overflow:hidden; zoom:1; *padding-bottom:15px; -moz-user-select:-moz-none; } /* 图片预览信息 */
		.mPhoto { float:left; margin:0 0 15px 23px; display:inline; position:relative; width:134px; height:196px; border:1px solid #ccc; }
		#PhotoList .blank { margin:0; width:1px; border:0; overflow:hidden; }
		.mPhoto .t { cursor:move; height:21px; padding-left:4px; line-height:21px; border-bottom:1px solid #ccc; background:url(images/mv/s.png) no-repeat -112px -96px; }
		.mPhoto .p { margin:4px 0 0 4px; background:#eee; width:126px; height:123px; overflow:hidden; text-align:center; vertical-align:middle; line-height:123px; }
		.mPhoto .h { padding-left:4px; padding-top:2px; *padding-top:4px; }
		.mPhoto .h_txt input { width:121px; height:14px; line-height:16px; padding:1px 0 1px 3px; border:1px solid #ccc; color:#666; font-size:12px; }
		.mPhoto .h_btn { padding:3px 0 0; }
		.mPhoto .h_btn a { float:left; width:43px; margin-left:13px; height:16px; line-height:16px; color:white !important; text-align:center; background:url(images/mv/s.png) no-repeat -246px -96px; }
		.mPhoto .h_close { position:absolute; right:0; top:0; width:22px; height:21px; display:block; text-indent:-9999px; overflow:hidden; }
	#Save { padding:10px 0 25px 441px; }
	#Save a { display:block; text-align:center; line-height:32px; color:white !important; font-size:14px; font-weight:bold; width:112px; height:32px; background:url(images/mv/s.png) no-repeat 0 -96px; }

/* other defination */
#UploadDiv { height:0; overflow:hidden; } /* 隐藏上传iframe */
	#UploadIFrame { width:0; height:0; }
#ColorPicker { position:absolute; width:210px; border:solid black; border-width:1px 0 0 1px; } /* 拾色器 */
	#ColorPicker ul { position:relative; z-index:3; overflow:hidden; zoom:1; }
	#ColorPicker iframe { position:absolute; z-index:2; left:-1px; top:-1px; opacity:0; filter:alpha(opacity=0); width:211px; height:121px; }
	#ColorPicker li { float:left; }
	#ColorPicker li a { display:block; width:9px; height:9px; font-size:1px; line-height:9px; border:solid black; border-width:0 1px 1px 0; }
	
/*newadd 2009.4.15by blueforest*/
ul#tablist{
margin-top:5px;
height:20px;
background: url(images/mv/ulbot.gif) bottom repeat-x;
}
ul#tablist li{
float:left;
background:url(images/mv/zhezhao_07.gif) left top no-repeat;
height:20px;
text-align:center;
margin-left:5px;
display:inline;
}
ul#tablist li a{
display:block;
background:url(images/mv/zhezhao_07.gif) top right no-repeat;
color:#fff;
line-height:20px;
padding:0 10px 0 5px;
float:left;
margin-left:5px;
display:inline;
text-decoration:none;
cursor:pointer;
}
ul#tablist li.currenta{
background:url(images/mv/over_03.gif) left 0 no-repeat;
}
ul#tablist li.currenta a{
background:url(images/mv/over_03.gif) right 0 no-repeat;
color:#333;
font-weight:bold;
line-height:20px;
}
p.albumCon{
padding:10px;
border-bottom:1px dotted #afafaf;
margin:5px;
clear:both;
}
.album{
line-height:20px;
}
ul.albumList{
position:relative;
}
ul.albumList li{
float:left;
margin:10px 25px;
display:inline;
width:106px;
height:102px;
}
ul.albumList li span.myphoto{
display:table-cell;
border:1px solid #ccc;
width:104px;
height:79px;
margin-bottom:5px;
vertical-align:middle;
text-align:center;
*display:block;
*font-size:70px;
overflow:hidden;
}
ul.albumList li span.myphoto img{
vertical-align:middle;
}
ul.albumList li span.myphotoCheck{
line-height:20px;
text-align:center;
display:block;
}
input.confirmBtn{
border:none;
width:69px;
height:27px;
line-height:27px;
text-align:center;
color:#666;
background:url(images/mv/albtn_03.gif) no-repeat;
margin:0 10px;
cursor:pointer;
}
p.btnPara{
clear:both;
text-align:center;
margin-left:0;
}
p.botPage{
margin-left:0;
text-align:center;
line-height:20px;
margin-top:12px;
}
p.botPage a{
text-decoration:none;
color:#666;
margin:0 6px;
}
p.pdao{
padding:0;
display:block;
float:left;
width:200px;
}
p.pdao span{
float:left;
margin:0 7px;
display:block;
width:50px;
height:25px;
}
.meatf{
overflow:hidden;
zoom:1;
}
.currentTit{
font-size:12px;
color:#676767;
line-height:25px;
clear:both;
font-weight:100;
padding-left:30px;
}
.currentTit span{
color:#CE5526;
}