/*
 * CSS components, Web Windowing Toolkit of Think Online Web Desktop Toolkit
 * Copyright (C) 2009 Andy Tsai 薒昭安

 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.

 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.

 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.

 * Dedicated to the one that has my heart.
 * last change ver. 2009-1001
 */
div.backwin {
  filter:alpha(opacity=60);
  opacity:0.6;
}

div.minicon {
  position: absolute;
  visibility: hidden;
  background-color: #ccd644;
  border: #64a460 outset 1px;
  left:0px;
  bottom:0px;
  z-index: 10000;
  width:120px;
  height:20px;
  cursor:default;
  font-size:xx-small;
  text-align:center;
  vertical-align:5px;
  filter:alpha(opacity=70);
  opacity:0.7;
}
div.cover {
  position: absolute;
  visibility: hidden;
  background-color: white;
  color:white;
  left:0px;
  top:0px;
  z-index: 10000;
  width:100%;
  height:100%;
  opacity:0.01;
  text-align:center;
  vertical-align:middle;
}
div.min-butt,div.close-butt,div.max-butt {
  background-repeat: no-repeat;
}

td.button {
  border: #ffffdd solid 2px;
}

div.window {
  margin: 0px;
  padding: 2px;
  position: absolute;
  text-align: left;
  visibility: visible;
  width: 530px; 
  height: 260px;
z-index: 1;
  overflow:hidden;
}

div.pane {
  position: absolute;
  background-color: #ccd644;
  color: #000000;
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 10pt;
  overflow: auto;
  top:20px;
  left:10px;
right:0px;
bottom:5px;
  width:520px;
  height:235px;
  filter:alpha(opacity=100);
  opacity:1;
  z-index:1;
}

div.titlebar {
  position:absolute;
  top:0px;
  left:0px;
  width:50%;
  min-height:100px;
  height:70%;
  background-color: yellow;
  text-align: center;
  font-size:1em;
  font-weight:bold;
  cursor:move;
}

div.dialog {
  position:absolute;
visibility:hidden;
  z-index:9000;
background:yellow;
border: yellow;
  overflow:none;
  height:100%;
  width:100%;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  filter:alpha(opacity=70);
  opacity:0.7;
}

div.dialog_text {
  position:absolute;
visibility:hidden;
  z-index:9001;
overflow:scroll;
background:#ffffff;
border:black 2px solid;
  top:10%;
  left:15%;
  right:15%
  bottom:10%;
width:70%;
height:80%;
  padding:10px;
  filter:alpha(opacity=900);
  opacity:0.9;
}

div.resize {
  position:absolute;
  width:20px;
  height:3px;
  bottom:0px;
  cursor:se-resize;
  right:0px;
  background-color:#aaaaaa;
  border:#aaaaaa outset 1px;
  z-index: 0;
}
div.resize-se {
  position:absolute;
  width:20px;
  height:20px;
  bottom:0px;
  cursor:se-resize;
  right:0px;
  background-color:#aaaaaa;
  border:#aaaaaa outset 1px;
  z-index: 0;
}
div.resize-sw {
  position:absolute;
  width:20px;
  height:20px;
  bottom:0px;
  cursor:sw-resize;
  left:0px;
  background-color:#aaaaaa;
  border:#aaaaaa outset 1px;
  z-index: 0;
}
div.resize-ne {
  position:absolute;
  width:20px;
  height:20px;
  top:0px;
  cursor:ne-resize;
  right:0px;
  background-color:#aaaaaa;
  border:#aaaaaa outset 1px;
  z-index: 0;
}
div.resize-nw {
  position:absolute;
  width:20px;
  height:20px;
  top:0px;
  cursor:nw-resize;
  left:0px;
  background-color:#aaaaaa;
  border:#aaaaaa outset 1px;
  z-index: 0;
}
div.resize-e {
  position:absolute;
  width:20px;
  top:22px;
  left:auto;
  right:0px;
  bottom:22px;
  cursor:e-resize;
  background-color:#aaaaaa;
  border:#aaaaaa outset 1px;
  z-index: 0;
}
div.resize-w {
  position:absolute;
  width:20px;
  height:auto;
  top:22px;
  left:auto;
  right:0px;
  bottom:22px;
  cursor:w-resize;
  left:0px;
  background-color:#aaaaaa;
  border:#aaaaaa outset 1px;
  z-index: 0;
}
div.resize-s {
  position:absolute;
  width:auto;
  height:20px;
  top:auto;
  left:22px;
  right:22px;
  bottom:0px;
  cursor:s-resize;
  background-color:#aaaaaa;
  border:#aaaaaa outset 1px;
  z-index: 0;
}
div.resize-n {
  position:absolute;
  width:auto;
  height:20px;
  top:0px;
  left:22px;
  right:22px;
  bottom:auto;
  cursor:n-resize;
  background-color:#aaaaaa;
  border:#aaaaaa outset 1px;
  z-index: 0;
}