/* -------------------------------------------------------------------

Stylesheet: outburst salisbury screen styles
Author:     Freeflow Web Design & Development (www.freeflowwebdesign.com)
Version:    25th November 2008

------------------------------------------------------------------- */

/*-----MAIN LAYOUT-----*/
* {
padding:0;
margin:0;
}

html, body {
border:0;
margin:0;
padding:0;
}

body {
font: 9pt 'Verdana', Arial, Helvetica, sans-serif;
color: #fff;
}

#container {
height:950px;
width:950px;
margin:0 auto;
background:transparent url(../images/main_bg.png) no-repeat;
}

#header {
width:900px;
height:150px;
margin:0 auto;
border-bottom:2px #FFF solid;
}

#logo {
	width:190px;
	height:110px;
	padding:5px 0 0 5px;
	float:left;
}

#main {
width:900px;
height:765px;
margin:0 auto;
text-align:center;
}
/*-----FLASH HOLDERS-----*/
#rotator {
width:880px;
height:500px;
margin:10px;
background:transparent url(../images/rot_holder.png) no-repeat;
}

#display {
width:840px;
height:460px;
margin:20px auto 0 auto;
text-align:center;
}

#homeDisplay {
width:840px;
height:460px;
padding:20px;
text-align:center;
}

#tips_holder{
width:320px;
height:240px;
left:50%;
margin:5px 0 0 -120px;
border:1px red solid;
z-index:1000;
}
/*-----END OF FLASH HOLDERS-----*/
#content {
width:880px;
height:220px;
padding:10px;
margin:0 auto;
line-height:20px;
border-top:2px #FFF solid;
text-align:justify;
}

#around_tips {
width:820px;
height:440px;
padding:10px;
margin:0 auto;
background-image:url(../images/glossary.png);
}

#around_cartoons {
width:820px;
height:440px;
padding:10px;
margin:0 auto;
background-image:url(../images/kiddies.png);
color:#666;
}

#content span.left, #content span.right {
width:425px;
margin:0 5px;
}

#parties {
width:840px;
height:460px;
}

.party_detail, .kids_detail, .lazer_detail{
width:840px;
height:460px;
text-align:center;
}

.party_detail #close_01,
.party_detail #close_02,
.party_detail #close_03,
.party_detail #close_04,
.kids_detail #close_01,
.kids_detail #close_02,
.kids_detail #close_03,
.kids_detail #close_04,
.lazer_detail #close_01,
.lazer_detail #close_02,
.lazer_detail #close_03,
.lazer_detail #close_04 {
float:right;
padding:5px;
}

.party_detail #close_01:hover,
.party_detail #close_02:hover,
.party_detail #close_03:hover,
.party_detail #close_04:hover,
.kids_detail #close_01:hover,
.kids_detail #close_02:hover,
.kids_detail #close_03:hover,
.kids_detail #close_04:hover
.lazer_detail #close_01:hover,
.lazer_detail #close_02:hover,
.lazer_detail #close_03:hover,
.lazer_detail #close_04:hover{
cursor:pointer;
}

.party_detail ul, .kids_detail ul, .lazer_detail ul{
margin:15px;
}

.party_detail ul.left, .kids_detail ul.left, .lazer_detail ul.left {
float:left;
text-align:left;
}

.party_detail ul.right, .kids_detail ul.right, .lazer_detail ul.right{
float:right;
text-align:right;
}

.party_detail ul li, .kids_detail ul li, .lazer_detail ul li{
font-size:12pt;
line-height:35px;
list-style:none;
}

.party_detail{
height:460px;
line-height:25px;
background-image:url(../images/party_detail.png);
}

.kids_detail{
height:460px;
line-height:25px;
background-image:url(../images/kids.png);
}

.lazer_detail{
height:460px;
line-height:25px;
background-image:url(../images/lazerBlock.png);
}

#explained{
width:840px;
height:460px;
margin:0 auto;
overflow:hidden;
background-color:#000;
}

#games_footer_wrap {
position:fixed;
bottom:0px;
width:100%;
height:25px;
background:transparent url(../images/trans_40.png) repeat;
}

/*-----END MAIN LAYOUT-----*/
/*-----NAVIGATION-----*/
/*-----LINKS-----*/
 
a, a:link, a:visited {
color:#fff;
text-decoration:none;
outline:none;
}

a:hover {
color:#666;
text-decoration:none;
outline:none;
}
/*-----END LINKS-----*/

