﻿body 
{
    /* Set default margin and padding */
    margin: 0;
    padding: 0;
    /* Set background and default font settings */
    background: #C4C6C5 url("/images/layout/sitebg.png") repeat-x;
    font-family: "Arial","Phetsarath OT";
    font-size: 13px;   
    line-height: 1.25; /* Added for better cross-browser/cross-platform compatibility */
    height: 100%; /* Added so background fills the window in Google Chrome */
}

h1
{
    /* Set default margin and padding */
    margin: 0px 0px 10px 0px;
    padding: 0px;
    /* Explicitly set font size */
    font-size: 19px;
}

h2
{
    /* Set default margin and padding */
    margin: 0px;
    padding: 0px;
    /* Explicitly set font size */
    font-size: 17px;
}

h3
{
    /* Set default margin and padding */
    margin: 0px;
    padding: 0px;
    /* Explicitly set font size */
    font-size: 17px;
}

h4
{
    /* Set default margin and padding */
    margin: 0px;
    padding: 0px;
    /* Explicitly set font size */
    font-size: 14px;
    color: White;
}

h5
{
    /* Set default margin and padding */
    margin: 0px;
    padding: 0px;
    /* Explicitly set font size */
    font-size: 12px;
}

a
{
    color: #000000;
}

a:hover
{
    color: #666666;
}

th
{
    /* Make text in all table headers left align by default */
    text-align: left;
}

.addrightmargin
{
    display: inline-block;
    margin-right: 5px;
}

.aligncenter
{
    text-align: center;
}

.alignright
{
    text-align: right;
}

.clearfloat
{
    /* Class for clearing of floated elements in containers */
    clear: both;
}

.preload
{
    /* Class for preloading elements (i.e. hover images) */
    display: none;
}

.whitehr
{
    /* Class for creating a white 'horizontal rule' style seperator. USE IN A DIV TAG! */
    border-top: Solid 1px White;
    margin: 5px 0px;
}

.container
{
    /* Main site container */
    width: 950px;
    margin: 0px auto;
}

/* Header CSS styles */

.header
{
    /* Main site header */
    clear: both;
    margin-bottom: -21px;
}

.logo
{
    /* Site logo class for main site header */
    /* Set width and float to left of header container */
    width: 320px;
    float: left;
}

.login-container
{
    /* Login container class for main site header */
    /* Set width and float to right of header container */
    width: 500px;
    margin-top: 5px; /* Set top margin so that the login box does not appear right at the top of the page */
    float: right;
    /* Set background and default text styles */
    background: url('/images/layout/loginbox.png') no-repeat;
    text-align: center;
    color: #FFFFFF;
    font-weight: bold;
    /* Set position so that the UpdateProgress login control can be positioned absolutely inside */
    position: relative;
}

.login-container a
{
    /* Set colour of links to white inside of the login class */
    color: #FFFFFF;
    /* Make text bold */
    font-weight: bold;
}

.login-container a:hover
{
    /* Set colour of links on hover to gray inside of the login class */
    color: #CCCCCC;
}

.login
{
    /* Login links class for initial view in login container */
    padding: 13px 0px 13px 0px;
    height: 13px;
    line-height: 13px;
}

.loginform
{
    /* Login form class for login details entry in login container */
    padding: 8px 0px 8px 0px;
    height: 23px;
}

.loginerror
{
    /* Login error class for failed login view in login container */
    padding: 13px 0px 14px 0px;
    height: 12px;
    font-size: 12px;
    line-height: 12px;
}

.loggedin
{
    /* Logged in class for showing current logged in user details in login container */
    padding: 13px 10px 13px 10px;
    height: 13px;
    line-height: 13px;
    text-align: left;   
}

.loggedin-displayname
{
    /* Display name class for showing display name inside of loggedin container */
    /* Set width and float to left of loggedin container */
    width: 300px;
    float: left;
}

.loggedin-logout
{
    /* Logout class for showing logout link inside of loggedin container */
    /* Set width and float to right of loggedin container */
    width: 150px;
    float: right;
    text-align: right;
}

.loggedin-logout a
{
    /* Set logout link to not inherit bold from login-container class */
    font-weight: normal;
}

.login-loading
{
    /* Class for UpdateProgress control shown during login-based async postbacks */
    /* background-color: #600000; */
    background: Black url("/images/layout/loginloadingbg.png") no-repeat;
    position: absolute;
    width: 485px;
    top: 0px;
    left: 0px;
    margin: 8px;
    padding: 3px 0px;
    text-align: center;
}

/* Menu CSS styles */

.menu
{
    width: 950px;
    clear: both;
}

.menu-container
{
    width: auto;
    float: right;
}

/* Additional menu CSS styles are located in the /css/chromestyle.css stylesheet */

/* Banner CSS styles */

.banner
{
    /* Banner class for main site banner */
    width: 942px;
    height: 152px;
    background-color: Transparent;
    color: White;
    clear: both;
    margin: 0px 0px 10px 8px; /* Margin of 8px on left and right to compensate for background color outside of site logo */
}

.bannermenu
{
    /* Class for main site banner menu container, which holds the unordered list menu */
    background: url('/images/layout/bannermenu_bg.png') no-repeat;
    width: 206px;   
    height: 152px;
    float: left;
}

.bannertop-spacer
{
    /* Class for spacing above the main site banner menu - this clears the rounded corner so that the menu hover over effect doesn't cross the rounded corner
        in the container backgound */
    height: 7px;
    font-size: 7px; /* Required for IE6 compatibility */
    border-bottom: Solid 1px #AC211A;
}

.banneranim
{
    /* Class for main site banner Flash animation */
    width: 736px;
    height: 152px;
    float: right;
    background-color: #C4C6C5;
    position: relative;
}

.bannerpanel 
{
    /* Class for main site banner panels which overlay the Flash animation. This is shared and used by all 5 banner panels */
    background:#800000 url('/images/layout/banneroverlay_bg.png') repeat scroll 0 0;
    border-top: 1px Solid #AC211A;
    border-bottom: 1px Solid #AC211A;
    border-right: 1px Solid #AC211A;
    margin: 7px 0 0 0;
    padding: 0 0 0 1px;
    /* position:relative;
    top:-152px; */
    position: absolute;
    z-index: 90;
    width:645px;
    height: 133px;
    display: none;
}

.bannerimage 
{
    /* Class for image shown in 'bannerpanel' div inside of the main site banner panel overlays */
    float:left;
    width:440px;
}

.bannertext 
{
    /* Class for text shown in 'bannerpanel' divs inside of the main site banner panel overlays */
    color:White;
    float:right;
    margin-right:5px;
    width:195px;
}

.bannertext h3 
{
    /* Formatting of header element inside of 'bannertext' class inside of 'bannerpanel' divs */
    color:White;
    font-weight:bold;
    margin:5px 0;
    padding:0;
}

.bannertext a 
{
    /* Formatting of link element inside of 'bannertext' class inside of 'bannerpanel' divs */
    color:White;
    margin:5px 0;
}

