/**** Global Elements ****/

/* Font and Document Body Styles */
body, th, td 
{
  font:normal normal 14px Arial,Helvetica,sans-serif;
  color:#000;
}
body
{
  padding-bottom:10px;
  background:#414042 url(/images/common/background.jpg) repeat-x top left;
  text-align:center;
}
th, td { vertical-align:middle; }
th { text-align:center; }

/* Links */
a:link, a:visited
{
  outline:none;
  text-decoration:underline;
  color:#0000ff;
}
a:hover { color:#0096ff; }

/* Headings */
h1, h2, h3, h4, h5, h6 { font-weight:normal; }
h1
{
  padding-bottom:5px;
  font-size:26px;
}
h2 { font-size:24px; }
h3 { font-size:22px; }
h4 { font-size:20px; }
h5 { font-size:18px; }
h6 { font-size:16px; }

/* Text */
big { font-size:15px; }
small { font-size:13px; }
sub, sup { font-size:12px; }
sup { vertical-align:top; }
sub { vertical-align:baseline; }

/* Images */
img { border:none; }

/* Lists */
ol
{
  list-style-type:decimal;
  padding-left:25px;
}
ol ol { list-style-type:upper-alpha; }
ol ol ol { list-style-type:lower-alpha; }
ul
{
  list-style-type:disc;
  padding-left:15px;
}
ul ul { list-style-type:circle; }
ul ul ul { list-style-type:square; }

/* Fieldsets and Legends */
fieldset
{
  padding:5px;
  border:1px solid #d0d0bf;
}
legend { padding:0 5px; }

/* Alignment for Inline Elements */
.inline-left { text-align:left; }
.inline-center { text-align:center; }
.inline-right { text-align:right; }
.inline-justify { text-align:justify; }

/* Alignment for Block Elements */
.block-center
{
  margin-left:auto;
  margin-right:auto;
}
.block-right { margin-left:auto; }

/* Float Definitions */
.global-float-left, .global-float-left-padded { float:left; }
.global-float-left-padded { margin:0 10px 10px 0; }
.global-float-right, .global-float-right-padded { float:right; }
.global-float-right-padded { margin:0 0 10px 10px; }
.global-clear { clear:both; }

/* Table Related Styles */
table.table-top td, tr.table-top td, td.table-top { vertical-align:top; }
table.table-middle td, tr.table-middle td, td.table-middle { vertical-align:middle; }
table.table-bottom td, tr.table-bottom td, td.table-bottom { vertical-align:bottom; }
td.table-spacer
{
  height:5px;
  overflow:hidden;
}

/* Text Sizes */
.small { font-size:11px; }

/**** Layout Related Styles ****/

/* Outer and Inner Layout Containers */
#layout
{
  margin:0 auto;
  padding-bottom:20px;
  width:1016px;
  border-bottom:1px solid #b3b3b3;
  background:#fff;
  text-align:left;
}

/* Layout Columns */
#layout-left, #layout-right-outer { float:left; }
#layout-left
{
  width:258px;
  background:url(/images/common/flash-background.gif) no-repeat top left;
}
#layout-right-outer { width:758px; }
#layout-right-inner { padding-right:8px; }

/* Header Area */
#layout-header
{
  padding-top:101px;
  background:url(/images/common/header.gif) no-repeat;
}

/* Main Content Area */
#layout-content { padding-top:19px; }

/* Columns in Content Area (Only When "Selling Steel" Menu is Visible) */
#layout-content-left, #layout-content-right { float:left; }
#layout-content-left
{
  margin-right:10px;
  width:545px;
}
#layout-content-right { width:195px; }

/* "Selling Steel" Menu */
#menu-selling
{
  padding-top:6px;
  width:188px;
  border:1px solid #414042;
  background:#fff;
}
#menu-selling big
{
  display:block;
  border-width:1px 0;
  border-style:solid;
  border-color:#414042;
  background:#dfe1e7;
  line-height:24px;
  text-align:center;
}
#menu-selling table { width:100%; }
#menu-selling td.menu-selling-left { padding:6px; }
#menu-selling td.menu-selling-right { padding:6px 6px 6px 0; }

/* Footer Area */
#layout-footer
{
  padding:35px 8px 0 8px;
  background:url(/images/common/bottom-menu.gif) no-repeat 8px 100%;
}
#layout-footer table { margin:0 auto; }
#layout-footer td
{
  padding:0 20px;
  line-height:34px;
  text-align:center;
}
#layout-footer a:link, #layout-footer a:visited
{
  text-decoration:none;
  color:#ffff00;
}
#layout-footer a:hover { color:#0096ff; }

/**** Drop Down Menu Styles ****/

/* Necessary Styles */
#menu-top ul, #menu-top ul ul, #menu-top li
{
  margin:0;
  padding:0;
}
#menu-top li
{
  list-style-type:none;
  position:relative;
}
#menu-top ul ul
{
  display:none;
  position:absolute;
}
#menu-top li:hover > ul { display:block; }
#menu-top ul.menu-top_shown { display:block; }

/* Menu Widths */
#menu-top, #menu-top ul { width:100%; }
#menu-top ul ul, #menu-top ul ul a:link, #menu-top ul ul a:visited { width:160px; }

/* Outer Menu Styles */
#menu-top ul ul
{
  border:1px solid #444;
  background:#c0c0c0;
}

/* Top Menu Floats */
#menu-top ul, #menu-top li { float:left; }
#menu-top ul ul li { float:none; }

/* Sub Menu Position */
#menu-top ul ul
{
  left:0;
  top:28px;
}
#menu-top ul ul ul
{
  left:160px;
  top:0;
}

/* Inner Menu Item Elements Styles */
#menu-top a:link, #menu-top a:visited, #menu-top a span { display:block; }
#menu-top a:link, #menu-top a:visited
{
  font-size:18px;
  line-height:24px;
  text-decoration:none;
  color:#000;
}
#menu-top a span { padding:0 10px 4px 10px; }
#menu-top li li a:link, #menu-top li li a:visited { font-size:15px; }
#menu-top li li a span { padding:5px; }

/* Menu Item Highlighted Styles */
#menu-top a:hover, #menu-top a.menu-top_active:link, #menu-top a.menu-top_active:visited { background:url(/images/common/top-menu-on.gif) repeat-x; }
#menu-top li:hover > a:link, #menu-top li:hover > a:visited { background:url(/images/common/top-menu-on.gif) repeat-x; }
#menu-top li li a:hover, #menu-top li li a.menu-top_active:link, #menu-top li li a.menu-top_active:visited { background:#f0f0f0; }
#menu-top li li:hover > a:link, #menu-top li li:hover > a:visited { background:#f0f0f0; }

/**** Special Elements ****/

/* Specially Colored Text */
.text-red { color:#ff0000; }

/* Dividers */
div.divider { padding:10px 0; }
div.divider div
{
  height:1px;
  overflow:hidden;
  background:#dfe1e7;
}

/* Form Tables */
table.form-table td { padding:2px; }

/* Form Fields */
button, a.form-button:link, a.form-button:visited, input.form-button, input.form-text, textarea
{
  font:normal normal 13px Arial,Helvetica,sans-serif;
  color:#000;
  text-decoration:none;
}
button, a.form-button:link, a.form-button:visited, input.form-button
{
  text-align:center;
  white-space:nowrap;
}
a.form-button:link, a.form-button:visited, div.form-button
{
  display:block;
  padding:0 5px;
  height:25px;
  border-width:2px;
  border-style:solid;
  border-color:#f0f0f0 #909090 #909090 #f0f0f0;
  background:#e0e0e0;
}
a.form-button-small:link, a.form-button-small:visited, div.form-button-small { width:60px; }
a.form-button-med:link, a.form-button-med:visited, div.form-button-med { width:100px; }
a.form-button-large:link, a.form-button-large:visited, div.form-button-large { width:150px; }
a.form-button:link, a.form-button:visited, div.form-button button, div.form-button input { line-height:25px; }
div.form-button button, div.form-button input
{
  display:block;
  height:100%;
  width:100%;
  border:none;
  background:none;
}
input.form-text, textarea
{
  padding:2px;
  border:1px solid #000;
  background:#fff;
}
select { border:1px solid #000; }

/**** Inline Popup ****/

/* Necessary Styles */
#popup_overlay, div.popup_loader, div.popup_window
{
  display:none;
  position:absolute;
  left:0;
  top:0;
}
#popup_overlay { z-index:1000; }
div.popup_loader { z-index:1001; }
div.popup_window { z-index:1002; }

/* Background Overlay */
#popup_overlay { background:#000; }

/* "Loading..." Box */
div.popup_loader
{
  z-index:1001;
  height:100px;
  width:100px;
  overflow:hidden;
  background:#282828 url(/images/common/popup-loading.gif) no-repeat center center;
}
div.popup_loader span { display:none; }

/* Window Container Global Styles */
div.popup_window, div.popup_window td
{
  background:#282828;
  font:normal normal 12px Arial,Helvetica,sans-serif;
  text-align:left;
  color:#fff;
}
table.popup_header, table.popup_navigation { width:100%; }
div.popup_window td { vertical-align:top; }

/* Global Link Styles Within Window */
div.popup_window a:link, div.popup_window a:visited
{
  text-decoration:underline;
  color:#fff;
}

/* Canvas Area (Inner Part of Window) */
div.popup_canvas { padding:10px; }

/* Window Title */
div.popup_window td.popup_title { font-size:16px; }

/* "Close Window" Link */
div.popup_window td.popup_close
{
  padding-left:10px;
  font-size:11px;
  font-weight:bold;
  text-align:right;
}

/* Window Content */
div.popup_content { padding-top:10px; }
div.popup_sizer { overflow:auto; }

/* Bottom Caption */
div.popup_caption
{
  padding-top:10px;
  font-size:11px;
}

/* Bottom Navigation (Previous, Next and Individual Page Links) */
table.popup_navigation { padding-top:10px; }
table.popup_navigation td { font-size:11px; }
td.popup_previous { width:20%; }
td.popup_pages
{
  width:60%;
  text-align:center;
}
td.popup_pages table { margin:0 auto; }
td.popup_pages td { padding:0 2px; }
td.popup_next
{
  width:20%;
  text-align:right;
}

/* Window Status (e.q. Item 1 of 10) */
div.popup_status
{
  padding-top:5px;
  text-align:center;
}

/* Script Messages */
div.message { padding:5px; }
div.message-error
{
  border:1px solid #cc0000;
  background:#ffe7e4;
  color:#cc0000;
}
div.message-success
{
  border:1px solid #99cc99;
  background:#e2f9e3;
  color:#267f26;
}
div.message-warning
{
  border:1px solid #ffd324;
  background:#fff8bf;
  color:#ee8348;
}
div.message-info, div.message-tip
{
  border:1px solid #9f9fff;
  background:#efefff;
  color:#283cdb;
}
div.message-tip
{
  position:absolute;
  left:0;
  top:0;
  z-index:100;
}
div.message-form { display:none; }