body
{
  padding: 0px;
  margin: 0px;
  text-align: center;
  font-family:Verdana;
  font-size:11px;
  color:#ffffff;
}

a img
{
    border:0px;
}
#PageContainer 
{
    background-image: url('/images/experiences/OpenGym/000_Global/bg_court1a.jpg');
  background-repeat: no-repeat;
  background-position: top center;
  text-align: center;
  width: 1024px;
  height: 768px;
  margin: 0px auto;
  top: 0px;
  bottom: 0px;
}

#index #PageContainer 
{
    background-image: url('/images/experiences/OpenGym/000_Global/bg_court1.jpg');
}

#login #PageContainer
{
    background-image: url(/images/experiences/OpenGym/012/bg_court2.jpg);
}
#register #PageContainer
{
    background-image: url(/images/experiences/OpenGym/013/bg_court2a.jpg);
}
#selectsession #PageContainer
{
    background-image: url(/images/experiences/OpenGym/014/bg_court2b.jpg);
}
#selectsession_confirmation #PageContainer
{
    background-image: url(/images/experiences/OpenGym/016/bg_court2c.jpg);
}
#editaccount #PageContainer
{
    background-image: url(/images/experiences/OpenGym/018/bg_court2e.jpg);
}

#myaccount #PageContainer
{
    background-image: url(/images/experiences/OpenGym/017/bg_court2d.jpg);
}

body.philadelphia #PageContainer
{
    background-image: url('/images/experiences/OpenGym/011/bg_philly.jpg');
}
body.chicago #PageContainer
{
    background-image: url('/images/experiences/OpenGym/027/bg_chicago.jpg');
}
body.miami #PageContainer
{
    background-image: url('/images/experiences/OpenGym/028/bg_miami.jpg');
}
body.atlanta #PageContainer
{
    background-image: url('/images/experiences/OpenGym/029/bg_atlanta.jpg');
}
#galleries #PageContainer
{
    background-image: url('/images/experiences/OpenGym/000_Global/bg_court1a.jpg');
}
.Footer {
  float: left;
  margin-top:10px;
  text-align: center;
  width: 100%;
  color:#000000;
  decoration: none;
}
.Footer a
{
    color:#000000;
    text-decoration: none;
}
#city .Footer
{
    margin-top:5px;
    color:#FFFFFF;
}
#city .Footer a
{
    color:#FFFFFF;
}
.sponsorSpot
{
    display:none;
}

#city .sponsorSpot, #selectsession .sponsorSpot, #selectsession_confirmation .sponsorSpot
{
    display:block;
    margin-right: 34px;
    float: right;
    text-align: left;
    height: 62px; 
    vertical-align:bottom;
}
.sponsorName
{
    float: left; 
    width: 100px;
    font-family: Verdana; 
    font-size:10px;
    font-weight:normal;
    line-height:12px;
    color: #000000;
    text-align:right;
    margin-top:63px;
    margin-right:4px;
}
#city .sponsorName
{
    color: #FFFFFF;
}
.sponsorLogo
{
    background-image: url('/images/experiences/OpenGym/000_Global/lgo_champs.gif');
    float: left; 
    width: 152px;
    height: 49px;
    margin-top:38px; 
}
body.philadelphia .sponsorLogo
{
    background-image: url('/images/experiences/OpenGym/000_Global/lgo_jcpenny.gif');
    width: 62px;
    height: 72px; 
    margin-top:0px;
}
#PageHeader {
  margin: 0px auto;
  height: 129px;
  width: 100%;
  overflow:hidden;
  /*border:solid 1px;*/
}

.logo 
{
  margin-left: 453px;
  margin-top: 45px;
  float: left;
  width: 571px;
  text-align: left;
}

.topMarginDiv 
{
  width: 1000px;    
  margin-top: 8px;
  text-align: left;
  height: 22px;
  float: left;
}

.nav {
  margin-left: 412px;
  float: left;
  text-align: center;
  height: 19px;
  width: 308px;
}

