/* UL.com
   Supplemental CSS */

/* Plain element styling (undoing reset.css) */
em {
    font-style: italic;
}

/* TinyMCE output styling */
.tinymce span {
    display: inline !important;
}

.tinymce span.google-src-text {
  display: none !important;
}

.tinymce strong, .tinymce b {
    font-weight: bold !important;
}

.tinymce em, .tinymce i {
    font-style: italic !important;
}

.tinymce u {
    text-decoration: underline !important;
}

.tinymce .right_promo_workaround {
    position: absolute;
    top: 350px;
    left: 770px;
}

.tinymce h1, .tinymce h2, .tinymce h3, .tinymce h4, .tinymce h5, .tinymce h6 {
    font-family: arial, sans-serif !important;
    font-weight: normal !important;
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
    line-height: 100% !important;
}

.tinymce h1 {
    font-size: 15pt !important;
		color: #ff0000;
}

.tinymce h2 {
    font-size: 14pt !important;
		padding-top: 12pt;
}

.tinymce h3 {
    font-size: 11pt !important;
    font-weight: bold !important;
		padding-top: 12pt;
}

.tinymce h4, .tinymce h5, .tinymce h6 {
    font-size: 10pt !important;
    font-weight: bold !important;
}

.tinymce p {
    margin-top: 1em !important;
    margin-bottom: 1em !important;
}

.tinymce a {
    text-decoration: underline !important;
}

.tinymce ul, .tinymce ol {
    list-style-image: none !important;
    list-style-position: outside !important;
    margin-top : 1em !important;
    margin-bottom: 1em !important;
}

/* For the sitemap, we need extra spacing after the lists */
.tinymce ul.sitemap {
    margin-bottom: 1em !important;
    list-style-position: inside !important;
    list-style-type: disc !important;
    direction: ltr !important;
    text-align: left !important;
    margin-left: 0 !important;
    margin-top : 0 !important;
}

.tinymce li.sitemap {
    direction: ltr !important;
    text-align: left !important;
}

.tinymce ul {
    list-style-type: disc !important;
    margin-left: 1em !important;
}

.tinymce ol {
    list-style-type: decimal !important;
    margin-left: 2em !important;
}

.tinymce li {
    margin-left: 1em !important;
}

.tinymce blockquote {
    margin-left: 2em !important;
}

.tinymce sup {
    font-size: 0.8em !important;
    vertical-align: super !important;
}

.tinymce sub {
    font-size: 0.8em !important;
    vertical-align: sub !important;
}

.tinymce .img_right {
    float: right !important;
}

.tinymce .img_left {
    float: left !important;
}

/* TinyMCE Plain Table */
.tinymce table.ulPlainTable td {
    padding: 4px;
}

/* Style the various special headings */
.pageTitle {
    color: #f00 !important;
    font-family: "arial narrow", arial, sans-serif !important;
    font-weight: normal !important;
    font-size: 16pt !important;
    /* margin-top: -5px !important; */
    padding-bottom: 15px !important;
    height: auto !important;
    line-height: 100% !important;
}

.ulContentTitle {
    color: #FF0000 !important;
    font-family: "arial narrow", arial, sans-serif !important;
    font-weight: normal !important;
    font-size: 16pt !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    height: auto !important;
    line-height: 100% !important;
}


.ulFeatureHeading {
    color: #f00 !important;
    font-family: "arial narrow", arial, sans-serif !important;
    font-weight: normal !important;
    font-size: 16pt !important;
    line-height: 100% !important;
}


/* Make the language-links on the UL Worldwide page italic */
div.worldwide dl.locationLanguage a {
    font-style: italic;
}

/* Enhancement UL88: Add more spaces in DD/DT lists */
div.contentBlock dl.faq dt.faq {
    margin-top: 5px;
}

/* Enhancement UL88: Add more spaces in DD/DT lists */
div.contentBlock dl.faq dd.faq {
    margin-top: 5px;
	margin-left: 2em;
}

