/*********** Home Estimate / Options **********/

.Tabs
{
   width: 180px;
   padding-right: 20px;
}

#ScrollableOptionSelector
{
   height: expression(window.document.body.offsetHeight - document.getElementById( 'BannerDiv' ).offsetHeight - 5);
   width: 217px;
   overflow: auto;
}

.Tabs DIV
{
}

.TabHeading
{
   font-size: 12px;
   background-color: Navy;
   color: White;
   padding: 5px;
   text-align: center;
   font-family: Arial;
   font-weight: bold;
   height: 20px;
}

.Tab
{
   font-size: 11px;
   color: white;
   background-color: #6699cc;
   padding: 2px 5px 2px 15px;
   font-family: Arial;
   font-weight: bold;
   height: 20px;
   cursor: hand;
}

.TabSelected
{
   font-size: 11px;
   background-position: 5px 6px;
   background-image: url(/JagoePortal/PortalFramework/Images/Jagoe/arrowLTR.gif);
   background-repeat: no-repeat;
   background-color: white;
   color: navy;
   padding: 2px 5px 2px 15px;
   font-family: Arial;
   font-weight: bold;
   height: 20px;
   cursor: hand;
}

.TabOver
{
   font-size: 11px;
   background-position: 5px 6px;
   background-image: url(/JagoePortal/PortalFramework/Images/Jagoe/arrowLTR.gif);
   background-repeat: no-repeat;
   background-color: #99cccc;
   color: navy;
   padding: 2px 5px 2px 15px;
   font-family: Arial;
   font-weight: bold;
   height: 20px;
   cursor: hand;
}
.OptionSummary
{
   font-family: Verdana;
   border: navy 1px solid;
   padding: 8px;
   font-size: 11px;
   width: 180px;
   color: navy;
   background-color: gainsboro;
}

.ProjectInfo
{
   width: 162px;
}

.ProjectInfoLabel
{
   font-weight: bold;
   font-family: Arial;
   font-size: 10px;
   vertical-align: top;
   text-align: right;
   color: Navy;
}

.ProjectInfoValue
{
   background-color: White;
   font-family: Arial;
   width: 162px;
   font-size: 10px;
   vertical-align: top;
}

.StrongProjectInfoLabel
{
   font-weight: bold;
   font-family: Arial;
   font-size: 11px;
   vertical-align: top;
   text-align: right;
   color: Navy;
}

.StrongProjectInfoValue
{
   background-color: White;
   font-family: Arial;
   width: 162px;
   font-size: 11px;
   vertical-align: top;
   font-weight: bold;
}

.SummaryLabel
{
   font-family: Arial;
   text-align: center;
   font-weight: bold;
   margin-top: 10px;
   font-size: 11px;
   padding-bottom: 3px;
}

.SummaryValue
{
   text-align: center;
}

.SummaryAmount
{
   font-size: 12px;
   width: 120px;
   color: navy;
   font-family: Arial;
   height: 20px;
   background-color: white;
   text-align: right;
   vertical-align: middle;
   padding: 3px;
   margin-left: 3px;
}

.LargeBoldHeader
{
	font-size:14px;
	font-weight:bold;
	font-family:Arial;
}

.Component
{
   border: gainsboro 1px solid;
   padding: 10px;
   font-size: 11px;
   margin: 10px;
   font-family: Arial;
}

.ComponentOptions
{
   font-size: 11px;
   font-family: Arial;
}

.CategoryName
{
   font-size: 14px;
   font-weight: bold;
   color: navy;
   cursor: hand;
}

.ComponentName
{
   font-size: 11px;
   font-weight: bold;
   color: navy;
   cursor: hand;
}

.OptionControl
{
   vertical-align: top;
   padding: 5px 10px 0px 10px;
}

.OptionName
{
   font-size: 11px;
   font-weight: normal;
   padding: 8px 0px 0px 0px;
   vertical-align: top;
   height: 20px;
}


.OptionMarketingText
{
	color:Green;
   font-size: 12px;
   font-weight: bold;
   font-style:italic;
   padding: 8px 0px 0px 0px;
   vertical-align: top;
   height: 20px;
}

.OptionPricing
{
   font-style: italic;
   padding-left: 10px;
}

.OptionPricingIncluded
{
   padding-left: 10px;
   color: green;
}

.OptionPopup
{
   font-family: Arial;
   text-align: center;
   margin-top: 10px;
   font-size: 12px;
   border: 1px solid #c0c0c0;
   padding: 10px;
}

