/* Topbar */

#iphTopbarWrap {
  width: 100%;
  background-color: #201D1D;
}

.iphTopBar {
  height: 60px;
}

#iphTopbarWrap a, .iphAccountMenu a, .iphMenu a {
  text-decoration: none;
  color: #fff !important;
}

#iphTopbarWrap a:hover {
  color: #ff9900 !important;
}

.iphTopBarUpper {
  position: relative;
  height: 30px;
  overflow: hidden;
  background: url(../images/topbar-bg.png) repeat-x bottom;
}

.iphLogo {
  position: absolute;
  top: 0;
  left: 10px;
}

ul.iphHelp {
  list-style: none;
  position: absolute;
  left: 50px;
  top: 8px;
}

ul.iphHelp li {
  float: left;
  font: 10px Lucida Grande, Lucida Sans Unicode, Trebuchet Ms, Arial;
  padding: 0 10px;
  color: #ccc;
}

.iphNews {
  position: absolute;
  right: 20px;
  top: 8px;
  font: 10px Lucida Grande, Lucida Sans Unicode, Trebuchet Ms, Arial;
  color: #ccc;
  text-align: right;
}

#iphTopbarLower {
  position: relative;
  height: 30px;
  background: #111;
  filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;
}

ul.iphMenu {
  list-style: none;
  position: absolute;
  left: 10px;
  top: 8px;
}

ul.iphMenu li {
  float: left;
  font: bold 11px Lucida Grande, Lucida Sans Unicode, Trebuchet Ms, Arial;
  padding: 0 15px;
  color: #fff;
}

ul.iphAccount {
  list-style: none;
  position: absolute;
  right: 10px;
  top: 8px;
}

ul.iphAccount li {
  float: left;
  font: bold 11px Lucida Grande, Lucida Sans Unicode, Trebuchet Ms, Arial;
  padding: 0 15px;
  color: #ddd;
}

.accountname {
  color: #fff;
}

/* Settings, Notices, Stats & Progress Indicator */

#iphViewWrap {
  width: 700px;
  height: 400px;
  margin: 0 auto;
  position: relative !important;
  background-color: #201D1D;
  text-align: center;
}

#iphSettings, #iphStats, #iphNotices, #iphLogin {
  height: 400px;
  width: 700px;
  margin: 0 auto;
  background: url(../images/settings-bg.gif) #201D1D repeat-x bottom;
  position: absolute;
  left: 0;
  top: 0;
}

#iphLogin iframe {
  width:700px;
  height: 400px;
  margin:0px auto;
  overflow: hidden;
}

#iphTopbarHide {
  width:700px;
  height: 21px;
  position: absolute;
  left: 0;
  bottom: 0;
}

#iphTopbarHide img {
  border: 0;
}

#buttonHide {
  margin: 0 auto;
}

#iphProgressWrap {
  margin:0px auto;
  position: relative;
  top: 150px;
  left: 0;
}

#iphProgressWrap p {
  white-space: nowrap;
  position: relative;
  top: 30px;
  font: 15px Lucida Grande, Lucida Sans Unicode, Trebuchet Ms, Arial;
  color: #fff;
}

.iphSettingsList, .iphStatsList, .iphNoticesList, .iphLoginList {
  list-style: none;
  position: absolute;
  left: -30px;
  width: 162px;
  white-space: nowrap;
/*  top: 30px; */
/*  background: url(images/settings-bg2.gif) no-repeat center right; */
  padding: 20px 0;
}

.iphSettingsList li, .iphStatsList li, .iphNoticesList li, .iphLoginList li {
  font: bold 11px Lucida Grande, Lucida Sans Unicode, Trebuchet Ms, Arial;
  color: #ddd;
  text-align: right;
  padding: 5px 20px 5px 0;
}

.iphSettingsListWrap, .iphStatsListWrap, .iphNoticesListWrap, .iphLoginListWrap {
  width: 790px;
  margin: 0 auto;
  position: relative;
  top: 30px;
  
}  

.iphSettingsFrame, .iphStatsFrame, .iphNoticesFrame, .iphLoginFrame {
  width: 670px;
  height: 300px;
  position: absolute;
  right: 0;
  top: 20px;
  border: 0;
}

li.iphSettingsActive, li.iphStatsActive {
  background: #191919 !important;
}

li.iphSettingsActive a, li.iphStatsActive a {
  color: #ff9900 !important;
}

#iphTopbarTitle {
  font: bold 25px Lucida Grande, Lucida Sans Unicode, Trebuchet Ms, Arial;
  margin-bottom: 10px;
}