/* CSS Document */
@font-face {
    font-family:'airstrike';
    src: url('../../js/games/race/assets/font/airstrikecond.ttf');
}

@font-face {
    font-family:'digital';
    src: url('../../js/games/race/assets/font/digital-7.ttf');
}



#UIContainer{
	position:absolute;
	background-size:cover;
	background-repeat:repeat-x;
	color:#000;
	margin-left:0px;
	margin-top:0px;
}

#loadingContainer{
	position:absolute;
	margin-left:0px;
	margin-top:0px;
}
#loadingRaceLogo{
	background-size:100%;
}
#loadingRaceText{
	background-size:100%;
}
#loadingBarContainer{
	background-image:url(../../js/games/race/assets/images/Loading_fame.png);
	background-size:100%;
}
#loadingBar{
	background-image:url(../../js/games/race/assets/images/Loading_bar1.png);
	background-size:100%;
}

#UIAdsContainer{
	position:absolute;
	margin-left:0px;
	margin-top:0px;
	z-index:999;
}
#content, #adContainer {
  position: absolute;
  top: 0px;
  left: 0px;
}



#mainMenuTopBar{
	padding-left:3%;
	padding-top:0.4%;
	color:#fff;
}
#garrageButtonContainer{
	position:absolute;
}
#mainMenuBottomBar{
	position:absolute;
	color:#fff;
}

.panelHover{
	cursor:pointer;
}
.panelHover:hover{
	color:#f00;
}

#statusBarMainMenu{
	position:absolute;
	background-color:#99ac7e;
	display:none;
}
#statusBarRace{
	position:absolute;
	background-color:#9ab4df;
	display:none;
}

#loadingTextContainer{
	background-color:rgba(0,0,0,0.3);
	color:#fff;
	text-shadow:0.07em 0.07em 0.01em #000;
	cursor:default;
	display:none;
}

#raceInputContainer{
	position:absolute;
	margin-top:0px;
	margin-left:0px;
}

#raceInput{
	opacity:0;
}

#waitingContainer{
	position:absolute;
	margin-top:0px;
	margin-left:0px;
	background-color:#fff;
	opacity:0.7;
}

#emptyBackground{
	position:absolute;
	width:100%;
}

.flippedImg{
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}

.flippedImgV{
	-moz-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1);
	filter: FlipV;
	-ms-filter: "FlipV";
}

#teaserText a{
	color:#000;
	text-shadow:0.07em 0.07em 0.01em #fff100,-0.07em -0.07em 0.01em #fff100,-0.07em 0.07em 0.01em #fff100,0.07em -0.07em 0.01em #fff100;
	text-decoration:underline;
}

.spinning_2s{
 -webkit-animation-name: spin;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
	
    -moz-animation-name: spin;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
	
    -ms-animation-name: spin;
    -ms-animation-duration: 2s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    
    animation-name: spin;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

/*garrage elements*/
#garrageDoor{
	position:absolute;
	background-position:top;
	background-size:100%;
	background-repeat:no-repeat;
}
#garrageCarContainer{
	background-position:top;
	background-size:100%;
	background-repeat:no-repeat;
}
.garrageArrow{
	position:absolute;
	background-position:top;
	background-size:100%;
	background-repeat:no-repeat;
	background-image:url(../../js/games/race/assets/images/garrage/GarageArrow.png);
	cursor:pointer;
}
#garrageCarCostContainer{
	position:absolute;
	z-index:2;
	color:#000;
	text-shadow:0.07em -0.04em 0.01em #fff100, 0.07em 0.0em 0.01em #fff100;
}

#targetHint{
	position:absolute;
	width:100%;
	display:none;
	font-family:airstrike;
	color:#fff100;
	text-shadow:-0.03em 0.0em 0.01em #ee272f,0.05em 0.0em 0.02em #ee272f,0.0em -0.03em 0.01em #ee272f,0.0em 0.03em 0.01em #ee272f,0.04em 0.04em 0.01em #ee272f;
}

