/* Copyright 2012 Google Inc. All Rights Reserved. */

html, body {
  min-height: 600px;
  min-width: 960px;
}

/* Navigation */

#nav {
  float: left;
  margin: 0 25px;
  text-transform: uppercase;
}

#nav a {
  color: #cca844;
}

.nav_link {
  color: #cca844;
  cursor: pointer;
  display: inline-block;
  font-size: 15px;
  letter-spacing: 3px;
  line-height: 21px;
  margin: 2px 10px;
  min-width: 100px;
  padding: 0 15px;
  vertical-align: text-top;
}

.nav_link.selected {
  border: 1px solid #ebbc4a;
  cursor: default;
}

/* G+ Community Box */

.nav_box {
  left: 200px;
  top: 50px;
  width: 125px;
}

#inventory_box {
  width: 420px;
  height: 500px;
  overflow:auto;
}

#inventory_box.inventory_box_disabled {
  visibility: hidden;
}

#commun_box {
  left: 350px;
}


/* Header: Common */

#header {
  color: #59fbea;
  font-size: 12px;
  margin: 12px 2px 2px;
  padding: 5px;
  text-align: center;
}

.header_icon_container {
  cursor: pointer;
  display: inline-block;
  float: right;
  height: 40px;
  width: 50px;
}

.header_icon {
  margin: 0 auto;
}

.header_icon_text {
  color: #59fbea;
  margin-top: -7px;
  text-align: center;
}

.nav_box,
.header_box {
  background-color: #102023;
  background-color: rgba(16, 32, 35, 0.9);
  border: 1px solid #ebbc4a;
  display: none;
  line-height: 25px;
  padding: 10px 15px;
  position: absolute;
  text-align: left;
  text-transform: none;
  z-index: 4;
}

.header_box {
  top: 55px;
  right: 15px;
  position: fixed;
}

.show_box + .nav_box,
.show_box + .header_box {
  display: block;
}

/* Header: Common */
.header_text_box_text {
  color: #efefef;
}

.header_text_box input[type="text"],
.header_text_box input[type="email"],
.header_text_box input[type="submit"] {
  border: 1px solid #ebbc4a;
  color: #ebbc4a;
  margin-left: 2px;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  width: 65%
}

.header_text_box {
  width: 280px;
  height: 80px;
}

.header_text_box input[type="submit"] {
  background-color: rgba(235, 188, 74, 0.4);
  margin-left: -3px;
  width: 30%;
}

/* Header: Invite */
.show_box .SPRITE_invite_down {
  display: block;
}

.SPRITE_invite_down,
.show_box .SPRITE_invite {
  display: none;
}

.SPRITE_invite:hover {
  background: no-repeat url(../img/misc_icons_sprite.png) 0 -330px;
  height: 27px;
  width: 27px;
}

#header_invites_box input[type="submit"] {
  margin-left: -1px;
}

/* Header: passcode */
.show_box .SPRITE_passcode_down {
  display: block;
}

.SPRITE_passcode_down,
.show_box .SPRITE_passcode {
  display: none;
}

.SPRITE_passcode:hover {
  background: no-repeat url(../img/misc_icons_sprite.png) 0 -259px;
  height: 27px;
  width: 27px;
}

#header_passcode_box input[type="text"],
#header_passcode_box input[type="submit"] {
  margin-top: 27px;
}

/* Header: Map link */
.show_box .SPRITE_maplink_down {
  display: block;
}

.SPRITE_maplink_down,
.show_box .SPRITE_maplink {
  display: none;
}

.SPRITE_maplink:hover {
  background: no-repeat url(../img/misc_icons_sprite.png) 0 -136px;
  height: 27px;
  width: 27px;
}

#maplink {
  width: 95%;
}

.header_maplink_warning_text {
  color: #ff0000;
  display: none;
}

/* Header: Login Info */
#header_login_info {
  display: inline-block;
  float: right;
  margin-left: 15px;
  margin-right: 10px;
  margin-top: 10px;
  vertical-align: top;
}

.show_box #header_email {
  color: #ebbc4a;
}

#header_login_info_box {
  text-align: center;
}

#header_pointy {
  border: 5px solid transparent;
  border-bottom: 0;
  border-top-color: #59fbea;
  display: inline-block;
}

.show_box #header_pointy {
  border-bottom: 5px solid #ebbc4a;
  border-top: 0;
}

/* Header discussion group links */
#header_links {
  display: inline-block;
  right: 150px;
  text-align: center;
  vertical-align: top;
}

.show_box #header_links_title {
  color: #ebbc4a;
}

#header_links_box {
  right: 150px;
  text-align: center;
}

.show_box #header_links_box {
  border: 1px solid #ebbc4a;
}

/* Separator */
.separator {
  display: table;
  height: 27px;
  table-layout: fixed;
  width: 100%;
}