/* #flashbanner styles required for div to be be filled by Flash banner animation using SWFobject */
#flashbanner
{
    width: 736px;
    height: 152px;
    position: absolute;
}

#flashbanner span
{
    /* Formatting of text inside of flashbanner div. This is only shown if the SWFobject does not detect a necessary version of Flash Player */
    padding: 5px;
    color: Black;
    display: block;   
}

.flashbanner-corner
{
    background: url('/images/layout/flashbannercorner.gif') no-repeat;
    position: absolute;
    top: 137px;
    left: 723px;
    z-index: 100;
    width: 13px;
    height: 12px;
}

.onlinebanner
{
    /* Class for Servo Online banner */
    width: 941px;
    height: 60px;
    background-color: #7F0000;
    color: White;
    clear: both;
    margin: 0px 0px 10px 8px; /* Margin of 8px on left and right to compensate for background color outside of site logo */
    position: relative;
}

.onlinebanner-logo
{
    float:left;
    padding:5px;
    width:auto;
}

.onlinebanner-accountinfo
{
    width: 450px;
    position: absolute;
    margin: 7px;
    padding: 5px;
    border: 1px Solid #FF6F6F;
    background-color: #990000;
    /* left: 840px; */
    left: 465px;
    z-index: 110;
    display: block;
}

.onlinebanner-accountinfo a
{
    color: White;
}

.onlinebanner-accountinfo a:hover
{
    color: #C0C0C0;
}

.onlinebanner-accountinfo span
{
    /* display: block; */
} 

.onlinebanner-changeaccountlink
{
    float: right;
    position: relative;
    width: 220px;  
    text-align: right; 
}

.accountlist
{ 
    padding: 5px;
    margin-top: 5px;
    Border: Solid 1px #FF5050; 
    z-index: 11;
    position: relative;
}


/* Site layout CSS styles */

.content
{
    /* Main content container */
    width: 946px;
    clear: both;
    margin: 0px 0px 10px 4px; /* Margin of 4px on left to compensate for background color outside of site logo */
}

.left
{
    /* Main content area */
    width: 720px;
    float: left;   
}

.right
{
    /* Sidebar area */
    width: 220px;
    float: right;  
}

.requestcall
{
    /* Request a call container */
    background: url('/images/layout/requestcallbg_old.png');
    width: 950px;
    height: 123px;
    _overflow: hidden; /* Fixes overflow bug in IE6 - Hidden from other browsers */
}

.requestcall h3
{
    /* Request a call header */
    background: url('/images/layout/whoswhoheaderbg.png');
    width: 182px; /* Width reduced by size of padding - image width 204px */
    height: 17px; /* Height reduced by size of padding - image height 39px */
    padding: 11px;
    line-height: 17px;
    text-align: center;
    color: White;
    /* Position header at over top of container */
    position: relative;
    top: -20px;
    left: 10px;
    z-index: 50;
}

.requestcall-content
{
    /* Class for content container div inside of request a call main layout container */
    padding: 11px 15px; 
    position: relative; 
    top: -40px; 
    zoom: 1.0; /* Required for IE6 compatibility */
}

.requestcall-col1
{
    float: left;
    width: 285px;
    margin-right: 15px;
    font-weight: bold;
    padding: 18px 0px 0px 0px;
}

.requestcall-col2
{
    float: left;
    width: 335px;
    line-height: 24px;
    font-weight: bold;
}

.requestcall-col3
{
    float: left;
    width: 285px;
    font-weight:bold;
}

.requestcall-submitbutton
{
    text-align: right;
    padding-right: 10px;
}

.footer
{
    /* Main footer area */
    border-top: Solid 2px #600000;
    margin: 10px 0px 0px 0px;
    padding: 5px 4px;
    color: #600000;   
    clear: both;
}

.footer a
{
    color: #600000;
}

.footer a:hover
{
    color: #FF0000;
}

/* Home Page CSS styles */

.home-top
{
    height: 214px;
    clear: both;
}

.home-bottom
{
    
    clear: both;
}

.welcome
{
    /* Welcome box class */
    width: 666px; /* Width reduced by size of padding - image width 716px */
    height: 154px; /* Height reduced by size of padding - image height 204px */
    background: url('/images/layout/welcomebg.png');
    padding: 25px;
    margin-bottom: 5px;
}

.welcome-video
{
    /* Welcome video class for showing welcome video in welcome container */
    /* Set width and float left */
    width: 185px;
    float: left;   
}

.welcome-text
{
    /* Welcome text class for text information in welcome container */
    /* Set width and float right */
    width: 475px;
    float: right;
}

.serviceblocks-area
{
    /* Container class for home page service blocks area */
    width: 100%;
    margin-bottom: 10px;
    clear: both;
}

.serviceblocks-area h2
{
    /* Styling of header for home page service blocks area */
    /* Set default margin and padding to compensate for background image borders */
    margin: 0px;
    padding: 5px 0px 14px 0px;   
    color: White;
    /* Set font size and line height for correct verical alignment */
    font-size: 19px;
    line-height: 19px;
}

.serviceblocks-area img
{
    /* Service block image class for service image in the service blocks container */
    width: 80px;
    margin: 0px 7px 0px 0px;
    float: left;
    border: 1px Solid Maroon;
}

.serviceblocks-container
{
    /* Container class for home page service blocks */
    width: 202px; /* Width reduced by size of padding - image width 232px */
    height: 165px; 
    float: left;
    background: url('/images/layout/servicebox.png');
    padding: 0px 15px 0px 15px;
    font-size: 12px;
}

.serviceblocks-spacer
{
    /* Spacer class for manual spacing of 10px in the service blocks area */
    width: 10px;
    height: 165px;
    float: left;
}

.homesidebar-spacer
{
    /* Spacer to compensate for narrower sidebar panels on home page compared to content pages */
    width: 16px;
    float: left;
}

.homesidebar
{
    /* Class for home sidebar container */
    width: 204px;
    float: right;
}

.homesidebarheader
{
    /* Class for home sidebar headers (i.e. Latest News, Who's Who etc) */
    background: url('/images/layout/sidebarheaderbg.png');
    width: 204px;
    height: 39px;
    /* Spacer below element */
    margin-bottom: 10px;
}

.homesidebarheader h3
{
    /* Styling of header text for sidebar header */
    /* Set default margin */
    margin: 0px;
    /* Set padding, font size and line height for correct vertical alignment */
    padding: 11px;
    font-size: 16.5px;
    line-height: 16.5px;
    color: White;
}

.whoswho
{
    /* Class for who's who container */
    background: url('/images/layout/whoswhobg.png') no-repeat;
    left: -5px; /* To fix image size 5px too wide due to left shadowing */
    width: 209px; /* Width reduced by size of padding - image width 209px */
    height: 235px;
    /* padding: 0px 10px; */
    position: relative;
} 

.whoswho img
{
    /* Margin around who's who images to position correctly in all browsers, including IE6 */
    margin: 4px 10px 0px 10px;
}

