/*
 * ========================================
 * the div style
 * ========================================
 */

#attentionwrapper
{
  margin: 60px auto 20px auto;
  text-align: left;
  width: 750px;
}

#wrapper {
  margin: 1px auto 1px auto;
  text-align: left;
}

#page_wrapper
{
  margin: 20px auto 20px auto;
  text-align: left;
  width: 900px;
}

.inputbox {
  width: 90%;
  border: 1px solid blue;
}

.full_inputbox {
  width: 100%;
  border: 1px solid blue;
}

.inst {
  width: 90%;
  font-weight: bold;
  color: navyblue;
}

.required {
  width: 90%;
  border: 1px solid red;
  background-color: yellow;
}

.readonly {
  width: 90%;
  border: 1px solid red;
  background-color: #C6CED0;
}

.errorlabel {
  color: red;
  font-weight: bold;
}

.msg_information {
  color: darkgreen;
  font-weight: bold;
}

.msg_warning {
  color: orange;
  text-decoration: blink;
  font-weight: bold;
}

.msg_error {
  color: red;
  text-decoration: blink;
  font-weight: bold;
}

.label {
  font-weight: bold;
  color: navyblue;
  text-align:right;
}


.header {
  #background: transparent;
  font-size: 16pt;
  font-weight: bold;
  color: white;
  #background: transparent url(../images/header.png);
  #background-repeat: repeat-x;
}

/*
 * ========================================
 * the form style
 * ========================================
 */

form
{
  display: inline;
  margin: 0;
  padding: 0;
}

form input:focus,
form input:hover,
form select:focus,
form select:hover,
form textarea:focus,
form textarea:hover
{
  border: #6F6F6F 1px solid;
  color: #3A3A3A;
}

optgroup
{
  font: inherit;
  font-weight: bold;
}

.box
{
  margin-left:0px;
  margin-bottom:0px;
  border: 1px solid #A2A2A2;
  background-color:#FAFAFA;
  color: #606060;
}

input.text
{
  border: 1px solid #A2A2A2;
  background-color:#FAFAFA;
  color: #606060;
}

input.radio
{
  background-color:#FAFAFA;
  color: #606060;
}

input.button
{
  border: 1px solid #A2A2A2;
  background-color:#FAFAFA;
  color: #606060;
}

.qbutton {
  border: 1px solid #A2A2A2;
  color: #606060;
  background-color: white;
  cursor: hand;
  padding: 0px;
  cursor: pointer;
  min-width:50px;
}

.button1 {
  border: 1px solid #A2A2A2;
  color: #606060;
  background-color: white;
  cursor: hand;
  padding: 0px;
  cursor: pointer;
  min-width:100px;
}

.button2 {
  border: 2px solid black;
  color: #606060;
  background-color: white;
  cursor: hand;
  padding: 3px;
  cursor: pointer;
  min-width:100px;
}

/*
 * ========================================
 * the message style + misc
 * ========================================
 */

span.bold
{
  font-weight: bold;
}

span.inv
{
  color: #c4c4c4;
}

span.hilight
{
  color: #96cb44;
}

span.ok
{
  font-weight: bold;
  color: #96cb44;
}

span.normal
{
  font-weight: bold;
  color: #606060;
}

span.alert
{
  font-weight: bold;
  color: #ff0000;
}

/*
 * ========================================
 * main <table> style
 * ========================================
 */

TABLE.main
{
  color: #606060;
  background: write;
  border: 0px solid #D4D1D1;
  width:100%;
}

TABLE.auto_tests {
  color: #606060;
  background: #F6F6F6;
  border: 1px solid #D4D1D1;
}

TABLE.quote
{
  color: #606060;
  width: 100%;
  border: #606060;
  border-style: dashed;
  border-width: 1px;
}

TR.menu
{
  color: #606060;
  background: transparent url(../img/tile_up.gif);
  background-repeat: repeat-x;
}

TR.head
{
  color: #606060;
  background: transparent url(../img/tile_sub.gif);
  background-repeat: repeat;
  font-weight: bold;  
  background-color: #B8C9D1;
  margin:1px;
  border:1px;
  height:20px;
}

TR.bottom
{
  color: #848484;
  background: transparent url(../img/tile_bot.gif);
  background-repeat: repeat-x;
  background-color: #B8C9D1;
  font-weight: bold;
  height:4px;
}