#tools {
width:900px;
height:25px;
font-weight:bold;
font-size:10pt;
margin:0 auto;
}

#tools ul {
float:right;
}

#tools ul li  { 
display:inline;
}

#tools ul li a {
padding:5px 10px;
float:left;
color:#666;
}

#tools ul li a:hover {
color:#fff;
}

a#facebook {
width:75px;
height:16px;
margin-top:4.5px;
overflow:hidden;
background:transparent url(../images/facebook.png) 0px 0px no-repeat;
}

a:hover#facebook {
background-position:0px -16px;
}

#navcontainer{
height:125px;
width:700px;
float: right;
font-weight:500;
}

#navcontainer ul {
display:inline-block;
}

#navcontainer ul li { 
display:inline-block;
float:left;
}

#navcontainer ul li a {
width:100px;
height:75px;
padding:25px 8px 25px 3px;
text-decoration: none;
text-align:left;
font-size:11.5pt;
float:left;
}

#navcontainer ul li a span {
font-size:9pt;
font-style:italic;
float:left;
text-align:left;
color:#ccc;
}

#navcontainer ul li a:hover {
background:transparent url(../images/trans_70.png) repeat;
}

#navcontainer ul li a:hover span {
color:#000;
}

.strikersblocks, .lazerablocks, .gamesblocks, .refreshblocks, .partyblocks {
height:225px;
color:#FFF;
}

.clownsblocks a {
color:#666;
}

.strikersblocks ul, .clownsblocks ul, .lazerablocks ul, .gamesblocks ul, .refreshblocks ul, .partyblocks ul{
}

.strikersblocks ul li {
display:inline-block;
width:200px;
height:205px;
border:2px #FFF solid;
background-color:#6699FF;
padding:10px 5px;
margin:0 3px;
float:left;
}

.clownsblocks ul li {
display:inline-block;
width:200px;
height:205px;
border:2px #FFF solid;
background-color:#FFF200;
padding:10px 5px;
margin:0 3px;
float:left;
}

.lazerablocks ul li {
display:inline-block;
width:200px;
height:205px;
border:2px #FFF solid;
background-color:#F22525;
padding:10px 5px;
margin:0 3px;
float:left;
}

.gamesblocks ul li {
display:inline-block;
width:129px;
height:100px;
border:2px #FFF solid;
background-color:#0000FF;
margin:5px;
cursor:pointer;
}

.refreshblocks ul li {
display:inline-block;
width:200px;
height:205px;
border:2px #FFF solid;
background-color:#7FF225;
padding:10px 5px;
margin:0 3px;
float:left;
}

.partyblocks ul li {
display:inline-block;
width:200px;
height:205px;
border:2px #FFF solid;
background-color:#FF3399;
padding:10px 5px;
margin:0 3px;
float:left;
}

.strikersblocks ul li a, .clownsblocks ul li a, .lazerablocks ul li a, .gamesblocks ul li a, .refreshblocks ul li a, .partyblocks ul li a {
}

.strikersblocks ul li:hover, .clownsblocks ul li:hover, .lazerablocks ul li:hover,  .gamesblocks ul li:hover, .refreshblocks ul li:hover, .partyblocks ul ll:hover{
background-color:transparent;
}

.strikersblocks img, .clownsblocks img, .lazerablocks img, .refreshblocks img, .partyblocks img {
margin:5px 17px;
}

.strikersblocks ul li h2, .clownsblocks ul li h2, .lazerablocks ul li h2,  .gamesblocks ul li h2, .refreshblocks ul li h2, .partyblocks ul li h2 {
padding:15px 0 0 0;
margin-left:5px;
text-align:justify;
}

.strikersblocks ul li h3, .clownsblocks ul li h3, .lazerablocks ul li h3,  .gamesblocks ul li h3, .refreshblocks ul li h3, .partyblocks ul li h3 {
font-size:1em;
font-weight:normal;
padding:5px;
line-height:17px;
text-align:left;
}

.tips {
height:440px;
color:#FFF;
}

.cartoons {
height:440px;
color:#666;
}

.cartoonSpacer {
height:276px;
}

.cartoonImg {
width:190px;
height:144px;
}

.tips h3, .cartoons h3{
text-align:left;
}

.tips ul, .cartoons ul {
}

.tips ul li {
display:inline-block;
width:186px;
height:420px;
border:2px #FFF solid;
background-color:#6699FF;
padding:10px 5px;
margin:0 2.5px;
float:left;
text-align:left;
}

