.control_border
{
  background-color : #FFFFFF;
  overflow-y:auto;
  overflow-x:auto;
  border : 1px solid cornsilk;  
}

.content_div
{
  background-color : #FFFFFF;
  overflow-y:auto;
  overflow-x:auto;
}

.head_div
{
  background-color : #FFFFFF;
  overflow:hidden;
}

.main_border_gray
{
   border-collapse = 'collapse';
   border-width    = 1px;
   font-family     = 'Arial';
   font-size       = 12;
   table-layout    = 'fixed';
}

.gray_dark
{
  background-color : #DCDDCC;
  border-color : #CCCEB7;
}
.gray_light
{
  background-color : #F7F7F2;
  border-color : #CCCEB7;
}
.gray_title
{
  background-color : #C0C0C0;
  border-color : #CCCEB7;
  color   : #000000;
  font-size : 12;
  font-family: verdana;
  font-weight : bold;
}


<!-- theme 1 -->
.border_1
{
   border-collapse = 'collapse';
   border : 1px solid #999999;
   font-family     = 'Arial';
   font-size       = 12;
   table-layout    = 'fixed';
}

.dark_1
{
  background-color    : #D0CFC5;
  border-bottom-color : 'white';
  border-right-color  : 'white';
}

.light_1
{
  background-color    : #ECEBE2;
  border-bottom-color : 'white';
  border-right-color  : 'white';
}

.title_1
{
  background-color : #999999;
  border-color     : #FFFFFF;
  color            : #FFFFFF;
  font-size        : 12;
  font-family      : verdana;
  font-weight      : bold;
}


<!-- theme 2 -->
.border_2
{
   border-collapse = 'collapse';
   border : 1px solid #999999;
   font-family     = 'Arial';
   font-size       = 12;
   table-layout    = 'fixed';
}

.dark_2
{
  background-color    : #D0CFC5;
  border-bottom-color : 'white';
  border-right-color  : 'white';
}

.light_2
{
  background-color    : #E2E1D6;
  border-bottom-color : #F3F3EB;
  border-right-color  : #F3F3EB;
}

.title_2
{
  background-color : #999999;
  border-color : #FFFFFF;
  color   : #FFFFFF;
  font-size : 12;
  font-family: verdana;
  font-weight : bold;
}


<!-- theme 3 -->
.border_3
{
   border-collapse = 'collapse';
   border : 1px solid #C0C0C0;
   font-family     = 'Arial';
   font-size       = 12;
   table-layout    = 'fixed';
}

.dark_3
{
  background-color : #DCDDCC;
  border-color : #CCCEB7;
}

.light_3
{
  background-color : #F7F7F2;
  border-color : #CCCEB7;
}

.title_3
{
  background-color : #C0C0C0;
  border-color     : #FFFFFF;
  color            : #000000;
  font-size        : 12;
  font-family      : verdana;
  font-weight      : bold;

}

<!-- theme 4 -->
.border_4
{
   border-collapse = 'collapse';
   border : 1px solid #C7C8AC;
   font-family     = 'Arial';
   font-size       = 12;
   table-layout    = 'fixed';
}

.dark_4
{
  background-color : #DCDDCC;
  border-color : #CCCEB7;
}

.light_4
{
  background-color : #ECEDE1;
  border-color : #CCCEB7;
}

.title_4
{
  background-color : #C7C8AC;
  border-color     : #CCCEB7;
  color            : #000000;
  font-size        : 12;
  font-family      : verdana;
  font-weight      : bold;

}

<!-- theme 5 -->
.border_5
{
   border-collapse = 'collapse';
<!--   border-color    = #F2E2C1; -->
   border : 1px solid #FFDFAA;
   border-width    = 1px;
   font-family     = 'Arial';
   font-size       = 12;
   table-layout    = 'fixed';
}

.dark_5
{
  background-color : #FFEFD3;
<!--  border-color : #F2E2C1; -->
}

.light_5
{
  background-color : #FFF5E2;
<!--  border-color : #F2E2C1; -->
}

.title_5
{
  background-color : #FFDFAA;
<!--  border-color : #F2E2C1; -->
  border : 1px solid #F2E2C1;
  color   : #000000;
  font-size : 12;
  font-family: verdana;
  font-weight : bold;

}

<!-- theme 6 -->
.border_6
{
   border-collapse = 'collapse';
   border : 1px solid #94B071;
   font-family     = 'Arial';
   font-size       = 12;
   table-layout    = 'fixed';
}

.dark_6
{
  background-color : #D7E2CA;
  border-color : #BFCBB1;
}

.light_6
{
  background-color : #E7EDDD;
  border-color : #BFCBB1;
}

.title_6
{
  background-color : #94B071;
  border-color : #BFCBB1;
  color   : #FFFFFF;
  font-size : 12;
  font-family: verdana;
  font-weight : bold;

}


<!-- theme 7 -->
.border_7
{
   border-collapse = 'collapse';
   border : 1px solid #94B071;
   font-family     = 'Arial';
   font-size       = 12;
   table-layout    = 'fixed';
}

.dark_7
{
  background-color : #D7E2CA;
  border-color : #BFCBB1;
}

.light_7
{
  background-color : #FFFFFF;
  border-color : #BFCBB1;
}

.title_7
{
  background-color : #94B071;
  border-color : #BFCBB1;
  color   : #FFFFFF;
  font-size : 12;
  font-family: verdana;
  font-weight : bold;

}

<!-- theme 8 -->
.border_8
{
   border-collapse = 'collapse';
   border : 1px solid #00AAAA;
   font-family     = 'Arial';
   font-size       = 12;
   table-layout    = 'fixed';
}

.dark_8
{
  background-color : #D2EDF7;
  border-color : #C0DAE8;
}

.light_8
{
  background-color : #EDFFFF;
  border-color : #C0DAE8;
}

.title_8
{
  background-color : #00AAAA;
  border-color : #C0DAE8;
  color   : #FFFFFF;
  font-size : 12;
  font-family: verdana;
  font-weight : bold;
}

<!-- theme 9 -->
.border_9
{
   border-collapse = 'collapse';
   border : 1px solid #999999;
   font-family     = 'Arial';
   font-size       = 12;
   table-layout    = 'fixed';
}

.dark_9
{
  background-color    : #DCDDCC;
  border-bottom-color : gray;
  border-right-color  : graY;
}

.light_9
{
  background-color    : #FFFFFF;
  border-bottom-color : gray;
  border-right-color  : gray;
}

.title_9
{
  background-color : #999999;
  border-color     : #FFFFFF;
  color            : #FFFFFF;
  font-size        : 12;
  font-family      : verdana;
  font-weight      : bold;
}

<!-- theme 10 -->
.border_10
{
   border-collapse = 'collapse';
   border : 1px solid #F2F2F2;
   font-family     = 'Arial';
   font-size       = 12;
   table-layout    = 'fixed';
}

.dark_10
{
  background-color    : #FFFFFF;
  border-bottom-color : #E1E1E1;
  border-right-color  : #E1E1E1;
}

.light_10
{
  background-color    : #FFFFFF;
  border-bottom-color : #E1E1E1;
  border-right-color  : #E1E1E1;
}

.title_10
{
  background-color : #F2F2F2;
  border-color     : #E1E1E1;
  color            : gray;
  font-size        : 12;
  font-family      : verdana;
  font-weight      : bold;
}