﻿
hr {
background-color:#333333;
border:0 none;
color:#333333;
height:1px;
}
hr.ccc {
background-color:#CCCCCC;
border:0 none;
color:#CCCCCC;
height:1px;
}
.c {
clear:both;
}
.fl {
float:left;
}
.fr {
clear:right;
float:right;
}
.ac {
text-align:center;
}
.al {
text-align:left;
}
.ar {
text-align:right;
}
.none {
display:none;
}
.block {
display:block;
}
a.fff {
color:#FFFFFF;
}
.ccc, a.ccc {
color:#CCCCCC;
}
.blue {
color:blue;
}
a.red, .red {
color:red;
}
a.red:hover {
color:red;
}
.green {
color:green;
}
.note {
background:#DDFFDD none repeat scroll 0 0;
border-bottom:1px dotted #BBDDBB;
border-top:1px dotted #BBDDBB;
padding:0.5em 1em;
}
.important {
background:#FFFFDD none repeat scroll 0 0;
border-bottom:1px dotted #DDDDBB;
border-top:1px dotted #DDDDBB;
padding:0.5em 1em;
}
.warning {
background:#FFDDDD none repeat scroll 0 0;
border-bottom:1px dotted #DDBBBB;
border-top:1px dotted #DDBBBB;
padding:0.5em 1em;
}
.f12 {
font-size:12px;
}
.f14 {
font-size:14px;
}
.num {
-x-system-font:none;
font-family:arial;
font-size:10px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:400;
line-height:normal;
}
p.indent {
text-indent:2em;
}
body {
background:#000000 none repeat scroll 0 0;
color:#FFFFFF;
font-size:12px;
padding:4px 0;
text-align:center;
}
#navbarbox, #footbox {
margin:0 auto;
width:890px;
}


#topRightBox {
color:#CCCCCC;
font-family:verdana;
position:absolute;
right:4px;
top:4px;
}
#topRightBox a {
display:inline-block;
margin-right:1em;
padding:0;
}
#navbarbox {
background:#494949 none repeat scroll 0 0;
margin:0 auto 8px;
position:relative;
}
.navbar {
padding:0 5px;
text-align:left;
}
.themeList {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #B3B3B3;
margin-top:5px;
}
.themeList li {
float:left;
}
.themeList a {
background-image:url(i/icons1.gif);
background-repeat:no-repeat;
display:block;
height:10px;
margin:3px;
overflow:hidden;
text-indent:-9999px;
width:12px;
}
.themeList a.t0 {
background-position:-50px -250px;
}
.themeList a.t1 {
background-position:-50px -100px;
}
.themeList a.t2 {
background-position:-50px 0;
}
.selected a.t0 {
background-position:0 -250px;
}
.selected a.t1 {
background-position:0 -100px;
}
.selected a.t2 {
background-position:0 0;
}
#desktopLoading 
{
    height:23px;
}
#desktopLoading span {
margin-left:1em;
}
#desktopLoading span a {
text-decoration:underline;
}
#footbox {
margin:0.5em auto;
padding:6px 0;
}
#footbox em {
color:orange;
}
.icon_panel {
display:none;
position:absolute;
width:80px;
z-index:5;
cursor:pointer;
}
.icon_del,.icon_edit {
background-position:center top;
background-repeat:no-repeat;
display:block;
float:right;
height:23px;
text-indent:-9999px;
width:24px;
cursor:pointer;
}
.icon_share {
background-position:center top;
background-repeat:no-repeat;
display:block;
float:right;
height:23px;
text-indent:-9999px;
width:20px;
cursor:pointer;
}
	
.icon_del
{
background-image:url(../images/del.png);
}
.icon_share {
background-image:url(../images/share.png);
}
.icon_edit {
background-image:url(../images/edit.png);
}
.icon_del_hover {
background-image:url(../images/del-mouseover.png);
}
.icon_share_hover {
background-image:url(../images/share-mouseover.png);
}
.icon_edit_hover {
background-image:url(../images/edit-mouseover.png);
}

.desktop {
height:530px;
margin:0 auto;
overflow:hidden;
position:relative;
width:890px;
}

