form{margin:0;padding:0;}
html,body { margin:0; padding: 0; background-color: #EFEFEF; text-align:center; }

html,body,td,li, p{ font-family: verdana,sans-serif; font-size: 13px; line-height: 1.6em; }

a img { border: none; }

.flash{border: 2px solid #C0C0C0; background-color: #E0E0E0; clear: both; margin-bottom: 10px; position: relative;}
  .flash .message{ padding: 2px 10px;}
  .flash .close{ position: absolute; right: 0px; top:0px; padding: 0 5px; cursor: pointer; font-weight: bold;}

.page{ text-align: left; margin: 10px auto; padding: 10px; width: 90%;  border: 1px solid #E0E0E0;  background-color: white;}

.header{ clear: both; position: relative;}
  .logo { text-decoration: none; color: black;}
  .closing{ clear: both; height: 0px; overflow: hidden; }
  
  ul.menu{margin: 0; padding: 0; clear:both;}
  
  .menu li { list-style: none; float: left; margin-left: 1px;}
    .menu li a,
    .menu li span{ display: block; padding: 2px 8px; background-color: #E0EFFF; color: #0033CC;}
    .menu li.active a { text-decoration: none;}
    
  .main-menu{ clear: both;}
  .user-menu{ position: absolute; right: 0px; top: 0px;}
    .user-menu li a{ font-size: 11px; font-weight: bold; }  
    
.main-content{ clear:both;  padding: 10px 0; }

  .column-set .column{ float: left;}
  
  .column-set-2 .column{width: 48.5%; margin-right: 1%; }
  .column-set-2 .column-2{margin-right: 0; float: right;}
  
  .column-set-3 .column{width: 32.6%; margin-right: 1%; }
  .column-set-3 .column-3{margin-right: 0; float: right;}

  .column-set-4 .column{width: 23.6%; margin-right: 1%; }
  .column-set-4 .column-4{margin-right: 0; float: right;}

  
  .column-set .main-column{ float: left; width: 80%; clear: left; margin-right:0;}
  .column-set .side-column{ float: right; width: 19%; clear: right; margin-right:0;}
  

    
  
  
/* Box */
  .box{border: 2px solid green; margin-bottom: 10px;}
  .box h2{ background-color: #EEFFEE; margin:0;}
    .box h2 span{ display: block; padding: 2px 8px; }
    .box-content  {padding: 8px;}
    
    
/* Footer */    
.footer{
  clear:both;
}
  .footer .copyright{ clear: both; font-size: 11px; color: #999999; text-align: center;}


/* Forms */
.form{
   border: 2px solid purple;
   background-color: #FFCCFF;
   padding: 10px;
}

  .form table{width: 100%;}
    .form table th{ text-align: right;}
    .form table td{}

/* List */
.list table{border: 2px solid #C0C0C0;  width: 100%;}
  .list table th{ background-color: #E0E0E0; }
    .list table td{
      border: 1px solid #E0E0E0;
    }
    
    
/* Page Scroller */
.scroller{clear: both;}
.scroller ul{margin: 10px 0; padding:0;}
.scroller li{list-style: none; float: left; margin-right: 2px;}
.scroller li span,
.scroller li a{display:block; padding: 1px 5px; border: 1px solid #E0E0E0; font-weight: bold; text-decoration: none;}

.scroller a.active{color: black; background-color: white;}