/*
Title: Corporate CSS for use on all Xerox webpage layouts
Created by: Tim Ottewell
Created on: 25th February 2009
Version 1.2
Modified on: 12/03/2010
Modified by: Tim Ottewell
Changes made: added classes to make a LAMP style tables and top tabbed boxes
*/

/*  ***PLEASE DO NOT CHANGE THIS PART OF THE STYLESHEET***  */
/*  If you feel additions or modifications need to be made let me know so I can apply them to the template */

body {
    margin: 0;
    padding: 0;
    padding-top: 2px;
    background-image: url("../images/2011/bg.jpg");
    background-repeat: repeat-x;
    background-color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
}

body.corp a {
    color: #e67600;
}

body.corp .sidebars ul li a:hover {
    color: #e67600;
}

body.corp #contactBox {
    background-image: url("../images/2011/contact_box.jpg");
}

body.psg a {
    color: #E67600;
}

body.psg {
    font-size: 11px;
}

body.psg table td {
    font-size: 11px;
}

body.psg .sidebars ul li a:hover {
    color: #E67600;
}

body.psg #contactBox {
    background-image: url("../images/2011/contact_box_psg.jpg");
}

body.xog a {
    color: #2895d5;
}

body.xog .sidebars ul li a:hover {
    color: #2895d5;
}

body.xog #contactBox {
    background-image: url("../images/2011/contact_box_xog.jpg");
}

body.xgs a {
    color: #9b2583;
}

body.xgs .sidebars ul li a:hover {
    color: #9b2583;
}

body.xgs #contactBox {
    background-image: url("../images/2011/contact_box_xgs.jpg");
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

p {
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 10px;
    color: #333333;
}

p.heading {
    margin: 0px;
    padding-top: 10px;
    padding-bottom: 0px;
    font-weight: bold;
}

h1.pagetitle {
    font-size: 24px;
    color: #666666;
    margin: 0px;
    margin-top: 8px;
    padding: 0px;
}

h1.contenttitle {
    color: #333333;
    margin: 0px;
    padding-bottom: 4px;
    font-size: 20px;
}

h3 {
    color: #333333;
    font-size: 13px;
    padding: 0px 0px 4px 0px;
    margin: 0px 0px 0px 0px;
}

h4 {
    font-size: 11px;
}

ul {
    padding-top: 3px;
    padding-left: 15px;
    margin: 10px;
    margin-top: 2px;
    margin-bottom: 12px;
    list-style-type: square;
    color: #666666;
}

ul li {
    padding-left: 0px;
}

ul li ul {
    padding-top: 2px;
    padding-left: 15px;
    margin: 0px;
}

ul li ul li {
    padding-left: 0px;
    margin: 0px;
}

img {
    border: none;
}

/*  Style for all tables */
table {
    width: 100%;
}

table.alternating {
    margin-top: 4px;
    margin-bottom: 15px;
}

table.alternating thead tr {
    padding: 0px;
    margin: 0px;
    background-color: #ececec;
}

table.alternating th, table.alternating td {
    font-size: 11px;
    color: #666666;
    text-align: center;
    vertical-align: top;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 8px;
    padding-right: 8px;
}

table.alternating th.left, table.alternating td.left {
    text-align: left;
}

table.alternating th.right, table.alternating td.right {
    text-align: right;
}

table.alternating td {
    border-right: 1px solid #ececec;
}

table.alternating td.last {
    border: 0px;
    _padding-top: 3px;
    _padding-bottom: 3px;
}

table.alternating td.first {
    background-color: #fafafa;
}

table.alternating tr {
    background-color: #ffffff;
}

table.alternating tr.odd {
    background-color: #fafafa;
}

table.alternating tr.odd td.first {
    background-color: #f5f5f5;
}

table.alternating tr.firstRow td {
    border-top: 1px solid #ececec;
}

table.alternating tr.lastRow td {
    border-bottom: 1px solid #ececec;
}

/* Style for top tabbed container - this may need to be changed if the number of tabs you have varies */

