#boxB {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: 3px 3px 4px #777; box-shadow:inset -2px -2px 5px #aaa;}

/* clear float */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}/* for IE/Mac */

div .left {width: 90px; height: 35px; float:left; text-align: right; line-height:2em; padding-right: 10px;}
div .right_1 {width: 500px; height: 35px; float:left; text-align: left; line-height:2em;}
div .right_2 {width: 200px;	height: 35px; float:left; text-align: left; line-height:2em;}
div .right_3 {width: 50px; height: 35px; float:left; text-align: center; line-height:2em;}

div .inlistleft {width: 50px; height: 35px; float:left; text-align: right; line-height:2em; padding-right: 10px;}
div .inlistright_1 {width: 480px; height: 35px; float:left; text-align: left; line-height:2em;}
div .inlistright_2 {width: 210px; height: 35px; float:left; text-align: left; line-height:2em;}
div .inlist {width: 540px; float:left; text-align: left;}

.long {z-index: 500; height: 16px; margin: 2px 0; padding: 4px; width: 490px; border: 1px solid; border-color: #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow:inset 0 0 3px #ddd;}
.short {z-index: 500; height: 16px; margin: 2px 0; padding: 4px; width: 190px; border: 1px solid; border-color: #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow:inset 0 0 3px #ddd;}
.color {z-index: 500; height: 16px; margin: 2px 0; padding: 4px; width: 210px; border: 1px solid; border-color: #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; box-shadow:inset 0 0 3px #ddd;}
.file {z-index: 500; height: 16px; margin: 2px 0; padding: 4px; width: 419px; border: 1px solid; border-color: #ccc; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; box-shadow:inset 0 0 3px #ddd;}

.warning {position: absolute; margin: 25px -5px; line-height: 22px; font-weight: normal; background: rgba(255, 255, 170, 0.8); border: 1px solid; border-color: #FFAD33; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: 3px 3px 4px #777; box-shadow:inset -1px -1px 3px #B8B87A;}
.warning .image {position: absolute; margin: 0 3px; width: 20px; height: 20px;}
.warning .text {margin-left: 30px; padding-right: 5px;}
.warning:before, .warning:after { content: ""; position: absolute; z-index: 100; top: -7px; left: 20px; margin-left: -8px; border-top: 0; border-bottom: 8px solid rgba(255, 255, 170, 0.8); border-left: 8px solid transparent; border-right: 8px solid transparent;}
.warning:before {border-bottom-color: #FFAD33; top: -8px;}

.showlimit {position: absolute; margin: -30px -5px; line-height: 22px; font-weight: normal; background: rgba(235, 235, 235, 0.8); border: 1px solid; border-color: #999999; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: 3px 3px 4px #777; box-shadow:inset -1px -1px 3px #B8B87A;}
.showlimit .image {position: absolute; margin: 0 3px; width: 20px; height: 20px;}
.showlimit .text {margin-left: 30px; padding-right: 5px;}
.showlimit:before, .showlimit:after { content: ""; position: absolute; z-index: 100; top: 21px; left: 20px; margin-left: -8px; border-bottom: 0; border-top: 8px solid rgba(235, 235, 235, 0.8); border-left: 8px solid transparent; border-right: 8px solid transparent;}
.showlimit:before {border-top-color: #999999; top: 22px;}

.listWarning {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: solid 1px; border-color: #FFAD33; background: rgba(255, 255, 170, 0.8); box-shadow: 3px 3px 4px #777; box-shadow:inset -2px -2px 6px #B8B87A; padding-top: 5px; padding-bottom: 5px; position: absolute; margin: -35px 100px;}
.listWarning .text { margin-left: 30px; padding-right: 5px;}
.listWarning .image { position: absolute; margin: -15px -23px;}

.show {cursor: help; position: absolute; margin: 0px 35px; width: 18px; height: 18px; z-index: 250;}
.infomation {font-family: Microsoft YaHei ,simhei, sans-serif; position: absolute; margin: -10px 55px; border-radius: 5px 5px; box-shadow: 3px 3px 4px #777; box-shadow:inset -3px -3px 7px #8ABDCF; z-index: 200; width: 250px; padding: 0.5em 0.8em 0.8em 2em; background: rgba(160, 220, 240, 0.8); border: 1px solid #2BB0D7; display: none;}
.infomation em {font-family: Microsoft YaHei ,simhei, sans-serif; font-size: 1.2em; font-weight: bold; display: block; padding: 0.2em 0 0.6em 0;}

.btn {z-index: 100; height: 26px; padding: 4px; background: white; border: 1px solid; border-color: #ccc; box-shadow:inset 0 0 3px #ddd;}
.btn:hover {z-index: 200; background: #6496F0; border-color: #555; box-shadow:inset -1px -3px 4px #5884D4;}
.btn:active {z-index: 250; background: #5884D4; padding-top: 5px; padding-bottom: 3px; box-shadow:inset 1px 3px 4px #4E75BD;}

.normalB {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.fileB {position: absolute; margin-left: 428px; margin-top: 2px;}
.rightB {-webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
.leftB {-webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px;}
.createR{position: absolute; width: 41px;}
.createC{position: absolute; margin-left: 40px; width: 41px;}
.createL{position: absolute; margin-left: 80px; width: 41px;}
.editR{position: absolute; width: 41px;}
.editL{position: absolute; margin-left: 40px; width: 41px;}

fieldset {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #eeeeee; border: solid 2px gray; box-shadow: 3px 3px 4px #ccc; }
legend {padding: 0.1em 0.2em; text-align: left; background: #e0e0e0; color: #123; border: solid 1px black; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
legend .text {padding-right: 20px;}
hr {border: 0; height: 1px; background: #333; background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); background-image: -moz-linear-gradient(left, #ccc, #333, #ccc); background-image: -ms-linear-gradient(left, #ccc, #333, #ccc); background-image: -o-linear-gradient(left, #ccc, #333, #ccc);}
input:focus{outline: 0; border-color: #aaa; box-shadow: 0 2px 1px rgba(0, 0, 0, 0.15) inset;}