/*
File: Common.css

This file contains all styles that will not change from website to website.
*/

hr
{
  height: 1px;
}
.hr2
{
  height: 2px;
}
.hr3
{
  height: 3px;
}
.hr4
{
  height: 4px;
}

.Center
{
  margin-left: auto;
  margin-right: auto; 
  text-align: center;
}

.ClearBox
{
  position: relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
  width: 60px;
  margin: 5px auto 5px auto;
  background-color: #FFFFFF;
  padding: 5px;
  font-family: 'Mesouran Casual SSi' , 'Comic Sans MS' , 'Arial Narrow';
  font-size: 12px;
  font-weight: bold;
}

.DivColumn
{
  float: left;
  width: 33%;
  /*position: relative;*/ /* no left and right padding on columns, we just make them narrower instead 
     only padding top and bottom is included here, make it whatever value you need */
  padding: 0px 3px 0px 3px;
  /*margin: 0px 3px 0px 3px;*/
}

.TableAreaGreen
{
  color: #000000;
  background-color: #c8ffc8;
}
.TableAreaRed
{
  color: #000000;
  background-color: #ff8c8c;
}

/* Error */
.DivErrorMessage
{
  font-weight: bold;
  font-size: 16px;
  color: #000000;
  background-color: #ffffff;
  border-right: red 4px dashed;
  border-top: red 4px dashed;
  border-left: red 4px dashed;
  border-bottom: red 4px dashed;
  padding-right: 8px;
  padding-left: 8px;
  padding-bottom: 4px;
  padding-top: 4px;
  margin: 4px 2px;
}
.DivSuccessMessage
{
  font-weight: bold;
  font-size: 16px;
  color: #000000;
  background-color: #ffffff;
  border-right: green 4px solid;
  border-top: green 6px double;
  border-left: green 4px solid;
  border-bottom: green 6px double;
  padding-right: 8px;
  padding-left: 8px;
  padding-bottom: 4px;
  padding-top: 4px;
  margin: 4px 2px;
}

/* obselete - to be phased out over time - use .DivXXXXXXXXX instead */
.CSSErrorMessage
{
  font-size: 18px;
  color: #ff0000;
  background-color: #ffffff;
}
.CSSSuccessMessage
{
  font-size: 18px;
  color: #00ff00;
  background-color: #ffffff;
}




/* Highlight */
.HighlightYellow
{
  font-weight: bold;
  color: #000000;
  background: #ffff00;
}
.HighlightRed
{
  font-weight: bold;
  color: #000000;
  background: #ff0000;
}



UL
{
}
UL LI
{
  list-style-position: outside;
  list-style-type: square;
}

UL LI LI
{
  list-style-type: disc;
}

UL LI LI LI
{
  list-style-type: none;
}

OL LI
{
    list-style-type:    decimal;
}

OL OL LI
{
    list-style-type:    lower-alpha;
}

OL OL OL LI
{
    list-style-type:    lower-roman;
}