pagecss.css

企业短信收发系统

/* CSS Document */
body{
	font-size:12px;
	padding:0;
	margin:0;
	background-color:#EBF1FE;
	background-repeat:repeat-x;
	/*background-image:url(../images/body-header-bg.gif);*/
	}

a {
	color:#333333;
	text-decoration: none;
	}
a:visited {
	color:#333333;
	}
a:hover {
	color:#6B92F4;
	text-decoration: underline;
}
th
{
	background-color:#8EA8D7;
	color:#ffffff;
	font-family:tahoma; 
	font-size:11px; 
	font-weight: bold;
	cursor: default;
	border: 1px solid #FFFFFF;
	border-right-color: #FFFFFF;  
    border-bottom-width: 0px;  
	position: relative;
	top: 0px;
}  
/*-----------------------header--------------------*/

#idheader{
	width:100%;
	height:70px;
	background-image:url(../images/header-bg.jpg);
	}
#headright{
	width:280px;
	float:right;
	display:inline;
	}
#headright a{
    display:block;
    }
#ss1 {
    display:block;
	width:39px;
	height:31px;
	background-image:url(../images/Chang.gif);
	background-repeat:no-repeat;	
}
#ss2 {
	width:39px;
	height:31px;
	display:block;
	background-image:url(../images/Style.gif);	
	background-repeat:no-repeat;
	}
#ss3{
	width:39px;
	height:31px;
	display:block;
	background-image:url(../images/Help.gif);
	background-repeat:no-repeat;	
	}

#ss4 {
	width:39px;
	height:31px;
	display:block;
	background-image:url(../images/Help.gif);
	background-repeat:no-repeat;	
	}

#ss5 {
	width:39px;
	height:31px;
	display:block;
	background-image:url(../images/Exit1.gif);	
	background-repeat:no-repeat;
	}

 .menu {position:relative;}
    .menu ul {list-style-type: none;}
    .menu ul li {float:left;position:relative;}
    .menu ul li a, .menu ul li a:visited {padding-left:5px;}  /*图标的间距*/
    .menu ul li ul {display: none;}
    table {margin:-1px;border-collapse:collapse;}
    .menu ul li a:hover {color:#fff;background:;}
    .menu ul li a:hover ul {display:block;position:absolute;left:-150px;top:1px;}
    .menu ul li a:hover ul li {border:1px solid #5373ad;margin-top:-1px;}
    .menu ul li a:hover ul li a {display:block;background:#f0f4fe;color:#133968;height:19px;width:106px;line-height:19px;text-align: left;}
    .menu ul li a:hover ul li a:hover {background:#dee4ef; color:#f60;}

/*-----------------------menu---------------------*/
	
#navmenu{
	width:100%;
	height:20px;
	}
#navmenulist{
	padding:5px 0 0 20%;
	}
#navmenulist ul{
	padding:0;
	margin:0;
	list-style:none;	
	}
#navmenulist li{
	display:block;
	margin-left:14px;
	width:100px;
	text-align:center;
	float:left;
	height:24px;
	line-height:24px;
	font-weight:bold;
	}
.tabon{	
	border-top:1pt solid #5373AD;
	border-right:1pt solid #5373AD;
	border-left:1pt solid #5373AD;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#BFCADF', EndColorStr='#5373AD');
	}
.taboff{	
	border-top:1pt solid #5373AD;
	border-right:1pt solid #5373AD;
	border-left:1pt solid #5373AD;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FBFCFD', EndColorStr='#ACBBD6');
	}
a.menuon {
	color:#ffffff;
	text-decoration: none;
	}
a.menuon:visited {
	color:#ffffff;
	}

a.menuoff {
	color:#354874;
	text-decoration: none;
	}
a.menuoff:visited {
	color:#005993;
	}
a.menuoff:hover {
	color:#6B92F4;
	text-decoration: none;
	}

/*-----------------------main---------------------*/
#main{
	width:100%;
	}
#left {
	width:18%;
	float:left;
	}
#middle {
	margin:0 10px 0 0;
	float:right;
	}

