main.css

接入网络时的绑定管理系统

BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;
	FONT-SIZE: 12px; COLOR: #3c3c3c; FONT-FAMILY: Tahoma;
}
P {
	FONT-SIZE: 12px; COLOR: #3c3c3c; FONT-FAMILY: Tahoma
}
TABLE {
	FONT-SIZE: 12px; 
	COLOR: #3c3c3c; 
	FONT-FAMILY: Tahoma bordercolor="#ffffff" bordercolordark="#ffffff" bordercolorlight="#2985ce"
}
A {
	COLOR: #3c3c3c; TEXT-DECORATION: none
}
A:hover {
	COLOR: #004386
}
FORM {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
INPUT {
	FONT-SIZE: 12px
}
TEXTAREA {
	FONT-SIZE: 12px
}
SELECT {
	FONT-SIZE: 12px
}
INPUT.text {
	BORDER-RIGHT: #b7b7b7 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #b7b7b7 1px solid; PADDING-LEFT: 2px; BACKGROUND: #f9f9f9; PADDING-BOTTOM: 2px; BORDER-LEFT: #b7b7b7 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #b7b7b7 1px solid
}
INPUT.textarea {
	BORDER-RIGHT: #b7b7b7 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #b7b7b7 1px solid; PADDING-LEFT: 2px; BACKGROUND: #f9f9f9; PADDING-BOTTOM: 2px; BORDER-LEFT: #b7b7b7 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #b7b7b7 1px solid
}
INPUT.button {
	BORDER-RIGHT: #476c9e 1px solid; BORDER-TOP: #476c9e 1px solid; BACKGROUND: url(/Images/IptBg.gif) #ffffff repeat-x 0px -20px; BORDER-LEFT: #476c9e 1px solid; WIDTH: 77px; COLOR: #295379; BORDER-BOTTOM: #476c9e 1px solid; HEIGHT: 24px
}
UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.tLeft {
	TEXT-ALIGN: left
}
.tCenter {
	TEXT-ALIGN: center
}
.tRight {
	TEXT-ALIGN: right
}
.right {
	FLOAT: right
}
.left {
	FLOAT: left
}
.center {
	text-align:center;
}
.clear {
	CLEAR: both
}
.cL {
	CLEAR: left
}
.cR {
	CLEAR: right
}
#top {
	BACKGROUND: url(/Images/Top_bg.gif) repeat-x; POSITION: relative; HEIGHT: 87px
}

