/* reset all elements used */
h1,li, ul, p, iframe{padding:0; margin:0;}
text{color:#FFF; text-shadow: 1px 1px 0 #f9830b;} /* color:#841900; */

/* PLEASE ROTATE YOUR DEVICE */
@media all and (orientation:landscape){
#booster-device-rotation-landscape{position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #fff url(/shared/art/rotate.png) center center no-repeat; background-size: 90px 97px; text-align:center; z-index:99990;}
#booster-logo-landscape{position: absolute; width: 100%; height: 100%; background: url(/shared/art/BoosterMedia320x115.png) center bottom no-repeat; background-size: 160px 57px;}
#booster-font-landscape{font-family:"Verdana",sans-serif; font-size:1.5em; color:#000; padding-top: 25px;}
#booster-font-landscape:before{content:" Please rotate your device. ";} /* For localization purposes please include inside of HTML document. Suggestion: make it with JS */
}
@media all and (orientation:portrait){
#booster-device-rotation-portrait{position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #fff url(/shared/art/rotate.png) center center no-repeat; background-size: 90px 97px; text-align:center; z-index:99990;}
#booster-logo-portrait{position: absolute; width: 100%; height: 100%; background: url(/shared/art/BoosterMedia320x115.png) center bottom no-repeat; background-size: 160px 57px; }
#booster-font-portrait{font-family:"Verdana",sans-serif; font-size:1.5em; color:#000; padding-top: 25px;}
#booster-font-portrait:before{content:" Please rotate your device. ";} /* For localization purposes please include inside of HTML document. Suggestion: make it with JS */
}
#booster-device-rotation-always{position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #fff url(/shared/art/rotate.png) center center no-repeat; background-size: 90px 97px; text-align:center; z-index:99990;}
#booster-logo-always{position: absolute; width: 100%; height: 100%; background: url(/shared/art/BoosterMedia320x115.png) center bottom no-repeat; background-size: 160px 57px;}
#booster-font-always{font-family:"Verdana",sans-serif; font-size:1.5em; color:#000; padding-top: 25px;}
#booster-font-always:before{content:" Please rotate your device. ";} /* For localization purposes please include inside of HTML document. Suggestion: make it with JS */

/* HIGHSCORE WINDOW */
#booster-highscore-wrapper {position: absolute; width: 100%; overflow: hidden; z-index:99999;}
#booster-highscore-inner-top {margin: 0 10px;}
#booster-highscore-panel {margin-top: 25px; position:absolute; width:100%; }

/* table cellspacing="5" & remove margin-top */
#booster-highscore-panel table {
font-family:Arial; font-size:13px; font-weight:bold;
outline:1px solid #E78010;
width:100%;
background: #e6e7e8; /* Old browsers */
background: -moz-linear-gradient(top,  #e6e7e8 0%, #e5e6e7 47%, #e2e3e4 59%, #dddedf 69%, #d4d5d7 78%, #c9cbcd 86%, #bdbfc1 92%, #a8aaad 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e7e8), color-stop(47%,#e5e6e7), color-stop(59%,#e2e3e4), color-stop(69%,#dddedf), color-stop(78%,#d4d5d7), color-stop(86%,#c9cbcd), color-stop(92%,#bdbfc1), color-stop(100%,#a8aaad)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e6e7e8 0%,#e5e6e7 47%,#e2e3e4 59%,#dddedf 69%,#d4d5d7 78%,#c9cbcd 86%,#bdbfc1 92%,#a8aaad 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e6e7e8 0%,#e5e6e7 47%,#e2e3e4 59%,#dddedf 69%,#d4d5d7 78%,#c9cbcd 86%,#bdbfc1 92%,#a8aaad 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e6e7e8 0%,#e5e6e7 47%,#e2e3e4 59%,#dddedf 69%,#d4d5d7 78%,#c9cbcd 86%,#bdbfc1 92%,#a8aaad 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e6e7e8 0%,#e5e6e7 47%,#e2e3e4 59%,#dddedf 69%,#d4d5d7 78%,#c9cbcd 86%,#bdbfc1 92%,#a8aaad 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e7e8', endColorstr='#a8aaad',GradientType=0 ); /* IE6-9 */
}

#booster-highscore-panel table td {
border: 1px solid #6C6C6C; border-radius: 10px 10px 10px 10px; padding: 5px; 
position: relative; width: 50%;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #fefefe 21%, #f1f1f1 46%, #e1e1e1 50%, #e7e7e7 68%, #f1f1f1 86%, #f3f3f3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(21%,#fefefe), color-stop(46%,#f1f1f1), color-stop(50%,#e1e1e1), color-stop(68%,#e7e7e7), color-stop(86%,#f1f1f1), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#fefefe 21%,#f1f1f1 46%,#e1e1e1 50%,#e7e7e7 68%,#f1f1f1 86%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#fefefe 21%,#f1f1f1 46%,#e1e1e1 50%,#e7e7e7 68%,#f1f1f1 86%,#f3f3f3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#fefefe 21%,#f1f1f1 46%,#e1e1e1 50%,#e7e7e7 68%,#f1f1f1 86%,#f3f3f3 100%); /* W3C */
}
#booster-highscore-panel table td span{
background-image: url("/shared/art/interface/highscore/bm-highscore-rankings.png"); 
background-position: center bottom; float:left;
background-repeat: no-repeat; display: block; height: 26px; width: 25px;
}
#booster-highscore-panel table td p{
margin-left:28px;
line-height:26px;
}