.whoswho-image
{
    /* Class for image of person to be shown inside of the 'polaroid' container */
    position: absolute;
    top: 24px;
    left: 36px;
}

.whoswho-name
{
    /* Class for person name shown below the who's who image */
    font-family: Freestyle Script;
    text-align: center;
    margin: 2px 0px;
    font-size: 28px;
} 

/* News item styles */

.newsitem
{
    /* News item container class for news item containers in sidebar */
    background: url('/images/layout/newsitembg.png');
    width: 188px; /* Width reduced by size of padding - image width 204px */
    height: 59px; /* Height reduced by size of padding - image height 75px */
    padding: 8px;
    /* Spacer below element */
    margin-bottom: 5px;
    position: relative;
}
 
.newsitem img
{
     /* News item image properties for news item image in the news item container */
     width: 55px;
     float: left;
     margin: 0px 10px 0px 0px;
     display: inline-block;
}   

.newsitem h3
{
    /* Header style for news headline in news item container */
    margin: 0px;
    padding: 2px 0px 11px 0px;
    font-size: 14px; 
    line-height: 14px;   
}

.newsitem h4
{
    /* Hyperlink style for 'read more' link in news item container */
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    text-align: right;
    font-weight: normal;
    position: absolute;
    top: 54px;
    left: 117px; /* Adjusted from 122px for IE6 compatibility */
}

.newspost
{
    /* News post container class */
    clear: both;
    padding: 0px 0px 10px 0px;
}

.newspost img
{
    /* For floating of text around thumbnail image */
    float: left;
    margin: 0px 10px 10px 0px;
}

.newspost-info
{
    /* News post information class for posting information as part of news post */
    font-size: 11px;
    color: #808080;
    margin-bottom: 6px;
}

.newspost-pager
{
    /* Class to align lvNews data pager labels to the right */
    text-align: right;
}

.news-galleryimage-container
{
    /* Container class for news gallery images */
    background-position: center center;   
    background-repeat: no-repeat;
    border: 1px Solid Maroon;
    margin: 0px 15px 15px 0px;
    height: 140px;
    width: 210px;
}

.news-galleryimage-title
{
    /* Class for image title shown inside of news-galleryimage-container area */
    font-size: 11px;
    padding: 2px;
    color: White;
    background-color: Maroon;
    text-align: right;
}

.relatedpages
{
    clear: both;
    
}

.relatedpages img
{
    width: 64px;
    height: 64px;
    margin-right: 5px;
    float: left;
}

.relatedpages-text
{
    padding: 23px 5px;
    display: inline-block;
}

/* Main content CSS styles */

.main
{
    /* Main content area - for all content pages */
    width: 716px;
    clear: both;
    margin-bottom: 20px;
}

.main-top
{
    /* Class for top rounded corner image in main content area */
    width: 716px;
    height: 17px;
    background: url('/images/layout/maincontainertop.png');
}

.main-content
{
    /* Class for main border image in main content area */
    width: 666px; /* Width reduced by size of padding - image width 716px */
    background: url('/images/layout/maincontainerbg.png') repeat-y;
    padding: 0px 25px;
    /* margin-bottom: -15px; */
}

.main-content h2
{
    /* Ensure h2 element is black in main-content area */
    color: Black;
}

.main-content h4
{
    /* Ensure h4 element is black in main-content area */
    color: Black;
}

.main-bottom
{
    /* Class for bottom rounded corner image in main content area */
    width: 716px;
    height: 17px;
    background: url('/images/layout/maincontainerbottom.png');
}

.sidebar
{
    /* Class for content pages sidebar */
    width: 220px;
    float: right;
    color: Black;
}

.sidebar-top
{
    /* Class for top rounded corner image in sidebar content area */
    width: 220px;
    height: 17px;
    background: url('/images/layout/sidebarcontainertop.png');
}

.sidebar-content
{
    /* Class for main border image in sidebar content area */
    width: 190px; /* Width reduced by size of padding - image width 220px */
    background: url('/images/layout/sidebarcontainerbg.png') repeat-y;
    padding: 0px 15px;
    
}

.sidebar-content h2
{
    /* Ensure h2 element is black in sidebar-content area */
    color: Black;
    margin-bottom: 10px;
}

.sidebar-content h4
{
    /* Ensure h4 element is black in sidebar-content area */
    color: Black;
    margin: 10px 0px;
}

.sidebar-content h5
{
    /* H5 element properties in sidebar-content area */
    font-size: 12px;
    margin: 5px 0px;
    font-weight: normal;
}

.sidebar-bottom
{
    /* Class for bottom rounded corner image in sidebar content area */
    width: 220px;
    height: 17px;
    background: url('/images/layout/sidebarcontainerbottom.png');   
}

.steelinout-container
{
    padding: 0px 70px;
}

.contentimage-container
{
    /* Class for images display container on content pages */
    border: 1px Solid Maroon;
    background-color: White;
    padding: 3px;
    margin: 0px 5px 5px 5px;
}

.contentimage-caption
{
    /* Class for caption to be shown below content page images in contentimage-container */
    background-color: Maroon;
    color: White;
    font-size: 12px;
    padding: 2px;
    margin: 0px;  
    text-align: center; 
}

.scs-badge
{
    margin: 0px 0px 5px 5px;
    padding: 10px;
    background: rgb(240, 238, 238) url("/images/content/pages/scs_badgebg.png");
    float: right;
    width: 129px;
    height: 113px;
    color: White;
    font-size:24px;  
}

/* SCS page specific styles */

.scspage-top
{
    /* Class for top rounded corner image in SCS page content area */
    width: 716px;
    height: 67px;
    background: url('/images/content/scs/content_headerbg.png');
}

.scspage-header
{
   padding: 1px 0px 0px 0px;
} 

.scspage-headerlogo
{
    /* width: 202px; */
    width: 180px;
    float: left;
    margin: 3px 0px 0px 10px;
}

.scspage-headermenu
{
    float: left;
    width: auto;
    font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
}

.scspage-headermenu ul
{
    padding:0;
    margin:0;
    /* white-space: nowrap; */
    list-style-type: none;
}

.scspage-headermenu li
{
    display: inline;
}

.scspage-headermenu li a
{
    display: block;
    float: left;
    width: 80px;
    height: 38px;
    background: #BA2B1F url('/images/content/scs/tabbg.jpg') repeat-x;
    border-left: Solid 1px #DC382C;
    border-right: Solid 1px #DC382C;
    text-align: center;
    /* margin: auto 1px; */
    margin: auto 2px;
    font-size: 15px;
    
    color: White;
    padding: 6px 0px;
    text-decoration: none;
}

.scspage-headermenu li a:hover
{
    background: #EFEDED url('/images/content/scs/selectedtabbg.jpg') repeat-x;
    color: Black;
}

.scspage-headermenu li a.selected
{
    background: #EFEDED url('/images/content/scs/selectedtabbg.jpg') repeat-x;
    color: Black;
    font-weight: bold;
}