TD.avatar
{
  color: #445464;
  background-color: #B9D1E6;
  text-align: center;
  background: transparent url(../img/avatar_blank.jpg);
}

TR.empty,
TD.empty
{
  color: #606060;
}

TR.con1, TD.con1
{
  color: #606060;
  background-color: #E8E8E8;
  margin:1px;
  border:1px;
  vertical-align:middle;
  height:22px;
  font-size:90%;
}

TR.con2,TD.con2
{
  color: #606060;
  background-color: #E0E0E0;
  margin:1px;
  border:1px;
  vertical-align:middle;
  height:22px;
  font-size:90%;
}

TR.button1, TD.button1
{
  color: #606060;
  background-color: #EEEEEE;
  cursor: pointer;
}

TR.button2, TD.button2
{
  color: #606060;
  background-color: #EEEEEE;
}

td.btn_over, Tr.btn_over {
  color: red;
  cursor: pointer;
  background-color: #EEEEEE;
  border: 1px white solid;
}


td.btn_out, tr.btn_out {
  color: black;
  background-color: #EEEEEE;
  border: 1px #A8A8A8 solid;
}


TR.con3, TD.con3
{
  color: #606060;
  background-color: #EEEEEE;
}

TR.con4, TD.con4
{
  color: #606060;
  background-color: #D8D8D8;
  height: 9px;
}

TR.con5, TD.con5
{
  color: #606060;
  font-weight: bold;
  background-color: #D8D8D8;
  height: 9px;
}

TR.con6, TD.con6
{
  color: #606060;
  background: white;
  cursor: pointer;
}

TR.error, TD.error {
  font-weight: bold;
  color: red;
  background-color: #e8e8e8;
}

TD.eventempty
{
  color: #606060;
  background-color: #e8e8e8;
  text-align: center;
}

TD.eventselect
{
  color: #606060;
  background-color: #D9D9D9;
  text-align: center;
  font-weight: bold;
}

TD.eventbday
{
  color: #606060;
  background-color: #E4D2D3;
  text-align: center;
  font-weight: bold;
}

TD.eventtoday
{
  color: #445464;
  background-color: #B9D1E6;
  text-align: center;
  font-weight: bold;
}

TD.pagelink, TD.pagecurrent
{
  color: #606060;
  background-color: #e8e8e8;
  border: 1px solid #D4D1D1;
  padding: 1px 3px 1px 3px;
}

TD.pagecurrent
{
  color: #606060;
  background-color: #D8D8D8;
}

/*
 * ========================================
 * quote style
 * ========================================
 */

.quote blockquote {
  color: #444;
  display: block;
  margin: 5px 20px;
  width: auto;
  border: solid 1px #D0D0D0;
  background: #FFF url(../images/codes/quote_down.gif) bottom right no-repeat;
  line-height: 1.2em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  padding: 5px;
}

.quote blockquote h1 {
  margin: 0;
  line-height: 1.2em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #808080;
  background: #FFF url(../images/codes/quote_up.gif) top left no-repeat;
}

.quote blockquote h2 {
  margin: 0;
  margin-bottom: 5px;
  padding-left: 18px;
  padding-bottom: 3px;
  border-bottom: solid 1px #E0E0E0;
  line-height: 1.2em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #808080;
  background: #FFF url(../images/codes/quote_up.gif) top left no-repeat;
}

/*
 * ========================================
 * code style
 * ========================================
 */

.code blockquote {
  color: #444;
  display: block;
  margin: 5px 20px;
  width: auto;
  border: solid 1px #D0D0D0;
  background: #FFF url(../images/codes/code_down.gif) bottom right no-repeat;
  line-height: 1.2em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  padding: 5px;
}

.code blockquote h2 {
  margin: 0;
  margin-bottom: 5px;
  padding-left: 18px;
  padding-bottom: 3px;
  border-bottom: solid 1px #E0E0E0;
  line-height: 1.2em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #808080;
  background: #FFF url(../images/codes/code_up.gif) top left no-repeat;
}

.Bold
{
  font-weight: bold;
}

.Title
{
  font-weight: bold;
  color: #cc3300;
}

.Code
{
  border: #8b4513 1px solid;
  padding-right: 5px;
  padding-left: 5px;
  color: #000066;
  font-family: 'Courier New' , Monospace;
  background-color: #ff9933;
}

table.news {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #808080;
  font-size: 12px;
}