table td .ranking-one{
background-position: 0px top !important; 
}
table td .ranking-two{
background-position: 0px -26px !important; 
}
table td .ranking-three {
background-position: 0px -52px !important; 
}
#booster-highscore-inner-top {background: blue; margin: 0 10px;}
#booster-highscore-inner-bottom {
outline:1px solid #E78010;
font-family: Arial; font-size: 14px !important; font-weight: bold;
color:#333; font-size: 11px; height: 20px; line-height: 20px; margin: 0 10px; text-align:center;}

.booster-portal-theme, 
#booster-dialog-overlay-bottom  li, 
#booster-intertial-ad-bottom, 
#booster-highscore-inner-bottom,
#booster-menu-moregames,
#booster-menu-highscores,
#booster-menu-normalized,
#booster-menu-next,
#booster-menu-close,
#booster-menu-minimized
 {
color:#FFF;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f9bc4f 2%, #fabc4c 7%, #f6ad39 27%, #ed8e1c 75%, #eb8817 86%, #ea8615 98%, #ca6f19 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(2%,#f9bc4f), color-stop(7%,#fabc4c), color-stop(27%,#f6ad39), color-stop(75%,#ed8e1c), color-stop(86%,#EB8817), color-stop(98%,#EA8615), color-stop(100%,#CA6f19)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f9bc4f 2%,#fabc4c 7%,#f6ad39 27%,#ed8e1c 75%,#eb8817 86%,#ea8615 98%,#ca6f19 100%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f9bc4f 2%,#fabc4c 7%,#f6ad39 27%,#ed8e1c 75%,#eb8817 86%,#ea8615 98%,#ca6f19 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f9bc4f 2%,#fabc4c 7%,#f6ad39 27%,#ed8e1c 75%,#eb8817 86%,#ea8615 98%,#ca6f19 100%); /* W3C */
}

/* DIALOG OVERLAY */
#booster-dialog-overlay {font-family:Arial;  left:50%; margin:30px 0 0 -156px; position:absolute; width:290px; padding:10px; border:1px solid #d9d9d9; -webkit-box-shadow:inset 0 0 0 1px #FFF;
background:#E0E0E0; z-index:99999; color:#333;}
#booster-dialog-overlay p{font-size:0.85em; text-align: center; padding:10px 0; } /* previous name div#message */ 

