@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0; }
body { font-family:arial; font-size:15px; line-height:22px; color:#000; }

.fix_width { width:1000px; margin:0 auto 30px auto; }

.content { background-color:#fff; margin-top:30px; }
.content.border { border:solid 1px cornflowerblue; }
.content .title { font-family:arial; background-color:cornflowerblue; color: #fff; padding:10px 20px; font-size:17px; }

.content p { margin:15px; }
.content td p { margin:0; }
.content a { color:cornflowerblue; text-decoration:none; }
.content a:hover { color:#000; }
.content table { border:none; width:80%; background-color:#fff; border-collapse:collapse; width:100%; }
.content table td { border:solid 1px cornflowerblue; padding:10px 15px; text-align:center; vertical-align:top; line-height:20px; }
.content table td:hover { border-bottom:solid 1px #aaa; }
.content table td.v_mid { vertical-align:middle; }
.content table.left td, table td.left { text-align:left; }
.content table td.right { text-align:right; }
.content table td a { font-size:14px; text-decoration: none; }
.content table td a span { color:#000; }
.content table td a:hover { color:#000; }
.content table td strong.code { display:inline-block; background-color:#aaa; color:#fff; cursor:pointer; padding:2px 10px; font-weight:normal; }
.content table td strong.code.active { background-color:#da9627; }
.content table td input { background-color:#fff; border:solid 1px #ccc; padding:2px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; margin-top:10px; }
.content table td textarea.code { position:absolute; width:1000px; height:150px; bottom:10px; left:10px; background-color:#666; border:none; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; display:none; }
.content .note { border:solid 1px #ddd; font-size:12px; margin-top:10px; margin-bottom:10px; padding:5px; }
.content textarea.structure { background-color:#666; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; padding:5px; width:99%; height:200px; border:none; }

#tabs { padding-bottom:20px; }
.link_tab { overflow:auto; margin-top:15px; z-index:999; margin-left:20px; position:relative; margin-bottom:-1px; }
.link_tab li { display:block; float:left; font-size:15px; }
.link_tab li a { display:block; text-decoration:none; padding:5px 15px; color:#333; margin-top:5px; border:solid 1px cornflowerblue; border-right:none; outline:none; }
.link_tab li.ui-tabs-active a { padding:8px 20px; margin-top:0; background-color:#fff; border-bottom:none; }

.textarea1 { width:97%; height:272px; background: #333; color:#fff; border:none; padding:10px; }
.textarea2 { width:97%; height:168px; background: #333; color:#fff; border:none; padding:10px; }

.links { background-color:cornflowerblue; text-transform:uppercase; overflow: auto; margin-top: 30px; }
.links a { color:#fff; text-decoration:none; padding:15px 50px; float: left; }
.links a:hover, .links a.active { background-color:#fff; border-top:solid 1px cornflowerblue; border-bottom:solid 1px cornflowerblue; color:#1E8BC3;  }
.links a:first-child:hover, .links a:first-child.active { border-left:solid 1px cornflowerblue; }

.documentation { background-color: #1E8BC3; color: #fff; font-size: 13px; left: -16px; padding: 0 0 0 18px; position: fixed; text-transform: uppercase; top: 10px; width:160px;
transform: rotate(-28deg); -moz-transform: rotate(-28deg); -webkit-transform: rotate(-28deg); }