.separator_left_arm {
  background: repeat-x url(//commondatastorage.googleapis.com/ingress.com/img/border_top.png);
  display: table-cell;
  z-index: 1;
}

.separator_center {
  background: no-repeat url(//commondatastorage.googleapis.com/ingress.com/img/border_diag.png);
  display: table-cell;
  width: 29px;
}

.separator_right_arm {
  background: repeat-x url(//commondatastorage.googleapis.com/ingress.com/img/border_bottom.png);
  display: table-cell;
}

#header .separator_left_arm {
  width: 365px;
}

#header .separator {
  margin-left: -7px;
  position: absolute;
  top: 70px;
}

/* Events Container */
#events_container {
  bottom: 65px;
  left: 20px;
  min-height: 500px;
  min-width: 900px;
  right: 30px;
  top: 100px;
  border: 0px;
  padding: 0px;
  margin: 0px;
}

/* Dashboard Container */
#dashboard_container {
  bottom: 65px;
  left: 20px;
  min-height: 500px;
  min-width: 930px;
  right: 20px;
  top: 100px;
}

/* Google Maps */
#map_canvas {
  min-height: 450px;
  min-width: 900px;
}

/* Player Stats */
#player_stats {
  color: #ebbc4a;
  font-size: 13px;
  left: 62px;
  position: absolute;
  text-shadow: -1px -1px 4px #0b0c0d, 1px 1px 4px #0b0c0d;
  top: -31px;
  /* Needs to be higher than comm */
  z-index: 3;
}

#player_ap_icon {
  color: #ebbc4a;
  cursor: pointer;
  font-size: 32px;
  left: -65px;
  position: absolute;
  top: 10px;
}

#player_level {
  line-height: 58px;
  text-align: center;
  width: 61px;
}

.player_nickname {
  display: inline-block;
  font-size: 20px;
  letter-spacing: 1px;
}

#ap {
  background: no-repeat url(//commondatastorage.googleapis.com/ingress.com/img/ap_box.png);
  background-size: 100%;
  height: 69px;
  margin-top: 4px;
  margin-left: -18px;
  padding: 15px 7px 7px 20px;
  width: 297px;
  z-index: 2;
}

#xm_slot {
  background-color: #0b0c0d;
  border: 1px solid #ebbc4a;
  height: 12px;
  padding: 1px;
}

#xm,
#xm_slot {
  width: 192px;
}

#xm_indicator {
  float: left;
  height: 10px;
  margin: 1px;
}

.ENLIGHTENED #xm_indicator {
  background-color: #28f428;
}

.RESISTANCE #xm_indicator {
  background-color: #00c2ff;
}

#xm {
  text-align: right;
}

/* Game Stats */
#game_stats {
  position: absolute;
  left: 360px;
  top: -28px;
  z-index: 3;
}

#metascore {
  cursor: pointer;
  display: table;
  height: 17px;
  table-layout: fixed;
  width: 340px;
}

#metascore_border_left {
  background: no-repeat url(../img/misc_icons_sprite.png) 0 -313px;
  display: table-cell;
  height: 17px;
  width: 25px;
}

#metascore_border_mid {
  background: repeat-x url(../img/meta_border_mid.png);
  display: table-cell;
}

#metascore_border_right {
  background: no-repeat url(../img/misc_icons_sprite.png) -27px -232px;
  display: table-cell;
  height: 17px;
  width: 4px;
}

.meta_team {
  cursor: pointer;
  position: absolute;
  top: -10px;
}

.RESISTANCE.meta_team {
  left: 45px;
}

.MACHINA.meta_team {
  left: 45px;
}

.ENLIGHTENED.meta_team {
  left: 55%;
}

.meta_team_score {
  color: #f2f2f2;
  float: left;
  margin-top: 6px;
}

.meta_team_icon {
  float: left;
  height: 41px;
  width: 35px;
}

.ENLIGHTENED .meta_team_icon {
  background: no-repeat url(../img/misc_icons_sprite.png) 0 0;
}

.RESISTANCE .meta_team_icon {
  background: no-repeat url(../img/misc_icons_sprite.png) 0 -68px;
}

.MACHINA .meta_team_icon {
  background: no-repeat url(../img/misc_icons_sprite.png) 0 -425px;
}

#metascore_box {
  background-color: #102023;
  background-color: rgba(16, 32, 35, 0.9);
  border: 1px solid #ebbc4a;
  font-size: 13px;
  margin-left: 20px;
  margin-top: 4px;
  padding: 5px;
  width: 100%;
}

.meta_team_section {
  display: table-cell;
  padding: 5px;
}

.meta_team_section_name {
  letter-spacing: 1px;
  margin-bottom: 3px;
  text-transform: uppercase;
  transform: scaleX(1.2);
  transform-origin: 0;
}

