@font-face {
    font-family: 'Milibus';
    src: url('/fonts/milibus_regular-webfont.eot');
    src: url('/fonts/milibus_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/milibus_regular-webfont.woff') format('woff'),
         url('/fonts/milibus_regular-webfont.ttf') format('truetype'),
         url('/fonts/milibus_regular-webfont.svg#milibusbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body 
{
      
    /* Set default margin and padding */
    margin: 0;
    padding: 0;
    /* Set background and default font settings */
    background-color: White;
    color: #303030;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;   
    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 0px 2px 0px;
    /* Explicitly set font and size */
    font-family: Milibus;
    font-weight: normal;
    font-size: 24px;
    /* Set Servosteel dark text color */
    color: #004B70;
    /* Set dark green border at bottom of element */
    border-bottom: Solid 1px #004b70;
}

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: #3F3E3E;
}

a:hover
{
    color: #008dd3;
}

img
{
    border: none;
}

th
{
    /* Make text in all table headers left align by default */
    text-align: left;
}

.addrightmargin
{
    display: inline-block;
    margin-right: 5px;
}

.alignleft
{
    text-align: left;
}

.aligncenter
{
    text-align: center;
}

.alignright
{
    text-align: right;
}

.boxborder
{
    border: Solid 1px #004b70;
}

.clearfloat
{
    /* Class for clearing of floated elements in containers */
    clear: both;
}

.floatleft
{
    float: left;
}

.floatright
{
    float: right;
}

.hastooltip
{
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    border-bottom-color: #000000;
    cursor: help;
}

.noborder
{
    border: none;
}

.preload
{
    /* Class for preloading elements (i.e. hover images) */
    display: none;
}

.resetul
{
    margin: 0;
    padding-left: 15px;
}

.resetlineheight
{
    line-height: 1.25;
    margin: 5px 0px;
}

.scroller_anchor
{
    /* CSS style associated with jquery.scroller.js - details @ http://techtalk.virendrachandak.com/make-a-div-stick-to-top-when-scrolled-to/ */
    height:0px; 
    margin:0; 
    padding:0;
}

.sticky
{
    /* Stick element to top of screen (will be triggered from associated Javascript code) */
    position: fixed;
    top: 0;

}

.whitehr
{
    /* Class for creating a white 'horizontal rule' style seperator. USE IN A DIV TAG! */
    border-top: Solid 1px White;
    margin: 5px 0px;
}

/* Wrapper CSS classes */

.wrapper
{

}

.wrapper-blue
{
    background-color: #628bc3;
}

.wrapper-darkblue
{
    background-color: #004b70;
}

.wrapper-lightgray
{
    background-color: #EBEBEB;
}

.wrapper-midgray
{
    background-color: #dedede;
}

.wrapper-darkbluegreen
{
    background-color: #004b70;
}

.wrapper-graydarkgreen
{
    background-color: #f0f0f0;
    border-top: Solid 2px #004b70;
}

.wrapper-lightblack
{
    background-color: #3f3e3e;
}

.wrapper-request
{

}

.wrappertop-silver
{
    border: solid 1px Silver;
}

.container
{
    /* Main site container */
    width: 960px;
    margin: 0px auto;
    /*padding: 0px 10px;
    background: White url("/images/layout/essar-bg-inside.gif") repeat-y;*/
}

/* Header CSS styles */
.header-container
{
    width: 960px;
}


.header
{
    /* Main site header */
    clear: both;
    position: relative;
    height: 130px;
}

.logo
{
    /* Site logo class for main site header */
    /* Set width and float to left of header container */
    width: 155px;
    padding: 20px 5px;
    float: left;
}

.accountinfo-area
{
    float: right;
    /* position: relative; */
    width: 600px;
    margin-right: 10px;
}

.accountinfo-loginpositioner
{
    /* Used to contain login form, so when positon is set to absolute, it positions it against this div */
    position:relative;
}

.accountinfo-login
{
    position: absolute;
    width: 602px;
    top: 0;
    left: 0;
}

.accountinfo-loginlink
{
    float:right;
    background-color: #F0F0F0;
    border-radius: 0px 0px 4px 4px;
    border-left: Solid 1px #008DD3;
    border-right: Solid 1px #008DD3;
    border-bottom: Solid 1px #008DD3;
    color: #000;
    font-weight: bold;
    padding: 4px 6px 4px;
    font-size: 14px;
    text-decoration: none;
}

.accountinfo-loginlink span
{
    background-image: url('/images/icons/downarrow_icon16.png');
    background-position:100% 50%;
    background-repeat:no-repeat;
    padding:4px 20px 6px 0;
}

.accountinfo-loginlink span.open
{
    background-image: url('/images/icons/uparrow_icon16.png');
    background-position:100% 50%;
    background-repeat:no-repeat;
    padding:4px 20px 6px 0;
}

.accountinfo-loginform
{
    display: none;
    background-color: #F0F0F0;
    border-left: Solid 1px #008DD3;
    border-right: Solid 1px #008DD3;
    border-bottom: Solid 1px #008DD3;
    padding: 5px 10px;
    width: 580px;
    height: 50px;
}

.accountinfo-loginform-cookieinfo
{
    border: Solid 1px #AEB2B1;
    background-color: #EEEEEE;
    padding: 2px;
    margin-bottom: 2px;
}

.accountinfo-loginbutton
{
    display: block;
    width: 103px;
    height: 48px;
    background-image: url("/images/content/pages/login_button.jpg");
}

.accountinfo-loginbutton:hover
{
    background-position: 103px 0px;
}

.login-container
{
    /* Login container class for main site header */
    width: 222px;
    /* height: 86px; */
    background: #E3E3E3 url("/images/layout/loginboxbg.jpg") no-repeat;
    float: right; 
    margin: 3px 10px 3px 0px;  
    padding: 1px 0px;
    border: Solid 1px #C1C1C1;
    
}

.login-header
{
    /* background-color: Silver;  */
    color: #303030;
    text-align: center;
    font-weight: bold;
}

.login-main
{
    padding: 2px 5px;
    line-height: 20px;
}

.login-main input
{
    font-size: 11px;
}

.login-submit
{
    /* background-color: Silver;
    height: 32px; */
}

.login-submit a
{
    display: inline-block;
    color: #303030;
    margin: 5px 0px 0px 5px;
}

.login-submit input
{
    float: right;
    margin-right: 5px;
}

.login-container a
{
    /* Set colour of links to white inside of the login class */
    color: #303030;
    /* 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;
}

.onlineuserinfo-container
{
    /* background: White url("/images/layout/essar_logininfobox.jpg") repeat-x; */
    background-color: #008dd3;
    color: #F0F0F0;
    float: right;
    width: 460px;
    margin: 20px 0px;
    border: Solid 1px #008dd3;
    z-index: 110;
    position: absolute;
    left: 487px;
}

.onlineuserinfo-serviceinfo
{
    padding: 5px;
    background-color: #F0F0F0;
    color: #3F3E3E;
}

.onlineuserinfo-userinfo
{
    padding: 5px;  
}

.onlineuserinfo-userinfo a
{
    color: #F0F0F0;   
}

onlineuserinfo-userinfo a:hover
{
    color: #C0C0C0;   
}

.onlineuserinfo-accountinfo
{
    background-color: #EFEFEF;
    padding: 5px;
    color: #3F3E3E;
}

.tagandsearch
{
    position: relative;   
}

.tagline
{
    width: 400px;
    float: left;
    margin: 5px 0px 0px 10px;
}

.tagline h2
{
    color: #EC2F25
}

.headersearch
{
    position: absolute;
    background-color: White;
    left: 600px;
    width: 350px;
    float: right;
    text-align: right;
    z-index: 110;
}

.searchresults
{
    background-color: #DDDDDD;
    border: Solid 1px #669999;
    text-align: left;
    padding: 5px;
    
}

.searchresults h3
{
    /* Set default margin and padding */
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 2px 0px;
    /* Set green border at bottom of element */
    border-bottom: Solid 1px #669999;   
}

.searchresults-resultheader
{
    font-size: 14px;   
}

/* Site Navigation CSS styles */

.sitenav
{
    width: 942px;
    padding-left: 8px;
    padding-right: 4px;
    z-index: 100;
}

.sitenav-online
{
    background: White url("/images/layout/nav_shadowbg.jpg") no-repeat scroll 0 5px;
    width: 942px;
    padding-top: 9px;
    padding-left: 8px;
    padding-right: 4px;
    height: 74px; /* Set fixed height to ensure bottom box shadow shows. */
    z-index: 100;
}

.stick-sitenav
{
    position: fixed;
    top: 0px;
    background-color: White;
    padding-bottom: 10px;
    margin-bottom: 5px;
    border-bottom: Solid 1px Black;
}

.stick-sitenavwithfilters
{
    height: 110px;
}

ul#sitemenu-topnav-bar {
     padding:10px 0px;
     margin: 0px;
}

