/* ��ӭҳ - ������ */
.navbar
{
    line-height: 33px;
    height: 33px;
    background: url('../images/navbar.gif') repeat-x;
    width: 99%;
    position: relative;
    margin-top: 3px;
    margin-bottom: 3px;
}

.lucency
{
	line-height: 33px;
    height: 33px;
    background: url('../images/lucency.png') repeat-x;
    width: 99%;
    position: relative;
    margin-top: 3px;
    margin-bottom: 3px;
}
.lucency-l,.lucency-r
{
	width: 2px;
    height: 33px;
    background: url('../images/lucency.png') no-repeat;
    position: absolute;
}
.navbar-l, .navbar-r
{
    width: 2px;
    height: 33px;
    background: url('../images/navbar.gif') no-repeat;
    position: absolute;
}
.lucency-l
{
	left: 0px;
    background-position: 0px -33px;
}
.navbar-l
{
    left: 0px;
    background-position: 0px -33px;
}
.lucency-r
{
	right: 0px;
    background-position: 0px -66px;
}
.navbar-r
{
    right: 0px;
    background-position: 0px -66px;
}
.navbar-icon
{
    position: absolute;
    left: 7px;
    top: 6px;
}
.navbar img
{
    width: 20px;
    height: 20px;
}
.navbar-inner
{
    margin-left: 30px;
}
.navbar a
{
    color: #3186C8;
}
.
.l-clear
{
    clear: both;
}


/* ��ӭҳ - ��ݰ�ť (ͼƬ+����) */
.links
{
    display: block;
    position: relative;
    margin-top: 4px;
    margin-bottom: 4px;
}
.link
{
    float: left;
    position: relative;
    width: 60px;
    height: 60px;
    margin: 5px;
    text-align: center;
    border: 0px solid #FFFFFF;
    cursor: pointer;
}
.downloadlink
{
	float: left;
    position: relative;
    width: 80px;
    height: 80px;
    margin-right: 70px;
    text-align: center;
    border: 0px;
    cursor: pointer;
}

.folderlink{
	float:  : left;
	position: relative;
	width: 70px;
	height: 70px;
	margin-top: 5px;
	text-align: center;
	border: 0px;
}

.filelink{
	float:  : left;
	position: relative;
	width: 40px;
	height: 40px;
	margin: 5px;
	text-align: center;
	border: 0px;
}

.link img
{
    display: block;
    margin: 5px auto;
    width: 32px;
    height: 32px;
}

.linkover
{
    border: 1px solid #d3d3d3;
    background: #f1f1f1;
}


.link .close
{
    position: absolute;
    top: 1px;
    right: 1px;
    display: none;
    width: 11px;
    height: 11px;
    background: white;
    border: 1px solid #f1f1f1;
    background: url(../images/icon-close.gif);
}
.linkover .close
{
    display: block;
}
.link .closeover
{
    border: 1px solid #d3d3d3;
    background: url(../images/icon-close-over.gif);
}


/* һ���� ������ */
.navline { height: 1px;
line-height: 1px;
width: 100%; border-bottom: 1px solid #f5f5f5;
background-color: #D9D9D9;
width: 100%;
font-size: 1px;!important
}


/* ��ӭҳ - ��ť�Ķ��� */
.withicon { display: block; position: relative; margin-top: 4px; margin-bottom: 4px; }
.withicon .icon { position: absolute; left: 7px; top: -5px; width: 20px; height: 20px; }
.withicon span { line-height: 32px; margin-left: 33px; display: block; }
.withicon img { width: 20px; height: 20px; }

/* body{font-family: "΢���ź�", "����", Arial, sans-serif; font-size: 12px; } */
* { margin: 0; padding: 0; }
a { color: #333; cursor: pointer; }
span.star { color: Red; line-height: 25px; }
a:hover { text-decoration: underline; }
p { line-height: 26px; }
p, span, b, div { text-align: left; }
p.p1 { line-height: 32px; }
.l-clear { clear: both; }
ul, li { list-style: none; }
.invalid { color: #FF1010; margin-top: 6px; margin-left: 4px;  }
.jloading { position: absolute; right: 0; top: 0; padding: 4px; color: White; background: #6287AC; z-index: 99999; border-left: 1px solid #53779D; border-bottom: 1px solid #53779D; filter: alpha(opacity=70); opacity: 0.70; }