#top_left_img {
	/*BACKGROUND: url(/Images/Top_img.jpg) no-repeat; */
	HEIGHT: 87px
}
#Top_Flash{
	POSITION: relative; HEIGHT: 87px; float:left; border: solid 0px;
}
#Top_Log {
	BACKGROUND: url(/Images/Top_Log.jpg) repeat-x; POSITION: relative; HEIGHT: 87px; width:346px;
}
#top_toolbar {
	BACKGROUND-POSITION: 0px 0px; RIGHT: -1px; WIDTH: 795px; BOTTOM: 0px!important; BOTTOM: -1px; POSITION: absolute; HEIGHT: 46px
}
#top_toolbar .left_img {
	BACKGROUND: url(/Images/Top_Toolbar_Left.gif); FLOAT: left; WIDTH: 46px; HEIGHT: 46px
}
#top_toolbar .menu {
	PADDING-TOP: 20px
}
#left {
	BACKGROUND: #f6f9fd; VERTICAL-ALIGN: top; WIDTH: 210px
}
.left_close {
	DISPLAY: none
}
.left_border {
	BORDER-RIGHT: #95b6ce 1px solid
}
#left_toolbar {
	BACKGROUND-POSITION: 0px -35px; MARGIN-BOTTOM: 10px; BORDER-BOTTOM: #95b6ce 1px solid; HEIGHT: 32px
}
#left_toolbar A {
	DISPLAY: block; FONT-WEIGHT: bold; FLOAT: left; WIDTH: 103px; COLOR: #3c3c3c; PADDING-TOP: 11px; HEIGHT: 21px; TEXT-ALIGN: center
}
#left_toolbar A:hover {
	BACKGROUND: url(/Images/Toolbar_Menu_Bg.gif) repeat-x 0px -85px; COLOR: #18496b
}
#menuWarp {
	CLEAR: both; PADDING-RIGHT: 8px; PADDING-LEFT: 8px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.left_menu {
	BORDER-RIGHT: #9fbfd4 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #9fbfd4 1px solid; PADDING-LEFT: 1px; BACKGROUND: #ffffff; MARGIN-BOTTOM: 8px; PADDING-BOTTOM: 1px; BORDER-LEFT: #9fbfd4 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #9fbfd4 1px solid
}
.left_menu_open {
	BORDER-RIGHT: #9fbfd4 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #9fbfd4 1px solid; PADDING-LEFT: 1px; BACKGROUND: #ffffff; MARGIN-BOTTOM: 8px; PADDING-BOTTOM: 1px; BORDER-LEFT: #9fbfd4 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #9fbfd4 1px solid
}
.left_menu .link {
	PADDING-RIGHT: 25px; PADDING-LEFT: 25px; PADDING-BOTTOM: 10px; OVERFLOW: hidden; PADDING-TOP: 10px; HEIGHT: 1%
}
.left_menu_open .link {
	PADDING-RIGHT: 25px; PADDING-LEFT: 25px; PADDING-BOTTOM: 10px; OVERFLOW: hidden; PADDING-TOP: 10px; HEIGHT: 1%
}
.left_menu .title A {
	PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 18px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 4px; HEIGHT: 18px
}
.left_menu_open .title A {
	PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 18px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 4px; HEIGHT: 18px
}
.left_menu .title {
	BACKGROUND-POSITION: 0px -155px
}
.left_menu .title A {
	COLOR: #667d95
}
.left_menu .title A:hover {
	COLOR: #1f83b2
}
.left_menu .link {
	DISPLAY: none
}
.left_menu_open .title {
	BACKGROUND-POSITION: 0px -120px
}
.left_menu_open .title A {
	COLOR: #33393d
}
.left_menu_open .title A:hover {
	COLOR: #025585
}
.left_menu_open .link {
	
}
#main {
	VERTICAL-ALIGN: top
}
.main_border {
	BORDER-LEFT: #95b6ce 1px solid
}
#main_toolbar {
	BACKGROUND-POSITION: 0px -190px; COLOR: #0a3c62; BORDER-BOTTOM: #95b6ce 1px solid; HEIGHT: 32px
}
.sh_left {
	DISPLAY: block; FLOAT: left; WIDTH: 120px; PADDING-TOP: 10px; HEIGHT: 22px
}
.sh_left_open {
	DISPLAY: block; FLOAT: left; WIDTH: 120px; PADDING-TOP: 10px; HEIGHT: 22px
}
.sh_left:hover {
	BACKGROUND: url(/Images/Toolbar_Menu_Bg.gif) repeat-x 0px -225px
}
.sh_left_open:hover {
	BACKGROUND: url(/Images/Toolbar_Menu_Bg.gif) repeat-x 0px -225px
}
#manage_title {
	FONT-WEIGHT: bold; COLOR: #383838
}
#manage_menu {
	PADDING-RIGHT: 0px; PADDING-LEFT: 20px; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 10px
}
#manage_menu A {
	COLOR: #0b314e
}
#manage_menu A:hover {
	COLOR: #1b5581
}
#showDate {
	PADDING-RIGHT: 15px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 10px
}
#main_data {
	CLEAR: both; WIDTH: 100%; HEIGHT: 100%
}
#main #footer {
	CLEAR: both; PADDING-RIGHT: 30px; BACKGROUND-POSITION: 0px -365px; MARGIN-TOP: 20px; PADDING-LEFT: 15px; PADDING-BOTTOM: 0px; PADDING-TOP: 14px; HEIGHT: 27px
}
#frame_Toolbar {
	BACKGROUND-POSITION: 0px -260px; PADDING-LEFT: 10px; BORDER-BOTTOM: #d7d7d7 1px solid; HEIGHT: 35px
}
#guide {
	PADDING-RIGHT: 0px; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 0px; OVERFLOW: hidden; PADDING-TOP: 11px
}
#guide2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 0px; OVERFLOW: hidden; PADDING-TOP: 8px
}
.table {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 100%; PADDING-TOP: 0px; BORDER-COLLAPSE: collapse
}
.cTable TR:hover {
	BACKGROUND-COLOR: #f8f8f8
}
.cTable TD {
	PADDING-LEFT: 5px; BORDER-BOTTOM: #d7d7d7 1px solid; HEIGHT: 24px
}
.cTable_2 TD {
	PADDING-LEFT: 5px; BORDER-BOTTOM: #d7d7d7 1px solid; HEIGHT: 24px
}
.cTable TH {
	PADDING-LEFT: 5px; BORDER-BOTTOM: #d7d7d7 1px solid; HEIGHT: 24px
}
.cTable_2 TH {
	PADDING-LEFT: 5px; BORDER-BOTTOM: #d7d7d7 1px solid; HEIGHT: 24px
}
.cTable_2 TD {
	PADDING-LEFT: 20px
}
.cTable_2 .cwTDiv {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 3px; PADDING-TOP: 6px
}
.cTable_2 .cTitle DIV {
	TEXT-ALIGN: left
}
.cTable .cTitle {
	BACKGROUND-POSITION: 0px -295px; HEIGHT: 27px
}
.cTable_2 .cTitle {
	BACKGROUND-POSITION: 0px -295px; HEIGHT: 27px
}
.cTable .cTitle TD {
	PADDING-LEFT: 0px
}
.cTitle DIV {
	FONT-WEIGHT: bold; COLOR: #333333; PADDING-TOP: 4px; LETTER-SPACING: 2px
}
.cImgTable {
	WIDTH: 100%; BORDER-BOTTOM: #d7d7d7 1px solid
}
.cImgTable TD {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; WIDTH: 20%; PADDING-TOP: 10px; TEXT-ALIGN: center
}
.cImgTable TD:hover {
	BACKGROUND: #f8f8f8
}
.cImgTable #image IMG {
	BORDER-RIGHT: #d7d7d7 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #d7d7d7 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; BORDER-LEFT: #d7d7d7 1px solid; WIDTH: 85px; PADDING-TOP: 2px; BORDER-BOTTOM: #d7d7d7 1px solid; HEIGHT: 65px
}
.linkImg {
	BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 2px; BACKGROUND: #ffffff; PADDING-BOTTOM: 2px; MARGIN: 2px 0px; BORDER-LEFT: #bfbfbf 1px solid; WIDTH: 84px; PADDING-TOP: 2px; BORDER-BOTTOM: #bfbfbf 1px solid; HEIGHT: 27px
}
#cEndToolbar {
	BACKGROUND-POSITION: 0px -330px; HEIGHT: 34px
}
.pageList {
	PADDING-RIGHT: 20px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; PADDING-TOP: 5px
}
.pageInfo {
	PADDING-RIGHT: 20px; PADDING-LEFT: 20px; PADDING-BOTTOM: 0px; PADDING-TOP: 10px
}
.pageSelect {
	FLOAT: left; WIDTH: 90px; PADDING-TOP: 8px
}
.pageSelect2 {
	FLOAT: left; WIDTH: 200px; PADDING-TOP: 11px
}
.pageSelect A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 3px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 40px; PADDING-TOP: 4px
}
.pageSelect .iptSl {
	DISPLAY: block; PADDING-LEFT: 20px; FLOAT: left; WIDTH: 20px
}
.pageBtnDo {
	PADDING-RIGHT: 0px; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 6px
}
.caButCase {
	PADDING-TOP: 5px; TEXT-ALIGN: center
}
.split_line {
	BACKGROUND-POSITION: 0px -260px; MARGIN-TOP: 1px; BORDER-BOTTOM: #d7d7d7 1px solid
}
.split_line SPAN {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 20px; PADDING-BOTTOM: 0px; PADDING-TOP: 10px; BORDER-BOTTOM: #f7f7f7 3px solid; HEIGHT: 20px
}
.split_line_2 {
	PADDING-RIGHT: 0px; BACKGROUND-POSITION: 0px -260px; PADDING-LEFT: 20px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; COLOR: #eb5300; PADDING-TOP: 15px
}
.cmTable {
	BORDER-RIGHT: #e5e5e5 3px solid; BORDER-TOP: #e5e5e5 3px solid; MARGIN: 10px 0px 0px 30px; BORDER-LEFT: #e5e5e5 3px solid; WIDTH: 700px; BORDER-BOTTOM: #e5e5e5 3px solid
}
.cmTable DIV#title {
	PADDING-RIGHT: 15px; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; BORDER-BOTTOM: #e8e8e8 1px solid
}
.cmTable DIV#comment {
	PADDING-RIGHT: 20px; PADDING-LEFT: 20px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}
