﻿.divContact
{
    margin: -13px -10px -10px -10px;  /* this combats the default frame padding to move it up to the top corner */
    font-size: 100%;
    width: 700px;
    background-image: url(Images/contact.jpg);   /* image on top left corner */
    background-repeat: no-repeat;
    background-position: top left;
}

/* Fieldset is a panel. I.e. Contact Information */
.divContact fieldset
{
  clear: both;
  font-size: 100%;
  border-color: #c6c6c6;
  border-width: 1px 0 0 0;              /* Add top border for panel name */
  border-style: solid none none none;   /* Add top border for panel name */
  padding: 10px;
}

/* large text for panel name */
.divContact fieldset legend
{
  font-size: 150%;
  font-weight: normal;
  color: #000000;
  margin: 0 0 0 0;
  padding: 0 5px;
}

/* Label styles for objects */
label
{
  font-size: 100%;
}
label u
{
  font-style: normal;
  text-decoration: underline;
}

input, select, textarea
{
  font-size: 100%;
}

textarea
{
  overflow: auto;
}

.divContact div
{
  clear: left;
  display: block;
  width: 100%;
  zoom: 1;
  margin: 5px 0 0 0;
  padding: 1px 3px;
}



.divContact div fieldset
{
  clear: none;
  border-width: 1px;
  border-style: solid;
  border-color: #666666;
  padding: 0 5px 5px 5px;
  width: 100%;
}

.divContact div fieldset legend
{
  font-size: 100%;
  padding: 0 3px 0 9px;
}

.divContact div.required fieldset legend
{
  font-weight: bold;
}


.divContact div label
{
  display: block;       /* The element will generate a block box (a line break before and after the element) */
  float: left;
  width: 50px;
  padding: 2px 5px;
  margin: 0 0 5px 0;    /* add bottom margin */
  text-align: right;    /* if we align right in a width of 50, the labels will be aligned vertically with each other */
}

.divContact div.optional label, label.optional
{
  font-weight: normal;
}

.divContact div.required label, label.required
{
  font-weight: bold;
}

.divContact div.submit div
{
  display: inline;
  float: left;
  text-align: left;
  width: auto;
}


.MaskedEdit
{
	background-color: #FFFFFF;
}
.MaskedEditFocus
{
	background-color: #FFFF80;
}

.errorText
{
    font-size: 7pt;
    color: red;
}


/*----------------------------------- Error Box -----------------------------------*/
.error
{
  background-image: url(Images/icon_error.gif);
  background-repeat: no-repeat;
  background-position: top right;
  border: 1px dashed #A1A1A1;
  margin: auto 100px;
}


/*----------------------------------- Information Box -----------------------------------*/
.divContact fieldset div.notes
{
  float: right;
  width: 158px;
  height: auto;
  margin: 0 0 10px 10px;
  padding: 5px;
  border: 1px solid #666666;
  background-color: #ffffe1;
  color: #666666;
  font-size: 88%;
}
.divContact fieldset div.notes h4
{
  background-image: url(Images/icon_info.gif);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0 3px 27px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #666666;
  color: #666666;
  font-size: 110%;
}
.divContact fieldset div.notes p
{
  margin: 0em 0em 1.2em 0em;
  color: #666666;
}
.divContact fieldset div.notes p.last
{
  margin: 0em;
}
/*----------------------------------------------------------------------------------------*/