﻿@import url(frontpage.css);
@import url(search.css);
@import url(topmenu.css);
@import url(content.css);
@import url(employee.css);
@import url(ecom.css);
@import url(grouplist.css);
@import url(alert.css);

*
{
  margin: 0px;
  padding: 0px;
  font-size: 10pt;
}

img, img:hover
{
  clear: both;
  border: 0;
}

ul
{
  margin-left: 18px;
  _margin-left: 9px;
}

li
{
  display: inline;
  list-style: square !important;
  list-style-position: outside;
}

a, a:hover, a:active, a:focus 
{
  cursor: pointer;
  outline: none;
}

.radio, label, .CheckboxStyle
{
  float: left;
  display: block;
  margin-left: 6px;
  _margin-left: 3px;
  height: 12px;
  line-height: 12px;
}

.h5
{
  font-size: 9pt;
  color: #000000;
  font-weight: bold;
}

html, body
{
  height: 100%;
}

html>body, html>body #wrapper, html>body #container
{
  height: 100%;
}

#wrapper
{
  display: block;
  margin-left: auto; 
  margin-right: auto;
}

#outercontainer
{
  float: left;
  display: block;
  width: 100%;
  _width: 960px;
  height: auto;
  min-height: 100%;
  text-align: left;
}

#outercontainer .roundtop
{
  float: left;
  display: block;
  width: 100%;
  height: 3px;
  min-height: 3px;
  background-image: url(/Files/System/ft/bg_outerwrapper_top.png);
  background-repeat: no-repeat;
  background-position: top left;
  _margin-top: -3px;
}

#outercontainer .navigation
{
  float: left;
  display: block;
  width: 100%;
  height: 24px;
  line-height: 24px;
  margin-top: 26px;
}

#outercontainer .navigation .faner
{
  float: left;
  display: inline;
}

#outercontainer .navigation .fontsize, #outercontainer .navigation .toplinks
{
  float: right;
  display: inline;
}

#outercontainer .navigation .toplinks a.text
{
  padding-left: 18px;
  padding-right: 18px;
  _padding-left: 9px;
  _padding-right: 9px;
  color: #ffffff;
  font-size: 9pt;
}

#outercontainer .navigation .toplinks a.image
{
  padding: 0px;
}

#container
{
  float: left;
  display: block;
  width: 100%;
  max-width: 100%;
  height: 100%;
  min-height: 750px;
  background-color: #ffffff;
  _margin-top: -14px;
}

#container .topgraphic
{
  float: left;
  display: block;
  width: 100%;
  height: 71px;
  min-height: 71px;
  line-height: 71px;
}

#container .topgraphic .logo
{
  float: left;
  display: inline;
  width: 200px;
  margin-top: 30px;
  margin-left: 25px;
  _margin-left: 12.5px;
}

#container .topgraphic .phone
{
  float: left;
  display: inline;
  width: 523px;
  height: 71px;
  line-height: 71px;
  margin-top: 22px;
}

#container .contentholder
{
  float: left;
  display: inline;
}

html>body #container .contentholder
{
  height: 100%;
  min-height: 100%;
}

li a .imagetext, li a .image
{
  float: left;
  display: inline;
}

li a .image
{
  margin-left: 4px;
  _margin-left: 2px;
}

#clearfooter{
  float: left;
  display: block;
  width: 100%;
  height: 10px;
  min-height: 10px;
}

#outercontainer .roundbottom
{
  float: left;
  display: block;
  width: 100%;
  height: 55px;
  min-height: 55px;
  background-image: url(/Files/System/ft/bg_outerwrapper_bottom.png);
  background-repeat: no-repeat;
  background-position: top left;
  _margin-top: -36px;
}

#outercontainer small
{
  float: left;
  display: block;
  position: relative;
  margin-top: -30px;
  margin-left: 28px;
  _margin-left: 14px;
  margin-bottom: 10px;
}

#outercontainer small, #outercontainer small a
{
  font-size: 11px;
  color: #ffffff;
}

#dwfooter
{
  float: left;
  display: block;
  position: relative;
  width: 8px;
  margin-left: 960px;
  _margin-left: 475px;
  margin-top: -155px;
}