ul#sitemenu-topnav-bar li {
     display:inline;
     /* margin-right:-4px; */
     list-style-type:none;
}

ul#sitemenu-topnav-bar li a {
     text-decoration:none;
     font-weight:bold;
     color:#1d1d1d;
     padding:10px 15px;
}

ul#sitemenu-topnav-bar li a:hover {
     background-color: #628bc3;
     color:#F0F0F0;
}

ul#sitemenu-topnav-bar li a.active {
     background-color: #628bc3;
     color: #F0F0F0;
}

.sitemenu-secondarynav
{
    padding: 6px 20px 6px 10px;
    width: 902px; 
    height: 24px;
    display: none; 
}

.sitemenu-secondarynavbar
{
    display: none;
    height: 24px;
}

/* Banner CSS styles */

.bannerlo-container
{
    height: 280px;
}

.sitebanner
{
    width: 942px;
    padding: 0px 4px 0px 8px;
}

.sitebanner-newsticker
{
    position: relative;
    bottom: 5px; /* To shift position of div so that it appears right underneath the site banner */
    margin-top: 10px;
}

.sitebanner-newsticker-column
{
    float: left;
}

.sitebanner-newsticker a
{
    text-decoration: none;
}

.sitebanner-newsticker img
{
    float: left;
    height: 42px;
    width: 42px;
    margin-right: 10px;   
}

.sitebanner-newsticker div
{
    float: left;
    padding: 5px 0px;
}

.onlinebanner
{
    /* Class for Servo Online banner */
    width: 941px;
    height: 60px;
    background: #CC0000 url("/images/content/pages/widgetheader.png") repeat-x;
    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: #CC3300; /* 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 LightGray; 
    z-index: 11;
    position: relative;
}

/* Home page links CSS styles */

.home-links
{
    background-color: #F0F0F0;
    border: Solid 1px #008DD3;
    margin: 0px 0px 8px 8px;
    /* margin: 0px 0px 0px 8px; */
    padding: 10px;
    width: 920px;
}

.home-links-image
{
    width: 55px;
    float: left;
}

.home-links-text
{
    width: 225px;
    margin-right: 10px;
    float: left;
}

.home-leftcolumn
{
    float: left;
    width: 250px;
    padding-right: 40px;
}

.home-centercolumn
{
    float: left;
    width: 250px;
    padding: 0px 20px;
}

.home-rightcolumn
{
    float: left;
    width: 250px;
    padding-left: 40px;
}

.home-content
{
    padding: 10px 0px 30px 0px;
    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) */
}

.home-content h5
{
    color: Gray;
}

.home-content img
{
    border: Solid 1px #AEB2B1;
    box-shadow: 0 0 8px rgba(0, 0, 0, .8);
}

.home-content-footer
{
    padding: 0px 0px 20px 0px;
}

.home-header
{
    text-align: center;
    padding: 30px 0px;
}

.home-header h1
{
    font-family: Milibus;
    font-size: 28px;
    margin:0px;
    padding:0px;
    border-bottom: none;
}

.home-header h2
{
    font-family: Milibus;
    font-weight: normal;
    font-size: 24px;
}

.home-personplate
{
    margin: 0px 25px;
}

.home-personplate img
{
    width: 200px;
    height: 200px;
    border-radius: 100px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .8);
}

/* Site layout CSS styles */

.content
{
    /* Main content container */
    width: 936px;
    clear: both;
    margin: 10px auto;
    /* margin: 0px 0px 10px 14px; */ /* Margin of 4px on left to compensate for background color outside of site logo */
}

.left
{
    /* Main content area */
    width: 700px;
    float: left;   
}

.right
{
    /* Sidebar area */
    width: 220px;
    float: right;  
}

.requestcall
{
    font-size: 14px;
    text-align: center;
    padding-bottom: 30px;
    color: white;
}

.requestcall-col1
{
    float: left;
    text-align:left;
    width: 350px;
    padding: 0px 50px;
    line-height: 32px;
    font-weight: bold;
}

.requestcall-col2
{
    float: left;
    text-align: left;
    width: 350px;
    padding: 0px 50px;
    font-weight:bold;
}

.requestcall-submitbutton
{
    text-align: right;
    padding-right: 10px;
}

.footer
{
    /* Main footer area */
    margin: 10px;
    clear: both;
}

.footerlinks
{
    margin-top: 0px;
    padding:10px 120px;
    line-height: 18px;
    color: White;
}

.footerlinks a
{
    color: White;
    text-decoration: none;
}

.footerlinks-column
{
    width: 180px;
    float: left;
}

/* Login page styles */

.login-loginform
{
    margin-top: 5px;
}

.login-cookieinfo
{
    padding: 5px;
    border: Solid 1px #669999;
    background-color: #EEEEEE;
    margin-bottom: 10px;
}

/* News item styles */

.newsitem
{
    /* News item container class for news item containers in sidebar */
    background: url('/images/layout/essar_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;
    border-bottom: Solid 1px #004b70;
    margin-bottom: 20px;
}

.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-info a
{
    color: #808080;
}

.newspost-info a:hover
{
    color: #000000;
}

.newspost-pager
{
    /* Class to align lvNews data pager labels to the right */
    text-align: right;
}

.newspost-text
{

}

.newspost-summary
{
    margin-left: 190px;
}

.news-galleryimage-container
{
    /* Container class for news gallery images */
    background-position: center center;   
    background-repeat: no-repeat;
    border: 1px Solid #669999;
    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;
}

img.news-gallerythumbnail
{
    float: left;
    box-shadow: none;
    border: solid 1px Silver;
    margin: 0px 10px 10px 0px;
}

.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 */

.sidebar
{
    /* Class for content pages sidebar */
    width: 220px;
    float: right;
    color: Black;
}

.sidebar-image
{
    /* Class for top image shown in sidebar on certain content pages */
    margin-bottom: 10px;
}

.sidebar-block
{
    /* Class for sidebar blocks */
    width: 200px;
    background-color: #F0F0F0;
    border: Solid 1px #008dd3;
    padding: 10px;
    margin-bottom: 10px;
}

.steelinout-container
{
    padding: 0px 70px;
}

.contentimage-container
{
    /* Class for images display container on content pages */
    border: 1px Solid #004B70;
    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: #004B70;
    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;  
}

.content-2column
{
    width: 320px;
}

.content-3column
{
    width: 210px;
}

/* SCS page specific styles */

.scspage-header
{
    height: 51px;
    width: 695px;
    padding: 1px 0px 0px 0px;
    border-bottom: 2px solid #004b70;
    margin-bottom: 10px;
} 

.scspage-headerlogo
{
    /* width: 202px; */
    width: 180px;
    float: left;
}

.scspage-headerlogo img
{
    padding-top: 2px;
}

.scspage-headermenu
{
    float: right;
    width: auto;
    font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
    margin-right: -2px; /* To offset 2px margin on menu tabs */
}

.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: 79px;
    height: 38px;
    background-color: #F0F0F0;
    border-top: Solid 1px #004b70;
    border-left: Solid 1px #004b70;
    border-right: Solid 1px #004b70;
    text-align: center;
    /* margin: auto 1px; */
    margin: auto 2px;
    font-size: 15px;
    
    color: Black;
    padding: 6px 0px;
    text-decoration: none;
}