.OptionPopup #btnYes, .OptionPopup #btnNo
{
   border: 1px solid #000;
   background-color: #ddd;
   width: 75px;
}

/************* Change Order Search **************/

.CustomSearch
{
   font-size: 10px;
   margin: 2px;
   font-family: Arial, Verdana;
}

.CustomSearch .Value
{
   font-family: Arial, Verdana;
   font-size: 10px;
   padding-left: 2px;
   padding-right: 8px;
   padding-bottom: 1px;
   padding-top: 1px;
   text-align: left;
}

.CustomSearch .Label
{
   vertical-align: middle;
   padding-top: 3px;
   padding-right: 1px;
   font-family: Arial, Verdana;
   font-size: 10px;
   text-align: right;
}

.CustomSearch .LabelCenter
{
   vertical-align: top;
   padding-top: 3px;
   padding-right: 1px;
   padding-left: 1px;
   font-family: Arial, Verdana;
   font-size: 10px;
   text-align: center;
}
.CustomSearch .LabelBottom
{
   vertical-align: bottom;
   padding-top: 3px;
   padding-right: 1px;
   padding-left: 1px;
   font-family: Arial, Verdana;
   font-size: 10px;
   text-align: Left;
}

.CustomSearch .LabelLeft
{
   vertical-align: top;
   padding-top: 3px;
   padding-right: 1px;
   padding-left: 1px;
   font-family: Arial, Verdana;
   font-size: 10px;
   text-align: left;
}

.CustomSearch .WebControl
{
   vertical-align: top;
   padding-top: 3px;
   padding-left: 1px;
   font-family: Arial, Verdana;
   font-size: 10px;
   text-align: left;
}
.CustomSearch .Button
{
   border-right: #000099 1px solid;
   padding-right: 2px;
   border-top: #000099 1px solid;
   padding-left: 2px;
   font-size: 10px;
   padding-bottom: 0px;
   border-left: #000099 1px solid;
   color: black;
   padding-top: 0px;
   border-bottom: #000099 1px solid;
   font-family: Arial, Verdana;
   text-align: center;
   cursor: hand;
   height: 18px;
}

.CustomSearch .ButtonSmall
{
   font-size: 10px;
   padding-bottom: 0px;
   color: black;
   padding-top: 0px;
   font-family: Arial, Verdana;
   text-align: center;
}

/************* Customer **************/

.CustomerInfo
{
   font-family: Arial;
}

.CustomerInfoWidth
{
   width: 80px;
}

.CustomerInfoLabel
{
   font-weight: bold;
   font-family: Arial;
   font-size: 10px;
   vertical-align: top;
   text-align: right;
   color: Navy;
}
.CustomerInfoLabelRight
{
   font-weight: bold;
   font-family: Arial;
   font-size: 10px;
   vertical-align: top;
   text-align: right;
   color: Black;
}

.CustomerLeft
{
   font-weight: bold;
   font-family: Arial;
   font-size: 10px;
   vertical-align: top;
   text-align: left;
   color: Black;
}
.CustomerInfoLabelLeft
{
   font-weight: bold;
   font-family: Arial;
   width: 162px;
   font-size: 10px;
   vertical-align: top;
   text-align: left;
   color: Black;
}

.CustomerInfoValue
{
   background-color: White;
   font-family: Arial; /*width: 162px;*/
   font-size: 10px;
   vertical-align: top;
}

.CustomerInfoValueLeft
{
   font-family: Arial;
   font-size: 11px;
   vertical-align: top;
   text-align: left;
   color: Navy;
}

.StrongCustomerInfoLabel
{
   font-weight: bold;
   font-family: Arial;
   font-size: 11px;
   vertical-align: top;
   text-align: right;
   color: Navy;
}

.StrongCustomerInfoLabelLeft
{
   font-weight: bold;
   font-family: Arial;
   font-size: 11px;
   vertical-align: top;
   text-align: left;
   color: Navy;
}

.StrongCustomerInfoValue
{
   background-color: White;
   font-family: Arial; /*width: 162px;*/
   font-size: 11px;
   vertical-align: top;
   font-weight: bold;
}

/******************* Contact Search ********************/
.Buttons
{
   border-top: gainsboro 1px solid;
   margin-top: 5px;
   padding-top: 5px;
}

.Buttons TD
{
   text-align: center;
}

.Results
{
   margin: 15px 10px;
   overflow: auto;
   height: 300px;
   width: 98%;
}

.Search
{
   font-size: 11px;
   margin: 5px;
   font-family: Arial, Verdana;
}