.meta_team_section_score {
}

.visible_on_show_box {
  display: none;
}

.show_box .visible_on_show_box {
  display: block;
}

.show_box #metascore_box.visible_on_show_box {
  display: table;
}

/* Plexts (Activity Feed) */
#comm_outer_container {
  bottom: -55px;
  font-size: 13px;
  left: -5px;
  position: absolute;
  width: 46%;
  /* Needs to be higher than separator_left_arm */
  z-index: 2;
}

#shard_jumps_link {
  position: absolute;
  right: 375px;
  bottom: -40px;
  color: #cca844;
  text-decoration: underline;
  font-size: 12px;
  cursor:pointer;
}

#pl_header_tab {
  display: table;
  height: 23px;
  table-layout: fixed;
  width: 100%;
}

.pl_header_part {
  display: table-cell;
}

#pl_header_1 {
  background: no-repeat url(../img/comm_tab1.png);
  width: 4px;
}

#pl_header_2 {
  background: repeat-x url(../img/comm_tab2.png);
  width: 100px;
}

#pl_header_3 {
  background: no-repeat url(../img/comm_tab3.png);
  width: 19px;
}

#pl_header_4 {
  background: repeat-x url(../img/comm_tab4.png);
}

#pl_header_5 {
  background: no-repeat url(../img/comm_tab5.png);
  width: 6px;
}

#plext_primary_title {
  color: #ebbc4a;
  cursor: pointer;
  font-size: 15px;
  letter-spacing: 2px;
  text-align: center;
}

.comm_expanded .SPRITE_chevron_down,
.SPRITE_chevron {
  display: inline-block;
  margin: 3px;
}

.comm_expanded .SPRITE_chevron,
.SPRITE_chevron_down {
  display: none;
}

#plext_tab_group_container {
  margin-right: -2px;
  position: absolute;
  right: 0;
  top: 19px;
  z-index: 1;
}

.plext_tab_title {
  background-color: rgb(0, 79, 74);
  border: 1px solid #59fbea;
  color: #59fbea;
  cursor: pointer;
  display: inline-block;
  padding: 0 5px;
  text-align: center;
  width: 80px;
}

.plext_tab_title.tab_selected {
  background-color: rgb(16, 32, 35);
  background-color: rgba(16, 32, 35, 0.9);
  border: 1px solid #ebbc4a;
  color: #ebbc4a;
  cursor: default;
}

#plext_viewport_restrict_checkbox_container {
  background-color: rgb(16, 32, 35);
  background-color: rgba(16, 32, 35, 0.9);
  box-shadow: 0 0 10px 2px rgba(16, 32, 35, 0.9);
  position: absolute;
  right: 16px;
  top: 48px;
  z-index: 1;
}

#pl_checkbox_text {
  display: inline-block;
  margin: 0 2px;
}

#plexts {
  padding: 5px;
}

#pl_status {
  display: inline-block;
  height: 25px;
}

#pl_spinner {
  margin-left: 22px;
  margin-top: 2px;
}

.img_progress {
  display: inline-block;
  height: 20px;
  margin-top: 2px;
  width: 20px;
}

.pl_status_text {
  color: #ebbc4a;
  display: inline-block;
  margin-left: 10px;
  vertical-align: top;
}

#plext_container {
  border: 1px solid #59fbea;
  background-color: rgb(16, 32, 35);
  background-color: rgba(16, 32, 35, 0.9);
  height: 80px;
  margin-top: -1px;
  overflow-y: scroll;
  width: 100%;
  -webkit-overflow-scrolling: touch;
}

.comm_expanded #plext_container {
  height: 460px;
  margin-bottom: 2px;
}

.plext {
  display: table-row;
  -webkit-transform: translateZ(0px);
}

.pl_timestamp {
  color: rgb(214, 254, 250);
  color: rgba(214, 254, 250, 0.5);
  display: table-cell;
  font-size: 12px;
  text-align: center;
  width: 60px;
}

.pl_nudge_timestamp {
  display: table-cell;
  padding-bottom: 4px;
  width: 60px;
}

.pl_timestamp_container {
  left: 0;
  position: relative;
  top: 5px;
  width: 54px;
}

.pl_timestamp_date {
  display: inline-block;
  float: left;
  width: 48px;
  position: relative;
  left: 0;
  text-align: center;
}

.pl_nudge_date {
  background-color: #724510;
  border-left: 1px solid #ffd652;
  border-bottom: 1px solid #ffd652;
  border-top: 1px solid #ffd652;
  color: #ffd652;
  display: inline-block;
  float: left;
  font-size: 12px;
  height: 18px;
  text-align: center;
  width: 48px;
}

