body{ margin:0; padding:0; } .container-clock { border:0; margin:0; padding:0; overflow: hidden; font:bold 12px Arial, Helvetica, sans-serif; color:#bbbbbb; } #container-clock { position:fixed; width:120px; height:45px; left:200px; top:0px; } #container-clock .clock {width:120px; margin:0 auto; padding:0; border:1px solid #A1A1A1; color:#fff; background-color:#F1F1F1; height:45px; border-radius:3px; width:120px; } #container-clock #Date { font-family:'BebasNeueRegular', Arial, Helvetica, sans-serif; font-size:10px; text-align:center; /* text-shadow:0 0 5px #00c6ff; */ color:#777; padding-top:1px;padding-bottom:5px; text-shadow:0 1px 0 #FFF; } #container-clock ul { width:120px; margin:0 auto; padding:0px; list-style:none; text-align:center; position:absolute; top:16px; font:bold 12px Arial, Helvetica, sans-serif; color:#08f712; text-shadow:0 1px 0 #000; } #container-clock ul li { display:inline; font-size:14px; text-align:center; font-family:'BebasNeueRegular', Arial, Helvetica, sans-serif; background-color:#999; padding:2px; /* #00c6ff;*/ } #container-clock #point { position:relative; -moz-animation:mymove 1s ease infinite; -webkit-animation:mymove 1s ease infinite; padding-left:1px; padding-right:1px; } #container-clock #logged-in-at { width:120px; margin:0 auto; padding:0px; text-align:center; position:absolute; bottom:-2px; font:300 8px Courier, Helvetica, sans-serif; color:#999; } #container-clock #logged-in-at { font: 300 9px Courier, Helvetica, sans-serif; color: #D11919; } @-webkit-keyframes mymove { 0% {opacity:1.0; text-shadow:0 0 20px #FF4D4D;} /* previous value 00c6ff */ 50% {opacity:0; text-shadow:none; } 100% {opacity:1.0; text-shadow:0 0 20px #FF4D4D; } } @-moz-keyframes mymove { 0% {opacity:1.0; text-shadow:0 0 20px #FF4D4D;} 50% {opacity:0; text-shadow:none; } 100% {opacity:1.0; text-shadow:0 0 20px #FF4D4D; } } /* END ONE */ /* Menu Container */ #iERP-menu-config, #iERP-menu-config ul { margin: 0; padding: 0; list-style: none; } #iERP-menu-config { width: 1050px; /* 1200px; */ margin: 48px auto; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; /*orig border: 1px solid #f2f2f2; */ border: 1px solid rgba(9, 9, 9, 0.250); /* border color that surrounds the top menu bar, the dividers are set with border-right of #menu li */ border-top:0; background-color: #f0f0f0; background-image: -webkit-gradient(linear,left top, left bottom,from(#fefefe), color-stop(0.5,#ececec), color-stop(0.51, #e6e6e6)); background-image: -moz-linear-gradient(#fefefe 0%, #ececec 50%, #e6e6e6 51%); background-image: -o-linear-gradient(#fefefe 0%, #ececec 50%, #e6e6e6 51%); background-image: -ms-linear-gradient(#fefefe 0%, #ececec 50%, #e6e6e6 51%); background-image: linear-gradient(#fefefe 0%, #ececec 50%, #e6e6e6 51%); background-image: -webkit-gradient(linear,left top, left bottom,from(#ff0000), color-stop(0.5,#ececec), color-stop(0.51, #e6e6e6)); background-image: -moz-linear-gradient(#fefefe 0%, #ff0000 50%, #e6e6e6 51%); background-image: -o-linear-gradient(#fefefe 0%, #ff0000 50%, #e6e6e6 51%); background-image: -ms-linear-gradient(#fefefe 0%, #ff0000 50%, #e6e6e6 51%); background-image: linear-gradient(#fefefe 0%, #ff0000 50%, #e6e6e6 51%); box-shadow: 0 1px 1px rgba(255, 255, 255, 0.6), 0 1px 0 rgba(250, 250, 250, 0.6) inset; -moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.6), 0 1px 0 rgba(250, 250, 250, 0.6) inset ; -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.6), 0 1px 0 rgba(250, 250, 250, 0.6) inset; } #iERP-menu-config:before, #iERP-menu-config:after { content: ""; display: table; } #iERP-menu-config:after { clear: both; } #iERP-menu-config { zoom:1; } #iERP-menu-config li { float: left; border-right: 1px solid rgba(9, 9, 9, 0.125); -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.6) inset; -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.6) inset; box-shadow: 1px 0 0 rgba(255, 255, 255, 0.6) inset; position: relative; } /*---------------build color pallette --------- */ /* second thought - test by applying using jquery -- why it did not work*/ /* --------------end color pallette ----------- */ /* This applied to all menu anchors except the submenu hovered ones */ #iERP-menu-config a { float: left; padding: 8px 15px; /* orig padding was 12 (making it 38/40 in height) change to 7 so 30/32 ht */ color: #5d5d5d; /* #666; orig #5d5d5d; This changes the text color on the iERP-menu-config everywhere except when hovered */ text-transform: uppercase; font: 500 12px Arial, Helvetica; /* orig bold 12px Arial, Helvetica; changed from bold to normal - looking a bit blurred */ text-decoration: none; /* orig text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6); orig - removing for testing .... rgba(255, 255, 255, 0.6); */ } *html #iERP-menu-config li a:hover, *html #iERP-menu-config li a.hovered { /* IE6 only */ color: rgba(255, 255, 255, 1.0); } #iERP-menu-config ul { margin: 20px 0 0 0; _margin: 0; /*IE6 only*/ opacity: 0; visibility: hidden; position: absolute; top: 30px; /* orig was 38 when the height of the top iERP-menu-config was 38px */ left: 0; z-index: 1; /* For now just use the gradient of the top iERP-menu-config bar */ background-color: #f0f0f0; background-image: -webkit-gradient(linear,left top, left bottom,from(#fefefe), color-stop(0.5,#ececec), color-stop(0.51, #e6e6e6)); background-image: -moz-linear-gradient(#fefefe 0%, #ececec 50%, #e6e6e6 51%); background-image: -o-linear-gradient(#fefefe 0%, #ececec 50%, #e6e6e6 51%); background-image: -ms-linear-gradient(#fefefe 0%, #ececec 50%, #e6e6e6 51%); background-image: linear-gradient(#fefefe 0%, #ececec 50%, #e6e6e6 51%); -moz-box-shadow: 0 -1px rgba(255,255,255,.3); -webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3); box-shadow: 0 -1px 0 rgba(255,255,255,.3); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; /* New to add border around the iERP-menu-config items */ border: 1px solid rgba(9, 9, 9, 0.250); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } #iERP-menu-config li:hover > ul, #iERP-menu-config li.hovered > ul { opacity: 1; visibility: visible; margin: 0; } #iERP-menu-config ul ul { top: 0; left: 150px; margin: 0 0 0 20px; _margin: 0; /*IE6 only*/ -moz-box-shadow: -1px 0 0 rgba(255,255,255,.3); -webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3); box-shadow: -1px 0 0 rgba(255,255,255,.3); } #iERP-menu-config ul li { float: none; display: block; border: 0; _line-height: 0; /*IE6 only*/ /* Whew finally found it the dividers between the submenu items are styled here */ /* move to CSS funcs in a88887.js -moz-box-shadow: 0 1px 0 transparent, 0 2px 0 rgba(5, 5, 5, 0.50); -webkit-box-shadow: 0 1px 0 transparent, 0 1px 0 rgba(5, 5, 5, 0.50); box-shadow: 0 1px 0 transparent, 0 1px 0 rgba(5, 5, 5, 0.50); */ } #iERP-menu-config ul li:last-child { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #iERP-menu-config ul a { padding: 10px; width: 190px; _height: 10px; /*IE6 only*/ display: block; white-space: nowrap; float: none; text-transform: none; } /* THIS IS TRUE CURSOR HOVER FOR SUBMENUS - changes to blue on hover - original colors */ #iERP-menu-config ul a:hover, #iERP-menu-config ul a.hovered { background-color: #0186ba; background-image: -moz-linear-gradient(#04acec, #0186ba); background-image: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba)); background-image: -webkit-linear-gradient(#04acec, #0186ba); background-image: -o-linear-gradient(#04acec, #0186ba); background-image: -ms-linear-gradient(#04acec, #0186ba); background-image: linear-gradient(#04acec, #0186ba); color: white; } #iERP-menu-config ul li:first-child > a { -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } #iERP-menu-config ul li:first-child > a:after { content: ''; position: absolute; left: 10px; /* position the triangle 10px from the left */ top: -6px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid gold; /* orig - #444; This is the triangle that points to the top level menu item above the dropdown submenu */ } #iERP-menu-config ul ul li:first-child a:after { left: -12px; top: 50%; margin-top: -6px; border-left: 0; border-bottom: 9px solid transparent; border-top: 9px solid transparent; border-right: 9px solid #0089ff; /* orig #3b3b3b; this is the triangle pointer that attaches on the left of the dropdown submenu */ } /* border bottom of the hovered color - orig is shade of blue */ #iERP-menu-config ul li:first-child a:hover:after, #iERP-menu-config ul li:first-child a.hovered:after { border-bottom-color: #04acec; } /* border right of the hovered color - orig shade blue */ #iERP-menu-config ul ul li:first-child a:hover:after, #iERP-menu-config ul ul li:first-child a.hovered:after { border-right-color: #0299d3; border-bottom-color: transparent; } #iERP-menu-config ul li:last-child > a { -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } /* Mobile */ #menu-trigger { display: none; } @media screen and (max-width: 600px) { /* nav-wrap */ #menuContainer { position: relative; } #menuContainer * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* menu icon */ #menu-trigger { display: block; /* show menu icon */ height: 32px; /* orig 40px */ line-height: 32px; /* orig 40px */ cursor: pointer; padding: 0 0 0 35px; border: 1px solid #222; /* changing it seems to have done nothing */ color: #fafafa; /* what is this for ? */ font-weight: bold; /* again = commenting out these did nothing..... background-color: #111; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, -moz-linear-gradient(#444, #111); background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, -webkit-linear-gradient(#444, #111); background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, -o-linear-gradient(#444, #111); background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, -ms-linear-gradient(#444, #111); background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, linear-gradient(#444, #111); */ -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset; -webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset; box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset; } /* main nav */ #iERP-menu-config { margin: 0; padding: 10px; position: absolute; top: 32px; /* orig was 40px but the height of top menu is now 32px so changed this too */ width: 100%; z-index: 1; background-color: purple; /* #444; - again changing to purple did nothing */ display: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #iERP-menu-config:after { content: ''; position: absolute; left: 25px; top: -8px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid green; /* orig #444; nothing really happened with this change...not sure what this is*/ } #iERP-menu-config ul { position: static; visibility: visible; opacity: 1; margin: 0; background: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #iERP-menu-config ul ul { margin: 0 0 0 20px !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #iERP-menu-config li { position: static; display: block; float: none; border: 0; margin: 5px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #iERP-menu-config ul li{ margin-left: 20px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #iERP-menu-config a{ display: block; float: none; padding: 0; color: pink; /* #999; =====> did nothing */ } #iERP-menu-config a:hover, #iERP-menu-config a.hovered { color: red; /* #fafafa; ==========> Seems to do nothing */ } #iERP-menu-config ul a{ padding: 0; width: auto; } #iERP-menu-config ul a:hover, #iERP-menu-config ul a.hovered{ background: none; } #iERP-menu-config ul li:first-child a:after, #iERP-menu-config ul ul li:first-child a:after { border: 0; } } @media screen and (min-width: 600px) { #iERP-menu-config { display: block !important; } } /* iPad */ .no-transition { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; opacity: 1; visibility: visible; display: none; } #iERP-menu-config li:hover > .no-transition, #iERP-menu-config li.hovered > .no-transition { display: block; } .iERP_dd_pointer { position:absolute; bottom:-1px; right:1px; color:#0186ba; font-size:120%; } .imgMenuIdea { width: 31px!important; height: 24px!important; border:1px solid transparent; border-style:none; margin-right:0!important; margin-top:2px!important; margin-bottom:2px!important; background: url(../iLib/idea_sprite.png) 0 0; } .imgMenuIdea:hover, imgMenuIdea:hovered { width: 31px!important; height: 24px!important; border:none; border-style:none; margin-right:0;important; margin-top:2px!important; margin-bottom:2px!important; background: url(../iLib/idea_sprite.png) 0 -24px; } .imgMenuIdea_hover { width: 31px!important; height: 24px!important; border:none; border-style:none; margin-right:0;important; margin-top:2px!important; margin-bottom:2px!important; background: url(../iLib/idea_sprite.png) 0 -24px; } #imgToplast:hover, #imgToplast.hovered { content: url('../iLib/paintBrush_h.png'); } .bg_tableColorsTD { background-color: #f0f0f0; background-image: -webkit-gradient(linear,left top, left bottom,from(#fefefe), color-stop(0.5,#ececec), color-stop(0.51, #e6e6e6)); background-image: -moz-linear-gradient(#fefefe 0%, #ececec 50%, #e6e6e6 51%); background-image: -o-linear-gradient(#fefefe 0%, #ececec 50%, #e6e6e6 51%); background-image: -ms-linear-gradient(#fefefe 0%, #ececec 50%, #e6e6e6 51%); background-image: linear-gradient(#fefefe 0%, #ececec 50%, #e6e6e6 51%); box-shadow: 0 1px 1px rgba(255, 255, 255, 0.6), 0 1px 0 rgba(250, 250, 250, 0.6) inset; -moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.6), 0 1px 0 rgba(250, 250, 250, 0.6) inset ; -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.6), 0 1px 0 rgba(250, 250, 250, 0.6) inset; } .bg_tableColorsCustomTD { box-shadow: 0 1px 1px rgba(255, 255, 255, 0.6), 0 1px 0 rgba(250, 250, 250, 0.6) inset; -moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.6), 0 1px 0 rgba(250, 250, 250, 0.6) inset ; -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.6), 0 1px 0 rgba(250, 250, 250, 0.6) inset; } #tableColors_triangle-up { width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 8px solid #030303; // blue to match the .blue = #1390DD; } /* End of Menu Container */ /* iERP button ---------------------------------------------- */ /* button start css ---------------------------------------------- */ .button { display: inline-block; zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */ *display: inline; vertical-align: baseline; margin: 0 2px; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 14px/100% Arial, Helvetica, sans-serif; padding: .5em 2em .55em; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: 4px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); } .button:hover { text-decoration: none; } .button:active { position: relative; top: 1px; } .jqGrid_button { display: inline-block; zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */ *display: inline; vertical-align: baseline; margin: 0 2px; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 14px/100% Arial, Helvetica, sans-serif; /* difference between button and jqGrid_button is the padding padding: .5em 2em .55em; */ text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: 5px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); } .jqGrid_button:hover { text-decoration: none; } .jqGrid_button:active { position: relative; top: 1px; } .iERP_button { display: inline-block; zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */ *display: inline; vertical-align: baseline; margin: 0 2px; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 14px/100% Arial, Helvetica, sans-serif; padding: .5em 2em .55em; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: 4px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); } .iERP_button:hover { text-decoration: none; } .iERP_button:active { position: relative; top: 1px; } .iERP_btn_bigrounded { -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; } .iERP_btn_medium { font-size: 12px; padding: .4em 1.5em .42em; } .iERP_btn_small { font-size: 11px; font-weight: bold; /* padding: .2em 1em .275em; */ width:85px !important; height: 10px !important; border-radius: 2px; } .iERP_btn_large { display: inline-block; zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */ *display: inline; outline: none; cursor: pointer; text-decoration: none; font: 14px/100% Arial, Helvetica, sans-serif; /* text-shadow: 0 1px 1px rgba(0,0,0,.3);*/ -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: 4px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); font-size: 11px; font-weight: normal; /* padding: .2em 1em .275em; */ padding-left:1em; padding-right:1em; padding-top:.8em; padding-bottom:-.4em; vertical-align: center!important; text-align: center!important; width:45px !important; height: 35px !important; border-radius: 2px; } .iERP_btn_large:hover { text-decoration: none; color:grey; font-weight:bold; } .iERP_btn_large:active { position: relative; top: 1px; } .iERP_btn_large:-moz-focus-inner /*Remove button padding in FF*/ { border: 0; padding: 0; } .iERP_btn_NAV { display: inline-block; zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */ *display: inline; outline: none; cursor: pointer; text-decoration: none; font: 14px/100% Arial, Helvetica, sans-serif; /* text-shadow: 0 1px 1px rgba(0,0,0,.3);*/ -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: 4px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); font-weight: thin; /* padding: .2em 1em .275em; */ padding-left:1em; padding-right:1em; padding-top:.9em; padding-bottom:-.4em; vertical-align: center!important; text-align: center!important; width:98px !important; height: 44px !important; border-radius: 2px; } .iERP_btn_NAV:hover { text-decoration: none; color:black; font-weight:bold; } .iERP_btn_NAV:active { position: relative; top: 1px; } .iERP_btn_NAV:-moz-focus-inner /*Remove button padding in FF*/ { border: 0; padding: 0; } .iERP_btn_jqGrid { display: inline-block; zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */ *display: inline; outline: none; cursor: pointer; text-decoration: none; font: 14px/100% Arial, Helvetica, sans-serif; /* text-shadow: 0 1px 1px rgba(0,0,0,.3);*/ -webkit-border-radius: .5em; -moz-border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); font-size: 11px; font-weight: normal; /* padding: .2em 1em .275em; padding-left:1em; padding-right:1em; padding-top:.4em; padding-bottom:-.4em; */ vertical-align: center!important; text-align: center!important; width:70px !important; height: 40px !important; border-radius: 5px!important; } .iERP_btn_jqGrid:hover { text-decoration: none; color:black; font-weight:bold; } .iERP_btn_jqGrid:active { position: relative; top: 1px; } .iERP_btn_jqGrid:-moz-focus-inner /*Remove button padding in FF*/ { border: 0; padding: 0; } /* color styles ---------------------------------------------- */ /* black */ .black { color: #d7d7d7; border: solid 1px #333; background: #333; background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000)); background: -moz-linear-gradient(top, #666, #000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000'); } .black:hover { background: #000; background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000)); background: -moz-linear-gradient(top, #444, #000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000'); } .black:active { color: #666; background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444)); background: -moz-linear-gradient(top, #000, #444); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666'); } /* gray */ .gray { color: #e9e9e9; border: solid 1px #555; background: #6e6e6e; background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757)); background: -moz-linear-gradient(top, #888, #575757); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757'); } .gray:hover { background: #616161; background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b)); background: -moz-linear-gradient(top, #757575, #4b4b4b); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b'); } .gray:active { color: #afafaf; background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888)); background: -moz-linear-gradient(top, #575757, #888); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888'); } /* white */ .white { color: #303030; border: solid 1px #b7b7b7; background: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed)); background: -moz-linear-gradient(top, #fff, #ededed); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); } .white:hover { background: #ededed; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc)); background: -moz-linear-gradient(top, #fff, #dcdcdc); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc'); } .white:active { color: #999; background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff)); background: -moz-linear-gradient(top, #ededed, #fff); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff'); } /* white_green*/ .white_green { color: green!important; font-weight: bold; border: solid 1px green; background: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed)); background: -moz-linear-gradient(top, #fff, #ededed); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); } .white_green:hover { background: #ededed; font-weight: bold; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc)); background: -moz-linear-gradient(top, #fff, #dcdcdc); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc'); } .white_green:active { color: darkgreen!important!; background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff)); background: -moz-linear-gradient(top, #ededed, #fff); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff'); } /* white_red*/ .white_red { color: red!important; font-weight: bold; border: solid 1px red; background: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed)); background: -moz-linear-gradient(top, #fff, #ededed); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); } .white_red:hover { background: #ededed; font-weight: bold; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc)); background: -moz-linear-gradient(top, #fff, #dcdcdc); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc'); } .white_red:active { color: darkred!important; background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff)); background: -moz-linear-gradient(top, #ededed, #fff); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff'); } /* white_gold*/ .white_gold { color: brown!important; font-weight: bold; border: solid 1px gold; background: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#FFD700)); background: -moz-linear-gradient(top, #fff, #FFD700); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#FFD700'); } .white_gold:hover { background: #ededed; font-weight: bold; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#FFA500)); background: -moz-linear-gradient(top, #fff, #FFA500); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#FFA500'); } .white_gold:active { color: #FFA500!important; background: -webkit-gradient(linear, left top, left bottom, from(#FFA500), to(#fff)); background: -moz-linear-gradient(top, #FFA500, #fff); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFA500', endColorstr='#ffffff'); } /* white_blue*/ .white_blue { color: blue!important; font-weight: normal; border: solid 1px blue; background: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed)); background: -moz-linear-gradient(top, #fff, #ededed); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); } .white_blue:hover { background: #ededed; font-weight: bold; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc)); background: -moz-linear-gradient(top, #fff, #dcdcdc); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc'); } .white_blue:active { color: darkblue!important!; background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff)); background: -moz-linear-gradient(top, #ededed, #fff); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff'); } /* orange */ .orange { color: #fef4e9; border: solid 1px #da7c0c; background: #f78d1d; background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20)); background: -moz-linear-gradient(top, #faa51a, #f47a20); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20'); } .orange:hover { background: #f47c20; background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015)); background: -moz-linear-gradient(top, #f88e11, #f06015); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015'); } .orange:active { color: #fcd3a5; background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a)); background: -moz-linear-gradient(top, #f47a20, #faa51a); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a'); } /* red */ .red { color: #faddde; border: solid 1px #980c10; background: #d81b21; background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317)); background: -moz-linear-gradient(top, #ed1c24, #aa1317); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317'); } .red:hover { background: #b61318; background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115)); background: -moz-linear-gradient(top, #c9151b, #a11115); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115'); } .red:active { color: #de898c; background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24)); background: -moz-linear-gradient(top, #aa1317, #ed1c24); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24'); } /* blue */ .blue { color: #d9eef7; border: solid 1px #0076a3; background: #0095cd; background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5)); background: -moz-linear-gradient(top, #00adee, #0078a5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5'); } .blue:hover { background: #007ead; background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e)); background: -moz-linear-gradient(top, #0095cc, #00678e); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e'); } .blue:active { color: #80bed6; background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee)); background: -moz-linear-gradient(top, #0078a5, #00adee); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee'); } /* rosy */ .rosy { color: #fae7e9; border: solid 1px #b73948; background: #da5867; background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f)); background: -moz-linear-gradient(top, #f16c7c, #bf404f); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f'); } .rosy:hover { background: #ba4b58; background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845)); background: -moz-linear-gradient(top, #cf5d6a, #a53845); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845'); } .rosy:active { color: #dca4ab; background: -webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c)); background: -moz-linear-gradient(top, #bf404f, #f16c7c); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c'); } /* green */ .green { color: #e8f0de; border: solid 1px #538312; background: #5bb75b; /* #64991e; */ background: -webkit-gradient(linear, left top, left bottom, from(#5bb75b /*#7db72f*/), to(#4e7d0e)); background: -moz-linear-gradient(top, #51a351 /* #7db72f */, #4e7d0e); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e'); } .green:hover { color: #e8f0de; background: #1F731F; /* #538018; */ background: -webkit-gradient(linear, left top, left bottom, from( #1F731F /* #6b9d28 */), to(#436b0c)); background: -moz-linear-gradient(top, #6b9d28, #436b0c); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c'); } .green:active { color: #51A851; /* #a9c08c; */ background: -webkit-gradient(linear, left top, left bottom, from( #4e7d0e /*#4e7d0e*/), to(#5bb75b)); background: -moz-linear-gradient(top, #4e7d0e, #5bb75b); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#5bb75b'); } /* red */ .red { color: #feeef5; border: solid 1px #d2729e; background: #FF0000; background: -webkit-gradient(linear, left top, left bottom, from(#FC6868), to(#CC0000)); background: -moz-linear-gradient(top, #FC6868, #CC0000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FC6868', endColorstr='#CC0000'); } .red:hover { background: #d57ea5; background: -webkit-gradient(linear, left top, left bottom, from(#C96F6F), to(#990000)); background: -moz-linear-gradient(top, #C96F6F, #990000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C96F6F', endColorstr='#990000'); } .red:active { color: #f3c3d9; background: -webkit-gradient(linear, left top, left bottom, from(#CC0000), to(#FC6868)); background: -moz-linear-gradient(top, #CC0000, #FC6868); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CC0000', endColorstr='#FC6868'); } /* pink */ .pink { color: #feeef5; border: solid 1px #d2729e; background: #f895c2; background: -webkit-gradient(linear, left top, left bottom, from(#feb1d3), to(#f171ab)); background: -moz-linear-gradient(top, #feb1d3, #f171ab); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb1d3', endColorstr='#f171ab'); } .pink:hover { background: #d57ea5; background: -webkit-gradient(linear, left top, left bottom, from(#f4aacb), to(#e86ca4)); background: -moz-linear-gradient(top, #f4aacb, #e86ca4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4aacb', endColorstr='#e86ca4'); } .pink:active { color: #f3c3d9; background: -webkit-gradient(linear, left top, left bottom, from(#f171ab), to(#feb1d3)); background: -moz-linear-gradient(top, #f171ab, #feb1d3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f171ab', endColorstr='#feb1d3'); } /* Disabled Button - iERP_btn_disabled */ .iERP_btn_disabled { color: #CCCCCC; text-shadow: none; /* 0 1px 1px rgba(0,0,0,.3); */ border: solid 1px #CCCCCC; background: #F8F8FF; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#CCCCCC)); background: -moz-linear-gradient(top, #ffffff, #F8F8FF); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#F8F8FF'); cursor: default; } .iERP_btn_disabled:active { position: relative; top: 0px; } /* Sets the dimensions, text, image placement on the jqGrid cloned buttons */ /* td_div has same width as the iERP_btn_jqGrid */ .td_div { width:70px; height:16px; border: 0px solid yellow; } .td_icon_dims { border:0px dotted orange; width:16px; height:16px; } .td_text_dims { border:0px dotted orange; width: 70px; height:24px; text-align:center; align:center; padding-top:3px; font-size:120%; } /* View */ .ui_iERP_icon_view { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_888888_256x240.png); background-position: -32px -96px; } .ui_iERP_icon_view:hover { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_454545_256x240.png); background-position: -32px -96px; } .ui_iERP_icon_view_hover { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_454545_256x240.png); background-position: -32px -96px; } /* Refresh */ .ui_iERP_icon_cancel { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_888888_256x240.png); background-position: 0 -128px; } .ui_iERP_icon_cancel:hover { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_454545_256x240.png); background-position: 0 -128px; } .ui_iERP_icon_cancel_hover { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_454545_256x240.png); background-position: 0 -128px; } /* Search */ .ui_iERP_icon_search { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_888888_256x240.png); background-position: -160px -112px; } .ui_iERP_icon_search:hover { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_454545_256x240.png); background-position: -160px -112px; } .ui_iERP_icon_search_hover { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_454545_256x240.png); background-position: -160px -112px; } /* Delete */ .ui_iERP_icon_delete { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_888888_256x240.png); background-position: -144px -128px; } .ui_iERP_icon_delete:hover { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_454545_256x240.png); background-position: -144px -128px; } .ui_iERP_icon_delete_hover { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_454545_256x240.png); background-position: -144px -128px; } /* Refresh */ .ui_iERP_icon_refresh { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_888888_256x240.png); background-position: -64px -80px; } .ui_iERP_icon_refresh:hover { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_454545_256x240.png); background-position: -64px -80px; } .ui_iERP_icon_refresh_hover { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_454545_256x240.png); background-position: -64px -80px; } /* Confirm */ .ui_iERP_icon_confirm { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_888888_256x240.png); background-position: -80px -80px; } .ui_iERP_icon_confirm:hover { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_454545_256x240.png); background-position: -80px -80px; } .ui_iERP_icon_refresh_confirm { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_454545_256x240.png); background-position: -80px -80px; } /* Question Mark qmark */ .ui_iERP_icon_qmark { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_888888_256x240.png); background-position: -96px -80px; } .ui_iERP_icon_qmark:hover { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_888888_256x240.png); background-position: -96px -80px; } .ui_iERP_icon_qmark_confirm { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_888888_256x240.png); background-position: -96px -80px; } /* Add */ .ui_iERP_icon_add { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_888888_256x240.png); background-position: -16px -128px; } .ui_iERP_icon_add:hover { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_454545_256x240.png); background-position: -16px -128px; } .ui_iERP_icon_add_hover { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_454545_256x240.png); background-position: -16px -128px; } /* Save */ .ui_iERP_icon_save { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_888888_256x240.png); background-position: -96px -112px; } .ui_iERP_icon_save:hover { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_454545_256x240.png); background-position: -96px -112px; } .ui_iERP_icon_save_hover { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_454545_256x240.png); background-position: -96px -112px; } /* Edit */ .ui_iERP_icon_edit { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_888888_256x240.png); background-position: -64px -112px; } .ui_iERP_icon_edit:hover { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_454545_256x240.png); background-position: -64px -112px; } .ui_iERP_icon_edit_hover { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_454545_256x240.png); background-position: -64px -112px; } /* Excel */ .ui_iERP_icon_excel { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_888888_256x240.png); background-position: -48px -80px; } .ui_iERP_icon_excel:hover { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_454545_256x240.png); background-position: -48px -80px; } .ui_iERP_icon_excel_hover { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_454545_256x240.png); background-position: -48px -80px; } /* Expand */ .ui_iERP_icon_expand { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_888888_256x240.png); background-position: 0 -208px; } .ui_iERP_icon_expand:hover { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_454545_256x240.png); background-position: 0 -208px; } .ui_iERP_icon_expand_hover { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_454545_256x240.png); background-position: 0 -208px; } /* Collapse */ .ui_iERP_icon_collapse { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_888888_256x240.png); background-position: -16px -208px; } .ui_iERP_icon_collapse:hover { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_454545_256x240.png); background-position: -16px -208px; } .ui_iERP_icon_collapse_hover { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_454545_256x240.png); background-position: -16px -208px; } /* Broadcast */ .ui_iERP_icon_broadcast { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_888888_256x240.png); background-position: -128px -224px; } .ui_iERP_icon_broadcast:hover { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_454545_256x240.png); background-position: -128px -224px; } .ui_iERP_icon_broadcast_hover { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_454545_256x240.png); background-position: -128px -224px; } /* Email */ .ui_iERP_icon_email { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_888888_256x240.png); background-position: -144px -224px; } .ui_iERP_icon_email:hover { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_454545_256x240.png); background-position: -144px -224px; } .ui_iERP_icon_email_hover { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_454545_256x240.png); background-position: -144px -224px; } /* Clipboard */ .ui_iERP_icon_clipboard { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_888888_256x240.png); background-position: 0 -224px; } .ui_iERP_icon_clipboard:hover { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_454545_256x240.png); background-position: 0 -224px; } .ui_iERP_icon_clipboard_hover { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_454545_256x240.png); background-position: 0 -224px; } /* Chart */ .ui_iERP_icon_chart { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_888888_256x240.png); background-position: -112px -208px; } .ui_iERP_icon_chart:hover { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_454545_256x240.png); background-position: -112px -208px; } .ui_iERP_icon_chart_hover { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_454545_256x240.png); background-position: -112px -208px; } /* Prev */ .ui_iERP_icon_prev { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_888888_256x240.png); background-position: -16px -224px; } .ui_iERP_icon_prev:hover { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_454545_256x240.png); background-position: -16px -224px; } .ui_iERP_icon_prev_hover { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_454545_256x240.png); background-position: -16px -224px; } /* Next */ .ui_iERP_icon_next { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_888888_256x240.png); background-position: -32px -224px; } .ui_iERP_icon_next:hover { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_454545_256x240.png); background-position: -32px -224px; } .ui_iERP_icon_next_hover { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_454545_256x240.png); background-position: -32px -224px; } /* NextStep */ .ui_iERP_icon_nxtStep { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_888888_256x240.png); background-position: -128px -208px; } .ui_iERP_icon_nxtStep :hover { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_454545_256x240.png); background-position: -128px -208px; } .ui_iERP_icon_nxtStep_hover { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_454545_256x240.png); background-position: -128px -208px; } /* Home */ .ui_iERP_icon_home { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_888888_256x240.png); background-position: -48px -224px; } .ui_iERP_icon_home:hover { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_454545_256x240.png); background-position: -48px -224px; } .ui_iERP_icon_home_hover { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_454545_256x240.png); background-position: -48px -224px; } /* LOV */ .ui_iERP_icon_LOV { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_454545_256x240.png); width: 16px; height: 16px; background-position: -240px 0; } .ui_iERP_icon_LOV:hover { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_888888_256x240.png); background-position: -240px 0; } .ui_iERP_icon_LOV_hover { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_888888_256x240.png); background-position: -240px 0; } /* Move */ .ui_iERP_icon_move { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_888888_256x240.png); background-position: 0 -80px; } .ui_iERP_icon_move:hover { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_454545_256x240.png); background-position: 0 -80px; } .ui_iERP_icon_move_hover { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_454545_256x240.png); background-position: 0 -80px; } /* Print */ .ui_iERP_icon_print { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_888888_256x240.png); background-position: -64px -224px; } .ui_iERP_icon_print:hover { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_454545_256x240.png); background-position: -64px -224px; } .ui_iERP_icon_print_hover { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_454545_256x240.png); background-position: -64px -224px; } /* Right15 */ .ui_iERP_icon_right15 { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_888888_256x240.png); background-position: -96px -224px; } .ui_iERP_icon_right15:hover { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_454545_256x240.png); background-position: -96px -224px; } .ui_iERP_icon_right15_hover { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_454545_256x240.png); background-position: -96px -224px; } /* Left15 */ .ui_iERP_icon_left15 { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_888888_256x240.png); background-position: -112px -224px; } .ui_iERP_icon_left15:hover { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_454545_256x240.png); background-position: -112px -224px; } .ui_iERP_icon_left15_hover { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_454545_256x240.png); background-position: -112px -224px; } /* Copy */ .ui_iERP_icon_copy { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_888888_256x240.png); background-position: -160px -224px; } .ui_iERP_icon_copy:hover { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_454545_256x240.png); background-position: -160px -224px; } .ui_iERP_icon_copy_hover { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_454545_256x240.png); background-position: -160px -224px; } /* Close */ .ui_iERP_icon_close { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_888888_256x240.png); background-position: -192px -208px; } .ui_iERP_icon_close:hover { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_454545_256x240.png); background-position: -192px -208px; } .ui_iERP_icon_close_hover { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_454545_256x240.png); background-position: -192px -208px; } /* Close 32X32*/ .ui_iERP_icon_close32 { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_888888_256x240.png); background-position: -160px -160px; } .ui_iERP_icon_close32:hover { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_454545_256x240.png); background-position: -160px -160px; } .ui_iERP_icon_close32_hover{ background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_454545_256x240.png); background-position: -160px -160px; } /* Added 10/24/2014 */ /* Adding gradient to buttons - only for testing yet */ .gradientApply { /*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#dddddd', endColorstr = '#ffffff'); /*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/ /*Element must have a height (not auto)*/ /*All filters must be placed together*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#dddddd', endColorstr = '#ffffff')"; /*Element must have a height (not auto)*/ /*All filters must be placed together*/ background-image: -moz-linear-gradient(top, #dddddd, #ffffff); background-image: -ms-linear-gradient(top, #dddddd, #ffffff); background-image: -o-linear-gradient(top, #dddddd, #ffffff); background-image: -webkit-gradient(linear, center top, center bottom, from(#dddddd), to(#ffffff)); background-image: -webkit-linear-gradient(top, #dddddd, #ffffff); background-image: linear-gradient(top, #dddddd, #ffffff); -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; /*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/ /*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/ } /* General Purpose Images */ .star { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_888888_256x240.png); /* background-position: -160px -224px; */ background-position: -176px -224px; } .kb_logoR16X16 { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_888888_256x240.png); background-position: -192px -224px; } .kb_logoR32X32 { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_888888_256x240.png); background-position: -224px -160px; } .kb_logoR48X48 { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_888888_256x240.png); background-position: -208px -192px; } .kb_face32X32 { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_888888_256x240.png); background-position: -192px -160px; } img.star { width : 16px; height : 16px; } img.iERP_icon32 { border : 0; padding: 0;margin:0; width : 32px; height : 32px; } img.iERP_custom_copy { width: 28px; height: 21px; } .iERP_custom_copy { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_888888_256x240.png); /* background-position: -160px -224px; */ background-position: -16px 0; } .iERP_custom_key { background-image: url(https://www.iERP.co/css/smoothness/images/ui-icons_888888_256x240.png); /* background-position: -160px -224px; */ width: 24px; height: 16px; background-position: -44px 0; } /*-------------------------------------------------------- Flags ------------------------------------------------------*/ .flag { width: 16px; height: 11px; background:url(../iLib/flags.png) no-repeat } .flag.flag-ad {background-position: -16px 0} .flag.flag-ae {background-position: -32px 0} .flag.flag-af {background-position: -48px 0} .flag.flag-ag {background-position: -64px 0} .flag.flag-ai {background-position: -80px 0} .flag.flag-al {background-position: -96px 0} .flag.flag-am {background-position: -112px 0} .flag.flag-an {background-position: -128px 0} .flag.flag-ao {background-position: -144px 0} .flag.flag-ar {background-position: -160px 0} .flag.flag-as {background-position: -176px 0} .flag.flag-at {background-position: -192px 0} .flag.flag-au {background-position: -208px 0} .flag.flag-aw {background-position: -224px 0} .flag.flag-az {background-position: -240px 0} .flag.flag-ba {background-position: 0 -11px} .flag.flag-bb {background-position: -16px -11px} .flag.flag-bd {background-position: -32px -11px} .flag.flag-be {background-position: -48px -11px} .flag.flag-bf {background-position: -64px -11px} .flag.flag-bg {background-position: -80px -11px} .flag.flag-bh {background-position: -96px -11px} .flag.flag-bi {background-position: -112px -11px} .flag.flag-bj {background-position: -128px -11px} .flag.flag-bm {background-position: -144px -11px} .flag.flag-bn {background-position: -160px -11px} .flag.flag-bo {background-position: -176px -11px} .flag.flag-br {background-position: -192px -11px} .flag.flag-bs {background-position: -208px -11px} .flag.flag-bt {background-position: -224px -11px} .flag.flag-bv {background-position: -240px -11px} .flag.flag-bw {background-position: 0 -22px} .flag.flag-by {background-position: -16px -22px} .flag.flag-bz {background-position: -32px -22px} .flag.flag-ca {background-position: -48px -22px} .flag.flag-catalonia {background-position: -64px -22px} .flag.flag-cd {background-position: -80px -22px} .flag.flag-cf {background-position: -96px -22px} .flag.flag-cg {background-position: -112px -22px} .flag.flag-ch {background-position: -128px -22px} .flag.flag-ci {background-position: -144px -22px} .flag.flag-ck {background-position: -160px -22px} .flag.flag-cl {background-position: -176px -22px} .flag.flag-cm {background-position: -192px -22px} .flag.flag-cn {background-position: -208px -22px} .flag.flag-co {background-position: -224px -22px} .flag.flag-cr {background-position: -240px -22px} .flag.flag-cu {background-position: 0 -33px} .flag.flag-cv {background-position: -16px -33px} .flag.flag-cw {background-position: -32px -33px} .flag.flag-cy {background-position: -48px -33px} .flag.flag-cz {background-position: -64px -33px} .flag.flag-de {background-position: -80px -33px} .flag.flag-dj {background-position: -96px -33px} .flag.flag-dk {background-position: -112px -33px} .flag.flag-dm {background-position: -128px -33px} .flag.flag-do {background-position: -144px -33px} .flag.flag-dz {background-position: -160px -33px} .flag.flag-ec {background-position: -176px -33px} .flag.flag-ee {background-position: -192px -33px} .flag.flag-eg {background-position: -208px -33px} .flag.flag-eh {background-position: -224px -33px} .flag.flag-england {background-position: -240px -33px} .flag.flag-er {background-position: 0 -44px} .flag.flag-es {background-position: -16px -44px} .flag.flag-et {background-position: -32px -44px} .flag.flag-eu {background-position: -48px -44px} .flag.flag-fi {background-position: -64px -44px} .flag.flag-fj {background-position: -80px -44px} .flag.flag-fk {background-position: -96px -44px} .flag.flag-fm {background-position: -112px -44px} .flag.flag-fo {background-position: -128px -44px} .flag.flag-fr {background-position: -144px -44px} .flag.flag-ga {background-position: -160px -44px} .flag.flag-gb {background-position: -176px -44px} .flag.flag-gd {background-position: -192px -44px} .flag.flag-ge {background-position: -208px -44px} .flag.flag-gf {background-position: -224px -44px} .flag.flag-gg {background-position: -240px -44px} .flag.flag-gh {background-position: 0 -55px} .flag.flag-gi {background-position: -16px -55px} .flag.flag-gl {background-position: -32px -55px} .flag.flag-gm {background-position: -48px -55px} .flag.flag-gn {background-position: -64px -55px} .flag.flag-gp {background-position: -80px -55px} .flag.flag-gq {background-position: -96px -55px} .flag.flag-gr {background-position: -112px -55px} .flag.flag-gs {background-position: -128px -55px} .flag.flag-gt {background-position: -144px -55px} .flag.flag-gu {background-position: -160px -55px} .flag.flag-gw {background-position: -176px -55px} .flag.flag-gy {background-position: -192px -55px} .flag.flag-hk {background-position: -208px -55px} .flag.flag-hm {background-position: -224px -55px} .flag.flag-hn {background-position: -240px -55px} .flag.flag-hr {background-position: 0 -66px} .flag.flag-ht {background-position: -16px -66px} .flag.flag-hu {background-position: -32px -66px} .flag.flag-ic {background-position: -48px -66px} .flag.flag-id {background-position: -64px -66px} .flag.flag-ie {background-position: -80px -66px} .flag.flag-il {background-position: -96px -66px} .flag.flag-im {background-position: -112px -66px} .flag.flag-in {background-position: -128px -66px} .flag.flag-io {background-position: -144px -66px} .flag.flag-iq {background-position: -160px -66px} .flag.flag-ir {background-position: -176px -66px} .flag.flag-is {background-position: -192px -66px} .flag.flag-it {background-position: -208px -66px} .flag.flag-je {background-position: -224px -66px} .flag.flag-jm {background-position: -240px -66px} .flag.flag-jo {background-position: 0 -77px} .flag.flag-jp {background-position: -16px -77px} .flag.flag-ke {background-position: -32px -77px} .flag.flag-kg {background-position: -48px -77px} .flag.flag-kh {background-position: -64px -77px} .flag.flag-ki {background-position: -80px -77px} .flag.flag-km {background-position: -96px -77px} .flag.flag-kn {background-position: -112px -77px} .flag.flag-kp {background-position: -128px -77px} .flag.flag-kr {background-position: -144px -77px} .flag.flag-kurdistan {background-position: -160px -77px} .flag.flag-kw {background-position: -176px -77px} .flag.flag-ky {background-position: -192px -77px} .flag.flag-kz {background-position: -208px -77px} .flag.flag-la {background-position: -224px -77px} .flag.flag-lb {background-position: -240px -77px} .flag.flag-lc {background-position: 0 -88px} .flag.flag-li {background-position: -16px -88px} .flag.flag-lk {background-position: -32px -88px} .flag.flag-lr {background-position: -48px -88px} .flag.flag-ls {background-position: -64px -88px} .flag.flag-lt {background-position: -80px -88px} .flag.flag-lu {background-position: -96px -88px} .flag.flag-lv {background-position: -112px -88px} .flag.flag-ly {background-position: -128px -88px} .flag.flag-ma {background-position: -144px -88px} .flag.flag-mc {background-position: -160px -88px} .flag.flag-md {background-position: -176px -88px} .flag.flag-me {background-position: -192px -88px} .flag.flag-mg {background-position: -208px -88px} .flag.flag-mh {background-position: -224px -88px} .flag.flag-mk {background-position: -240px -88px} .flag.flag-ml {background-position: 0 -99px} .flag.flag-mm {background-position: -16px -99px} .flag.flag-mn {background-position: -32px -99px} .flag.flag-mo {background-position: -48px -99px} .flag.flag-mp {background-position: -64px -99px} .flag.flag-mq {background-position: -80px -99px} .flag.flag-mr {background-position: -96px -99px} .flag.flag-ms {background-position: -112px -99px} .flag.flag-mt {background-position: -128px -99px} .flag.flag-mu {background-position: -144px -99px} .flag.flag-mv {background-position: -160px -99px} .flag.flag-mw {background-position: -176px -99px} .flag.flag-mx {background-position: -192px -99px} .flag.flag-my {background-position: -208px -99px} .flag.flag-mz {background-position: -224px -99px} .flag.flag-na {background-position: -240px -99px} .flag.flag-nc {background-position: 0 -110px} .flag.flag-ne {background-position: -16px -110px} .flag.flag-nf {background-position: -32px -110px} .flag.flag-ng {background-position: -48px -110px} .flag.flag-ni {background-position: -64px -110px} .flag.flag-nl {background-position: -80px -110px} .flag.flag-no {background-position: -96px -110px} .flag.flag-np {background-position: -112px -110px} .flag.flag-nr {background-position: -128px -110px} .flag.flag-nu {background-position: -144px -110px} .flag.flag-nz {background-position: -160px -110px} .flag.flag-om {background-position: -176px -110px} .flag.flag-pa {background-position: -192px -110px} .flag.flag-pe {background-position: -208px -110px} .flag.flag-pf {background-position: -224px -110px} .flag.flag-pg {background-position: -240px -110px} .flag.flag-ph {background-position: 0 -121px} .flag.flag-pk {background-position: -16px -121px} .flag.flag-pl {background-position: -32px -121px} .flag.flag-pm {background-position: -48px -121px} .flag.flag-pn {background-position: -64px -121px} .flag.flag-pr {background-position: -80px -121px} .flag.flag-ps {background-position: -96px -121px} .flag.flag-pt {background-position: -112px -121px} .flag.flag-pw {background-position: -128px -121px} .flag.flag-py {background-position: -144px -121px} .flag.flag-qa {background-position: -160px -121px} .flag.flag-re {background-position: -176px -121px} .flag.flag-ro {background-position: -192px -121px} .flag.flag-rs {background-position: -208px -121px} .flag.flag-ru {background-position: -224px -121px} .flag.flag-rw {background-position: -240px -121px} .flag.flag-sa {background-position: 0 -132px} .flag.flag-sb {background-position: -16px -132px} .flag.flag-sc {background-position: -32px -132px} .flag.flag-scotland {background-position: -48px -132px} .flag.flag-sd {background-position: -64px -132px} .flag.flag-se {background-position: -80px -132px} .flag.flag-sg {background-position: -96px -132px} .flag.flag-sh {background-position: -112px -132px} .flag.flag-si {background-position: -128px -132px} .flag.flag-sk {background-position: -144px -132px} .flag.flag-sl {background-position: -160px -132px} .flag.flag-sm {background-position: -176px -132px} .flag.flag-sn {background-position: -192px -132px} .flag.flag-so {background-position: -208px -132px} .flag.flag-somaliland {background-position: -224px -132px} .flag.flag-sr {background-position: -240px -132px} .flag.flag-ss {background-position: 0 -143px} .flag.flag-st {background-position: -16px -143px} .flag.flag-sv {background-position: -32px -143px} .flag.flag-sx {background-position: -48px -143px} .flag.flag-sy {background-position: -64px -143px} .flag.flag-sz {background-position: -80px -143px} .flag.flag-tc {background-position: -96px -143px} .flag.flag-td {background-position: -112px -143px} .flag.flag-tf {background-position: -128px -143px} .flag.flag-tg {background-position: -144px -143px} .flag.flag-th {background-position: -160px -143px} .flag.flag-tj {background-position: -176px -143px} .flag.flag-tk {background-position: -192px -143px} .flag.flag-tl {background-position: -208px -143px} .flag.flag-tm {background-position: -224px -143px} .flag.flag-tn {background-position: -240px -143px} .flag.flag-to {background-position: 0 -154px} .flag.flag-tr {background-position: -16px -154px} .flag.flag-tt {background-position: -32px -154px} .flag.flag-tv {background-position: -48px -154px} .flag.flag-tw {background-position: -64px -154px} .flag.flag-tz {background-position: -80px -154px} .flag.flag-ua {background-position: -96px -154px} .flag.flag-ug {background-position: -112px -154px} .flag.flag-um {background-position: -128px -154px} .flag.flag-us {background-position: -144px -154px} .flag.flag-uy {background-position: -160px -154px} .flag.flag-uz {background-position: -176px -154px} .flag.flag-va {background-position: -192px -154px} .flag.flag-vc {background-position: -208px -154px} .flag.flag-ve {background-position: -224px -154px} .flag.flag-vg {background-position: -240px -154px} .flag.flag-vi {background-position: 0 -165px} .flag.flag-vn {background-position: -16px -165px} .flag.flag-vu {background-position: -32px -165px} .flag.flag-wales {background-position: -48px -165px} .flag.flag-wf {background-position: -64px -165px} .flag.flag-ws {background-position: -80px -165px} .flag.flag-ye {background-position: -96px -165px} .flag.flag-yt {background-position: -112px -165px} .flag.flag-za {background-position: -128px -165px} .flag.flag-zanzibar {background-position: -144px -165px} .flag.flag-zm {background-position: -160px -165px} .flag.flag-zw {background-position: -176px -165px} /*-----------------------------------------------------Larger flag32s 32x32 -----------------------------------------------*/ .flag32 { width: 32px; height: 24px; background:url(../iLib/flags32.png) no-repeat } .flag32.flag32-ad {background-position: -32px -4x} .flag32.flag32-ae {background-position: -64px -4x} .flag32.flag32-af {background-position: -96px -4x} .flag32.flag32-ag {background-position: -128px -4x} .flag32.flag32-ai {background-position: -160px -4x} .flag32.flag32-al {background-position: -192px -4x} .flag32.flag32-am {background-position: -224px -4x} .flag32.flag32-an {background-position: -256px -4x} .flag32.flag32-ao {background-position: -288px -4x} .flag32.flag32-ar {background-position: -320px -4x} .flag32.flag32-as {background-position: -352px -4x} .flag32.flag32-at {background-position: -384px -4x} .flag32.flag32-au {background-position: -416px -4x} .flag32.flag32-aw {background-position: -448px -4x} .flag32.flag32-az {background-position: 0 -32px} .flag32.flag32-ba {background-position: -32px -36px} .flag32.flag32-bb {background-position: -64px -36px} .flag32.flag32-bd {background-position: -96px -36px} .flag32.flag32-be {background-position: -128px -36px} .flag32.flag32-bf {background-position: -160px -36px} .flag32.flag32-bg {background-position: -192px -36px} .flag32.flag32-bh {background-position: -224px -36px} .flag32.flag32-bi {background-position: -256px -36px} .flag32.flag32-bj {background-position: -288px -36px} .flag32.flag32-bm {background-position: -320px -36px} .flag32.flag32-bn {background-position: -352px -36px} .flag32.flag32-bo {background-position: -384px -36px} .flag32.flag32-br {background-position: -416px -36px} .flag32.flag32-bs {background-position: -448px -36px} .flag32.flag32-bt {background-position: 0 -68px} .flag32.flag32-bw {background-position: -32px -68px} .flag32.flag32-by {background-position: -64px -68px} .flag32.flag32-bz {background-position: -96px -68px} .flag32.flag32-ca {background-position: -128px -68px} .flag32.flag32-cd {background-position: -160px -68px} .flag32.flag32-cf {background-position: -192px -68px} .flag32.flag32-cg {background-position: -224px -68px} .flag32.flag32-ch {background-position: -256px -68px} .flag32.flag32-ci {background-position: -288px -68px} .flag32.flag32-ck {background-position: -320px -68px} .flag32.flag32-cl {background-position: -352px -68px} .flag32.flag32-cm {background-position: -384px -68px} .flag32.flag32-cn {background-position: -416px -68px} .flag32.flag32-co {background-position: -448px -68px} .flag32.flag32-cr {background-position: 0 -100px} .flag32.flag32-cu {background-position: -32px -100px} .flag32.flag32-cv {background-position: -64px -100px} .flag32.flag32-cy {background-position: -96px -100px} .flag32.flag32-cz {background-position: -128px -100px} .flag32.flag32-de {background-position: -160px -100px} .flag32.flag32-dj {background-position: -192px -100px} .flag32.flag32-dk {background-position: -224px -100px} .flag32.flag32-dm {background-position: -256px -100px} .flag32.flag32-do {background-position: -288px -100px} .flag32.flag32-dz {background-position: -320px -100px} .flag32.flag32-ec {background-position: -352px -100px} .flag32.flag32-ee {background-position: -384px -100px} .flag32.flag32-eg {background-position: -416px -100px} .flag32.flag32-eh {background-position: -448px -100px} .flag32.flag32-er {background-position: 0 -132px} .flag32.flag32-es {background-position: -32px -132px} .flag32.flag32-et {background-position: -64px -132px} .flag32.flag32-fi {background-position: -96px -132px} .flag32.flag32-fj {background-position: -128px -132px} .flag32.flag32-fm {background-position: -160px -132px} .flag32.flag32-fo {background-position: -192px -132px} .flag32.flag32-fr {background-position: -224px -132px} .flag32.flag32-ga {background-position: -256px -132px} .flag32.flag32-gb {background-position: -288px -132px} .flag32.flag32-gd {background-position: -320px -132px} .flag32.flag32-ge {background-position: -352px -132px} .flag32.flag32-gg {background-position: -384px -132px} .flag32.flag32-gh {background-position: -416px -132px} .flag32.flag32-gi {background-position: -448px -132px} .flag32.flag32-gl {background-position: 0 -164px} .flag32.flag32-gm {background-position: -32px -164px} .flag32.flag32-gn {background-position: -64px -164px} .flag32.flag32-gp {background-position: -96px -164px} .flag32.flag32-gq {background-position: -128px -164px} .flag32.flag32-gr {background-position: -160px -164px} .flag32.flag32-gt {background-position: -192px -164px} .flag32.flag32-gu {background-position: -224px -164px} .flag32.flag32-gw {background-position: -256px -164px} .flag32.flag32-gy {background-position: -288px -164px} .flag32.flag32-hk {background-position: -320px -164px} .flag32.flag32-hn {background-position: -352px -164px} .flag32.flag32-hr {background-position: -384px -164px} .flag32.flag32-ht {background-position: -416px -164px} .flag32.flag32-hu {background-position: -448px -164px} .flag32.flag32-id {background-position: 0 -196px} .flag32.flag32-ie {background-position: -32px -196px} .flag32.flag32-il {background-position: -64px -196px} .flag32.flag32-im {background-position: -96px -196px} .flag32.flag32-in {background-position: -128px -196px} .flag32.flag32-iq {background-position: -160px -196px} .flag32.flag32-ir {background-position: -192px -196px} .flag32.flag32-is {background-position: -224px -196px} .flag32.flag32-it {background-position: -256px -196px} .flag32.flag32-je {background-position: -288px -196px} .flag32.flag32-jm {background-position: -320px -196px} .flag32.flag32-jo {background-position: -352px -196px} .flag32.flag32-jp {background-position: -384px -196px} .flag32.flag32-ke {background-position: -416px -196px} .flag32.flag32-kg {background-position: -448px -196px} .flag32.flag32-kh {background-position: 0 -228px} .flag32.flag32-ki {background-position: -32px -228px}} .flag32.flag32-km {background-position: -64px -228px}} .flag32.flag32-kn {background-position: -96px -228px}} .flag32.flag32-kp {background-position: -128px -228px} .flag32.flag32-kr {background-position: -160px -230px} .flag32.flag32-kw {background-position: -192px -228px} .flag32.flag32-ky {background-position: -224px -228px} .flag32.flag32-kz {background-position: -256px -228px} .flag32.flag32-la {background-position: -288px -228px} .flag32.flag32-lb {background-position: -320px -228px} .flag32.flag32-lc {background-position: -352px -228px} .flag32.flag32-li {background-position: -384px -228px} .flag32.flag32-lk {background-position: -416px -228px} .flag32.flag32-lr {background-position: -448px -228px} .flag32.flag32-ls {background-position: 0 -256px} .flag32.flag32-lt {background-position: -32px -256px} .flag32.flag32-lu {background-position: -64px -256px} .flag32.flag32-lv {background-position: -96px -256px} .flag32.flag32-ly {background-position: -128px -256px} .flag32.flag32-ma {background-position: -160px -256px} .flag32.flag32-mc {background-position: -192px -256px} .flag32.flag32-md {background-position: -224px -256px} .flag32.flag32-me {background-position: -256px -256px} .flag32.flag32-mg {background-position: -288px -256px} .flag32.flag32-mh {background-position: -320px -256px} .flag32.flag32-mk {background-position: -352px -256px} .flag32.flag32-ml {background-position: -384px -256px} .flag32.flag32-mm {background-position: -416px -256px} .flag32.flag32-mn {background-position: -448px -256px} .flag32.flag32-mo {background-position: 0 -288px} .flag32.flag32-mq {background-position: -32px -288px} .flag32.flag32-mr {background-position: -64px -288px} .flag32.flag32-ms {background-position: -96px -288px} .flag32.flag32-mt {background-position: -128px -288px} .flag32.flag32-mu {background-position: -160px -288px} .flag32.flag32-mv {background-position: -192px -288px} .flag32.flag32-mw {background-position: -224px -288px} .flag32.flag32-mx {background-position: -256px -292px} .flag32.flag32-my {background-position: -288px -288px} .flag32.flag32-mz {background-position: -320px -288px} .flag32.flag32-na {background-position: -352px -288px} .flag32.flag32-nc {background-position: -384px -288px} .flag32.flag32-ne {background-position: -416px -288px} .flag32.flag32-ng {background-position: -448px -288px} .flag32.flag32-ni {background-position: 0 -320px} .flag32.flag32-nl {background-position: -32px -320px} .flag32.flag32-no {background-position: -64px -320px} .flag32.flag32-np {background-position: -96px -320px} .flag32.flag32-nr {background-position: -128px -320px} .flag32.flag32-nz {background-position: -160px -320px} .flag32.flag32-om {background-position: -192px -320px} .flag32.flag32-pa {background-position: -224px -320px} .flag32.flag32-pe {background-position: -256px -320px} .flag32.flag32-pf {background-position: -288px -320px} .flag32.flag32-pg {background-position: -320px -320px} .flag32.flag32-ph {background-position: -352px -320px} .flag32.flag32-pk {background-position: -384px -320px} .flag32.flag32-pl {background-position: -416px -320px} .flag32.flag32-pr {background-position: -448px -320px} .flag32.flag32-ps {background-position: 0 -352px} .flag32.flag32-pt {background-position: -32px -352px} .flag32.flag32-pw {background-position: -64px -352px} .flag32.flag32-py {background-position: -96px -352px} .flag32.flag32-qa {background-position: -128px -352px} .flag32.flag32-re {background-position: -160px -352px} .flag32.flag32-ro {background-position: -192px -352px} .flag32.flag32-rs {background-position: -224px -352px} .flag32.flag32-ru {background-position: -256px -352px} .flag32.flag32-rw {background-position: -288px -352px} .flag32.flag32-sa {background-position: -320px -352px} .flag32.flag32-sb {background-position: -352px -352px} .flag32.flag32-sc {background-position: -384px -352px} .flag32.flag32-sd {background-position: -416px -352px} .flag32.flag32-se {background-position: -448px -352px} .flag32.flag32-sg {background-position: 0 -384px} .flag32.flag32-si {background-position: -32px -384px} .flag32.flag32-sk {background-position: -64px -384px} .flag32.flag32-sl {background-position: -96px -384px} .flag32.flag32-sm {background-position: -128px -384px} .flag32.flag32-sn {background-position: -160px -384px} .flag32.flag32-so {background-position: -192px -384px} .flag32.flag32-sr {background-position: -224px -384px} .flag32.flag32-st {background-position: -256px -384px} .flag32.flag32-sv {background-position: -288px -384px} .flag32.flag32-sy {background-position: -320px -384px} .flag32.flag32-sz {background-position: -352px -384px} .flag32.flag32-tc {background-position: -384px -384px} .flag32.flag32-td {background-position: -416px -384px} .flag32.flag32-tg {background-position: -448px -384px} .flag32.flag32-th {background-position: 0 -420px} .flag32.flag32-tj {background-position: -32px -416px} .flag32.flag32-tl {background-position: -64px -416px} .flag32.flag32-tm {background-position: -96px -416px} .flag32.flag32-tn {background-position: -128px -416px} .flag32.flag32-to {background-position: -160px -416px} .flag32.flag32-tr {background-position: -192px -416px} .flag32.flag32-tt {background-position: -224px -416px} .flag32.flag32-tv {background-position: -256px -416px} .flag32.flag32-tw {background-position: -288px -416px} .flag32.flag32-tz {background-position: -320px -416px} .flag32.flag32-ua {background-position: -352px -416px} .flag32.flag32-ug {background-position: -384px -416px} .flag32.flag32-us {background-position: -416px -420px} .flag32.flag32-uy {background-position: -448px -416px} .flag32.flag32-uz {background-position: 0 -448px} .flag32.flag32-va {background-position: -32px -448px} .flag32.flag32-vc {background-position: -64px -448px} .flag32.flag32-ve {background-position: -96px -448px} .flag32.flag32-vg {background-position: -128px -448px} .flag32.flag32-vi {background-position: -160px -448px} .flag32.flag32-vn {background-position: -192px -448px} .flag32.flag32-vu {background-position: -224px -448px} .flag32.flag32-ws {background-position: -256px -448px} .flag32.flag32-ye {background-position: -288px -448px} .flag32.flag32-za {background-position: -320px -448px} .flag32.flag32-zm {background-position: -352px -448px} .flag32.flag32-zw {background-position: -384px -448px} /* Border Styling ----------------------- B O R D E R S & S H A D I N G -------------------------------------------*/ /* used in Confirm */ .border_floating { -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/ -moz-box-shadow: 0px 0px 18px #000000; -webkit-box-shadow: 0px 0px 18px #000000; box-shadow: 0px 0px 18px #000000; /*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/ } .iERP_shadow_allSides { border: solid 1px #555; box-shadow: 0 0 10px rgba(0,0,0,0.6); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6); -o-box-shadow: 0 0 10px rgba(0,0,0,0.6); } /* -------------------------------------- jqGrid -------------------------------------------*/ .iERP_jqGrid_grouphdr { background: #FAFAD2; /* lightgoldenrodyellow */ color: #1E90FF; /* dodgerblue */ font-size: 120%; } .iERP_jqGrid_grouphdr:hover { background: AntiqueWhite; /* lightgoldenrodyellow */ color: SlateGrey; /* dodgerblue */ font-size: 120%; } .iERP_jqGrid_info:hover { color: brown; /* dodgerblue */ } .iERP_jqGrid_info { color:#0099FF; font-size:150%; font-weight:bold; font-style: italic; font-family:' . "'Times New Roman'" . ', Times, serif; } .iERP_jqGrid_info:hover { color: red!important; font-size:175%!important; cursor:help; } /* -------------------------------------- L I Q U O R --------------------------------------------*/ .liquorType { height: 120px; background:url(../iLib/liquor/liquorPanel.png) no-repeat } .liquorType.Gin { width:56px!important; background: url(../iLib/liquor/liquorPanel.png); background-position: 0 0; background-repeat: no-repeat; } .liquorType.Tequila {width: 86px!important; background: url(../iLib/liquor/liquorPanel.png); background-position: -57px 0; background-repeat: no-repeat; } .liquorType.Rum {width: 69px!important; background: url(../iLib/liquor/liquorPanel.png); background-position: -144px 0; background-repeat: no-repeat; } .liquorType.Brandy {width: 93px!important; background: url(../iLib/liquor/liquorPanel.png); background-position: -214px 0; background-repeat: no-repeat; } .liquorType.Liqueurs {width: 250px!important; background: url(../iLib/liquor/liquorPanel.png); background-position: -308px 0; background-repeat: no-repeat; } .liquorType.Cocktails {width: 90px!important; background: url(../iLib/liquor/liquorPanel.png); background-position: -559px 0; background-repeat: no-repeat; } .liquorType.Whiskey {width: 81px!important; background: url(../iLib/liquor/liquorPanel.png); background-position: -650px 0; background-repeat: no-repeat; } .liquorType.Vodka {width: 87px!important; background: url(../iLib/liquor/liquorPanel.png); background-position: -732px 0; background-repeat: no-repeat; } .liquorType.Beer { width:60px!important; background: url(../iLib/liquor/liquorPanel.png); background-position: -820px 0; background-repeat: no-repeat; } .liquorType.Cigars {width: 120px!important; background: url(../iLib/liquor/liquorPanel.png); background-position: -881px 0; background-repeat: no-repeat; } .liquorType.Sake {width: 86px; background: url(../iLib/liquor/liquorPanel.png); background-position: -1002px 0; background-repeat: no-repeat; } .liquorType.Wine { width: 44px; background: url(../iLib/liquor/liquorPanel.png); background-position: -1089px 0; background-repeat: no-repeat; } /* -------------------------------------- B R A N D I N G & L O G O S ----------------------------------------*/ .KB_branding { width:40px; height:50px; border:0; display:block; text-align:center; background-image: url("https://www.brigade.kitchen/iLib/KB_branding.png") } .KB_branding:hover { width:55px; height:65px; border:0; display:block; text-align:center; background-image: url("https://www.brigade.kitchen/iLib/aniChef.gif"); opacity:1!important; } /*------------------------------------------------ End if iERP Buttons */ /* iERP_dialog.css */ .ZebraDialog *, .ZebraDialog *:after, .ZebraDialog *:before { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important } .ZebraDialog { width: 350px; z-index: 10001; } .ZebraDialog, /* .ZebraDialog .ZebraDialog_Title, */ .ZebraDialog .ZebraDialog_Body, .ZebraDialog .ZebraDialog_Buttons a { margin: 0; padding: 0; font-family: Helvetica, Tahoma, Arial, sans-serif; font-size: 14px; text-align: left; } /* .ZebraDialog .ZebraDialog_Title, */ .ZebraDialog .ZebraDialog_BodyOuter, .ZebraDialog .ZebraDialog_Title { font-size: 16px; font-weight: bold; /* color: #F6F5F5; */ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); /* background: #444444; */ padding: 12px 15px; line-height: 1; vertical-align: middle; } /* set background color here and not on ZebraDialog_Body, or you'll eventually run into problems with rounded corners when using smaller widths for border! */ .ZebraDialog .ZebraDialog_BodyOuter { background: #E0E0E0; /* orig #E7EDEF; */ } .ZebraDialog .ZebraDialog_Body { color: #44484A; padding: 20px; border-top-color: #000; border-bottom-color: #FFF; } .ZebraDialog .ZebraDialog_ButtonsOuter { background: #E0E0E0; /* orig #E7EDEF; */ padding: 10px 5px 10px 10px; } .ZebraDialog .ZebraDialog_Buttons:before, .ZebraDialog .ZebraDialog_Buttons:after { content: "\0020"; display: block; height: 0; visibility: hidden; font-size: 0 } .ZebraDialog .ZebraDialog_Buttons:after { clear: both } .ZebraDialog .ZebraDialog_Buttons { *zoom: 1 } /* for IE only */ .ZebraDialog .ZebraDialog_Buttons a { font-weight: bold; color: #FFF; text-shadow: 1px 0px 2px #222; padding: 10px 15px; } .ZebraDialog .ZebraDialog_Buttons a:hover { background: #224467; color: #FFF } .ZebraDialog a.ZebraDialog_Close { position: absolute; right: 14px; top: 8px; text-decoration: none; font-family: arial, sans-serif; font-weight: bold; font-size: 21px; color: #666 } .ZebraDialog a.ZebraDialog_Close:hover { } .ZebraDialog .ZebraDialog_Title a.ZebraDialog_Close { color: darkblue; /* orig #E7EDEF; */ font-size: 26px; } .ZebraDialog .ZebraDialog_Title a.ZebraDialog_Close:hover { } .ZebraDialogOverlay { background: #666; z-index: 10000; width: 100%; height: 100%; } /* = YOU SHOULD NOT CHANGE ANYTHING FROM THIS POINT ON ---------------------------------------------------------------------------------------------------------------------*/ .ZebraDialog { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .ZebraDialog .ZebraDialog_Title { border-left-style: solid; border-top-style: solid; border-right-style: solid; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; } .ZebraDialog .ZebraDialog_BodyOuter { border-left-style: solid; border-right-style: solid; } .ZebraDialog .ZebraDialog_NoTitle { border-top-style: solid; -webkit-border-top-left-radius: 10px; -moz-border-top-left-radius: 10px; border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-top-right-radius: 10px; border-top-right-radius: 10px; } .ZebraDialog .ZebraDialog_NoButtons { border-bottom-style: solid; -webkit-border-bottom-left-radius: 10px; -moz-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; } .ZebraDialog .ZebraDialog_Body { border-top-width: 0; border-top-style: solid; border-bottom-width: 2px; border-bottom-style: groove; overflow: auto; } .ZebraDialog .ZebraDialog_NoTitle .ZebraDialog_Body { border-top: none; } .ZebraDialog .ZebraDialog_NoButtons .ZebraDialog_Body { border-bottom: none; } .ZebraDialog .ZebraDialog_Icon { background-repeat: no-repeat; background-position: 20px 20px; padding-left: 88px; min-height: 48px; _height: 85px; } .ZebraDialog .ZebraDialog_Confirmation { background-image: url('../iLib/confirmation.png') } .ZebraDialog .ZebraDialog_Error { background-image: url('../iLib/error.png') } .ZebraDialog .ZebraDialog_Information { background-image: url('../iLib/information.png') } .ZebraDialog .ZebraDialog_Question { background-image: url('../iLib/question.png') } .ZebraDialog .ZebraDialog_Warning { background-image: url('../iLib/warning.png') } .ZebraDialog .ZebraDialog_ButtonsOuter { border-left-style: solid; border-right-style: solid; border-bottom-style: solid; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; } .ZebraDialog .ZebraDialog_Buttons a { white-space: nowrap; text-align: center; text-decoration: none; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); display: inline-block; margin-right: 5px; min-width: 60px; float: right; _width: 60px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; /* taken from Twitter Bootstrap */ background-color: #006DCC; *background-color: #0044CC; background-image: -moz-linear-gradient(top, #0088CC, #0044CC); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088CC), to(#0044CC)); background-image: -webkit-linear-gradient(top, #0088CC, #0044CC); background-image: -o-linear-gradient(top, #0088CC, #0044CC); background-image: linear-gradient(to bottom, #0088CC, #0044CC); background-repeat: repeat-x; border-color: #0044CC #0044CC #002A80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0088CC', endColorstr='#FF0044CC', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .ZebraDialog .ZebraDialog_Buttons_Centered .ZebraDialog_Buttons { display: table; margin: 0 auto; text-align: center; } .ZebraDialog .ZebraDialog_Buttons_Centered a { zoom: 1; *display: inline; } .ZebraDialog .ZebraDialog_Preloader { height: 32px; background: url('preloader.gif') no-repeat center center; } .ZebraDialog_Title { margin: 0; padding: 0; font-family: Helvetica, Tahoma, Arial, sans-serif; font-size: 14px; text-align: left; background: #E0E0E0; color: #000; border-bottom: thin solid black; } // Custom classes to personalize the dialog box .ZebraDialog_Title_Error .ZebraDialog_Title{ margin: 0; padding: 0; font-family: Helvetica, Tahoma, Arial, sans-serif; font-size: 14px; text-align: left; background: khaki; color: red; border-bottom: 5px solid pink; } .zD_error .ZebraDialog_Body { background: #F8D0D3!important; } .zD_error .ZebraDialog_ButtonsOuter { border-color: yellow!important; border-width: 7px!important; } /* End of iERP_dialog.css */