body { display:none; } #jpreOverlay { background: -webkit-linear-gradient( #01244e 0%, #01244e 10%, #011f44 50%, #001735 100%); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient( #01244e 0%, #01244e 10%, #011f44 50%, #001735 100%); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient( #01244e 0%, #01244e 10%, #011f44 50%, #001735 100%); /* For Firefox 3.6 to 15 */ background: linear-gradient( #01244e 0%, #01244e 10%, #011f44 50%, #001735 100%); /* Standard syntax */ width: 100%; height: 100%; z-index: 999999999; } #jpreOverlay div.jpreOverlay { /* background: url(../img/preloader_back_b.png) right top repeat-x; */ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAABuCAIAAACybkRzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpCMjkyQUY1MkRDMzVFNDExQjEwOTkyMUNCMDc4M0FBRCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyM0ZENDkwNjM1RjQxMUU0QTgzRUM0MUNCOEUwNTEwMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyM0ZENDkwNTM1RjQxMUU0QTgzRUM0MUNCOEUwNTEwMCIgeG1wOkNyZWF0b3JUb29sPSJNaWNyb3NvZnQgV2luZG93cyBQaG90byBWaWV3ZXIgNi4xLjc2MDAuMTYzODUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMTE5OEYzQUUxMzVFNDExQjEwOTkyMUNCMDc4M0FBRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMjkyQUY1MkRDMzVFNDExQjEwOTkyMUNCMDc4M0FBRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv7rzJ4AAAB1SURBVHja7NYxCoNgDAbQP1bwFIKDdNHBpZfooN7/MLYewKkNiPi+IVsehCxfRD+XjFQlKSAQCAQCgUAg0PWhukyvHOgzjP8aj2YfofmDQCAQCHSzNtJ2SW3kvaRAEc/1h6Wj07bN+0EgEAgEAoFAp0BfAQYAPXEH2ck6VDoAAAAASUVORK5CYII=) right top repeat-x; text-align: right; width: 100%; height: 142px; } #jpreOverlay div.jpreOverlay a { float: right; } #jpreSlide{ font-size:22px; font-weight:bold; color:#ccc; text-align:center; width:50%; height:30%; } #gspLoader{ width:400px; height:25px; box-shadow:0 0 7px 1px #fff; -moz-box-shadow:0 0 7px 1px #fff; -webkit-box-shadow:0 0 7px 1px #fff; border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; } #jpreBar { border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; background-size:30px 30px; -moz-background-size:30px 30px; -webkit-background-size:30px 30px; -o-background-size:30px 30px; box-shadow: 0 5px 5px rgba(255,255,255,0.6) inset, 0 -5px 7px rgba(0, 0, 0, 0.4) inset; -moz-box-shadow: 0 5px 5px rgba(255,255,255,0.6) inset, 0 -5px 7px rgba(0, 0, 0, 0.4) inset; -webkit-box-shadow: 0 5px 5px rgba(255,255,255,0.6) inset, 0 -5px 7px rgba(0, 0, 0, 0.4) inset; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#089bfff', endColorstr='#089b000', GradientType=0 ); background-color:#0a72a4; background-image: -moz-linear-gradient(-45deg, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0.15) 25%, rgba(255,255,255,0) 25%, rgba(255,255,255,0) 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, rgba(255,255,255,0) 75%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,0.2)), color-stop(25%,rgba(255,255,255,0.2)), color-stop(25%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.2)), color-stop(75%,rgba(255,255,255,0.2)), color-stop(75%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(-45deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.3) 25%, rgba(255,255,255,0) 25%, rgba(255,255,255,0) 50%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.3) 75%, rgba(255,255,255,0) 75%, rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(-45deg, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0.15) 25%, rgba(255,255,255,0) 25%, rgba(255,255,255,0) 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, rgba(255,255,255,0) 75%, rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(-45deg, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0.15) 25%, rgba(255,255,255,0) 25%, rgba(255,255,255,0) 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, rgba(255,255,255,0) 75%, rgba(255,255,255,0) 100%); background-image: linear-gradient(135deg, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0.15) 25%, rgba(255,255,255,0) 25%, rgba(255,255,255,0) 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, rgba(255,255,255,0) 75%, rgba(255,255,255,0) 100%); animation: progress 2s linear infinite; -moz-animation: progress 2s linear infinite; -webkit-animation: progress 2s linear infinite; -ms-animation: progress 2s linear infinite; -o-animation: progress 2s linear infinite; } #jprePercentage { color:#ffffff; font-family:Arial,Helvetica,sans-serif; font-weight:normal; font-size: 12px; text-align:center; top:60%; } #jpreButton{ padding:3px 10px; cursor:pointer; font-weight:bold; line-height:1.5; text-align:center; width:100px; margin:0 auto; color:#fff; text-shadow:-1px -1px 0 #01293F; border:1px solid #2EACEA; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; background-color: #23a6ed; background-image: -moz-linear-gradient(top, #23a6ed 0%, #1275aa 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#23a6ed), color-stop(100%,#1275aa)); background-image: -webkit-linear-gradient(top, #23a6ed 0%,#1275aa 100%); background-image: -o-linear-gradient(top, #23a6ed 0%,#1275aa 100%); background-image: -ms-linear-gradient(top, #23a6ed 0%,#1275aa 100%); background-image: linear-gradient(to bottom, #23a6ed 0%,#1275aa 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23a6ed', endColorstr='#1275aa',GradientType=0 ); } @-webkit-keyframes progress { from { background-position: 0 0; } to { background-position: -60px -60px; } } @-moz-keyframes progress { from { background-position: 0 0; } to { background-position: -60px -60px; } } @-ms-keyframes progress { from { background-position: 0 0; } to { background-position: -60px -60px; } } @-o-keyframes progress { from { background-position: 0 0; } to { background-position: -60px -60px; } } @keyframes progress { from { background-position: 0 0; } to { background-position: -60px -60px; } }