.scspage-headermenu li a:hover
{
    background-color: #AEB2B1;
    color: White;
}

.scspage-headermenu li a.selected
{
    background-color: #004b70;
    color: White;
    font-weight: bold;
}

.showscspage
{
    display: block;
}

.hidescspage
{
    display: none;
}

/* Our processes page styles */

.ourprocesses
{

}

.ourprocesses h5
{
    color: Gray;
}

.ourprocesses img
{
    border: Solid 1px #AEB2B1;
    margin-bottom: 10px;
}

.ourprocesses-column
{
    width: 340px;
    margin-bottom: 20px;
}

/* Essar group page styles */
.essargroup-news-banner
{
    margin: 5px 0px;
    border: Solid 1px #669999;
}

.essargroup-news-icon
{
    float: left;
    margin-right: 10px;
}

.essargroup-news-tvicon
{
    margin-top: 10px;
}

/* 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/essar_fullwidthcontainertop.jpg');
}

.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/essar_fullwidthcontainerbg.jpg') 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/essar_fullwidthcontainerbottom.jpg');
}

/* Market page styles */

.marketplace-header {
    margin: 10px 0;
    padding: 0 0 2px 0;
    font-family: Milibus;
    font-weight: normal;
    font-size: 24px;
    color: #004B70;
    border-bottom: Solid 1px #004b70;
}

    .marketplace-header > img {
        display: inline-block;
        position: absolute;
        width: 204px;
        height: 30px;
        padding: 2px 0px;
    }

    .marketplace-header > h1 {
        display: inline-block;
        padding: 0 0 0 230px;
        margin-bottom: 5px;
        color: #008dd3;
        border-bottom: none;
    }

.marketplace-grid-rows-ownmaterial > td {
    color: green;
}

.marketplace-enquiryfooter {
    margin-top: 20px;
    border-top: solid 1px #008dd3;
    padding-top: 10px;
    clear: both;
}

.marketplace-enquiryfooter span {
    display: inline-block;
    font-weight: bold;
    width: 700px;
}

    .marketplace-enquiryfooter > input {
        float: right;
    }

.marketplace-enquiryfooter-button {
    position: relative;
    float: right;

}

.marketplace-enquiryfooter-loading {
    position: absolute;
    background-color: White;
    top: 0px;
    left: 0px;
}

.marketplace-enquiryfooter-loading img {
    padding: 5px 50px;
}

.marketplace-internal-info {
    border: Solid 1px #008dd3;
    padding: 5px;
    margin-bottom: 10px;
}

    .marketplace-internal-info > img {
        position: absolute;
    }

    .marketplace-internal-info > div {
        display: inline-block;
        font-weight: bold;
        padding: 8px 0 8px 60px;
    }


.marketplace-disclaimer {
    border: Solid 1px #008dd3;
    padding: 5px;
}

    .marketplace-disclaimer > img {
        width: 60px;
        position: absolute;
    }

    .marketplace-disclaimer > div {
        display: inline-block;
        font-weight: bold;
        padding: 8px 0 8px 80px;
    }

.marketplace-disclaimericon {
    width: 60px;
    float: left;
}

.marketplace-promo {
    width: 915px;
    padding: 0px 10px 5px 10px;
    margin-bottom: 10px;
    /* Copied from .reportfilters */
    background-color: #F0F0F0;
    color: Black;
    border: Solid 1px #008DD3;
    position: relative;
    z-index: 9;
    zoom: 1.0; /* Required for IE6 compatibility */
}

    .marketplace-promo > a.marketplace-hidepromo {
        position: absolute;
        display: block;
        width: 98%;
        text-align: right;
        padding-top: 10px;
    }

.marketplace-promo-header {
    height: 40px;
}

.marketplace-promo-header > h1 {
    padding-left: 220px;
}

.marketplace-promo-header > img {
    position: absolute;
    height: 30px;
}

.marketplace-promo-header > div {
    padding-left: 220px;
}

.marketplace-promo-steps {
    line-height: 20px;
    padding-top: 10px;
}

.marketplace-promo-steps > div {
    margin-bottom: 5px;
}

.marketplace-promo-steps-count {
    display: inline-block;
    border-radius: 50%;
    background-color: #008dd3;
    color: white;
    font-weight: bold;
    width: 20px;
    text-align: center;
    margin-right: 5px;
}

.marketplacelisting-addselecteditems {
    cursor: pointer;
}

.marketplaceenquiry-checkitemsselected {
    padding-bottom: 10px;
}

.marketplacelisting-addedsincelastlogininfo {
    display: inline-block;
    margin: 10px 0px 5px 0px;
    padding: 5px 10px;
    font-size: 13px;
    background-color: #AADDDD;
    color: black;
}

.marketplace-add-notesentry {
    display: inline-block;
    width: 99%;
}

.marketplace-about {
    
}

    .marketplace-about > h2, .marketplace-about-blocks > h2 {
        font-family: Milibus;
        font-size: 24px;
        font-weight: normal;
        color: #004B70;
        padding-bottom: 20px;
    }

    .marketplace-about > img {
        float: right;
        width: 140px;
    }

/*.marketplace-about > div {
    width: 700px;
    float: left;
}*/

.marketplace-about-blocks {
    padding: 20px 0px 0px 0px;
}

.marketplace-about-block {
    width: 400px;
    padding: 0px 80px 10px 0px;
    float: left;
}

    .marketplace-about-block > img {
        width: 100%;
        border-radius: 20px;
        margin-bottom: 20px;
        box-shadow: 0px 5px 5px grey;
    }

    .marketplace-howto h1
    {
        border-bottom: none;
    }

.marketplace-howto img {
    /*border-radius: 20px;*/
    margin: 10px 20px 20px 40px;
    box-shadow: 0px 5px 5px grey;
}

.marketplace-howto-leftcolumn {
    width: 420px;
    float: left;
    background-color: aliceblue;
    padding: 10px 20px;
}

.marketplace-howto-rightcolumn {
    width: 420px;
    float: right;
    background-color: lightcyan;
    padding: 10px 20px;
}

.marketplace-howto-steps-count {
    position: absolute;
    border-radius: 50%;
    background-color: #008dd3;
    font-size: 1.5em;
    color: white;
    font-weight: bold;
    width: 30px;
    height: 30px;
    text-align: center;
    margin-right: 5px;
}

.marketplace-howto-steps-count > span
{
    display: inline-block;
    padding: 5px;
}

.marketplace-howto-steps-text {
    margin-left: 40px;
}

.market-disclaimertext {
    width: 830px;
    float: left;
    font-weight: normal;
}

.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-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: 450px;
}

.market-enquiry-nonsoluser
{
    float: left;
    width: 450px;
    border-left: Solid 1px #669999;
    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 #008dd3;
    padding: 5px;
    font-size: 11px;
    margin-top: 10px;
}

.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
{
    position: relative;
    zoom: 1.0; /* Required for IE6 compatibility */
}

.personnel-departmentlist
{
    position: absolute;
    top: 0;
    left: 0;
    width: 220px;
    border-left: Solid 2px #008dd3;
    background-color: #008dd3;
    float: left;
}

.personnel-departmentlist ul
{
    margin: 0;
    padding: 2px 0px;
}

.personnel-departmentlist li
{
    list-style-type: none;
}

.personnel-departmentlist a
{
    display: block;
    font-size: 14px;
    color: White;
    text-decoration: none;
    padding: 5px 25px 5px 5px;
    width: 200px;
}

