/**
 * Copyright (C) 2003-2007 eXo Platform SAS.
 *
 * This program is free software; you can redistribute it and/or
 * modify it under the terms of the GNU Affero General Public License
 * as published by the Free Software Foundation; either version 3
 * of the License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program; if not, see<http://www.gnu.org/licenses/>.
 */

 @import url('/social-resources/skin/social/webui/UIAutoSuggestControl/DefaultSkin.css');


.UISpaceSearch .SpaceSearchContainer {
  background: #f8f8f8;
   width: 100%;
   padding: 10px 0px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #e1e1e1;
 }

.UISpaceSearch .SpaceSearchContainer .LeftContentInput {
  float: left;
  width: 10%;
  text-align: right;
  line-height: 22px;
  margin-top: 8px;
  font-weight: bold;
  color: #4d4d4d;
}

.UISpaceSearch .SpaceSearchContainer .UIAction{
  float: right;
  margin-right: 18px;
}

.UISpaceSearch .SpaceSearchContainer .UIAction .LightBlueStyle{
  background: url("DefaultSkin/background/ButtonAddSpace.gif") repeat-x;
  border: 1px solid #e1e1e1;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding: 0px 10px;
}

.UISpaceSearch .SpaceSearchContainer .UIAction .LightBlueStyle .AddSpaceIcon{
  background: url("DefaultSkin/background/AddSpaceIcon.gif") no-repeat left center;
  padding-left: 15px;
  line-height: 18px;
}

.UISpaceSearch .SpaceSearchContainer  input {
  color:#808080;
  font-size:11px;
  height:15px;
  width:150px;
  border: 1px solid white;
}


.UIMySpacesPortlet .UISpaceSearch .BoxSpaceList .SpaceListTitle{
	border-bottom: none;
}

.UISpaceSearch .NormalBox .ABC a {
  margin-right: 3px;
}

.UISpaceSearch .BoxSpaceList ul.LetterList {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin: 0 0 10px;
  overflow: hidden;
  padding: 0;
  width: 100%;
  padding: 2px 6px;
}

.UISpaceSearch .BoxSpaceList ul.LetterList li {
  float: left;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin: 0 3px 3px 0;
  min-width: 15px;
  padding: 0;
  width: 2.5%;
}

 .UISpaceSearch .BoxSpaceList ul.LetterList li a {
  background: #f8f8f8;
   color: inherit;
   display: block;
   font-size: 12px;
   padding: 3px 5px;
   text-align: center;
   text-decoration: none;
  border: 1px solid #e1e1e1;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  
}

.UISpaceSearch .BoxSpaceList ul.LetterList li a:hover {
  background: #757575;
  color: white;
}

.UISpaceSearch .BoxSpaceList ul.LetterList li a.selected {
  background: #757575;
  color: white;
  border: 1px solid #e1e1e1;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

.UISpaceSearch .MenuSpace {
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 4px;
  padding: 4px 0 15px 0px;
}

.UISpaceSearch .MenuSpace .SelectedTab{
  background: #757575;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: white;
  padding: 4px 12px;
  margin: 0px 6px;
}

.UISpaceSearch .MenuSpace .NotSelectedTab {
  padding: 4px 12px;
  margin: 0px 6px;
}

.UISpaceSearch .MenuSpace a:hover{
	background: #757575;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: white;
  padding: 4px 12px;
  margin: 0px 6px;
}

.UISpaceSearch .MenuSpace .Line{
  border-right: 1px solid #757575;
}