/* Defect UL122: Make the selected subnav arrow red */
#subNavList ul.linkList li.current {
    background: url(../images/iconsbullets/bullet-e.gif) no-repeat left 4px;
}

/* Defect UL122: Make the selected subnav item red */
#subNavList ul.linkList li.current a {
    color: #ff0000;
}

/* Defect UL157: Highlight days with events */
table.jCalendar td.event {
  color: #ffcc33;
}

/* Defect UL157: Highlight days with events, but not from wrong month */
table.jCalendar td.event.other-month {
  color: #3c3a3c;
}

/* Defect UL162: Make the events list have a white background */
#mainContent div.eventsList {
    height: auto !important;
    background: #fff !important;
}

/* Defect UL162: Since the events list has a white background, the text needs to lighten up */
#mainContent div.eventsList dd.allEvents a {
  color: #333333;
}

#mainContent div.eventsList dt a {
  color: #FF0000;
}

/* Modify page number link styling on search page */
div.searchresults div.pcLabel {
    float: left;
}

div.searchresults div.pcNums {
    float: right;
    width: 310px;
}

div.searchresults a.pageNum {
    margin-bottom: 3px;
}

/* Style the collection drop down on the search page */
fieldset#ulSearchBar input.searchPhrase {
    width: 328px !important;
    background: transparent url(../images/trim/bg-text-field-ulsearch.gif) no-repeat scroll 8px 0;
}

#searchBarSite {
    float: left;
    margin-right: 5px;
    width: 185px;
}

#searchBarSite_input {
    margin-top: -1px;
    margin-right: 5px;
}

#ulSearchBar {
    margin-top: 15px;
	width: 690px;
}

#searchBarSite_container.selectbox-wrapper {
	margin-top: -1px;
	/* margin-left: 352px; */
}

fieldset#ulSearchBar .searchCollections {
    float: right;
}

/* Style the help text displayed for a no-result search query */
div.searchresults div.searchHelp {
    margin-top: 20px;
    margin-bottom: 30px;
}

div.searchresults div.searchHelp ul {
    list-style-type: disc;
    margin-bottom: 10px;
}

div.searchresults div.searchHelp li {
    color: #666;
    margin-left: 2em;
}

/* Fix IE6 phantom text bug by overriding this rule from global.css
  and removing the float: left */
.searchResults .result {
    float: none !important;
}

/* Give tag clouds a bottom margin so they don't crowd the UL worldwide image */
#sectionControls .tagCloud {
    margin-bottom: 25px !important;
}

/* Style native dropdowns */
select.styleNative {
    color: #000 !important;
    background: #CCC !important;
    height: auto !important;
    width: 179px !important;
    float: none !important;
    margin-bottom: 5px !important;
    padding: 2px !important;
    border: none !important;
}

/* Fix perspective dropdown width */
#perspective_input  {
  width: 424px;
}
#perspective_container.selectbox-wrapper {
  margin-top: -25px;
}
fieldset.dropdown.xwide #perspective_container.selectbox-wrapper {
  margin-top: -26px;
}
#industry_input  {
  width: 424px;
}
#industry_container.selectbox-wrapper {
  margin-top: -25px;
}
fieldset.dropdown.xwide #industry_container.selectbox-wrapper {
  margin-top: -26px;
}

/* Fix validation error labels on contact us page */
div#main.contactus label.error {
    width: auto !important;
    float: none !important;
}

/* Fix center promo alignment */
.promoBlock {
    margin-bottom: 10px !important;
    float: none !important;
    height: 84px !important;
}

#mainContent #conjoinedColumns .contentBlock

#mainContent .promoBlock .hangingBlock.pullquote {
    margin-bottom: 0 !important;
}

#socialBookmark h3 {
		text-align: left !important;
		margin-right: 50px !important;
}

/* Fix social bookmark overlap */
#socialBookmark {
    margin-top: -42px !important;
		float: right !important;
    left: 765px !important;
    width: auto !important;
    z-index: auto !important; 
}