.personnel-departmentlist a.selected
{
    background-image: url("/images/content/pages/personnel_selecteddepartment_bg.png");
    font-weight: bold;
}

.personnel-people
{
    width: 680px;
    min-height:310px;  
    height:auto !important; /* Required for IE6 compatibility */
    height:310px; /* Required for IE6 compatibility */
    border: Solid 2px #008dd3;
    padding: 10px 10px 10px 20px;
    margin-left: 220px;
}

.personnel-welcomegallery
{
    margin: 0px;
}

.personnel-welcomegallery a
{
    width:50px;
    height:50px;  
    float:left;
    margin:7px 7px 7px 4px;
}

/* Personnel Bio page content styles */

.bio-container
{
    margin: 10px 0px 0px 0px;
}

.bio-image
{
    width: 200px;
    padding: 3px;
    float: left;
}

.bio-image img
{
    box-shadow: 0 0 4px rgba(0, 0, 0, .8);
}

.bio-text
{
    width: 460px;
    float: left;
    margin-left: 10px;
    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 #AEB2B1;
    padding: 3px;
}

.processcontact-text
{
    width: 240px;
    float: right;
    padding: 10px 0px;
}

/* Media page styles */

.media-container
{
    /* border: 1px Solid #CC0000; */
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 5px 0px;
}

.media-header
{
    /*padding: 3px 5px 3px 5px;
    font-weight: bold;
    background: Maroon url("/images/content/pages/widgetheader.png") repeat-x;
    color: White;
    margin: 0px 0px 0px 0px;*/
    border-bottom: Solid 1px Silver;
    margin-bottom: 10px;
    
}

.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 Silver;
    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 Silver;
    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 */

.online-content
{
    /* Main content container */
    width: 936px;
    clear: both;
    margin: 10px 0px 10px 14px; /* Margin of 4px on left to compensate for background color outside of site logo */
}

.testingtab:hover
{
     background: url('/images/content/pages/onlinetabbg-active.png') no-repeat;
     color: White;  
}

.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-color: #008dd3;
    color: Black;
}

.grid-header a
{
    color: White;
}

.grid-header a:hover
{
    color: #C0C0C0;
}

.grid-rows
{
    /* Set background colour on online 'grid' rows */
    background-color: #EAEAEA;
}

.grid-selectedrow
{
    background-color: #99CCFF;
}

.report
{
    /* width: 900px; */
    /* border: Solid 1px  */
}

.report-topheader
{
    background: White;
}

.report-topheader td,th
{
    font-weight: bold;
    color: #003333;
    text-align: center;
}

.report-header
{
    background: White;
}

.report-header th
{
    color: #004b70;
    border-bottom: Solid 2px #004b70;
}

.report-header a
{
    color: #004b70;
}

.report-header a:hover
{
    color: #008dd3;
}

.reportfilters
{
    background-color: #F0F0F0;
    color: Black;
    font-weight: bold;
    border: Solid 1px #008DD3;
    width: 935px;
    margin-bottom: 5px;
    position: relative;
    z-index: 9;
    zoom: 1.0; /* Required for IE6 compatibility */
}

.reportfilters-100percent
{
    background-color: #F0F0F0;
    color: Black;
    font-weight: bold;
    border: Solid 1px #008DD3;
    width: 100%;
    margin-bottom: 5px;
    position: relative;
    z-index: 9;
    zoom: 1.0; /* Required for IE6 compatibility */
}

.reportfilters-title
{
    width: 100px;
    float: left;
    font-weight: bold;
    padding: 6px 5px;
    font-size: 13px;
    position: relative;
}

.reportfilters-smalltitle
{
    width: 50px;
    float: left;
    font-weight: bold;
    padding: 6px 5px;
    font-size: 13px;
    position: relative;
}

.reportfilters-filters
{
    padding: 2px 5px;
    float: left;
    line-height: 24px;
    position: relative;
}

.reportfilters-filtergroup
{   
    float: left;
    margin-right: 10px;
}

.reportfilters-paging
{
    padding: 6px 5px;
    float: right;
    position: relative;
}

.reportfilters-smallpaging
{
    float: right;
    position: relative;
}

.reportfilters-gotooutputoptions
{
    padding: 6px 5px;
    float: right;
    font-weight: normal;
}

.reportfilters a
{
    color: #3f3e3e;
}

.reportfilters a:hover
{
    color: #004b70;
}

.reportfilters-100percent a
{
    color: #3f3e3e;
}

.reportfilters-100percent a:hover
{
    color: #004b70;
}

.reportfilters-loading
{
    background-color: #EEEEEE;
    width: 920px; /* 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: 900;
}

.report-table
{
    width: 935px;
}

.report-footer
{
    clear: both;
}

.report-totals
{
    float: left;
    font-size: 15px;
    padding: 10px 0px;
    line-height: 20px;
}

.report-highlightlegend
{
    display: inline-block; /* To ensure div is the same size as the span element inside of it */
    font-size: 13px;
    margin-bottom: 5px;
    padding-bottom: 2px;
    border-bottom: Solid 1px Black;
    width: auto;
}

.report-measurementstext
{
    font-size: 13px;
    line-height: 1.25;
}

.report-measurementsinfo
{
    font-style: italic;
    line-height: 1.2;
}

.report-output
{
    margin: 10px 0px 5px 0px;
    float:right;
    position:relative;
}

.report-output a
{
    float: left;
    padding: 5px;
    margin: 0px 5px;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    border: Solid 1px White;
}

.report-output a:hover
{
    background-color: #DDDDDD;
    border: Solid 1px Silver;
    color: Black;
}

.report-output img
{
    border: none;
    margin-bottom: 5px;
}

.report-output-loading
{
    position:absolute;
    background-color: White;
    top: 0px;
    left: 0px;
}

.report-output-loading img
{
    padding: 25px 70px;
}

.report-statementnote
{
    background-color: #EEEEEE;
    border: Solid 1px #AEB2B1;
    padding: 5px;
    margin: 20px 0px;
    float: left;
}

.report-datalastupdated
{
    /*border-top: Solid 1px #AEB2B1;
    padding-top: 5px;
    text-align: center;*/
    
    background-color: #628bc3;
    color: #F0F0F0;
    padding: 5px 0px;
    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: 920px;
    padding: 5px;
    margin-bottom: 10px;
    border: Solid 1px #AEB2B1;
    background-color: #EEEEEE;
}

.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: #AEB2B1 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: 810px;
    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: #EEEEEE;
    border: Solid 1px #AEB2B1;
    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: 810px;
}

.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 #008dd3;
    padding: 5px;
}

