/* MasterBB.css */

/*
    Colors:
        #336699 - blue
        #ff9900 - orange
*/


/* General Purpose */

body 
{
    background-color: #666666;
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    margin: 0px;
}
input, select       /* These don't inherit from body */
{
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
}
td, p               /* These don't inherit from body */
{
    color: #666666;
}
img
{
    border: 0px;
}

.Normal
{
    font-weight: normal;
}
a
{
    color: #336699;
}
a:hover
{
    color: #ff9900;
}
h1
{
    font-size: 30px;
    font-weight: bold;
    margin: 0;
}
h2
{
    font-size: 16px;
    font-weight: bold;
    margin: 0px 0px 4px 0px;
}

.FloatLeft
{
    float: left;
}
.FloatRight
{
    float: right;
}
.ClearBoth              /* Use this to clear previous floating content. */
{
    clear: both;
}
.Pointer
{
    cursor: pointer;
}
.DisplayBlock
{
    display: block;
}
.DisplayNone
{
    display: none;
}

.MsgInfo
{
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}
.MsgWarn
{
	color: black;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}
.MsgError
{
	color: red;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}
.MsgInvalid					/* Same as error, but without the margins. */	
{
	color: Red;
	font-weight: bold;
}

/* General page layout */

#divBody
{
    margin: 0 auto;
    width: 1024px;
}
div.PageTop
{
    background-image: url(/img/top_metal_bg.gif);   /* Default, also the setting for asp pages. */
    background-repeat: no-repeat;
    height: 125px;
    position: relative;                 /* Reference for absolute top links. */
}
.PageLeft
{
    background-color: #b0b0b0;
    text-align: left;
    width: 185px;
}
.PageCenter
{
    padding-right: 10px;
    width: 628px;
}
.PageCenterWide                     /* Pages pending redesign to standard width. */
{
    padding-right: 10px;
    width: 680px;
}
.PageRight
{
    width: 125px;                   /* Pending reducing center width. */
}

/* General page content */

.PageContentTd
{
    background-color: white;
    width: 839px;                   /* Condition this for ie, due to PageContent padding. */
}
.PageContentTdAsp
{
    background-color: white;
    padding: 6px 8px 0px 8px;
    width: 839px;
}
.PageContent
{
    background-color: white;
    padding: 10px;
}
.PageContentHome
{
    background-color: white;
    padding: 2px 6px 10px 6px;
    width: 827px;                   /* width + padding = 839 */
}
.PageContentHomeCenter
{
    width: 680px;
}
.PageContentHeadingSide
{
    width: 125px;               /* Pending reducing center width. */
}
.PageContentHeading
{
    font-size: 30px;
    font-weight: bold;
    padding-top: 8px;
    width: 450px;
}
.PageContentHeadingWide
{
    font-size: 30px;
    font-weight: bold;
    padding-top: 8px;
    width: 600px;
}
.PageContentSubheading
{
    font-size: 20px;
    font-weight: bold;
    padding-top: 8px;
    width: 450px;
}
.PageContentSubheadingWide
{
    font-size: 20px;
    font-weight: bold;
    padding-top: 8px;
    width: 600px;
}
.PageContentHeadingText
{
    margin-top: 10px;
    width: 450px;
}
.PageContentHeadingTextWide
{
    margin-top: 10px;
    width: 600px;
}
.PageContentHeadingTextSmall
{
    font-size: 11px;
    margin-top: 4px;
    margin-left: 4px;       /* Avoid optical illusion that it sticks out to the left. */
    width: 600px;
}

/* Top */
.TopCorner1
{
    cursor: pointer;
    height: 125px;
    width: 160px;
}
.TopCorner2
{
    cursor: pointer;
    position: absolute;
    top: 50px;
    left: 160px;
    height: 75px;
    width: 150px;
}

/* Top Links */
.TopLinksRow1
{
    font-size: 12px;
    left: 560px;
    line-height: 20px;
    position: absolute;
    top: 4px;
    width: 460px;           /* For IE6, else wraps each word. */
}
.TopLinksRow1 a
{
    color: #ffffff;
}
.TopLinkSpace
{
    margin-right: 20px;
}
.TopLinksPhone
{
    position: absolute;
    top: 4px;
    left: 250px;
}
.TopLinksRow2
{
    left: 490px;
    position: absolute;
    top: 32px;
    width: 530px;
    vertical-align: middle;
}
.TopLinksRow2Rt
{
    float: left;
    margin-left: 10px;
}

