#aiCommunityContainer
{
  height: 44em;
  overflow-x: hidden;
  overflow-y: auto;
  border-right: 0.15em solid #000;
  border-left: 0.15em solid #000;
  border-bottom: 0.15em solid #000;
  border-radius: 0 0 0.3em 0.3em;
  background: #cccccc;
}

#aiCommunityTitleContainer
{
  width:100%;
  display: table;
  height:4.6em;
  color:#ffffff;
  background: linear-gradient(#333,#000);
  padding: 3px 0;
  box-sizing: border-box;
}

#aiCommunityConnectionRequestsTileContainer
{
}

#aiCommunitySeparatorFriends
{
  display: none;
}

#aiCommunitySeparatorConnectionRequest
{
  display: none;
}

#aiCommunitySeparatorConnectionRequest
{
  display: none;
}
#aiCommunityFriendsSearchMode
{
  display: none;
}


#aiCommunityFriendIconContainer
{
  position:relative;
  width:5%;
  display:table-cell;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
}

#aiCommunityFriendIconContainer img
{
  height: 3em;
  width: 1em;
  vertical-align: middle;
  text-align: center;
}

#aiCommunityFriendConnectionRequestCount
{
  position: absolute;
  top: 1.7em;
  left: 0.3em;
  height: 1.5em;
  width: 75%;
  background-color: #C00;
  text-align: center;
  vertical-align: middle;
  line-height: 1.5em;
  color: #FFF;
  display: inline-block;
  display: none;
}

#aiCommunityGroupIconContainer
{
  position:relative;
  width:9%;
  display:table-cell;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  box-sizing: border-box;
  border-left: 2px solid #444;
  border-right: 2px solid #444;
}

#aiCommunityGroupIconContainer img
{
  height: 3em;
  width:3.5em;
  vertical-align: middle;
  text-align: center;
}


#aiCommunitySearchBar_searchText
{
  position: relative;
  top: 0;
  margin-left: 0.2em;
  width: 100%;
  display: table-cell;
  line-height: 1.7em;

}

#aiCommunitySearchBar_clearText
{
  width: 2em;
  height: 2em;
  position: relative;
}

#aiCommunitySearchBar_searchBarContainer
{
  display: table;
  width: 100%;
}

#aiCommunitySearchBar_Img
{
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 3em;
}


#aiCommunityGroupConnectionRequestCount
{
  position: absolute;
  top: 1.7em;
  left: .7em;
  height: 1.5em;
  width: 50%;
  background-color: #C00;
  text-align: center;
  vertical-align: middle;
  line-height: 1.5em;
  color: #FFF;
  display: inline-block;
}

#aiCommunityTitle
{
  width: 79%;
  display: table-cell;
  text-align: center;
  color: #FFF;
  font-size: 180%;
  vertical-align: middle;
  text-align: center;
  text-transform: uppercase;
  font-family: "arial black";
  box-sizing: border-box;
  padding-right: 7%;
}

#i18n_communityNoResults
{
  color: black;
  top: 4em;
  font-size: 150%;
  width: 35%;
  margin: 2em auto;
  display: none;
}

#i18n_communityGroupNoResults
{
  color: black;
  top: 4em;
  font-size: 150%;
  width: 35%;
  margin: 2em auto;
  display: none;
}



.RoyaltyTabBar
{
  margin: 0.3em auto;
  height:2.5em;
  font-size:130%;
  display: table;
  border-collapse: collapse;
}


.RoyaltyTab
{
  color:#999;
  border:0.15em solid #999;
  text-align:center;
  vertical-align: middle;
  cursor:pointer;
  width:8em;
  margin:0;
  height:2.5em;
  line-height: 2.5em;
  display: table-cell;
}

.RoyaltyTabSelected
{
  color:#000;
  border:0.15em solid #000;
}
.RoyaltyCategoryArrow
{
  height: .7em;
  float: left;
  margin-left: 0.5em;
  padding-top: 0.7em;
}

.RoyaltyCategoryBtnText
{
  vertical-align: middle;
  line-height: 1.5em;
  margin-left: .5em;
}







#aiCommunityRoyaltyContainer
{
  width:8%;
  min-height:4em;
  display:inline-block;
  vertical-align: top;
  cursor: hand;
  cursor: pointer;
  display: inline-block;
}

#aiCommunitySearchIconContainer
{
  width: 7%;
  display:table-cell;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  box-sizing: border-box;
  border-left: 2px solid #444;
}


#aiCommunityRoyaltyArrow
{
  height: 1.5em;
  width: 1.7em;
  display: block;
  margin: 34% auto;
}

#aiCommunitySearchIconContainer img
{
  height: 2.5em;
  width: 2.5em;
  vertical-align: middle;
  text-align: center;
}

#aiCommunityFriendsView
{
  width:100%;
  height:33em;
  position: relative;
}

#aiCommunitySearchBar
{
  width: 99.3%;
  display: none;
  border:solid;
  border: medium solid #5E9EC8;
  background: white;
}

#i18n_searchFindFriends
{
  width: 100%;
  text-align: center;
  font-size: 130%;
  padding-top: 15em;
}

.CommunitySeparator
{
  width: 93%;
  margin: 1em auto;
}

.CommunitySeparatorLeftRight
{
  display: inline-block;
  width: 34%;
  height: 4px;
  background-color: #000;
}

.CommunitySeparatorMiddle
{
  padding: 0.5%;
  border: 4px solid black;
  border-radius: 0.2em;
  font-weight: bold;
  display: inline-block;
  width: 32%;
  margin: .5em 0;
  text-align: center;
  position: relative;
  top: .15em;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}

.CommunitySeparatorMiddle.ConnectionRequests
{
  background-color: #cc0000;
}

.CommunitySeparatorMiddle.AiNetwork
{
  background-color: #000000;
  color:#5E9EC8;
}

.CommunitySeparatorMiddle.Friends
{
  background-color:#5E9EC8;
}


#aiCommunityRoyaltyOptionContainer
{
  position: absolute;
  top: 0;
  right: 0;
  width: 12em;
  height: 6em;
  background: rgba(0,0,0,0.8);
  z-index: 1;
  overflow:hidden;
  line-height: 3em;
  display: none;
}


.AiCommunityRoyaltyOption
{
  width: 90%;
  margin:0 auto;
  border-bottom:0.2em solid #5e9ec8;
  height: 2.9em;
  cursor: pointer;

}


.AiCommunityOptionImgContainer
{
  width: 1.5em;
  height: 1.5em;
  vertical-align: sub;
  display: inline-block;
}
.AiCommunityOptionImgContainer img
{
  height: 85%;
  display: block;
}

#i18n_communityAll
{
  font-size: 130%;
  margin-left: 0.1em;
  color: #5e9ec8;
  cursor: pointer;
}

#i18n_communityRoyalty
{
  font-size: 130%;
  margin-left: 0.1em;
  color: #5e9ec8;
  cursor: pointer;
}


#aiCommunityRoyaltyCheck
{
  display:none;
  margin-top: -0.9em;
}


#aiCommunityGroupsView
{
  width:100%;
  height:34em;
  position: relative;
}


#aiCommunityGroupsTabsContainer
{
  height: 3.5em;
  background: #333;
  width: 100%;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}

#aiCommunityOpenEditGroups
{
  text-align: center;
  cursor: pointer;
  vertical-align: top;
}


.AiCommunityGroupsTabCol
{
  margin: 0.4em 0 0 0;
  width: 2.7em;
  height: 2.5em;
  display: inline-block;
}


#aiCommunityOpenEditGroups img
{
  width: 2.7em;
  height: 2.7em;
}


#aiCommunityGroupsTabBar
{
  display: inline-table;
  vertical-align: top;
  text-align: center;
  margin: 0.4em 1em 0 1em;
  border-collapse: collapse;
  height: 2.5em;
}

.aiCommunityGroupsSelectorTab
{
  display: table-cell;
  color: #666;
  width: 10em;
  vertical-align: middle;
  border: 2px solid #666;
  text-align: center;
  cursor: pointer;
  font-size: 110%;
  box-sizing: border-box;
}

.aiCommunityGroupsTabSelected
{
  border-color:#5c9ec9;
  color:#5c9ec9;
}


@media screen and (max-device-width:767px), screen and (max-width:767px)
{
  .CommunitySeparator
  {
    width:100%;
  }

  .CommunitySeparatorMiddle.ConnectionRequests,
  .CommunitySeparatorMiddle.Friends
  {
      width: 99%;
      font-size: 170%;
      border:none;
      margin-top:0;
  }

  .CommunitySeparatorLeftRight
  {
    display:none;
  }

  .CommunityFriendTileNameContainer
  {
    width:35%;
  }

  #aiCommunitySeparatorConnectionRequest
  {
    margin-top:0;
  }



  .CommunityFriendCancelButton, .CommunityFriendRequestButton
  {
    display: none;
  }



}


#aiCommunityContainerSearchBar_searchText::-ms-clear {
    display: none;
}