.icon2 {
-moz-user-select:none;
cursor:pointer;
height:80px;
margin:2px;
width:80px;
}
.icon_preview {
background:transparent url(../images/ico_bg.png) repeat scroll left top;
cursor:pointer;
height:80px;
margin:0 0 0 8px;
width:80px;
}
.inactive {
background:transparent url(../images/ico_bg.png) repeat scroll left top;
}
.hover {
background:transparent url(../images/ico_bg.png) repeat scroll 80px top;

}
.addsite {
color:#333333;
text-align:left;
}
.addsite dl.l1 {
border-top:1px solid #CCCCCC;
padding-top:1em;
}
.addsite dl.l1 dt {
display:inline-block;
font-size:13px;
margin:2px 0;
text-align:right;
width:120px;
}
.addsite dl.l1 dd {
display:inline-block;
margin:2px 0;
width:345px;
}
.addsite dl.l2 dt {
display:block;
text-align:left;
width:100%;
}
.addsite dl.l2 dd {
display:block;
width:100%;
}
#bg-icon-box a {
background-position:-25px -25px;
border:1px solid #999999;
cursor:pointer;
display:block;
float:left;
height:30px;
margin:0 3px;
padding:2px;
text-indent:-9999px;
width:30px;
}
#bg-icon-box a:hover, #bg-icon-box a:active {
border:1px solid #333333;
}
#site-icon-box .items div {
background-color:#FFFFFF;
background-position:-15px -10px;
border:1px solid #999999;
cursor:pointer;
float:left;
height:50px;
margin-right:5px;
width:50px;
}
#site-icon-box .items div.hover {
border:1px solid #2176C6;
}
#site-icon-box .items div.selected {
border:1px solid #333333;
}
#loginbox, #regbox {
margin:10px;
}
#feedback {
margin:10px 10px 30px 0;
}
#loginbox h2 {
color:red;
}
#regbox h2 {
color:green;
}
#feedback h2, #regbox h2, #loginbox h2, #cPanelWin h2, #adddeskbox h2 {
border-bottom:1px solid #CCCCCC;
font-size:14px;
font-weight:700;
padding:0.7em 0 0.5em 0.5em;
text-align:left;
}
#regbox h3, #loginbox h3 {
font-size:14px;
font-weight:700;
margin:30px 0 6px;
}
#cPanelWin {
height:450px;
margin:0 auto;
width:700px;
}
#adddeskbox {
height:300px;
margin:0 auto;
width:530px;
}
#cPanelWin h2, #adddeskbox h2 {
border-bottom:0 none;
color:#000000;
font-size:16px;
}
.winL, .winR {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #000000;
height:400px;
}
.winL {
float:left;
margin:0 4px;
width:150px;
}
.winR {
margin:0 4px 0 170px;
overflow-x:hidden;
overflow-y:auto;
width:520px;
}
.winSingle {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #000000;
height:250px;
margin:0 auto;
overflow-x:hidden;
overflow-y:auto;
}
.winRInner {
color:#000000;
padding:4px;
text-align:left;
}
.winRInner h3 {
color:#000000;
font-size:14px;
font-weight:700;
margin:1em;
}
.winRInner .icon2 {
margin:4px 8px;
}
.winRInner .iconDisabled {
opacity:0.4;
}
#reg-tip {
background:#DDFFDD none repeat scroll 0 0;
font-size:14px;
font-weight:700;
margin:30px 0 0;
padding:4px;
text-align:center;
}
.icon_preview .iconcontent, .icon2 .iconcontent {
position:static;
}
dl.winMenuContainer dt.placeholder {
background:transparent url(/i/title_bg_blue.jpg) repeat-x scroll 0 0;
font-weight:700;
height:27px;
}
dl.winMenuContainer dt.placeholderSel {
background:transparent url(/i/title_bg_blue_sel.jpg) repeat scroll 0 0;
}
dl.winMenuContainer a {
background-position:6px 3px;
background-repeat:no-repeat;
display:block;
font-size:10pt;
padding:5px 5px 5px 32px;
text-decoration:none;
}
a.iconLinks {
background-image:url(/i/icon_links.gif);
color:#333333;
}
a.iconLinksSel {
color:#FFFFFF;
letter-spacing:-1px;
text-decoration:none;
}
dl.winMenuContainer dd.subMenu a {
color:#333333;
margin:2px 0;
}
dl.winMenuContainer dd.subMenu a:hover {
color:#CC0000;
text-decoration:underline;
}
dl.winMenuContainer dd.subMenu a.subMenuSel {
color:#0000CC;
font-weight:700;
}
ul.tbl1 li {
clear:left;
padding:4px;
text-align:left;
vertical-align:top;
}
ul.tbl1 li label.cap, ul.tbl1 li label.cap2 {
display:block;
float:left;
margin-right:0.5em;
padding:4px;
text-align:right;
vertical-align:top;
width:10em;
}
ul.tbl1 li label.cap2 {
width:6em;
}
.handle {
display:none;
font-size:1pt;
height:21px;
position:absolute;
right:5px;
top:5px;
width:21px;
}

.box {
background-position:center top;
height:80px;
left:270px;
overflow:hidden;
position:absolute;
top:90px;
width:350px;
}

.eidtboxin 
{
background-position: left top;
height:160px;
width:106px;
}

.eidtboxinm
{
background-position: left top;
height:160px;
}

.eidtbox {
background-position:center top;
height:80px;
left:270px;
overflow:hidden;
position:absolute;
top:0px;
width:350px;
}

.drgHoverBoxDel {
background-position:right top;
}
#bgSelect {
margin:4px 0 6px;
}
.iconSelBoxTitle {
margin:0 0 6px;
}
#sysIconSelect {
height:70px;
margin:0 0 4px;
overflow-x:auto;
overflow-y:hidden;
width:337px;
}
.icon_area {
left:0;
position:absolute;
top:0;
}
.round {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
}
a.addNewDesktop {
display:block;
float:left;
padding:5px 5px 0 2px;
}
a:focus {
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
}