.showscspage
{
    display: block;
}

.hidescspage
{
    display: none;
}

/* Full width container styles */
.fullwidth
{
    /* Full width content area - use on pages without a sidebar */
    width: 950px;
    clear: both;
    margin-bottom: 20px;
}

.fullwidth-top
{
    /* Class for top rounded corner image in full width content area */
    width: 950px;
    height: 17px;
    background: url('/images/layout/fullwidthcontainertop.png');
}

.fullwidth-content
{
    /* Class for main border image in full width content area */
    width: 900px; /* Width reduced by size of padding - image width 950px */
    background: url('/images/layout/fullwidthcontainerbg.png') repeat-y;
    padding: 0px 25px;
    /* position: relative; */
}

.fullwidth-content h2
{
    /* Ensure h2 element is black in full width content area */
    color: Black;
}

.fullwidth-content h4
{
    /* Ensure h2 element is black in full width content area */
    color: Black;
}

.fullwidth-bottom
{
    /* Class for bottom rounded corner image in full width content area */
    width: 950px;
    height: 17px;
    background: url('/images/layout/fullwidthcontainerbottom.png');
}

/* Market page styles */

.market-container
{
    background: Black url('/images/layout/marketcontainerbg.jpg') no-repeat;
    width:916px;
    padding:14px 14px 4px 14px;
    margin-left:4px;
    color: White;
}

