@charset "gb2312";
/* 全局样式 */

html,body{ font-family:Arial; font-family:"Microsoft YaHei";  font-size:12px; color:#555; overflow:hidden;}

html,body,ul,ol,li,form,dl,dt,dd{ padding:0; margin:0; list-style:none;}

a {text-decoration:none;cursor:pointer;}
a:link,a:visited{ color:#333;}
a:hover{ color:#369;}
a img{ border:none;}

img {border:none; vertical-align:middle;}

/* 表单元素 */
input, button, select, textarea{ vertical-align:middle; }
textarea, input{ padding:3px; border:1px solid #ccc; border-color:#666 #ccc #ccc #666; background:#F9F9F9; color:#333;}
textarea{ font-family:Verdana;width:500px;border:1px solid #718da6; line-height:18px;}
select{ font:normal 13px Verdana; padding:1px; border:1px solid #ccc; border-color:#666 #ccc #ccc #666; background:#F9F9F9; color:#333; }
input.text:hover, input.text:focus, input.datetime:hover, input.datetime:focus, textarea:hover, textarea:focus{ border-color:#09C; background-color:#fff; }

/*
a {text-decoration:none;cursor:pointer;}
a,a:link,a:visited{color:#1E5494;}
a:hover{text-decoration:underline;}
*/


/*
	欢迎屏幕
*/
#greet{ width:100%; height:100%; background:#B4D9F1 url(pic/greet.gif) center center no-repeat; position:absolute; left:0; top:0; z-index:10000; }
	#start{ width:100px; height:100px; margin:200px auto;}
	#start .logo{ background:url(pic/starting_logo.gif) center center no-repeat; width:100px; height:100px;}
	#start .load{ background:#333 url(pic/starting.gif) center center no-repeat; width:100px; margin-top:10px; height:3px; border:#333 solid 1px;}

/*
	顶层容器
*/
#wrapper{ }

	#header{ background:#999; line-height:20px; height:70px; overflow:hidden;}
	
		/*
			网站图标
		*/
		#logo{ float:left; height:100%; overflow:hidden;}
			#logo img{ vertical-align:middle;}
	
		/*
			快捷方式
		*/
		#quick{ margin:5px 10px; width:600px; overflow:hidden; float:left; line-height:15px; }
			#quick li{ text-align:center; float:left; width:60px; margin:0;}
			#quick li img{ width:32px; margin-bottom:2px;}
			#quick li a{ text-decoration:none; color:#fff; display:block; width:100%; height:100%; padding:5px 0;}
			#quick li a:hover{ text-decoration:none; background:#666; background:url(pic/sprite.png) -190px -110px no-repeat; }
			#quick li.active a{ background:url(pic/sprite.png) -260px -110px no-repeat; }
			
			/*
			#quick li#bind_addons img{ width:38px; height:50px; background:url(pic/sprite.png) -450px -3px no-repeat; }
			#quick li#bind_addons a:hover img{ background:url(pic/sprite.png) -450px -53px no-repeat; }
			*/
			
		/*
			个人收藏
		*/
		#addon{ margin:10px 0; width:38px; height:50px; background:url(pic/sprite.png) -450px -3px no-repeat; float:left; text-align:center; font-family:Verdana; font-size:10px; line-height:65px; }
			#addon.active{ background:url(pic/sprite.png) -450px -53px no-repeat; cursor:pointer; }
			#addon.active:hover{ background:url(pic/sprite.png) -450px -200px no-repeat;  line-height:60px;}
			
		/*
			更多收藏
		*/
		#collect{ width:300px; height:300px; top:50px; background:url(pic/collect.png) -0 -0 no-repeat; z-index:100000; padding:10px; position:absolute; }
			#collect ul{ overflow:hidden; }
			#collect ul li{ text-align:center; line-height:20px; float:left; width:60px; height:90px; margin:7px;}
			#collect ul li img{  margin-bottom:4px; }	
			#collect ul li a{ display:block; margin:0; color:#fff; text-decoration:none; }
			#collect ul li span{ display:block; padding:2px 1px 0 1px; line-height:18px; background:url(pic/sprite.png) -280px -50px no-repeat; }
			
		/*动态消息*/
		#quick li div,#collect ul li div{ position:relative; display:inline-block; background:url(pic/sprite.png) right -320px no-repeat; padding-right:8px; height:17px; line-height:18px; top:-60px; }
		#quick li div strong,#collect ul li div strong{ background:url(pic/sprite.png) -454px -300px no-repeat; padding-left:8px; display:inline-block; color:#fff; }
		
		#collect ul li div{  top:-85px; }
	
		/*
			用户头像
		*/
		#avatar{ padding:13px 10px; height:100%; width:120px; float:right; overflow:hidden; background:#666; color:#fff;}
			#avatar a{ color:#fff;}
			#avatar img{ float:left; margin-right:10px; border:#ccc solid 1px;}
			
			
		/*
			新年图标
		*/
		#newyear{ z-index:100; width:58px; position:absolute; top:0; right:97px; }
			#newyear img{ border:none; }
			#newyear.spring{ top:0; right:130px; }
		
		/*
			积雪
		*/
		#snow{background:url(pic/snow.gif) repeat-x; height:15px; width:100%; position:absolute; top:55px; left:0; overflow:hidden;}
	
		/*
			浮动菜单
		*/
		#menu{ position:absolute; padding:5px; overflow:auto; width:400px; height:350px; z-index:9999; margin-top:55px; border:#666666 solid 1px; background:#666666;}
		
			#menu div{ background:#666666; padding:5px; color:#efefef; clear:both; font-weight:bold;}
				#menu div img{ margin-right:5px; width:16px; height:16px; vertical-align:middle;}
				
			#menu ul{ padding:5px; line-height:25px; clear:both; overflow:hidden; background:#333;}
				#menu ul li{ float:left; width:20%; text-align:center;}
				#menu ul li a{ color:#ccc;}
				#menu ul li a:hover{ color:#fff;}
			
			
			
	/*
		桌面
	*/
	#container{ background:#fff; padding:0 10px; overflow:hidden;}
	
		/*
			应用列表
		*/
		#apps{ width:450px; margin:15px 5px;}
		
			#apps dl{}
			#apps dl dt{ font-size:14px; line-height:25px; font-weight:bold; color:#36C; clear:both; border-bottom:#fff solid 2px; }
				#apps dl dt strong{ display:inline-block; width:80px; text-align:center; }
				
				#apps dl dt ol{ display:block; float:right; text-align:center; }
					#apps dl dt ol li{ width:6px; height:6px; float:left; display:inline-block; margin:2px 3px; background: url(pic/sprite.png) no-repeat -295px -75px; cursor: pointer; padding:5px; overflow:hidden; }
					#apps dl dt ol li.active { background: url(pic/sprite.png) no-repeat -275px -75px; }
				
			#apps dl dd{ padding:15px 0;  line-height:16px; margin:0;  clear:both;}
			
			/*
				消息栏
			*/
			#apps dl dd div{ text-align:center; line-height:30px; width:150px; margin:20px auto; background:url(pic/sprite.png) no-repeat -290px -200px;}

			/*
				公告
			*/
			#apps dl dd ol{ overflow:hidden;}
				#apps dl dd ol li{ line-height:25px; background:url(pic/sprite.png) no-repeat -60px -270px; margin:0 10px 10px 10px; padding:0 10px;}
				#apps dl dd ol li a{ color:#1E5494;; }
				#apps dl dd ol li span{ color:#999;}
			/*
				应用
			*/
			#apps dl dd ul{ overflow:hidden;}
				#apps dl dd ul li{ text-align:center; line-height:20px; float:left; width:60px; height:100px; margin:0 20px 0 10px;}
				#apps dl dd ul li img{  margin-bottom:4px; }	
				#apps dl dd ul li a{ display:block; margin:0; color:#666; }
				#apps dl dd ul li span{ display:block; padding:2px 1px 0 1px; }

	/*
		底部
	*/
	#footbg{ height:30px; background-color:#fff; filter:alpha(opacity=50); opacity:0.5; z-index:1; }
	
	#footer{ margin-top:-30px; z-index:2; position:relative; background:url(pic/sprite.png) center -470px no-repeat; padding:2px 5px; line-height:20px; height:26px; text-align:center; overflow:hidden;}
	
		/*
			消除透明
		*/
		#footer *{ position:relative;}
	
		/*
			驱动商
		*/
		#powered{ color:#999; border:red solid 1px; text-align:center; display:none;}
	
		/*
			任务条
		*/
		#task{ overflow:hidden; float:left; line-height:15px; border-right:#999 dashed 1px;}
			#task li{ text-align:center; float:left; margin:3px 5px;}
			#task li img{ width:20px;}
			#task li a{ text-decoration:none;}
			#task li a:hover{ text-decoration:none;}
	
		/*
			控制器
		*/
		#place{ overflow:hidden; float:right; line-height:15px;}
			#place li{ text-align:center; float:left;}
			#place li img{ width:16px;}
			#place li a{ text-decoration:none; display:block; width:18px; height:26px; margin:4px 9px; overflow:hidden; background:url(pic/portal.png) center center no-repeat;}
			#place li a:hover{ text-decoration:none; width:36px; margin:0; }

			/*
				显示桌面
			*/
			#place li#bind_desktop a{ background-position:-120px -20px;}
			#place li#bind_desktop a:hover{ background-position:-240px -320px;}

			/*
				主题设置
			*/
			#place li#bind_theme a{ background-position:-20px -20px; }
			#place li#bind_theme a:hover{ background-position:-40px -320px; }

			/*
				刷新页面
			*/
			#place li#bind_refresh a{ background-position:-220px -20px; }
			#place li#bind_refresh a:hover{ background-position:-320px -280px; }

			/*
				个性设置
			*/
			#place li#bind_custom a{ background-position:-240px -20px; }
			#place li#bind_custom a:hover{ background-position:-280px -280px; }
			
			/*
				退出登录
			*/
			#place li#bind_logout a{ background-position:-200px -20px; }
			#place li#bind_logout a:hover{ background-position:-360px -280px; }
	

		/*
			状态栏工具提示
		*/
		#tip{ color:#FFF;text-align:center; background:#666;  background:url(pic/sprite.png) -370px -10px no-repeat;  position:absolute; line-height:25px; height:30px; width:55px;  margin-top:-33px; z-index:9999; overflow:hidden;}
			#tip.last{  background-position:-370px -50px; }
			
		/*
			插件块工具提示
		*/
		#tool{ color:#FFF;text-align:center; position:absolute; height:16px; width:36px;  margin-top:-16px; z-index:9999; overflow:hidden;}
			#tool span{ display:inline-block; width:16px; height:16px; background:url(pic/portal.png) -42px -2px no-repeat;}
			#tool span.close{ background-position:-42px -2px;}
			#tool span.front{ background-position:-2px -2px;}

		
	/*******************************************************/
	
	/*
		操作窗口
	*/
	.dialog{ position:absolute; background:#fff url(pic/mo-dialog.gif) repeat-x; z-index:9999; position:absolute; padding:30px 0 0 0; border:#6B97C1 solid 2px; overflow:hidden; }
		
		.dialog dt{ background:#8BACCF url(pic/mo-dialog.gif); padding:6px 0; text-indent:10px; line-height:16px; color:#fff; font-weight:bold; border-bottom:#6B97C1 solid 1px; width:100%; margin-top:-30px; position:relative; }
		
		.dialog dt.drag{ cursor:move;}
			.dialog dt span{ float:right; width:12px; height:12px; overflow:hidden; display:inline-block; cursor:pointer; margin:2px 5px;}
			.dialog dt span:hover{ }
			
			
			.dialog dt .minimize{ background:url(pic/mo-dialog.gif) center -46px;}
			.dialog dt .maximize{ background:url(pic/mo-dialog.gif) center -80px;}
			.dialog dt .remove{ background:url(pic/mo-dialog.gif) center -140px;}
			.dialog dt .toggle{ background:url(pic/mo-dialog.gif) center -110px;}
			
			
			.dialog dd{ padding:0; margin:-1px; width:100%; height:100%; overflow:hidden; background:#fff;}

			.dialog dd form{ line-height:20px; padding:10px; margin:0;}
				.dialog dd form p{ margin:5px 0;}
				.dialog dd form a{ color:#666;}
				
			.dialog dd iframe{ width:100%; height:100%; }

			.dialog dd textarea, .dialog dd input{ padding:3px; border:1px solid #ccc; border-color:#666 #ccc #ccc #666; background:#F9F9F9; color:#333;  vertical-align:middle;}
			.dialog dd select{ padding:1px; border:1px solid #ccc; border-color:#666 #ccc #ccc #666; background:#F9F9F9; color:#333;  vertical-align:middle;}
			.dialog dd input.login{ width:150px;}
			.dialog dd input.radio{ border:none;}
			.dialog dd select{ font-size:13px; }
			.dialog dd textarea{ width:85%; }

			
	
	/*
		插件容器
	*/
	.widget{ position:absolute; overflow:hidden; padding:2px;}
	
	/*
		应用窗口
	*/
	.window{ border:#999 solid 1px; background:#E8E8E8; padding:33px 5px 5px 5px; position:absolute; left:100px; top:100px; overflow:hidden;}
		.window dt{ line-height:30px; font-weight:bold; color:#333; margin-top:-30px; padding:0 10px; font-size:14px; position:relative;}
			.window dt span{ float:right; cursor:default;  width:21px; height:21px; overflow:hidden; display:block; cursor:pointer; margin:2px 0 0 5px;}			
			
			.window dt .minimize{ background:url(pic/sprite.png) -74px -200px;}
				.window dt .minimize:hover{ background:url(pic/sprite.png) -74px -230px;}
			
			.window dt .maximize{ background:url(pic/sprite.png) -104px -200px;}
				.window dt .maximize:hover{ background:url(pic/sprite.png) -104px -230px;}
			
			.window dt .toggle{ background:url(pic/sprite.png) -44px -200px;}
				.window dt .toggle:hover{ background:url(pic/sprite.png) -44px -230px;}
			
			.window dt .remove{ background:url(pic/sprite.png) -134px -200px;}
				.window dt .remove:hover{ background-position: -134px -230px;}
				
			.window dt .toggle{ background:url(pic/sprite.png) -44px -200px;}			
				.window dt .toggle:hover{ background:url(pic/sprite.png) -44px -230px;}			
		
		.window dd{ background:#fff; border:#A1B4B0 solid 1px; margin:-1px; width:100%; height:100%;}
			.window dd iframe{ width:100%; height:100%; }
	









