/* Define the default first */
/******* em Text Delaration Start *******/
/* Setup Font Family and Size Correctly First. Default(Medium) Font Size is 16px on all browsers */
body *
{
font-size: 101%; /* for IE bug */
font-family: Arial, Verdana, Helvetica, sans-serif;
}
/* Reduce the font size to 68.8% or 11px size
100% = 16
11/16 x 100
*/
body{ font-size: 12px; }
/* IE can’t read this */
html>body { font-size: 12px;}
/* Ensure forms and tables inherit the correct size */
table, input, select, th, td, textarea { font-size: 1em; }
/* Ensure nested elements inherit the correct size */
ol, ul, li li, li p, td p, blockquote p, div div { font-size: 1em; }
table table td { font-size: 0.95em; }
/* child pixels / parent pixels = child ems
Example(19px for h1) : 19 (child pixels) / 11 (parent pixels) = 1.73
*/
/******* em Text Delaration End *******/
body {margin: 0; padding: 0; background-color: #BDBDBD; }
form, input * {margin: 0; padding:0;}
img {border: 0;}
th {font-weight: normal;}
#container { font-size: 1em; width: 980px; margin: 0 auto; clear: both; background-color: #fff; }
#header { background: url(header_bg.gif) repeat-x; height: 165px; position: relative; }
#headerLogo { height: 76px; background: url(unionsteel_logo.gif) no-repeat; position: relative; }
#headerLogo a { display: block; width: 356px; height: 76px; text-indent: -1000em; position: relative; float: left; }
/**** Main Menu ****/
#headerMenu { width: 980px; clear: both; height: 20px; padding-top: 23px; }
#mainNav {list-style: none; padding: 0; margin: 0; }
#mainNav li {float: left; }
#mainNavHome a {width: 121px; height:20px; background:url(nav_home.gif) no-repeat; display:block; float:left;}
#mainNavHome a:hover {display:block; background-position: 100% 100%;}
#mainNavHome a.selected {display:block; background-position: 100% 100%;}
#mainNavAboutUnionSteel a {width:175px; height:20px; background:url(nav_about.gif) no-repeat; display:block; float:left; }
#mainNavAboutUnionSteel a:hover {display:block; background-position: 0% 100%;}
#mainNavAboutUnionSteel a.selected {display:block; background-position: 0% 100%;}
#mainNavProductAndServices a {width:216px; height:20px; background:url(nav_products.gif) no-repeat; display:block; float:left;}
#mainNavProductAndServices a:hover {display:block; background-position: 0% 100%;}
#mainNavProductAndServices a.selected {display:block; background-position: 0% 100%;}
#mainNavInvestorRelations a {width:192px; height:20px; background:url(nav_ir.gif) no-repeat; display:block; float:left;}
#mainNavInvestorRelations a:hover {display:block; background-position: 0% 100%;}
#mainNavInvestorRelations a.selected {display:block; background-position: 0% 100%;}
#mainNavCareers a {width:107px; height:20px; background:url(nav_careers.gif) no-repeat; display:block; float:left;}
#mainNavCareers a:hover {display:block; background-position: 0% 100%;}
mainNavCareers a.selected {display:block; background-position: 0% 100%;}
#mainNavContactUs a {width:169px; height:20px; background:url(nav_contact.gif) no-repeat; display:block; float:left;}
#mainNavContactUs a:hover {display:block; background-position: 0% 100%;}
#mainNavContactUs a.selected {display:block; background-position: 0% 100%;}
/***********************************************************************/
.min_height { clear: both; height: 7px; }
#sidebar { float:left; border: 1px solid #CBCBCB; width: 220px; margin-left: 25px; margin-bottom: 20px; }
* html #sidebar { margin-left: 12.5px; }
/**** subNav ****/
#ir_menu {list-style: none; margin: 0; font-family: Arial; padding: 0 15px 15px 15px; } /* general menu style */
#ir_menu ul { list-style: none; padding: 0; margin: 0; } /* reset bullet for sub menu */
#ir_menu li {background: url(bullet.gif) no-repeat left 13px; padding: 10px 0 3px 15px; color: #000; font-weight: bold; font-size: 13px; color: #646464; border-bottom: 1px dotted #7a7a7a; font-family: Arial; } /* apply to all li elements - mainly for group header */
#ir_menu ul li {background: none; padding: 0; color: #8c8d8e; font-weight: normal; font-size: 11px; border: none; } /* reset li elements to control sub menu */
#ir_menu a { color: #646464; } /* apply to all elements - mainly for group header */
#ir_menu ul a {color: #8c8d8e; } /* reset elements to control sub menu */
#ir_menu li.selected {background: url(bullet_o.gif) no-repeat left 13px; color: #646464; } /* for selected main menu */
#ir_menu li.selected a {color: #646464;} /* for selected main menu with hyperlink */
#ir_menu li.selected ul a {color: #8c8d8e;} /* reset for unselected sub menu in a selected group */
#ir_menu li.selected .selected {background: none; color: #d92027; text-decoration: none;} /* for selected sub menu */
#ir_menu li.selected .selected a {color: #234e78; text-decoration: none;} /* for selected sub menu with hyperlink */
#ir_menu li.selected { background: url(bullet_o.gif) no-repeat left 13px; margin: 0; padding:0; padding: 10px 0 3px 15px; }
/**** Main Menu ****/
#sectionTitleAboutUs { width: 205px; height: 29px; background: url(header_aboutUnionSteel.gif) no-repeat; padding:0; margin: 0; margin-left: 7px; margin-top: 11px; }
#sectionTitleProductsServices { width: 205px; height: 29px; background: url(header_product_services.gif) no-repeat; padding:0; margin: 0; margin-left: 7px; margin-top: 11px; }
#sectionTitleCareers { width: 205px; height: 29px; background: url(header_aboutUnionSteel.gif) no-repeat; padding:0; margin: 0; margin-left: 7px; margin-top: 11px; }
#sectionTitleContact { width: 205px; height: 29px; background: url(header_aboutUnionSteel.gif) no-repeat; padding:0; margin: 0; margin-left: 7px; margin-top: 11px; }
/***********************************************************************/
/**** Home ****/
img.ir_spacerRight {margin-right:10px;}
img.ir_spacerLeft {margin-left:10px;}
.si_left {text-align:left;}
.si_right {text-align:right;}
#home #headerFlashBanner { height: 253px; padding-left: 25px; padding-bottom: 12px; float: left; }
#home #headerFlashBanner .main_logo { float: left; width: 347px; }
#content { color: #333333; float:right; width:689px; padding-right: 24px; text-align: justify; padding-bottom: 15px; }
#home #content { width: 955px; height: 250px;}
#home_subcontainerA { width: 329px; padding-left: 25px; float:left; }
#home_subcontainerB { width: 313px; padding-left: 39px; float:left; }
#home_subcontainerc { width: 245px; float:left; }
#home_subcontainerLine { width: 19px; float:left; padding-top: 11px; }
p.readMore {background:transparent url(icon_more.gif) no-repeat scroll right 70%; padding-right:15px; text-align:right; }
.readMore a:link {color: #0064A1; text-decoration: none;}
.readMore a:visited {color: #0064A1; text-decoration: none;}
.readMore a:hover {color: #0064A1; text-decoration: none;}
#home #sidebar { padding: 0; margin:0; border: none; }
#search #sidebar { padding: 0; margin:0; border: none; }
h1 { margin: 0; padding: 0; }
h2 {font-size: 1.09em; color: #006dc9; font-weight: bold;}
h2.ir_textMainHighlight {font-size: 1.09em; color: #006dc9; font-weight: bold; margin: 1em 0;}
h3 {font-size: 14px; font-weight: normal; color: #E02B2A; margin:0; font-weight: bold; }
h4 {font-size: 14px; font-weight: bold; color: #E02B2A; margin:0; }
h5 {font-size: 13px; font-weight: bold; color: #0a8ba4;}
h6 {}
a:link {color: #666666; text-decoration: none;}
a:visited {color: #666666; text-decoration: none;}
a:hover {color: #000000; text-decoration: none;}
img.ir_spacerRight {margin-right:10px;}
img.ir_spacerLeft {margin-left:10px;}
img.ir_left {float: left; margin: 0 10px 10px 0;}
img.ir_right {float: right; margin: 0 0 10px 10px;}
img.ir_middle {vertical-align: middle;}
img.ir_border {border:1px solid #cccccc;}
/**** Footer ****/
#footer {clear:both; width: 980px; height: 37px; background: url(footer_BG.gif) no-repeat; color: #fff; }
#footer p { margin: 0; padding: 10px 0 0 25px; font-size: 11px; }
#footer a { color: #fff; }
#copyright { float: left; }
#designedBy { float: right; width: 148px; font-size: 11px; padding: 10px 10px 0 0; }
.footerCopyright { color: #0A8BA4; }
/***********************************************************************/
/* Search*/
#ir_search {text-align:right; background: url(search_bg.gif) no-repeat bottom; float: right; width: 224px; margin: 19px 23px 0 0; height:43px;}
#ir_switcher {color:#fff; text-align:right; padding: 15px 20px 0 0; clear: both;}
#ir_switcher a {color:#fff;}
.ir_searchButton {vertical-align:middle; width: 24px; margin:9px 0 0 5px; float: left; }
.ir_searchInput {border: 1px solid #fff; background-color: #f4f3f3; float: left; margin:10px 0 0 52px;}
/* BOD */
.ir_textDividerBOD {border-bottom: 1px dotted #666; margin: 1em 0; clear:both; padding-top: 15px; }
.si_floatLeftBOD { width: 152px; float: left; }
.si_floatRightBOD { width: 530px; float: left; }
.bod {margin: 0; padding: 0; }
/*Corporate Info */
#corporateRight{width:275px; float:left; }
#corporateLeft{width:330px; float:left; }
.page
{
margin: 2px;
padding: 5px;
background-color: #C03;
}
.page a, .page a:link, .page a:visited, .page a:active { color: #FFFFFF; }
.pageactive { margin: 2px; padding: 5px; background-color: #999; }
.prdname { padding-top: 5px; padding-bottom: 5px; color: white; font-weight: bold; }
h5.download { padding-left: 28px; background: url(icon_download.png) no-repeat left center; line-height: 1.9em; color: #8f0c13; font-weight: normal; font-size: 1.15em; margin: 5px 0; }
ul.download { border-top: 1px dotted #8f0c13; padding: 6px 0; margin: 0; list-style: none;}
ul.download li { padding-left: 22px; background: url(icon_pdf.gif) no-repeat left 5px; line-height: 2em; }
/* Define the rest of the classes here */
.ir_textDividerSearch { border-bottom: 1px solid #ccc; }
.milestones { padding: 0; margin:0; padding-left: 20px; }
/* Contact Info */
#conatctRight{width:380px; float:left; }
#conatctLeft{width:300px; float:left; }
.mapContainer { width: 350px; padding: 0 10px 10px 10px; }
.contactLink {background: url(/images/icon_mail.gif) no-repeat left center; padding-left: 20px; line-height: 18px;}
.career { font-size: 14px; color: #ff0000; }
.careerJob { margin: 0; padding: 0; }
.ir_tableBorder {border: 1px solid #CCCCCC;}
table.ir_hover tr:hover td {background: #c3b777;}
table.ir_hover tr.row1:hover td, table.ir_hover tr.row1:hover th {background: #FF7070;}
table.ir_hover tr.row2:hover td, table.ir_hover tr.row2:hover th {background: #FF7070;}
table.ir_hover tr.rowHighlight:hover td {background: #c3b777;}
table.ir_hover tr.rowTSHighlight:hover td {background: #c3b777;}
table.ir_table tr.ir_tableTopRow td, table.ir_table tr.ir_tableTopRow th {background: #494343; color: #fff; font-weight: bold;}
table.ir_table tr.row1 td, table.ir_table tr.row1 th {background: #e7e7e7;}
table.ir_table tr.row2 td, table.ir_table tr.row2 th {background: #f4f4f4;}
table.ir_table tr.rowHeader th {background: #414141; color: #fff;}
table.ir_table tr.rowHighlight td, table.ir_table tr.rowHighlight th {background: #414141; color: #fff;}
table.ir_table tr.rowTSHighlight td {background: #ccd0e1; border-bottom: 1px solid #aaa;}
table.ir_table tr th.cellHeader {background: #414141; color: #fff;}
table.ir_table tr td.cellHighlight {background: #414141; color: #fff;}
table.ir_table tr td.cellTSHighlight {background: #ccd0e1; border-bottom: 1px solid #aaa;}
table.ir_table tr td.cellTotal {border-top: 1px solid #414141; border-bottom: 1px solid #414141;}
table.ir_table tr td.cellSubTotal {border-top: 1px solid #414141;}
table.ir_table tr td.cellRed {background: #ebddd8;}
table.ir_table tr td.cellGreen {background: #d8ebdc;}