.TopSearch
{
    left: 685px;
    position: absolute;
    top: 87px;
    width: 335px;           /* For IE6, else wraps the button. */
}
.TopSearchWatermark
{
    color: #999999;
    font-weight: bold;
}

/* Top Nav Bar */

.TopNavBarMenu          /* So bg extends all the way out. */
{
    background-color: #999999;
    height: 30px;
    width: 1024px;
}

/* Left */

.LeftSectionHeader
{
    background-image: url(/img/left_heading_185.gif);
    background-repeat: no-repeat;
    color: #cc6600;
    font-size: 0.9em;
    font-style: italic;
    font-weight: bold;
    height: 34px;
    padding-left: 10px;
}
.LeftSectionHeader span
{
    font-family: Arial, Helvetica, sans-serif;
    position: relative;
    top: 10px;                   /* This is instead of padding, which increases the div height. */
}
.LeftSectionHeader a
{
    color: #cc6600;
    text-decoration: none;
}
.LeftSectionHeader a:hover
{
    color: #ff9900;
}
.LeftSectionBar
{
    background-image: url(/img/left_bar_185.gif);
    background-repeat: no-repeat;
}

.LeftUser
{
    background-color: #d0d0d0;
    border-bottom: 2px solid #909090;
    font-size: 0.8em;
    padding: 2px 0px 4px 10px;
    text-align: left;
}
.LeftUser p
{
    margin: 0px;
}
.LeftUser span
{
    font-weight: bold;
    margin: 0px 0px 2px 0px;
}
.LeftUser ul
{
    font-family: Arial, Helvetica, sans-serif;
    list-style-type: none;
    margin: 0px;                /* margin for IE, padding for FF */
    padding: 0px;
}
.LeftUser li.Logout
{
    margin-bottom: 4px;
}

.LeftListsTitle
{
    background-color: #e0e0e0;
    font-size: 11px;
    font-weight: bold;
    padding: 8px 0px 0px 10px;
}
.LeftListsTitle a
{
    color: #666666;
    text-decoration: none;
}
.LeftListsHeading
{
    border-bottom: 1px solid #909090;
    font-size: 11px;
    padding-top: 4px;               /* Padding vs margin is due to background color and border reach. */
    margin: 0px 10px 0px 10px;
}
.LeftLists
{
    background-color: #e0e0e0;
    border-bottom: 2px solid #909090;
    font-size: 0.8em;
    font-weight: normal;
}
.LeftLists ul
{
    list-style-type: none;
    margin: 0px 0px 0px 20px;
    text-indent: -10px;
    padding: 4px 0px 8px 0px;
}
.LeftLists ul li
{
    margin-bottom: 2px;             /* Both are working in IE, only one in FF. Balance them. */
    padding-bottom: 2px;
}
.LeftListsEdit
{
     padding-bottom: 6px;
     text-align: center;
}

.LeftMachinesTitle
{
    background-color: #e0e0e0;
    font-size: 0.8em;
    font-weight: bold;
    padding: 8px 0px 0px 10px;
}
.LeftMachinesTitle a
{
    color: #666666;
    text-decoration: none;
}
.LeftMachines
{
    background-color: #e0e0e0;
    font-size: 0.8em;
    font-weight: normal;
}
.LeftMachines ul
{
    list-style-type: none;
    margin: 0px 0px 0px 20px;
    text-indent: -10px;
    padding: 0px 0px 8px 0px;
}
.LeftMachines ul li
{
    margin-bottom: 2px;             /* Both are working in IE, only one in FF. Balance them. */
    padding-bottom: 2px;
}
.LeftMachinesEdit
{
     padding-bottom: 6px;
     text-align: center;
}

.LeftDept
{
    background-color: #b0b0b0;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    font-weight: bold;
    text-align: left;
}
.LeftDept ul
{
    list-style-type: none;
    margin: 0px;                /* margin for IE, padding for FF */
    padding: 0px;
}
.LeftDept ul li
{
    border-bottom: 2px solid #909090;
    padding: 0px 0px 2px 10px;
}
.LeftDept a
{
    color: white;
    padding: 1px 0px 1px 0px;       /* For hover bg height */
    text-decoration: none;
}
.LeftDept a:hover
{
    color: #ff9900;
}

.LeftBrand
{
    background-color: #e0e0e0;
    font-size: 0.8em;
    font-weight: normal;
    height: 175px;
    overflow: auto;
}
.LeftBrand ul
{
    list-style-type: none;
    margin: 0px 0px 20px 10px;          /* margin for IE, padding for FF */
    padding: 0px;
}
.LeftBrand ul li
{
    padding-top: 4px;
}
.LeftBrand a
{
    color: black;
    padding: 2px 0px 2px 0px;       /* For hover bg height */
    text-decoration: none;
}
.LeftBrand a:hover
{
    color: #ff9900;
}