.nav .off, .nav .on
{
    float:left;
}
.nav .on
{
    display:none;
}
body#about .nav #nav_about .on, body.philadelphia .nav #nav_philly .on, body.chicago .nav #nav_chicago .on, body.miami .nav #nav_miami .on, body.atlanta .nav #nav_atlanta .on
{
    display:block;
}
body#about .nav #nav_about .off, body.philadelphia .nav #nav_philly .off, body.chicago .nav #nav_chicago .off, body.miami .nav #nav_miami .off, body.atlanta .nav #nav_atlanta .off
{
    display:none;
}
body#selectsession .nav #nav_philly .off, body#selectsession_confirmation .nav #nav_philly .off,
body#selectsession .nav #nav_chicago .off, body#selectsession_confirmation .nav #nav_chicago .off,
body#selectsession .nav #nav_miami .off, body#selectsession_confirmation .nav #nav_miami .off,
body#selectsession .nav #nav_atlanta .off, body#selectsession_confirmation .nav #nav_atlanta .off
{
    display:block;
}
body#selectsession .nav #nav_philly .on, body#selectsession_confirmation .nav #nav_philly .on,
body#selectsession .nav #nav_chicago .on, body#selectsession_confirmation .nav #nav_chicago .on,
body#selectsession .nav #nav_miami .on, body#selectsession_confirmation .nav #nav_miami .on,
body#selectsession .nav #nav_atlanta .on, body#selectsession_confirmation .nav #nav_atlanta .on
{
    display:none;
}

.right {
  height: 22px;
  float: right;
  margin-right:10px;
  text-align:right;
  margin-top:-15px;
  color:#000000;
}
.right .buttons img, .right .buttons input
{
    float:left;
    margin-top:5px;
    margin-left:5px;
}

.outerDiv
{
  margin-top: 30px;
  margin-left:55px;
  width: 920px;
  height: 475px;
  text-align: left;
  float:left;
}
#city .outerDiv
{
  margin-top: 0px;
  height: 513px;
}

/*  Invite you friend */
#dialog1 {
  display: none;
  z-index: 10;
  text-align:center;
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
}
#inviteAFriendPageContainer {
  background-image: url('/images/experiences/OpenGym/022/bg_ball_l.png');
  background-repeat: no-repeat;
  background-position: top left;
  /*text-align: center;*/
  width: 520px;
  height: 448px;
  margin: 0px auto;
  left: 0px;
  top: 150px;
 /* position: absolute;*/
  position:relative;
  z-index: 10;
}
.closeButton {
  width: 44px;
  margin-top: 8px;
  margin-right: 8px;
  float: right;
  text-align: right;
}
#popup_invite
{
    background-color:Transparent;
    color: #000000; 
    float:left;
    width: 504px;
    height: 415px; 
    margin-left:16px;
}
.inviteFriends {
  margin-top: 81px;
  margin-left: 47px;
  float: left;
}

.inviteFriendsText {
  margin-top: 8px;
  margin-left: 47px;
  float: left;
  FONT-family: Veranda;
  FONT-SIZE:  11px;
  FONT-WEIGHT: Bold;
  FONT-STYLE: caps;
  LINE-HEIGHT: 15px;
  COLOR: #FFFFFF;
}

.panel1 {
  width: 520px;
  margin-top: 18px;
  margin-left: 47px;
  float: left;
  line-height: 13px;
  color: white;
}

.inviteFriendsLeftPanel {
  width: 200px;
  float: left;
  text-align: left;
}

.inviteFriendsRightPanel {
  margin-left: 22px;
  width: 200px;
  float: left;
  text-align: left;
}

.element1 {
  width: 200px;
  float: left;
  text-align: left;
  FONT-family: Veranda;
  FONT-SIZE:  11px;
  FONT-WEIGHT: Bold;
  FONT-STYLE: caps;
  LINE-HEIGHT: 15px;
  COLOR: #FFFFFF;
}

.element2 {
  width: 200px;
  float: left;
  margin-top: 5px;
  text-align: left;
}

