﻿* { margin:0; padding:0; border:0; list-style:none;}
body { color:#fff; font-size:12px; font-family:Arial, Helvetica, "宋体"; background:#fff; background: url(images/bg.jpg) center;  -moz-user-select:none;}
a { color:#fff; text-decoration:none; }
a:hover { text-decoration:underline;}

.hidden { display:none;}
.clear { clear:both; height:0; overflow:hidden;}

/* 表单 */
label { color:#888;}
.txt { display:inline; float:left; margin-right:5px; border:1px solid #ccc; padding:2px 3px; width:320px; height:16px; line-height:16px; background:#fff;}
.txt.file { height:22px;}
.submit { display:inline; float:left; border:1px solid #8ec741; padding:3px 8px; *padding:4px 8px 2px; height:14px; overflow:hidden; line-height:15px; font-size:12px; font-weight:bold; background:#297619; text-decoration:none; color:#fff;}
.submit:hover { border:1px solid #ffa800; color:#fff; text-decoration:none; background:#c00;}
select { border:1px solid #ccc;}

/* thickbox */
#TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333;}
#TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666666;}
#TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%;}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75;}
* html #TB_overlay { /* ie6 hack */ position: absolute;  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_window { position:absolute; background: #f1f1f1; z-index: 102; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:298px; left:50%;}
* html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + 'px');}
#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}
#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}
#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}
#TB_closeAjaxWindow {
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}
	#TB_closeAjaxWindow a { color:#666;}
#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}
#TB_title{
	background:#f1f1f1;
	height:27px;
}
#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
	padding:15px;
}
#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}
#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

/* 对话框 */
.dialog {}
	.dialog .tab { height:25px; overflow:hidden; background:url(/Public/Images/solid_ccc.gif) repeat-x bottom;}
		.dialog .tab a { display:inline; float:left; border:1px solid #ddd; border-bottom:0; margin-right:3px; padding:0 8px; height:23px; overflow:hidden; line-height:24px; *line-height:26px; background:#ddd; color:#000;}
		.dialog .tab a:hover { border-color:#ddd; background:#ccc; text-decoration:none;}
		.dialog .tab a.on,
		.dialog .tab a.on:hover { border-top-width:2px; border-color:#ccc; background:#fff; text-decoration:none;}
	.dialog .body { border:1px solid #ccc; border-top:0; padding:5px; background:#fff;}
	.form { padding:8px;}
		.form td { padding:5px 0;}
		.form .err { margin-left:1em; color:#f00;}
		.form .submit { margin-right:10px;}
		
/* 系统消息 */
.systemMessage {position:absolute; border:1px solid #ccc; padding:8px 12px; width:300px; line-height:20px; text-align:center; background:#ffc; color:#333; z-index:1001;}
.music {width: 274px;position: fixed; bottom: 20px; left:0px; z-index:100;}
.wapper { margin:0 auto; width:890px; overflow:hidden;}
	/* 头部 */
	.header { padding:6px 0;}
		.logo {float:left; width:220px; height:50px; padding-bottom:10px;}
		.tianqi {float:left; width:170px; height:35px; padding-top:10px;}
		.sub-nav { float:right; padding-top:20px;}
			.sub-nav a { display:inline-block; margin-right:0px; padding-left:24px; overflow:hidden; line-height:25px; *line-height:25px;}
			.sub-nav a.accountlink { background:url(images/top_zhuomian.png) no-repeat 1px 0; text-shadow: 1px 1px 1px #000;}
			.sub-nav a.settingslink { background:url(images/top_look.png) no-repeat; text-shadow: 1px 1px 1px #000;}
			.sub-nav a.messageslink { background:url(images/top_home.png) no-repeat 1px 0; text-shadow: 1px 1px 1px #000;}
			.sub-nav a.helplink { background:url(images/top_help.png) no-repeat 5px 0; text-shadow: 1px 1px 1px #000;}
	/* 导航条 */
	.nav { width:890px; height:26px; overflow:hidden; line-height:26px; *line-height:26px; background:url(images/bar_bg.png) no-repeat center;}
		.nav p { padding-right:8px; color:#fff;}
		.nav a { height:26px; overflow:hidden;}
		.nav .opt { float:right; padding-right:5px; width:300px; background:url(images/bar_right.png) no-repeat right top;}
			.nav .opt li { float:right;}
				.nav .opt li a { display:block; float:left; border-left:1px solid #fff; padding:0 6px; color:#fff;}
		.add-desk { float:left;}
			.add-desk a { display:block; float:left; width:26px; height:26px; overflow:hidden; background:url(images/desktop_add.png) no-repeat; text-indent:-5000px;}
		
	.wrapper {width:550px; height:26px;overflow: hidden; background:url(images/bar_bg.png) no-repeat;border-left:1px solid #fff;}
	.wrapper .scroller {}
	.wrapper .scroller ul {list-style:none;margin:0;padding:0}
	.wrapper .scroller li {height:26px;float:left;border-right: 1px solid #fff;line-height:26px;text-align: center; padding:0 9px;}
	.wrapper .scroller li a{color:#fff;display:block;margin:0 1px; font-size:12px; text-decoration:none}
	.wrapper .scroller li a:hover{text-decoration:none; color: #FFFF00;}
	.wrapper .scroller li.on{background:url(images/desktop_bar_selected_background_right.png) repeat-x;}
	.wrapper .scroller li.on a{ padding-right:15px; color:#fff; font-size:13px; font-weight:bold; background:url(images/desktop_bar_selected_dropdown.png) no-repeat right 4px;}
		
		.desk-opt { position:absolute; border:1px solid #bbb; width:100px; z-index:2; background:#eee;}
			.desk-opt a { display:block; padding-left:25px; height:26px; overflow:hidden; line-height:26px; *line-height:26px; color:#444; background:no-repeat 5px 2px;}
			.desk-opt a:hover { background-color:#ccc; text-decoration:none;}
			.desk-opt a.edit { background-image:url(images/desktop_dropdown_edit.gif);}
			.desk-opt a.del { background-image:url(images/desktop_dropdown_delete.gif);}
			.desk-opt a.copy { background-image:url(images/desktop_dropdown_copy.gif);}
			.desk-opt a.deskbg { background-image:url(images/desktop_dropdown_share.gif);}
	/* 桌面 */
	.container { width:900px; height:540px; overflow:hidden;}
		.site-list {}
			.site-box { margin-top:10px; margin-right:10px; display:block; float:left; width:80px; height:80px; overflow:hidden; background:url(images/icon_background-white.png) no-repeat left top;}
			.icon { width:80px; height:80px; overflow:hidden;}
			.site-box.dragOver { background-position:-160px top;}
				.site-box.dragOver .icon { background-position:-80px top;}
			.icon.white { background:url(images/icon_background_white.gif) no-repeat; color:#000;}
			.icon.green { background:url(images/icon_background_green.gif) no-repeat; color:#FFF;}
			.icon.brown { background:url(images/icon_background_brown.gif) no-repeat; color:#FFF;}
			.icon.blue { background:url(images/icon_background_blue.gif) no-repeat; color: #FFF;}
			.icon.orange { background:url(images/icon_background_orange.gif) no-repeat; color:#FFF;}
			.icon.purple { background:url(images/icon_background_purple.gif) no-repeat;color:#FFF;}
			.icon.red { background:url(images/icon_background_red.gif) no-repeat; color:#FFF;}
			.icon-inner { padding:50px 1px 8px; width:80px; height:22px; overflow:hidden; line-height:22px; text-align:center; cursor:pointer;}
			#dropBox .icon-inner,
			.icon-inner.on { background:url(images/box.gif) no-repeat;};
		.c-t {}
		.c-l { float:left; width:270px; overflow:hidden;}
		.c-r { float:left; width:270px; overflow:hidden;}
		.c-b {}
		/* 中间 */
		.c-c { float:left; margin-top:10px; margin-right:10px; width:350px; height:170px; background:url(images/box_background_main_4_2.gif) no-repeat center;}
		.search-box { width:350px; height:170px; background:no-repeat center;}
		.search-box.baidu { background-image:url(images/box_background_main_4_2baidu.gif);}
		.search-box.google { background-image:url(images/box_background_main_4_2google.gif);}
		.search-box.weibo { background-image:url(images/box_background_main_4_2weibo.gif);}
		.search-box.taobao { background-image:url(images/box_background_main_4_2taobao.gif);}
			.c-c .search-box .inner { margin:0 auto; padding-top:94px; width:330px;}
			.c-c .search-tab { margin-top:8px; height:25px; overflow:hidden; line-height:25px; color:#333;}
				.c-c .search-tab img { margin-right:8px; cursor:pointer;}
			.c-c .opt { text-align:center;}
				.c-c .opt span { display:block; padding-top:130px; color:#666; font-weight:bold;}
				.c-c .opt-common #common-copy { width:350px; height:170px; background:url(images/drop_boxmain_move1.gif) no-repeat center;}
				.c-c .opt-common #common-copy.hover { background-image:url(images/drop_boxmain_move_hover1.gif)}
			.c-c .opt-mine { padding:5px 0;}
				.c-c .opt-mine div { float:left; width:116px; height:160px;}
				.c-c .opt-mine #mine-edit { background:url(images/drop_boxmain_edit.gif) no-repeat center;}
				.c-c .opt-mine #mine-edit.hover { background-image:url(images/drop_boxmain_edit_hover1.gif);}
				.c-c .opt-mine #mine-del { border-left:1px solid #aaa; border-right:1px solid #aaa; background:url(images/drop_boxmain_delete2.gif) no-repeat center;}
				.c-c .opt-mine #mine-del.hover { background-image:url(images/drop_boxmain_delete_hover2.gif);}
				.c-c .opt-mine #mine-copy { background:url(images/drop_boxmain_move2.gif) no-repeat center;}
				.c-c .opt-mine #mine-copy.hover { background-image:url(images/drop_boxmain_move_hover2.gif);}
				.c-c .opt-mine span { padding-top:125px;}
	.footer { line-height:36px; text-align:center; color:#fff; text-shadow: 1px 1px 1px #000;}

/* 滑块 */
.drop-box { position:absolute; filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}
/* 添加站点 */
.add-icon { position:absolute; width:80px; height:80px; background:url(images/icon_background.png) no-repeat -80px top; cursor:pointer;}
.add-site {}
	#uploadForm { height:28px; overflow:hidden;}
	.icon-upload {}
		.icon-upload .clear { margin-top:5px;}
	.default-icon-list { width:670px; height:80px; overflow:auto;}
		.default-icon-list a { display:inline; float:left; margin-right:5px; border:1px solid #ccc; width:50px; height:50px; background:no-repeat -15px -10px;}
		.icon-bg a.icon { display:inline; float:left; margin-right:5px; border:1px solid #ccc; width:30px; height:30px; background-position:-15px -38px;}
		.default-icon-list a:hover,
		.icon-bg a.icon:hover { border:1px solid #000;}
		.add-site .icon { margin:0 auto;}
		.add-site .icon-content { cursor:default;}
		.add-site .opt { margin:2px auto 0; width:300px;}
			.add-site .opt a { margin:0 6px;}
/* 用户登陆 */
.login {}
	.login .txt { width:200px;}
	.login .opt a { margin-right:10px;}
	.reg .txt { width:200px;}
	
/* 颜色选择 */
.site-title { height:22px;}
.color-seleter { position:absolute; margin-left:-30px; margin-top:7px; width:18px; height:9px; background:url(images/color-selecter.gif); text-indent:-5000px; overflow:hidden; cursor:pointer; z-index:2000;}
.color-picker { position:absolute; margin-left:118px; z-index:2000; cursor:crosshair;}
	.color-picker td { padding:0; width:10px; height:10px; overflow:hidden;}
	
.col_div{ 
	float:left; width:100%;  padding:0px; }
.drag_div{ 
	margin:0px auto; border:1px solid #1b243d; padding:0px; float:left; border:solid 0px black;
}
.no_drag{ height:0px; overflow:hidden; padding:0; border:0;}