.admin-headerbar
{
    /* Class for header blocks in online posting screens */
    background-color: #008dd3;
    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-selectaccountheader
{
    border: Solid 1px #669999;
    background-color: #AEB2B1;
    padding: 5px;
    margin-bottom: 10px;
}

.dashboard-selectaccountheader-icon
{
    width: 60px;
    float: left;
}

.dashboard-selectaccountheader-text
{
    float: left;
    padding: 5px 0px;
}

.dashboard-welcome
{
    width: 600px;
    float: left;
}

.dashboard-marketplace {
    width: 270px;
    float: right;
    /*border: Solid 1px #AEB2B1;*/
    /*background-color: #EEEEEE;*/
    color: Black;
    padding: 5px;
    font-size: 12px;
    text-align: center;
    border-bottom: solid 1px #008DD3;
}



    .dashboard-marketplace > a > img {
        width: 204px;
        height: 30px;
        text-align: center;
    }

.dashboard-marketplace-info {
    margin: 5px 0 10px 0;
    font-weight: bold;
    border-radius: 20px;
    border: solid 0px #008dd3;
    background-color: #e3f6ff;
    padding: 5px 5px 10px 5px;
}

.dashboard-marketplace-info > a {
    text-decoration: none;
}

..dashboard-marketplace-info > a:hover {
    color: inherit;
}

.dashboard-marketplace-countcontainer {
    width: 50%;
    float: left;
    color: #008dd3;
    margin: 10px 0px;
}

.dashboard-marketplace-countcontainerfull {
    width: 100%;
}

.dashboard-marketplace-count {
    font-size: 24px;
}

.dashboard-marketplace-info-excludingownnotice
{
    color: #008dd3;
    font-weight: normal;
    font-size: 10px;
}

.dashboard-marketplace-about {
}

.dashboard-marketplace-about > img {
    height: 20px;
    padding-right: 5px;
}

.dashboard-marketplace-about > a {
    top: -5px;
    display: inline;
    position: relative;
}

.dashboard-onlineupdates {
    width: 270px;
    float: right;
    border: Solid 1px #AEB2B1;
    background-color: #EEEEEE;
    color: Black;
    padding: 5px 5px 0px 5px;
    font-size: 12px;
}

.dashboard-header
{
    text-align: right;
}

.dashboard-ie6warning
{
    border:Solid 1px #669999;
    background-color:#EEEEEE;
    padding:5px;
    margin-bottom:5px
}

.dashboard-savechanges
{
    display: none;
    background-color: #eeeeee;
    border: Solid 1px #669999;
    margin-top: 10px;
    padding: 5px;
    zoom: 1.0; /* Required for IE6 compatibility */
}

.dashboard-savechanges-icon
{
    float: left;
    width: 45px;
}

.dashboard-container
{
    border: Solid 1px #008dd3;
    background-color: #628bc3;
    padding: 0px 10px;
    zoom: 1.0; /* Required for IE6 compatibility */
}

.widgeteditlink-container
{
    clear: both; 
    width: 115px;
    float: left;
    border-top: Solid 1px #008dd3;
    border-left: Solid 1px #008dd3;
    border-right: Solid 1px #008dd3;
    border-radius: 4px 4px 0px 0px;
    background-color: #628bc3;
    padding: 2px;
    margin-top: 9px;
}

.widgeteditlink-container:hover
{
    background-color: #004b70;
    /* background: url('/images/content/pages/widgeteditlinkhoverbg.png') no-repeat; */
}

.widgeteditlink-container a
{
    color: #F0F0F0;   
}

.widgeteditlink-container a:hover
{
    color: #C0C0C0;
}

.widgeteditlink-container img
{
    border: none;
}

.widgeteditlink-icon
{
    width: 32px;
    padding: 0px 5px;
    float: left;
}

.widgeteditlink-text
{
    width: 70px;
    padding: 8px 0px;
    float: right;
    text-align: center;
}

.addwidget-section
{
    padding: 5px;
    border-top: Solid 1px Gray;   
    border-left: Solid 1px Gray;
    border-right: Solid 1px Gray;
}

.addwidget-container
{
    position: relative;
    zoom: 1.0; /* Required for IE6 compatibility */
}

.addwidget-sectionlist
{
    position: absolute;
    top: 0;
    left: 0;
    width: 120px;
    border-left: Solid 2px #008dd3;
    background-color: #008dd3;
    float: left;
}

.addwidget-sectionlist a
{
    display: block;
    font-size: 14px;
    color: White;
    text-decoration: none;
    padding: 5px 25px 5px 5px;
    width: 100px;
}

.addwidget-sectionlist a.selected
{
    background-image: url("/images/content/pages/personnel_selecteddepartment_bg.png");
    background-position: -100px 0px;
    font-weight: bold;
}

.addwidget-selectionpanel
{
    width: 770px;
    min-height:400px;  
    height:auto !important; /* Required for IE6 compatibility */
    height:400px; /* Required for IE6 compatibility */
    border: Solid 2px #008dd3;
    padding: 5px 5px 5px 20px;
    margin-left: 120px;
}

.addwidget-widgetlist
{
    width: 400px;
    float: left;
    margin-right: 10px;
}

.addwidget-widgetoptions
{
    float: right;
    width: 280px;
    background-color: #EEEEEE;
    border: Solid 1px #669999;
    padding: 5px;
}

.widgetinfo-text
{
    
}

.widgetinfo-add
{
    height: 25px;
}

.widgetinfo-paramentry
{
    border-top: 1px Solid #669999;
    padding: 5px 0px;
    line-height: 24px;
}

.widgetwarning-container
{
    clear: both;
}

.widgetwarning-icon
{
    margin-left: 1px;
    width: 54px;
    float: left;
}

.widgetwarning-text
{
    width: 370px;
    float: right;
    padding: 1px 5px 0px 0px;
}

.widgetfilter
{
    border-bottom: Solid 1px #004b70;
    padding: 0px 2px 5px 2px;
    margin-bottom: 4px;
}

.widgettotals
{
    clear: both;
    margin-top:5px;
    padding-top:5px;
    border-top:Solid 1px #004b70;
    zoom: 1.0; /* Required for IE6 compatibility */
}

.widgetfooter
{
    border-top: Solid 1px #004B70;
    padding: 2px 2px 0px 2px;
    margin-top: 4px;
}

.widget-table
{
    width: 100%;
}

.widget-table-header
{
    background: White;
}

.widget-table-header th
{
    color: #004b70;
    border-bottom: Solid 2px #004b70;
}

.widget-table-header a
{
    color: #003333;
}

.widget-table-header a:hover
{
    color: #669999;
}

.widget-table-secondrow
{
    font-style: italic;
}

.widget-table-marketplacerow {
    height: 32px;
}

.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/dashboard/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 #628bc3;
    background-color: #008dd3;
    -moz-border-radius: 5px;
    width: 404px;
    height: 195px;
    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;
    padding-left: 10px;    
}

.summary-graphfilters
{
    background-color: #EEEEEE;
    border: Solid 1px #AEB2B1;
    color: Black;
    padding: 0px 5px;
    line-height: 24px;
    font-weight: bold;
    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-color: White;
    top:0px;
    left:0px;
    padding: 160px 120px;
}

.summary-toplists
{
    clear: both;
    border-top: Solid 1px #004b70;
    padding-top:5px;
}

.summary-headertext
{
    font-size: 14px;
    font-weight: bold;   
}

.mail-recipientlist
{
    height: 575px;
    width: 438px;
    overflow: auto;
    border: Solid 1px #008dd3;
    font-size: 12px;
}

.mail-recipientoptions
{
    float: right;
    width: 120px;
    margin-right: 10px;
    font-size: 11px;
    text-align: right;
}

.edituseradmin-selectaccountmessage
{
    border: Solid 1px #008DD3;
    width: 385px;
    margin:125px auto 181px auto;
    padding:5px;
}

.helpvideolist-container
{
    border: Solid 1px Silver;
    padding: 5px;
}

.orderentry-orderdetails
{
    width: 350px;
    float: left;
    line-height: 32px;
}

.orderentry-orderdetails-deliveryaddress
{
    margin-left: 120px;
    line-height: normal;
}

.orderentry-selectmaterial
{
    width: 580px;
    float: right;
}

.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 #669999;
    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: #004b70;
    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: Silver;
    color: Black;
}

.specs-finish
{
    /* Class to format processed material specifications in machine specification tables in machine specifications thickboxes */
    background-color: #DDDDDD;
    color: Black;
}

.survey-entry-line
{
    padding: 2px 5px;
}

.survey-entry-pushdown
{
    /* Class to 'push down' text on entry lines, due to extra height of the entry controls */
    padding-top: 5px;
}

.survey-entry-questionno
{
    width: 55px;
    float: left;
    padding-top: 5px; /* To 'push down' text on entry lines, due to extra height of the entry controls */
    font-size: 15px;
    font-weight: bold;
}

.survey-entry-question
{
    width: 500px;
    float: left;
    padding-top: 5px;  /* To 'push down' text on entry lines, due to extra height of the entry controls */ 
    padding-bottom: 5px;
    font-size: 14px;
}

