.preload-1 { background-image: url('../../Image/banner-images-v2.jpg'); width: 1px; height: 1px;} 
.preload-2 { background-image: url('../../Image/apple-overlay.png'); width: 1px; height: 1px;} 
.splash-img-parent { color: #000000; width: 900px; height: 325px; font-family: arial,sans-serif; position: relative; left: 0px; top: 0px; z-index:0; cursor:progress; }
.splash-img-bg { background-image: url('../../Image/banner-images-v2.jpg'); background-repeat:no-repeat; background-position: 0px 0px; width: 900px; height: 325px; font-family: arial,sans-serif; position: absolute; left: 0px; top: 0px; z-index:0; }
.splash-focusable { width: 900px; height: 325px; position: absolute; left: 0px; top: 0px; z-index:3; }
.splash-img-bg-1-active { background-position: 0px 0px; } 
.splash-img-bg-2-active { background-position: 0px -325px; } 
.splash-img-bg-3-active { background-position: 0px -650px; } 
.splash-img-bg-4-active { background-position: 0px -975px; } 
.splash-overlay-img { background-image: url('../../Image/apple-overlay.png'); background-repeat:no-repeat; background-position: 0px 0px; width: 900px; height: 325px; font-family: arial,sans-serif; position: absolute; left: 0px; top: 0px; z-index:1; }
.b1, .b1-active, .b2, .b2-active, .b3, .b3-active, .b4, .b4-active { width: 16px; height: 16px; line-height: 16px; font-size: 0.750em; font-family: arial,sans-serif; text-align: center; vertical-align: middle; z-index:5; } 
.b1, .b2, .b3, .b4 { background-color: #008000; color: #ffffff; } 
.b1-active, .b2-active, .b3-active, .b4-active { background-color: #e9eb8c; color: #000000; } 
.b1, .b1-active { position: absolute; right: 76px; bottom: 16px; }
.b2, .b2-active { position: absolute; right: 56px; bottom: 16px; }
.b3, .b3-active { position: absolute; right: 36px; bottom: 16px; }
.b4, .b4-active { position: absolute; right: 16px; bottom: 16px; }
.splash-content { position: absolute; top: 160px; left: 628px; z-index: 4; overflow: hidden; height: 128px; width: 256px; }
.splash-content-child { color: #4C4C4C; z-index: 2; overflow: hidden; height: 0px; font-family: arial,sans-serif; font-size: 0.9em; }
.splash-content-header { color: #0A340B; font-family: arial,sans-serif; }
.splash-content-child-active { height: 128px; }
.progress-bar { position: absolute; left: 16px; bottom: 16px; width: 32px; height: 4px; border: 1px; z-index:2; }

/*
SharpSchool Splash Image CSS
Copyright (C) 2010 SharpSchool

=== THIS CSS FILE WAS AUTOMATICALLY GENERATED. DO *NOT* EDIT THIS FILE. ===

Settings (Default/Actual)
width=900/900
height=325/325
num_div_width=16/16
num_div_height=16/16
num_div_right=16/16
num_div_bottom=16/16
num_div_spacing_horizontal=4/4
num_div_count=4/4
splash_top=160/160
splash_left=628/628
splash_height=128/128
splash_width=256/256
splash_font_size=0.9em/0.9em
progress_left=16/16
progress_bottom=16/16
progress_width=32/32
progress_height=4/4
*/