.LeftPages
{
    background-color: #b0b0b0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    padding: 2px 10px 2px 10px;
}
.LeftPages ul
{
    list-style-type: none;
    margin: 0px;                /* margin for IE, padding for FF */
    padding: 0px;
}
.LeftPages ul li
{

}
.LeftPages a
{
    color: white;
    font-weight: bold;
}
.LeftPages a:hover
{
    color: #ff9900;
}

.LeftBottom
{
    background-color: #b0b0b0;
    padding-bottom: 50px;
}

/* 
    Bottom
        Bottom icons clears left to start a new line.
 */
.BottomLinks
{
    clear: left;            /* Start a new row below the shop boxes. */
    margin: 0;
    overflow: hidden;
}
.BottomLinks ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.BottomLinks li
{
    color: #666666;
    float: left;
    font-size: 10px;
    margin: 0;
    padding: 0;
}
.BottomLinks a
{
    color: #666666;
    font-size: 10px;
    margin-left: 3px;
    margin-right: 3px;
}
.BottomLinks a:hover
{
    color: #ff9900;			/* Without this FF wouldn't color the links inside the li */
}

.BottomIcons
{
    clear: left;
    float: left;
    position: relative;
}

.BottomIcons img
{
    margin-left: 5px;
    vertical-align: middle;
}

.BottomBlurb
{
    margin-top: 20px;
    text-align: justify;
}

/* Footnotes */
.FootnoteStd
{
    margin-top: 12px;
}
.FootnoteSpace
{
    margin-top: 60px;
}
.Footnote
{
    font-size: x-small;
    text-align: center;
    width: 600px;
}

/* Popup Help */
.HelpImage
{
    cursor: pointer;
    height: 20px;
    width: 19px;
}
.HelpButton
{
    font-size: 11px;
}
.HelpButtonLG
{
    font-size: 16px;
    font-weight: bold;
}
.HelpButton span, .HelpButtonLG span
{
    color: #336699;
    cursor: pointer;
    text-decoration: underline;
}
.HelpButton span.HelpButtonOver, .HelpButtonLG span.HelpButtonOver
{
    color: #ff9900;
}

.HelpPopup
{
    border: 2px solid #666666;
    background-color: #ffffc0;
    padding: 10px 10px 0px 10px;
    text-align: left;
    position: absolute;     /* Keeps it from taking space during load. */
    width: 500px;
    visibility: hidden;     /* Keeps it from flickering into view during load. */
    z-index: 1;             /* Keep in front of assy tabs. */
}
.HelpClose
{
    font-size: 11px;
    text-align: right;
}
.HelpPopup p
{
    margin-top: 6px;
    margin-bottom: 12px;
}
.HelpHeading span           /* For some reason, font-size is having no effect on the outer p tag. */
{
    font-size: 16px;
    font-weight: bold;
}
.HelpQuickTip
{
    font-size: 16px;
    margin-left: 80px;
    text-indent: -80px;
}
.HelpQuickTip span
{
    font-style: italic;
    font-weight: bold;
}
.HelpLink a
{
    font-size: 12px;
    font-weight: bold;
}
.HelpFooter
{
    font-size: 11px;
    margin-top: 30px;
    margin-bottom: 6px;
    text-align: center;
}


/* Site feedback control */

.FeedbackLabel
{
  cursor: pointer;
}

.FeedbackLabel span
{
  color: #336699;
  font-size: 12px; 
  font-weight : bold;
}

.FeedbackLabel span.ButtonOver
{
  color: #ff9900;
}


.FeedbackPopup
{
  background-image:url(/img/popupBG.png);
  width: 420px;
  height: 190px;
  border: 1px solid #333333;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 8px;
}

.FeedbackPopup .title
{
  float: left;
  font-size: 13px; 
  font-weight: bold;
}

.FeedbackPopup .closebutton
{
  float: right; 
  vertical-align : top;
}

.FeedbackPopup .textarea
{
  width: 400px;
}

.FeedbackPopup .sendbutton
{
  padding-top : 10px;
  padding-right : 17px;
  float : right;
}

.FeedbackPopup .logoimage
{
  padding-top : 5px;
  float: left; 
}

.divFeedBack
{
  padding-left : 20px;
  padding-top : 20px; 
  padding-bottom : 30px;
}