/*
* color guide
* 610B0B - Accent color 
* 444444 - Text color
* 002A5C - Dark blue
* 007DC3 - Light blue
*/

html, body { background-color: #EEE; margin: 0; padding: 0; }
p { padding: 0; margin-top: 1em; }
img { border: none; }

/*
* Force the font size for the h3 tag.  This be reworked so that
* the font size need not be set in this file.  Currently
* it is being set to override the base.css from Yahoo
*/
h3 { font-size: 1em; }

/*
* Used to set the style of the header tags
*/
h1, h2, h3, h4 { color: #007DC3; }
h1.dark, h2.dark, h3.dark, h4.dark { color: #002A5C; }
h1.no-color, h2.no-color, h3.no-color, h4.no-color { color: #444444; }

a { text-decoration: none; color: #007DC3; }
a:hover { text-decoration: underline; color: #002A5C; }
a:visited { text-decoration: none; color: #007DC3; }
a:visited:hover { text-decoration: underline; color: #002A5C; }

a.accent { color: #610B0B; white-space: nowrap; }
a.accent:visited { color: #610B0B; white-space: nowrap; }

/*
* Used to setup the general layout for a page
*/
#main-content-container { margin-left: auto; margin-right: auto; padding: .5em 0em 3em 0em; width: 964px; background-color: #FFFFFF; border-top: solid 3px #007DC3; overflow: auto; }
#main-content-container-spacer { margin-left: auto; margin-right: auto; width: 894px; }

#footer-content-container { background-color: #002A5C; color: #FFF; clear: both; font-size: small; margin-left: auto; margin-right: auto; overflow: auto; width: 964px; }
#footer-content-container-spacer { margin-left: auto; margin-right: auto; width: 894px; }
#footer-content-container a { color: #FFF; }
#footer-content-container a:visited { color: #FFF; }
#footer-content-container a:visited:hover { color: #FFF; }
#footer-content-container p { margin-top: 1.25em; margin-bottom: 1.25em; }

#footer-content-container #footer-left-column { float: left; width: 350px; }
#footer-content-container #footer-right-column { float: right; text-align: right; width: 544px; }

/*
* Used to setup the side and center content areas for a page with a side bar
*/
.side-bar-container { float: left; width: 28%; padding: 0; margin: 0; }
.side-bar-top { background-color: #EEE; border: solid 1px #AAA; border-bottom: none; padding: 1em 1em 2em 1em; }
.side-bar-bottom { background-color: #D8D8D8; border: solid 1px #AAA; border-top: none; padding: 1em; }
.side-bar-bottom-img { border: solid 1px #AAA; border-top: none; overflow: hidden; line-height: .5em; }

.content-bar-container { float: left; width: 72%; padding: 0; margin: 0; }
.content-bar { padding: 0em 0em 1em 2em; }


/* Help classes used to apply simple styling rules */
.bold { font-weight: bold; }
.align-right { text-align: right; }
.align-left { text-align: right; }
.align-center { text-align: center; }
.large-header { font-weight: bold; font-size: large; color: #000; }
.hr { border-bottom: solid 1px #aaa; clear: both; margin: .5em 0em; }
.float-overflow-fix { overflow: auto; }
.float-left { float: left; }
.float-right { float: right; }
.inline { display: inline; }
.no-top-spacing { margin-top: 0; padding-top: 0; }
.line-height-reset { line-height: 1em; }

/* 
*
* The following rules are used to help layout the top navigation menu as well as provide some
* of the styling in conjunction with the jQuery UI CSS framework classes
*
*/
.breadcrumbs-container { clear: both; padding: .7em 0em; }
.breadcrumbs { font-size: .7em; text-transform: uppercase; }
.breadcrumbs a { color: #444444; }
.breadcrumbs .menu-item-selected { font-weight: bolder; color: #610B0B; }
.menu-tool-bar { clear: both; overflow: auto; font-size: .9em; margin-top: 1em; }
.menu { margin: 0; padding: 0; }
.menu-item { cursor: pointer; float: left; font-size: .9em; list-style: none; padding: .5em 2em; }
.menu-item a { display: block; font-weight: bold; }
.menu-drop-down { display: none; margin: .5em -2em; padding: .5em; position: absolute; z-index: 9999; }
.menu-drop-down-item { clear: both; cursor: pointer; list-style: none; padding: .2em .3em; text-align: left; width: auto; font-weight: normal; }
.menu-drop-down-item a { display: block; font-weight: normal; }

/* menu state helpers */
.menu-item-selected { color: #000; font-weight: bold; color: #610B0B; }
.menu-drop-down-state-hover { border-bottom: solid 1px grey; border-top: solid 1px grey; background-color: #ddd; }
.menu-drop-down-state-default { border-bottom: solid 1px white; border-top: solid 1px white; }

/* 
    The drop down menus are inside a div that is given the "ui-widget-header" class.
    As such, the text color will default to white unless overriden here
*/
.menu-drop-down-state-hover a { color: #007dc3 !important; }
.menu-drop-down-state-default a { color: #000000 !important; }

/* The top border is not needed for the drop down menu */
.menu-drop-down { border-top: none !important; }

/* hide the border applied by the jQuery CSS framework */
.menu-item { border: none !important; }

/* used to hide the menu until it has been loaded to prevent flicker */
.hide-menu .menu { display: none; }
.hide-menu .menu-tool-bar { font-size: .9em; list-style: none; padding: .5em 1em; }
.hide-menu .menu-tool-bar:after { content: url(/Content/images/ajax-loader-small.gif); }

/* 
*
* The following rules are used to help layout the side navigation menu
*
*/
.side-menu { margin: 0px; }
.side-menu li { list-style: none; padding: .5em 0em; margin: 0; border-bottom: dotted 1px grey; }
.side-menu li:last-child { list-style: none; padding: .5em 0em; margin: 0; border-bottom: none; }
.side-menu-container { background: #EEE; border: solid 1px #666; }

/*
* Used for the hiring showcase box on the Careers page.
*/
.HiringShowcase { background-image: url("../images/star-full-small.png"); background-repeat: no-repeat; background-position: center; border-left: solid 1px #666; clear: both; padding-left: .5em; }

.popup a { text-decoration: underline; }