/*-----------------maintable-----------------*/
.tb_topleft{
	width:12px;
	height:15px;
	background-image:url(../images/b_topleft.gif);
	}
.tb_topright{
	width:12px;
	height:15px;
	background-image:url(../images/b_topright.gif);
	}
.tb_bottomleft{
	width:12px;
	height:15px;
	background-image:url(../images/b_bottomleft.gif);
	}
.tb_bottomright{
	width:12px;
	height:15px;
	background-image:url(../images/b_bottomright.gif);
	}
.tb_top{
	background:url(../images/b_top.gif) repeat-x;	
	height:15px;
	}
.tb_bottom{
	background:url(../images/b_bottom.gif) repeat-x;
	height:15px;
	}
.tb_left{
	background:url(../images/b_left.gif) repeat-y;
	width:12px;
	}
.tb_right{
	background:url(../images/b_right.gif) repeat-y;
	width:12px;
	}
/*-----------------------table---------------------*/


.Td_PositionBar {
	background-image: url(../images/CssMidToolBarBG.jpg);
	background-repeat: repeat-x;
}
.Tr_ShowHide {
	background-image: url(../images/CssShowHideBar.gif);
	background-repeat: repeat-x;
}


.CommonTable 
{
/*selfRow:expression(this.rules=rows);*/
	border-top:1px solid #5373AD;
	selfSpacing:expression(this.cellSpacing=1);
	selfPadding:expression(this.cellPadding=1);
	selfBorder:expression(this.border=0);
	background-color:#5373AD;
}
.CommonTable #titleTr{

	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	height:20px;	
	background:#97C473;
}
.CommonTable #ItemName{
	width:15%;
}
.CommonTable #ItemContent{
	width:35%;
}

.CommonItemName{
	width:15%;
}
.CommonItemContent{
	width:35%;
}

.CommonTable tr{
	font-size: 12px;
	text-indent:4px;
	height:20px;
	background-color: #FFFFFF;
	color:#000000;
}
.CommonTable_ShortText{
	border:solid 1px #999;
	font-size:12px;
	width:80px;
	height:16px;
	
}
.CommonTable_Text{
	border:solid 1px #999;
	font-size:12px;
	width:80px;
	height:16px;
	
}
.CommonTable_LongText{
	border:solid 1px #999;
	font-size:12px;
	width:80px;
	height:16px;
	
}
.CommonTable_ShortTextArea{
	font-size: 12px;	
	border:solid 1px #666;
	width:250px;
	height:80px;
	background-color: #FFFFFF;
	color:#000000;
}
.CommonTable_TextArea{
	font-size: 12px;	
	border:solid 1px #666;
	width:450px;
	height:100px;
	background-color: #FFFFFF;
	color:#000000;
}
.CommonTable_Select {
	border: 1px solid #666;
	color:#000000;
	background-color:#FFFFFF;
	width:120px;
	overflow: hidden; 
	text-overflow:ellipsis;
	word-break:keep-all;
	height:18px;
	line-height:12px;
	font-size: 12px;	
}
.CommonTable_ShortSelect {
	border: 1px solid #666;
	color:#000000;
	background-color:#FFFFFF;
	width:60px;
	overflow: hidden; 
	text-overflow:ellipsis;
	word-break:keep-all;
	height:18px;
	line-height:12px;
	font-size: 12px;	
}
.CommonTable_MidSelect {
	border: 1px solid #666;
	color:#000000;
	background-color:#FFFFFF;
	width:70px;
	overflow: hidden; 
	text-overflow:ellipsis;
	word-break:keep-all
	height:18px;
	line-height:12px;
	font-size: 12px;	
}


.CommonTitle{
	font-size:12px;	
	color:#354874;
	font-weight:bold;
	line-height:20px;
	}
