style.css

几个运用了DWR框架编写的AJAX代码,

#container {
	PADDING-RIGHT: 0px; MIN-WIDTH: 990px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; ; WIDTH: expression(document.body.clientWidth < 990 ? "990px" : "100%" ); PADDING-TOP: 0px
}
#header {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 10px 0px 0px; PADDING-TOP: 0px
}
#quote {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 70%; PADDING-TOP: 0px
}
#search-lang {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 2px; WIDTH: 29%; PADDING-TOP: 0px; POSITION: relative
}
#sidebar {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LEFT: 15px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 140px; PADDING-TOP: 0px; POSITION: absolute; TOP: 0px
}
#sidebar-wrapper {
	BACKGROUND: #fff; MARGIN: 0px; PADDING-TOP: 5px
}
#content {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 70%; LINE-HEIGHT: 130%; PADDING-TOP: 0px
}
#content-wrapper {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 10px 0px 165px; PADDING-TOP: 0px
}
#content-full {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 100%; LINE-HEIGHT: 130%; PADDING-TOP: 0px
}
#content-full #content-wrapper {
	MARGIN: 0px 40px 0px 165px
}
#rightbar {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 29%; PADDING-TOP: 0px; POSITION: relative
}
#right-wrapper {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 33px 0px 0px; PADDING-TOP: 0px
}
#footer {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 90%; PADDING-BOTTOM: 10px; MARGIN: 20px 45px 10px 170px; COLOR: #666; LINE-HEIGHT: 130%; PADDING-TOP: 0px
}
.box {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(i/bg-box-h-blue-l.gif) no-repeat left top; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.box H2 {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 100%; BACKGROUND: url(i/bg-box-h-blue-r.gif) no-repeat right top; PADDING-BOTTOM: 4px; MARGIN: 0px; COLOR: #fff; PADDING-TOP: 4px
}
.box .bottom-corners {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(i/bg-box-b-blue-l.gif) #fff no-repeat left top; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; PADDING-TOP: 0px; HEIGHT: 11px
}
.box .bottom-corners DIV {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(i/bg-box-b-blue-r.gif) no-repeat right top; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; HEIGHT: 11px
}
.box .top-corners {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(i/bg-box-t-blue-l.gif) #fff no-repeat left top; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; PADDING-TOP: 0px; HEIGHT: 6px
}
.box .top-corners DIV {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(i/bg-box-t-blue-r.gif) no-repeat right top; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; HEIGHT: 6px
}
.box .box-content {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(i/bg-box-blue-borders.gif) #fff repeat-y left top; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.box .box-content-2 {
	PADDING-RIGHT: 12px; PADDING-LEFT: 12px; BACKGROUND: url(i/bg-box-blue-borders.gif) repeat-y right top; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.box .box-content-2 SMALL {
	FONT-SIZE: 90%
}
.box .box-bottom {
	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; PADDING-TOP: 0px; HEIGHT: 1px
}
.box .box-content-3 {
	WIDTH: 100%
}
.box .box-content-4 {
	PADDING-RIGHT: 12px; PADDING-LEFT: 12px; BACKGROUND: url(i/bg-box-blue-borders.gif) repeat-y right top; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.box .box-content-5 {
	WIDTH: 100%
}
#content .box H2 {
	PADDING-RIGHT: 160px; PADDING-LEFT: 5px; FONT-SIZE: 100%; BACKGROUND: url(i/bg-box-h-blue-r.gif) no-repeat right top; PADDING-BOTTOM: 4px; MARGIN: 0px; COLOR: #fff; PADDING-TOP: 4px
}
#content-full .box H2 {
	PADDING-RIGHT: 160px; PADDING-LEFT: 5px; FONT-SIZE: 100%; BACKGROUND: url(i/bg-box-h-blue-r.gif) no-repeat right top; PADDING-BOTTOM: 4px; MARGIN: 0px; COLOR: #fff; PADDING-TOP: 4px
}
#sidebar .box {
	MARGIN: 10px 0px
}
#sidebar .box .box-content {
	BACKGROUND: url(i/bg-box-blue-s-borders.gif) #fff no-repeat left top
}
#sidebar .box .box-content-2 {
	BACKGROUND: url(i/bg-box-blue-s-borders.gif) no-repeat right top
}
.box-simple {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #fff; PADDING-BOTTOM: 0px; MARGIN: 10px 0px; WIDTH: 140px; PADDING-TOP: 0px
}
.box-simple-top {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(i/bg-sidebar.gif) no-repeat; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; PADDING-TOP: 0px; HEIGHT: 10px
}
.box-simple-bottom {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1px; BACKGROUND: url(i/bg-sidebar.gif) no-repeat 50% bottom; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; HEIGHT: 10px
}
.box-simple-content {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: #e2e7ea; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.box-simple H2 {
	MARGIN: 0px
}
.box-simple UL {
	MARGIN: 0px
}
.box-simple P {
	MARGIN: 0px
}
.box .banner {
	TEXT-ALIGN: center
}
.towerAdLeft {
	BORDER-RIGHT: #e1e6e9 1px solid; BORDER-TOP: #e1e6e9 1px solid; BORDER-LEFT: #e1e6e9 1px solid; BORDER-BOTTOM: #e1e6e9 1px solid
}
#rightbar .box {
	BACKGROUND: url(i/bg-box-h-green-l.gif) no-repeat left top
}
#rightbar .box H2 {
	BACKGROUND: url(i/bg-box-h-green-r.gif) no-repeat right top
}
#rightbar .box .top-corners {
	BACKGROUND: url(i/bg-box-t-green-l.gif) #fff no-repeat left top
}
#rightbar .box .top-corners DIV {
	BACKGROUND: url(i/bg-box-t-green-r.gif) no-repeat right top
}
#rightbar .box .box-content {
	BACKGROUND: url(i/bg-box-green-borders.gif) #fff no-repeat left top
}
#rightbar .box .box-content-2 {
	BACKGROUND: url(i/bg-box-green-borders.gif) no-repeat right top
}
#rightbar .box .bottom-corners {
	BACKGROUND: url(i/bg-box-b-green-l.gif) #fff no-repeat left top
}
#rightbar .box .bottom-corners DIV {
	BACKGROUND: url(i/bg-box-b-green-r.gif) no-repeat right top
}
.menu {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; RIGHT: 2px; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 37px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; POSITION: absolute; TOP: 30px
}
.m-ALL_EXCEPT_NEWS-on {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: url(i/m-all.gif) no-repeat; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 37px; TEXT-INDENT: -1000px; PADDING-TOP: 0px; HEIGHT: 38px; TEXT-DECORATION: none
}
.m-ALL_EXCEPT_NEWS-off {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: url(i/m-all.gif) no-repeat; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 37px; TEXT-INDENT: -1000px; PADDING-TOP: 0px; HEIGHT: 38px; TEXT-DECORATION: none
}
.m-ALL_EXCEPT_NEWS-on A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 37px; TEXT-INDENT: -1000px; PADDING-TOP: 0px; HEIGHT: 38px; TEXT-DECORATION: none
}
.m-ALL_EXCEPT_NEWS-off A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 37px; TEXT-INDENT: -1000px; PADDING-TOP: 0px; HEIGHT: 38px; TEXT-DECORATION: none
}
.m-ALL_EXCEPT_NEWS-on A {
	BACKGROUND: url(i/m-all-on.gif) no-repeat; TEXT-DECORATION: none
}
.m-ALL_EXCEPT_NEWS-off A:hover {
	BACKGROUND: url(i/m-all-a.gif) no-repeat; TEXT-DECORATION: none
}
.m-MINIBOOK-off {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: url(i/m-books.gif) no-repeat; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 37px; TEXT-INDENT: -1000px; PADDING-TOP: 0px; HEIGHT: 80px; TEXT-DECORATION: none
}
.m-MINIBOOK-on {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: url(i/m-books.gif) no-repeat; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 37px; TEXT-INDENT: -1000px; PADDING-TOP: 0px; HEIGHT: 80px; TEXT-DECORATION: none
}
.m-MINIBOOK-off A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 37px; TEXT-INDENT: -1000px; PADDING-TOP: 0px; HEIGHT: 80px; TEXT-DECORATION: none
}
.m-MINIBOOK-on A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 37px; TEXT-INDENT: -1000px; PADDING-TOP: 0px; HEIGHT: 80px; TEXT-DECORATION: none
}
.m-MINIBOOK-on A {
	BACKGROUND: url(i/m-books-on.gif) no-repeat; TEXT-DECORATION: none
}
.m-MINIBOOK-off A:hover {
	BACKGROUND: url(i/m-books-a.gif) no-repeat; TEXT-DECORATION: none
}
.m-ARTICLE-off {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: url(i/m-articles.gif) no-repeat; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 37px; TEXT-INDENT: -1000px; PADDING-TOP: 0px; HEIGHT: 66px; TEXT-DECORATION: none
}
.m-ARTICLE-on {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: url(i/m-articles.gif) no-repeat; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 37px; TEXT-INDENT: -1000px; PADDING-TOP: 0px; HEIGHT: 66px; TEXT-DECORATION: none
}
.m-ARTICLE-off A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 37px; TEXT-INDENT: -1000px; PADDING-TOP: 0px; HEIGHT: 66px; TEXT-DECORATION: none
}
.m-ARTICLE-on A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 37px; TEXT-INDENT: -1000px; PADDING-TOP: 0px; HEIGHT: 66px; TEXT-DECORATION: none
}
.m-ARTICLE-on A {
	BACKGROUND: url(i/m-articles-on.gif) no-repeat; TEXT-DECORATION: none
}
.m-ARTICLE-off A:hover {
	BACKGROUND: url(i/m-articles-a.gif) no-repeat; TEXT-DECORATION: none
}
.m-INTERVIEW-off {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: url(i/m-interviews.gif) no-repeat; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 37px; TEXT-INDENT: -1000px; PADDING-TOP: 0px; HEIGHT: 88px; TEXT-DECORATION: none
}
.m-INTERVIEW-on {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: url(i/m-interviews.gif) no-repeat; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 37px; TEXT-INDENT: -1000px; PADDING-TOP: 0px; HEIGHT: 88px; TEXT-DECORATION: none
}
.m-INTERVIEW-off A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 37px; TEXT-INDENT: -1000px; PADDING-TOP: 0px; HEIGHT: 88px; TEXT-DECORATION: none
}
.m-INTERVIEW-on A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 37px; TEXT-INDENT: -1000px; PADDING-TOP: 0px; HEIGHT: 88px; TEXT-DECORATION: none
}
.m-INTERVIEW-on A {
	BACKGROUND: url(i/m-interviews-on.gif) no-repeat; TEXT-DECORATION: none
}
.m-INTERVIEW-off A:hover {
	BACKGROUND: url(i/m-interviews-a.gif) no-repeat; TEXT-DECORATION: none
}
.m-PRESENTATION-off {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: url(i/m-presentations.gif) no-repeat; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 37px; TEXT-INDENT: -1000px; PADDING-TOP: 0px; HEIGHT: 88px; TEXT-DECORATION: none
}
.m-PRESENTATION-on {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: url(i/m-presentations.gif) no-repeat; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 37px; TEXT-INDENT: -1000px; PADDING-TOP: 0px; HEIGHT: 88px; TEXT-DECORATION: none
}
.m-PRESENTATION-off A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 37px; TEXT-INDENT: -1000px; PADDING-TOP: 0px; HEIGHT: 88px; TEXT-DECORATION: none
}
.m-PRESENTATION-on A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 37px; TEXT-INDENT: -1000px; PADDING-TOP: 0px; HEIGHT: 88px; TEXT-DECORATION: none
}
.m-PRESENTATION-on A {
	BACKGROUND: url(i/m-presentations-on.gif) no-repeat; TEXT-DECORATION: none
}
.m-PRESENTATION-off A:hover {
	BACKGROUND: url(i/m-presentations-a.gif) no-repeat; TEXT-DECORATION: none
}
.popup {
	PADDING-RIGHT: 7px; PADDING-LEFT: 0px; BACKGROUND: url(i/shadow.png) right bottom; PADDING-BOTTOM: 7px; MARGIN: 0px; PADDING-TOP: 0px; POSITION: absolute
}
.popup-wrapper {
	BORDER-RIGHT: #76b2de 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #76b2de 2px solid; PADDING-LEFT: 5px; BACKGROUND: #fff; PADDING-BOTTOM: 5px; BORDER-LEFT: #76b2de 2px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #76b2de 2px solid
}
.popup-wrapper SMALL {
	FONT-SIZE: 90%
}
.popup-close {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; POSITION: relative; TEXT-ALIGN: left
}
.comment-popup .popup-close {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; POSITION: relative; TEXT-ALIGN: left
}
.comment-form .popup-close {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; POSITION: relative; TEXT-ALIGN: left
}
.popup-close A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: url(i/icon-close.gif) no-repeat; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 15px; TEXT-INDENT: -10000px; PADDING-TOP: 0px; HEIGHT: 15px; TEXT-DECORATION: none
}
.comment-popup .popup-close A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: url(i/icon-close.gif) no-repeat; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 15px; TEXT-INDENT: -10000px; PADDING-TOP: 0px; HEIGHT: 15px; TEXT-DECORATION: none
}
.comment-form .popup-close A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: url(i/icon-close.gif) no-repeat; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 15px; TEXT-INDENT: -10000px; PADDING-TOP: 0px; HEIGHT: 15px; TEXT-DECORATION: none
}
.tag-popup {
	Z-INDEX: 1550; LEFT: 10px; WIDTH: 250px; LINE-HEIGHT: 130%; TOP: 10px
}
.tags .tag-popup {
	FONT-WEIGHT: normal
}
.tag-popup P {
	DISPLAY: block; MARGIN: 3px 0px
}
.tags .tag-popup P {
	DISPLAY: block; MARGIN: 3px 0px
}
.tag-popup A {
	FONT-WEIGHT: bold; FONT-SIZE: 120%
}
.tag-popup-close A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: url(i/icon-small-close.gif) no-repeat; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 10px; PADDING-TOP: 0px; POSITION: relative; HEIGHT: 10px; TEXT-DECORATION: none
}
.red {
	COLOR: #f00
}
.comment-popup {
	Z-INDEX: 15550; LEFT: 20%; WIDTH: 50%; TOP: 10%
}
.login-popup {