/* 
 * jQuery SuperSelect plugin styles
 *
 * @author Harold Asbridge <harold@shoebacca.com>
 * @version 0.1
 */
 
 /**************************************/
 /* Base Styles                        */
 /**************************************/
.superselect-container {
    display: inline-block;
    cursor: default;
}
.superselect-handle {
    position: relative;
}
.superselect-selected {
    clear: both;
    overflow: hidden;
}
.superselect-arrow {
    position: absolute;
}
.superselect-options {
    display: none;
    position: absolute;
    z-index: 0;
    overflow: auto;
}
.superselect-option {
    clear: both;
    width: auto;
}
.superselect-selected img,
.superselect-option img {
    margin: 0 5px 0 0;
    float: left;
}
 
/* Columns */
.superselect-option-row {
    clear: both;
}
.superselect-option-cell {
    display: inline-block;
    width: 80px;
}
 
 /**************************************/
 /* Theme Styles                       */
 /**************************************/
 
/* Overall box width */
.superselect-container {
    width: 250px;
}

/* "Handle", the part that remains visible when closed */
.superselect-handle {
    border: 1px solid #CCC;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 3px;
}

/* Selected value shown in handle */
.superselect-selected {
    margin-right: 20px;
    padding: 0 5px 0 0;
    border-right: 1px solid #CCC;
}

/* Down arrow shown in handle */
.superselect-arrow {
    background: transparent url('arrow-down.png') no-repeat center center;
    width: 10px;
    height: 100%;
    top: 0;
    right: 5px;
}

/* Dropdown menu container */
.superselect-options {
    border: 1px solid #333;
    border-width:0 1px 1px 1px;
    background: #FFF;
    width: 248px;   /* Set this to overall width minus borders */
    max-height: 250px;
    overflow: auto;
}

/* Individual dropdown option */
.superselect-option {
    padding: 3px;
}
/* Odd rows */
.superselect-odd {
    background: #EEEEEE;
}
/* Even rows */
.superselect-even {
    background: #E8E8E8;
}
/* Individual dropdown option hover */
.superselect-option-hover {
    background: #DDF;
}

/* Handle styles when dropdown is open */
.superselect-open .superselect-handle {
    border: 1px solid #333;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

/* Options styles when dropdown is open */
.superselect-open .superselect-options {
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

/* Option column width */
.superselect-option-cell {
    width: 80px;
}

/* Option specific column width (index-0, index-1, etc) */
.superselect-option-cell.cell-index-0 {
    width: 100px;
}

/* Options with embedded images */
.superselect-option.superselect-option-with-image {
    height: 32px;
    line-height: 32px;
}

.red {
    color: #F00;
}

/* IDE overwrite */

.superselect-handle{
	border: 1px solid #aaa;
    font-size: 16px;
    border-radius:0;
    width:630px;
	height:60px;
	padding:0 0 0 20px;
	cursor:pointer;
}
.superselect-selected {
    border-right: 1px solid #aaa;
    margin-right: 60px;
    height:60px;
    padding: 0 5px 0 0;
    line-height:60px;
}
.superselect-arrow {
    height: 100%;
    right: 0;
    top: 0;
    width: 60px;
}
.superselect-options{
	box-shadow:none;
	width: 589px;
	text-indent:20px;
	font-size:16px;
	line-height:60px;
	cursor:pointer;
}
.superselect-even,
.superselect-odd{
	height:60px;
	background-color:#fff;
	/*border-bottom:1px solid #333;*/
}
.superselect-odd:hover,
.superselect-even:hover{
	background-color:#eee!important;
}



.superselect-container,
.superselect-container div{
	margin-bottom:auto!important;
}

/* compact */

.superselect-container{
	width:100%;;
	}
.select.compact .superselect-handle{
	border: 1px solid #aaa;
    font-size: 11px;
    border-radius:0;
	width:auto;
	height:20px;
	padding:0 0 0 10px;
	cursor:pointer;
}
.select.compact .superselect-selected {
    border-right: 1px solid #aaa;
    margin-right: 20px;
    height:20px;
    padding: 0 10px 0 0;
    line-height:20px;
}
.select.compact .superselect-arrow {
    height: 100%;
    right: 0;
    top: 0;
    width: 20px;
}
.select.compact .superselect-options{
	box-shadow:none;
	width: auto;
	text-indent:0;
	font-size:11px;
	line-height:20px;
	cursor:pointer;
	border-color:#aaa;
}
.select.compact .superselect-even,
.select.compact .superselect-odd{
	height:20px;
	background-color:#fff;
	padding:0 10px;
}