.survey-entry-inputcontrol
{
    width: 300px;
    float: right;
  
}

.survey-errorstar
{
    color: Red;
    font-size: 15px;
    font-weight: bold;
    margin-left: 2px;
}

.surveyresults-columns
{
    width: 458px;
    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;
}

/* Drop Down Window Styles (ala Mac OS X Message Boxes) */

.ddw
{
    display: none;
    position: absolute;
    border-left: Solid 5px #BC251C;
    border-right: Solid 5px #BC251C;
    /* border-bottom: Solid 5px #BC251C; */
    width: 905px;
    top: -49px;
    left: -6px;
    background-color: White; 
    z-index: 20;
}
     
.ddw-header
{
    background-color: #BC251C;
    padding: 3px 2px;
}
        
.ddw-header h4
{
    color: White;
}
        
.ddw-close
{
    width: 125px;
    text-align: right;
    float: right;
}
        
.ddw-close a
{
    color: White;
}
      
.materialselector-content
{
    padding: 5px 10px 10px 10px;
    height: 315px;
    overflow: auto;
    position: relative;
}

.materialselector-loading
{
    background: White;
    width: 897px;
    height: 322px;
    position: absolute;
    top: 24px;
    left: 0px;
    padding: 4px;
    text-align: center;
    z-index: 10;
}

.deliveryadmin-content
{
    padding: 5px 10px 10px 10px;
    height: 240px;
    overflow: none;
}
        
.ddw-footer
{
    background-color: #BC251C;
    padding: 3px 0px;
    color: White;
    font-size: 15px;
}

.ddw-addnew
{
    margin-top: 5px;
}

.ddw-recordcount
{
    width: 125px;
    float: left;
    padding: 4px 0px;
}

.materialselector-footer-infoicon
{
    width: 30px;
    float: left;
    padding: 1px 0px;
}

.materialselector-footer-infotext
{
    width: 625px;
    font-size: 10px;
    font-weight: bold;
    float: left;
}

.orderentry-headerinfotext
{
    font-weight: bold;
    font-size: 12px;
}

.orderentry-deladmin-addresslist
{
    width: 320px;
    float: left;
}

.orderentry-deladmin-deliverydetails
{
    width: 550px;
    float: right;
    line-height: 20px;
}

.orderentry-deladmin-deliverydetails-labels
{
    width: 120px;
    float: left;
}

.orderentry-deladmin-deliverydetails-details
{
    float: left;
}

.orderentry-furtherprocessingnotice
{
    border: Solid 1px Black;
    margin-top: 5px;
    padding: 2px;   
}

.orderentry-furtherprocessingnotice-icon
{
    width: 55px;
    float: left;
}

.orderentry-furtherprocessingnotice-text
{
    width: 535px;
    float: left;
    font-size: 11px;
}

.orderentry-scsticker
{
    list-style-type: none;
	background: #FFFFFF;
	padding: 0px;
	margin: 0px;
	font-size: 12px;

}

.orderentry-scspromo
{
    background: #EFEDED url("/images/content/scs/scspromo_tickerbg2.jpg") no-repeat;
    width: 235px;
    height: 70px;
    padding: 6px 10px 0px 190px;
    margin-top: 10px;
}

.orderentry-scspromotext-2lines
{
    margin-top: 15px;
}

.orderentry-scspromotext-3lines
{
     margin-top: 8px;
}

.orderentry-scspromotext-4lines
{
    margin-top: 1px;
}

.orderentry-selectprocess
{
    width: 450px;
    padding: 0px 225px;
}

.orderentry-selectprocess-list
{
    list-style-type: none;
	padding: 0px;
	margin: 0px;
	font-size: 12px;
}

.orderentry-selectprocess-scs
{
    background: #EFEDED url("/images/content/online/selectprocess_scs.jpg") no-repeat;
    width: 215px;
    margin-right: 10px;
    float: left;
    text-align: center;
}

.orderentry-selectprocess-coilpickling
{
    background: #EFEDED url("/images/content/online/selectprocess_pickling.jpg") no-repeat;
    width: 215px;
    margin-right: 10px;
    float: left;
    text-align: center;
}

.orderentry-selectprocess-button
{
    display: block;
    width: 215px;
    height: 115px;
    text-decoration: none;
}

.orderentry-editaddress
{
    border: none;
    position: relative;
    top: 5px;
}

.orderentry-loading
{
    background: #700000;
    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: 4px;
    text-align: center;
    z-index: 10;
}

/* Internal Essar reporting styles */
.er-home-toprow
{
    border-bottom: Solid 2px #669999;
    padding-bottom: 4px;
}

.er-home-leftcolumn
{
    width: 455px;
    padding-top: 5px;
    padding-right: 10px;
    float: left;
    border-right: Solid 2px #669999;
}

.er-home-rightcolumn
{
    width: 455px;
    padding-top: 5px;
    float: right;
}

.er-viewreport-button
{
    background: White url("/images/content/intranet/essarreporting/viewreport_button.jpg") no-repeat;
    width: 100px;
    height: 22px;
    float: right;
}

.er-viewreport-button:hover
{
    background: White url("/images/content/intranet/essarreporting/viewreport_button-active.jpg") no-repeat;   
}

.er-salesflow-detailrowtable
{
    width: 100%;
    font-size: 11px;
    font-style: italic;
}

.projects-menucolumn
{
    width: 40%;
    float: left;
}

.projects-overviewcolumn
{
    width: 60%;
    float: left;
}

.projects-overviewheader-container
{
    border-bottom: Solid 1px Black;
    margin: 0px 0px 2px 2px;
    padding-bottom: 5px;
}

.projects-overviewheader-text
{
    margin-top: 5px;   
    float: left;
}

.projects-overviewcount-container
{
    width: 550px;
    font-size: 15px;
    border: Solid 1px #008DD3;
    padding: 5px;
    margin-bottom: 5px;
    background-color: #F0F0F0;
    text-align: center;
}

.projects-overview-table
{
    width: 100%;
}

.projects-overview-nooftasksoverdue
{
    float: left;
    color: White;
    font-weight: bold;
    position: absolute;
    margin: 3px 0px 0px 3px;
    width: 14px;
    text-align: center;
    cursor: default;
}

.projects-overview-actionsmenu-main
{
     
}

.projects-overview-actionsmenu-icon
{
    padding: 5px 2px 5px 5px;
    float: right;   
}

.projects-overview-actionsmenu-menu
{
    background-color: #EEEEEE;
    padding: 5px 18px 5px 5px;
    text-align: right;
    border: Solid 1px Silver;
    line-height: 200%;
}

.projects-overviewlegend-container
{
    clear: both;  
    padding: 5px 0px; 
    border-top: Solid 1px Black;
}

.projects-overviewlegend-icon
{
    width: 30px;
    float: left;
}

.projects-overviewlegend-link
{
    float: left;
    padding: 4px 0px;
}

.projects-overviewlegend-link a
{
    text-decoration: underline;
    cursor: pointer;   
}

.projects-overviewlegend
{
    display: none;
}

.projects-projectinfo
{
    float: right;
    width: 380px;
    background-color: #004b70;
    color: White;
    text-align: center;
    font-size: 13px;
    padding: 5px;
}

.projects-entry
{
    clear: both; 
    margin-bottom: 10px;  
}

.projects-taskslists-awaitingpostingcolumn
{
    width: 430px; 
    float: left;  
}

.projects-taskslists-alreadypostedcolumn
{
    width: 430px;
    float: right;   
}

.projects-taskslists-fullwidthcolumn
{
    width: 100%;
    float: left;   
}

.projects-taskentry
{
    height: 310px;
    overflow-y: auto;
    background-color: #EEEEEE;
    border: 1px Solid #CCCCCC;
    padding: 0px 10px 10px 10px;
    margin-bottom: 10px;
}