.panel2 {
  margin-top: 12px;
  margin-left: 47px;
  float: left;
  width: 520px;
  line-height: 13px;
  color: white;
}

.panel3 {
  margin-top: 12px;
  margin-left: 47px;
  float: left;
  width: 520px;
  line-height: 13px;
  color: white;
}

.panel4 {
  margin-top: 18px;
  margin-left: 47px;
  width: 520px;
  float: left;
  line-height: 13px;
  color: white;
}


.panel5 {
  margin-top: 8px;
  margin-left: 47px;
  width: 520px;
  float: left;
  text-align: left;
  FONT-family: Veranda;
  FONT-SIZE:  11px;
  FONT-WEIGHT: Bold;
  FONT-STYLE: caps;
  LINE-HEIGHT: 15px;
  COLOR: #FFFFFF;
}

#dialog_invite_a_friend {
  position: absolute; 
  left: 211px; 
  bottom: 150px; 
  width: 520px;
  height: 448px;
  padding: 1em;
  visibility: hidden;
  z-index: 1;  
}
.overlay {
  position: fixed !important;
  float: left;
  overflow:show;
  top: 0px; /* These positions makes sure that the overlay */
  margin-top: 0px;  /* will cover the entire parent */
  left: 50%;
  margin-left: -512px;
  width: 1024px;
  text-align: left;
  height: 770px;
  background: #000;
  opacity: 0.50;
  -moz-opacity: 0.50; /* older Gecko-based browsers */
  filter:alpha(opacity=50); /* For IE6&7 */
  display: none;
  z-index: 5;
}
/* -------------------- Index Page */
.index_coontent
{
    text-align:center;
}
.h1 {
  margin-top: 54px;
  text-align: center;
}

.h2 {
  margin-top: 19px;
  text-align: center;
}

.h3 {
  margin-top: 32px;
  margin-bottom: 4px;
  text-align: center;
}

.h4 {
  margin-top: 20px;
  text-align: center;
}

.text {
  text-align: center;
  font-family: Verdana;
  font-size:  12px;
  font-weight: Normal;
  font-STYLE: Normal;
  LINE-HEIGHT: 12px;
  COLOR: #010101;
}
/* -------------------- About Page */

.aboutH1 {
  width: 530px;
  height:460px;
  border-right: solid 1px #929292;
  float: left;
  text-align: center;
  color: white;
}

.aboutH1Image {
  height: 43px;
  margin-bottom: 15px;
}

.aboutH1Text {
  height: 50px;
  FONT-family: Verdana;
  FONT-SIZE:  11px;
  FONT-WEIGHT: Normal;
  FONT-STYLE: Normal;
  LINE-HEIGHT: 16px;
  COLOR: #FFFFFF;
}

.aboutFlash {
  /*width: 473px;*/
  height: 275px;
  margin-top: 15px;
  text-align: center;
  z-index: 0;
  margin-left: auto;
}

.aboutH2 {
  /*margin-left: 74px;*/
  margin-top: 15px;
  float: left;
  text-align: center;
  width:100%;
}

.aboutH3 {
  width: 360px;
  float: left;
  text-align: left;
  padding-left:23px;
  /*border:solid 1px red;*/
}

.aboutH3 .openGymGallery, .aboutH3 .conversePros
{
    width:100%;
    border-bottom:solid 1px #A6A090;
    float:left;
    padding-bottom:15px;
    margin-bottom:10px;
}
.aboutH3Image {
  /*margin-left: 23px;*/
  height: 22px;
  margin-bottom: 8px;
}

.galleryImages {
  /*margin-left: 23px;*/
  height: 66px;
}

.galleryImage {
  margin-right: 6px;
  float: left;
}

.seePicsButton {
  /*margin-left: 23px;*/
  margin-top: 8px;
  float: left;
  /*width: 374px;*/
  height: 22px;
}

.converseProsImage {
  margin-top: 0px;
  /*margin-left: 23px;*/
  /*width: 374px;*/
  float: left;
}

