/*
auther:fq
date:09.12.30
*/
/*   common    */
* {margin:0; padding:0;}
html { _overflow-x:auto; _overflow-y:auto;}
body {font:12px/180% georgia,serif,sans-serif, simsun; color:#666; background:#FFF;margin:0;border:0; height:100%;_overflow-y:auto;}
h2, h3, h4, h5, h6 {font-size:100%;}
table, th, td {border-collapse:collapse; font-weight:normal;}
a:link, a:visited {color:#008000; text-decoration:underline;}
a:hover, a:active {color:#E01F20; text-decoration:underline;}
.mark{color:#FF5A15;}

.csstop{ border-bottom:2px solid #390; padding:0 0 10px; margin-top:-15px; width:100%; overflow:hidden;}
.csslogo{ width:220px; float:left; display:inline; margin:0 30px 0 20px;}
.csslogo a{ display:block; width:185px; height:77px; background-image:url("logo.gif"/*tpa=http://www.php100.com/img/logo.gif*/); margin:auto;}
.cssnav{ width:730px; float:left; line-height:40px;}
.cssnav a{ padding-right:8px;}

#menu{ width:225px; float:left; padding-bottom:15px; overflow:hidden;}
#menu li{ list-style-type:none;}
#menu dt{font-weight:bold; margin-top:5px; cursor:pointer; background-position:-306px -103px; padding-left:27px; line-height:30px; background:url("icondt.gif"/*tpa=http://www.php100.com/manual/css3_0/img/icondt.gif*/) no-repeat left 3px;}
#menu dd{ line-height:25px;}
#menu dd a{display:block; padding-left:30px; background:url("icondd.gif"/*tpa=http://www.php100.com/manual/css3_0/img/icondd.gif*/) no-repeat left top;}
#menu .dtHover{ background-position:left -45px;}

#header { margin-left:225px; margin-bottom:10px;}
h1 {color:#4E6B33;font-size:21px;padding-left:7px;}
#header .tit{height:55px; line-height:64px; overflow:hidden;}
#header .attribute {line-height:25px; height:25px; overflow:hidden; color:#4E6B33; background-color:#EAF1D7; border-top:1px solid #4E6B33;}
#header .attribute p {padding-left:9px; display:inline;}
#content { _width:755px; overflow:hidden;}
.mode{ float:left; width:100%;}
.mode .tit {clear:both; background:#F3F3F3; padding:2px 0; *padding-top:4px; text-indent:8px; overflow:hidden;}
.content {padding:10px 75px 10px 12px; clear:both;}
.content p {padding:5px 0;}
#values.mode dl {list-style:none;}
#values.mode dl dt {float:left;font-weight:bold;}
#explain.mode ol {list-style:none;}
table{border:1px solid #ccc;white-space:normal;word-break:break-all;margin-top:5px;}
th{border:1px solid #ccc;font-weight:bold;text-align:center;background-color:#F3F3F3;line-height:28px; font-size:12px;}
th.type{padding:0;background-color:#F3F3F3;color:#333333;}
td.version{font-weight:bold;text-align:center;font-size:12px;}
td{border:1px solid #ccc;height:28px;line-height:20px;padding:2px 5px;text-align:left;}
#compatible.mode th{width:140px;}
#compatible.mode th.type{width:40px;}
#compatible.mode th img{display:block; margin:5px auto 0; width:32px; height:32px;}
#compatible.mode td.support span{padding-right:4px;}
#compatible.mode td.yes{color:#008000;}
#compatible.mode td.no{color:#BBB;}
table .on{background-color:#f9f9f9;}
table .col_gecko{width:120px}
table .col_webkit{width:120px}
table .col_presto{width:120px}
#examplelist {margin:10px 6px; padding:10px; border:1px solid #83d13e;}
#examplerun {margin:10px 0; font-size:14px;}
#examplerun textarea{ padding:5px; line-height:20px;}
#examplerun button{ margin-left:15px;}
#wrap{margin:0 10px; _margin:auto; _width:1000px; background:url("line.gif"/*tpa=http://www.php100.com/manual/css3_0/img/line.gif*/) repeat-y left 100%; overflow:hidden;}
#goto{width:75px;text-align:center;border:1px solid #ccc;background:#f3f3f3;position:fixed;right:10px;_right:27px;top:105px;}
* html #goto {position:absolute;}
#goto h3{background:#648741;height:21px;line-height:21px;color:#fff; font-weight:normal;}
#goto li{margin:0 2px;line-height:27px;border-bottom:1px solid #999; list-style:none;}
#goto li.goto_end{border-bottom:none;}
#goto li a{font-size:14px;font-weight:bold;display:block;text-decoration:none;line-height:27px;width:100%;height:100%;color:#666666;}
#goto li a:hover{color:#648741;text-decoration:underline;}
textarea{font-family:"Courier New",Courier,monospace; border:1px solid #DDDDDD; background-color:#FBFBF9; font-size:12px; color:#000000;}
button{font-size:12px;cursor:pointer;}
#footer{clear:both; width:100%;border-top:1px solid #DDDDDD; background-color:#FBFBF9;}
.copyright {padding-bottom:10px; text-align:right; padding-top:10px;}
.copyright p {color:#888;font-size:12px;text-indent:16px; font-family:Verdana,Helvetica;}
.copyright p a {color:#888;font-size:12px; font-weight:bold;}


