### generic elements

DIV.fill { visibility: hidden;
           padding: 5px;
}
H3.hbox { padding-left: 10px;
#          color: #336699;
          color: #123456;
}
P.err { color: red;
        padding-left: 10px;
        font-weight: bold;
}
P.msg { color: blue;
        padding-left: 10px;
        font-weight: bold;
}
DIV.box {  margin: 10px;
	   margin-top: 0;
	   padding: 5px;
}
DIV.rbox { float: left;
           margin: 10px;
	   margin-top: 0;
	   padding: 5px;
}
DIV.cbox { margin: 10px;
           margin-top: 0;
           padding: 5px;
           padding-left: 10px;
           border: 2px solid #aaa;
           background-color: #ddd;
}
DIV.tooltip { position: absolute;
	      left: 150px;
	      top: 150px;
	      width: 10px;
	      height: 12px;
	      visibility: hidden;
}
DIV.sequence { font-family: Courier New;
               font-size: 12px;
               padding: 5px;
               width: 850px;
               word-wrap: break-word;
}
#BUTTON { padding: 5px;
#         border: 1px solid #999;
#	  font-family: Arial,verdana;
#	  font-size: 12px;
#       }
#INPUT, TEXTAREA { margin: 5px;
#     		   font-family: Arial,verdana;
#		   font-size: 14px;
#		   padding: 5px;
#		   border: 1px solid #999;
#}
SELECT.empty { height: 157px;
               width: 200px;
	       padding: 3px;
               margin: 5px;
               font-size: 14px;
}
SELECT.pad { height: 157px;
             padding: 3px;
	     margin: 5px;
	     width: 200px;
             font-size: 14px;
}
TABLE.default { font-family: Arial,verdana;
      	        font-size: 14px;
	     	padding: 0px;
	 	border-spacing: 0px;	
	      	border: 0px;
	      	background-color: #FFFFFF;
		width: 100%
}
TABLE.nowrap tr td th { white-space:nowrap;
}
TABLE.center td { text-align: center; }

button.under { display: block;  
               border: 1px solid #aaa;  
               text-decoration: none;  
               background-color: #fafafa;  
               color: #123456;  
               margin: 2px;  
               clear: both;  
}  

### from Html::show_page
a.th { color: ffffff;
       text-decoration: none;
       font-weight: bold;
}
a.th:active { color: 00ff00;
	      text-decoration: none;
	      font-weight: bold;
}
a.th:hover { color: 00ff00; 
	     text-decoration: underline;
	     font-weight: bold;
}
a.th:visited { color: 0000ff;
	       text-decoration: none;
	       font-weight: bold;
}

a.td { color: 0000ff;
       text-decoration: none;
       font-weight: normal;
}
a.td:active { color: 0000ff;
	      text-decoration: none;
	      font-weight: bold;
}
a.td:hover { color: ff0000; 
	     text-decoration: underline;
	     font-weight: bold;
}
a.td:visited { color: ff0000;
	       text-decoration: none;
	       font-weight: bold;
}

a.green { color: 00ff00;
	  text-decoration: none;
	  font-weight: normal;
}
.TableMake {
    background-color: #ffff99;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 13px;
    border: #000000;
    border-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    width: 150px;
}
.TdMake {
    white-space: nowrap;
}

PRE { white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */
      white-space: -pre-wrap; /* Opera 4 - 6 */
      white-space: -o-pre-wrap; /* Opera 7 */
      white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
      word-wrap: break-word; /* IE 5.5+ */
}

### loading
DIV.table-content-loading {
    position: relative;
    width: 100%;
    margin: 0px;
    text-align: center;
    outline: 0px;
    border: 0px;
}

IMG.table-content-loading {
    padding: 20px 0 20px 0;
    width: 200px;
    height: 20px;
    outline: 0px;
    border: 0px;
}

P.table-content-loading {
    text-align: center;
    margin: 0 0 20px 0;
    padding: 0;
}