/*
 *  Project:    FAQ757
 *  Author(s):  Frank Oh
 *  Website:    www.it747.com
 *  Copyright:  This is the property of IT747.COM
 */

body                    { margin: 5px 15px 5px 15px; background-color: #ffffff; color: black; font-size: 14px; }
body, td, th, h1, h2    { font-family: Verdana, Arial, sans-serif; }
form, table, tr, td, th, p, div, span, div, img { margin: 0px; padding: 0px; }
pre                     { margin: 0px; font-family: monospace; }
a               { }
a:link          { color: #000099; text-decoration: underline; }
a:visited       { color: #000099; text-decoration: underline; }
a:hover         { color: white; background-color: orange; }

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

table           { width: 100%; border-collapse: collapse; }
td              { text-align: left; vertical-align: top; }

h1              { font-size: 150%; }
h2              { font-size: 125%; }
i               { color: #666666; }
input           { border: 1px solid #cccccc; background-color: #ffffee; color: blue; margin: 2px; padding: 2px 5px 2px 5px; }
textarea        { border: 1px solid #cccccc; background-color: #ffffee; color: blue; margin: 2px; padding: 0px 0px 0px 5px; }
select          { border: 1px solid #cccccc; background-color: #ffffee; color: blue; margin: 2px; padding: 0px 0px 0px 5px; }
input.radio     { border: none; background-color: transparent; margin: 0px; padding: 0px; }
input.submit    { padding: 0px; margin: 0px; border: none; cursor: pointer; }

.open           { background-repeat: no-repeat; }
.body           { background-repeat: repeat-y; }
.close          { background-repeat: no-repeat; }
.spacer         { padding: 0px; margin: 0px; font-size: 1px; line-height: 1px; }

select.short        { width: 100px; }
select.mid          { width: 200px; }
select.long         { width: 400px; }
select.longlong     { width: 500px; }
select.select_stmt  { width: 400px; }

input.short         { width: 100px; }
input.mid           { width: 200px; }
input.long          { width: 400px; }
input.longlong      { width: 500px; }

textarea.long       { width: 400px; }
textarea.longlong   { width: 500px; }


/* general */

div.header      { background-color: #ffffff; }
div.body        { background-color: #ffffff; border: 3px solid #ece9d8; border-bottom: 1px solid #ece9d8; }
div.footer      { background-color: #ffffff; }

div.copyright   { background-color: #f8f7f1; border: 3px solid #ece9d8; border-top: none; padding: 3px; }
div.copyright   { text-align: center; font: normal 10px Verdana; }
div.timestamp   { font-size: 11px; color: #999999; }
div.notice      { margin: 0px; padding: 10px; border: 2px dotted #cccccc; text-align: left; font-size: 16px; font-weight: bold; color: black; background-color: yellow; }

td.menu_pane                { width: 200px; height: 400px; background-color: white; border-right: 1px solid #b4b4b4; font: 14px bold Verdana; }
td.menu_pane                { line-height: 150%; padding: 10px 0px 30px 0px; }
td.content_pane             { padding: 10px 10px 30px 10px; }

/* top menu */
div.top_menu                                    { background-color: white; }
div.top_menu table.top_menu                     { border-bottom: 3px solid #ece9d8; }
div.top_menu table.top_menu td.top_menu_left    { text-align: left; vertical-align: middle; }
div.top_menu table.top_menu td.top_menu_center  { text-align: center; vertical-align: middle; color: black; font-weight: bold; }
div.top_menu table.top_menu td.top_menu_right   { text-align: right; vertical-align: middle; }

/* menu */
div.menu                    { color: #000000; background-color: #b8caf7; font: normal 12px Verdana; }
div.menu div.menu_item      { background-color: #f8f7f1; border-top: 1px solid #ffffff; border-bottom: 1px solid #cccccc; }
div.menu div.menu_item_hover{ background-color: #f8f7f1; border-top: 1px solid #ffffff; border-bottom: 1px solid #bb0000; font-weight: bold; }
div.menu div.menu_content   { padding: 2px 3px 2px 5px; }
div.menu a,
div.menu a:link,
div.menu a:visited,
div.menu a:hover            { color: #000000; background-color: transparent; text-decoration: none; }
div.menu a:hover            { color: #bb0000; }

/* login */
div.login { padding: 50px 0px 50px 0px; }
div.login table.login { }
div.login table.login td.c1 { }
div.login table.login td.c2 { width: 300px; }
div.login table.login td.c3 { }
div.login table.login_box         { width: 300px;}
div.login table.login_box .open   { height: 30px; background-image: url( images/login_box_open.gif ); }
div.login table.login_box .body   { background-image: url( images/login_box_body.gif ); padding: 20px 0px 10px 0px; text-align: center; }
div.login table.login_box .close  { height: 20px; background-image: url( images/login_box_close.gif );}

div.login .login_title      { color: #bb0000; font-size: 16px; font-weight: bold; margin-bottom: 10px; }
div.login .login_password   { margin-bottom: 30px; }
div.login .login_submit     {}
div.login_error             { width: 400px; margin: 20px auto 0px auto; padding: 10px; border: 2px dotted #cccccc; text-align: center; font-size: 16px; font-weight: bold; color: black; background-color: yellow; }


/* main page */
div.main_page { padding: 50px 0px 50px 0px; }
div.main_page table.main_page { }
div.main_page table.main_page td.c1 { }
div.main_page table.main_page td.c2 { width: 200px; }
div.main_page table.main_page td.c3 { width: 20px; }
div.main_page table.main_page td.c4 { width: 300px; }
div.main_page table.main_page td.c5 { width: 20px; }
div.main_page table.main_page td.c6 { width: 200px; }
div.main_page table.main_page td.c7 { }

div.main_page table.stat_box         { width: 200px;}
div.main_page table.stat_box .open   { height: 30px; background-image: url( images/stat_box_open.gif ); }
div.main_page table.stat_box .body   { background-image: url( images/stat_box_body.gif ); padding: 0px 1px 0px 1px; height: 300px; }
div.main_page table.stat_box .close  { height: 20px; background-image: url( images/stat_box_close.gif );}
div.main_page table.stat_box td.stat_name      { }
div.main_page table.stat_box td.stat_number    { width: 30px; }

div.main_page table.category_box         { width: 300px;}
div.main_page table.category_box .open   { height: 30px; background-image: url( images/category_box_open.gif ); }
div.main_page table.category_box .body   { background-image: url( images/category_box_body.gif ); padding: 0px 1px 0px 1px; height: 300px; }
div.main_page table.category_box .close  { height: 20px; background-image: url( images/category_box_close.gif );}
div.main_page table.category_box div.title     { height: 16px; overflow: hidden; }
div.main_page table.category_box div.title span.no_of_records    { position: absolute; margin: 0px 0px 0px 260px; padding: 0px 5px 0px 10px; background-color: #f8f7f1; display: block; width: 15px; }

div.main_page table.menu_box         { width: 200px;}
div.main_page table.menu_box .open   { height: 30px; background-image: url( images/menu_box_open.gif ); }
div.main_page table.menu_box .body   { background-image: url( images/menu_box_body.gif ); padding: 0px 1px 0px 1px; height: 300px; }
div.main_page table.menu_box .close  { height: 20px; background-image: url( images/menu_box_close.gif );}


/* right side content area */
div.box_title  { background-color: white; color: #D12421; font-weight: bold; font-size: 125%; padding-top: 3px; padding-bottom: 5px; }
div.box {}
div.box .box_head   { text-align: left; font-weight: bold; font-size: 14px; color: #009900; background-color: #f5f5f5; }
div.box .box_head   { padding-top: 10px; padding-bottom: 10px; border-top: 3px solid #cccccc; border-bottom: 1px solid #cccccc; }
div.box .box_key    { text-align: left; font: bold 13px Verdana; }
div.box .box_value  { text-align: left; font: normal 13px Verdana; }

table.list_box th.head  { font-weight: bold; font-size: 14px; color: #009900; background-color: #f5f5f5; }
table.list_box th.head  { padding-top: 10px; padding-bottom: 10px; border-top: 3px solid #cccccc; border-bottom: 1px solid #cccccc; }
table.key_value td.c1   { font-weight: bold; font-size: 13px; width: 33%; }
table.key_value td.c2   { font-weight: normal; font-size: 13px; width: 66%; }
table.key_value_2 td.c1   { width: 20%; }
table.key_value_2 td.c2   { width: 80%; }

table.category_list     {}
table.category_list th,
table.category_list td      { text-align: center; vertical-align: middle; }
table.category_list th.c1,
table.category_list td.c1   { text-align: left; }
table.category_list td.c1   { width: 60%; }
table.category_list .title  { height: 18px; overflow: hidden; }
table.category_list .active { font-weight: bold; color: white; background-color: #aaaaaa; }
table.category_list .list_order { width: 25px; height: 14px; }

div.category_menu td.stat_name      { }
div.category_menu td.stat_number    { width: 30%; }

table.record_list     {}
table.record_list th,
table.record_list td            { text-align: center; vertical-align: middle; }
table.record_list th.c1,
table.record_list td.c1         { text-align: left; }
table.record_list td.c1         { width: 60%; }
table.record_list .subject      { height: 18px; overflow: hidden; }
table.record_list .active       { font-weight: bold; color: white; background-color: #aaaaaa; }
table.record_list .list_order   { width: 25px; height: 14px; }

div.record_menu div.title       { height: 16px; overflow: hidden; }
div.record_menu span.no_of_records    { position: absolute; margin: 0px 0px 0px 165px; padding: 0px 7px 0px 7px; background-color: #f8f7f1; display: block; width: 15px; }
div.record_menu span.active     { font-weight: bold; color: #d12421; }
div.record_subject { font-weight: bold; margin: 20px 0px 10px 0px; }
div.record_content { border: 2px dotted #cccccc; border-left: none; border-right: none; margin: 0px 0px 20px 0px; padding: 5px 0px 5px 0px; }

table.comment_list { border-top: 1px solid #cccccc; margin-bottom: 20px; }
table.comment_list tr.r1 { }
table.comment_list tr.r2 { font-weight: bold; }
table.comment_list tr.r2_subject { font-weight: bold; }
table.comment_list tr.r3 {}
table.comment_list td { padding: 3px 0px 3px 0px; }
table.comment_list td.c1 { width: 50%; }
table.comment_list td.c2 { width: 15%; }
table.comment_list td.c3 { width: 20%; }
table.comment_list td.c4 { width: 15%; text-align: right; }
table.comment_list td.c1 a { font-size: 11px; }

div.comment_menu span.active            { font-weight: bold; color: #d12421; }
div.comment_menu span.no_of_comments    { position: absolute; margin: 0px 0px 0px 165px; padding: 0px 7px 0px 7px; background-color: #f8f7f1; display: block; width: 15px; }

table.backup_list     {}
table.backup_list th,
table.backup_list td  { text-align: center; vertical-align: middle; }
table.backup_list .c1 { text-align: left; width: 80%; }

/* pagination */
div.pagination { text-align: right; margin: 0px 0px 10px 0px; }
div.pagination a:link,
div.pagination a:active,
div.pagination a:visited,
div.pagination a:hover  { color: #333333; background-color: #ffffff; border: 1px solid #336699; text-decoration: none; padding: 2px 10px 2px 10px; }
div.pagination a:hover  { color: #ffffff; background-color: #ffa500; border: 1px solid #ff8000; }
div.pagination span.current     { margin-left: 5px; color: #bb0000; background-color: #ffffee; border: 2px solid #bb0000; font-weight: bold; padding: 2px 10px 2px 10px; }
div.pagination span.not_current { margin-left: 5px; }

/* smart_table */
table.smart_table           { }
table.smart_table td        { border-bottom: 1px solid #f5f5f5; }
table.smart_table .on       { background-color: #ffffff; }
table.smart_table .off      { background-color: #f8f7f1; }

/* processing result box */
table.processing_result_table { margin-bottom: 20px; }
table.processing_result_table td.processing_result_head   { color: #D12421; font: bold 18px Verdana; padding-top: 5px; padding-bottom: 5px; }
table.processing_result_table td.processing_result_body   { padding: 10px; background-color: #f8f7f1; border: 1px solid #cccccc; }

/* balloon message */
a.balloon:link span.balloon     { display: none; }
a.balloon:visited span.balloon  { display: none;}
a.balloon:hover span.balloon    { display: block; }
a.balloon:hover span.balloon    { position: absolute; margin: -3px 0px 0px -210px; padding: 3px 10px 3px 10px; }
a.balloon:hover span.balloon    { width: 180px; text-align: right; font-size: 12px; font-weight: bold; color: black; background-color: yellow; border: 1px solid #cccccc; }

a.balloon:link span.balloon_box     { display: none; }
a.balloon:visited span.balloon_box  { display: none;}
a.balloon:hover span.balloon_box    { display: block; overflow: hidden; }
a.balloon:hover span.balloon_box    { position: absolute; margin: -3px 0px 0px -210px; padding: 3px 10px 3px 10px; }
a.balloon:hover span.balloon_box    { width: 180px; height: 120px; text-align: left; font-size: 12px; font-weight: normal; color: black; background-color: yellow; border: 1px solid #cccccc; }

/* etc */
iframe.phpinfo  { width: 100%; height: 500px; border: 1px solid #f5f5f5; }

div.debug { background-color: white; color: black; text-align: left; font-size: 16px; }
div.debug div.fatal         { color: red; }
div.debug div.debug b       { color: black; }
div.debug div.php_trace     { color: blue; }
div.debug div.todo b        { color: green; }

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