.market-header
{
    border-bottom: Solid 1px Maroon;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.market-header a
{
    color: White;
}

.market-header a:hover
{
    color: #C0C0C0;
}

.market-headerlogo
{
    float: left;
    width:390px;
}

.market-headerblock
{
    float: left;
    width:250px;
}

.market-headerblock h2
{
    color: White;
}

.market-content
{
    padding: 0px 11px;
}

.market-report-header th
{
    color: Red;
    border-bottom: Solid 2px Red;
}

.market-report-rows td
{
    border-bottom: Solid 1px Silver;   
}

.marketfilters
{
    background: #515151 url("/images/layout/marketfiltersbg.jpg") repeat-x;
    color: White;
    font-weight: bold;
    border: Solid 1px #666666;
    /* width: 895px; */
    margin-bottom: 5px;
    position: relative;
    z-index: 9;
    zoom: 1.0; /* Required for IE6 compatibility */
}

.marketfilters-title
{
    background-position: #000000;
    background: #000000;
    width: 90px;
    height: 42px;
    float: left;
    border-right: Solid 2px #444444;
    font-weight: bold;
    padding: 5px;
    position: relative;
}

.marketfilters-filters
{
    padding: 2px 5px;
    float: left;
    line-height: 24px;
    position: relative;
}

.marketfilters-paging
{
    padding: 5px;
    float: right;
    position: relative;
}

.marketfilters a
{
    color: White;
}

.marketfilters-loading
{
    background: #515151 url("/images/layout/marketfiltersbg.jpg") repeat-x;
    width: 895px;
    height: 18px; /* Height reduced by size of padding - image height 28px */
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 5px;
    text-align: center;
    z-index: 10;
}

.market-disclaimer
{
    clear: both;
    border: Solid 1px Grey;
    background-color: #333333;
    padding: 5px;
}

.market-disclaimericon
{
    width: 60px;
    float: left;
}

.market-disclaimertext
{
    width: 830px;
    float: left;
    font-weight: normal;
}

.market-bottom
{
    background: Black url('/images/layout/marketcontainer_bottom.jpg') no-repeat;
    height: 10px;
    width: 916px;
    padding: 0px 14px;
    margin-left: 4px;
}   

.market-enquiry-junction
{
    clear: both;   
    position: relative;
    margin-bottom: 10px;
}

.market-enquiry-junctionloading
{
    position: absolute;
    top: 0px;
    left: 0px;
    background: url('/images/layout/marketenquiry_junctionloadingbg.jpg') no-repeat;
    width: 220px; /* Width reduced due to padding - actual width 785px */
    height: 19px; /* Height reduced due to padding - actual height 168px */
    padding: 75px 283px;
}

.market-enquiry-soluser
{
    float: left;
    width: 380px;
}

.market-enquiry-nonsoluser
{
    float: left;
    width: 380px;
    border-left: Solid 2px Silver;
    margin-left: 10px;
    padding-left: 10px;
}

.market-enquiry-sectionheader
{
    border-bottom: Solid 1px Red;
    margin-bottom: 5px;
}

.market-enquiry-soluserdetailsdisclaimer
{
    clear: both;
    border: Solid 1px Grey;
    background-color: #333333;
    padding: 5px;
    font-size: 11px;
    margin-top: 5px;
}

.market-enquiry-soluserdetailsdisclaimer a
{
    color: White;
}

.market-enquiry-soluserdetailsdisclaimer a:hover
{
    color: #C0C0C0;
}

.market-enquiry-captcha
{
    position: relative; 
}

.market-enquiry-confirmloading
{
    position: absolute;
    top: 0px;
    left: 0px;
    background: url('/images/layout/marketenquiry_confirmloadingbg.jpg') no-repeat;
    width: 220px; /* Width reduced due to padding - actual width 786px */
    height: 19px; /* Height reduced due to padding - actual height 161px */
    padding: 71px 283px;
}

.market-enquiry-form
{
    line-height: 28px;
}

.market-confirm-header
{
    clear: both;
    border: Solid 1px Grey;
    background-color: #333333;
    padding: 5px;
    margin-bottom: 10px;
}

.market-confirm-headericon
{
    width: 60px;
    float: left;
}

.market-confirm-headertext
{
    width: 700px;
    float: left;
    font-weight: bold;
    padding: 7px 0px;
}

.market-confirm-headertext a
{
    font-weight: normal;
    color: White;
}

.market-confirm-headertext a:hover
{
    color: #C0C0C0;
}

.market-about-header
{
    margin-bottom: 6px;
}

.market-about-container
{
    /* background: Black url("/test/img/whymarket_bg.jpg") repeat-x; */
    background: DarkGray url("/test/img/whymarket_bg3.jpg") repeat-x;
    /* background: DarkGray; */
    color: Black;
    border: Solid 1px Maroon;
    -moz-border-radius: 5px; 
    padding: 5px;  
    height: 110px;
    margin: 5px 0px;
}

.market-about-container h4
{
    color: Black;
}

.market-about-container img
{
    border: 1px Solid #666666;
    float: left;
    margin-right: 7px;
}

/* Company personnel content styles */

.personnel-container
{
    border: 1px Solid Maroon;
    margin: 0px 0px 10px 0px;
}

.personnel-header
{
    padding: 3px 5px 3px 5px;
    font-weight: bold;
    /* background-color: Maroon; */
    background: Maroon url("/images/content/pages/widgetheader.png") repeat-x;
    color: White;
    margin: 0px 0px 0px 0px;
    /* border: Solid 1px Maroon; */
}

.personnel-people
{
    clear: both; 
    padding: 5px 5px 0px 5px;  
    margin: 0px 0px 0px 0px;
}

.personnel-people a
{
    display: block;
    height: 50px;
    width: 212px;
    float: left;
    text-decoration: none;
    margin: 0px 0px 5px 0px;
}

.personnel-people a:hover
{
    background-color: #E4E0E0;
    color: Black;
    text-decoration: none;
}

.personnel-peoplerow
{
    height: 55px;
    clear: both;   
}

.personnel-imageblock
{
    
    width: 50px;
    float: left;
    margin: 0px 10px 0px 0px;
}

.personnel-imageblock img
{
    width: 50px;
    height: 50px;
}

.personnel-textblock
{
    width: 142px;
    float: left;
    margin: 0px 10px 0px 0px;
}

/* Personnel Bio page content styles */

.bio-container
{
    margin: 10px 0px 0px 0px;
}

.bio-image
{
    width: 200px;
    border: Solid 1px Maroon;
    padding: 3px;
    float: left;
}

.bio-text
{
    width: 480px;
    float: right;
    height: 210px;
    overflow-y: auto;
}

.bio-text h4
{
    color: Black;
}


/* Process Contact page content styles */

.processcontact
{
    margin: 0px;
}

.processcontact h4
{ 
    color: Black;
}

.processcontact-container
{
    margin-bottom: 5px;
}

.processcontact-image
{
    width: 120px;
    float: left;
    border: Solid 1px Maroon;
    padding: 3px;
}

.processcontact-text
{
    width: 240px;
    float: right;
    padding: 10px 0px;
}

/* Media page styles */

.media-container
{
    background: #DDDDDD url("/images/content/pages/mediaconbg.jpg") repeat-x;
    border: 1px Solid Maroon;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 5px 0px;
}

.media-header
{
    padding: 3px 5px 3px 5px;
    font-weight: bold;
    /* background-color: Maroon; */
    background: Maroon url("/images/content/pages/widgetheader.png") repeat-x;
    color: White;
    margin: 0px 0px 0px 0px;
    /* border: Solid 1px Maroon; */
}

.media-content
{
    clear: both; 
    padding: 5px 5px 0px 5px;  
    margin: 0px 0px 0px 0px;
}

.mediathumbnail-container
{
    /* Class for container of thumbnail image on media page - width is set inline */
    border: Solid 1px Maroon;
    padding: 3px;
    margin-bottom: 5px
}

.mediathumbnail-outputoptions
{
    /* Class for container to hold view and/or download icons and info text inside of media thumbnail container */
    background-color: White;
    border-top: Solid 1px Maroon;
    color: White;
    font-size: 12px;
    margin: 2px 0px 0px 0px;
    padding: 2px;
    text-align: center;
}

.mediathumbnail-outputicons
{
    /* Class for container to hold icons inside of outputoptions container - padding is set inline */
}

.mediathumbnail-text
{
    /* Class for rollover text to show output option selected/hovered over */
    font-size:11px;
    height:12px;
    padding: 0px 5px 5px 5px;
    text-align: center;
    color: Black
}

.gallery-container
{
    /* Class for container to hold photograph and desktop wallpaper galleries on Media page */
    clear: both;
}

.gallerythumb
{
    /* Class for gallery thumbnail containers which sit inside photographs container on Media page */
    float: left;
    width: 215px;
    margin-right: 5px;
}

.gallerythumb img
{
    border: none;
}

/* 'Online' content styles */

.onlinemenu
{
    /* Class for placeholder Servo Online menu */
    color: White;
    margin: 0px 0px 0px 19px;
    /* padding: 5px; */
}

.onlinemenu a
{
    display: block;
    text-decoration: none;
}

.activetab
{   
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background: url('/images/content/pages/onlinetabbg-active.png') no-repeat;
    width: 120px;
        height: 13px; /* changed from 17px - 25/8/2009 */
        margin-right: 5px;
        text-align: center;
        padding: 8px;
        float: left;
        color: White;
        font-weight: bold;
}

.activetab:hover
{
     background: url('/images/content/pages/onlinetabbg-active.png') no-repeat;
     color: White;  
}

.inactivetab
{
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background: url('/images/content/pages/onlinetabbg.png') no-repeat;
    width: 120px;
    height: 13px; /* changed from 17px - 25/8/2009 */
    margin-right: 5px;
    text-align: center;
    padding: 8px;
    float: left;
    color: Black;
}

.inactivetab:hover
{
     background: url('/images/content/pages/onlinetabbg-active.png') no-repeat;
     color: White;  
}

.onlinecontent
{
    /* Class for Servo Online content area */
    /* padding: 25px;
    margin-left: 4px; NO LONGER REQUIRED */
}

.onlinecontent h2
{
    /* Bottom margin for h2 elements in onlinecontent area */
    margin: 0px 0px 10px 0px;
}

.onlinecontent h4
{
    /* Ensure h4 element in onlinecontent area is black */
    color: Black;
}

.online-columns
{
    /* Class for online layout columns in onlinecontent area */
    width: 448px;
    float: left;
}

.online-columns img
{
    border: none;
}

.grid-header
{
    /* Set background colour on online 'grid' headers */
    background: #AA0000;
    color: White;
}

.grid-header a
{
    color: White;
}

.grid-header a:hover
{
    color: #C0C0C0;
}

.grid-rows
{
    /* Set background colour on online 'grid' rows */
    background: #E1E3E2;
}

.report
{
    /* width: 900px; */
    /* border: Solid 1px  */
}

.report-header
{
    /* background: White; */
}

.report-header th
{
    color: Maroon;
    border-bottom: Solid 2px Maroon;
}

.report-header a
{
    color: Maroon;
}

.report-header a:hover
{
    color: Red;
}

.reportfilters
{
    background: #C72609 url(/images/layout/reportfilterheader.png) repeat-x;
    color: White;
    font-weight: bold;
    border: Solid 1px Maroon;
    width: 895px;
    margin-bottom: 5px;
    position: relative;
    z-index: 9;
    zoom: 1.0; /* Required for IE6 compatibility */
}

.reportfilters-title
{
    background: Maroon;
    width: 90px;
    float: left;
    border-right: Solid 2px Maroon;
    font-weight: bold;
    padding: 5px;
    position: relative;
}

.reportfilters-filters
{
    padding: 2px 5px;
    float: left;
    line-height: 24px;
    position: relative;
}

.reportfilters-paging
{
    padding: 5px;
    float: right;
    position: relative;
}

.reportfilters a
{
    color: White;
}

.reportfilters-loading
{
    background: #C72609 url(/images/layout/reportfilterheader.png) repeat-x;
    width: 885px; /* Height reduced by size of padding - image height 895px */
    height: 18px; /* Height reduced by size of padding - image height 28px */
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 5px;
    text-align: center;
    z-index: 10;
}

.report-table
{
    width: 893px;
}

.report-footer
{
    clear: both;
}

.report-totals
{
    float: left;
    font-size: 15px;
    padding: 10px 0px;
    line-height: 20px;
}

.report-measurementstext
{
    font-size: 13px;
    line-height: 1.25;
}

.report-measurementsinfo
{
    font-style: italic;
    line-height: 1.2;
}

.report-output
{
    margin: 5px 0px;
    float:right;
}

.report-output a
{
    float: left;
    padding: 5px;
    height: 85px;
    margin: 0px 5px;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    border: 1px Solid #DBDBDB;
}

.report-output a:hover
{
    background-color: Silver;
    color: Black;
}

.report-output img
{
    border: none;
    margin-bottom: 5px;
}

.report-statementnote
{
    border: Solid 1px Maroon;
    padding: 5px;
    margin: 20px 0px;
    float: left;
}

.report-datalastupdated
{
    border-top: Solid 1px Black;
    padding-top: 5px;
    text-align: center;
}

.invoiceprinting-header
{
    overflow: auto; /* Added to fix floating bug in IE7 */
    height: 1%; /* Added to give container 'hasLayout' to fix floating bug in IE6 (used in conjuction with overflow fix above) */
    width: 885px;
    padding: 5px;
    margin-bottom: 5px;
    border: Solid 1px Silver;
    background-color: #E2E2E2;
}

.invoiceprinting-headericon
{
    width: 60px;
    float: left;
}

.invoiceprinting-headertext
{
    width: 800px;
    float: left;
    padding: 7px 0px;
}

.invoiceprinting-container
{
    overflow: auto; /* Added to fix floating bug in IE7 */
    height: 1%; /* Added to give container 'hasLayout' to fix floating bug in IE6 (used in conjuction with overflow fix above) */
    
    margin-bottom: 5px;
}

.invoiceprinting-datelist
{
    float: left;
    width: 92px;
    padding: 5px 5px 20px 5px;
    background: #800000 url("/images/layout/datelist_gradient.jpg") repeat-x scroll bottom;
}

.invoiceprinting-datelist ul
{
    padding: 0px;
    margin: 0px;
    list-style-type: none; 
}

.invoiceprinting-datelist li
{
    padding: 10px;
    text-align: center;
    position: relative;
    overflow: auto; /* Added to fix floating bug in IE7 */
    height: 1%; /* Added to give container 'hasLayout' to fix floating bug in IE6 (used in conjuction with overflow fix above) */
}

.invoiceprinting-datelist li span
{
    position: absolute;
    top: 22px;
    left: 0px;
    width: 92px;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    
}

.invoiceprinting-invoicelist
{
    float: right;
    width: 780px;
    padding: 5px 5px 5px 10px;
}

.invoiceprinting-invoicelist-header
{
    overflow: auto; /* Added to fix floating bug in IE7 */
    height: 1%; /* Added to give container 'hasLayout' to fix floating bug in IE6 (used in conjuction with overflow fix above) */
    background-color: #E2E2E2;
    border: Solid 1px Silver;
    padding: 2px;
    margin-bottom: 2px;
}

.invoiceprinting-invoicelist-headericon
{
    width: 35px;
    float: left;   
}

.invoiceprinting-invoicelist-headertext
{
    width: 700px;
    float: left;
    padding: 4px 0px;
    font-weight: bold;
}

.invoiceprinting-invoicelisttable
{
    width: 780px;
}

.admin-editslug
{
    /* Class for post/page slug area in online posting screens */
    margin: 2px 0px;
    font-size: 11px;
}

.admin-posting-left
{
    /* Class for left column in online posting screens */
    width: 550px;
    float: left;
}

.admin-posting-right
{
    /* Class for right column in online posting screens */
    width: 325px;
    float: right;
}

.admin-imageupload
{
    /* Class for image upload container in image uploading screen */
    clear: both;
    border: 1px ridge #7F0000;
    padding: 5px;
}

.admin-headerbar
{
    /* Class for header blocks in online posting screens */
    background-color: #7F0000;
    padding: 5px;
    margin: 0px 0px 10px 0px;
    font-weight: bold;
    color: White;
}

.admin-uploadimages h4
{
    /* Class to ensure h4 element is black */
    color: Black;
}

.admin-uploadimages img
{
    /* Class to float thumbnail images to left in image uploading container */
    float: left;
    margin: 0px 5px 5px 0px;
}

.admin-notes
{
    /* Class for notes used in admin posting pages */
    font-size: 11px;
    background-color: #B1B4B3;
}

.admin-pagecontententry
{
    padding: 10px;
}

.admin-previewbutton
{
    padding: 2px;
    margin-top: 10px;
}

.admin-previewbutton a
{
    display: inline-block;
    margin: 2px 0px 2px 5px
}

.dashboard-onlineupdates
{
    width:250px;
    float: right;
    border: Solid 1px Maroon;
    background: #C72609 url(/images/content/pages/widgetheader.png) repeat-x scroll;
    color: White;
    padding:5px 5px 0px 5px;
    font-size: 12px;
}

.dashboard-onlineupdates a
{
    color: White;
}

.dashboard-onlineupdates a:hover
{
    color: #C0C0C0;
}

.dashboard-header
{
    text-align: right;
}

.dashboard-container
{
    border: Solid 1px Gray;
    background: Silver;
    padding: 5px 0px 0px 0px;
}

.widgeteditlink-container
{
    clear: both; 
    width: 164px;
    float: left;
    background: url('/images/content/pages/widgeteditlinkbg.png') no-repeat;
    padding: 2px 2px 0px 2px;
}

.widgeteditlink-container:hover
{
    background: url('/images/content/pages/widgeteditlinkhoverbg.png') no-repeat;
}

.widgeteditlink-container a:hover
{
    color: Black;
}

.widgeteditlink-container img
{
    border: none;
}

.widgeteditlink-icon
{
    width: 32px;
    float: left;
}

.widgeteditlink-text
{
    width: 128px;
    padding: 8px 0px;
    float: right;
    text-align: center;
}

.addeditwidget-container
{
    padding: 5px;
    border-top: Solid 1px Gray;   
    border-left: Solid 1px Gray;
    border-right: Solid 1px Gray;
}

.widgetmenu
{
    width: 100px;
    text-align: center;
    float: left;
}

a.widgetmenucategory
{
    display: block;
    padding: 10px 0px;
    margin-bottom: 10px;
    border-top: Solid 1px Maroon;
    border-left: Solid 1px Maroon;
    border-bottom: Solid 1px Maroon;
    text-decoration: none;
}

a:hover.widgetmenucategory
{
    display: block;
    background: Maroon url("/images/content/pages/widgetheader.png") repeat-x;
    color: White;
    text-decoration: none;
}

a.widgetmenucategory-active
{
    display: block;
    padding: 10px 0px;
    margin-bottom: 10px;
    border-top: Solid 1px Maroon;
    border-left: Solid 1px Maroon;
    border-bottom: Solid 1px Maroon;
    background: Maroon url("/images/content/pages/widgetheader.png") repeat-x;
    color: White;
    font-weight: bold;
    text-decoration: none;
}

.widgetlist
{
    width: 500px;
    height: 240px;
    float: left;
    padding: 5px;
    background: White url("/images/content/pages/widgetbg.png") repeat-x;
    border: Solid 1px Maroon;
    overflow: auto; /* Added to fix floating bug in IE7 */
    height: 1%; /* Added to give container 'hasLayout' to fix floating bug in IE6 (used in conjuction with overflow fix above) */
}

.widgetinfo
{
    width: 260px;
    height: 240px;
    float: left;
    padding: 5px;
    background: #FFE0E0;
    border-top: Solid 1px Maroon;
    border-bottom: Solid 1px Maroon;
    border-right: Solid 1px Maroon;
}

.widgetinfo-text
{
    height: 215px;    
}

.widgetinfo-add
{
    height: 25px;
}

.widgetinfo-paramentry
{
    border-top: 1px Solid Maroon;
    padding: 5px 0px;
    line-height: 24px;
}

.widgetwarning-container
{
    clear: both;
}

.widgetwarning-icon
{
    width: 55px;
    float: left;
}

.widgetwarning-text
{
    width: 355px;
    float: right;
    padding: 0px 5px 0px 0px;
}

.widgetfilter
{
    border-bottom: Solid 1px Maroon;
    padding: 0px 2px 5px 2px;
    margin-bottom: 4px;
}

.widgetinfocount
{
    clear: both;
    margin-top:5px;
    padding:2px;
    border:Solid 1px Maroon;
    background-color: White;
    overflow: auto; /* Added to fix floating bug in IE7 */
    height: 1%; /* Added to give container 'hasLayout' to fix floating bug in IE6 (used in conjuction with overflow fix above) */
}

.widgetfooter
{
    border-top: Solid 1px Maroon;
    padding: 2px 2px 0px 2px;
    margin-top: 4px;
}

.onlinenavmenu-container
{
    
}

.onlinenavmenu-header
{
    background: #C72609 url(/images/layout/graphfilterheader.png) repeat-x;
    color: White;
    padding: 0px 5px;
    line-height: 24px;
    font-weight: bold;
    border-top: Solid 1px Maroon;
    border-left: Solid 1px Maroon;
    border-right: Solid 1px Maroon;
    position: relative;
    z-index: 9;
    zoom: 1.0; /* Required for IE6 compatibility */
}

.onlinenavmenu-menucontainer
{
    clear: both;
    /* height: 73px; */
    height: 104px;
    font-size: 12px;
    border: Solid 1px Maroon;
    background-color: White;
}

.onlinenavmenu-sectioncontainer
{
    float: left;
    height: 94px;
    padding: 5px 10px 5px 5px;
}

.onlinenavmenu-sectionicon
{
    float: left;
    margin-right: 5px;
    text-align: center;
}

.onlinenavmenu-sectionoptions
{
    float: left;
}

.onlinenavmenu-showhidelink
{
    float: right;
    cursor: pointer
}

.onlinenavmenu-showhidelink img
{
    float: left;
    margin: 5px 5px 5px 0px;   
}

.onlinenavmenu-showhidelink span
{
    display: inline-block;
    margin: 1px 0px;
}

.reportselector
{
    position: absolute;
    /* left: 25px; */
    width:770px;
    height:95px;
    background: #FFFFFF;
    border: Solid 2px #C72609;
    -moz-border-radius: 10px;
    z-index: 100;
}

.reportselector-header
{
    background: #C72609; 
    -moz-border-radius-topleft: 5px;  
    -moz-border-radius-topright: 5px;
    padding: 2px 5px;
    color: White;
    font-weight: bold;
    height: 16px;
}

.reportselector-reports
{
    padding: 2px 5px;  
}

.reportselector-reports a
{
    text-decoration: none;
    display: inline-block;
}

.reportselector-reports a:hover
{
    background-color: #800000;
    color: White;
}

.reportselector-button
{
    float: right; 
    margin-right: 5px;
}

.rsswidget-content
{
    padding: 0px 0px 0px 5px;
}

.rsswidget-text
{
    width: 310px;
}

.rsswidget-text ul
{
    list-style-image: url("/images/content/pages/servosteel_icon_bullet.bmp");
    margin: 0px 0px 0px 20px;
    padding: 0;   
}

.notes-header
{
    border-bottom: Solid 1px Black;
    margin-bottom: 5px;
}

.notes-container
{
    border: 5px Solid #B70000;
    background: #FFE6E6;
    -moz-border-radius: 5px;
    width: 394px; /* Width reduced by size of padding - image height 424px */
    height: 195px; /* Height reduced by size of padding - image height 425px */
    padding: 10px;
}

.notes-edit
{
    width: 85px;
    float: left;
}

.notes-save
{
    width: 85px;
    float: right;
}

.summary
{
    clear: both;  
    margin-bottom: 10px; 
}

.summary-info
{
    float: left;
    width: 425px;
}

.summary-graph
{
    width: 460px;
    float: right;
    border-left: Solid 2px Maroon;
    padding-left: 10px;    
}

.summary-graphfilters
{
    background: #C72609 url(/images/layout/graphfilterheader.png) repeat-x;
    color: White;
    padding: 0px 5px;
    line-height: 24px;
    font-weight: bold;
    border: Solid 1px Maroon;
    width: 448px;
    margin-bottom: 5px;
    position: relative;
    z-index: 9;
    zoom: 1.0; /* Required for IE6 compatibility */
}

.summary-graphimage
{
    position: relative;
}

.summary-graphdata
{
    width:444px;
    height:300px;
    font-size:11px;
    overflow-y:auto;
}

.summary-graphloading
{
    position: absolute;
    z-index: 50;
    background: #F0EEEE;
    top:0px;
    left:0px;
    padding: 160px 120px;
}

.summary-toplists
{
    clear: both;
    border-top: Solid 1px Maroon;
    padding-top:5px;
}

.summary-headertext
{
    font-size: 14px;
    font-weight: bold;   
}

.mail-recipientlist
{
    height: 575px;
    width: 438px;
    overflow: auto;
    border: Solid 1px #C72609;
    font-size: 12px;
}

.mail-recipientoptions
{
    float: right;
    width: 120px;
    margin-right: 10px;
    font-size: 11px;
    text-align: right;
}

.edituseradmin-selectaccountmessage
{
    border: Solid 1px #C72609;
    width: 385px;
    margin:125px auto 181px auto;
    padding:5px;
}

.helpvideolist-container
{
    border: Solid 1px Silver;
    padding: 5px;
}

.orderentry-progress
{
    width: 110px;
    padding-bottom: 10px;
    float: left;
}

.orderentry-main
{
    width: 775px;
    padding-left: 10px;
    float: left;
}

.orderentry-footer
{
    clear: both;
    margin: 10px 0px;
}

.orderentry-summary
{
    float: left;
    width: 600px;
}

.orderentry-submit
{
    float: right;
    width: 300px;
    margin: 10px 0px;
    text-align: right;
}

.online-materialscrolllist
{
    height: 230px;
    width: 770px;
    border-left: Solid 2px Maroon;
    border-right: Solid 2px Maroon;
    border-bottom: Solid 2px Maroon;
    overflow: auto
}

.orderentry-nomaterial
{
    margin-top:5px;
    border: Solid 1px Maroon;
    padding: 101px 220px;
}

.orderentry-processingdetails
{
    -moz-border-radius: 5px;
    padding: 5px;
    margin-bottom: 1px;
}

.orderentry-copybutton
{
    position: absolute;
    margin: 2px 0px 0px 5px;
}

.orderentry-processingdetails-pickling
{
    /* background-color: #FFBB7D; */
    background-color: #C0E7F3;
}

.orderentry-processingdetails-scs
{
    /* background-color: #DFB4A4; */
    background-color: #8DC7BB;
}

.orderentry-processingdetails-slitting
{
    /* background-color: #C0E7F3; */
    background-color: #FFBB7D;
}

.orderentry-processingdetails-decoiling
{
    /* background-color: #8DC7BB; */
    background-color: #DFB4A4;
}

.orderentry-slittingsetlist
{
    /* border: Solid 1px #67C7E2;
    background-color: #A6DEEE; */
    border: Solid 1px #FF9331;
    background-color: #FFA04A;
    height: 120px;   
    width: 280px;
    padding: 2px;
    overflow-y: scroll;
}

.market-admin-table
{
    width: 724px;
    font-size: 12px;
}

.market-admin-container
{
    background: Black url('/images/content/pages/addtomarket_bg.jpg') repeat-y; 
    color: White;
    padding: 10px 5px 5px 5px;
    margin-bottom: 10px;
    font-weight: bold;
}

.market-admin-listcontainer
{
    color: Black;
    font-weight: normal;
    padding: 0px 7px;
}

.market-progress
{
    float: left;
    padding: 0px 0px 10px 5px;
    width: 110px;   
}

.market-enquirydetails
{
    float: left;
    padding-left: 10px;
    width: 785px;
    border-left: Solid 2px White;
    /* font-weight: bold; */
}

.market-admin-materiallist
{
    float: left;
    padding-left: 10px;
    width: 745px;
    border-left: Solid 2px White;
}

.market-admin-headertext
{
    border-bottom: 1px solid White; 
    margin: 0px 5px 10px 5px; 
    padding-bottom: 5px;   
}

.market-admin-infotextcontainer
{
    color: White;
    font-weight: bold;   
    padding-bottom: 10px;
}

.market-admin-infotext-icon
{
    width: 60px;
    float: left;
}

.market-admin-infotext-text
{
    float: left;
    width: 650px;
    padding: 7px 0px;
}

.market-admin-infotext-text a
{
    color: White;
}

.market-admin-infotext-text a:hover
{
    color: #C0C0C0;
}

.market-admin-whitebgcontainer
{
    font-family: verdana,tahoma,helvetica;
    font-size: 10pt;
    padding: 8px;
    border: Solid 1px Silver;
    background-color: White;   
}

.market-admin-options
{
    margin: 5px 0px;
}

.market-admin-options a
{
    width: 235px;
    float: left;
    display: block;
    color: White;
    border: Solid 1px White;
    padding: 2px;
    margin: 0px 3px;
}

.market-admin-options a:hover
{
    background-color: #666666;
    
}

.market-admin-options img
{
    border: none;
}

.market-admin-tablecontainer
{
    position: relative;
}

.market-admin-viewloading
{
    background: White;
    width: 850px;
    height: 16px;
    position: absolute;
    top: -4px;
    left: 0px;
    padding: 5px;
    text-align: center;
    z-index: 10;
}

.market-admin-passwordconfirm
{
    position: relative;
    border: Solid 1px White;
    padding: 5px;
    color: White;   
}

.market-admin-passwordconfirmloading
{
    background: Black;
    width: 735px;
    height: 44px;
    position: absolute;
    top: -1px;
    left: -1px;
    padding: 5px;
    text-align: center;
    z-index: 10;
}

/* Machine specifications Thickbox styles */

.specs-thickbox
{
    /* Container class for machine specifications thickboxes */
    background-color: White;
    color: Black;
    padding: 10px 0px 0px 0px;
    margin: 0px;
    clear: both;
    margin: 0px 0px 10px 0px;
}

.specs-thickbox p
{
    /* Formatting line spacing inside of machine specifications thickboxes */
    line-height: 16px;
    margin: 0px;
    padding: 0px;
}

.specs-thickbox h2
{
    /* Ensure h2 element is black and format header margins in machine specifications thickboxes */
    color: Black;
    margin: 0px 0px 10px 0px;
}

.specs-image
{
    /* Class to format floating and border on machine images in machine specifications thickboxes */
    float: left;
    border: Solid 1px Maroon;
    padding: 3px;
}

.specs-text
{
    /* Class to float text in machine specifications thickboxes */
    float: right;
}

.specs-header
{
    /* Class to format machine specification tables headers in machine specifications thickboxes */
    color: White;
    /* background-color: Maroon; */
    background: #C72609 url(/images/content/pages/widgetheader.png) repeat-x;
    font-weight: bold;
}

.specs-start
{
    /* Class to format material starting specifications in machine specification tables in machine specifications thickboxes */
    background-color: White;
    color: Black;
}

.specs-processing
{
    /* Class to format processing specifications in machine specification tables in machine specifications thickboxes */
    background-color: #FFBFBF;
    color: Black;
}

.specs-finish
{
    /* Class to format processed material specifications in machine specification tables in machine specifications thickboxes */
    background-color: #FFE0E0;
    color: Black;
}


.survey-errorstar
{
    color: Red;
    font-size: 15px;
    font-weight: bold;
    margin-left: 2px;
}

.surveyresults-columns
{
    width: 438px;
    float: left;
}

.surveyresults-userresponses
{
    border: Solid 1px Silver;
    background-color: #F0F0F0;
    padding: 5px;
}


/* Test styles */


/* Blog styles */

.blog-container
{
    border: Solid 1px #586361;
    margin-left: 4px;
}

.blog-header
{
    width: 709px;
    height: 77px;
    background: White url("http://192.168.1.104:8080/wp-content/themes/servosteel/images/blog_header.jpg") no-repeat;
}

.blog-top
{
    /* Class for top rounded corner image in main content area */
    width: 716px;
    height: 113px;
    background: url('http://192.168.1.104:8080/wp-content/themes/servosteel/images/blog_topbg.png');
}

.blog-content
{
    width: 638px;
    padding-left: 68px;
    padding-right: 10px;
    background: url('http://192.168.1.104:8080/wp-content/themes/servosteel/images/blog_rowbg.png') repeat-y;
    /* line-height: 24px; */
    padding-top: 10px;
}

.blog-bottom
{
    /* Class for bottom rounded corner image in main content area */
    width: 716px;
    height: 17px;
    background: url('http://192.168.1.104:8080/wp-content/themes/servosteel/images/blog_bottombg.png');
}

.postmetadata
{
    color: #808080;
    font-size: 11px;
}