﻿body 
{   
    /* Set default margin and padding */
    margin: 0;
    padding: 0;
    /* Set background and default font settings */
    /* background: #C4C6C5; */
    font-family: "Arial","Phetsarath OT";
    font-size: 13px;   
    line-height: 1.25; /* Added for better cross-browser/cross-platform compatibility */
}

h1
{
    /* Set default margin and padding */
    margin: 0px 0px 10px 0px;
    padding: 0px;
    /* Explicitly set font size */
    font-size: 19px;
}

h2
{
    /* Set default margin and padding */
    margin: 0px;
    padding: 0px;
    /* Explicitly set font size */
    font-size: 17px;
}

h3
{
    /* Set default margin and padding */
    margin: 0px;
    padding: 0px;
    /* Explicitly set font size */
    font-size: 17px;
    display: inline;
}

h4
{
    /* Set default margin and padding */
    margin: 0px;
    padding: 0px;
    /* Explicitly set font size */
    font-size: 14px;
    display: inline;
}

a
{
    color: #300000;
}

a:hover
{
    color: #CC0000;
}

th
{
    /* Make text in all table headers left align by default */
    text-align: left;
}

.alignright {
    text-align: right;
}

.clearfloat
{
    /* Class for clearing of floated elements in containers */
    clear: both;
}

/* popup_window style based on TB_window from Thickbox CSS */
#popup_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#popup_window a:link {color: #000;}
#popup_window a:visited {color: #000;}
#popup_window a:hover {color: #666;}
#popup_window a:active {color: #000;}
#popup_window a:focus{color: #000;}

#popup_container
{
    background: #F0EEEE;
    color: Black;
    font-size: 16px;
    padding: 5px;
}

.content
{
    width: 732px;
    padding: 0px 10px;
}

.header
{
    background-color: #F0F0F0;
    border: Solid 1px #008DD3;
    height: 34px;
    padding: 5px;
    margin-bottom: 10px;
}

.stockcard
{
    margin: 5px 10px;
    width: 732px;
}

.stockcard a
{
    font-size: 13px;
}

.stockcard-top
{
    background: url('/images/layout/popupcontainertop.png') no-repeat;
    height: 10px;
    overflow: hidden;
}

.stockcard-content
{
    background: url('/images/layout/popupcontainerbg.png') repeat-y;
    padding: 0px 10px;
    font-size: 13px;
    overflow: hidden;
}

.stockcard-bottom
{
    background: url('/images/layout/popupcontainerbottom.png') no-repeat;
    height: 10px;
    overflow: hidden;
}

.stockcard-loadingimage
{
    height: 32px; 
    width:32px; 
    position: absolute; 
    left: 1px; 
    top: 0px;   
}

.stockcard-tabcontent
{
    height: 145px;
    overflow: auto;
    font-size: 11px;
}

.stockcard-tabcontent a
{
    font-size: 11px;
}

.card-container
{
    margin: 10px;
    padding: 10px;
    background-color: White;
    border: 1px Solid #C72609;
    -moz-border-radius: 10px;
    font-size: 16px;
}

.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;
}

.grid-header
{
    /* Set background colour on online 'grid' headers */
    background: #AA0000;
    color: White;
}

.grid-rows
{
    /* Set background colour on online 'grid' rows */
    background: #D0D2D1;
}

.stockcard-loading
{
    /* position: absolute;
    opacity: 0.9;
    width: 693px;
    height: 169px;
    top: 245px;
    left: 29px;
    background: #E5E5E5;
    z-index: 100; */
    
    position: absolute;
    width: 693px;
    height: 199px;
    top: 245px;
    left: 29px;
    z-index: 100;
}

.loading-image
{
    position: relative;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -110px;
    border: Solid 1px #008dd3;
    background: #f0f0f0;
    padding: 5px;
}

.processchecks
{
    position: absolute;
    /* left: 25px; */
    width:685px;
    height:162px;
    top: 254px;
    left: 24px;
    background-color: #EEEEEE;
    border: Solid 2px #696969;
    z-index: 100;
}

.processchecks-header
{
    background-color: #669999; 
    padding: 2px 5px;
    color: White;
    font-weight: bold;
    height: 16px;
}

.processchecks-header a
{
    font-size: 12px;
    font-weight: normal;
    float: right;
    color: White;
}

.processchecks-header a:hover
{
    color: #C0C0C0;
}

.processchecks-content
{
    padding: 2px 5px;  
}

.processchecks-nodata
{
    display: inline-block;
    width: 100%;
}

.decoilingchecks
{
    overflow: auto;
    width: 550px;
    height: 133px;
    margin: 0px 62px;
}

