/* http://www.designfridge.com/phpdocs/labs/doctype/index.php */
body, td {
    font-size: 62.5%;
    font-family: verdana, arial, helvetica, sans-serif;
}

select {
    font-size: 1em;
    font-family: verdana, arial, helvetica, sans-serif;
    border-style: solid;
    font-weight: normal;
}

H1 {
    font-size: 2.5em;
    font-family: tahoma, verdana, arial, helvetica, sans-serif;
    font: bold;
    margin: 2px;
}

H2 {
    font-size: 1.8em;
    font-family: tahoma, verdana, arial, helvetica, sans-serif;
    font-weight: bold;
    color: #990000;
    margin-top: 5px;
    margin-bottom: 3px;
}

H3 {
    font-size: 1.3em;
    font-family: tahoma, verdana, arial, helvetica, sans-serif;
    font-weight: bold;
    color: #ffffff;
    background-color: #999966;
    margin-top: 10px;
    margin-bottom: 5px;
    padding-bottom: 2px;
    padding-left: 5px;
}

H3.error {
    font-size: 1.3em;
    font-family: tahoma, verdana, arial, helvetica, sans-serif;
    font-weight: bold;
    color: #ffffff;
    background-color: #ff0000;
    margin-top: 10px;
    margin-bottom: 5px;
    padding-bottom: 2px;
    padding-left: 5px;
}

a.header {
    text-decoration: none;
    font-size: 1.3em;
    font-family: arial, helvetica, sans-serif;
    color: #990000;
    font-weight: bold;
}

a.nava {
    text-decoration: none;
    font-size: 1.3em;
    font-family: arial, helvetica, sans-serif;
    color: #cccc99;
    font-weight: bold;
}

a.navb {
    text-decoration: none;
    font-size: 1.3em;
    font-family: arial, helvetica, sans-serif;
    color: #ffffff;
    font-weight: bold;
}

a.texta {
    text-decoration: none;
    font-family: arial, helvetica, sans-serif;
}

a.textb {
    text-decoration: none;
    font-family: arial, helvetica, sans-serif;
    color: #ffffff;
}

input.button {
    font-size: 1em;
    font-family: verdana, arial, helvetica, sans-serif;
    color: #000000;
    border-style: solid;
    border-width: 1;
    border-color: #000000;
    background-color: #cccccc;
}

input.rbutton {
    font-size: 1em;
    font-family: verdana, arial, helvetica, sans-serif;
    border-style: solid;
    color: #000000;
    border-width: 1;
    border-color: #000000;
    background-color: #cccc99;
}

input.text, textarea {
    font-size: 1em;
    font-family: verdana, arial, helvetica, sans-serif;
    border-style: solid;
    border-color: #999999;
    color: #000099;
    border-width: 1;

}

input.textnotedtable {
    font-family: verdana, arial, helvetica, sans-serif;
    border-style: solid;
    border-color: #ffffff;
    color: #000099;
    border-width: 1;
}

td.label {
    text-align: right;
    font-family: verdana, arial, helvetica, sans-serif;
    font-weight: bold
}

td.mandatory {
    text-align: right;
    font-family: verdana, arial, helvetica, sans-serif;
    font-weight: bold;
    color: Red;
}

td.highlight {
    color: white;
    font-weight: bold;
    background: green;
}

th {
    text-align: center;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: .6em;
    font-weight: bold
}

td.labeldata {
    text-align: left;
    font-family: verdana, arial, helvetica, sans-serif;
    font-weight: normal;
}

td.incomplete {
    text-align: center;
}

td.complete {
    background-color: #66cc33;
    text-align: center;
}

td.not_applicable {
    background-color: #cccccc;
    text-align: center;
}

td.next {
    background-color: #ffff33;
    text-align: center;
}

td.currency {
    text-align: right;
    white-space: nowrap;
}

td.labelright {
    font-size: .8em;
    font-family: arial, helvetica, sans-serif;
    text-align: right;
    font-weight: bold;
    color: #990000;
    font-style: italic;
}

td.logintext {
    font-size: .8em;
    font-family: arial, helvetica, sans-serif;
    text-align: right;
    font-weight: bold;
    color: #fff;
}

td.loginerror {
    color: #fff;
}

td.header {
    background-color: #999966;
}

.calcurrent {
    background-color: #CCCCFF;
}

.calweektitle {
    background-color: #cccc99;
}

.calweekend {
    background-color: #efefef;
}

.calregular {
    background-color: #ffffff;
}

.caldisabled {
    background-color: #ffffff;
}

.calweekdisabled {
    background-color: #efefef;
}

.calthismonth {
    color: #000000;
}

.calothermonths {
    color: #999999;
}

.calweeks {
    color: #000000;
}

.calcolor {
    color: #ffffff;
}

em.alert {
    background-color: #FFCC00;
}

tr.header {
    background-color: #dddddd;
}

tr.data {
    background-color: #cccc99;
}
tr.selected {
    background-color: #cccc99;
}
tr.benchmark {
    background-color: #99cccc;
}

td.best {
    background-color: #33CC33;
    text-align: right;
    font-weight: bold;
}

td.headertoptext {
    font-weight: bold;
}

a.headerlabel {
    text-decoration: none;
    font-family: arial, helvetica, sans-serif;
    color: Black;
    font-weight: bold;
}

.normalbold {
    font-family: verdana, arial, helvetica, sans-serif;
    font-weight: bold;
}