/* Change how the bottom margins work for conjoined column pages */
#mainContent #conjoinedColumns .contentBlock {
    margin-top: 0 !important;
}

#mainContent #conjoinedColumns .stylizedWrapper {
    margin-bottom: 10px !important;
}

/* Style the info div of location information on contact us */
.contactus_info {
    margin-top: 1em;
}

.contactus_info h1, .contactus_info h2, .contactus_info h3, .contactus_info h4 {
    font-weight: bold;
}

/* Style the text in textareas */
fieldset.textarea textarea {
    font-family: arial, sans-serif !important;
    font-size: 10pt !important;
}

/* History page styling */
div#main.history #degradedHistory {
    margin-top: 20px;
    margin-bottom: 44px;
}

div#main.history object#timeline {
    margin-bottom: 54px;
}

/* Style search info text for GSA result pages */
.searchInfo {
    color: #000 !important;
    font-style: italic !important;
    font-weight: bold !important;
}

.searchInfo a {
    text-decoration: underline !important;
}

/* Fix top nav menu items that aren't links but have children */
.ul_menu_item {
    float: left;
    height: 100%;
    margin-left: -10px;
    padding-left: 10px;
    width: 138px;
}

/* Modify styles for advanced solution finder list boxes */
form#adv-sf-form fieldset.listbox select {
    width: 181px !important;
    font-family: verdana, arial, sans-serif !important;
    font-size: 11px !important;
}

form#adv-sf-form fieldset.listbox select option {
    height: auto !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

/* Primary column needs to be the same width as hero images */
#mainContent #primaryColumn {
    width: 454px !important;
}

/* ...but not on conjoined-column pages */
#mainContent #conjoinedColumns #primaryColumn {
    width: 430px !important;
}

/* ...and it needs to be different on the careers page */
#main.careers #mainContent #conjoinedColumns #primaryColumn {
    width: 450px !important;
}

/* ...same for the advanced solution finder page */
#main.solutionresults #mainContent #conjoinedColumns #primaryColumn {
    width: 450px !important;
}

/* Fix crazy IE6 disappearing-text bug */
.sideBar {
    float: left !important;
    width: 180px !important;
}

.sideBar h3 {
	font-size: 10pt !important;
}

/* The fix above made the RSS image on UL news go crazy, here's a fix for that */
.sideBar .relatedLink {
    width: auto !important;
}

/* Give feature box links some extra spacing */
#mainContent #primaryColumn ul.relatedLinks li {
    margin-bottom: 5px !important;
    margin-right: 10px !important;
    width: 140px;
}

/* Main landing needs UL worldwide icon */
#ml_worldwide #worldwide_banner {
    margin-top: -197px !important;
}

/* Move social networking icons to the bottom z-index */
#socialBookmark a {
    z-index: auto !important; 
    /* This made them unclickable in Firefox... this is worked-around by the
      fix below anyway
    z-index: -1000 !important; */
}

/* Make sure there is some margin above social networking (for right-widget
  dropdowns and such) */
#secondaryColumn {
    padding-bottom: 180px !important;
}

/* Fix table styles to work with TinyMCE */
table.sectionTable {
    border-collapse: separate;
}

table.sectionTable tr.headerBack {
    background: transparent url(../images/backgrounds/bg-header-row-tiled-nofade.gif) top left !important; 
    border-bottom: none !important;
}

table.sectionTable tr.headerBack td {
    background: transparent !important;
    font-weight: bold;
    border-bottom: 1px solid #fff !important;
    border-right: none !important;
}

/* Pasting tables from Word into TinyMce seems to add p tags to table cells */
.tinymce table p {
    color: #000 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

table.sectionTable td.subHeadAlt {
    text-align: left !important;
}

/* Make entering tables in TinyMCE easier */
.tinymce table tr.rowAlt td {
    background: #f7f6f6;
}

.tinymce table tr.rowAlt td.subHead {
    background: #e7e6e6;
}

/* Fix styling of events promos */
#mainContent div.eventsList dd.allEvents {
    position: relative !important;
}

