﻿body { margin: 0px 0px 10px 0px; color: #333; font: 10px Tahoma; }
/* background-image:url(../gradient.jpg);background-repeat:repeat-x;} */
body.popup { background-color: #efefe7; margin: 10101010; }
div.CompanyLogo { width: 118px; height: 50px; border-style: none; background-image: url(../Logo.gif); background-repeat: no-repeat; }
div.CompanyLogo1 { width: 118px; height: 50px; border-style: none; background-image: url(../TPS.gif); background-repeat: no-repeat; }
div.CompanyLogo2 { width: 173px; height: 73px; border-style: none; background-image: url(../Argus.png); background-repeat: no-repeat; }
div.USFarathane { width: 173px; height: 69px; border-style: none; background-image: url(../USFarathane.gif); background-repeat: no-repeat; }

div.LabelDarkCenter { background-color: #01367D; font-weight: bold; color: white; text-align: center; }
th.LabelDarkRight { background-color: #003263; font-weight: bold; color: White; text-align: right; right: 4; width: 50; }
th.LabelDarkLeft { background-color: #003263; font-weight: bold; color: White; text-align: left; right: 4; width: 50; }

tr.header { font: bold 10px Tahoma; color: #333; background-color: #FF7F50; }
tr.detail { font: 10px Tahoma; color: #000; background-color: #fff; }

td { font: 10px Tahoma; }
td.Head { background-color: Silver; text-align: center; font-size: larger; font-weight: bold; color: Navy; }
td.header { font: bold 10px Tahoma; color: #333; background-color: #FF7F50; }
td.detail { font: 10px Tahoma; color: #000; background-color: #fff; }
td.Label { font-weight: bold; color: navy; text-align: right; right: 4; width: 50; }
td.LabelDarkRight { background-color: #003263; font-weight: bold; color: white; text-align: right; right: 4; padding-right: 5px; height: 15px; border-bottom: 1px solid white; }
td.LabelDarkLeft { background-color: #003263; font-weight: bold; color: white; text-align: left; right: 4; }
td.LabelDarkCenter { background-color: #003263; font-weight: bold; color: white; text-align: center; right: 4; }
td.LabelLightRight { background-color: #FFF; font-weight: normal; color: Navy; text-align: right; right: 4; width: 50; padding-right: 5px; }
td.LabelLightLeft { background-color: #FFF; font-weight: normal; color: Navy; text-align: left; right: 4; width: 50; }
td.LabelLightCenter { background-color: #FFF; font-weight: normal; color: Navy; text-align: center; right: 4; width: 50; }
td.LabelLeft { font-weight: bold; color: Navy; text-align: Left; right: 4; width: 50; }
td.LabelCenter { font-weight: bold; color: Navy; text-align: Center; }
td.TopLabel { font-weight: bold; color: Navy; text-align: center; right: 4; width: 50; }
td.Field { text-align: left; padding-left: 2; }
td.LightField { background-color: #FFF; text-align: left; padding-left: 2; width: 50; }

.SecondCompanyLogo { width: 0px; height: 0px; border-style: none; }
.HeaderBackground { background-color: #000; }
.HeaderTitle { text-align: right; font: bold 18px Verdana; color: Gray; text-decoration: none; padding-right: 20px; }
.HeaderTitle div { text-align: right; font: bold 10px Verdana; color: Gray; text-decoration: none; }
.HeaderTitle div a { font: bold 10px Verdana; color: Gray; }
.HeaderTitle div a:hover { font: bold 10px Verdana; color: white; }

#MainMenu { margin: 0 auto; text-align: left; height: 16px; }
#MainMenu #HorizMenu { width: 100%; vertical-align: top; text-align: left; background: #000; background-image: url(../MenuBk_Black.png); }
#MainMenu #HorizMenu ul { margin: 0; padding: 2px 2px 2px 2px; width: auto; }
#MainMenu #HorizMenu ul.level1 li { list-style: none; margin: 0px 2px 2px 2px; }
#MainMenu #HorizMenu a { text-decoration: none; white-space: nowrap; display: block; font: Bold 12px Verdana; }
#MainMenu #HorizMenu a.static { padding: 0px 12px 0px 12px; color: White; }
#MainMenu #HorizMenu a.static.highlighted { color: white; background-image: url(./Images/MenuBkGg_Black.png); }
#MainMenu #HorizMenu a.dynamic { color: White; background-color: #696969; padding: 2px 10px 2px 10px; }
#MainMenu #HorizMenu a.dynamic.highlighted { background-color: #000; background-image: url(./Images/MenuBkGg_Black.png); }
#MainMenu #HorizMenu ul.level2 { border: 1px solid #fff; margin: 0px; padding: 0px; z-index: 9000; position: absolute; }
#MainMenu #HorizMenu ul.level2 li { list-style: none; border-style: none; margin: 0px; z-index: 9000; }

.Grid { color: Black; background-color: White; border: 1px solid black; border-spacing: 0px; padding: 0px; border-collapse: collapse; }
.Grid Caption { background-color: Transparent; background-image: url('../CaptionBar_Grey.jpg'); color: black; font-size: 10pt; font-weight: bold; white-space: nowrap; text-align: center; padding: 2px 0px 2px 0px; border-top: 1px solid black; border-left: 1px solid black; border-right: 1px solid black; }
.Grid tr { background-color: inherit; }
.Grid tr.Alt { background-color: white; }
.Grid tr.Selected { color: maroon; background-color: #E7E800; }
.Grid td { background-color: inherit; padding: 4px; font: 10px Verdana; }
.Grid td img.RowSelector { vertical-align: middle; width: 16px; height: 16px; cursor: pointer; }
.Grid th { padding: 4px; text-align: center; }
.Grid th a { text-decoration: none; background-image: url('../ToggleSort.gif'); background-repeat: no-repeat; padding-left: 15px; }
.Grid th a:hover { }
.Grid .Header { color: white; background-color: #A2B5CD; font: bold 10px Verdana; padding: 4px; }
.Grid .Header a { color: white; font: bold 11px Verdana; }
.Grid .Footer { color: white; background-color: Maroon; font: bold 10px Verdana; padding: 4px; }
.Grid .Pager { float: left; }
.Grid .Pager a { border: 1px solid #ccc; padding: 0.5em 1.0em; text-align: center; display: block; }
.Grid .Pager a:hover { background: #f0f7e8; border: 1px solid #83bc46; }
.Grid .Pager td.Selected { border: 1px solid #83bc46; padding: 0.75em 1.0em; text-align: center; background: #f0f7e8; }

.LabelDark { background-color: #01367D; font-weight: bold; color: White; }