.test1 { background-color: Olive;}
.test2 { background-color: Orange;}
.test3 { background-color: Purple;}
.test4 { background-color: Red;}
.test5 { background-color: Silver;}

body
{
  background-color: #F5F5F6;
  margin: 0px;
}

body.simple
{
  text-align: left;
  background-color: #fff;
  padding: 12px
}
img {
  border: 0px;
}
a img {
  border: 0px;
}

hr 
{
  color: #000;
  height: 1px;
}
table
{
  border-collapse: collapse;
  margin: 0px;
}

table,
table td
{
	border: none;
  padding: 0px;
  vertical-align: top;
}
h1,h2,h3,h4,h5
{
  font-family: Arial;  
}
h1{font-size: 13pt;}
.default h1 {text-transform: uppercase;}
h2 {  font-size: 12pt;}
h3 {  font-size: 12px; margin-bottom: 0px;}
h3 a {  font-size: 12px; margin-bottom: 0px; font-weight: bold;}
td, th, div, span, input, p, select, textarea, ul, li, button, a, .date input, legend {
  font-size: 12px;
  font-family: Arial;
  color: #000000;
  font-weight: normal;  
  
}

body.admin h1,
body.member h1,
body.mypage h1,
body.simple h1
{
  margin-bottom: 0px;
  border-bottom: solid 1px #000;
  
}
body.admin h2,
body.member h2,
body.mypage h2,
body.simple h2
{
  margin-top: 0px;
  text-align: right;
}
a
{
  text-decoration: none;
}
a:hover
{
  text-decoration: underline;
}
u a
{
  text-decoration: underline;
}
th
{
  text-align: left;
}
td.padding, th.padding
{
  padding: 5px;
}
.padding
{
  padding: 20px;
}
.firefox2 ul
{
  padding-left: 25px;
}
.ie7 ul
{
  margin-left: 25px;
}
input, select
{
}

input.button, input.submit, button, input.disabledsubmit
{
  text-align: center;
}
.buttons, .workflow_buttons
{
  text-align: right;
}

.right
{
  text-align: right;
}
.left
{
  text-align: left;
}
.underline
{
  text-decoration: underline;
}
.form_frame .top td,
.top td,
.top
{
  vertical-align: top;
}

.bannerFlag
{
  margin-top: 15px;
  margin-bottom: 10px;
  border-bottom: solid 2px #ACB8BF;
}
.bannerFlag a
{
  padding: 2px 4px 0px 4px;
  text-transform: uppercase;
  font-weight: bold;
  background-color: #ACB8BF;
}
.default .bannerFlag
{
  border-color: #a4997b;
}
.default .bannerFlag a
{
  background-color: #a4997b;
}
.bannerFlag a:hover
{
  text-decoration: none;
}

/* Content, File, Folder, Image, Menu, Silo */
/* DEEPTREE PREVIEW/EDIT*/
td.deeptree,
iframe.deeptree,
iframe.info
{
  margin-top: 10px; 
  height: 400px; 
}
td.info,
iframe.info
{
  width: 370px;
  border: none;
}
td.deeptree,
iframe.deeptree
{
  width: 290px;    
}
iframe.deeptree,
iframe.info
{
border: 1px solid #ccc;  
}
.simple .iframe .edit,
.simple .iframe .preview
{
  padding: 10px;
}
div.iframe
{
  /*
  padding-right: 5px;
  height: 370px;
  overflow: scroll;

	SCROLLBAR-FACE-COLOR: #ccc; 
  SCROLLBAR-HIGHLIGHT-COLOR: #fff; 
  SCROLLBAR-3DLIGHT-COLOR: #000; 
  SCROLLBAR-ARROW-COLOR: #fff; 
  SCROLLBAR-DARKSHADOW-COLOR: #444; 
  SCROLLBAR-BASE-COLOR: #ccc;*/
}
.deeptreemenu
{
  padding: 10px;
}