/* Style the news item page */
.news_date_loc {
    font-weight: bold;
}

/* Increase font size in the search box */
#mainContent #searchControl input.text {
    font-size: 11px !important;
}

/* Style left text promo */
.left_text_promo {
    text-align: left !important;
		margin-right: 15px;
}

.leftBottomBannerSpacer {
    height: 110px !important;
}

/* Style "powered by" icon on search page */
.search_poweredby {
    text-align: right;
    /*position: relative;
    top: -20px;
    z-index: -1000;*/
}

/* Fix image-less feature box styling */
.callout {
    width: 450px !important;
}

/* Gray page margins */
body {
    background-color: #eee;
}

#siteContainer {
    background-color: #fff !important;
    padding-left: 17px;
    padding-right: 17px;
    width: 971px !important;
}

#mainContent {
    padding-right: 0 !important;
}

#disclaimer {
    margin: 5px 0 0 0;
    padding: 0 0 5px 0;
}

/* Support long breadcrumbs */
#mainContent #docBar {
    height: auto !important;
    margin-bottom: 12px !important;
}

/* Allow for multi-line top-nav items */
#mainContent ul#topNav li ul li {
    height: auto;
    min-height: 18px;
    padding-top: 0 !important;
}

/* Allow for multi-line items in styled dropdowns */
.selectbox-wrapper ul li.firstOption {
    height: 20px !important;
}

.selectbox-wrapper ul li {
    height: auto !important;
    padding-bottom: 5px;
}

.dropdown .selectbox-wrapper ul li {
    padding: 3px 0 5px 7px;
}

/* Right-promos need IE6 position fixes normally applied by .sideBar */
#secondaryColumn .textBlurbLink {
    float: left !important;
}

/* History flash has its own red-line at the top */
#main.history #mainContent #conjoinedColumns {
    //border: none !important;
}

/* Style search keymatches */
.keymatch {
    background-color: #ddd;
    padding: 4px;
    margin-bottom: 15px;
}

.keymatch a {
    font-weight: bold;
    text-decoration: underline;
}

/* Style search oneboxes */
.onebox_result {
    background-color: #ddd;
    padding: 4px;
    margin-bottom: 15px;
}

.onebox_result a {
    font-weight: bold;
    text-decoration: underline;
}

/* Fix the spacing on the main landing page */
#splash {
	/*margin-left: 242px;*/
}

#sectionControls.layered {
    width: 257px !important;
}

#sectionControls.layered #headLogo {
    margin-bottom: 15px;
}

#sectionControls.layered .railSleeve {
    margin-left: 15px;
}

/* DE removed - placed in global.css  */
/* #main.landing ul.headerLinks {
      margin-left: 647px;
      margin-top: 15px;
      margin-left: 0 !important;
      margin-right: 5px;  
      margin-top: 15px !important;
      position: relative !important;
} 
*/

#main.landing #degradedSplash #rightColumn {
    margin-left: 15px;
    padding-left: 0;
}

/* Gray margins fix for main landing */
body.landing {
    background-color: #fff;
}

#main.landing {
    width: 971px !important;
}

#main.landing #disclaimer {
    margin-top: 664px;
}

/* Fix spacing in top-nav */
#mainContent ul#topNav a {
    padding-bottom: 6px !important;
}

/* Change styling for degraded main landing content */
#degradedSplash #rightColumn #choosePerspective ul {
    background-color: transparent !important;
    font-weight: bold;
}

/* Allow for more spacing on UL Worldwide */
#conjoinedColumns dl.lastLocation {
    margin-right: 0 !important;
}

#sectionControls #userLoginCollapsed a {
    padding-top: 8px !important;
}

#sectionControls #userLoginExpanded {
    padding-top: 8px !important;
  height: 112px !important;
}

#sectionControls #userLoginExpanded.degraded {
  height: 122px !important;
}