.topTabbedContainer {
    width: 100%;
    background-color: #fafafa;
    z-index: 0;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

ul.tabbedMenuItems {
    padding: 0px;
    margin: 0px;
    height: 22px;
}

ul.tabbedMenuItems li {
    float: left;
    list-style-type: none;
    width: 246px;
    _width: 247px;
    text-align: center;
    padding-top: 2px;
    border-right: solid 1px #fafafa;
    height: 20px;
    _height: 22px;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
}

ul.tabbedMenuItems a, ul.tabbedMenuItems a:hover, ul.tabbedMenuItems a:visited {
    color: #FFFFFF !important;
}

ul.tabbedMenuItems li.selected {
    background-image: url('../images/2011/tab-on-bg.gif');
    background-repeat: repeat-x;
}

ul.tabbedMenuItems li.unselected {
    background-image: url('../images/2011/tab-off-bg.gif');
    background-repeat: repeat-x;
}

.arrow {
    float: left;
    margin-top: -1px;
    margin-left: 118px;
    padding: 0px;
    height: 8px;
    width: 10px;
    background-image: url('../images/2011/arrow.gif');
    background-repeat: no-repeat;

}

.tabContent {
    margin-top: 15px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 10px;
}

#pageContainer {
    margin: 0px auto;
    width: 864px;
    background-image: url("../images/2011/bg_tile.jpg");
    background-repeat: repeat-y;
    background-color: #ffffff;
}

#pageHeader {
    margin: 0px auto;
    width: 864px;
    background-image: url("../images/2011/bg_upper.jpg");
    background-repeat: no-repeat;
}

#container {
    margin: 0px auto;
    width: 740px;
    padding-top: 45px;
    overflow: visible;
}

#headerBar {
    margin: 0px auto;
    width: 740px;
    height: 50px;
    padding-bottom: 10px;
}

#headerLogo {
    float: left;
    background-image: url("../images/2011/xlogo.gif");
    background-repeat: no-repeat;
    width: 175px;
    height: 50px;
}

#headerText {
    background-repeat: no-repeat;
    background-position: right;
    text-align: right;
    float: right;
    width: 565px;
    height: 48px;
}

#navigationBar {
    _overflow: hidden;
    margin-top: 10px;
    padding: 0px;
    background-image: url("../images/2011/top_nav_glass_bar.gif");
    background-repeat: no-repeat;
    height: 35px;
    width: 740px;
}

#navigationBar ul {
    padding: 0px;
    margin: 0px;
    display: block;
    list-style: none;
}

#navigationBar ul li {
    background-image: url("../images/2011/top_nav_separator.gif");
    background-repeat: no-repeat;
    background-position: right;
    height: 23px;
    padding: 7px 13px 0px 13px;
    margin: 0px 0px 0px 0px;
    float: left;
    font-size: 13px;
    font-weight: bold;
    color: #666666;
}

#navigationBar ul li.last {
    background-image: none;
}

#navigationBar ul li ul {
    width: 200px;
    border-top: 1px solid #e0e0e0;
    position: absolute;
    display: none;
    background-color: #ececec;
    margin-left: -13px;
    margin-top: 7px;
    list-style: none;
}

#navigationBar ul li ul li {
    height: auto;
    position: relative;
    display: block;
    border-bottom: 1px solid #cccccc;
    padding: 9px 14px 9px 14px;
    float: none;
    font-size: 13px;
    font-weight: bold;
    color: #666666;
}

#navigationBar ul li ul li.last {
    border-bottom: none;
}

#navigationBar ul li a {
    text-decoration: none;
    color: #666666;
    display: block;
}

#navigationBar ul li a:hover {
    text-decoration: underline;
    color: #666666;
}

#navigationBar ul li a.noLink {
    color: #666666;
    text-decoration: none;
    cursor: default;
}

#banner_740 {
    background-repeat: no-repeat;
    height: 208px;
    width: 740px;
    margin-bottom: 7px;
}

