@charset "utf-8";
body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: white;
	line-height:15px;
	  background:#000 url("../images/bg_insdie.jpg");
	  
	margin-top: 0px;
margin-bottom: 0px;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top;
}

#Submit{
	background: #F30;
width: 100%;
height:20px;
font-size: 14px;
text-align:center;
color: #FFF;
font-weight: bold;
border: none;
	cursor:pointer
}

.center {
	margin: 0 auto; 
	width: 1050px;
	background: #000; 
	}
.bodybackground {
	background-image:url("../images/bg_insdie.jpg");

}
.homebackground {
	background-image:url("../images/bg.jpg");	
}
.promoheadwhite {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: #ffffff;
	line-height:14px;
}

/*TEXT*****************/

p {color: #fff;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
line-height: 15px;
text-decoration: none;
}
.promotext {
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
color: #6d6d6d;
line-height: 15px;
}


.bodybold {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: white;
	line-height:14px;
	font-weight:bold;
}
.footer_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3b3b3b;
	line-height:16px;
}
a.nav:link {color: #707375; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none;}
a.nav:visited {color: #707375; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; }
a.nav:hover {color: #fc5b21; font-family: Arial, Helvetica, sans-seriff; font-size: 12px; text-decoration: none; }
a.nav:active {color: #fc5b21; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none;}

.mainheading {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	color: white;
	line-height:14px;
}
a.content:link {color: #fc5b21; font-family: Verdana, Geneva, sans-serif; font-size: 11px; text-decoration: underline;}
a.content:visited {color: #fc5b21; font-family: Verdana, Geneva, sans-serif; font-size: 11px; text-decoration: none; }
a.content:hover {color: #e8913a; font-family: Verdana, Geneva, sans-serif; font-size: 11px; text-decoration: none; }
a.content:active {color: #e8913a; font-family: Verdana, Geneva, sans-serif; font-size: 11px; text-decoration: none;}

li.n a		{font-family: Verdana, Geneva, sans-serif; color: #ffffff; font-size: 11px; line-height:16px; text-decoration:underline;}
li.n a:visited	{font-family: Verdana, Geneva, sans-serif; color: #ffffff; font-size: 11px; line-height:16px; text-decoration:underline;}
li.n a:hover	{font-family: Verdana, Geneva, sans-serif; color: #ffffff; font-size: 11px; line-height:16px; text-decoration:none;}

a.darkgreylink:link {color: #272727; font-family: Verdana, Geneva, sans-serif; font-size: 11px; text-decoration: underline;}
a.darkgreylink:visited {color: #272727; font-family: Verdana, Geneva, sans-serif; font-size: 11px; text-decoration: none; }
a.darkgreylink:hover {color: #fc7321; font-family: Verdana, Geneva, sans-serif; font-size: 11px; text-decoration: none; }
a.darkgreylink:active {color: #fc7321; font-family: Verdana, Geneva, sans-serif; font-size: 11px; text-decoration: none;}

.subheading {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #fc5b21;
	line-height:14px;
}
.homepageheadorange {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #fc5b21;
	line-height:14px;
}
.homepageheadwhite {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #ffffff;
	line-height:14px;
}
.subheadingsml {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #fc5b21;
	line-height:14px;
}

		.faqA		{}
		.faqA a		{font-family: Arial; color: #fc5b21; font-size: 11px; text-decoration:none; }
		.faqA a:visited {font-family: Arial; color: #fc5b21; font-size: 11px; text-decoration:none; }
		.faqA a:hover 	{font-family: Arial; color: #fc5b21; font-size: 11px; text-decoration:underline; }

		.faqD		{}
		.faqD a		{font-family: Arial; color: #ffffff; font-size: 11px; text-decoration:none; }
		.faqD a:visited {font-family: Arial; color: #ffffff; font-size: 11px; text-decoration:none; }
		.faqD a:hover 	{font-family: Arial; color: #ffffff; font-size: 11px; text-decoration:underline; }
		
#navlist	{margin-left:0; padding-left:0; list-style:none;}
#navlist li.n	{padding-left:20px; line-height:20px; background-image:url("images/bullet1.png"); background-repeat:no-repeat; background-position: 0 4px;}

a.homepagebanner1:link {color: #909090; font-family: Verdana, Geneva, sans-serif; font-size: 11px; line-height:14px; text-decoration: none;}
a.homepagebanner1:visited {color: #909090; font-family: Verdana, Geneva, sans-serif; font-size: 11px; line-height:14px; text-decoration: none; }
a.homepagebanner1:hover {color: #909090; font-family: Verdana, Geneva, sans-serif; font-size: 11px; line-height:14px; text-decoration: none; }
a.homepagebanner1:active {color: #909090; font-family: Verdana, Geneva, sans-serif; font-size: 11px; line-height:14px; text-decoration: none;}

a.homepagebanner2:link {color: white; font-family: Verdana, Geneva, sans-serif; font-size: 11px; line-height:14px; text-decoration: none;}
a.homepagebanner2:visited {color: white; font-family: Verdana, Geneva, sans-serif; font-size: 11px; line-height:14px; text-decoration: none; }
a.homepagebanner2:hover {color: white; font-family: Verdana, Geneva, sans-serif; font-size: 11px; line-height:14px; text-decoration: none; }
a.homepagebanner2:active {color: white; font-family: Verdana, Geneva, sans-serif; font-size: 11px; line-height:14px; text-decoration: none;}


#ticker { width:219px; height:96px; border:0px solid #F4F4F4; overflow:auto; font-size: 10px; font-family: verdana; color: #505050;}


#ticker dt { padding:0 10px 5px 10px; background-color:#272727; padding-top:10px; position:relative; color:white; font-size: 9px; font-family: verdana;}
#ticker dd { margin-left:0; padding:0 10px 10px 10px; position:relative; color:white; }
#ticker dd.last { }
#ticker div { margin-top:0; }
#ticker dt.heading {font-weight:bold;}

td {font-size:11px; }

/*PLAYPAGE*/

            .red_bold {
        	    color: #FF0;
        	    font-weight: bold;
        	    font-family: Verdana, Geneva, sans-serif;
        	    font-size: 12px;
            }
        
        
            .viewNav a:link {
              border-style: solid;
              border-width : 3px 3px 0px 3px;
              text-decoration : none;
              padding : 4px;
              border-color : #ccc #ccc #ccc #ccc;
            }
            .viewNav a:hover { border-color: #848484; }
        
            .viewNav a:visited {color:#ccc;}    
            
            .urbangreymenu{
                width: 210px; /*width of menu*/
                margin-top: -1px;
				float:left;                
            }
            
            .urbangreymenu .headerbar{
                font: 12px Verdana;
                color: #c1590f;
                background: url("../images/InstantPlay/SildeMenu/main.png") no-repeat; /*last 2 values are the x and y coordinates of bullet image*/
                margin-bottom: 0; /*bottom spacing between header and rest of content*/
                text-transform: uppercase;
                padding: 7px 0 7px 20px; /*31px is left indentation of header text*/
                margin-top: 2px;
                height: 25px;
            }
            
            .urbangreymenu .headerbar a{
                text-decoration: none;
                color: white;
                display: block;
            }
            
            .urbangreymenu ul{
                list-style-type: none;
                margin: 0;
                padding: 0;
                margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
            }
            
            .urbangreymenu ul li{
                padding-bottom: 1px; /*bottom spacing between menu items*/
            }
            
            .urbangreymenu ul li a{
                font: normal 12px Verdana;
                color: white;
                background: url("../images/InstantPlay/SildeMenu/submenu.png") no-repeat;
                display: block;
                padding: 5px 0;
                height: 29px;
                line-height: 17px;
                padding-left: 8px; /*link text is indented 8px*/
                text-decoration: none;
                
            }
            
            .urbangreymenu ul li a:visited{
                color: white;
            }
            
            .urbangreymenu ul li a:hover{ /*hover state CSS*/
                color: #fd8f05;
                background: url("../images/InstantPlay/SildeMenu/submenu.png") no-repeat;
                /* background: black; */
                /* border: #00FF00; */
                /* border-style: solid; */
                /* border-width: 1px; */
            }
            
            #tabs { margin-left: 5px; margin-bottom: -7px; margin-top: 0px; height: 30px; padding:0px; list-style:none; overflow:hidden; }
            #tabs li { float:left; display:block; padding:5px; background-color:#606060; margin-right:5px;}
            #tabs li a { color:#fff; text-decoration:none; font: 12px Verdana; }
            #tabs li.current { background-color:#e1e1e1;}
            #tabs li.current a { color:#000; text-decoration:none; }
            #tabs li a.remove { color:#f00; margin-left:10px;}
            #content { background-color:black;}
            #content p { margin: 0; padding:5px 5px 5px 5px;}
            
            #main { width:810px; margin:0px auto; overflow:hidden; background-color:#F6F6F6; margin-top:-25px; height: 600px; padding:0px; }
            #wrapper, #doclist { float:left; margin:0;}
            #doclist { width:150px; border-right:solid 1px #dcdcdc;}
            #doclist ul { margin:0; list-style:none;}
            #doclist li { margin:10px 0; padding:0;}
            #documents { margin:0 0 5px 0; padding:0;}

            #wrapper {  width:810px; text-align: left; background-color:black; margin-top:0px; margin-left: -5px; vertical-align: top; height: 628px;}   
            
            
            .GameDisplay{
                 vertical-align: middle;
                 background-color: #343434;
                 height: 170px;
                 width: 300px;
                 text-align: center;
            }
            
            .GameDesc{
                vertical-align: middle;
                height: 25px;
                width: 300px;
                font-family: Verdana, Arial, Helvetica, sans-serif;
    	        font-weight: bold;
    	        color: white;
    	        font-size: 12px;
                text-align: center;
                background-color: #6c6c6c;
            }
            
            .GameCatHeading {
                color: white; 
                font-family: Arial; 
                font-size: 17px; 
                font-weight: bold;
            }
            
.mainContent { width:1050px;  }
#mainGameView {
	width: 822px;
float: left;
padding: 9px;
	}
	
#cat1,
#cat2,
#cat3,
#cat4,
#cat5,
#cat6,
#cat7,
#cat8,
#cat9,	
#cat910,	
#cat911,
#cat912
	{
		display: none;
	}
	
	
	
.hide { display:none; }

.main_content { width: 828px; float: right; display:block; margin-right:6px; background:#fff;  padding:3px;}

.gameHeaderbar {
			background: #f14401;
		  	color:#fff; 
			font-family:Verdana, Arial, Helvetica, sans-serif;
			text-transform: uppercase;
			font-weight: bold;
			font-size: 11px;
			line-height:2.5;
			margin: 0; 
			padding: 0 0 0 15px;
			text-align:center;
	 }

.gameHeaderbar h3 {	 margin: 0;
					color: white;
					font-family: Arial;
					font-size: 17px;
					font-weight: bold;  }

.game_block { 		width: 274px; 	
					background:#343434; 
					float: left;  
					}
.game_block:hover {  background:#606060; }
					
.game_block img { 
				 	margin:10px 48px;
	}					
.game_block_name { 	
					width: 260px; 
					background: #6c6c6c; 	
					color:#fff; 
					font-family:Verdana, Arial, Helvetica, sans-serif;
					text-transform: uppercase;
					font-weight: bold;
					font-size: 11px;
					padding: 7px;
					text-align:center;
				}
				
.game_block a { text-decoration: none; } 	 


			 .fp-mobile a {
			 	background: url("../images/fp-mobile.jpg");
			 	height: 67px;
			 	width: 220px;
			 	display: block;	 	
			 	
			 }
			.fp-dl a { 
				background: url("../images/fp-dl.jpg");
			 	height: 67px;
			 	width: 220px;	 	
			 	display: block;	 	
				
				}
			.fp-play a {
					background: url("../images/fp-ip.jpg");
			 	height: 66px;
			 	width: 220px;	 	
			 	display: block;
				
			}
			
			.fp-mobile a:hover {
				background-position:  0 -67px;			 	
			 }
			.fp-dl a:hover { 
				background-position:  0 -67px;		
				
				}
			.fp-play a:hover {
				background-position:  0 -67px;						
			}


/*NEW CURRENT PROMO*/

			
.promo-page.container{
	position:relative;
	padding: 30px 0 15px 65px;
	
}
.clr{
	clear: both;
}
.promo-page .main{
	position:relative;
    width:680px;
    margin: 0 auto;
}



.promo-page .banner{
    width:650px;
    margin: 0 auto;
	padding-bottom: 8px;
	padding-right: 5px;
	
}


.promo-page table{
	font-family: 'Montserrat', sans-serif;
	width: 275px;
	margin: 0 auto;
	text-align:left;
	border:solid #666 1px;
	border-collapse: collapse;
	cell-padding: 5px;
	
}

.promo-page td{
	border: solid #666 1px;
	padding: 5px;
	font-size: 10px;
}


.terms {
	
	padding: 20px 45px 0 0;

	
}


.terms a:link {color: #fff; font-family: 'Montserrat', sans-serif; font-size: 12px; text-decoration: underline; 	padding-left: 270px;}
.terms a:hover {color: #fc7321; font-family: 'Montserrat', sans-serif; font-size: 12px; text-decoration: none; 	 padding-left: 270px;}










.terms p{
	text-align: center;
	font-size: 11px;
	font-weight: 60;
	font-family: 'Montserrat', sans-serif;
	line-height: 17px;
	padding-top: 5px;
		
}

.terms h1{
	text-align: center;
	font-size: 14px;
	color: white;
	font-family: 'Montserrat', sans-serif;
	padding-bottom: 10px;		
}


.clearfix:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

.view {
   width: 300px;
   height: 510px;
   margin: 10px;
   float: left;
   border: 8px solid #787878;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 7px #000;
   -moz-box-shadow: 1px 1px 7px #000;
   box-shadow: 1px 1px 7px #000;
   cursor: default;
   background: #000;
}
.view .mask,.view .content {
   width: 300px;
   height: 510px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
	font-family: 'Montserrat', sans-serif;
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 16px;
   padding: 9px;
   background: #f78409;
   margin: 20px 0 0 0;
   letter-spacing: 8px;
   line-height: 17px;
}

.view p {
   font-family: 'Montserrat', sans-serif;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 7px 20px 5px 20px;
   text-align: center;
   line-height: 15px;
}
.view a.info {
	font-family: 'Montserrat', sans-serif;
   display: inline-block;
   text-decoration: none;
   font-weight:bold;
   color: white;
   font-size: 13px;
   text-transform: uppercase;
	background: #ff8700; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff8700 0%, #ff8700 8%, #ff8700 14%, #ff8700 14%, #f55d00 32%, #d74700 49%, #9a3700 71%, #8a3809 86%, #7b3b0d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8700), color-stop(8%,#ff8700), color-stop(14%,#ff8700), color-stop(14%,#ff8700), color-stop(32%,#f55d00), color-stop(49%,#d74700), color-stop(71%,#9a3700), color-stop(86%,#8a3809), color-stop(100%,#7b3b0d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff8700 0%,#ff8700 8%,#ff8700 14%,#ff8700 14%,#f55d00 32%,#d74700 49%,#9a3700 71%,#8a3809 86%,#7b3b0d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff8700 0%,#ff8700 8%,#ff8700 14%,#ff8700 14%,#f55d00 32%,#d74700 49%,#9a3700 71%,#8a3809 86%,#7b3b0d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff8700 0%,#ff8700 8%,#ff8700 14%,#ff8700 14%,#f55d00 32%,#d74700 49%,#9a3700 71%,#8a3809 86%,#7b3b0d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff8700 0%,#ff8700 8%,#ff8700 14%,#ff8700 14%,#f55d00 32%,#d74700 49%,#9a3700 71%,#8a3809 86%,#7b3b0d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8700', endColorstr='#7b3b0d',GradientType=0 ); /* IE6-9 */
	padding: 7px;
	border-radius: 4px;

}

.view a.info: hover {
	font-family: 'Montserrat', sans-serif;
   color: gray;
   text-decoration:underline;
}













.view-fifth img {
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.view-fifth .mask {
   background-color: rgba(146,96,91,0.3);
   -webkit-transform: translateX(-300px);
   -moz-transform: translateX(-300px);
   -o-transform: translateX(-300px);
   -ms-transform: translateX(-300px);
   transform: translateX(-300px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.view-fifth h2 {
   background: #f78409;
   color: #fff;
   -webkit-box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
   -moz-box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
   box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
}
.view-fifth p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   color: #fff;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-fifth:hover .mask {
   -webkit-transform: translateX(0px);
   -moz-transform: translateX(0px);
   -o-transform: translateX(0px);
   -ms-transform: translateX(0px);
   transform: translateX(0px);
}
.view-fifth:hover img {
   -webkit-transform: translateX(300px);
   -moz-transform: translateX(300px);
   -o-transform: translateX(300px);
   -ms-transform: translateX(300px);
   transform: translateX(300px);
}
.view-fifth:hover p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}