/**
	sexy-combo 2.1.3 : http://code.google.com/p/sexy-combo/
	This is the default skin.
*/

div.sexy {
    white-space: nowrap;
    height: 30px;
    border: 0;
    margin: 0 0 12px 0;
    padding: 0;
    width: 238px;
}
div.custom {
    white-space: nowrap;
    height: 30px;
    border: 0;
    margin: 0 0 12px 0;
    padding: 0;
    width: 400px;
}
 

div.sexy input  {
     line-height:15px;
    vertical-align:middle; 
    left: 0px;
    top: 0px; 
    border:1px solid #cacaca; width:224px; height:16px; padding:6px; border-radius:5px;-moz-border-radius: 5px;	-webkit-border-radius: 5px;/*behavior: url(css/ie-css3.htc);*/ background:url(../images/inputbg.jpg) repeat-x; 			margin:0   
}
div.custom input  {
    
      height:16px; padding:6px; 
     vertical-align:middle; 
    left: 0px;
    top: 0px; 
    border:1px solid #cacaca; width:386px; height:16px; padding:6px; border-radius:5px;-moz-border-radius: 5px;	-webkit-border-radius: 5px;/*behavior: url(css/ie-css3.htc);*/ background:url(../images/inputbg.jpg) repeat-x; 			margin:0 
}
 

div.sexy div.icon   {
    width:29px;
    height:22px;
    border: 0;
    background:transparent url(../images/drop.png) no-repeat 0 0;
    cursor:pointer;
    top:4px;
    left: 205px; 
}
div.custom div.icon  {
    width:12px;
    height:20px;
    border: 0;
    background:transparent url(../images/drop1.png) no-repeat 0 0;
    cursor:pointer;
    top:6px;
    left: 383px; 
}
div.ex div.custom div.icon  {
    width:12px;
    height:20px;
    border: 0;
    background:transparent url(../images/drop1.png) no-repeat 0 0;
    cursor:pointer;
    top:6px;
    left: 95px; 
}

 
div.sexy div.icon:hover, div.custom div.icon:hover, div.custom1 div.icon:hover{
	 
}


div.sexy div.list-wrapper,div.custom div.list-wrapper,div.custom1 div.list-wrapper,div.locationDP div.list-wrapper  {
    left: 0px;
    top: 28px;
    border: 1px solid #cccccc;
    background-color: #FFFFFF;
    padding: 0;
    margin: 0;
    width: 236px;
    bottom: auto;
}
div.sexy ul li {
	background-image:none}
div.custom div.list-wrapper{
	width:398px;
}
div.ex div.custom div.list-wrapper{
	width:106px;
} 
div.sexy div.list-wrapper-up, div.custom div.list-wrapper-up, div.custom1 div.list-wrapper-up, div.locationDP div.list-wrapper-up {
    top: auto;
    bottom: 21px;
}

div.sexy ul , div.custom ul, div.custom ul{
    list-style-type: none;
    padding: 0;
    margin: 0;
    height: 200px;
}


div.sexy  li, div.custom li, div.custom1 li, #topRight li div.locationDP li{
    padding: 0;
    padding-left: 5px;
    background-color: #FFFFFF;
    cursor: pointer;
    margin: 0;
}
div.sexy li, div.custom li, div.custom1 li, #topRight div.locationDP li{
	line-height:23px;
}
div.sexy li.active , div.custom li.active, div.custom1 li.active, #topRight  div.locationDP li.active{
    background-color: #ddd;
	line-height:23px;
}

/*for IE*/
div.sexy a, div.sexy a:visited, div.sexy a:active , div.custom  a:active , div.custom a, div.custom a:visited, div.custom1  a:active , div.custom1 a, div.custom1 a:visited,  #topRight div.locationDP  a:active ,  #topRight div.locationDP a, #topRight div.locationDP a:visited,{
    display: block;
	width: 100%;
	width: 240px;
	text-decoration: none;
	color: #000000;
    cursor: pointer;
    margin: 0;	
	height: 23px;
	line-height:23px;
}

div.sexy input.empty , div.custom input.empty, div.custom1 input.empty{
    color: gray;
}

a.to-highlight:hover {
    background-color: #ddd;
	line-height:23px;
}

/*wrapper of all elements*/
div.combo {
    position:relative;
    left: 0px;
    top: 0px;
}


/*text input*/
.combo input {
    position: absolute;
}


/*icon*/
.combo div.icon {
    position:absolute;
}


/*list wrapper*/
.combo div.list-wrapper {
    position: absolute;
    overflow: hidden;
    /*we should set height and max-height explicitly*/
    height: 200px; 
    max-height: 200px;
    /*should be always at the top*/
    z-index: 99999;

}

/*"drop-up" list wrapper*/
.combo div.list-wrapper-up {}

/*dropdown list*/
.combo ul {}

/*dropdown list item*/
.combo  li {
    height: 23px;
	line-height:23px;
}

.combo  li a{
	line-height:28px;
}
/*active (hovered) list item*/
.combo li.active {}


.combo .visible {
    display: block;
}

.combo .invisible {
    display: none;
}

/*used when emptyText config opt is set. Applied to text input*/
.combo input.empty {}

span.question {
  cursor: pointer;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: #89A4CC;
  line-height: 16px;
  color: White;
  font-size: 13px;
  font-weight: bold;
  border-radius: 8px;
  text-align: center;
  position: relative;
}
span.question:hover { background-color: #3D6199;  }
div.tooltip {
  background-color: #3D6199;
  color: White;
  position: absolute;
  left: 25px;
  top: -175px;
  z-index: 1000000;
  width: 310px;
  border-radius: 5px;
}
div.tooltip:before {
  border-color: transparent #3D6199 transparent transparent;
  border-right: 6px solid #3D6199;
  border-style: solid;
  border-width: 6px 6px 6px 0px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  line-height: 0;
  position: absolute;
  top: 40%;
  left: -6px;
}
div.tooltip p {
  margin: 10px;
  color: White;
}