.deeptreemenu .menuItem,
.deeptreemenu .menuItem a,
.deeptreemenu .menuItem img {
  text-align: left;  
  vertical-align: middle;  
  text-decoration: none;
}
.deeptreemenu .menuItemSelected,
.deeptreemenu .menuItemSelected a,
.deeptreemenu .menuItemSelected img
{
  font-weight: bold;
  text-align: left;  
  vertical-align: middle;  
  text-decoration: none;  
}
.form_frame td.labelCell,
td.labelCell
{
  vertical-align: text-top;
  width: 100px;
}
.iframe .buttons
{
  
}
/* Form */

.form_frame
{
 margin: 1em 0px 1em 0px;
 border: solid 1px #ccc; 
}
.default .form_frame
{
  border: none;
}

.admin .form_frame div.head,
.error .form_frame div.head,
.mypage .form_frame div.head,
.member .form_frame div.head
{
  padding: 8px 4px 8px 4px;
  background-image: url(../../pics/admin/frame_top.gif);  
  background-repeat: repeat-x;
  background-color: #E5E7E7;
}
.default .form_frame div.head
{
  background-image: none;
  padding: 0px;
}
.form_frame div.head,
.form_frame div.head td
{
  font-weight: bold;
}

.form_frame div.grid-head
{

  padding: 10px 4px 11px 4px;
  background-image: url(../../pics/admin/frame_top.gif);
  background-repeat: repeat-x;
  background-color: #E5E7E7;
  font-weight: bold;  
}

