@page port {size: portrait;}
@page land {size: landscape;}

/* standard element defaults */
html, body {
    height: 99%;
}

body, a, td {
    font-weight: normal;
    font-size: 14px;
    font-family: arial, georgia, helvetica;
}

p {
    margin: 0; 
    padding: 0;
}

td {
    vertical-align: top;
}

.StickyTop {
    position: fixed;
    top: 0;
}

/* Control classes */
.Container_Row, Container_Cell_Left, .Container_Cell_Right {
    padding: 0px;
    margin: 0px;
    white-space: nowrap;
    vertical-align: bottom;
}

.Container_Row {
    position:relative;
    width: 100%;
    text-align: center;
}

.Container_Cell_Left {
    position:absolute;
    bottom:0px;
    left:0px; 
    text-align: left;
}

.Container_Cell_Right {
    position:absolute;
    bottom:0px;
    right:0px;
    text-align: right;
}

.site_logo {
    vertical-align: bottom;
}

.clickable {
    cursor:pointer;
    cursor:hand;
}

.nobr {
    white-space: nowrap;
}

.portrait {
    page: port;
    margin: 0px;
}

.landscape {
    page: land;
    margin: 0px;
}

.odd {
    background-color: #CCCCCC;
}

.even {
    background-color: #DDDDDD;
}

/* Custom classes */
.SiteBackground {
    background-color: white;
}

.SiteBody {
    vertical-align: top;
    padding-left: 5px;
}

.BottomBorder {
    border-bottom: 1px solid white;
}

.SiteHeader {
    font-weight: 900;
    font-size: 36px;
    vertical-align: bottom;
}

.SectionHeading {
    height: 30px;
    font-weight: 900;
    font-size: 25px;
    vertical-align: bottom;
}

.MinorHeading {
    height: 20px;
    font-weight: 900;
    font-size: 18px;
    vertical-align: bottom;
}

.SectionBar {
    margin: 0px;
    padding: 0px;
    height: 22px;
    vertical-align: top;
    font-weight: bold;
    font-size: 14px;
    background-color: white;
    color: black;
}

.VMenu {
    vertical-align: top;
    width: 150px;
}

.VMenuItem {
    font-weight: 700;
    text-align: center;
}   

.VMenuHeading {
    font-weight: 900;
    font-size: 18px;
    text-align: center;
}

input.form, textarea.form, select.form, .fileinput {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    font-family: arial, georgia, helvetica;
    font-variant: normal;
    font-style: normal;
    border-width: 1px;
    border-style: solid;
    border-color: black;
    color: black;
    background-color: white;
    margin: 0px;
    padding: 0px;
}

checkbox.form {
    border-width: 1px;
    border-style: solid;
    border-color: black;
}

input[type="button"].form, input[type="submit"].form, input[type="reset"].form, a.button {
  cursor: pointer;
  border-width: 2px;
  border-style: outset;
  padding-left: 2px;
  padding-right: 2px;
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
}

.fileinput {
  position: relative;
  overflow: hidden;
}

.fileinput_text {
  cursor: pointer;
}

span.fileinput {
    display: inline-block;    

/* For IE 7 */
  zoom: 1;
  *display: inline;
}

.fileinput input {
  position: absolute;
  top: -2px;
  right: -2px;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px;
  direction: ltr;
  cursor: pointer;
}

/* Fixes for IE < 8 */
@media screen\9 {
  .fileinput input {
    filter: alpha(opacity=0);
    font-size: 100%;
    height: 100%;
  }
}

div.form_body, div.form_heading, div.form_cell, div.form_error, div.form_checkbox {
    padding: 0px;
    margin: 0px;
    vertical-align: top;
}

div.form_body {
    /*overflow-y: auto;*/
    overflow: hidden;
}

div.form_cell, div.form_checkbox {
    overflow: hidden;
}

div.form_cell, div.form_heading, div.form_checkbox {
  display: inline-block;
  height: 22;
  white-space: nowrap;
  overflow-y: show;
  overflow-x: hidden;

/* For IE 7 */
  zoom: 1;
  *display: inline;
}

div.form_checkbox {
    font-weight: 700;
    text-align: left;
}

div.form_heading {
    font-weight: 700;
    text-align: right;
}

div.form_error {
    height: 22;
    white-space: nowrap;
    overflow: hidden;
    color: red;
    display: none;
}

.progress_Left, .progress_Right {
  position: absolute;
  left: 0px;
  top 0px;
  padding: 0px;
  overflow: hidden;
  text-align: center;
  padding: 0px;
}

.progress_Left {
  z-index: 2;

  background-color: black;
  color: white;
}


.progress_Right {
  z-index: 1;

  background-color: white;
  color: black;
}


.progress_Box {
  position: relative;
  top: 0px;
  left: 0px;
  overflow: hidden;
  padding: 0px;
}

/*didn't want to put this here, but I need it after body

.ui-menu {
    font-size: 8px;   
}
*/