@charset "utf-8";
/* CSS Document */
/* ls_outer is dynamically generated when the loading icon is generated */
.ls_outer {
    background:url(img/transparent.png);
}
/* Common */
body {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 13px;
    color:#000;
    padding: 0;
    margin: 0;
}
h2 {
    font-weight: normal;
    margin: 20px 0 0 5px;
    font-size: 20px;
}
.clear {
    clear: both;
}
.mt_10 {
    margin-top: 10px;
}
/* Intro */
.intro {
    font-size: 15px;
    line-height: 22px;
    background: darkcyan;
    color: #fff;
    padding: 5px 10px;
}
.intro p {
    margin: 5px 0;
}
.content {
    width:120px;
    height:120px;
}
/* Demo 1 */
.contentBox {
    width:400px;
    height:300px;
    border:solid 1px darkcyan;
    float:left;
    margin:10px 0 0 10px;
    color:#000;
    font-size: 13px;
    line-height: 18px;
}
.contentBox p {
    margin: 10px;
}
/* Demo 5 and all method pages */
.conBox {
    height:70px;
    width:30%;
    float:left;
    border:solid 1px darkcyan;
    margin:5px;
    text-align: center;
}
.start_button, .cancel_button {
    padding:5px 10px;
    background:darkcyan;
    color:#fff;
    margin:10px;
    float: left;
    vertical-align:middle;
    cursor:pointer;
}
.cancel_button {
    background:#aaa;
}
/* Instruction page*/
.instruction {
    padding: 10px;
    font-size: 15px;
    color: #000;
}
.instruction code {
    padding: 10px;
    background: lightcyan;
    line-height: 25px;
    display: inline-block;
}
/* Demo 2, 3, and 4 and all method pages */
.table {
    border-collapse:collapse;
    margin: 10px;
}
.table td {
    border:solid 1px darkcyan;
    vertical-align:top;
}
/* Right nvigation */
.navigation {
    position:fixed;
    right:0;
    top:100px;
    list-style:none;
}
.navigation a {
    color:#fff;
    text-decoration:none;
    display:block;
    padding:3px 10px;
    background:darkcyan;
    margin-bottom:1px;
    width:80px;
    border-radius:5px 0 0 5px;
}
.navigation a:hover, .navigation a.active {
    width:90px;
    margin-left:-10px;
    border-radius: 10px 0 0 10px;;
}
/* Method pages */
.method {
    border-collapse: collapse;
    margin: 5px;
}
.method td {
    padding: 10px;
    border: solid 1px darkcyan;
    vertical-align: top;
}

/* .table td.example table { background:#fff; }
.table td.example table td { border:none; padding-bottom:0; }
.table td.title { background:#3083A7; border:solid 1px #3083A7; border-bottom:solid 1px #fff; color:#fff; font-size:18px; }
.table td span.inside { display:block; background:#f9f9f9; border:solid 1px #ccc; margin:5px 0; padding:5px; }
.table td strong { color:#b41616; } */