.cartoons ul li {
display:inline-block;
width:186px;
height:420px;
border:2px #FFF solid;
background-color:#FFF200;
padding:10px 5px;
margin:0 2.5px;
float:left;
text-align:left;
}

.cartoons ul li a {
color:#666;
}

.cartoons ul li a:hover {
color:#FFF;
}

.tips ul li:hover {
background-color:transparent;
}

.cartoons ul li:hover {
background-color:transparent;
color:#FFF;
}

.tips ul li h2, .cartoons ul li h2 {
padding:15px 0 0 0;
margin-left:5px;
text-align:left;
}

.tips ul li h3, .cartoons ul li h3 {
text-align:left;
}

.cartoons ul li a.tip_01 {
background:transparent url(../images/sandercoeBowling.jpg) no-repeat bottom center;
}

#party_control{
width:840px;
height:460px;
}

#party_control ul {
}

#party_control ul li{
height:114px;
width:840px;   
margin-bottom:1px;
background-color:#000;
list-style:none;
}

#party_control ul li:hover{
background-color:#333;
}

#clown_control{
width:840px;
height:460px;
}

#clown_control ul {
}

#clown_control ul li{
height:153px;
width:840px;   
background-color:#000;
list-style:none;
}

#clown_control ul li:hover{
background-color:#333;
}

#footer {
width:950px;
height:25px;
margin:0 auto;
border:1px transparent solid;
font-weight:500;
color:#666;
}

#footer ul {
text-align:center;
margin:5px 0;
}

#footer ul li {
display:inline;
padding:0 2px;
}

#footer ul li a {
color:#666;
}

#footer ul li a:hover {
color:#fff;
}

#outburst_hover:hover {
color:#FF6600;
}

#strikers_hover:hover {
color:#6699FF;
}

#lazera_hover:hover {
color:#FF0000;
}

#clownabout_hover:hover {
color:#FFFF33;
}

#refresh_hover:hover {
color:#00FF00;
}

#parties_hover:hover {
color:#FF3399;
}
/*-----END NAVIGATION-----*/
/*-----HEADINGS-----*/
 
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}
 
h1 {
letter-spacing:-1px;
font-size:2em;
padding:15px;
}
 
h2 {
padding:5px;
font-size:1.4em;
text-align:center;
line-height:normal;
}
 
h3 {
font-size:1.2em;
font-weight:500;
padding:5px;
}

h4 {
font-size:40pt;
}

h5 {
font-size:2em;
color:#058FFF;
}


/*-----HEADINGS-----*/
/*-----COMMON FORMATTING-----*/
 
p, ol {
margin:0;
padding:0 0 1.25em 0;
}
 
ol {
padding:0 0 1.25em 2.5em;
}

dt {
color:#000;
text-decoration:underline;
}

blockquote {
margin:1.25em;
padding:1.25em 1.25em 0 1.25em;
}
 
small {
font-size:0.85em;
}
 
img {
border:0;
}
 
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}

.left {
float:left;
}

.right {
float:right;
}

.clear {
clear:both;
}
/*-----TABLES-----*/
 
table {
border:0;
padding:0;
}

/*-----END TABLES-----*/
/*-----END COMMON FORMATTING-----*/
/*-----FORMS-----*/

#regForm {
background-color: #000;
height:450px;
width: 840px;
color:#fff;
}

#pt1, #pt2, #pt3 {
height: 330px;
width: 259px;
padding: 9px;
border:none;
text-align:center;
}

#pt1, #pt2 {
float:left;
}

#pt3 {
float:right;
}

fieldset legend {
font-size: 50pt;
color: #FFFFFF;
border:0;
}

fieldset legend span {
display: none;
}

fieldset h3 {
height: 60px;
font-size: 14pt;
}

fieldset div.help {
color: #FFFF99;
font-size: 10pt;
font-weight: bold;
height: 35px;
}

label {
font-size: 10pt;
display: block;
line-height: 20px;
font-weight:bold;
}

input {
font-size:10pt;
height:15px;
border:2px #0066FF inset;
}
/* Part 4 Styling */
#pt4 {
clear: both;
width: 610px;
border: none;
padding: 5px;
text-align:center;
}

#pt4 legend {
display: none;
}
/* Part 5 Styling */
#pt5 {
clear: both;
width: 820px;
height: 80px;
border-top: 5px solid #FFF;
padding: 10px;
}

#pt5 legend {
display: none;
}

#pt5 h3 {
display: none;
}

#pt5 #disclaimer {
width: 650px;
float: left;
font-size: 10pt;
text-align:justify;
}

