body { margin: 5px 10px 5px 20px; background-color: #ffffff; background: url( 'images/background.gif' ); background-repeat: no-repeat; background-position: 300px 300px; }
body, table, td, p { font-family: Verdana, Arial, sans-serif; font-size: 11px; color:#515A5F; line-height: 150%; }
table { width: 100%; border-collapse: collapse; }
form, table, tr, td, th, p { margin: 0px; padding: 0px; }
td { text-align: left; vertical-align: top; }
img { margin: 0px; padding: 0px; }
a:link, a:active, a:visited { text-decoration: underline; color:#de530a; }
a:hover   { color: #0000ff; }
i { font-style: normal; font-weight: normal; color: #de530a; }
b { font-weight: bold; }
ul { list-style-type: disc; margin-top: 10px; margin-bottom: 10px; }
ul ul { list-style-type: disc; }
pre { width: 500px; margin: 5px 0px 5px 10px; padding: 0px; display: block; border: 1px solid #cccccc; background-color: #f7f7f7; color: green; padding: 5px; font-family: Courier, monospace; font-size: 12px; overflow: auto; }

a.invisible         { }
a.invisible:link    { text-decoration: none; }
a.invisible:visited { text-decoration: none; }
a.invisible:hover   { text-decoration: underline; }

.spacer         { padding: 0px; margin: 0px; font-size: 1px; line-height: 1px; }
div.motd { position: absolute; z-index: 10; visibility: visible; text-align: center; margin: 61px 0px 0px 0px; font: bold 11px Verdana; border-top: 1px solid green; border-bottom: 1px solid green; padding: 5px 10px 5px 0px; background-color: #ffffee; color: red; font-size: 12px; }
div.pre_small pre { width: 400px; }

/* big layout */

div.body { width: 800px; }
div.header { height: 80px; }

div.middle { border: 4px solid #E3E5EA; border-right: 4px solid #cccccc; border-bottom: none; padding: 0px 10px 10px 10px; }
div.lefter { }
div.center { }
div.righter { }
div.footer { border-left: 4px solid #E3E5EA; border-right: 4px solid #cccccc; border-top: none; border-bottom: 4px solid #cccccc; }

div.center_content { width: 550px; margin-right: 20px; }
div.common { width: 200px; }

div.menu-position {
    height: 40px;
}


/* div etc */

div.title, div.title2, div.title3, div.title4 { padding-top: 15px; padding-bottom: 15px; }
div.title table,
div.title2 table,
div.title3 table,
div.title4 table { width: auto; }

div.title .a,
div.title2 .a,
div.title3 .a,
div.title4 .a { height: 30px; width: 20px; background-image: url( images/bar-2-a.gif ); }

div.title .b,
div.title2 .b,
div.title3 .b,
div.title4 .b { height: 30px; background-image: url( images/bar-2-b.gif ); vertical-align: middle; font: bold 14px Verdana; padding-right: 50px; }
div.title2 .b,
div.title3 .b,
div.title4 .b { padding-right: 0px; }

div.title .c,
div.title2 .c,
div.title3 .c,
div.title4 .c { height: 30px; width: 20px; background-image: url( images/bar-2-c.gif ); }

div.title .b { font-size: 16px; }

div.title2 .a { background-image: url( images/bar-1-a.gif ); }
div.title2 .b { background-image: url( images/bar-1-b.gif ); }
div.title2 .c { background-image: url( images/bar-1-c.gif ); }
div.title3 .a { background-image: url( images/bar-2-a.gif ); }
div.title3 .b { background-image: url( images/bar-2-b.gif ); }
div.title3 .c { background-image: url( images/bar-2-c.gif ); }


div.product_features { font-size: 10px; line-height: 130%; }

div.product_features span { display: block; background: url( images/icon-small-1.gif ) no-repeat 5px 5px; padding-left: 15px; }

div.product-box { }

div.demo-top { }
div.demo-top img { height: 60px;  padding: 2px; border: 1px solid #cccccc; }
div.demo-top td.a { }

div.demo-common { }
div.demo-common img { width: 45px; height: 45px; padding: 2px; border: 1px solid #cccccc; }
div.demo-common td.a { width: 55px; }

div.intro-content { padding: 0px 20px 0px 0px; }
div.intro-content b { font-weight: normal; color: #de530a; }

div.intro b { font-weight: normal; color: #de530a; }

div.testimony {
    padding-right: 10px;
}

div.testimony .testimony_name {
    font: bold 10px Verdana;
    text-align: right;
    padding-bottom: 20px;
}

div.testimony .testimony_comment {
    font: normal 10px Verdana;
    padding-bottom: 5px;
}


div.faq_title {
    font-weight: bold;
    padding: 20px 0px 5px 0px;
}

div.faq_content {
    border: 1px dashed #cccccc;
    padding: 10px;
}

div.demo_category { font-size: 14px; margin: 10px 0px 0px 0px; font-weight: bold; color: #777777; }
div.demo_download { font-size: 11px; margin: 10px 0px 0px 0px; text-align: right; }
div.demo_box { padding-top: 10px; padding-bottom: 10px; }
div.demo_box table { border: 1px solid #cccccc; }
div.demo_box td.demo_title { color: #0000dd; padding: 5px; }
div.demo_box td.a { width: 160px; text-align: center; vertical-align: middle; }
div.demo_box td.b { padding: 5px; }
div.demo_box img { }

div.demo_box_user  table { background-color: #fffff8; }
div.demo_box_admin table { background-color: #f0f8f8; }
div.demo_box_etc   table { background-color: #ffffff; }

div.download_box {
    padding-top: 10px;
    padding-bottom: 10px;
}

div.download_box table {
    border: 1px solid #cccccc;
    background-color: #fffffa;
}

div.download_box td.a {
    width: 160px;
    text-align: center;
    vertical-align: middle;
}

div.download_box td.b {
    padding: 5px;
}

div.download_box img {
}

div.download_skin_box table {
    background-color: #f0f8f8;
}

div.pdf_download_box table {
    border: 1px solid #cccccc;
    background-color: #f0f8f8;
}

div.pdf_download_box td.a {
    width: 120px;
    text-align: center;
    vertical-align: middle;
}

div.pdf_download_box td.b {
    padding: 5px;
}

div.pdf_download_box img {
    width: 50px; height: 50px;
    padding: 5px; margin: 5px;
    border: 1px solid #cccccc;
}

div.pdf_download_box img.pdf {
    width: 100px; height: 100px;
    padding: 5px; margin: 5px;
    border: 1px solid #cccccc;
}


div.ts table {
    border: 1px solid #d9d9d9;
    margin-left: 30px;
}

div.ts table.files {
    width: 60%;
}

div.ts table.var_list {
    width: 100%;
}

div.ts table td.close {
    border-bottom: 1px solid #d9d9d9;
}

div.ts table th {
    font-size: 12px;
    font-weight: bold;
    padding: 3px;
    background-color: #f5f5f5;
    text-align: left;
    border-bottom: 1px solid #d9d9d9;
}

div.ts table td {
    font-size: 10px;
    font-weight: normal;
    padding-left: 3px;
    padding-right: 3px;
    text-align: left;
    border-bottom: 1px solid #f5f5f5;
}
div.ts i {
    font-weight: normal;
    font-style: normal;
    color: blue;
}


div.box_box table {
    border: 1px solid #d9d9d9;
}

div.box_box table td.close {
    border-bottom: 1px solid #d9d9d9;
}

div.box_box table th {
    font-size: 12px;
    font-weight: bold;
    padding: 3px;
    background-color: #f5f5f5;
    text-align: left;
    border-bottom: 1px solid #d9d9d9;
}

div.box_box table td {
    font-size: 10px;
    font-weight: normal;
    padding-left: 3px;
    padding-right: 3px;
    text-align: left;
    border-bottom: 1px solid #f5f5f5;
}


div.highlighter {
    overflow: auto;
}

/* etc */
img.clean,
img.clean_sc {
    padding: 10px;
    margin: 5px;
    width: 80px; height: 80px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
}

img.border {
    border: 1px solid #cccccc;
}

.box_table {
    border: 1px solid #cccccc;
    width: 100%;
}

.box_head {
    font: bold 12px Verdana;
    padding: 3px;
    color: green;
    background-color: #f5f5f5;
    border-bottom: 1px solid #cccccc;
    }
.box_content {
    padding: 3px;
    font-size: 10px;
    line-height: 150%;
}

.info_table,
.error_table,
.notice_table {
    border: 1px solid #cccccc;
    }

.info_head,
.menu_head,
.error_head,
.notice_head {
    font: bold 12px Verdana;
    padding: 3px;
    color:#de530a;
    background-color: #ffffee;
    border-bottom: 1px solid #cccccc;
    }
.info_head {
    color: green;
    background-color: #f5f5f5;
    }
.error_head {
    color: red;
    }

.info_content,
.menu_content,
.error_content,
.notice_content {
    padding: 3px;
    font-size: 10px;
    line-height: 150%;
}

.launch,
input.submit {
    padding: 5px 10px 5px 10px;
    border: 2px solid #cccccc;
    color: blue;
    background-color: #ffffee;
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
}

.launch a:visited,
.launch a:active,
.launch a:link {
    text-decoration: none;
    color: blue;
}

.note {
    font: bold 12px Verdana;
    padding: 3px;
    color:#de530a;
    background-color: #ffffee;
    border: 1px solid #cccccc;
}

/* menu */

.menu { position:absolute; left:24px; top:90px; width: 792px; height:25px; z-index:3; background:url('images/menu-bg.gif'); background-repeat: repeat-x; border-bottom: 1px solid #cccccc;}
.menu div { float:left; }
.menu div.dec { padding-left:1px;background:url('images/menuline.gif');}
.menu div { height:25px; }
.menu .af { padding:7px 0px 0px 9px; }

.layermenu {position: absolute; visibility: hidden; z-index:7;}
.layermenu table {border:1px #B8C8CF solid; width: auto; border-collapse: separate;}
.layermenu td {padding:2px 27px 3px 17px; border-top:1px #cccccc solid; background: #fff url('images/limenu.gif') no-repeat 7px 8px; font-weight:normal;}
.layermenu td.passiv {padding:3px 27px 4px 16px; border-top:1px #A6A8AE solid; background: #FFFFEE; font-weight:normal; font-size:6.5pt;}
.layermenu .pmenu td {padding:3px 17px 4px 24px; border-top:1px #A6A8AE solid; background: #fff url('images/limenu.gif') no-repeat 16px 7px; font-weight:normal;}
.layermenu td.open {height:2px;overflow:hidden;background:#FBC20A;padding:0px; border-top:none;}
.layermenu td.close {height:2px;overflow:hidden;background:#FBC20A;padding:0px; border-top:0px #6D7478 solid;}
.layermenu td.pasline {background: #FFFFFF url('images/limenu.gif') no-repeat 7px 8px;}
.layermenu td.actline {background: #FFFFDD url('images/limenua.gif') no-repeat 7px 8px;}
.layermenu .pmenu td.pasline {background: #fff url('images/limenu.gif') no-repeat 16px 8px;}
.layermenu .pmenu td.actline {background: #FBC20A url('images/limenua.gif') no-repeat 16px 8px;}
.layermenu td.actline a {color:#D37517;}
.layermenu td a:link {color:#637B93; text-decoration:none;}
.layermenu td a:visited {color:#637B93; text-decoration:none;}
.layermenu td a:hover {text-decoration:none; color:#de530a}

/* easy_read_table */
.easy_read_table {
    width: 100%;
    border: 1px solid #f5f5f5;
    border-collapse: collapse;
}
.easy_read_table td, .easy_read_table th {
}
.easy_read_table th {
    background-color: #aaf;
}
.easy_read_table .on {
    background-color: #ffffff;
}
.easy_read_table .off {
    background-color: #fffff9;
}
.easy_read_table .hover {
    background-color: #fddc74;
}
.easy_read_table .click {
    background-color: #ffff99;
}

/* writing template & how to */
div.writing_template h1,
div.writing_template h2,
div.writing_template h3,
div.writing_template h4,
div.how_to h1,
div.how_to h2,
div.how_to h3,
div.how_to h4 {
    margin: 0px; padding: 0px;
    display: block;
}

div.writing_template h3 {
    padding: 10px 0px 10px 0px;
    color: black;
    font: normal 12px Verdana;
}

div.writing_template table.pic img {
    border: 1px solid #cccccc;
    padding: 2px;
}

div.code_section {
    margin: 10px 0px 10px 20px;
}
div.code_title {
    color: #de530a;
    font: bold 11px Verdana;
}
div.code_body {
}

div.how_to div.code_body {
    font: normal 13px  Andale Mono, monospace;
}

div.writing_template h1,
div.writing_template h2,
div.how_to h1,
div.how_to h2 {
    margin: 30px 0px 10px 0px;
    padding: 2px 0px 2px 0px;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    font: bold 16px Verdana;
    background-color: #ffffee;
    width: 70%;
}

div.how_to h2 {
    font: bold 14px Verdana;
    background-color: #fffff0;
}

/* vim: set expandtab sw=4 ts=4 sts=4: */