mtb_crm_asp/css/layout.css

body{margin:0px;font-size:12px;font-family:Verdana;}
ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding:0px;margin:0px;}
a{text-decoration:none;}
img{border:none;}
.clear{clear:both;}

#usermsg{
width:380px;
background:#F0FAFF;border:1px solid #2C99D2;
padding-bottom:10px;
color:#FFF;
position:absolute;
z-index:1;
display:none;}
#usermsg_header{background:url(../images/usermsg_header_bg.gif) 0 0 repeat-x;font-weight:bold;font-size:14px;height:27px;}
#usermsg_title{float:left;background:url(../images/usermsg_title.gif) 0 0 no-repeat;padding-left:25px;height:27px;line-height:27px;}
#usermsg_close{width:22px;height:22px;float:right;margin:2px;background:url(../images/usermsg_close.gif) 0 0 no-repeat;cursor:pointer;}
#usermsg_content{color:#000;font-weight:bold;text-align:center;font-size:14px;padding-top:10px;}
.usermsg_btn{float:right;margin-right:20px;cursor:pointer;width:80px;height:23px;line-height:23px;color:#FFF;font-weight:bold;text-align:center;font-size:14px;background:url(../images/usermsg_btn.gif) 0 0 no-repeat;}

#header{background:url(../images/header_bottom_bg.gif) 0 70px repeat-x #E9F8FF;height:75px;}
#logo{float:left;width:450px;margin:10px;}
#logo h1{color:#3279D3;font-style:italic;font-size:30px;font-family:Arial;}
#logininfo{float:right;margin:10px;}
#systemuser{color:#F00;}
#nav{position:absolute;right:0px;top:37px;}
#nav ul{list-style:none;width:210px;}
#nav ul li{float:left;margin-right:3px;}
#nav ul li a{
font-size:14px;
font-weight:bold;
color:#2072BB;
background:url(../images/nav.gif) 0 0 no-repeat;
text-align:center;
padding-top:11px;
display:block;
width:102px;height:22px;
}
#nav ul li a:hover{
color:#FFF;
padding-top:9px;
height:24px;
background:url(../images/nav.gif) 0 -33px no-repeat;
}

#sideswitch{float:left;width:9px;background:#3896D1;}
#sideswitch span{position:absolute;width:9px;height:42px;background:url(../images/side_right.gif) center center no-repeat;display:block;cursor:pointer;}
#side{
display:block;
background:#E3F1FA;
width:165px;
float:left;
}
#side_box{
padding:3px 0 0 13px;
width:152px;height:22px;
background:#3896D1;
}
#side_title{
background:#E3F1FA;
width:50px;height:22px;
text-align:center;
font-size:12px;
line-height:22px;
}
#side_menu{
background:#FFF;
margin:6px;
padding:8px;
width:134px;
border:1px solid #3896D1;
}

#side_menu h3{
background:url(../images/side_menu_title_bg.gif) 10px 0px no-repeat;
}
#side_menu h3.selected{
background:url(../images/side_menu_title_bg.gif) 10px -20px no-repeat;
}


#side_menu h3 a{
display:block;
width:102px;height:20px;
line-height:20px;
padding:1px 1px 1px 30px;
color:#3896D1;
font-size:12px;
font-weight:bold;
}

#side_menu h3 a:hover{
border:1px solid #3896D1;
padding:0 0 0 29px;
}
#side_menu ul{list-style:none;}
#side_menu ul li a{
display:block;
width:104px;height:20px;
line-height:20px;
padding:1px 1px 1px 12px;
color:#3896D1;
}

#side_menu ul li a:hover{
border:1px solid #3896D1;
padding:0 0 0 11px;
}

#main{margin-left:170px;padding:10px;}
#main_box{background:url(../images/main_body_title_bg.gif) 0 0 repeat-x;border:1px solid #D6D6D6;}
#main_title{height:27px;background:url(../images/main_body_title_icon.gif) 8px center no-repeat;padding-left:20px;color:#1A5777;font-size:14px;line-height:27px;}
#main_body{padding:10px;word-break:break-all;}


table{border-collapse: collapse;width:100%;_width:99%;margin:0 auto;}
td{padding:2px 5px;}
th{background:url(../images/th_bg.gif) 0 bottom repeat-x;padding:2px;}
.thbgl{background:url(../images/th_bgl.gif) 0 0 repeat-y;padding:2px;}
.tdc{text-align:center;}
.tdt{vertical-align:top;}
.mc{margin:0 auto;}