a.sortHeader:visited {
    color: blue
}

.recommended_off {
}

.recommended_on {
    text-align: right;
    color: white;
    font-weight: bold;
    background: green;
}

td.calheader {
    background-color: #808080;
}

td.calsubheader {
    background-color: #D3D3D3;
}

.summaryHeading {
    background-color: #cccccc;
    font-weight: bold;
}

.normalRowOdd {
    background-color: rgb(239,239,239);
}

.normalRowEven {
    background-color: rgb(221,221,221);
}

.bestPrice {
    text-align: right;
    background: yellow;
}

.mandatory {
    font-weight: bold;
    color: Red;
}

.alignForm label {
    position: absolute;
    text-align: right;
    width: 170px;
    margin-bottom: 3px;
    margin-top: 3px;
    font-weight: bold;
}

.alignForm input, .alignForm textarea, .alignForm select {
    margin-left: 180px;
    margin-bottom: 3px;
    margin-top: 3px;
}

.alignForm .readonly {
    margin-left: 180px;
}

div#leftnav #adminnav {
    position: absolute;
    top: 126px;
    left: 8px;
    width: 148px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div#leftnav #adminnav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

div#leftnav #adminnav li h3 {
    display: block;
    color: #000;
    background-color: #CCC;
    width: 146px;
    padding: 3px 11px 3px 5px;
    text-decoration: none;
    border-bottom: 1px solid #fff;
    font-weight: normal;
    font-size: 1em;
    font-family: verdana, arial, helvetica, sans-serif;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div#leftnav #adminnav li li a, div#leftnav #adminnav li li a:active {
    display: block;
    color: #000;
    background-color: #EFEFEF;
    width: 146px;
    padding: 3px 3px 3px 13px;
    text-decoration: none;
    border-bottom: 1px solid #fff;
    font-weight: normal;
    margin-right: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div#leftnav #adminnav a:hover {
    background-color: #FFF;
    color: #000;
}

div#leftnav #adminnav .description {
    display: none;
}

div#leftnav #adminnav .curNav {
    background-color: #FFF;
    color: #000;
}

div#content #adminnav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

div#content #adminnav li li {
    line-height: 2em;
}

div#leftnav {
    float: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div#content {
    margin-left: 160px;
}

div#footer {
    clear: left;
    text-align: right;
    margin-top: 5px;
    margin-bottom: 1px;
    margin-right: 3px;
    line-height: 1.6em;
}

div#mainContent {
    margin-left: 8px;
}

* html div#mainContent {
/* IE HACK to remove horizontal scrollbar on homepage */
    width: 100%;
}

#messageWrapper {
    margin-top: 12px;
    margin-bottom: 12px;
}

.message {
    background: yellow;
    border: 1px solid black;
    padding: 5px 5px 5px 5px;
    display: inline;
}

[disabled] {
    color:#666 !important;
    background-color:#efefef  !important;
    border-color:#c9c9c9  !important;
}
/*

div.autocomplete {
    position: absolute;
    width: 350px;
    background-color: white;
    border: 1px solid #888;
    margin: 0;
    padding: 0;
    max-height: 150px;
    overflow: auto;
}

div.autocomplete ul {
    border: 1px solid #888;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

div.autocomplete ul li {
    margin: 0;
    padding: 3px;
}

div.autocomplete ul li.selected {
    background-color: #ffb;
}

div.autocomplete ul strong.highlight {
    color: #800;
    margin: 0;
    padding: 0;
}*/

 /* Styles below require Quirks rendering mode (and especially the * html IE hack) */
div.autocomplete {
  border: 1px solid darkgray;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  background-color: Menu;
}
div.autocomplete ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
div.autocomplete ul li {
  list-style-type: none;
  display: block;
  margin: 0;
  padding: 0 2px 0 3px;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  cursor: pointer;
  font-family: verdana,arial,helvetica,sans-serif;
  font-size: 11px;
  line-height: 13px;
  background-color: Menu;
  color: MenuText;
}
div.autocomplete ul li a{
  text-decoration: none;
  color: MenuText;
}
div.autocomplete ul li a:hover, div.autocomplete ul li a:active{
  text-decoration: none;
  color: white;
}
div.autocomplete ul li.clickNav {
    background-image:url(/images/link-external.gif);
    background-position:right 1px;
    background-repeat:no-repeat;
    padding-right:12px;
}
div.autocomplete ul li.selected {
  background-color: Highlight;
  color: HighlightText;
}

/* Set the max-height (132px for this example) for the autocomplete box */
div.autocomplete {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 300px;
}
* html div.autocomplete {
  overflow-y: expression(this.scrollHeight > 300 ? "scroll" : "");
  height: expression(this.scrollHeight > 300 ? "300px" : "");
}

#header_main_hr_tr, #header_main_hr_tr td {
    display: none;
    margin:0;
    padding:0;
}

#login_page
{
    background: #3B505C url("/images/login_background.gif") repeat-x;
}

#login_page a, #login_page a:visited, #login_page a:hover, #login_page a:active
{
    color: white;
}

#login_box
{
    position: absolute;
    top: 325px;
}

#login_box input.input
{
    width: 100%;
}

#lower_logo
{
    position: absolute;
    width: 417px;
    height: 182px;
    top: 72px;
}

#upper_logo
{
    position: absolute;
    height: 72px;
    width: 600px;
    margin-left: 10px;
}