/*
  Links are not decorated, unless on hover
  Images in links have no border
*/
a{
  color: #0000FF;
  text-decoration: none;
}

a:hover{
  text-decoration: underline;
}

a:visited{
  color: #5A5ADA;
}

a.nohover:visited{
  color: #0000FF;
}

a img{
  border: 0px;
}


/* All these elements have no margins or padding */
dl, ol, ul, p, form {
  margin: 0px;
  padding: 0px;
}


/* Horizontal Rule */
hr{
  width: 95%;
  height: 1px;
  border: 0px;
  background-color: #A9C8E7;
}


/* Definition terms are forced to be in small caps */
dt {
  font-variant: small-caps;
}

dd {
  position: relative;
  left: -20px;
}


/* Ordered lists are decimal and are only padded on the bottom
  Unordered lists have circles and are only padded on the bottom 
  List items are left padded & justified */
ol {
  list-style-position: outside;
  list-style-type: decimal;
}

ul {
  list-style-position: outside;
  list-style-type: circle;
}

li {
  margin-left: 5ex;
  text-align: justify;
}


/* Span question*/
span.question {
  color: #0000FF;
}


/* Heading only have a bottom margin */
h1, h2, h3, h4 {
  margin: 0ex 0ex .5ex 0ex;
}

h1 {
  font-size: 130%;
}

h2 {
  font-size: 120%;
}

h3 {
  font-size: 110%;
}

h4 {
  font-size: 100%;
}


/* Tables are always collapsed, have no borders or cellpadding */
table {
  border: none;
  border-collapse: collapse;
  border-spacing: 0px;
}

td {
  padding: 0px;
}


/* Tables used to contain tabulated data */
table.data{
  border: 2px solid #E6F0E6;
}

table.data tfoot{
  border-top: 2px dashed #E6F0E6;
}

table.data tr.hl{
  background-color: #E6F0E6;
}


/* Forms
  Every Cell is padded with the background colour
*/
form td{
  border-top: .5ex solid #F5F5F5;
  border-bottom: .5ex solid #F5F5F5;
  padding: .35ex .7ex .35ex .7ex;
  vertical-align: top;
}

form td.label {
  text-align: right;
  vertical-align: top;
}

form td.required {
  color: #FF0000;
  text-align: right;
  vertical-align: top;
}

form td.input{
  padding-right: 2ex;
}
    
form tr.error, td.error{
  background-color: #E0E0E0;
}


/* Input controls */
input.button {
  border: 1px outset #A9C8E7;
  width: 120px;
  background-color: #A9C8E7;
  cursor: pointer;
}

input.text {
  padding: 0px;
  width: 199px;
}

select {
  padding: 0px;
  width: 203px;
}

textarea {
      padding: 0px;
      width: 199px;
}


/* Navigation tab
  to simulate the tabs on a tab control*/
div.navTab{
  border-bottom: 2px solid #A9C8E7;
  padding-top: .5ex;
  font-weight: bold;
}

div.navTab *{
  padding-top: .5ex;
  color: #000000;
}

div.navTab span *{
  padding-top: .5ex;
  padding-left: 2ex;
  padding-right: 2ex;
}

div.navTab span.active{
  background: #A9C8E7 url(/images/styles/corner-tl.gif) left top no-repeat;
}

div.navTab span.active *{
  background: url(/images/styles/corner-tr.gif) right top no-repeat;
}

div.navTabBase {
  padding: .5ex 1ex .5ex 1ex;
  border-bottom: 2px solid #A9C8E7;
}

.navTabBase {
  border-bottom: 2px solid #A9C8E7;
}


/* Base for a group, generally below Tabs*/
.base {
  border-bottom: 2px solid #A9C8E7;
}


/* Popup Calendar control */
div.popCalendar{
  position: absolute;
  display: none;
  border: 2px outset #D4D0C8;
  padding: 2px;
  width: 210px;
  background-color: #D4D0C8;
  font-size: 11px;
}

div.popCalendar select{
  width: auto;
}

div.popCalendar table{
  margin-top: .5ex;
  border-collapse: collapse;
  text-align: center;
}

div.popCalendar table thead td{
}

div.popCalendar table tr.weekdays{
  font-weight: bold;
}

div.popCalendar table tr.days td{
  padding-top: .1ex;
}



/* Debugging */
*.debug{
  margin-top: 2ex;
  border: 1px solid #000000;
  padding: .5ex;
  background-color: #FF0000;
}