/* DEFAULTS
----------------------------------------------------------*/

*{outline:none;}

body {font-size:12px; font-family:'Roboto', sans-serif; margin:0px; padding:0px; color:#000C1C;}

a:link, a:visited {color:#034af3;}

a:hover {color:#1d60ff; text-decoration:none;}

.topbottomstores {line-height:25px; color:#353535; font-family:Arial; font-size:11px; text-align:left!important; padding:0 10px 0 10px;}

a:active {color:#034af3;}

p {margin-bottom:10px; line-height:1.6em;}

.bordertest {border:1px solid red!important;}

/* HEADINGS
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {font-size:1.5em; color:#666; text-transform:none; font-weight:200; margin:0px; padding:0px;}

h1 {font-size:1.6em; padding-bottom:0px; margin-bottom:0px;}
h2 {font-size:21px; font-weight:normal; padding:10px 0px 0px 0px; color:#000;}
h3 {font-size:1.2em;}
h4 {font-size:1.1em;}
h5, h6 {font-size:1em;}

/* this rule styles <h1> and <h2> tags that are the
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 {margin-top:0px;}

/*main Page*/
#topBg {width:100%}
#topBgInner {width:1190px; margin:0px auto; background:url(../Images/logo.png) no-repeat; height:61px;}

.logOut {float:right; color:#000; margin:10px 10px 0px 0px;}
.logOut ul {margin:0px; padding:0px;}
.logOut ul li {margin:0px; padding:0px; list-style-type:none;}
.logOut a {color:#000; text-decoration:none; text-transform:uppercase;}
.logOut a:hover {text-decor ation:none;}

#navBg {background:#0184d2; width:100%; height:37px;}
#navBgInner {width:1190px; margin:0px auto;}

#footerBg {background:#0e1522; width:100%;}
#footerBgInner {width:1190px; margin:0px auto; padding:11px 0px; color:#fff;}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page {width:1190px; margin:0px auto;}

.header {margin:0px; padding:0px; width:960px;}
.header h1 {font-weight:700; margin:0px; padding:0px 0px 0px 20px; color:#f9f9f9; border:none; line-height:2em; font-size:2em;}

.leftCol {padding:6px 0px; margin:12px 8px 8px 8px; width:200px; min-height:200px;}

.footer {color:#fff; width:800px; line-height:33px; font-size:.8em; text-indent:20px; background-image:url('../Images/FooterBg.png'); background-repeat:repeat-x; height:33px;}

.Login_In {padding-top:8px; background-image:url('../Images/login_txt_main_page.jpg');}

/* TAB MENU
----------------------------------------------------------*/

div.hideSkiplink {background-color:#3a4f63; width:100%;}

div.menu {padding:4px 0px 4px 8px;}
div.menu ul {list-style:none; margin:0px; padding:0px 5px 0px 5px; width:auto;}
div.menu ul li a, div.menu ul li a:visited {background-color:#465c71; border:1px #4e667d solid; color:#dde4ec; display:block; line-height:1.35em; padding:4px 20px; text-decoration:none; white-space:nowrap;}
div.menu ul li a:hover {background-color:#bfcbd6; color:#465c71; text-decoration:none;}
div.menu ul li a:active {background-color:#465c71; color:#cfdbe6; text-decoration:none;}

/* FORM ELEMENTS
----------------------------------------------------------*/

fieldset {margin:1em 0px; border:solid 1px #ccc; padding:10px;}
fieldset p {margin:2px 12px 10px 10px;}
fieldset.login label, fieldset.register label, fieldset.changePassword label {display:block;}
fieldset label.inline {display:inline;}

legend {font-size:1.1em; font-weight:600; padding:2px 4px 8px 4px;}

input.textEntry {width:320px; border:1px solid #ccc;}
input.passwordEntry {width:320px; border:1px solid #ccc;}

div.accountInfo {width:42%;}

.loginBg {background:url('../Images/login-bg.png') no-repeat; padding:80px; height:400px;}
.loginBg label {font-style:italic; display:block;}

.phoneImg {float:right; width:540px;}

/* MISC  
----------------------------------------------------------*/

.clear {clear:both;}

.loginDisplay {font-size:11px; color:#fff; text-align:right; padding:28px 150px 0px 0px;}
.loginDisplay a:link {color:#fff; text-decoration:none;}
.loginDisplay a:visited {color:#fff;}
.loginDisplay a:hover {color:#fff; text-decoration:underline;}

.failureNotification {font-size:1.2em; color:Red;}

.bold {font-weight:bold;}

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

.none {background-image:none;}

.MainMenuBg {padding-left:5px; padding-right:10px; outline:none; letter-spacing:1px; color:#383838 !important; font-weight:500 !important;}

.DynamicHoverStyleMenu:hover {background-image:url('../Images/DyanamicHoverMenuBg.png'); background-repeat:repeat-x;}

.DynamicStyleMenu {background-position:top; background:#e8e6e6; border:1px solid #fff; border-top:0px; line-height:22px; text-indent:8px; text-align:left; margin-top:6px !important; font-weight:normal !important;
                   z-index:5000 !important; -webkit-box-shadow:.5px 1px 1.5px #a2a2a2; -moz-box-shadow:.5px 1px 1.5px #a2a2a2; box-shadow:.5px 1px 1.5px #a2a2a2; background-image:url('../Images/MenuTop_Shd.png');
                   background-repeat:repeat-x;}

.Dynamic_Menu_Style_a {min-width:100px; padding-right:40px; color:#383838 !important;}
.Dynamic_Menu_Style_a:hover {background:#f9f9f9 !important; color:#000 !important;}

.ErrorIcon {margin-top:5px; vertical-align:bottom; margin-left:-5px;}

.gridHeader {line-height:25px; color:#181818; font-size:12px; text-align:left; font-weight:bold; border-bottom:1px solid #333; background:#ffbb00; text-transform:uppercase;}

.gridHeader2 {line-height:20px; color:#181818; font-size:13px; font-weight:bold; text-align:left !important; border-bottom:1px solid #6d6e71; background:#e6e6e6 !important;}

.gridHeader1 {line-height:25px; color:#fff; font-size:13px; font-weight:bold; text-align:left !important; text-shadow:0.1em 0.1em 0.1em #065373; background:#0583d3 !important;}

.gridItemStyle {height:26px; padding-top:10px; vertical-align:top; font-size:12px; color:#181818; text-align:left; border-top:1px solid #f8f8f8; border-bottom:1px solid #b0bdd4; background-color:#f9f9f9;}

.gridItemStyle2 {height:20px; padding-top:10px; vertical-align:top; font-size:12px; color:#181818; text-align:left; border-bottom:1px solid #abaaaa; background-color:#f9f9f9;}

.SellOutUnitsLeft1 {vertical-align:top !important; text-indent:8px; background:#fff; border-right:1px solid #6d6e71;}

.SellOutUnitsGrid {border:1px solid #d3d5d6;}

.Grid_Left {border-left:1px solid #181818;}

.Grid_Header_1 {background:#e2e2e2; line-height:25px; color:#000; margin-left:5px !important; font-size:13px; font-weight:bold; text-align:left; border-top:1px solid #517eb0; border-bottom:1px solid #517eb0;}

.Chart {background-image:url('../Images/Chart_Bg.png') !important; background-repeat:no-repeat;}

/* Collapse panel for Data entry History  
----------------------------------------------------------*/

.collapsePanelHeader {color:#fff; text-shadow:0.1em 0.1em 0.1em #065373; background-color:#0376bf; font-weight:bold; padding:4px; cursor:pointer; vertical-align:middle;}

/* Upload Image Hyperlink in data entry Merchandise tab 
----------------------------------------------------------*/

.uploadImgHyperLnk {background-position:left center; cursor:pointer; vertical-align:middle; background-image:url('../Images/UploadImage.png'); background-repeat:no-repeat; padding-left:25px;}



.Subheading {font-size:19px; color:#589400; padding:12px 0px 5px 10px; font-family: 'Rambla', sans-serif; height:33px;}

.validator {vertical-align:bottom !important}

.EmployeePhoto {border:2px solid #fff; -moz-box-shadow:0px 0px 3px #333; -webkit-box-shadow:0px 0px 3px #333; box-shadow:0px 0px 3px #333; margin:2px;}

.EditFormButtonRow1 {padding-bottom:10px; border-top:1px solid #fff; text-indent:16px; height:25px; background-image:url( '../Images/EditFormButtonRow1.gif' ); background-repeat:repeat-x; font-weight:bold;}
.EditFormButtonRow1 a {border:1px solid #dbe1e2; padding:2px 5px 2px 5px; background:#46b6fd; text-decoration:none; color:#000;}
.EditFormButtonRow1 a:hover {background:#018ce4; color:#fff !important; border:1px solid #032d73;}

.Login_Page_Left {width:685px; height:350px; background-image:url('../Images/Login_Page_Left.jpg'); background-color:#0086cf; margin-top:4px;}

.chartshadow {-webkit-box-shadow:.5px 1px 2px #a2a2a2; -moz-box-shadow:.5px 1px 2px #a2a2a2; box-shadow:.5px 1px 2px #a2a2a2; border:1px solid #fff; width:350px; height:150px;}

.login_txtbox1_himan {font-family:Arial; font-size:11px; color:#3b3b3b; font-weight:normal; letter-spacing:1px;}

.login_txtbox2_himan {font-family:Arial; font-size:11px; color:#d60a10; font-weight:bold; letter-spacing:1px;}

.loading-indicator {font-size:8pt; background-image:url(../images/loading/loading.gif); background-repeat:no-repeat; background-position:top left; padding-left:20px; height:18px; text-align:left;}
#loading {position:absolute; left:45%; top:40%; border:3px solid #B2D0F7; background:white url(../images/loading/block-bg.gif) repeat-x; padding:10px; font:bold 14px verdana,tahoma,helvetica; color:#003366; width:180px;
          text-align:center;}

.popinsertbtn {background-image:url(../images/pop_insert_btn.png); width:74px; height:26px; text-align:center; vertical-align:middle; padding-bottom:5px; background-repeat:no-repeat; border:0; font-family:Arial;
               font-size:11px; color:White; letter-spacing:.07em; cursor:hand;}

.redis {width:19px; height:25px; padding:0px; display:block; clear:left; float:left; background-color:red;}

.dataentrycss {font-family:Arial; font-size:12px; color:#272727;}

.col1 {float:left; width:60px; margin:0; padding:0 1px 0 0; line-height:14px; list-style:none;}

.col2 {float:left; width:300px; margin:0; padding:0 1px 0 0; line-height:14px; list-style:none;}

.col3 {float:left; width:150px; margin:0; padding:0 1px 0 0; line-height:14px; list-style:none;}

.datarefinecss {padding:13px; font-family:Calibri; font-size:10px;}

.datarefinecssfine {font-family:Calibri; font-size:14px; background-color:#f5f5f5;}

.ImageGalleryContainer {border:1px solid #f26d20; background:#ffebdf; font-family:Arial; font-size:12px; padding:5px;}

.submitBtn {background:url(../Images/btn-submit.png) no-repeat; width:72px; height:26px; border:none;}
.submitBtn:hover {background:url(../Images/btn-submit.png) 0 -26px no-repeat;}

.exportDataBtn {background:url(../Images/btn-export-data.png) no-repeat; width:102px; height:26px; border:none;}
.exportDataBtn:hover {background:url(../Images/btn-export-data.png) 0 -26px no-repeat;}

.showReportBtn {background:url(../Images/btn-show-report.png) no-repeat; width:107px; height:26px; border:none;}
.showReportBtn:hover {background:url(../Images/btn-show-report.png) 0 -26px no-repeat;}

.uploadBtn {background:url(../Images/btn-upload.png) no-repeat; width:72px; height:26px; border:none;}
.uploadBtn:hover {background:url(../Images/btn-upload.png) 0 -26px no-repeat;}

.saveBtn {background:url(../Images/btn-save.png) no-repeat; width:59px; height:26px; border:none;}
.saveBtn:hover {background:url(../Images/btn-save.png) 0 -26px no-repeat;}

.showBtn {background:url(../Images/btn-show.png) no-repeat; width:63px; height:26px; border:none;}
.showBtn:hover {background:url(../Images/btn-show.png) 0 -26px no-repeat;}

.btnBack {background:url(../Images/btn-back.png) no-repeat; width:59px; height:26px; border:none;}
.btnBack:hover {background:url(../Images/btn-back.png) 0 -26px no-repeat;}

.exportExcelBtn {background:url(../Images/btn-export-excel.png) no-repeat; width:125px; height:26px; border:none;}
.exportExcelBtn:hover {background:url(../Images/btn-export-excel.png) 0 -26px no-repeat;}

.Loader
    {
        font-size: 10pt;
        box-shadow: 6px 6px 14px 10px #cecece;
        border-radius: 10px;
        text-align: center;
        top:50%; left:50%; margin-left:-120px; margin-top:-60px;
        width: 240px;
        height: 120px;
        position: relative;
        z-index: 999;
        background-color: white;
        filter: alpha(opacity=30);
        font-weight: bold;
    }
    .modal
    {
        position: fixed;
        display: none;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 99;
        -moz-opacity: 0.8;
        min-height: 100%;
    }