.conversePros2 {
  margin-top: 8px;
  /*margin-left: 23px;*/
  width: 360px;
  float: left;
}

.imageConPro {
  float: left;
}

.rightSide {
  margin-left: 12px;
  float: left;
  FONT-family: Verdana;
  FONT-SIZE:  11px;
  FONT-WEIGHT: Normal;
  FONT-STYLE: Normal;
  LINE-HEIGHT: 14px;
  COLOR: #FFFFFF;
}

.rightSideImage2 {
  margin-left: 12px;
  float: left;
  margin-top: 8px;
}

.inviteFriend {
  /*margin-left: 23px;*/
  /*width: 374px;*/
  float: left;
  width:100%;
}


.leftSide
{
  float: left;
  width:250px;
}
.imageInviteFriend {
  float: left;
  width:250px;
}
.leftSideText {
  float: left;
  margin-top: 10px;
  FONT-family: Verdana;
  FONT-SIZE:  11px;
  FONT-WEIGHT: Normal;
  FONT-STYLE: Normal;
  LINE-HEIGHT: 14px;
  color: #FFFFFF;
  width:250px;
}

.leftSideImage {
  margin-top: 10px;
  float: left;
  width:250px;
}

.rightSideImage {
  float: right;
}


/* -------------------- City Page */
.welcomeToGym
{
  margin-top: 34px;
  margin-left:150px;
}

.middlePortion {
  margin-top: 12px;
  margin-left: -18px;
  height: 247px;
  width: 953px;
  float: left;
  /*border:solid 1px red;*/
  border-bottom:solid 1px #929292;
  border-top:solid 1px #929292;
}

.leftImage {
  float: left;
  width: 341px;
  height: 247px;
  text-align: left;
}

.rightPart {
  margin-top: 10px;
  /*margin-right: 64px;*/
  height: 235px;
  /*width: 529px;
  float: right;*/
  float:left;
  padding-left:18px;
  text-align: left;
}

.leftPanel, .rightPanel  
{
  height: 100%;
  float: left;
  color: white;
  line-height: 13px;

}
.leftPanel {
  width: 340px;
}

.rightPanel {
  width: 235px;
}
.item {
  float: left;
  margin-top: 10px;
  width: 95%;
}

.itemLabel {
  float: left;
  FONT-family: Helvetica;
  FONT-SIZE:  16px;
  FONT-WEIGHT: Bold;
  FONT-STYLE: normal;
  text-transform: uppercase;
  LINE-HEIGHT: 17px;
  /*COLOR: #66CCFF;*/
  width:80px;
}

.itemDetails {
  margin-left: 18px;
  float: left;
  FONT-family: Helvetica;
  FONT-SIZE:  16px;
  FONT-WEIGHT: Bold;
  FONT-STYLE: normal;
  LINE-HEIGHT: 17px;
  COLOR: #FFFFFF;
}

.signUpForThisSession {
  margin-top: 10px;
  float: left;
  width:100%;
}

.signUpForThisSession .next_session_msg
{
    width:95%;
    height:15px;
    font-size:10px;
    font-weight:bold;
    margin-bottom:5px;
}

.upcomingSession {
  margin-top: 15px;
  width: 100%;
  float: left;
  FONT-family: Verdana;
}

.upcomingSession_date {
  FONT-SIZE:  12px;
  FONT-WEIGHT: Bold;
  FONT-STYLE: normal;
  text-transform: uppercase;
  LINE-HEIGHT: 17px;
  /*COLOR: #66CCFF;*/
}
body.philadelphia .itemLabel, body.philadelphia .upcomingSession_date, body.philadelphia .upcomingSession_signup
{
      COLOR: #66CCFF;
}
body.chicago .itemLabel, body.chicago .upcomingSession_date, body.chicago .upcomingSession_signup
{
      COLOR: #48C71C;
}
body.miami .itemLabel, body.miami .upcomingSession_date, body.miami .upcomingSession_signup
{
      COLOR: #ff9933;
}
body.atlanta .itemLabel, body.atlanta .upcomingSession_date, body.atlanta .upcomingSession_signup
{
      COLOR: #bf67f7;
}
.upcomingSession_location {
  FONT-SIZE:  11px;
  FONT-WEIGHT: normal;
  FONT-STYLE: normal;
  LINE-HEIGHT: 12px;
  COLOR: #FFFFFF;
}

