/* global styles */

body { font-family: Verdana, Arial, sans-serif; font-size: 12px; 
        background-color: #CCCCCC; }
       
body.noheader { background-color: white; }
       
div.title {background-color: #000066; color: white; border-style:none; width: 100%;} 
div.title div {padding:10px;} 
       
div.main {background-color:white; width: 850px;
           border-style: solid; border-color: black; border-width: 1px;}
div.content {padding: 10px; border-style:none;}
 
h1 {color: #660033; font-size:18px;}
h2 {color: #660033; font-size:15px;}
h3 {color: #660033; font-size:12px;}
        
table {font-size: 12px; padding: 0px;}
  
.button {padding: 5px; background-color: #F0F0F0; border-style: solid; 
          border-width: 1px; border-color: silver; text-decoration: none;
          font-size: 14px; color: black; margin-right:7px;}
.button:hover {background-color: #E0E0E0; }
.button img { border-style: none; height: 1em; width: 1em;}

div.spacer {
  clear:both;
  font-size:1px;
}

.pad {
  padding: 5px;
}

.error {
  color:red;
}
 
/* ListForm styles */

table.list {border-collapse: collapse; border: 1px solid white; width:830px}
table.list th { background-color: #660033; color: white;  font-size: 10px;}
table.list th, table.list td { padding: 5px;}
table.list tr.odd {background-color: #F0F0F0; }

 
/* AlignFormFieldContainer styles */
 
div.a_container {
  clear: both;
  width: 800px; /* need this to be fixed width for ie 5.5 to work */
}

div.a_container div.label {
  width: 25%;
  float: left;
  text-align: right;
}

div.a_container div.field {
  width: 75%;
  float: left;
  text-align: left;
}

/* FlowFormFieldContainer styles */

span.f_container {
  /* vertical-align: center; */
}

span.f_container span.item {
  white-space: nowrap;
  padding: 10px;
  background-color: red;
}

span.f_container div {
}

span.f_container table {
  font-family: Verdana, Arial, sans-serif; 
  font-size: 12px;
  vertical-align: middle; 
  margin-right: 10px;
  float: left;
/*  margin-top: 10px;
  margin-botton: 10px; */
}

span.f_container table td {
  padding-top: 5px;
  padding-bottom: 5px;
  white-space: nowrap;
}

span.f_container table td.label {
  padding-right: 7px;
}