.cmTable DIV#comment_back {
	PADDING-RIGHT: 5px; BORDER-TOP: #e8e8e8 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.cmTable #name {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #1f83b2
}
.cmTable .image {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}
.cmTable .image IMG {
	BORDER-RIGHT: #e9e9e9 2px solid; PADDING-RIGHT: 3px; BORDER-TOP: #e9e9e9 2px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; BORDER-LEFT: #e9e9e9 2px solid; WIDTH: 85px; PADDING-TOP: 3px; BORDER-BOTTOM: #e9e9e9 2px solid; HEIGHT: 70px
}
.number {
	PADDING-BOTTOM: 0px
}
.shadow {
	POSITION: relative
}
.shadow SPAN {
	DISPLAY: block; FILTER: DropShadow(Color=#FFFFFF, OffX=1, OffY=1, Positive=1); POSITION: absolute; TOP: -1px
}
.shadow:unknown {
	COLOR: #ffffff; content: attr(title)
}
#light_msgCount {
	FONT-WEIGHT: bold; COLOR: #ff3000
}
.light_username {
	FONT-WEIGHT: bold; MARGIN: 0px 10px; COLOR: #ff6600
}
.light_bold {
	FONT-WEIGHT: bold; MARGIN: 0px 5px
}
.light_gray {
	COLOR: #636363
}
.light_hint {
	MARGIN-LEFT: 15px; COLOR: #ff6600
}
.light_date {
	FONT-SIZE: 11px; COLOR: #888888
}
.light_orange {
	COLOR: #eb5300
}
.light_bOrange {
	FONT-WEIGHT: bold; MARGIN: 0px 5px; COLOR: #eb5300
}
.light_mOrange {
	MARGIN: 0px 5px; COLOR: #eb5300
}
.split {
	DISPLAY: block; FLOAT: left; BACKGROUND-IMAGE: url(/Images/Split_Line.gif); BACKGROUND-REPEAT: repeat-y
}
.ltSplit {
	BACKGROUND-POSITION: 0px 0px; MARGIN-TOP: 1px; WIDTH: 3px; HEIGHT: 29px
}
.mtSplit {
	BACKGROUND-POSITION: -10px 0px; MARGIN-TOP: 1px; WIDTH: 2px; HEIGHT: 29px
}
.ftSplit {
	BACKGROUND-POSITION: -20px 0px; MARGIN-TOP: 1px; WIDTH: 2px; HEIGHT: 32px
}
.ctSplit {
	BACKGROUND-POSITION: -30px 0px; MARGIN: 1px 6px 0px 0px; WIDTH: 2px; HEIGHT: 22px
}
.cpSplit {
	BACKGROUND-POSITION: -40px 0px; MARGIN: 1px 6px 0px 0px; WIDTH: 2px; HEIGHT: 31px
}
.sSplit {
	MARGIN-LEFT: 10px
}
.spaceSplite {
	MARGIN: 0px 10px
}
.toolbarBg {
	BACKGROUND-IMAGE: url(/Images/Toolbar_Menu_Bg.gif); BACKGROUND-REPEAT: repeat-x
}
.btnIco {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND-IMAGE: url(/Images/IcoBtn.gif); BORDER-BOTTOM-WIDTH: 0px; OVERFLOW: hidden; BACKGROUND-REPEAT: no-repeat; BORDER-RIGHT-WIDTH: 0px
}
.icoBtn_top {
	PADDING-RIGHT: 4px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 1px; PADDING-TOP: 1px