#banner_555 {
    background-repeat: no-repeat;
    height: 192px;
    width: 555px;
    margin-bottom: 7px;
}

#banner_545 {
    background-repeat: no-repeat;
    height: 192px;
    width: 545px;
    margin-bottom: 7px;
}

#banner_490 {
    background-repeat: no-repeat;
    height: 128px;
    width: 490px;
    margin-bottom: 7px;
}

#content {
    padding-top: 10px;
}

#leftContent_490 {
    float: left;
    width: 490px;
    margin-right: 10px;
    margin-bottom: 15px;
}

#leftContent_545 {
    float: left;
    width: 545px;
    margin-right: 10px;
    margin-bottom: 15px;
}

#leftContent_175 {
    float: left;
    width: 175px;
    margin-right: 10px;
    margin-bottom: 15px;
}

#rightContent_240 {
    float: left;
    width: 240px;
}

#rightContent_185 {
    float: left;
    width: 185px;
}

#rightContent_555 {
    float: left;
    width: 555px;
}

#centreContent_740 {
    float: left;
    width: 740px;
}

#rightContent_240 #contactBox {
    background-repeat: no-repeat;
    height: 128px;
    width: 220px;
    padding-left: 20px;
    margin-bottom: 10px;
}

#rightContent_240 #contactBox #help {
    float: left;
    width: 196px;
    height: 20px;
    background-image: url("../images/2011/how_may_we_help.png");
    background-repeat: no-repeat;
    margin-top: 35px;
}

#rightContent_240 #contactBox #contactText {
    float: left;
    margin-top: 15px;
}

#rightContent_240 #contactBox #contactText p.text {
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 2px;
    padding: 0px;
}

#rightContent_240 #contactBox #contactText p.link {
    color: #ffffff;
}

#rightContent_240 #contactBox #contactText a.contactUs {
    color: #ffffff;
}

/* 240px wide right hand sidebar CSS */

.rhn_240_sidebar {
    width: 240px;
    margin-bottom: 16px;
}

.rhn_240_sidebar_header {
    padding: 7px 10px 5px 12px;
    background-image: url(../images/2011/sidebar_hd_240.gif);
    background-repeat: no-repeat;
    color: #333333;
    font-size: 13px;
    font-weight: bold;
}

.rhn_240_sidebar_content {
    padding: 13px;
    padding-top: 8px;
    padding-right: 0px;
    background-image: url(../images/2011/sidebar_content_240.gif);
    background-position: bottom left;
    background-repeat: no-repeat;
    color: #666666;
}

.rhn_240_sidebar_content ul {
    width: 215px;
    padding: 0px;
    margin: 0px;
}

.rhn_240_sidebar_content ul li {
    list-style: none;
    padding: 0px;
    margin: 0px;
    padding-top: 2px;
}

.rhn_240_sidebar_content ul li a:link,
.rhn_240_sidebar_content ul li a:active,
.rhn_240_sidebar_content ul li a:visited {
    display: block;
    background-image: url(../images/2011/carat-pointer-txt_11px.gif);
    background-position: 0px 4px;
    background-repeat: no-repeat;
    color: #666666;
    padding-left: 15px;
    font-size: 11px;
    _height: 0px;
}

.rhn_240_sidebar_content ul.noLink {
    width: 195px;
}

.rhn_240_sidebar_content ul.noLink li {
    list-style-type: square;
    padding-top: 0px;
    padding-bottom: 2px;
    color: #666666;
    margin-left: 15px;
}

.rhn_240_sidebar_content ul.noLink li.noBullet {
    list-style-type: none;
    display: inline;
    padding: 0px;
    margin: 0px;
}

.rhn_240_sidebar_content ul.noLink li ul {
    width: 195px;
    padding-left: 15px;
}

/* 185px wide right hand sidebar CSS */

.rhn_185_sidebar {
    width: 185px;
    margin-bottom: 16px;
}

.rhn_185_sidebar_header {
    padding: 7px 10px 5px 12px;
    background-image: url(../images/2011/sidebar_hd_185.gif);
    background-repeat: no-repeat;
    color: #333333;
    font-size: 11px;
    font-weight: bold;
}

