/*
	XBOX CSS
*/
#mask /* This is the over lay behind the xbox */ 
{ position:absolute; left:0; top:0; z-index:9000; background-color:#000; display:none; }
  
#boxes .window /* What pops up */
{ position:absolute; width:638px; height:599px; display:none; z-index:9997; padding:20px; }
 
#boxes #dialog #dialog_content #xbox_middle #dialog_body /* The text portion of the xbox */ 
{ padding-left:30px; padding-right:30px; }



/* Images that make up the xbox */
#boxes #dialog #dialog_content #xbox_top 
{ height:29px; width:638px; background:url(/images/xbox_top.png) no-repeat 0 0 transparent; }

#boxes #dialog #dialog_content #xbox_middle 
{ height:auto; width:638px; background:url(/images/xbox_middle.png) repeat-y 0 0 transparent; }

#boxes #dialog #dialog_content #xbox_bottom 
{ height:29px; width:638px; background:url(/images/xbox_bottom.png) no-repeat 0 0 transparent; } 


/* Buttons on the xbox */
#boxes #dialog #dialog_content #xbox_middle #next_button
{ background:url(/images/next.png) no-repeat 0 0 transparent; position:absolute; margin-left:638px; width:45px; height:45px; }

#boxes #dialog #dialog_content #xbox_middle #prev_button
{ background:url(/images/prev.png) no-repeat 0 0 transparent; position:absolute; margin-left:-50px; width:45px; height:45px; }

#boxes #dialog #dialog_content #xbox_middle #close_button
{ background:url(/images/close_btn.png) no-repeat 0 0 transparent; position:absolute; margin-top:-7px; margin-left:584px; width:29px; height:16px; }

@media (max-width: 640px) {
  #boxes .window /* What pops up */
	{ position:absolute; width:100%; height:599px; display:none; z-index:9997; padding:20px 0px 20px 20px; }

  #boxes #dialog #dialog_content #xbox_top 
{ height:29px; width:100%; background:url(/images/xbox_top.png) no-repeat 0 0 transparent; }

#boxes #dialog #dialog_content #xbox_middle 
{ height:auto; width:100%; background:url(/images/xbox_middle.png) repeat-y 0 0 transparent; }

#boxes #dialog #dialog_content #xbox_bottom 
{ height:29px; width:100%; background:url(/images/xbox_bottom.png) no-repeat 0 0 transparent; }

#boxes #dialog #dialog_content #xbox_middle #next_button
{ background:url(/images/next.png) no-repeat 0 0 transparent; position:absolute; margin-left:74%; width:45px; height:45px; }

#boxes #dialog #dialog_content #xbox_middle #prev_button
{ background:url(/images/prev.png) no-repeat 0 0 transparent; position:absolute; margin-left:10%; width:45px; height:45px; }

#boxes #dialog #dialog_content #xbox_middle #close_button
{ background:url(/images/close_btn.png) no-repeat 0 0 transparent; position:absolute; margin-top:-7px; margin-left:86%; width:29px; height:16px; }

#venue{	padding-left: 70px;	padding-right: 0px !important;}

#boxes #dialog #dialog_content #xbox_middle #dialog_body /* The text portion of the xbox */ 
{ padding-left:30px; padding-right:10px; }

#dialog{left: -40px !important;}
}