/* Override here any style defined by web-app-theme */
.login div.right, .signup div div.right {
 white-space: nowrap;
}

tr.blue { background-color: #195073; color: #FFFFFF; }
tr.green { background-color: #7F8C1F; font-weight: bold; }
tr.brown { background-color: #F2E5BD; font-weight: bold; }
tr.orange { background-color: #EE913F; font-weight: bold; }
tr.red { background-color: #FF3300; font-weight: bold; }
tr.lightgreen { background-color: #9FD7C7; font-weight: bold; }

a.blue { background-color: #195073; text-decoration: none; padding: 2px 10px; color: #FFFFFF; }
a.green { background-color: #7F8C1F; text-decoration: none; padding: 2px 10px; }
a.brown { background-color: #F2E5BD; text-decoration: none; padding: 2px 10px; }
a.orange { background-color: #EE913F; text-decoration: none; padding: 2px 10px; }
a.red { background-color: #FF3300; text-decoration: none; padding: 2px 10px; }
a.lightgreen { background-color: #9FD7C7; text-decoration: none; padding: 2px 10px; }

tr.pending { background-color: #BFD8C8 !important; }
tr.disable { background-color: #DDDDDD !important; }

a.tab, a.tab:hover, a.tab:visited { text-decoration: none; height: 50px; padding: 5px; width: 100px; border: solid 1px; }
a.active, a.tab:hover { background-color: #195073; color: #FFFFFF; }
.content .header { margin-top: 20px; }
.content .jumptab { margin: 20px; }

.product-header-left { margin: 20px 5px 10px 20px; width: 67%; display: inline-block; }
.product-header-right { width: 27%; float: right; padding-top:20px; padding-right:15px; display: inline; }
.product-header-right select { width: 200px; }
.product-logo { float: left; }
.product-logo img { width:88px; height:114px; }
.product-basic-info { margin-left: 20px; float: left; /*width:500px;*/ }
.product-msds { margin-top: 10px; font-size: 14px; font-weight: bold; display: block; height: 30px; }
.link-small { display: block; height: 15px; }
.link-small a { margin-top: 20px; text-decoration: none; height: 15px; padding: 5px; width: 50px; border: solid 1px; background-color: #CCCCCC; color: #222222; }
.link-big { display: block; height: 35px; }
.link-big a { display: inline; text-decoration: none; font-size: 14px; height: 25px; padding: 5px; width: 110px; border: solid 1px; background-color: #CCCCCC; color: #222222; }
a.link-small { display: inline; margin-top: 20px; text-decoration: none; height: 15px; padding: 5px; border: solid 1px; background-color: #CCCCCC; color: #222222; }
.product-header-right .div-border { border: solid 1px; padding: 10px; }
.product-header-right .div-border .left { width: 110px; float: left; }
.product-header-right .div-border .mid { /*width: 100px;*/ margin-bottom: 5px; float:left; }
    .product-header-right .div-border .mid label {
        padding-left: 5px;
        padding-right: 10px;
    }
.product-header-right .div-border .right {margin-bottom: 5px; }
    .product-header-right .div-border .right label {
            padding-left: 5px;
            padding-right: 10px;
        }
.product-header-related { margin-left: 20px; display: block; padding: 10px 0px; min-height:65px;}
div.related-product { display: block; padding: 5px; border: solid 1px; }
.imgbtn-remove { display: inline-block; margin-left: 10px; height: 1px; width: 16px; padding-bottom: 15px; background-image: url('/images/u128_original.png'); }
.imgbtn-edit { display: inline-block; margin-left: 10px; height: 1px; width: 16px; padding-bottom: 15px; background-image: url('/images/u453_original.png'); }
.imgbtn-approve { display: inline-block; margin-left: 10px; height: 1px; width: 16px; padding-bottom: 15px; background-image: url('/images/icons/tick.png'); }
.imgbtn-add { text-align: center; font-family:Arial;font-size:20px;font-weight:bold;font-style:normal;color:#333333; display: inline-block; margin-left: 10px; height: 1px; width: 50px; padding-bottom: 19px; background-image: url('/images/u289_original.png'); }
a.imgbtn-remove, a.imgbtn-edit, a.imgbtn-add { text-decoration: none; }
div.margintop { margin-top: 20px; }
td.last { width: 100px; }
.form .group-left input.text_field.small, .form .group-right input.text_field.small, .form .group-left select.wide, .form .group-right select.wide { width: 100%; }
.group-left { width: 45%; display: inline-block; }
.group-right { width: 45%; display: inline-block; float: right; }
div.message { margin-left: 20px; color: #195073; }
.listitem-tbl td { padding: 5px; }
.listitem-tbl .odd { background-color: #eeeeee; }
.listitem-tbl .even, .listitem-tbl .head { background-color: #cccccc; }
a.normal { float: none !important; display: inline-block !important; }
div.content-left { width: 70%; margin-right: 10px; display: inline-block; }
div.content-right { width: 25%; float: right; height: 300px; overflow: auto; margin-left: 10px; display: inline-block; }
ul.preloads li a { display: block; padding: 10px; text-decoration: none; }
ul.preloads li a:hover { background-color: #999999; }
ul.preloads li.odd { background-color: #cccccc; }
ul.preloads li.even { background-color: #eeeeee; }
ul li { margin-left: 12px; }

.product-header-right .div-border .left-two { width: 250px; float: left; height:100px; }

div.error {
    color: red;
}

.TDS_ARC {
    background-color: #ffe699;
    text-decoration: none;
    padding: 2px 10px;
}

.TDS_IND {
    background-color: #b4c7e7;
    text-decoration: none;
    padding: 2px 10px;
}