.rhn_185_sidebar_content {
    padding: 13px;
    padding-top: 8px;
    padding-right: 0px;
    background-image: url(../images/2011/sidebar_content_185.gif);
    background-position: bottom left;
    background-repeat: no-repeat;
    color: #666666;
}

.rhn_185_sidebar_content ul {
    width: 160px;
    padding: 0px;
    margin: 0px;
}

.rhn_185_sidebar_content ul li {
    list-style: none;
    padding-top: 2px;
}

.rhn_185_sidebar_content ul li a:link,
.rhn_185_sidebar_content ul li a:active,
.rhn_185_sidebar_content ul li a:visited {
    display: block;
    background-image: url(../images/2011/carat-pointer-txt_11px.gif);
    background-position: 0px 4px;
    background-repeat: no-repeat;
    color: #666666;
    padding-left: 15px;
    font-size: 11px;
    _height: 0px;
}

.rhn_185_sidebar_content ul.noLink {
    width: 140px;
}

.rhn_185_sidebar_content ul.noLink li {
    list-style-type: square;
    padding: 0px;
    padding-bottom: 2px;
    color: #666666;
    margin-left: 15px;
}

.rhn_185_sidebar_content ul.noLink li.noBullet {
    list-style-type: none;
    display: inline;
    padding: 0px;
    margin: 0px;
}

.rhn_185_sidebar_content ul.noLink li ul {
    width: 140px;
    padding-left: 15px;
}

/* 175px wide left hand sidebar CSS */

.lhn_175_sidebar {
    width: 175px;
    margin-bottom: 16px;
}

.lhn_175_sidebar_header {
    padding: 7px 10px 5px 12px;
    background-image: url(../images/2011/sidebar_hd_175.gif);
    background-repeat: no-repeat;
    color: #333333;
    font-size: 11px;
    font-weight: bold;
}

.lhn_175_sidebar_content {
    padding: 13px;
    padding-top: 8px;
    padding-right: 0px;
    background-image: url(../images/2011/sidebar_content_175.gif);
    background-position: bottom left;
    background-repeat: no-repeat;
    color: #666666;
}

.lhn_175_sidebar_content ul {
    width: 150px;
    padding: 0px;
    margin: 0px;
}

.lhn_175_sidebar_content ul li {
    list-style: none;
    padding-top: 2px;
}

.lhn_175_sidebar_content ul li a:link,
.lhn_175_sidebar_content ul li a:active,
.lhn_175_sidebar_content ul li a:visited {
    display: block;
    background-image: url(../images/2011/carat-pointer-txt_11px.gif);
    background-position: 0px 4px;
    background-repeat: no-repeat;
    color: #666666;
    padding-left: 15px;
    font-size: 11px;
    _height: 0px;
}

.lhn_175_sidebar_content ul.noLink {
    width: 130px;
}

.lhn_175_sidebar_content ul.noLink li {
    list-style-type: square;
    padding: 0px;
    padding-bottom: 2px;
    color: #666666;
    margin-left: 15px;
}

.lhn_175_sidebar_content ul.noLink li.noBullet {
    list-style-type: none;
    display: inline;
    padding: 0px;
    margin: 0px;
}

.lhn_175_sidebar_content ul.noLink li ul {
    width: 130px;
    padding-left: 15px;
}

/* Footer bar */

#pageFooter {
    background-image: url("../images/2011/bg_lower.jpg");
    background-position: bottom left;
    background-repeat: no-repeat;
    width: 864px;
    height: 117px;
}

#footer-links {
    margin-top: 0pt;
    margin-right: auto;
    margin-bottom: 0pt;
    margin-left: auto;
    width: 740px;
    background-image: url("../images/2011/glass_bar.gif");
    background-repeat: no-repeat;
    height: 41px;
    font-size: 11px;
    position: relative;
    padding: 0px;
}