#pt5 p {
padding:0;
}

input.normal {
float:right;
height:30px;
width:120px;
border:#666;
margin:0 auto 3px auto;
}
/* Error Styling */
.regular legend,
.regular div.help {
color: #FFF;
}

.regular input {
border:2px #0066FF inset;
}

.invalid legend,
.invalid div.help,
.invalid label {
color: #D10;
}

.success legend,
.success div.help,
.success label {
color: #00FF33;
}

input.disabled {
border: 2px inset #F2F2F2;
background-color: #F2F2F2;
}

input.required, textarea.required {
border: 2px inset #00A8E6;
}

input.invalid, textarea.invalid {
border: 2px inset #D10;
color : #D10;
}

input.success, textarea.success {
border: 2px inset #00FF33;
color : #000;
}

.validation-advice, .custom-advice {
margin: 5px auto;
color : #FF3300;
font-weight: bold;
}

#loginForm {
}

input.submit {
height:30px;
}
/*-----END FORMS-----*/
/*-----lightview-----*/
#lightview {
position: absolute;
top: 50%;
left: 50%;
height: 150px;
width: 150px;
margin: -75px 0 0 -75px;
padding: 0;
text-align: left;
}

/* The container that holds everything */
.lv_Container {
position: relative;
width: 100%;
height: 100%;
background: none;
padding: 0;
margin: 0;
}

.lv_Button {
cursor: pointer;
text-decoration: none;
border: none;
background: none;
margin: 0;
padding: 0;
}

/* The buttons on the side when you view a gallery */
.lv_Sides {
position: absolute;
top: 50%;
left: 0;
clear: both;
width: 100%;
padding: 0;
margin: 0;
}
.lv_Sides * { padding: 0; margin: 0; }
.lv_Sides li {
list-style-type: none;
position: relative;
}

.lv_PrevSide { float: left; }
.lv_NextSide { float: right; }
.lv_Sides .lv_Wrapper {
width: 100%;
height: 100%;
cursor: pointer;
}
.lv_Sides .lv_Button {
float: left;
background: none;
}

/* The frames above and below the center, that hold the corners.
It's recommended not to change anything here, a lot is done in
javascript to build further upon this based on your settings.
*/
.lv_Frames {
width: 100%;
height: 100%;
position: relative;
padding: 0;
margin: 0;
}
.lv_Frames li {
list-style-type: none;
margin: 0;
padding: 0;
}
.lv_Frame {
width: 100%;
display: block;
}
.lv_Frame * { padding: 0; margin: 0; }
.lv_FrameTop {
position: absolute;
left: 0;
width: 100%;
display: block;
}
.lv_FrameBottom {
position: relative;
float: left;
clear: both;
}

.lv_Liquid {
position: relative;
float: left;
width: 100%;
overflow: hidden;
clear: both;
}
.lv_Liquid .lv_Filler {
position: absolute;
height: 100%;
width: 2px;
top: 0;
left: 50%;
}

.lv_Half {
display: block;
height: 100%;
clear: both;
line-height: 0px;
}
.lv_Half li { list-style-type: none; }
.lv_Corner {
float: left;
position: relative;
}
.lv_CornerTr, .lv_CornerBr { float: right; }

.lv_Fill {
position: absolute;
top: 0;
width: 100%;
height: 100%;
}

.lv_Half .lv_CornerWrapper {
float: left;
position: relative;
width: 50%;
height: 100%;
overflow: hidden;
}
.lv_HalfRight .lv_CornerWrapper { float: right; }

.lv_Corner { position: relative; }
.lv_Corner canvas { position: relative; }
.lv_HalfLeft .lv_Corner { float: left; }
.lv_HalfRight .lv_Corner {
position: relative;
float: right;
}

/* To position content correctly in the center with correct
rounded corner display we need a few wrappers.
This is to get it right on all browsers.
*/
.lv_Center {
position: relative;
clear: both;
height: 100%;
overflow: hidden;
background: none;
padding: 0;
margin: 0;
}
.lv_WrapUp {
position: absolute;
left: 0;
height: 100%;
width: 100%;
overflow: hidden;
padding: 0;
margin: 0;
}
.lv_WrapDown {
position: relative;
height: 100%;
width: 100%;
overflow: hidden;
padding: 0;
margin: 0;
}
.lv_WrapCenter {
position: relative;
padding: 0;
margin: 0;
}