.pl_nudge_pointy_spacer {
  background: no-repeat url(//commondatastorage.googleapis.com/ingress.com/img/nudge_pointy.png);
  display: inline-block;
  float: left;
  height: 20px;
  left: 47px;
  width: 5px;
}

.pl_timestamp_spacer {
  display: inline-block;
  float: left;
  height: 20px;
  left: 47px;
  width: 5px;
}

.pl_nudge_player {
  cursor: pointer;
}

.pl_nudge_me {
  color: #ffd652;
}

.pl_content {
  display: table-cell;
  line-height: 16px;
  padding: 3px 5px;
}

.pl_broad {
  color: #00bab5;
}

.pl_narrow {
  color: #d8ad4c;
}

.pl_player {
  color: #cfe5e5;
}

.pl_portal_name {
  cursor: pointer;
  text-decoration: underline;
}

.pl_broad .pl_portal_address {
  color: #008780;
}

.pl_narrow .pl_portal_address {
  color: #a5823c;
}

.pl_secure {
  color: #ff5555;
}

/* Forms: Geo Location Tools */

#address {
  width: 300px;
}

@media (max-width: 1280px) {
  #address {
    width: 140px !important;
  }
  #display_msg {
    font-size: 85%;
  }
}

#comm input[type="text"] {
  width: 80%;
}

#comm input[type="submit"] {
  float: right;
  margin-left: -15px;
  margin-right: -2px;
  width: 20%;
}

#send_plext_form {
  margin-top: -3px;
}

#geotools {
  right: -7px;
  top: -40px;
}

#geocode {
  display: inline-block;
}

#geocode input[type="submit"] {
  margin-left: -5px;
}

#youtube_closeable_window {
  background: black;
  height: 373px;
  right: 65px;
  top: 135px;
  width: 400px;
  z-index: 4;
}

/* video player */

#video_banner {
  background: no-repeat url(//commondatastorage.googleapis.com/ingress.com/img/banner.png);
  float: left;
  height: 43px;
  position: relative;
  width: 123px;
}

#video_banner div {
  color: #cca844;
  font-size: 14px;
  font-weight: bold;
  height: 100%;
  left: 20px;
  line-height: 15px;
  position: absolute;
  text-transform: uppercase;
  top: 7px;
  width: 80px;
}

#dashboard_video {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.button {
  cursor: pointer;
  cursor: hand;
}

.unselectable {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

#display_msg {
  bottom: 15px;
  color: #ebbc4a;
  position: absolute;
  right: 5px;
  text-shadow: 0 0 3px #0b0c0d;
  vertical-align: middle;
}

#display_msg_text {
  float: left;
}

#loading_msg {
  bottom: -52px;
  padding: 0 5px;
  position: absolute;
  right: 230px;
  color: #ebbc4a;
  height: 42px;
  line-height: 42px;
  vertical-align: middle;
}

#loading_percent {
  float: right;
  font-size: 16px;
  font-weight: bold;
  line-height: 42px;
  height: 42px;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
  width: 42px;
  position:relative;
}

#loading_data_circle {
  background: no-repeat url(//storage.googleapis.com/ingress.com/img/loading_data_circle.png);
  height: 42px;
  width: 42px;
  position: absolute;
  top: 0;
  left: 0;
}

.rotate0 {
  transform: rotate(0deg);
}

.rotate25 {
  transform: rotate(25deg);
}

.rotate50 {
  transform: rotate(50deg);
}

.rotate75 {
  transform: rotate(75deg);
}

#loading_msg_text {
  float: left;
  padding-right: 10px;
}

#version_switcher {
  position: absolute;
  bottom: 15px;
  right: 5px;
  text-align: right;
  z-index: 1;
}

.bottom_right_tab_button {
  background-color: #122321;
  border: 1px solid #0b5753;
  height: 25px;
  width: 80px;
  cursor: pointer;
  text-align: center;
  z-index: 5;
}

.tab_selected.bottom_right_tab_button,
.tab_selected .bottom_right_tab_button {
  background-color: #00534a;
  border: 1px solid #00bab5;
}

.tab_disabled.bottom_right_tab_button,
.tab_disabled .bottom_right_tab_button {
  background-color: #000000;
  border: 1px solid #4d4d4d;
  color: #4d4d4d;
  cursor: default;
}

/* scrollbar */

::-webkit-scrollbar {
  width: 14px;
  padding: 2px;
}

::-webkit-scrollbar-thumb {
  background-color: #0b5753;
  background-clip: padding-box;
  border-radius: 0px;
  border: 4px solid transparent;
}

::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none;
}

::-webkit-scrollbar-corner {
  background-color: transparent;
}

.web_bottom_right_tab_button {
  right: 50px;
  bottom: -45px;
  background-color: #122321;
  border: 1px solid #0b5753;
  height: 25px;
  width: 80px;
  cursor: pointer;
  text-align: center;
  z-index: 5;
}