.blackBoardTitle{
	font-family:airstrike;
	color:#000;
	text-shadow:-0.03em 0.0em 0.01em #fff100,0.05em 0.0em 0.02em #fff100,0.0em -0.03em 0.01em #fff100,0.0em 0.03em 0.01em #fff100,0.04em 0.04em 0.01em #fff100;
}

.blackBoardTitleGreen{
	font-family:airstrike;
	color:#000;
	text-shadow:-0.03em 0.0em 0.01em #c5c379,0.05em 0.0em 0.02em #c5c379,0.0em -0.03em 0.01em #c5c379,0.0em 0.03em 0.01em #c5c379,0.04em 0.04em 0.01em #c5c379;
}

.raceResultScale{
	-moz-transform: scale(0.68,0.68) translate(-24%,-28%);
	-o-transform: scale(0.68,0.68) translate(-24%,-28%);
	-webkit-transform: scale(0.68,0.68) translate(-24%,-28%);
	transform: scale(0.68,0.68) translate(-24%,-28%);
}

/*button classes*/
.button_tab .buttonMiddle{
	font-family:airstrike;
	background-image:url(../../js/games/race/assets/images/buttons/middletab.png);
	background-size:100% 100%;
	color:#fff;
	height:100%;
	float:left;
}
.button_tabOn .buttonMiddle{
	font-family:airstrike;
	background-image:url(../../js/games/race/assets/images/buttons/middletabOn.png);
	background-size:100% 100%;
	color:#000;
	text-shadow:0.07em 0.07em 0.01em #fff100;
	height:100%;
	float:left;
}

.button_64 .buttonMiddle , .button_64ROn .buttonMiddle{
	font-family:airstrike;
	background-image:url(../../js/games/race/assets/images/buttons/middle64.png);
	background-size:100% 100%;
	color:#000;
	text-shadow:0.07em 0.07em 0.01em #fff100;
	height:100%;
	float:left;
}
.button_64 .buttonMargin , .button_64ROn .buttonMargin{
	background-image:url(../../js/games/race/assets/images/buttons/margin64.png);
	background-size:100% 100%;
	height:100%;
	float:left;
}
.button_64On .buttonMiddle , .button_64R .buttonMiddle{
	font-family:airstrike;
	background-image:url(../../js/games/race/assets/images/buttons/middle64On.png);
	background-size:100% 100%;
	color:#fff;
	height:100%;
	float:left;
}
.button_64On .buttonMargin , .button_64R .buttonMargin{
	background-image:url(../../js/games/race/assets/images/buttons/margin64On.png);
	background-size:100% 100%;
	height:100%;
	float:left;
}

.button_64disabled .buttonMiddle{
	font-family:airstrike;
	background-image:url(../../js/games/race/assets/images/buttons/middle64On.png);
	background-size:100% 100%;
	color:#aaa;
	text-shadow:0.07em -0.07em 0.01em #000000;
	height:100%;
	float:left;
}
.button_64disabled .buttonMargin{
	background-image:url(../../js/games/race/assets/images/buttons/margin64On.png);
	background-size:100% 100%;
	height:100%;
	float:left;
}

.button_65 .buttonMiddle{
	font-family:airstrike;
	background-image:url(../../js/games/race/assets/images/buttons/middle65.png);
	background-size:100% 100%;
	color:#fff;
	height:100%;
	float:left;
}
.button_65 .buttonMargin{
	background-image:url(../../js/games/race/assets/images/buttons/margin65.png);
	background-size:100% 100%;
	height:100%;
	float:left;
}
.button_65On .buttonMiddle{
	font-family:airstrike;
	background-image:url(../../js/games/race/assets/images/buttons/middle65On.png);
	background-size:100% 100%;
	color:#ee272f;
	text-shadow:-0.03em 0.0em 0.01em #000,0.05em 0.0em 0.02em #000,0.0em -0.03em 0.01em #000,0.0em 0.03em 0.01em #000,0.04em 0.04em 0.01em #000;
	height:100%;
	float:left;
}
.button_65On .buttonMargin{
	background-image:url(../../js/games/race/assets/images/buttons/margin65On.png);
	background-size:100% 100%;
	height:100%;
	float:left;
}