/* The loading indicator */
.lv_Loading {
position: absolute;
top: 50%;
left: 50%;
}
.lv_Loading .lv_Button {
float: left;
height: 100%;
width: 100%;
}

.lv_MediaWrapper {
position: relative;
width: 100%;
display: block;
overflow: hidden;
clear: both;
padding: 0;
margin: 0;
}
.lv_MediaWrapper img {
position: relative;
float: left;
padding: 0;
margin: 0;
}

/* The overlays on top of images that toggle the previous/next buttons */
.lv_PrevNext {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
}
.lv_PrevNext * { padding: 0; margin: 0; }
.lv_PrevNext .lv_Button {
position: relative;
height: 100%;
}
.lv_PrevButton { float: left; }
.lv_NextButton { float: right; }

/* The bar that holds title, caption, imagenumber, slideshow and closebutton */
.lv_MenuBar {
clear: both;
position: relative;
width: 100%;
font: 11px Arial, Helvetica, sans-serif;
color: #7a7a7a;
padding: 0;
margin: 0;
text-align: left;
}

.lv_MenuBar * { padding: 0; margin: 0;}


.lv_Close {
position: relative;
float: right;
overflow: hidden;
width: 100%;
height: 100%;
}

.lv_Data {
position: relative;
float: left;
padding-bottom: 3px;
line-height: 13px;
overflow: hidden;
}

/* simulates padding-left inside .lv_Data 
.lv_DataText div, .lv_ImgNumber div { margin-left: 3px; } */

.lv_Data li {
list-style-type: none;
float: left;
margin-top: 3px;
}
.lv_DataText { width: 100%; }
.lv_DataText .lv_Title {
font-weight: bold;
margin-bottom: 2px;
}
.lv_DataText .lv_Caption { clear: both; }
.lv_Data .lv_ImgNumber {
color: #a7a7a7;
margin-right: 5px;
margin-top: 5px;
}

.lv_Data .lv_innerPrevNext, 
.lv_Data .lv_Slideshow {
position: relative;
border-left: 1px solid #d7d7d7;
padding: 0 5px;
margin-top: 5px;
vertical-align: middle;
}
.lv_Data .lv_Slideshow { padding-right: 0px; }

.lv_Data .lv_innerPrevNext .lv_Button, 
.lv_Data .lv_Slideshow .lv_Button { /* play and stop */
float: left;
background-position: center left;
background-repeat: no-repeat;
}

/* the boxes that hold media or external content */
.lv_contentTop,
.lv_contentBottom {
position: relative;
float: left;
margin: 0;
padding: 0;
clear: both;
}

#lightview iframe {
float: left;
border: 0;
clear: both;
padding: 0;
margin: 0;
background: none;
}

/* The container that hold buttons above the view, currently only topclose */
.lv_topButtons {
position: absolute;
left: 0;
width: 100%;
overflow: hidden;
margin: 0;
padding: 0;
}
.lv_topcloseButtonImage { cursor: pointer; }


/* The error/warning/download message that will appear when
a required plugin is not installed.
*/
#lightviewError p { padding: 0 0 10px 0; }
#lightviewError div {
padding: 6px;
font: 11px Arial, Helvetica, sans-serif;
}
#lightviewError .message {
background: #fcb5b5;
color: #dd1f1f;
margin-bottom: 3px;
}
#lightviewError .type { font-weight: bold; }
#lightviewError .pluginspage {
background: #b5fcbd;
color: #21be30;
}
#lightviewError a,
#lightviewError a:hover,
#lightviewError a:visited {
color: #21be30;
text-decoration: none;
background: none;
font-weight: bold;
border-bottom: 1px solid #7de689;
}
#lightviewError p {
margin-left: 0;
padding: 0;
}

#lv_overlay {
position: absolute; /* Opera will use fixed */
top: 0;
left: 0;
height: 100%;
width: 100%;
}

