/* -- common -- */

* {
    font-family:helvetica,tahoma,arial,'Heiti TC','Heiti SC','Apple LiGothic Medium','微軟正黑體','Microsoft JhengHei','新細明體';
    /*-webkit-font-smoothing:antialiased;*/
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    max-height:999999px; /* android chrome fix */
}
body {
    margin:0;
    font-size:10pt;
    color:#333;
}


img {
    border-width:0;
}


a         {color:#333; text-decoration:none;}
/*
a:visited {color:#333; text-decoration:none;}
a:active  {color:#f00; text-decoration:underline;}
*/
a:hover   {color:#f00; text-decoration:underline;}
a.hover   {text-decoration:underline;} /* for ajaxupload */


input,
textarea {
    border:1px solid #666;
    background-color:#fff;
    color:#333;
}
input[disabled],
textarea[disabled] {
    border:1px solid #bbb;
    background-color:#eee;
}
input.button {
    margin:0 2px 0 2px;
    border:1px solid #999;
    padding:2px 5px;
    background-color:#fff; color:#999;
    font-family:inherit; font-size:10pt;
}
input.button:hover {
    background-color:#999; color:#fff;
}
input.button_alert {
    border:1px solid #f66;
    background-color:#fff; color:#f66;
}
input.button_alert:hover {
    background-color:#f66; color:#fff;
}


div.attr {
    display:none;
}
span.underline {
    text-decoration:underline;
}


.clearfix:before,
.clearfix:after {
    content: ' ';
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

/* -- */




/* -- admin_container -- */

.admin_container {
    padding:10px 0;
    border-top:2px dashed #ccc;
    border-bottom:2px dashed #ccc;
    background-color:#fff;
}

/* -- */




/* -- admin_menu -- */

.admin_menu {
    float:left; margin-left:5px; width:150px; font-family:arial;
}

.admin_menu .section                                 { border:1px solid #ccc; border-bottom-width:0px; margin-bottom:10px; background-color:#fff; }
.admin_menu .section:last-child                      { margin-bottom:0; }

.admin_menu .section .admin_header                   { color:#fff; }
.admin_menu .section a.admin_header:hover            { color:#f00; text-decoration:none; }
.admin_menu .section .admin_header_collapsible       { cursor:pointer; }
.admin_menu .section .admin_header_collapsible:hover { color:#f00; text-decoration:none; }
.admin_menu .section .admin_header_link              { cursor:pointer; }
.admin_menu .section .admin_header_link:hover        { color:#f00; text-decoration:none; }

.admin_menu .section .admin_header .corner           { float:right; padding:8px 8px 0 0; }
.admin_menu .section .admin_header .title            { padding:8px 8px 4px 8px; background-color:#ccc; font-size:12pt; }
  
.admin_menu .section .item                           { border-bottom:1px solid #ccc; }
  
.admin_menu .section .item .text                     { padding:0px 4px; margin:0px 4px 4px; font-size:10pt; line-height:19px; }
.admin_menu .section .item .text:first-child         { margin-top:4px; }
.admin_menu .section .item .text_nor                 { border:1px solid #fff; }
.admin_menu .section .item .text_sel                 { border:1px solid #333; }
.admin_menu .section .item .text .indent             { font-size:8pt; }
.admin_menu .section .item .text a                   { color:#333; }
.admin_menu .section .item .text a:hover             { color:#f00; text-decoration:underline; }

.admin_menu .section .item .info                     { color:#333; padding:5px 0 5px 10px; font-size:10pt; }
.admin_menu .section .item .info a                   { color:#333; cursor:pointer; }
.admin_menu .section .item .info .info_data          { color:#999; font-size:8pt; word-wrap:break-word; }

/* -- */




/* -- admin_content --*/

.admin_content {
    margin:0 5px 0 165px;
    background-color:#fff;
    font-family:arial;
    min-height:300px;
}

.admin_content .admin_block               { padding:10px 10px 0 10px; background-color:#ccc; }
  
.admin_content .admin_title               { padding:0 0 10px 0; font-size:12pt; color:#fff; }
  
.admin_content .admin_shortcut            { padding:0 0 10px 20px; color:#333; }
.admin_content .admin_shortcut select     { font-size:10pt; }
.admin_content .admin_shortcut input      { font-size:10pt; }
.admin_content .admin_shortcut a          { color:#00f; }
  
.admin_content .admin_detail              { padding:0 0 10px 20px; color:#333; }
.admin_content .admin_detail select       { font-size:10pt; }
.admin_content .admin_detail input        { font-size:10pt; }
.admin_content .admin_detail a            { color:#00f; }
  
.admin_content .admin_buttons             { padding:0; }
  
.admin_content .admin_record_counter      { padding:10px 0 0 0; }
.admin_content .admin_record_counter a    { color:#00f; cursor:pointer; }

.admin_content .form_button               { }
.admin_content .form_button_default       { border:1px solid #000; color:#000; }
.admin_content .form_button_default:hover { background-color:#000; color:#fff; }

/* -- */



/* -- view -- */

.view                               {}

.view .view_block                   { padding:10px; background-color:#ccc; }
.view .view_block_line              { margin:4px 0; border-top:1px solid #ddd; min-height:0; }
  
.view .view_title                   { padding-bottom:10px; font-size:12pt; color:#fff; }

.view .view_short_cut               { padding-left:20px; color:#fff; font-size:10pt; }
.view .view_short_cut a             { color:#00f; }

.view .view_command                 {
    padding-left:10px; margin:10px 0 -10px;
    font-size:10pt;
    color:#fff;
}
.view .view_command .view_command_item {
    display:inline-block; padding:0 10px; margin-right:10px;
    line-height:22px;
    background-color:#bbb; color:#00f;
    border-top:2px solid #aaa;
    border-bottom:2px solid #bbb;
}
.view .view_command .view_command_item_sel {
    background-color:#fff; color:#333;
    border-top:2px solid #fff;
    border-bottom:2px solid #fff;
}
.view .view_command .view_command_item_disabled {
    color:#999;
    cursor:default;
}
.view .view_command .view_command_item_admin {
    border-top:2px solid #f00;
}
.view .view_command .view_command_item_dev {
    border-top:2px solid #a00;
}
  
.view .view_filter                  { padding:0 0 0 20px; color:#333; font-size:10pt; min-height:1.8em; }
.view .view_filter_last             { /*padding-bottom:10px;*/ }
.view .view_filter_line             { margin:4px 0; border-top:1px solid #ddd; min-height:0;}
.view .view_filter_hidden           { display:none; }
  
.view .view_filter_caption          { float:left; width:120px; color:#fff; font-size:10pt; line-height:1.8em; }
.view .view_filter_input            { margin-left:120px; font-size:10pt; line-height:1.8em; }
.view .view_filter_input input      { margin:0; font-size:10pt; }

.view .view_instruction             { color:#333; padding:0; font-size:10pt; line-height:20px; }
.view .view_instruction a           { color:#00f; cursor:pointer; }

.view .view_toolbar                 { color:#333; padding:0; font-size:10pt; line-height:20px; }
.view .view_toolbar a               { color:#00f; cursor:pointer; }
  
.view .view_content                 {}

/* -- view list (moved to view_function.php) -- */

/* -- view form (moved to view_function_form.php) -- */

/* -- */



/* -- other -- */

div.grippie   {
  background-color:#eee url(grippie.png) no-repeat scroll center 2px;
  border-color:#ddd;
  border-style:solid;
  border-width:0pt 1px 1px;
  cursor:s-resize;
  height:9px;
  overflow:hidden;
}

.resizable-textarea textarea {
  display:block;
  margin-bottom:0pt;
  width:95%;
  height: 20%;
}

/* -- */