.button_65off .buttonMiddle{
	font-family:airstrike;
	background-image:url(../../js/games/race/assets/images/buttons/middle65.png);
	background-size:100% 100%;
	color:#747984;
	text-shadow:-0.03em 0.0em 0.01em #4d5361,0.05em 0.0em 0.02em #4d5361,0.0em -0.03em 0.01em #4d5361,0.0em 0.03em 0.01em #000,0.04em 0.04em 0.01em #4d5361;
	height:100%;
	float:left;
}
.button_65off .buttonMargin{
	background-image:url(../../js/games/race/assets/images/buttons/margin65.png);
	background-size:100% 100%;
	height:100%;
	float:left;
}

.button_52 .buttonMiddle{
	font-family:airstrike;
	background-image:url(../../js/games/race/assets/images/buttons/middle52.png);
	background-size:100% 100%;
	color:#020000;
	height:100%;
	float:left;
}
.button_52 .buttonMargin{
	background-image:url(../../js/games/race/assets/images/buttons/margin52.png);
	background-size:100% 100%;
	height:100%;
	float:left;
}

.button_52On .buttonMiddle{
	font-family:airstrike;
	background-image:url(../../js/games/race/assets/images/buttons/middle52On.png);
	background-size:100% 100%;
	color:#fff100;
	height:100%;
	float:left;
}
.button_52On .buttonMargin{
	background-image:url(../../js/games/race/assets/images/buttons/margin52On.png);
	background-size:100% 100%;
	height:100%;
	float:left;
}

.button_gotogarage{
	font-family:airstrike;
	background-image:url(../../js/games/race/assets/images/Garage_n.png);
	background-size:100% 100%;
	color:#000;
	text-shadow:0.07em 0.07em 0.01em #fff100;
	height:100%;
	float:left;
}

.button_gotogarageOn{
	font-family:airstrike;
	background-image:url(../../js/games/race/assets/images/Garage_a.png);
	background-size:100% 100%;
	color:#000;
	text-shadow:0.07em 0.07em 0.01em #fff100;
	height:100%;
	float:left;
}

.button_solorace{
	font-family:airstrike;
	background-image:url(../../js/games/race/assets/images/solo.png);
	background-size:100% 100%;
	color:#000;
	text-shadow:0.07em 0.07em 0.01em #fff100;
	height:100%;
	float:left;
}

.button_soloraceOn{
	font-family:airstrike;
	background-image:url(../../js/games/race/assets/images/SoloSEL.png);
	background-size:100% 100%;
	color:#000;
	text-shadow:0.07em 0.07em 0.01em #fff100;
	height:100%;
	float:left;
}

.button_multiplayer{
	font-family:airstrike;
	background-image:url(../../js/games/race/assets/images/Multi.png);
	background-size:100% 100%;
	color:#000;
	text-shadow:0.07em 0.07em 0.01em #fff100;
	height:100%;
	float:left;
}

.button_multiplayerOn{
	font-family:airstrike;
	background-image:url(../../js/games/race/assets/images/MultiSEL.png);
	background-size:100% 100%;
	color:#000;
	text-shadow:0.07em 0.07em 0.01em #fff100;
	height:100%;
	float:left;
}

.button_highScore{
	font-family:airstrike;
	background-image:url(../../js/games/race/assets/images/highScore.png);
	background-size:100% 100%;
	color:#000;
	text-shadow:0.07em 0.07em 0.01em #fff100;
	height:100%;
	float:left;
}

.button_highScoreOn{
	font-family:airstrike;
	background-image:url(../../js/games/race/assets/images/highScoreOn.png);
	background-size:100% 100%;
	color:#000;
	text-shadow:0.07em 0.07em 0.01em #fff100;
	height:100%;
	float:left;
}