/* navbar
Adds a bar below the view that takes over the default Controller
*/
#lightviewController {
position: fixed;
bottom: 0;
top: 0;
left: 50%;
margin: 0;
padding: 0;
color: #d2d2d2;
font: 11px Arial, Helvetica, sans-serif;
}
* html body #lightviewController { /* IE6 */
position: absolute;
top: auto;
margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) + (Lightview.controllerOffset || 0)) + 'px');	
}
#lightviewController ul {
display: block;
height: 100%;
float: left;
margin: 0;
padding: 0;
position: relative;
}
.lv_controllerTop, .lv_controllerMiddle, .lv_controllerBottom {
list-style-type: none;
float: left;
display: block;
position: relative;
clear: both;
overflow: hidden;
margin: 0;
padding: 0;
}
.lv_controllerCenter  { width: auto; float: left; }
.lv_controllerCornerWrapper {
position: absolute;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
.lv_controllerCornerWrapperTopLeft,
.lv_controllerCornerWrapperBottomLeft { top: 0; left: -100%;}
.lv_controllerCornerWrapperTopRight,
.lv_controllerCornerWrapperBottomRight { top: 0; left: 100%;}

#lightviewController .lv_CornerWrapper {
width: 100%;
}
#lightviewController .lv_Corner { float: left; }
#lightviewController .lv_Corner {
float: right;
position: relative;
}
#lightviewController .lv_CornerTr, #lightviewController .lv_CornerBr { float: left; }
.lv_controllerBetweenCorners {
position: relative;
height: 100%;
overflow: hidden;
}

.lv_controllerMiddle {
position: relative;
height: 100%;
float: left;
}
.lv_controllerCenter { float: left; width: auto;}
.lv_controllerCenter li {
list-style-type: none;
float: left;
display: inline;
position: relative;
clear: none;
}
.lv_controllerSetNumber {
float: left;
text-align: center;
}

#lightviewController .lv_Button {
float: left;
position: relative;
height: 100%;
clear: none;
}
.lv_controllerSetNumber {
position: relative;
height: 100%;
padding-right: 3px;
}
.lv_controllerPrev, 
.lv_controllerNext, 
.lv_controllerSlideshow, 
.lv_controllerClose {
float: left;
position: relative;
height: 100%;
padding-left: 3px;
}

.lv_controllerPrev { border-left: 1px solid #3c3c3c; }
#lightviewController .lv_controllerNext { padding-right: 3px; border-right: 1px solid #3c3c3c; }

* html #lightview { /* IE6 */
position: absolute;
margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) - (Lightview.controllerHeight || 0)) + 'px');
margin-left: expression( -1 * this.offsetWidth / 2 + (document.documentElement ? document.documentElement.scrollLeft : 0) + 'px');
}

/* Always cover 100% of the screen in IE6 */
html #lv_overlay {
position: absolute;
height: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight].max() : document.documentElement.scrollHeight) + 'px' );
width: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollWidth, document.documentElement.scrollWidth, document.body.offsetWidth, document.documentElement.clientHeight].max() : document.documentElement.scrollWidth) + 'px' );
}
/*-----END lightview-----*/
/*-----Prototip-----*/
/* CSS to go with Prototip.Styles */
.prototip {
font: 11px Arial, Helvetica, sans-serif;
color: #000;
}

/* the default style */
.prototip .default {
width: 250px;
color: #808080;
}
.prototip .default .toolbar {
background: #f1f1f1;
font-weight: bold;
}
.prototip .default .title { padding: 5px; }
.prototip .default .content {
padding: 5px;
background: #fff;
}

/* basic */
.prototip .basic {
width: 250px;
color: #808080;
}
.prototip .basic .toolbar {
background: #f1f1f1;
font-weight: bold;
}
.prototip .basic .title { padding: 5px; }
.prototip .basic .content {
padding: 5px;
background: #fff;
}

/* basic */
.prototip .hint {
width: 250px;
color: #313120;
background: #fff6aa;
}
.prototip .hint .toolbar {
background: #fdf1a0;
font-weight: bold;
}
.prototip .hint .title,
.prototip .hint .content { padding: 5px; }

/* protoblue */
.prototip .protoblue {
width: 250px;
color: #fff;
}
.prototip .protoblue .toolbar {
background: #0d7cd0;
font-weight: bold;
}
.prototip .protoblue .title { padding: 5px; }
.prototip .protoblue .content {
background: #1e90ff;
padding: 5px;
}

/* creamy */
.prototip .creamy {
width: 250px;
color: #bb9c61;
}
.prototip .creamy .toolbar {
background: #f3edc2;
font-weight: bold;
}
.prototip .creamy .title { padding: 5px; }
.prototip .creamy .content {
background: #f8f4ca;
padding: 5px;
}

/* darkgrey */
.prototip .darkgrey {
width: 250px;
color: #fff;
}
.prototip .darkgrey .toolbar {
background: #5f5f5f;
font-weight: bold;
}
.prototip .darkgrey .title { padding: 5px; }
.prototip .darkgrey .content {
background: #808080;
padding: 5px;
}