.upcomingSession_signup
{
    ffont-SIZE:  11px; 
    font-WEIGHT: Normal; 
    font-STYLE: Normal; 
    LINE-HEIGHT: 12px; 
    COLOR: #66CCFF;
}
/* -------------------- Pro Player Page */
.topPanel {
  margin-top: 0px;
  float: left;
  width: 100%;
}
#player .heading, #galleries .heading {
  margin-top: 4px;
  height: 29px;
  float: left;
  width: 300px;
}

.proName {
  margin-left: 10px;
  margin-top: 18px;
  float: left;
  font-size:14px;
  text-transform:uppercase;
}

.backToConversePros {
  margin-right: 20px;
  float: right;
  height: 22px;
}

.middlePanel {
  margin-top: 20px;
  float: left;
  height: 375px;
  width: 100%;
}

.playerLogo {
  float: left;
  width: 285px;
  padding-left:30px;
}

.playerDescription {
  float: left;
  margin-left: 32px;
  width:550px;
  height: 100%;
}

.playerTopPanel {
  float: left;
  width:100%;
  height: 175px;
  FONT-family: Verdana;
  FONT-SIZE:  12px;
  COLOR: #FFFFFF;
  border-bottom:solid 1px #A6A090;
}

.playerTopPanel .leftPanel 
{
  float: left;
  width:200px;
  height: 100%;
  line-height: 20px;
  text-align: left;
  border-right:solid 1px #A6A090;
  
}

.playerTopPanel .rightPanel 
{
  float: left;
  width:345px;
  height: 100%;
  line-height: 20px;
  text-align: left;
  
}

.rightText {
  margin-left: 20px;
  float: left;
  color:#FFFFFF;
}

.playerTopPanel .rightText .heading {
  text-align: left;
  float: left;
  font-family:Verdana;
  font-size:11px;
  font-weight:bold;
  text-transform:uppercase;
  line-height: 12px;
}

.playerTopPanel .rightText .desc {
  margin-top: 10px;
  text-align: left;
  float: left;
  font-family:Verdana;
  font-size:10px;
  line-height: 15px;
}
.playerBottomPanel 
{
      float: left;
  height: 196px;
  width: 100%;
}

.hisKicks {
  margin-top: 11px;
  float: left;
  height: 17px;
  width: 100%;
  text-align: left;
}

.imagesOf3Shoes {
  margin-top: 8px;
  float: left;
  height: 159px;
  width: 100%;
}
.imageShoe {
  float: left;
  height: 159px;
  width: 150px;
  margin-right:27px;
  border:solid 0px;
}

.shoeImage {
  float: left;
}

.viewDetails {
  margin-top: 8px;
  height: 22px;
  float: left;
}

.prev_next_btn
{
    float:left;
    width:100%;
    margin-top:20px;
}
.prevButton {
  margin-left: 10px;
  height: 22px;
  float:left;
}

.nextButton {
  margin-right: 10px;
  height: 22px;
  float: right;
}

/* -------------bottom part */

.bottomPortion {
  margin-left: 0px;
  height: 160px;
  width: 915px;
  float: left;
}

.bottomLeftPanel {
  height:100%;
  width: 650px;
  float: left;
  text-align: left;
  border-right: solid 1px #929292;
}

.openGymGalleries {
  margin-top: 15px;
  height: 22px;
  float: left;
}

.GalleryImages {
  margin-top: 10px;
  /*height: 93px;*/
  float: left;
}
.GalleryImage {
  margin-left: 0px;
  margin-top: 0px;
  margin-right:23px;
  float: left;
  outline-width: thin;
  outline-style: solid;
  outline-color: #FFFFFF;
}

.bottomRightPanel  {
  /*margin-right: 95px;*/
  height: 100%;
  width: 150px;
  float: left;
}