#sectionControls #userLoginExpanded.degraded .relatedLinks {
	float: left !important;
  margin-left: 15px !important;
  margin-top: 2px !important;
}

/* Fix spacing on search page */
#main.searchresults #conjoinedColumns #primaryColumn {
    margin-top: 20px !important;
}

#main.searchresults #conjoinedColumns #secondaryColumn {
    margin-top: 20px !important;
    padding-top: 0 !important;
}

#main.searchresults .searchResults {
    margin-top: 0 !important;
}

/* Fix wide iframe page */
div#conjoinedColumns .iframe iframe {
    width: 690px !important;
}

/* UL411: Static version of myhome login just in case */
#sectionControls #userLoginStatic {
  width: 227px;
  height: 29px;
  margin-bottom: 15px;
  display: block;
}

#sectionControls #userLoginStatic a {
  width: 217px;
  height: 26px;
  background: url(../images/buttons/action-button-bg.gif) no-repeat left top;
  float: left;
  display: inline;
  text-decoration: none;
  padding-top: 8px;
  padding-left: 10px;
}

/* Border for textareas */
fieldset.textarea textarea {
	background-image: none;
	padding: 0;
	margin: 5px;
	overflow: auto;
}

fieldset.textarea .textarea_border {
	height: 111px;
	width: 430px;
	background: url(../images/trim/bg-textarea.gif) no-repeat;
}

/* Border for input fields */
#searchControl .input_border {
	height: 20px;
	width: 175px;
	background: url(../images/trim/bg-search-field.gif) no-repeat;
}

#searchControl input.text {
	height: 12px !important;
	width: 167px !important;
	margin: 4px !important;
	padding: 0 !important;
	background-image: none !important;
}

/* Bullet types for sitemap page */
.tinymce ul.sitemap li {
	list-style-type: disc;
}
.tinymce ul.sitemap li ul li {
	list-style-type: circle;
}
.tinymce ul.sitemap li ul li ul li {
	list-style-type: square;
}
.tinymce ul.sitemap li ul li ul li ul li {
	list-style-type: disc;
}

#green #sectionControls h1.welcome {
	background: url(../images/text/txt-welcome-to-ul-env.gif) no-repeat;
	width: 225px;
	height: 35px;
	margin-bottom: 10px;
}

#green .tinymce h1 {
	color: #55a61d;
}

#green .pageTitle {
	color: #55a61d !important;
	margin-top: 45px !important;
}

#green .ulContentTitle {
    color: #55a61d !important;
}

#green .ulFeatureHeading {
    color: #55a61d !important;
}

#green #subNavList ul.linkList li.current {
    background: url(../images/iconsbullets/bullet-a.gif) no-repeat left 4px;
}

#green #subNavList ul.linkList li.current a {
    color: #333333;
    font-weight: bold;
}

#green #primaryColumn {
	border-top: 2px solid #55a61d;
}

#green #conjoinedColumns {
	border-top: 2px solid #55a61d;
}

#green #breadcrumbs .current {
	color: #55a61d;
}

#green .tinymce a {
    text-decoration: underline !important;
	color: #55a61d;
}

#green #envfooter {
	width: 971px;
	height: 75px;
	margin: 0;
	float: left;
	background: url(../images/trim/bg-ulefooter.gif) no-repeat 0 top;
	padding: 0;
}

#green #envfooter ul.footerLinks {
	margin-left: 30px;
	margin-top: 29px;
	float: left;
}

#green #envfooter ul.footerLinks li {
	float: left;
	font-weight: bold;
	color: #ffffff;
	margin-right: 30px;
	font-size: 11px;
	background: url(../images/iconsbullets/bullet-f.gif) no-repeat left 6px;
	padding-left: 10px;
}

#green #envfooter ul.footerLinks li a {
	color: #ffffff;
}

#green #envfooter #footLogo {
	float: right;
	margin-top: 7px;
	margin-right: 30px;
}

#green #sectionControls h1 {
	Display: none;
}