/***************************************
KOINEO - INDEX
***************************************/
body {height: 100%; position: absolute; width: 100%; vertical-align: middle;}

#pageContainer {
   position: absolute; 
   top: 50%; 
   left: 50%; 
   width: 400px; 
   min-height: 160px; 
   max-height: 200px; 
   margin: -150px auto auto -201px; 
   padding: 30px 0px 0px 0px; 
   background-repeat: repeat;
   border: 1px outset #999999;
   -moz-box-shadow: 3px 3px 5px #888;
   -webkit-box-shadow: 3px 3px 5px #888;
   box-shadow: 3px 3px 5px #888;
}

h1 {
   position: absolute; 
   top: 50%; 
   left: 50%; 
   width: 400px; 
   margin: -116px auto auto -201px; 
   text-align: center; 
   height: 30px; 
   line-height: 30px; 
   border-bottom: 2px ridge #e0e0e0; 
}
dl {overflow: hidden; padding: 0px 0px 0px 35px; background: url(_img/icons/error.png) 10px 3px no-repeat #ff0000; color: #ffffff;}
dt {clear: both; font-weight: bold; padding: 2px 0px 2px 0px; width: 100px; line-height: 20px;}
dd {float: left; padding: 2px 0px 2px 0px; line-height: 20px;}

fieldset {border: 1px solid #e1e1e1; position: relative; overflow: hidden; clear: both; padding: 10px 10px 10px 10px; background-color: #f9f9f9; margin: 10px 10px 10px 10px; border : 1px solid #aaaaaa;}
fieldset ol li {overflow: hidden; background-color: #f9f9f9; padding: 5px 0px 5px 0px; position: relative;}
fieldset ol li label {display: block; float: left; width: 170px; line-height: normal; font-weight: bold; }

select, input {border: 1px solid #cdcdcd; width: 180px;; float: left;}

.wxCommands {overflow: hidden;}
.wxCommands ol {padding: 0px 0px 0px 90px; overflow: hidden;}
.wxCommands li {width: 80px; float: left; margin: 0px 10px 0px 5px;}
.wxCommands input {border: 1px outset #e0e0e0; width: 100%; background-color: #f3f3f3;}
.wxCommands input:hover {border: 1px inset #e0e0e0; cursor: pointer;}

.footer {position: absolute; bottom: 5px; left: 0px; width: 100%; text-align: center; border-top: 2px ridge #e0e0e0; padding: 5px 0px 0px 0px; display: block; }