.CommonTableContent {
	selfSpacing:expression(this.cellSpacing=1);
	selfPadding:expression(this.cellPadding=0);
	selfBorder:expression(this.border=0);
	background-color:#5373AD;
	font-size: 12px;
	line-height:20px;
	font-weight: bold;
	color: #000000;
}
.CommonTableContent tr{
	font-weight:normal;
	height:20px;
	background-color:#FFFFFF;
	font-size:12px;
	color:#333;
	text-indent:4px;
	onroll: expression(
		onmouseover=function(){if(this.id!="titleTr")this.style.background="#F3F6FC"},
		onmouseout=function(){if(this.id!="titleTr")this.style.background="#ffffff"});

}
.CommonTableContent #titleTr{
	height:20px;
	font-weight:bold;
	background-color: #7493CB;
	font-size:12px;	
	text-indent:4px;
	color:#ffffff;
}

.CommonTableBottom{
	selfSpacing:expression(this.cellSpacing=1);
	selfPadding:expression(this.cellPadding=0);
	selfBorder:expression(this.border=0);	
	background-color:#5373AD;
}
.CommonTableBottom tr{
	height:18px;
	background-color:#7493CB;
	font-size:12px;
	color:#fff;
}

.CommonTableContainer
{
	align:center;
	selfSpacing:expression(this.cellSpacing=1);
	selfPadding:expression(this.cellPadding=0);
	selfBorder:expression(this.border=0);
	background-color:#FFFFFF;
	font-size: 12px;
	line-height:20px;
	font-weight: bold;
	color: #000000;
}
/*-----------------------底部---------------------*/
#bottom
{
	width:100%;
	color:#33333;
	text-align:center;	
	line-height:30px;
}


/*-------TabStrip Style-------*/
.TopGroup
{
  z-index:99;
  position:relative;
}

.DefaultTab 
{
  color:black; 
  background-image: url(../images/tab_bg.gif);
  font-family:MS Sans Serif, Verdana; 
  font-size:10px; 
  cursor:default;
}

.DefaultTabHover 
{
  color:black; 
  background-image: url(../images/hover_tab_bg.gif);
  font-family:MS Sans Serif, Verdana; 
  font-size:10px; 
  cursor:default;
}

.SelectedTab 
{
  color:black; 
  background-image: url(../images/selected_tab_bg.gif);
  font-family:MS Sans Serif, Verdana; 
  font-size:10px; 
  cursor:default;
}

/*------MutilPage Style--------*/
.MultiPage
{
  background-color:White;
  overflow:visible;
  position:relative;
  padding:10px;
  top:-3px;
  left:1px;
  z-index:98;
  border: 1px solid #919B9C;
  width:487px;
  height:200px;
}

.PageContent
{
  font-family:MS Sans Serif, Verdana; 
  font-size:10px; 
}

.PageHeader
{
  font-size:22px;
  font-weight:bold;
  letter-spacing:-0.2mm;
  font-family: verdana; 
  color: #3F3F3F; 
  margin-top:0px;
  margin-bottom:0px;
}
.Dialog
{
	border-width:1px;
	border-color:Blue;
	background-color:White;
}

.DialogHeader
{
    height:24px;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#BFCADF', EndColorStr='#5373AD');
	color:White;
	font-size:13px;
	font-weight:bold;
	background-color:#5373AD;
}

.FloatDiv
{
    position: absolute;
    width: 450px;
    z-index: 99;
    left: 350px;
    top: 200px;
    border:#5373AD 1px solid;
    background-color: #ffffff;
}

/*------Box_Text Style--------*/
.Box_Text{
	border:solid 1px #999;
	font-size:12px;
	width:140px;
	height:16px;
}

.Box_Text0{
	border:solid 1px #999;
	font-size:12px;
	width:150px;
	height:22px;
}
	
.Box_Text1{
	border:solid 1px #999;
	font-size:12px;
	width:120px;
	height:20px;
}

.Box_Text2{
	border:solid 1px #999;
	font-size:12px;
	width:100px;
	height:18px;
}

.Box_Text3{
	border:solid 1px #999;
	font-size:12px;
	width:80px;
	height:16px;
}

.Box_Text4{
	border:solid 1px #999;
	font-size:12px;
	width:60px;
	height:16px;
}

.Box_Text5{
	border:solid 1px #999;
	font-size:12px;
	width:40px;
	height:16px;
}