#booster-dialog-overlay-bottom li{
text-align: center; border: 1px solid #e58124;
background: #f7f7f7; /* Old browsers */
background: -moz-linear-gradient(top,  #f7f7f7 0%, #f9b949 1%, #f6ad39 22%, #eb8b19 83%, #ea8615 99%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(1%,#f9b949), color-stop(22%,#f6ad39), color-stop(83%,#eb8b19), color-stop(99%,#EA8615), color-stop(100%,#FFF)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f7f7f7 0%,#f9b949 1%,#f6ad39 22%,#eb8b19 83%,#ea8615 99%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f7f7f7 0%,#f9b949 1%,#f6ad39 22%,#eb8b19 83%,#ea8615 99%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f7f7f7 0%,#f9b949 1%,#f6ad39 22%,#eb8b19 83%,#ea8615 99%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f7f7f7 0%,#f9b949 1%,#f6ad39 22%,#eb8b19 83%,#ea8615 99%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
list-style: none outside none;
padding:5px; margin:5px;
}

#booster-dialog-overlay h1 {font-size: 1em; padding:0 10px;}




/* MENU */ /* @debug */
.booster-menu-bar-normalized {left: 0; overflow: hidden; position: absolute;  top: 0; width: 100%; z-index:99999; padding-right:-90px;}/* previously #bm_int func createStyles*/

.booster-menu-bar-minimized{position:absolute; overflow: hidden; left:0px; top:0px; z-index:99999; width:100%; height:25px;} /* previously #bm_int func setMinimizedBarStyle */
#booster-menu-normalized{width:40px; right: 50%; margin-right: -20px;}/* previously #bm_int_normalize */
#booster-menu-moregames{} /* #bm_int_moregames */
#booster-menu-highscores{} /* #bm_int_highscores */ 

