/* 3431E3 = pale strong blue   
*/
body { 
   background-color:#B4CDCD; 
   color: #222; 
   font: 18px Helvetica, Arial, sans-serif; 
   line-height: 18px;
 }

select {
   font-weight:600;
   background-color: #BDE4D9;
   border: 1px solid #3431E3;
 }
 

/* curvycorner related CSS = = = = = = = = = = = = = = = = = = = = = = = = */

#myHead {
   text-align: center;
   margin: 0 auto;
   color: #3431E3;
   width: 788px;
   padding: 13px;
   background-color: #B4C6DA;
   border: 1px solid #eee;
 }

#myBody {
   margin: 0 auto;
   color: #3431E3;
   width: 788px;
   padding: 13px;
   /* 
   padding: 1%; 
   height: 500px;
   overflow-y:scroll;
   */
   color:#222;
   font-size:70%;
   background-color: #B4C6DA;
   border: 1px solid #eee;
 }

#myDetail {
   margin: 0 auto;
   color: #3431E3;
   width: 788px;
   padding: 13px;
   background-color: #B4C6DA;
   border: 1px solid #eee;
 }

.clear {
	clear: both;
 }

ol.alphaLow {
   list-style-type: lower-alpha;
 } 

/* for usage.php mainly */ 

td.tdB {
   vertical-align: text-top;   
 }

td.tdW {
   font-weight:700;   
 }

/* end usage.php mainly */ 

/* Source:
      http://cssglobe.com/lab/percentage_grid/index.html
      view-source:http://cssglobe.com/lab/percentage_grid/index.html
      http://cssglobe.com/lab/percentage_grid/css/default.css 
*/

.cols {
   margin-bottom:.5em;
   overflow:hidden; 
 }

.col {
   float:left;
   display:inline;	
   margin-left:2%;
 }
         
.cols .first, .col:first-child {
   margin-left:none !important;
 }

.cols3 .col {
   width:31%;
 }

a.menuIndex:link      { color:#555; }
a.menuIndex:visited   { color:#555; }
a.menuIndex:hover     { color:#3431E3; }
a.menuIndex:active    { color:#555; }

.menuIndex {
   padding-right: 20px;
   font-family: 'Arial','Tahoma','Verdana';
   font-size: 135%; 
   font-weight: 300;
   text-decoration: none;
 }