JW/督导评语7.16/css/style.css

@charset "utf-8";

*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";background:#000; background-color:#6296D0}

/* splitter */
.splitter{border-bottom:#1d1f21 1px solid; text-align:center; padding-bottom:5px; margin:40px -40px; padding-left:40px; padding-right:40px; background:#35393c; font-size:12px; padding-top:6px;height:24px;color:#fff;}
.splitter li{padding-left:8px}
.splitter li ul{margin-left:8px}
.splitter li{float:left;}
.splitter ul{line-height:1;float:left;}
.splitter li span{float:left;}
.splitter ul li a{line-height:1; display:inline-block}
.splitter ul{background-image:url(../images/buttons.png); background-repeat:no-repeat}
.splitter ul li{background-image:url(../images/buttons.png); background-repeat:no-repeat}
.splitter ul li a{background-image:url(../images/buttons.png); background-repeat:no-repeat}
.splitter ul{background-repeat:repeat-x; background-position:0px -138px}
.splitter ul li{margin-left:1px}
.splitter ul li a{padding-bottom:6px; padding-left:8px; padding-right:8px; color:#070708; text-decoration:none; padding-top:5px; text-shadow:rgba(255, 255, 255, 0.1) 0 1px 0}
.splitter ul li.segment-0{background-position:-3px -92px}
.splitter ul li.segment-2{background-position:-3px -92px}
.splitter ul li.segment-1{background-position:0px -92px}
.splitter ul li.segment-0 a{background-position:0px -161px}
.splitter ul li.segment-1 a{background-position:0px -161px}
.splitter ul li.segment-2 a{background-position:100% -115px}
.splitter ul li.selected-0 a{color:#fff; text-shadow:rgba(0, 0, 0, 0.25) 0 1px 0}
.splitter ul li.selected-1 a{color:#fff; text-shadow:rgba(0, 0, 0, 0.25) 0 1px 0}
.splitter ul li.selected-2 a{color:#fff; text-shadow:rgba(0, 0, 0, 0.25) 0 1px 0}
.splitter ul li.selected-0{background-position:0px -23px}
.splitter ul li.selected-2{background-position:0px -23px}
.splitter ul li.selected-0 a{background-position:100% -46px}
.splitter ul li.selected-1 a{background-position:100% -46px}
.splitter ul li.selected-1{background-position:0px 0px}
.splitter ul li.selected-2 a{background-position:100% -69px}

/* image-grid */
.image-grid li{text-align:center; line-height:17px; margin:20px 0px 0px 35px; width:128px; font-family:"helvetica neue", sans-serif; float:left; height:177px; color:#686f74; overflow:hidden}
.image-grid li strong{display:block}
.image-grid li strong{color:#fff}
#title{
	background-image: url(images/touming.gif) ;
	background-color: #4196D3;
	border: #03C 1px dotted;
	border-radius: 8px;
	height: 100px;
	color: #FFF;
	padding: 3px;
	box-shadow: #859CAD 4px 4px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: left;	
	}
h1
{
    
	font-size:30px;
	font-family:"黑体";
	text-align:center;
	color:#FFF;	
	margin-top:20px;
   	text-shadow:#000 2px 2px 5px, #FFFFFF -1px -1px 8px,2px 2px 6px #000000;
}
.usertype
{
    font-size:16px;
    color:Red;
        
    }
  #maindivs{
	width:800px;
	height:680px;
	background-color:#E2F3FC;
	border:#06F 1px groove;
	margin:0 auto;
	margin-top:10px;
	border-radius:15px;
	box-shadow:#CCC 6px 6px;
	padding:10px;
	font-size:12px;	
	
	text-align:center;

	
	}
#p1
{
   
	float:left;
    width:95%;
	font-size:22px;
	font-family:"黑体";
	padding:5px;	
	height:40px;	
	text-align:center;  margin:5px;
	text-shadow:#576A7B 3px 3px 3px;   
    }
.divs{
	background-color:#EAF4EF;
	width:120px;
	height:110px;
	margin:16px;
	padding:2px;	
	text-align:center;
	color:#532013;	float:left;
	border:#06F 1px groove;
	box-shadow:#8D8774 5px 8px;
	border-radius:10px;
	}