.projects-taskentry-sectionheader
{
    border-bottom: 1px solid Silver;
    padding: 10px 0px 5px 0px; 
    margin-bottom: 5px; 
}

.projects-taskentry-addtaskicon
{
    margin-top: 5px;
    float: right;
}

.projects-taskentry-addemployeebutton-container
{
    float: right;   
    padding: 45px 0px;
}

.projects-taskentry-modalnononlineusernameentry
{
    border: Solid 3px Maroon;
    padding: 5px;
    background-color: White;
	width: 270px;
}

.projects-taskentry-modalnononlineusernameentry-closeicon
{
    float: right;
    width: 20px;
    height: 20px;   
}

.projects-taskentry-modalnononlineusernameentry-bg
{
    background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
	z-index: 1000;
}

.projects-entry-columns
{
    width: 49%;   
}

.projects-entry-sectionheader
{
    border-bottom: 1px solid Black;
    padding-bottom: 5px;  
    margin-bottom: 5px; 
}

.projects-entry-inputcontrols
{
    line-height: 200%;
}

.projects-entry-teammembers-label
{
    width: 153px;
    float: left;
}

.projects-entry-teammembers-list
{
    float: left;
}

.projects-entry-teammembers-addbutton
{
    margin-top: 5px;
}

.projects-entry-attchments-container
{
    margin-bottom: 10px;
}

.projects-entry-sectionheader
{
    border-bottom: 1px solid Black;
    padding-bottom: 5px;  
    margin-bottom: 5px; 
}

.projects-entry-attachmentlist
{
    width: 800px;
    float: left;
    overflow-x: auto;
}

.projects-entry-attachmentlist-refresh
{
    float: right;
}

.projects-entry-attachmentlist-refresh img
{
    float: left;
    height: 20px;
    width: 20px;
    margin-right: 5px;
}

.projects-entry-attachmentlist-refresh span
{
    float: left;
    margin: 3px 0px;
}

.projects-entry-attachmentitem
{
    float: left;
    width: 100px;
    text-align: center;
}

.projects-entry-attachmentitem a
{
    text-decoration: none;
}

.projects-entry-attachmentitem img
{
    width: 48px;
    margin: 5px 26px;
}

.projects-entry-addattachment
{
    float: right;
    width: 100px;
    text-align: center;
}

.projects-entry-addattachment img
{
    width: 48px;
    margin: 5px 26px;
}

.projects-tasklistcolumn-allocatedname
{
    width: 100px;
}

.projects-tasklistcolumn-edit
{
    width: 24px;
}

.projects-taskentry-allocatedtolist
{
    background-color: White;
    border: Solid 1px #828790;
    height: 135px;
    overflow-y: auto;
    padding: 5px;
      
}

.projects-taskentry-postbutton
{
    text-align: right;
    margin-top: 10px;   
}

.projects-taskentry-postbutton-new
{
    background: White url("/images/content/intranet/projects/postnewproject_button.jpg") no-repeat;
    margin-top: 10px;
    width: 130px;
    height: 29px;
}

.projects-taskentry-postbutton-new:hover
{
    background: White url("/images/content/intranet/projects/postnewproject_button-active.jpg") no-repeat;
}

.projects-taskentry-postbutton-edit
{
    margin-top: 10px; 
}

.projects-taskentry-postbutton-edit:hover
{
    background: White url("/images/content/intranet/projects/postprojectedit_button-active.jpg") no-repeat;
}

.projects-entry-completebutton
{
    background: White url("/images/content/intranet/projects/completeproject_button.jpg") no-repeat;
    width: 190px;
    height: 45px;
}


.projects-addsubtaskbutton
{
    float: right;
    width: 230px;
    height: 28px;
    background: #EEEEEE url("/images/content/intranet/projects/addsubtask_button.jpg") no-repeat;   
}

.projects-addsubtaskbutton:hover
{
    background: #EEEEEE url("/images/content/intranet/projects/addsubtask_button-active.jpg") no-repeat;  
}

.projects-taskstreeview-container
{
    float: left; 
    background-color: White; 
    border: 1px solid Silver; 
    margin-right: 15px; 
    padding: 5px; 
    height: 260px; 
    width: 330px; 
    overflow-y: auto
}

.projects-taskstreeview-level
{
    margin: 2px 0px;
}

.projects-taskstreeview-iconlevel1
{
    width: 20px;
    float: left;  
    margin: 3px 0px;
}

.projects-tasktreeview-textlevel1
{
    width: 270px;
    float: left;
    margin: 4px 0px;
}

.projects-taskstreeview-branchlevel2
{
    width: 10px;
    height: 17px;  
    float: left; 
    /* background: #EEEEEE url("/images/content/intranet/projects/treeviewbranch_level2.jpg") no-repeat; */
}

.projects-tasktreeview-iconlevel2
{
    width: 20px;
    float: left; 
    margin: 3px 0px; 
}

.projects-tasktreeview-textlevel2
{
    width: 260px;
    float: left;
    margin: 4px 0px;
}

.projects-taskstreeview-branchlevel3
{
    width: 20px;
    height: 17px;  
    float: left; 
    /* background: #EEEEEE url("/images/content/intranet/projects/treeviewbranch_level3.jpg") no-repeat; */
}

.projects-tasktreeview-iconlevel3
{
    width: 20px;
    float: left;  
    margin: 3px 0px;
}

.projects-tasktreeview-textlevel3
{
    width: 250px;
    float: left;
    margin: 4px 0px;
}

.projects-taskstreeview-branchlevel4
{
    width: 30px;
    height: 17px;  
    float: left; 
    /* background: #EEEEEE url("/images/content/intranet/projects/treeviewbranch_level4.jpg") no-repeat; */
}

.projects-tasktreeview-iconlevel4
{
    width: 20px;
    float: left;  
    margin: 3px 0px;
}

.projects-tasktreeview-textlevel4
{
    width: 240px;
    float: left;
    margin: 4px 0px;
}

.projects-tasktreeview-indicator
{
    width: 20px;
    float: left;
}

.projects-taskstreeview-taskinfo
{
    width: 555px;
    height: 270px;
    overflow-y: auto;
    float: left;
}

.projects-taskstreeview-taskinfo-section
{
    border-bottom: Solid 1px Black;
    padding-bottom: 2px;
}

.projects-taskstreeview-taskinfo-leftcol
{
    width:48%;
    margin-right:10px;
    float:left;
}

.projects-taskstreeview-taskinfo-rightcol
{
    width:49%;
    float:left;
}

.projects-partofprojecttext
{
    border-top: Solid 1px Black;
    margin: 5px 0px;
    padding-top: 5px;   
    font-size: 11px;
}

a.projects-menubutton
{
    border: Solid 1px Transparent;
    display: inline-block;
    float: left;
    padding: 5px;
    text-align: center;
    text-decoration: none;
}

a:hover.projects-menubutton
{
    border: Solid 1px #669999;
    background-color: #DDDDDD;
}

a.projects-menubutton img
{
    margin-bottom: 5px;
}

.marketingdb-list-table
{
    text-align: left;
    width: 100%;
}

.marketingdb-list-table th
{
    border-bottom: Solid 2px Black;
}
.marketingdb-contact-list
{
    width: 500px;
    float: left;
}

.marketingdb-contact-details
{
    width: 360px;
    height: 340px;
    float: right;
    background-color: #E9E9E9;
    padding: 0px 10px 0px 10px;
    border-left: Solid 1px Black;
}

.marketingdb-contact-table
{
    width: 360px;
}

.marketingdb-contact-table th
{
    border-bottom: Solid 2px Black;
    padding: 4px 0px;
}

.bireportslist-welcome
{
    padding: 5px;
}

.bireportslist-icon
{
    float: left;
    height: 22px;
    width: 28px;
    margin-right: 5px;
}