.packinfo-packid
{
    float: left;
    width: 70px;
}

.packinfo-values
{
    float: left;
    width: 100px;
}

.packinfo-qty
{
    float: left;
    width: 60px;
}

.slitgaugechecks
{
    width: 320px;
    float: left;   
}

.slitgaugeinfo-title
{
    float: left;
    width: 60px;
    font-weight: bold;
}

.slitgaugeinfo-values
{
    float: left;
    width: 85px;
}

.slitwidthchecks
{
    width: 355px;
    height: 133px;
    float: right;
    overflow: auto;
}

.slitwidthinfo-width
{
    float: left;
    width: 70px;
    font-weight: bold;
}

.slitwidthinfo-values
{
    float: left;
    width: 85px;
}

.reportselector-reports a
{
    text-decoration: none;
    display: inline-block;
}

.reportselector-reports a:hover
{
    background-color: #800000;
    color: White;
}

.processchecks-container
{
    height: 125px;
    width: 450px;
    top:280px;
    left:270px;
    background: White;
    border: Solid 1px Silver;
    position:absolute;
    overflow: auto
}

.helpvideo-player
{
    margin-bottom: 5px;
}

.helpvideo-info
{
    
}

.salesmail-inputtext
{
    display: inline-block;
    width: 120px;   
}

.salesmail-entry-inputcontrols
{
    line-height: 200%;
}

.marketplace-notes-materialdetails, 
.marketplace-notes-parentmaterialdetails {
    padding-top: 10px;
}

.marketplace-notes-materialtype {
    border-bottom: 1px solid #008dd3;
    margin: 10px 0;
    padding-bottom: 5px;
}

.marketplace-notes-materialtype > img {
    float: left;
    padding-right: 10px;
}

.marketplace-notes-materialtype > span {
    display: inline-block;
    padding: 10px 0;
    font-weight: bold;
}

.marketplace-notes-materialdetails > div {
    float: left;
    width: 140px;
    text-align: center;
}

.marketplace-notes-parentmaterialdetails > div {
    float: left;
    width: 233px;
    text-align: center;
}

.marketplace-notes-materialdetails span, 
.marketplace-notes-parentmaterialdetails span {
    font-size: 18px;
}

.marketplace-notes-entry {
    width: 100%;
    height: 100px;
    font-family: "Arial";
    font-size: 13px;
}

.marketplace-notes-save-panel {
    padding-top: 10px;
    text-align: right;
}

.marketplace-disclaimer {
    border: Solid 1px #008dd3;
    padding: 5px;
}

.marketplace-disclaimer > img {
    width: 32px;
    position: absolute;
}

.marketplace-disclaimer > div {
    display: inline-block;
    font-weight: bold;
    padding-left: 45px;
}

