﻿/* Alan's Additions */
#header td {text-align: left; background-color: #F7BD2D; font-family: Arial, Helvetica, sans-serif;}
#header .left {width: 20%; padding: 27px 0px 0px 55px; color: #000066; font-size: 16px; font-weight: bold; background: #F7BD2D url(../../system_graphics/SF_header_logo2.gif) 7px 7px no-repeat;}
#header .center {text-align: center !important; font-size: 18px; color: #FFFFFF; width:60%; padding-top: 16px; vertical-align: top;}
#header .right {text-align: left; width: 20%; padding: 27px 0px 3px 15px; font-size: 16px; font-weight: bold; }
#header .right a {display: block; float: right; text-align: left; margin-left: 20px; color: #000066; text-decoration: underline; white-space: nowrap;}
#header .right a:active, #header .right a:hover {text-decoration: underline;}

#lower-header {background-color: #12359B; height: 44px}
#lower-header .left {}
#lower-header .center {text-align: center !important; font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #FFFFFF; width: auto; vertical-align: middle;}
#lower-header .right {text-align: right;} 

#available-services {border: solid 3px #F7BD2D; border-right-width: 2px; margin-left: auto; margin-right: auto;}
#available-services th {padding-top: 15px;}
#available-services th span {display: block;}
#available-services th img {display: block; margin: 0px auto 0px auto;}
#available-services td {border-right: solid 1px #F7BD2D; padding-bottom: 10px; vertical-align: top; text-align: center;}
#available-services td.left {width: 200px;}
#available-services td.center {width: 2px;}
#available-services td.right {width: 200px;}
#available-services td table {margin: 0px auto 0px auto; width: 100%;}
#available-services td td {border: none; margin: 0px 0px 0px 0px; width: 100%; padding-bottom: 0px;}
.invisible {display: none;}
.top-left-header {width: 200px !important; text-align: left; background: #F7BD2D url(../../system_graphics/SF_header_logo2.gif) 7px 7px no-repeat; vertical-align: bottom;}

.passwordStrenghtText {font-family: Arial, Helvetica, Sans-Serif; font-size: 9px; font-weight: normal; color: Black; background-color: Gray}
.UserNameCheck_Normal {font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; font-weight: bold; color: #0066FF; background-color: White; border: silver 1px inset; text-align: center; height: 2em; width: auto;}
.UserNameCheck_Updating {font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; font-weight: bold; color: #0066FF; background-color: White; border: silver 1px inset; text-align: center; height: 2em; width: auto; background-image: url(images/Loading.gif); background-repeat: no-repeat}
.panelHeader_Collapsed {font-family: Arial, Helvetica, Sans-Serif; background-color: #F7BD2D; color: #FFFFFF; font-weight: bold; font-size: large; text-align: center;}
.panelHeader_Expanded {font-family: Arial, Helvetica, Sans-Serif; background-color: #F7BD2D; color: #FFFFFF; font-weight: bold; font-size: large; text-align: center;}

.panelLeft {width: 70%; float: left;}
.panelRight {width:auto; float: right;}
.panelContainer {width: 100%;}
.panelDescription {width: 100%;}
.panelhelpText {background-color: #ffffcc; border-color: Black; border-style: groove; border-width: 1px; width: auto; text-align: left;}
.panelContainer {width: 100%;}
.container-help {width: 100%; position: relative; text-align: center;}
.ad-container {width: 100%; text-align: center; padding-right: 5px; padding-top: 1px; padding-bottom: 1px;}

/*Ryne's Generic Classes */
.label-cell {text-align: right; vertical-align: top;}
.content-cell {text-align: left; vertical-align: top;}
.watermark {background-color: #BFCFFF;}

.search-form {border: solid 4px #000080; width: 95%; background-color: #F7BD2D; vertical-align: middle; text-align: center; margin-right: auto; margin-left: auto;}
.search-form-table {width: auto; margin: 20px auto 20px auto; vertical-align: middle; text-align: center;}
#premium-container {margin-right: 205px; text-align: center; position: relative; left: 0px; top: 5px; vertical-align: top; padding-bottom: 10px;}
#standard-container {width: 200px !important; overflow: scroll; white-space: nowrap; right: 0px; top: 5px; position: absolute; vertical-align: top;}
.premium-members {}
.premium-members td {vertical-align: middle; text-align: center;}
.premium-members table {margin-right: auto; margin-left: auto; margin-top: 10px;}
.premium-members img {margin-right: auto; margin-left: auto;}
#company-marquee {margin: 10px 0px 10px 0px; color: #000080; font-size: large; font-family: Arial, Helvetica, sans-serif; text-decoration: blink; height: 35px;}
.collapsiblePanel {width: 100%; height:0px; overflow:hidden;}
.result-subheader {font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #000080; padding: 20px 0px 0px 0px; text-align:center;}
.result-subheader2 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #000080; padding: 10px 0px 0px 0px; text-align:center;}
#content-wrapper {position: relative; width: 100%; top: 0px; left: 0px;}
.help
{
    font-weight: bold;
    font-size: x-small;
    width: 250px;
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #ffffcc;
    text-align: justify;
    display: block;
    padding: 5px 5px 5px 5px
}
h1,h2,h3 {display: inline;}
.h1goldheader {font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 16pt; font-weight: normal; line-height: 1; display: inline; vertical-align: middle;}
.headerBox {width: 100%; height: 100%; vertical-align: middle; text-align: center;}
.h1blueheader {font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 16pt; font-weight: normal; line-height: 1;}

.h2bluedheader {
  font-family: Arial;
  color: #FFFFFF; 
  font-size: 16pt;
  font-weight: normal;
	vertical-align: middle;
	text-align: center;
	text-transform: none;
	margin-bottom: 0 
}

.subtitleWhite a {color: #FFFFFF;}

.statementMarquee
{
    color: #000080;
    font-size: large;
    text-decoration: blink;
    width: 733px;
    text-align: center;
}
.companyStatementTable
{
    border-collapse: collapse;
    border-color: #111111;
    height: 35px;
}

body 
{
    background-color: #FFFFFF;
    color: #000000;
    margin: 0px 0px 0px 0px;
    font-size: 12px;
}
.fullGrid
{
    width: 90%; margin-right: auto; margin-left: auto; 
}
.fullGrid2
{
    width: 99%; margin-right: auto; margin-left: auto; 
}
.fullGridNoPad
{
    width: 100%; 
}

.center
{
    text-align:center;
}
.right
{
    text-align:right;
}
.table2
{
    background-color: White
}
.companyName
{
    font: #FFFFFF;
    font-size: medium;
    font-family: Arial, Sans-Serif;
}
.pageDivider
{
    font-family: Verdana, Arial, Helvetica;
    font-size: medium;
    color: #003333;
    background-color: #FFFFFF;
    height: 24px;
}
.Comments
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    color: #000066;
    font-size: small;
    font-weight: bold;
}
.titleWhite {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: x-large; font-weight: normal; color: white; line-height: 1;}
.titleWhite:visited {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: x-large; font-weight: normal; color: white; line-height: 1;}
.titleBlack {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: large; font-weight: normal; color: black; line-height: 1;}
.titleBlack:visited {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: large; font-weight: normal; color: black; line-height: 1;}
.titleBlue {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: x-large; font-weight: normal; color: #000066; line-height: 1;}
.titleBlue:visited {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: x-large; font-weight: normal; color: #000066; line-height: 1;}
.titleLightBlue {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: x-large; font-weight: normal; color: #0066FF; line-height: 1;}
.titleLightBlue:visited {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: x-large; font-weight: normal; color: #0066FF; line-height: 1;}
.titleRed {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: x-large; font-weight: normal; color: red; line-height: 1;}
.titleRed:visited {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: x-large; font-weight: normal; color: red; line-height: 1;}
.subtitleWhite {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: large; font-weight: normal; color: white; line-height: 1;}
.subtitleWhite:visited {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: large; font-weight: normal; color: white; line-height: 1;}
.subtitleBlack {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: large; font-weight: normal; color: black; line-height: 1;}
.subtitleBlack:visited {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: large; font-weight: normal; color: black; line-height: 1;}
.subtitleBlue {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: large; font-weight: normal; color: #000066; line-height: 1;}
.subtitleBlue:visited {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: large; font-weight: normal; color: #000066; line-height: 1;}
.subtitleLightBlue {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: large; font-weight: normal; color: #0066FF; line-height: 1;}
.subtitleLightBlue:visited {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: large; font-weight: normal; color: #0066FF; line-height: 1;}
.subtitleRed {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: large; font-weight: normal; color: red; line-height: 1;}
.subtitleRed:visited {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: large; font-weight: normal; color: red; line-height: 1;}
.normalWhite {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: medium; font-weight: normal; color: white; }
.normalWhite:visited {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: medium; font-weight: normal; color: white; }
.normalBlack {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: medium; font-weight: normal; color: black; }
.normalBlack:visited {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: medium; font-weight: normal; color: black; }
.normalBlue {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: medium; font-weight: normal; color: #000066; }
.normalBlue:visited {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: medium; font-weight: normal; color: #000066; }
.normalLightBlue {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: medium; font-weight: normal; color: #0066FF; }
.normalLightBlue:visited {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: medium; font-weight: normal; color: #0066FF; }
.normalRed {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: medium; font-weight: normal; color: red; }
.normalRed:visited {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: medium; font-weight: normal; color: red; }
.smallWhite {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: smaller; font-weight: normal; color: white; }
.smallWhite:visited {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: smaller; font-weight: normal; color: white; }
.smallBlack {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: smaller; font-weight: normal; color: black; }
.smallBlack:visited {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: smaller; font-weight: normal; color: black; }
.smallBlue {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: smaller; font-weight: normal; color: #000066; }
.smallBlue:visited {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: smaller; font-weight: normal; color: #000066; }
.smallLightBlue {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: smaller; font-weight: normal; color: #0066FF; }
.smallLightBlue:visited {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: smaller; font-weight: normal; color: #0066FF; }
.smallRed {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: smaller; font-weight: normal; color: red; }
.smallRed:visited {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: smaller; font-weight: normal; color: red; }
.tinyWhite {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: xx-small; font-weight: normal; color: white; }
.tinyWhite:visited {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: xx-small; font-weight: normal; color: white; }
.tinyBlack {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: xx-small; font-weight: normal; color: black; }
.tinyBlack:visited {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: xx-small; font-weight: normal; color: black; }
.tinyBlue {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: xx-small; font-weight: normal; color: #000066; }
.tinyBlue:visited {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: xx-small; font-weight: normal; color: #000066; }
.tinyLightBlue {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: xx-small; font-weight: normal; color: #0066FF; }
.tinyLightBlue:visited {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: xx-small; font-weight: normal; color: #0066FF; }
.tinyRed {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: xx-small; font-weight: normal; color: red; }
.tinyRed:visited {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: xx-small; font-weight: normal; color: red; }
.navWhite {font-family: Arial, Helvetica, Sans-Serif; font-size: smaller; text-decoration: none; font-weight: bold; color: White;}
#SFBlog {font-family: Arial, Helvetica, Sans-Serif; font-size: 16pt; text-decoration: none; color: White; line-height: 1;}
.topNavText {font-size: medium; font-family: Arial, Sans-Serif;font-weight: bold; color: #000066}
.goldHeader {font-family: Arial, Helvetica, sans-serif; color: #000080; font-size: 16pt; font-weight: normal; line-height: 1; display: inline; vertical-align: middle;}
.blueHeader {font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 16pt; font-weight: normal; line-height: 1;}

.invisible {visibility: hidden;}
.rightPadding {padding-right:15px;}
.tbl75 {width:75px;}

/** Page Specific Layouts **/
#coupon-container {border-width: thin; border: solid 1px gray; width: 550px;}
#coupon-content {padding-top: 10px;}
#coupon-notes-container {text-align: center;}

#customer-survey-container {text-align: center;}

.nav-cell {text-align: left; background-color: #487CB8;}

.detail-navigation-cell {width: 219px; background-color: #5B7B57; text-align: left; border-bottom: white 2px solid; padding-left: 8px;}
.detail-navigation-text {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: medium; font-weight: normal; color: white; text-decoration: none;}

#company-detail-left {float: left; text-align: left;}
#company-detail-right {float: right; text-align: left;}
#company-detail-location {width: 100%; text-align: center;}
#company-detail-command {width: 100%; text-align: center;}

/* Detail Page Classes */
#detail-body {width: 100%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
#detail-footer {background-color: #003300; width: 100%; height: 50px; text-align: center;}
#detail-top-header {background-color: #003300; width: 100%; height: 41px; display: table;}
#detail-top-header-left {width: 180px; vertical-align: middle; text-align: center;}
#detail-top-header-right {width: 180px; vertical-align: middle; text-align: center;}
#detail-top-header-center {width: auto; vertical-align: middle; text-align: center;}
#detail-lower-header {background-color: #5B7B57; width: 100%; height: 37px;}
#detail-lower-header-left {width: 180px; vertical-align: middle; text-align: center;}
#detail-lower-header-right {width: 180px; vertical-align: middle; text-align: center;}
#detail-lower-header-center {text-align: center; width: auto;}
#detail-content {width: 100%; padding-top: 20px;}
#detail-content-left {width: 185px; text-align: center; vertical-align: top;}
#detail-content-center {height: 860px; vertical-align: top;}
#detail-content-right {vertical-align: top; width:245px; text-align: center; padding-top: 20px; padding-left: 0px; height: 860px;}
#detail-content-pad-left {width: 15px;}
#detail-content-pad-right {width: 15px;}
#detail-content-pad-farleft {width: 10px; padding-top: 20px; text-align: center; height: 860px;}
#detail-content-pad-farright {padding-left: 0px; vertical-align: top; width: 10px; padding-top: 22px; height: 860px; text-align: center}
#detail-companyimages-title-cell {padding-bottom: 4px; padding-top: 8px;}
#detail-companydescription-title {height: 20px; text-align: center; padding-bottom: 5px;}
#detail-companydescription-text {text-align: left; padding-bottom: 15px;}
#detail-companyservices-title {text-align: center; padding-bottom: 5px;}
#detail-companyservices-text {text-align: left; padding-bottom: 15px;}
#detail-companydetails-title { text-align: center; padding-bottom: 5px;}
#detail-companydetails-text {text-align: left; padding-bottom: 15px;}

.menuTop {background-color: #F7BD2D; font-family: Arial, Helvetica, Sans-Serif; color: #000000; font-size: 16px; text-align: left; border-top: solid thin #ffffff; padding-top: 0px; border-bottom: solid thin #ffffff; padding-left: 2px;}
.menuBottom {background-color: #ffffff; font-family: Arial, Helvetica, Sans-Serif; color: #000000; font-size: 16px; text-align: left; border-bottom: solid thin #ffffff; padding-top: 0px; border-right: solid thin #ffffff; border-left: solid thin #ffffff;}
.menuHover {background-color: #ddddcc; font-family: Arial, Helvetica, Sans-Serif; color: #000000; font-size: 16px; text-align: left; border-bottom: solid thin #ffffff; padding-top: 0px; border-right: solid thin #ffffff; border-left: solid thin #ffffff;}
.menu {width: 100%; padding-left: 5px;}