.gearUp {
  margin-left: 15px;
  margin-top: 15px;
  text-align: left;
}
.shopConverse {
  margin-left: 15px;
  margin-top: 5px;
  text-align: left;
}
.cityLogo
{
    float: left; 
    margin-top:-530px;
    margin-left:-40px; 
    text-align: left;
}

/* -------------------------------------------------------- */
.col_left
{
    border-right:solid 1px #FFFFFF;
    width:350px;
    height:420px;
    float:left;
    padding:0px;
    padding-right:20px;
    margin-top: 4px;
}
#selectsession .col_left
{
    border-right:0px;
}
.col_left a, .col_left a:hover
{
    color:#FFFFFF;
}

.col_right
{
    width:370px;
    float:left;
    padding:0px;
    margin-left:30px;
    margin-top:4px;
}

td.bullet
{
    padding-right:10px;
}

.desc 
{
	font-size:11px;
	margin-top:10px;
}

.section    /* MyAccount */
{
     margin-bottom:10px;
}

.section .desc
{
    margin-top:5px;
}
body#selectsession_confirmation .col_left td#time div
{
    width:100%;   
    margin-bottom:10px;
}
body#selectsession_confirmation .col_left td#time div.bold
{
    margin-bottom:0px;
}

#editaccount div.register, #register div.editAccount
{
    display:none;
}
td 
{
    vertical-align:top;
}
input
{
    display:block; 
    float:left;
    margin-right:5px;
    font-size:11px;
}
select
{
    font-size:12px;
}
.inputText 
{
    width:90%;
    
}
.inputText_hidden 
{
    display:none;
}
.title 
{
    font-size:25px; 
    text-transform:uppercase; 
    vertical-align:top;
    color:Olive;
}
td.title 
{
    font-size:13px;
}
.bold 
{
    font-weight:bold;
}
.err 
{
    font-size:10px;
    color:Red;
    padding-top:0px;
    margin-top:0px;
}
.radio_desc 
{
    font-size:11px;
    display:block;
    float:left; 
    line-height:150%;
}
        
#register #sec_1
{
    margin-top:20px;
}

/* ------------------------------ PRINT WAIVER AND CONFIRMATION ------------------------------- */
@media print
{
body {margin:0px;padding:0px;width:760px;height:850px;}
#selectsession_confirmation #PageHeader {display:none;}
.outerDiv #PageContent {display:none;}
.outerDiv #PrintContent {display:block;}
#selectsession_confirmation #PageFooter {display:none;}
#PageContainer {margin:0px;padding:0px;width:100%;height:100%;float:left;background-image:none;}
.outerDiv {margin:0px;padding:0px;width:100%;height:100%;float:left;}
}
@media screen
{

#selectsession_confirmation #PageHeader {display:block;}
.outerDiv #PageContent {display:block;}
.outerDiv #PrintContent {display:none;}
#selectsession_confirmation #PageFooter {display:block;}
}



#PrintContent 
{
  text-align: center;
  width:100%;
  height:100%;
  margin: 0px;
  padding:0px;
  color:#000;
  float:left;
}

table.p_content {width:100%;height:100%;margin:0px;}
table.p_content div {float:left;  color:#000;}
table.p_content td { vertical-align:top;  color:#000;}
table.p_content td div {text-align:left;width:100%;margin-top:0px;}
table.p_content td div.p_title {font-weight:bold;font-size:20px;font-family:Arial;margin-top:10px;}
table.p_content td div.p_desc td.p_time {font-size:11px;}
table.p_content td div.p_desc td.p_time div.bold{font-size:12px;}
table.p_content td div.p_desc {font-size:12px; font-family:Verdana;}
table.p_content td div.p_subtitle {margin-bottom:3px;}
table.p_content td div.p_subdesc {font-size:11px;margin-bottom:5px;}
table.p_content div.p_sign {margin-bottom:15px;}

.formSubmittedMssg {text-align:center;padding:40px 0px;font-size:15px;}