.showpage{float:right;}
.showpage a{float:left;margin-right:5px;display:block;border:1px solid #D6D6D6;line-height:20px;padding:2px 4px;color:#18A9E5;}
.showpage a:hover{background:#FCFBBE;}
.showpage a.current{background:#FCFBBE;color:#F38D15;}
.nopage{float:right;margin:5px;font-weight:bold;color:#18A9E5;}

#formmsg{margin-left:10px;color:#F00;}
.inputtext{height:25px;line-height:25px;padding:0 5px;background:url(../images/inputtext_bg.gif) 0 bottom repeat-x;border:1px solid #D6D6D6;}
.contenttext{padding:5px;overflow:auto;background:url(../images/inputtext_bg.gif) 0 bottom repeat-x;border:1px solid #D6D6D6;}
.w100{width:100px;}
.w150{width:150px;}
.w200{width:200px;}
.w250{width:250px;}
.w300{width:300px;}
.w350{width:350px;}
.w600{width:600px;}
.h50{height:50px}
.h100{height:100px}
.h150{height:150px}
.h200{height:200px}
.h250{height:250px}
.h300{height:300px}
.h350{height:350px}

.formbtn1, .formbtn2, .formbtn3, .formbtn4{cursor:pointer;border:none;width:90px;height:23px;font-weight:bold;font-size:14px;color:#FFF;}
.formbtn1{background:url(../images/formbtn.gif) 0 0 no-repeat;color:#000;}
.formbtn2{background:url(../images/formbtn.gif) 0 -23px no-repeat;}
.formbtn3{background:url(../images/formbtn.gif) 0 -46px no-repeat;}
.formbtn4{background:url(../images/formbtn.gif) 0 -69px no-repeat;}

.user_add, .user_lock, .user_unlock, .user_edit, .user_del, .power_add, .power_edit, .power_del,.infoclass_add,.infoclass_edit,.infoclass_del,.infoclass_up,.infoclass_down,.infoclass_show,.infoclass_hidden,.info_show,.info_hidden,.info_edit,.info_istop,.info_nottop{border:none;padding-left:20px;margin-left:5px;float:left;height:20px;line-height:20px;}
.user_lock{background:url(../images/tableicon.gif) 0 0 no-repeat;}
.user_unlock{background:url(../images/tableicon.gif) 0 -20px no-repeat;}
.user_add{background:url(../images/tableicon.gif) 0 -38px no-repeat;height:24px;line-height:24px;}
.user_edit{background:url(../images/tableicon.gif) 0 -60px no-repeat;}
.user_del{background:url(../images/tableicon.gif) 0 -80px no-repeat;}
.power_add{background:url(../images/tableicon.gif) 0 -98px no-repeat;height:24px;line-height:24px;}
.power_edit{background:url(../images/tableicon.gif) 0 -120px no-repeat;}
.power_del{background:url(../images/tableicon.gif) 0 -140px no-repeat;}
.open_power,.open_infoclass{width:90px;cursor:pointer;background:url(../images/tableicon.gif) 0 -160px no-repeat;border:none;padding-left:18px;margin-left:5px;height:20px;line-height:20px;}
.infoclass_add{background:url(../images/tableicon.gif) 0 -200px no-repeat;}
.infoclass_edit{background:url(../images/tableicon.gif) 0 -220px no-repeat;}
.infoclass_del{background:url(../images/tableicon.gif) 0 -240px no-repeat;}
.infoclass_up{background:url(../images/tableicon.gif) 0 -260px no-repeat;}
.infoclass_down{background:url(../images/tableicon.gif) 0 -280px no-repeat;}
.infoclass_show,.info_show{background:url(../images/tableicon.gif) 0 -300px no-repeat;}
.infoclass_hidden,.info_hidden{background:url(../images/tableicon.gif) 0 -320px no-repeat;}
.info_add{border:none;padding-left:20px;width:72px;margin-left:5px;height:20px;line-height:20px;cursor:pointer;background:url(../images/tableicon.gif) 0 -340px no-repeat;}
.info_edit{background:url(../images/tableicon.gif) 0 -360px no-repeat;}
.info_istop{background:url(../images/tableicon.gif) 0 -400px no-repeat;}
.info_nottop{background:url(../images/tableicon.gif) 0 -420px no-repeat;}

#showpower{width:360px;margin:0 auto;}
#showpower ul{list-style:none;}
#showpower ul li{float:left;margin:5px;}
#showpower ul li a{float:left;white-space:nowrap;height:20px;line-height:20px;background:url(../images/tableicon.gif) 0 -180px no-repeat;color:#0999DD;padding-left:18px;}
#showpower ul li a:hover{background:url(../images/tableicon.gif) 0 -180px no-repeat #0999DD;color:#FFF;}

#openinfoclasslist{width:360px;height:200px;margin:0 auto;overflow:auto;}
#openinfoclasslist ul{list-style:none;}
#openinfoclasslist ul li{height:22px;}
#openinfoclasslist ul li a{white-space:nowrap;height:20px;line-height:20px;background:url(../images/tableicon.gif) 0 -180px no-repeat;color:#0999DD;padding-left:18px;}
#openinfoclasslist ul li a:hover{background:url(../images/tableicon.gif) 0 -180px no-repeat #0999DD;color:#FFF;}