#suggest_box {
display:none;
position:absolute;
text-align:left;
z-index:11;
}
#suggest_box table {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #333333;
text-align:right;
}
#suggest_box tr {
line-height:17px;
}
#suggest_box .hover {
background:#3366CC none repeat scroll 0 0;
color:#FFFFFF;
}
.suggest_keyword {
color:#000000;
font-size:13px;
overflow:hidden;
padding:0 1em 0 3px;
text-align:left;
white-space:nowrap;
}
.suggest_num {
color:green;
font-size:10px;
overflow:hidden;
padding:0 3px;
text-align:right;
white-space:nowrap;
}
#suggest_box .hover .suggest_keyword {
color:#FFFFFF;
}
#suggest_box .hover .suggest_num {
color:#FFFFFF;
}
.tip-new {
position:absolute;
z-index:2;
}
.navbar .tip-new {
right:4px;
top:-15px;
}
.iconCateList {
margin:0 1em 1em;
}
.iconCateList a:link, .iconCateList a:visited {
color:#275CAB;
margin-right:1em;
}
.iconCateList a.selected:link, .iconCateList a.selected:visited {
background:#275CAB none repeat scroll 0 0;
color:#FFFFFF;
padding:2px;
}
.bubble {
overflow:hidden;
position:absolute;
text-align:left;
width:177px;
height:107px;
z-index:10;
background: url(../images/bubble2.png) no-repeat;
}
.bubble div {
color:#666666;
font-family:Arial;
line-height:130%;
padding:22px 10px 10px;
}
.bubble .bubble-close {
top:5px;
position:absolute;
right:10px;
}
#HLB {
border:2px dotted #CCCCCC;
display:none;
height:80px;
left:0;
position:absolute;
top:0;
width:80px;
}
.recom-site-cate-list {
margin:4px;
padding:4px;
}
.recom-site-cate-list dl {
float:left;
margin:0 0 1em;
width:49%;
}
.recom-site-cate-list dl dt {
font-size:14px;
margin:0 0 0.4em;
}
.recom-site-cate-list dl dd {
line-height:150%;
padding-right:1em;
}
.recom-site-nav {
font-size:14px;
margin:4px;
padding:4px;
}
#site-icon-box {
width:4340px;
}
.contextMenu {
background:#EEEEEE none repeat scroll 0 0;
border:1px solid #CCCCCC;
display:none;
margin:0;
padding:0;
position:absolute;
text-align:left;
width:120px;
z-index:99;
}
.contextMenu li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
.contextMenu a {
background-position:6px center;
background-repeat:no-repeat;
color:#333333;
display:block;
height:20px;
line-height:20px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
padding:1px 5px 1px 28px;
text-decoration:none;
}
.contextMenu li.hover a {
background-color:#3399FF;
color:#FFFFFF;
}
.contextMenu li.disabled a {
color:#AAAAAA;
cursor:default;
}
.contextMenu li.hover.disabled a {
background-color:transparent;
}
.contextMenu li.separator {
border-top:1px solid #CCCCCC;
}

#jsddm {
margin:0;
line-height:23px;
}
#desktopList{list-style-type:none; clear:both; }
#desktopList li{float:left; overflow:hidden;}
.two_part{margin:6px 12px 0px 12px; float:left; width:1px; height:10px; border-right:1px solid #555555; overflow: hidden;}

a.editButton {
margin-left:0.5em;
text-decoration:underline;
}

.Flip{ margin-top:5px; float:right; overflow:hidden;line-height:15px;height:14px;}
.Flip a{text-decoration:none;}
.FlipJs_One{float:left; width:16px; height:100%;background:url(../images/FlipImg001.png) -1px 0; padding-right:1px;}
#deskpage .FlipJs_One a{color:#333;}
.FlipJs_Two{float:left; width:16px; height:100%;background:url(../images/FlipImg002.png) -1px 0; padding-right:1px;}
#deskpage .FlipJs_Two a{color:#aeaeae;}
.Flip_Gray,.Flip_Gray a:link,.Flip_Gray a:visited{font-family: Arial, Helvetica, sans-serif;font-size: 10px;line-height: 15px;font-weight: normal;color: #747373;	text-decoration: none;}
.Flip_Gray a:hover{font-family: Arial, Helvetica, sans-serif;font-size: 10px;line-height: 15px;font-weight: normal;color: #666;	text-decoration: none;}
.Flip_Black,.Flip_Black a:link,.Flip_Black a:visited{font-family: Arial, Helvetica, sans-serif;font-size: 10px;line-height: 15px;font-weight: normal;color: #393939;	text-decoration: none;}
.Flip_Black a:hover{font-family: Arial, Helvetica, sans-serif;font-size: 10px;line-height: 15px;font-weight: normal;color: #fff;	text-decoration: none;}