/* protogrey */
.prototip .protogrey {
width: 250px;
color: #fff;
background: #fff;
}
.prototip .protogrey .toolbar {
background: #969c92;
font-weight: bold;
}
.prototip .protogrey .title { padding: 5px; }
.prototip .protogrey .content {
color: #808080;
padding: 5px;
}
/* This is how to resize the close button for a style */
.prototip .protogrey .toolbar .close {
width: 14px;
height: 14px;
}

/* loader gif */
.prototipLoader {
position: absolute;
top: -1000px;
left: -1000px;
height: 14px;
width: 14px;
border: 1px solid #dddddd;
overflow: hidden;
}

/* Required for all tooltips, do not modify */
.prototip{position:absolute;overflow:hidden;}.prototip .tooltip,.prototip .toolbar,.prototip .toolbar .title{position:relative;}.prototip .content{clear:both;}.prototip .toolbar .close{position:relative;text-decoration:none;float:right;width:19px;height:15px;display:block;line-height:0;font-size:0;border:0;cursor:pointer;}.prototip .tooltip{clear:both;float:left;}.prototip .borderLeftWrapper,.prototip .borderRightWrapper{position:absolute;top:0;left:0;width:300px;height:20px;}.prototip .borderFrame{height:100%;width:100%;float:left;margin:0;padding:0;position:relative;}.prototip .borderTop,.prototip .borderBottom{overflow:hidden;}.prototip .borderRow{list-style-type:none;float:left;width:100%;position:relative;clear:both;margin:0;padding:0;}.prototip_CornerWrapper{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;clear:both;}.prototip_Corner{float:left;position:relative;}.prototip canvas{position:relative;float:left;}.prototip_CornerTr,.prototip_CornerBr{float:right;}.prototip_BetweenCorners{position:absolute;top:0;left:0;width:100%;overflow:hidden;clear:both;}.prototip .borderMiddle{position:relative;float:left;}.prototip .borderCenter{position:relative;float:left;height:100%;}.prototip_StemWrapper{position:relative;width:100%;height:auto;clear:both;}.prototip_StemBox{float:left;position:relative;}.prototip_Stem{width:100%;position:absolute;overflow:hidden;}.iframeShim{position:absolute;border:0;margin:0;padding:0;background:none;overflow:hidden;}.prototip .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.prototip .clearfix{display:inline-block;}/* IE Mac Hide \*/ .prototip .clearfix{display:block;}/* IE Mac Hide End */
/*-----End Prototype-----*/
/*-----Tabbed Navigation-----*/
.invertedshiftdown{
padding: 0;
width: 100%;
voice-family: "\"}\"";
voice-family: inherit;
}

.invertedshiftdown ul{
margin:0;
margin-left:15px;
padding: 0;
list-style: none;
}

.invertedshiftdown li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.invertedshiftdown a{
float: left;
display: block;
font: bold 12px Arial;
color: black;
text-decoration: none;
margin: 0 5px 0 0; /*Margin between each menu item*/
padding: 5px 10px 9px 10px; /*Padding within each menu item*/
background-color: white; /*Default menu color*/

/*BELOW 4 LINES add rounded bottom corners to each menu item.
  ONLY WORKS IN FIREFOX AND FUTURE CSS3 CAPABLE BROWSERS
  REMOVE IF DESIRED*/
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
}

.invertedshiftdown a:hover{
background-color: #6699FF; /*Red color theme*/
padding-top: 5px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 9px; /*Flip default padding-bottom value with padding-top*/
color: black;
}

.invertedshiftdown .current a{ /** currently selected menu item **/
background-color: #6699FF; /*Red color theme*/
padding-top: 9px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
margin-top:5px;
color: white;
/*BELOW 8 LINES add rounded bottom corners to each menu item.
  ONLY WORKS IN FIREFOX AND FUTURE CSS3 CAPABLE BROWSERS
  REMOVE IF DESIRED*/
-moz-border-radius-bottomleft:0;
border-bottom-left-radius:0;
-moz-border-radius-bottomright:0;
border-bottom-right-radius:0;
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
border-top-right-radius: 5px;
}

.invertedshiftdown .close a, .morphText .close a{
float: right;
display: block;
text-decoration: none;
margin: 0 20px 0 0; /*Margin between each menu item*/
padding:0; /*Padding within each menu item*/
background-color: white; /*Default menu color*/

/*BELOW 4 LINES add rounded bottom corners to each menu item.
  ONLY WORKS IN FIREFOX AND FUTURE CSS3 CAPABLE BROWSERS
  REMOVE IF DESIRED*/
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
}