.booster-button-active{
background: #ca6f19 !important; /* Old browsers */
background: -moz-linear-gradient(top,  #ca6f19 0%, #ea8615 2%, #eb8817 14%, #ed8e1c 25%, #f6ad39 73%, #fabc4c 93%, #f9bc4f 98%, #ffffff 100%) !important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ca6f19), color-stop(2%,#ea8615), color-stop(14%,#eb8817), color-stop(25%,#ed8e1c), color-stop(73%,#f6ad39), color-stop(93%,#fabc4c), color-stop(98%,#f9bc4f), color-stop(100%,#ffffff)) !important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ca6f19 0%,#ea8615 2%,#eb8817 14%,#ed8e1c 25%,#f6ad39 73%,#fabc4c 93%,#f9bc4f 98%,#ffffff 100%) !important; /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top,  #ca6f19 0%,#ea8615 2%,#eb8817 14%,#ed8e1c 25%,#f6ad39 73%,#fabc4c 93%,#f9bc4f 98%,#ffffff 100%) !important; /* IE10+ */
background: linear-gradient(to bottom,  #ca6f19 0%,#ea8615 2%,#eb8817 14%,#ed8e1c 25%,#f6ad39 73%,#fabc4c 93%,#f9bc4f 98%,#ffffff 100%) !important; /* W3C */
}
#booster-menu-next{} /* #bm_int_next */
/*#booster-menu-minimized{ width:40px; height:20px; background:#00F;}/ * previously #bm_int_minimize * /
#booster-menu-close{ width:20px; height:20px; background:#00F;}*/

#booster-bar-ul{overflow:hidden; font-family:Arial; font-size:13px; font-weight: bold; margin-right:88px; text-align:center; color:#FFF;} /* Needs a line-height to center elements aparently  */
#booster-bar-ul ul{list-style: none;}
#booster-bar-ul li{float:left; list-style:none; overflow:hidden; height:25px; line-height:25px;}
#booster-bar-ul li a{border-right:1px solid #FFC58D; border-left:1px solid #E78010; display:block;}

.booster-bar-ul-one-items li{width: 100%;}
.booster-bar-ul-two-items li{width: 50%;}
.booster-bar-ul-three-items li{width: 33.33333333334%;}

.minimize,
.maximize,
.close
{width:45px !important; position:absolute;} /* inline class add for last two children */
.close{right: 0;}
.minimize{right: 45px;}

/* BANNER AD */ /* @debug  */
#booster-banner-ad{text-align:center; position:fixed; width:100%; height:60px; padding:0px; bottom:0px; z-index:99999; }/*  #booster_advert  */
#booster-banner-ad iframe{width:320px; height:50px; border:1px solid #E78010;}


/* INTERSTIAL AD */ /* @debug */
#booster-intertial-ad{display:block; position:absolute; top:0px; z-index:99990; width:100%; height:100%; background:#000; color:#FFF; text-align:center;}/* booster_advert300x250 */
#booster-intertial-ad-frame{ width: 300px; height: 250px; margin:25px auto 0px auto; outline:1px solid #E78010; }/* booster_advert300x250 */
#booster iframe{ }
#booster-intertial-ad-middle{text-align:left; width:300px; margin:0 auto;}
#booster-intertial-ad-bottom{text-align:center; height:20px; line-height:20px; width: 300px; outline:1px solid #E78010; font-weight:bold;}





/* SPLASH SCREEN - CSS 3 animations*/
#booster-splashscreen{
position:absolute; width:100%; height:100%; top:0; left:0; background:#fff; z-index:99999; opacity:1;

-animation-name: fadeBG;
-animation-duration: 5s;
-animation-iteration-count: 1;

-moz-animation-name: fadeBG;
-moz-animation-duration: 5s;
-moz-animation-iteration-count: 1;

-webkit-animation-name: fadeBG;
-webkit-animation-duration: 5s;
-webkit-animation-iteration-count: 1;

-o-animation-name: fadeBG;
-o-animation-duration: 5s;
-o-animation-iteration-count: 1;
}

@keyframes fadeBG
{
0%  { opacity: 1; }
50%  { opacity: 1; }
100% { opacity: 0; }
}

@-moz-keyframes fadeBG/* Firefox */
{
0%  { opacity: 1; }
50%  { opacity: 1; }
100% { opacity: 0; }
}

@-webkit-keyframes fadeBG/* Safari and Chrome */
{
0%  { opacity: 1; }
50%  { opacity: 1; }
100% { opacity: 0; }
}

@-o-keyframes fadeBG/* Opera */
{
0%  { opacity: 1; }
50%  { opacity: 1; }
100% { opacity: 0; }
}

#booster-splashscreen-content
{
position:absolute; width:100%; height:100%; top:0; left:0; background:#FFF url(/shared/art/BoosterMedia320x115.png) no-repeat center center; opacity:1;

-animation-name: fade;
-animation-duration: 5s;
-animation-iteration-count: 1;

-moz-animation-name: fade;
-moz-animation-duration: 5s;
-moz-animation-iteration-count: 1;

-webkit-animation-name: fade;
-webkit-animation-duration: 5s;
-webkit-animation-iteration-count: 1;

-o-animation-name: fade;
-o-animation-duration: 5s;
-o-animation-iteration-count: 1;
}

@keyframes fade
{
0%   { opacity: 0; }
50%  { opacity: 0.8; }
100% { opacity: 0; }
}

@-moz-keyframes fade/* Firefox */
{
0%   { opacity: 0; }
50%  { opacity: 0.8; }
100% { opacity: 0; }
}

@-webkit-keyframes fade/* Safari and Chrome */
{
0%   { opacity: 0; }
50%  { opacity: 0.8; }
100% { opacity: 0; }
}

@-o-keyframes fade/* Opera */
{
0%   { opacity: 0; }
50%  { opacity: 0.8; }
100% { opacity: 0; }
}