.bireportslist-popupwarning
{
    padding: 5px;
    margin-top: 10px;
    background-color: #EEEEEE;
    border: Solid 1px #AEB2B1;
}

.bireportslist-listcontainer
{
    border: Solid 2px #008dd3;
    padding: 5px;
}

.bireportslist-listcontainer h4
{
    border-bottom: Solid 1px Silver;
    padding-bottom: 2px;
}

.bireportslist-listcontainer ul
{
    margin: 0;
    padding-left: 25px;
}

.bireportslist-list-departmenticon
{
    width: 45px;
    float: left;   
}

.bireportslist-categorymenu
{
    /* Class for placeholder Servo Online menu */
    color: White;
    margin: 10px 0px 0px 5px;
    /* padding: 5px; */
}

.bireportslist-categorymenu a
{
    display: block;
    text-decoration: none;
}

.bireportslist-categorymenu-activetab
{   
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background: url('/images/content/pages/onlinetabbg-active.png') no-repeat;
    width: 92px; /* changed from 120px - 14/4/2010 */
        height: 13px; /* changed from 17px - 25/8/2009 */
        margin: 0px 5px 0px 2px;
        text-align: center;
        padding: 8px;
        float: left;
        color: White;
        font-weight: bold;
}

.bireportslist-categorymenu-activetab:hover
{
     background: url('/images/content/pages/onlinetabbg-active.png') no-repeat;
     color: White;  
}

.bireportslist-categorymenu-inactivetab
{
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background: url('/images/content/pages/onlinetabbg.png') no-repeat;
    width: 90px; /* changed from 120px - 14/4/2010 */
    height: 13px; /* changed from 17px - 25/8/2009 */
    margin-right: 5px;
    text-align: center;
    padding: 8px;
    float: left;
    color: Black;
}

.bireportslist-categorymenu-inactivetab:hover
{
     background: url('/images/content/pages/onlinetabbg-active.png') no-repeat;
     color: White;  
}

.bireportslist-list-departmenttext
{
    float: left;  
    margin: 7px 0px; 
}

.bireportslist-legend
{
    margin-top: 10px;
}

/* Time off requests styles */
.tor-overviewcount-container
{
    border:Solid 1px #008DD3;
    background-color: #008DD3;
    width: 560px;
    margin-bottom: 5px;
}

.tor-overviewcount-holiday
{
    background-color: #EEEEEE;
    font-size: 15px;
    padding: 5px;
    text-align: center;
}

.tor-overviewcount-unpaidholiday
{
    padding: 5px 10px;
    color: White;
}

.tor-request-container
{
    clear: both;
    margin-bottom: 10px;   
}

.tor-request-entry-staff
{
    width: 725px;
    float: left; 
    position: relative;  
}

.tor-request-entry-works
{
    width: 575px;
    float: left;
    position: relative;
}

.tor-request-current-staff
{
    width: 175px;
    float: right;   
    line-height: 20px;
}

.tor-request-current-works
{
    width: 325px;
    float: right;   
    line-height: 20px;
}

.tor-request-current-staff h2 
{
    /* Set default margin and padding */
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 2px 0px;
    /* Set green border at bottom of element */
    border-bottom: Solid 1px #004B70;  
}

.tor-request-current-works h2
{
    /* Set default margin and padding */
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 2px 0px;
    /* Set green border at bottom of element */
    border-bottom: Solid 1px #008DD3;  
}

.tor-request-current-data
{
    width: 150px;
    float: left;
}

.tor-request-notice
{
    border: Solid 1px #008DD3;
    background-color: #F0F0F0;
    padding: 5px;
    margin-bottom: 10px;
}

.tor-request-notice-icon
{
    width: 60px;
    float: left;
}

.tor-request-notice-text
{
    float: left;
    padding: 7px 0px;
}

.tor-lateabs-entrycolumn
{
    width: 250px;
    float: left;
}

.tor-lateabs-header
{
    font-weight: bold;
    padding: 5px;
    border-bottom: Solid 1px #006699;
}

.tor-entry-header
{
    /* Set default margin and padding */
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 2px 0px;
    /* Set green border at bottom of element */
    border-bottom: Solid 1px #004B70;
}

.tor-entry-header h1
{
    display: inline-block;
    float: left;
    /* Override default styles */
    border-bottom: none;
    margin: 0px;
    padding: 0px;
}

.tor-entry-employeeselector
{
    float: left;
    border-left: Solid 1px #004B70;
    margin: 3px 0px 0px 10px;
    padding-left: 10px;
}

.tor-request-header
{
    background-color: #008DD3;
    color: White;
    font-weight: bold;
    padding: 5px;
}

.tor-request-item
{
    padding: 2px 5px;
}

.tor-request-paddedcell
{
    padding: 5px 0px;
}

.tor-request-type
{
    width: 200px;
    float: left;
}

.tor-request-daterange
{
    width: 200px;
    float: left;
}

.tor-request-daysrequested
{
    width: 100px;
    float: left;
    text-align: center;
}

.tor-request-authoriser
{
    width: 150px;
    float: left;
}

.tor-request-admin
{
    float: right;
}

.tor-request-footer
{
    border-top: Solid 1px #004B70;
    margin: 5px;
    padding-top: 5px;   
}

.tor-request-entryform
{
    position: relative;
    padding: 6px 0px;
}

.tor-request-entryform-loading
{
    position: absolute;
    background-color: White;
    width: 100%;
    text-align: center;
    padding: 2px 0px;
}

.tor-additional-allocate
{
    border-top: Solid 1px #004B70;
    margin-top: 5px;
    padding-top: 5px;
}

.tor-request-savewarning
{
    border: Solid 1px #008dd3;
    background-color: #f0f0f0;
    padding: 5px;
    margin-top: 10px;
}

.tor-request-savewarning-icon
{
    width: 60px;
    float: left;
}

.tor-request-savewarning-text
{
    float: left;
    
}

.tor-adddays-info
{
    background-color: #EEEEEE;
    border: 1px solid #AEB2B1;
    padding: 5px;
    width: 400px;
}

.tor-adddays-info-icon
{
    float: left;
    width: 60px;
}

.tor-adddays-info-text
{
    float: left;
    width: 340px;
}

.tor-request-saveandsubmit-container
{
    position: relative;
    float: right;
    display: inline-block;
}

.tor-request-saveandsubmit-loading
{
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 0px;
    background-color: white;
}

.nobg
{
    background: none;
}

.offerslist-menu
{
    float: left;
    width: 220px;
    min-height: 500px;
    border-right: Solid 2px #669999;
}

.offerslist-materiallistsmenu
{
    float: left;
    width: 220px;
    min-height: 500px;
    margin-left: 10px;
    border-right: Solid 2px #669999;
}

.offerslist-menuitem
{
    padding: 5px 10px 5px 0px;
    margin: 2px 0px;
}

.offerslist-menuitem a.link
{
    display: inline-block;
    margin-top: 3px;
    text-decoration: none;
}

.offerslist-menuitem-selected
{
    padding: 5px 10px 5px 5px;
    margin: 2px 0px;
    background-color: #669999;
    color: White;
    font-weight: bold;
}

.offerslist-menuitem-selected a.link
{
    display: inline-block;
    margin-top: 3px;
    color: White;
    text-decoration: none;
}

.offerslist-menuitem-selected a:hover
{
    color: #CCCCCC;
}

.offerslist-list
{
    float: left;
    width: 470px;
    min-height: 500px;
    margin-left: 10px;
}

.offerslist-addnewsection
{
    margin: 10px 10px 0px 0px;
    border-top: Solid 1px #669999;
    padding: 10px 0px;
}

.offerslist-addnewsection a
{
    display: inline-block;
    margin-top: 4px;
}

.offerslist-addnew-inputcontrols
{
    line-height: 32px;
}

a.jslink {
    cursor: pointer;
    text-decoration: underline
}