#glossaryContainer {
width:800px;
height:400px;
border:5px #6699FF solid;
margin:20px auto;
background-image:url(../images/gContainer.png);
text-align:left;
}

#glossaryContainer p {
margin:0 10px;
}

#glossaryContainer h2 {
font-size:1.4em;
margin:3px auto;
text-transform:uppercase;
letter-spacing:1;
font-weight:bold;
color:#FFF;
text-align:center;
}

#glossaryContainer ul li {
width:138px;
height:58px;
margin:9px;
border:2px #6699FF solid;
float:left;
background:transparent url(../images/trans_50.png) repeat;
list-style:none;
}

#glossaryContainer ul li:hover, #glossaryContainer .current{
width:154px;
height:74px;
margin:2px;
border:1px #FFF solid;
background-color:#6699FF;
color:#FFF;
cursor:pointer;
}

.glossDesc {
height:150px;
width:300px;
}

.glossDesc img {
float:left;
padding-right:10px;
}

.glossDesc p {
color:#000;
}

#scoringContainer {
width:770px;
height:370px;
border:5px #6699FF solid;
padding:15px;
margin:20px auto;
background-image:url(../images/glossary.png);
text-align:left;
}

#scoringContainer p {
text-align:left;
font-size:10pt;
padding:0;
}

#scoringContainer p span {
font-weight:500;
color:#D10;
}

#laneContainer, #hookContainer {
width:800px;
height:400px;
border:5px #6699FF solid;
margin:20px auto;
background-image:url(../images/glossary.png);
text-align:left;
}

#laneContainer p {
text-align:left;
font-size:10pt;
padding:20px;
}

#bowlingLane {
width:135px;
height:400px;
float:right;
padding:0;
}

#bowlingLane img {
padding:5px;
}

#bowlingLane img:hover {
background:transparent url(../images/trans_50.png) repeat;
}

#hookContainer p {
text-align:left;
font-size:10pt;
padding:1.5px 10px;
}

#hookImages {
width:800px;
height:197px;
}

#hookImages ul {
display:inline-block;
}

#hookImages ul li {
height:197px;
width:266.3px;
list-style:none;
float:left;
}

#hookImages ul li:hover {
background:transparent url(../images/trans_50.png) repeat;
}

#hookImages ul li img{
margin:7px 52.3px;
border:3px #fff solid;
}

.hookDesc {
height:177px;
width:535px;
}

.hookDesc img {
float:left;
padding-right:10px;
}

.hookDesc p {
color:#000;
}

#oilContainer {
width:800px;
height:400px;
border:5px #6699FF solid;
margin:20px auto;
background-image:url(../images/glossary.png);
text-align:center;
}

#oilContainer p {
text-align:left;
font-size:10pt;
padding:5px 15px;
}

#oilContainer img {
text-align:center;
margin:0 auto;
}

#oilPattern {
height:440px;
width:950px;
}

#oilPattern img, #ballTracks img {
float:left;
padding-right:10px;
}

#oilPattern p, #ballTracks p {
color:#000;
}

#oilPattern p span, #ballTracks p span {
font-weight:500;
color:#6699FF;
}

#ballTracks {
width:750px;
height:300px;
}

#ballTracks li {
margin-top:20px;
}

#tiny {
float:left;
height:25px;
width:25px;
}

#outburstContent {
width:876px;
height:240px;
padding:10px;
padding-bottom:0;
margin:0 auto;
line-height:20px;
border:2px #FFF solid;
text-align:justify;
}

#outburstContent ul {
display:block;
}

#outburstContent ul li {
display:inline-block;
list-style:none;
margin:0 10px;
}

#outburstContent ul li a {
}

#outburstContent ul li a:hover {
}

#outburstContent li p {
padding:0px 0px;
margin:0;
}

#strikersData span {
color: #6699FF;
}

#clownaboutData span {
color: #FFF200;
}

#lazeraData span {
color: #F22525;
}

#offersContent img {
float:left;
margin-top:5px;
margin-left:5px;
cursor:pointer;
}

#offersContent img:hover {
outline:2px #FFF inset;
}

#adminNav {
width:200px;
height:100%;
float:left;
background-color:#FFF;
}

#adminNav a {
color:#000;
}

#adminNav a:hover {
color:#CCC;
}

#adminContent {
width:700px;
height:100px;
float:right;
}
/*-----End Tabbed Navigation-----*/

#DOMIframe {
position:absolute;
left:50%;
margin-left:-325px;
top:125px;
}