#footer-links li {
    margin-left: 5px;
    display: inline;
}

#footer-links li a {
    display: block;
    float: left;
    margin-top: 9px;
    padding-left: 16px;
    text-decoration: none;
    color: #676767;
    background-image: url("../images/2011/footer_separator.gif");
    background-repeat: no-repeat;
    background-position: left center;
}

#footer-links li a.first {
    padding-left: 15px;
    background-image: none;
}

#footer-links li a:hover {
    color: #000000;
}

#copyright {
    margin-left: auto;
    margin-right: auto;
    margin-top: -5px;
    width: 710px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #979797;
}

/* Add your own styles here */
/***** auth page *****/
#auth table {
    width: 350px;
}

#auth .login-box {
    margin: 50px auto;
    width: 650px;
    background: url("/images/bg_login_box.png") repeat-x scroll 0 0 #F4F4F4;
    /*background:-moz-linear-gradient(center top , #FFFFFF, #F4F4F4) repeat scroll 0 0 transparent;
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#F4F4F4));*/
    border: 1px solid #CCCCCC;
    box-shadow: 0 3px 4px #CCCCCC;
}

#auth .title {
    border-bottom: 1px solid #CCCCCC;
    margin: 0 0 20px;
    padding: 0 0 20px;
}

#auth .title_subhdr {
    display: block;
    font-size: 12px;
    font-weight: 200;
    padding-left: 2px;
}

#auth .content {
    padding: 20px;
}

#auth label {
    display: block;
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 1px;
}

#auth .input {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #999999;
    border-radius: 5px 5px 5px 5px;
    display: block;
    font-size: 14px;
    padding: 2px;
    position: relative;
    width: 20em;
}

/** buttons **/

.btn_login {
    background: url("/images/2011/btn_login.jpg") repeat-x scroll 0 0;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    border: 0;
    width: 59px;
    height: 19px;
}

.request_submit {
    background: url("/images/2011/btn_request_send.gif") repeat-x scroll 0 0;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    border: 0;
    width: 196px;
    height: 19px;
}

.btn_search {
    background: url("/images/2011/btn_search.gif") repeat-x scroll 0 0;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    border: 0;
    width: 56px;
    height: 19px;
}

.btn_auction_save {
    background: url("/images/2011/btn_auction_save.gif") repeat-x scroll 0 0;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    border: 0;
    width: 136px;
    height: 19px;
}

.btn_auction_start {
    background: url("/images/2011/btn_auction_start.gif") repeat-x scroll 0 0;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    border: 0;
    width: 176px;
    height: 19px;
}

.btn_bid_send {
    background: url("/images/2011/btn_bid_send.gif") repeat-x scroll 0 0;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    border: 0;
    width: 116px;
    height: 19px;
}

.btn_bid_save {
    background: url("/images/2011/btn_bid_save.gif") repeat-x scroll 0 0;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    border: 0;
    width: 116px;
    height: 19px;
}

.smalltable {
    width: 150px;
    margin-left: 150px;
}

h1 {
    font-size: 18px;
    font-weight: bold;
    color: #e67600;
}

#centreContent_740 {
    min-height: 260px;
}

textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

#centreContent_740 {
    font-size: 11px;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.reminder .icon {
    float: right;
}

.report_points {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid;
    width: 22px;
    text-align: center;
}

.report_select {
    width: 200px;
}

.scoring_sheet {
    background-color: #fdf2f2;
}

.post_scoring_points {
    width: 250px;
    padding: 0px;
}

.email_response_field {
    width: 640px;
    height: 200px;
}

.center {
    text-align: center;
}

.mandatory {
    background-color: #FFAAAA;
}

.dont-break-out {

/ These are technically the same, but use both / overflow-wrap: break-word;
    word-wrap: break-word;

    -ms-word-break: break-all;
/ This is the dangerous one in WebKit, as it breaks things wherever / word-break: break-all;
/ Instead use this non-standard one: / word-break: break-word;

/ Adds a hyphen where the word breaks, if supported (No Blink) / -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;

}