html, body {
    margin: 0px;
    padding: 0px;
    font-family: Helvetica,Arial,Tahoma,sans-serif !important;
    width: 100%;
    height: 100%;
    background-color: #000000;
    color: #ffffff;
}
 #box img{padding:5px;margin-top:8px;} #login img{margin:5px 0 0 4px;vertical-align: bottom;}
#box { clear:both;max-width:71%;background-color:black; height:100%;float:left;margin:0 auto;min-width: 580px; }
#right { width:29%;min-width:300px; background-color:#111; height:100%; float:left;margin:0 auto; }
.header_logo img { margin:5px 0 0 -10px;width:368px; }
#login { position:relative;margin:0 auto;padding:2px;float:right;height:34px;width:410px;background-color:silver;color:black;font-family:arial; }
 @media screen and (min-width: 200px) and (max-width:1050px) { #box { max-width:100%; }#right { width:100%; }.header_logo img {width:283px;margin-left: 14px;} }
 @media (max-width: 750px) { #login { width: 100%; } }
#bckdrp { position: absolute; left: 0;top: 0; background: #000; z-index: 1900; }
section h1 { display:none;background-image:url('/css/images/bubblegum-blondes_popup.png');height:670px;width:580px;margin-bottom:-670px;position: relative; top: 100px; z-index: 2000;margin-top: 0px; }

#container_bg {
    float: left;
    top: 0px;
    left: 0px;
    width: 100%;
    min-height: 700px;
    z-index: 0;
    background: -moz-linear-gradient(top,#222, #111111, #000000);
    background: -webkit-gradient(top,#222, #111111, #000000);
    background: -webkit-linear-gradient(top,#222,#111111,#000000);
    background: -o-linear-gradient(top,#222,#111111,#000000);
    background: -ms-linear-gradient(top,#222,#111111,#000000);
    background: linear-gradient(top,#222,#111111,#000000);
}

#header {
    width: 100%;
    min-width: 580px;
    height: 65px;
    background-color: #ffffff;
    position: relative;
}

.header_child {
    position: relative;
    max-width: 980px;
    height: 65px;
    text-align: left;
    margin: auto;
    margin-bottom:-65px;
}

.header_logo {
    float: left;
    position: relative;
    top:-10px;
    clear: none;
    z-index: 1;
}

#menu_bar {
    width: 100%;
    height: 39px;
    background-image: url(images/menu_gradient.png);
    background-repeat: repeat-x;
    background-color: #535353;
    position: relative;
    clear: right;
    z-index:0;
}

.menu_bar_child {
    width: 980px;
    text-align: left;
    height: 37px;
}

.menu_tabs {
    color: #ffffff;
    font-size: 14px;
    text-shadow: 0px -1px #333333;
    height: 15px;
    float: left;
    display: block;
    background-image: url(images/menu_gradient.png);
    background-repeat: repeat-x;
    background-color: #535353;
    margin-right: 0px;
    padding: 12px 16px 12px 16px;
}
.menu_tabs:hover{background-color: #646464;cursor:pointer;}
#main_container {
    margin: 0 auto;
    background-color: transparent;
    z-index: 1;
}
#box img {
    padding: 5px;
    margin-top: 8px;
    opacity: 0.9;
}
#box img:hover {
    opacity: 1;
}
#footer {
    position: relative;
    width: 100%;
    padding-top: 20px;
    color: #ffffff;
    background: #222;
    background: -moz-linear-gradient(top, #222, #111111);
    background: -webkit-gradient(top, #222, #111111);
    background: -webkit-linear-gradient(top, #222, #111111);
    background: -ms-linear-gradient(top, #222, #111111);
    background: -o-linear-gradient(top, #222, #111111);
    background: linear-gradient(top, #222, #111111);
}

.footer_container {
    position: relative;
    float: none;
    max-width: 980px;
    margin: 0 auto;
    padding: 20px;
}

.footer_span_container {
    background-color: #111111;
    clear: both;
    width: 100%;
}

.footer_left {
    float: left;
    width: 480px;
    text-align: left;
    font-size: 12px;
    padding-right: 10px;
    margin-bottom: 20px;
    line-height: 125%;
}

.footer_right {
    float: right;
    width: 490px;
    text-align: left;
    font-size: 12px;
    margin-bottom: 20px;
    line-height: 125%;
}

.footer_title {
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
    line-height: 125%;
}

a.footer_link, a.footer_link:visited {
    color: #a1a1a1;
    text-decoration: none;
    cursor: pointer;
}

.footer_copyright {
    font-size: 10px;
}
/*media screen*/
.footer_span_container {
    background-color: #111111;
    clear: both;
    width: 100%;
}
 /*media screen*/
.footer_span {
    margin: 0 auto;
    clear: both;
    max-width: 980px;
    padding: 5px;
    text-align: center;
    color: #ffffff;
    font-size: 10px;
}

#connect { padding:0 0 0 0; color:white;background-image:url("/images/connect.png");
          margin:0 auto;width:450px; height:250px;
         position:absolute;top:100px;left:100px;
         display:none; }
         
#next, #next3, #finish { position:relative;top:188px;left:100px;  }                      
#next2 { position:relative;top:188px;left:210px;  } 

#first_log { padding:0 0 0 0; color:white;background-image:url("/images/first_log.png");
          margin:0 auto;width:450px; height:250px;
         position:absolute;top:100px;left:100px;
         display:none; }

#configure { padding:0 0 0 0; color:white;background-image:url("/images/configure.png");
          margin:0 auto;width:450px; height:250px;
         position:relative;
         display:none; }
         
#invite { padding:0 0 0 0; color:white;background-image:url("/images/invite.png");
          margin:0 auto;width:450px; height:250px;
         position:absolute;top:100px;left:100px;
         display:none; }