﻿body
{
    background: #FFF url(Images/body-bg.png) repeat-x !important; /* Old browsers */ /* background: -moz-linear-gradient(top, #cde3ed 0%, #feffff 20%, #feffff 100%); /* FF3.6+ */ /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cde3ed), color-stop(20%,#feffff), color-stop(100%,#feffff)); /* Chrome,Safari4+ */ /* background: -webkit-linear-gradient(top, #cde3ed 0%,#feffff 20%,#feffff 100%); /* Chrome10+,Safari5.1+ */ /* background: -o-linear-gradient(top, #cde3ed 0%,#feffff 20%,#feffff 100%); /* Opera 11.10+ */ /* background: -ms-linear-gradient(top, #cde3ed 0%,#feffff 20%,#feffff 100%); /* IE10+ */ /* background: linear-gradient(to bottom, #cde3ed 0%,#feffff 20%,#feffff 100%); /* W3C */ /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cde3ed', endColorstr='#feffff',GradientType=0 ); /* IE6-9 */
    /* margin: 0px; */
}

.btn-common, div.divUserLogin ul.ulTwoColumn li.liFullWidth a.lbtnLogin, div.RadUpload .ruBrowse, div.RadUpload .ruButton, div.RadUpload_Metro .ruButton, ul.ruInputs li .ruButton
{
    border: 1px solid #5866ca;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    font-family: arial, helvetica, sans-serif; /*padding: 10px 10px 10px 10px; */
    text-decoration: none;
    display: inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight: bold;
    color: #FFFFFF;
    background: #3B8DC2; /* Old browsers */
    background: -moz-linear-gradient(top,#3B8DC2 0%, #1577B7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3B8DC2), color-stop(100%,#1577B7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #3B8DC2 0%,#1577B7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #3B8DC2 0%,#1577B7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #3B8DC2 0%,#1577B7 100%); /* IE10+ */
    background: linear-gradient(to bottom, #3B8DC2 0%,#1577B7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3B8DC2', endColorstr='#1577B7',GradientType=0 ); /* IE6-9 */
}

div.RadUpload_Metro .ruButton
{
    color: #FFFFFF !important;
    font-weight: bold;
    cursor: pointer;
}

div.RadUpload_Metro .ruButtonHover
{
    border: 1px solid #eeb44f;
    -moz-box-shadow: inset 0px 1px 0px 0px #fce2c1;
    -webkit-box-shadow: inset 0px 1px 0px 0px #fce2c1;
    box-shadow: inset 0px 1px 0px 0px #fce2c1;
    background: #3B8DC2; /* Old browsers */
    background: -moz-linear-gradient(top,#3B8DC2 0%, #1577B7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3B8DC2), color-stop(100%,#1577B7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #3B8DC2 0%,#1577B7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #3B8DC2 0%,#1577B7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #3B8DC2 0%,#1577B7 100%); /* IE10+ */
    background: linear-gradient(to bottom, #3B8DC2 0%,#1577B7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3B8DC2', endColorstr='#1577B7',GradientType=0 ); /* IE6-9 */
    text-shadow: 1px 1px 0px #cc9f52;
}

.btn-common:hover, div.divUserLogin ul.ulTwoColumn li.liFullWidth a.lbtnLogin:hover, div.RadUpload .ruBrowse .ruButtonHover
{
    border: 1px solid #1090c3;
    background: #3B8DC2; /* Old browsers */
    background: -moz-linear-gradient(top,#3B8DC2 0%, #1577B7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3B8DC2), color-stop(100%,#1577B7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #3B8DC2 0%,#1577B7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #3B8DC2 0%,#1577B7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #3B8DC2 0%,#1577B7 100%); /* IE10+ */
    background: linear-gradient(to bottom, #3B8DC2 0%,#1577B7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3B8DC2', endColorstr='#1577B7',GradientType=0 ); /* IE6-9 */
}

.btn-disabled, .btn-disabled:hover
{
    border: 1px solid #E6E6E6;
    -moz-box-shadow: inset 0px 1px 0px 0px #CCCCCC;
    -webkit-box-shadow: inset 0px 1px 0px 0px #CCCCCC;
    box-shadow: inset 0px 1px 0px 0px #CCCCCC;
    text-shadow: 1px 1px 0px #E6E6E6;
    color: #FFFFFF;
    background-color: #E6E6E6;
    background-image: linear-gradient(to bottom, #E6E6E6, #CCCCCC);
}

input[type="submit"]:active
{
    position: relative;
    top: 1px;
}

div.divLoginLink
{
    background: #d1d1d1;
    cursor: pointer;
    width: 135px;
    height: 40px;
    box-shadow: -2px -2px 1px 0px #A49E9E inset;
    margin-top: 5px;
}

ul.ulUserProfile li
 {
     text-align:left !important;
     height:35px;
 }
 ul.ulUserProfile li.liUserName
 {
     border-right:1px solid #F8F8F8;
 }
 ul.ulUserProfile li:last-child
 {
     border-left:1px solid #E8E8E8;
 }
 div.divLoginLink ul.ulUserProfile li:last-child
 {
     border-left:none;
 } 


.lblLogin
{
    color: #203434;
    font-family: "Helvetica Neue" ,Arial,sans-serif !important;
    font-size: 14px;
    font-weight: normal;
}

.btnSplPrint
{
    border: 1px solid #ffad41;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    font-family: arial, helvetica, sans-serif;
    text-decoration: none;
    display: inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight: bold;
    color: #FFFFFF;
    background-color: #ffc579;
    background-image: linear-gradient(to bottom, #ffc579, #fb9d23);
}

.btnSplPrint:hover
{
    border: 1px solid #ff9913;
    background-color: #ffaf46;
    background-image: linear-gradient(to bottom, #ffaf46, #e78404);
}

/*div.divLoginLink:hover
{
    border-bottom:2px solid #E6C514;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8bcae2', endColorstr='#8ccbe3',GradientType=0 ); /* IE6-9 
}*/

div.blockOverlay
{
    background: -moz-linear-gradient(top, rgba(11,149,233,1) 0%, rgba(125,185,232,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(11,149,233,1)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(11,149,233,1) 0%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(11,149,233,1) 0%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(11,149,233,1) 0%,rgba(125,185,232,0) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(11,149,233,1) 0%,rgba(125,185,232,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b95e9', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */
}

div.blockMsg
{
    border-color: #bee2f7 !important;
    -webkit-box-shadow: 0px 0px 5px 4px rgba(190, 226, 247, 0.6);
    -moz-box-shadow: 0px 0px 5px 4px rgba(190, 226, 247, 0.6);
    box-shadow: 0px 0px 5px 4px rgba(190, 226, 247, 0.6);
}

div.divUserLogin
{
    /*font-family:NeoSans;*/
    color: #0D365B; /*#82c8ee;*/
}

div.divUserLogin ul.ulTwoColumn li input[type="text"], div.divUserLogin ul.ulTwoColumn li input[type="password"]
{
    border-color: #c3d9e6;
}

div.divUserLogin ul.ulTwoColumn li input[type="text"]:hover, div.divUserLogin ul.ulTwoColumn li input[type="text"]:active
{
    -webkit-box-shadow: 0px 0px 5px 4px rgba(190, 226, 247, 0.6);
    -moz-box-shadow: 0px 0px 5px 4px rgba(190, 226, 247, 0.6);
    box-shadow: 0px 0px 5px 4px rgba(190, 226, 247, 0.6);
}

ul.ulMainContainer li.liOptions div.divSocialIcons
{
    border-color: #afcde0;
}

ul.ulMainContainer li.liOptions div.divUserProfile
{
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}

ul.ulMainContainer li.liOptions div.divUserProfile ul.ulLoginLink li a span
{
    color: #afcde0;
}

ul.ulMainContainer li.liContentWrapper div.divProductList
{
    background: rgb(73,192,240); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(73,192,240,1) 0%, rgba(44,175,227,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(73,192,240,1)), color-stop(100%,rgba(44,175,227,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(73,192,240,1) 0%,rgba(44,175,227,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(73,192,240,1) 0%,rgba(44,175,227,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(73,192,240,1) 0%,rgba(44,175,227,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(73,192,240,1) 0%,rgba(44,175,227,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49c0f0', endColorstr='#2cafe3',GradientType=0 ); /* IE6-9 */
}

ul.ulMainContainer li.liContentWrapper div.divProductList ul.ulProductsList li.liProduct:last-child
{
    border-right: 1px inset #0e96e8;
}

ul.ulMainContainer li.liContentWrapper div.divProductList ul.ulProductsList li.liProduct
{
    border-left: 1px outset #0e96e8;
}

ul.ulMainContainer li.liContentWrapper div.divProductList ul.ulProductsList li.liProduct a.lnkProduct span
{
    color: #FFFFFF;
}

/*commented by Arun - li.liProduct*/
ul.ulMainContainer li.liContentWrapper div.divProductList ul.ulProductsList li.liProduct1:hover
{
    background: #d6f9ff; /* Old browsers */
    background: -moz-linear-gradient(top, #d6f9ff 0%, #9ee8fa 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6f9ff), color-stop(100%,#9ee8fa)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d6f9ff 0%,#9ee8fa 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d6f9ff 0%,#9ee8fa 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d6f9ff 0%,#9ee8fa 100%); /* IE10+ */
    background: linear-gradient(to bottom, #d6f9ff 0%,#9ee8fa 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6f9ff', endColorstr='#9ee8fa',GradientType=0 ); /* IE6-9 */
}

ul.ulMainContainer li.liOptions div.divUserProfile ul.ulUserOptions li.liUserOptions
{
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

ul.ulMainContainer li.liOptions div.divUserProfile ul.ulUserOptions li.liUserOptions:hover
{
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    opacity: 0.9;
    filter: alpha(opacity=90); /* For IE8 and earlier */
}

div.divCompDetails
{
    border: 1px solid rgba(227,215,215,1);
    -webkit-box-shadow: 0px 0px 10px 2px rgba(227,215,215,1);
    -moz-box-shadow: 0px 0px 10px 2px rgba(227,215,215,1);
    box-shadow: 0px 0px 10px 2px rgba(227,215,215,1);
}

div.divSummary
{
    border-right: 2px solid #FAFAFA;
}

div.divCertificates
{
    border-left: 1px solid #F1F1F1;
}

div.raColor
{
    opacity: 0.1 !important;
    filter: alpha(opacity=10) !important; /* For IE8 and earlier */
}