.form_frame div.head table
{
  width: 100%;
}
.form_frame div.head img
{
  margin: 2px 6px 0px 0px;
  cursor: pointer;
  float: left;
}
.blockForm .form_frame div.head table td div
{
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.form_frame div.head table td.imgCell,
.form_frame div.head table td.imgCell img
{  
  margin: 0px;
  padding: 0px;
  text-align: right;
  float: right;  
  height: auto;
}
.form_frame div.head table td.imgCell img
{
  margin-right: 6px;
}
.form_frame div.body
{
  padding: 4px 4px;
  background-color: #F1F1F1;
  border-top: solid 1px #ccc;
}
.default .form_frame div.body
{
  padding: 0px;
  background-color: Transparent;
  border: none;
}
.form_frame a.link
{
  background-image: url(../../pics/arrow2-right.gif);
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 15px;
}
.form_frame fieldset
{
  padding: 5px;
}
.form_frame table.formPage
{
  background-color: #ccc;
  padding: 0px;
  border-top: none;
}
.form_frame table.formPage .form_panel
{
  padding: 10px;
}
.form_frame td
{
  padding: 2px 15px 2px 0px;
  vertical-align: middle;
}

.form_frame td.top,
.form_frame table.grid td.top,
.form_frame table.grid tr.top td
{
  vertical-align: top;
}
.form_frame div.buttons
{
  border-top: solid 1px #ccc;  
  background-image: url(../../pics/admin/frame_top.gif);
  background-repeat: repeat-x;
  background-color: #E5E7E7;
  vertical-align: middle;
  padding: 2px 10px 2px 4px;
  text-align: right;
}
.default .form_frame div.buttons
{
  border: none;
  background: none;
}
.form_frame div.buttons table.footer
{
  width: 100%;
  margin: 0px;
}

input.submit,
input.button,
input.disabledsubmit
{
  border: 1px solid #BBB;
  background-color: #EEE;
}


/* DataGrid */
.form_frame table.grid
{
  width: 100%;
  background-color: #F1F1F1;  
}

.form_frame table.grid table
{
  width: 100%;
}

.form_frame table.grid tr.header
{
}

.form_frame table.grid tr.header td
{
  padding: 10px 4px 11px 4px;
  background-image: url(../../pics/admin/frame_top.gif);
  background-repeat: repeat-x;
  background-color: #E5E7E7;
}
.form_frame table.grid tr.header td,
.form_frame table.grid tr.header td a
{
  font-weight: bold;    
}
.form_frame table.grid td
{
  padding: 4px 4px;
  border: none;
  border-top: solid 1px #DDD;
}
.form_frame table.grid .cbColumn,
.form_frame table.grid .cbColumn a
{
  text-align: center;
}
.form_frame table.grid .gridSelectedRow td
{
  font-weight: bold;  
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

.form_frame table.grid .gridSelectedRow td.lineno
{
  background-color: #777;
  color: #FFF;
}
/* GridPager */

.form_frame .gridPager td
{
  border-bottom-width: 0px;
}

.form_frame .gridPager span
{
  font-style: italic;
}

.form_frame div.gridPager
{
  text-align: center;
  padding: 4px 0px 4px 0px;
  font-size: 120%;
  font-style: italic;
}

.form_frame div.gridPager a
{
  text-decoration: underline;
}

.form_frame div.gridPager input.pageinput
{
  font-size: 70%;
  width: 3em;
}

.form_frame div.gridPager button
{
  font-size: 70%;
  font-style: normal;
}

.form_frame div.gridPager img
{
  vertical-align: middle;
  height: 20px;
}


/* TableEditor */
.form_frame div.body div.table-editor
{
  background-color: #fff; 
}

.form_frame div.body div.table-editor div.pane
{
  padding: 4px 4px;
}

.form_frame div.body div.table-editor div.separator
{
  font-weight: bold;
  padding: 0px 0px 4px 2px;
}

.form_frame div.body div.table-editor div.buttons
{
  margin-bottom: 20px;
}

.form_frame div.help
{
  margin: 4px 20px 4px 20px;
  font-size: 80%;
  font-style: italic;
}

/* Styles for dragging rows (dragging via left-most cell with lineno in it) */

/* Top left cell of editor */
.form_frame div.table-editor td.headlineno
{
  border-right: 1px solid #999;
}

/* Any lineno cell */
.form_frame div.table-editor td.lineno
{
  width: 2em;
  text-align: center;
  background-color: #cecece;
  font-family: Arial;
  cursor: move;
  border-right: 1px solid #999;
}

/* A lineno cell with mouse over it */
.form_frame div.table-editor tr.lineno-mouseover td.lineno
{
  background-color: #999;
}

/* The lineno cell that's being dragged from - the source */
.form_frame div.table-editor td.lineno-dragged
{
  background-color: #777;
}

/* Any cell in a row with mouse-over in a table where dragging is going on */
.form_frame div.table-editor table.lineno-dragged tr.lineno-mouseover td
{
  border-bottom: 1px dotted #000;
}

/* Only highlight header lineno cell on mouse-over when dragging */
.form_frame div.table-editor table.lineno-dragged tr.lineno-mouseover td.headlineno
{
  background-color: #999;
}
  .monthPager
  {
    text-transform: capitalize;
  }
  .monthPager .monthHeader h3
  {
    margin: 0px;
  }
  .monthPager a
  {
    font-weight: bold;
    margin-right: 5px;
  }
  .monthPager .selectedMonth
  {
    font-weight: bold;
    margin-right: 5px;
    color: #677075;    
  }
  
  .seperator
  {
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom: dashed 2px #ACB8BF;
  }
  .default .seperator
  {
		border-color: #a4997b;
  }
  .readMore,  
  .date,
  a.readMore
  {
    color: #677075;    
  }

.TrueColor
{
  color: #000;
  font-weight: bold;
}

.FalseColor
{
  color: Gray;
}
.ValidationSummary
{
}
.ValidationSummary ul
{
  list-style: none;
  margin-left: 0px;
  padding-left: 0px;
}
.ValidationSummary ul li
{
  font-weight: bold;
  color: Red;
  margin-bottom: 5px;
}
  .ValidationSummary
  {
    margin: 20px 0px 20px 0px;    
    padding: 10px;
  }