﻿body
{
    background-color: #35495A;
    position: relative;
    text-align: center;
    margin: 0 auto;
    padding: 12px;
}

body, td, p, li, input, option, select, textarea
{
    font: 12px/16px Tahoma, Arial, Helvetica, Verdana, sans-serif;
}

p { margin: 0 0 15px 0; }
li { margin: 0 0 10px 0; }
table { position: relative; }
td { vertical-align: top; }

.AlignLeft { text-align: left; }
.AlignCenter { text-align: center; }
.AlignRight { text-align: right; }
.AlignJustify { text-align: justify; }

.BoldText { font-weight: bold; }
.ItalicizedText { font-style: italic;}
.UnderlinedText { text-decoration: underline; }

.SmallText { font-size: 10px; line-height: 12px; }
.NoWrap { white-space: nowrap; }

.CRIRed { color: #BF1E2D !important; }

div.ClearDivs { clear: both; }

.MsgSystem
{
    color: #35495A;
    font-weight: bold;
}

.MsgError
{
    color: #F00;
    font-weight: bold;
}

ul
{
    margin-top: 0px;
}

li
{
    margin: 0;
    padding: 2px 0;
}

ul.InlineList, ul.VerticalList
{
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.InlineList li
{
    float: left;
}

div#NavAdmin ul.InlineList li
{
    padding: 0 10px;
}

.BorderBlack
{
    border: 1px solid #000;
}

.AlignImgRight
{
    float: right;
    text-align: right;
    margin: 0 0 0 15px;
}

.AlignImgLeft
{
    float: left;
    text-align: left;
    margin: 0 15px 0 0;
}

.AlignImgCenter
{
    text-align: center;
    margin: 0 15px 0 15px;
}

a {
    color: #35495A;
    font-weight: bold;
}

a:link, a:visited {
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

a:active {
	color: #BF1E2D; 
}

div#Content h1
{
    color: #35495A;
	font: bold 20px/28px Georgia, Times New Roman, Times, serif;
	background: url( '/App_Images/BG_ContentH1.gif' ) no-repeat bottom left;
	width: 666px;
	margin: 0 0 10px 0;
}

div#Content h2
{
    color: #35495A;
	font: bold 16px/20px Georgia, Times New Roman, Times, serif;
	margin: 0 0 5px 0;
}

div#Content h3
{
    color: #BF1E2D;
	font: bold 14px/20px Tahoma, Helvetica, Arial, Verdana, sans-serif;
	margin: 5px 0 5px 0;
}

div#Container
{
    position: relative;
    width: 900px;
    margin: 0 auto;
    text-align: center;
    border: 1px solid #35495A;
}

div#Container div#Logo img
{
    position: absolute;
    top: 0px;
    left: 90px;
    z-index: 10;
}

div#ContentArea
{
    position: relative;
    width: 900px;
    margin: 27px 0 0 0;
    padding: 0;
    background-color: #FFF;
}

div#ContentAreaBottom
{
    width: 900px;
    height: 20px;
    background-image: url( '/App_Images/BG_ContentAreaBottom.gif' );
}

div#ColumnSide
{
    float: left;
    width: 164px;
    margin: 0;
    padding: 0;
}

div#ColumnMain
{
    float: left;
    width: 736px;
    margin: 0;
    padding: 0;
}

div#ColumnSide div#NavArea
{
    background-image: url( '/App_Images/BG_TopLeft.jpg' );
    width: 164px;
    height: 515px;
}

div#ColumnSide div#NavLinks
{
    position: absolute;
    top: 173px;
    left: 0;
    width: 172px;
    z-index: 20;
    text-align: right;
}

div#ColumnSide div#NavLinks div.NavLink
{
    float: left;
    text-align: right;
    padding: 0 7px 15px 0;
    width: 148px;
    height: 17px;
}

div#ColumnSide div#NavLinks div.NavDot img
{
    float: left;
    width: 17px;
    height: 17px;
    margin-bottom: 15px;
}

div.NavLink a {
    font: 16px/16px Tahoma, Arial, Helvetica, sans-serif;
    color: #000;
}

div.NavLink a:link, div.NavLink a:visited {
	text-decoration: none;
}

div.NavLink a:hover {
	text-decoration: underline;
	color: #BF1E2D; 
}

div.NavLink a:active {
	color: #F00; 
}

div#ColumnSide div#ResellerLogos
{
    width: 164px;
    text-align: center;
}

div#ColumnSide div#ResellerLogos div
{
    padding: 20px 0;
    white-space: nowrap;
    font: bold 10px/12px Arial, Helvetica, sans-serif;
}

div#ColumnSide div#ResellerLogos a:link, div#ColumnSide div#ResellerLogos a:visited, div#ColumnSide div#ResellerLogos a:hover, div#ColumnSide div#ResellerLogos a:active
{
    text-decoration: none;
}

div#ColumnMain div#ContactInfo
{
    position: absolute;
    z-index: 200;
    top: 145px;
    right: 10px;
    text-align: right;
}

div#ColumnMain div#ContactInfo, div#ColumnMain div#ContactInfo a
{
    color: #FFF;
    font: bold 13px/15px Tahoma, Arial, sans-serif;
}

div#ColumnMain div#Header
{
    width: 736px;
    height: 215px;
}

div#ColumnMain div#Header div#ContactInfo
{
}

div#ColumnMain div#Content
{
    width: 666px;
    padding: 30px 30px 0 40px;
    text-align: left;
    background-color: #FFF;
}

div#Content img
{
    border: 1px solid #7D5C3D;
}

div#HomeBoxes a {
    font: bold 13px/17px Arial, Tahoma, Helvetica, sans-serif;
    color: #BF1E2D;
    text-transform: uppercase;
}

div#HomeBoxes a:link, div#HomeBoxes a:visited {
	text-decoration: none;
}

div#HomeBoxes a:hover {
	text-decoration: underline;
}

div#HomeBoxes a:active {
	color: #F00; 
}

div#Footer
{
    width: 900px;
    padding: 0;
    margin: 0 auto;
    text-align: center;
}

div#Footer div#FooterText
{
    width: 660px;
    height: 26px;
    margin: 15px auto;
    padding: 4px 0 0 0;
    background: url( '/App_Images/BG_FooterText.gif' ) no-repeat top left;
}

div#Copyright
{
    padding: 0;
    margin: 0 auto;
}

div#Copyright, div#Copyright a:link, div#Copyright a:visited, div#Copyright a:hover, div#Copyright a:active
{
    color: #FFF;
}

div#UpdateProgress
{
    clear: both;
    position: absolute;
    right: 50px;
    top: 60px;
    padding: 5px 10px;
    font-weight: bold;
    background-color: #FCC;
}
/*
.EquipmentRowStyle
{
    background-color: #FFF;
}

.EquipmentRowStyleAlternating
{
    background-color: #E0E0E0;
}
*/