/* Tabbed container styles */
.stockcardtabs .ajax__tab_default .ajax__tab_header {
    white-space: nowrap;
}
.stockcardtabs .ajax__tab_default .ajax__tab_outer {
    display: inline-block;
}
.stockcardtabs .ajax__tab_default .ajax__tab_inner {
    display: inline-block;
}
.stockcardtabs .ajax__tab_default .ajax__tab_tab {
    cursor: pointer;
    display: inline-block;
    margin-right: 4px;
    overflow: hidden;
    text-align: center;
}
.stockcardtabs .ajax__tab_xp .ajax__tab_header {
    background: url("/images/layout/stockcard_tabheader_bg.gif") repeat-x scroll center bottom transparent;
    font-family: verdana,tahoma,helvetica;
    font-size: 11px;
}
.stockcardtabs .ajax__tab_xp .ajax__tab_outer {
    background: url("/images/layout/stockcard_tabheader_outerbg.gif") no-repeat scroll right center transparent;
    height: 21px;
    padding-right: 4px;
}
.stockcardtabs .ajax__tab_xp .ajax__tab_inner {
    background: url("/images/layout/stockcard_tabheader_innerbg.gif") no-repeat scroll 0 0 transparent;
    padding-left: 3px;
}
.stockcardtabs .ajax__tab_xp .ajax__tab_tab {
    background: url("/images/layout/stockcard_tabheader_tab.jpg") repeat-x scroll 0 0 transparent;
    height: 13px;
    margin: 0;
    padding: 4px;
}
.stockcardtabs .ajax__tab_xp .ajax__tab_hover .ajax__tab_outer {
    background: url("WebResource.axd?d=iCFneqfJB6DAwmhzd7f65KT7bTe1RuBeWDdy_N3cXSK7y3lArJOHqFj-z0lOYTuUlw852QMctwLyh6blsHFgnVuoc3cFQ_AJiPbFTBIxeqF8-IYxWEL818Nhc1YfJhrATxL1TY4OxpaiMo72OIi6cHGm0GY1&t=634188506861746000") no-repeat scroll right center transparent;
}
.stockcardtabs .ajax__tab_xp .ajax__tab_hover .ajax__tab_inner {
    background: url("WebResource.axd?d=EAwr0ljf8XqBPlrsPJqficgRff1NdbEtyqggtG7VaPCdcVdzA5sICg8UTzOoPLVKYiO-U4onUDp5frqCiKUFHKZIgvDReLPR5UYAm82fCEmhg5R4omTn8pRQtDExKvbKiPljcfeqd1ZCy_Greps_bQI8jqo1&t=634188506861746000") no-repeat scroll 0 0 transparent;
}
.stockcardtabs .ajax__tab_xp .ajax__tab_hover .ajax__tab_tab {
    background: url("WebResource.axd?d=F2LaBYcc_aZ_ixiOdpC0pWjv852zqLnee-BhGzttMpRSL9DohuY5tL8kS2xGtEH6Y-4jdaLUDyJrcJOBpMfh7wwbRtmURY2DAlfvZQcylCjXXWwca1HalCMzqwizr34S5JHb79apPZJBn3JObo1qaaINQVo1&t=634188506861746000") repeat-x scroll 0 0 transparent;
}
.stockcardtabs .ajax__tab_xp .ajax__tab_active .ajax__tab_outer {
    background: url("WebResource.axd?d=yrtkaDCU4G4Z0o1WCIHwGANtjYhKhISOHbp0ZiH9wXn7ZKMKYvdsvEfSMglHzqn_Baaiupn9wBFNEmL0lruS_AJC40bA7JpF8XWtqzbP5zhc0iWumah3Z3x5664GX2xdGtlXtbjgfxyrgYiZT66YSUaWzkQ1&t=634188506861746000") no-repeat scroll right center transparent;
}
.stockcardtabs .ajax__tab_xp .ajax__tab_active .ajax__tab_inner {
    background: url("WebResource.axd?d=k4O0BrMHB8jqZJe7Jaxd2kGI-CL6E5pRNclREMkD-fafc3gwHNe1aMDjPSjCZIrBBNryLcQ6dJ6h8_YbEseWTNChPNgYo5FQirLtXR1g3nNGyRK-xtgPh-YPLfx5HJZHFZXHpU97PkqQHvWAyI43WHlSqUU1&t=634188506861746000") no-repeat scroll 0 0 transparent;
}
.stockcardtabs .ajax__tab_xp .ajax__tab_active .ajax__tab_tab {
    background: url("WebResource.axd?d=fOoM2Gr8PhPWljLaRprXTZyoNDSX0xLPCbtph4OYyQ5hqQ1s6-LvBSbE8mo-2eNdOrfq1S-zXDBTjEB9GcmG3hKtJ0sRX0SyAilVoQPOSYXrzJJ0xueQeZdKx8njiQLmKR5li6zOMISFi9xEWnTM1XhArRE1&t=634188506861746000") repeat-x scroll 0 0 transparent;
}
.stockcardtabs .ajax__tab_xp .ajax__tab_body {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFFFFF;
    border-color: -moz-use-text-color #999999 #999999;
    border-right: 1px solid #999999;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    font-family: verdana,tahoma,helvetica;
    font-size: 10pt;
    padding: 8px;
}
.stockcardtabs .ajax__scroll_horiz {
    overflow-x: scroll;
}
.stockcardtabs .ajax__scroll_vert {
    overflow-y: scroll;
}
.stockcardtabs .ajax__scroll_both {
    overflow: scroll;
}
.stockcardtabs .ajax__scroll_auto {
    overflow: auto;
}
.stockcardtabs .ajax__tab_plain .ajax__tab_outer {
    border: 2px solid #999999;
    text-align: center;
    vertical-align: middle;
}
.stockcardtabs .ajax__tab_plain .ajax__tab_inner {
    text-align: center;
    vertical-align: middle;
}
.stockcardtabs .ajax__tab_plain .ajax__tab_body {
    text-align: center;
    vertical-align: middle;
}
.stockcardtabs .ajax__tab_plain .ajax__tab_header {
    text-align: center;
    vertical-align: middle;
}
.stockcardtabs .ajax__tab_plain .ajax__tab_active .ajax__tab_outer {
    background: none repeat scroll 0 0 #FFFFE1;
}


.stockcardtabs .ajax__tab_tab
{
    background: url("/images/layout/stockcardtab-active.jpg") repeat-x scroll 0 0 transparent;
}