﻿/*
 * jQuery.selectBoxIt.css 0.9.0
 * Author: @gregfranko
 */

/* Div container holding the dropdown list */
#iwtSelectBoxItContainer {
  display: inline-block;
  /* Hack for IE 6 and 7 to allow inline-block to work */
  *display: inline;
}

/* Dropdown List Box */
#iwtSelectBoxIt {
  height: 29px; /* Height of the select box */
  cursor:pointer;
  white-space:nowrap;
  /* Provide a background image here if you want to use an image for the down arrow */
  background: url("../images/accordionheader.png") repeat-x scroll 0 0 #E6E4E5;
  padding: 0 10px;
  float: left;
}

/* Dropdown List Box and Dropdown Options List  */
#iwtSelectBoxIt, #iwtSelectBoxItOptions {
  width: 182px; /* Width of the dropdown list box and dropdown list options*/
}

/* Dropdown list Default Icon Positioning */
#iwtSelectBoxItDefaultIcon {
  float: left;
}

/* Dropdown List Box Text */
#iwtSelectBoxItText {
  font: 10pt;
  color: white;
  text-indent: 5px;
  line-height: 30px;
  overflow:hidden;
  float:left;
  white-space:nowrap;
  /* Prevents text selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

/* Dropdown List Options List*/
#iwtSelectBoxItOptions { 
  max-height: 400px; /* A vertical scrollbar appears if your select box options are taller than this */
  font: 10pt;
  color: black;
  margin:0;
  padding:0;
  list-style:none;
  position:absolute;
  overflow:auto;
  cursor:pointer;
  display:none;
  z-index:99999;
  outline:none;
  background: white;
}

/* Dropdown List Individual Options */
#iwtSelectBoxItOptions li, #iwtSelectBoxItOptions .optgroupHeader {
  line-height: 30px; /* Height of Individual Select Box Options */
  text-indent: 5px; /* Horizontal Positioning of the select box option text */
  overflow:hidden;
  white-space:nowrap;
  list-style:none;
}

/* Dropdown List Optgroup Headers */
#iwtSelectBoxItOptions .optgroupHeader {
  font-weight: normal;
}

/* Dropdown List Optgroup Options */
#iwtSelectBoxItOptions .optgroupOption {
  text-indent: 20px;
}

/* Dropdown List Optgroup Header hover psuedo class */
#iwtSelectBoxItOptions .optgroupHeader[data-disabled='true']:hover {
  cursor: default;
} 

/* Dropdown List Down Arrow Container (if an image is not used) */
#iwtSelectBoxItArrowContainer {
  /* Positions the down arrow */
  width: 30px;
  float:right;
}

/* Dropdown List Down Arrow */
#iwtSelectBoxItArrow {
  /* Horizontally centers the down arrow */
  margin-right:auto;
  margin-left:auto;
}

/* Dropdown List Individual Option Icon Positioning */
#iwtSelectBoxItOptions li span {
  float:left;
}

#iwtSelectBoxItText {
    color: #797979;
}
#iwtSelectBoxItOptions {
                background: #ddd;
                border: 1px solid #CCCCCC;
                color: #007893;
                margin: 24px 0 0 3px;
                width: 193px;
                font-size: 1em;
}
#iwtSelectBoxIt {
                background: none repeat scroll 0 0 #FFFFFF;
                border: 1px solid #C3C3C3;
                height: 23px;
                margin: 0 3px;
                padding: 0 0;
                width: 193px !important;
                font-size: 1em;
}
#iwtSelectBoxItOptions li, #iwtSelectBoxItOptions .optgroupHeader {
                line-height: 20px;
}
#iwtSelectBoxItOptions .ui-state-hover .ui-icon, #iwtSelectBoxItOptions .ui-state-focus .ui-icon{
                background-image:url("/Style%20Library/Images/ui-icons_222222_256x240.png")/* Change to correct URL for CCFL site reference  */
}
#iwtSelectBoxItOptions .ui-icon-triangle-1-s {
                background-position: -63px -19px;
}
#iwtSelectBoxItOptions .ui-state-hover, #iwtSelectBoxItOptions .ui-widget-content .ui-state-hover, #iwtSelectBoxItOptions .ui-widget-header .ui-state-hover, #iwtSelectBoxItOptions .ui-state-focus, #iwtSelectBoxItOptions .ui-widget-content .ui-state-focus, #iwtSelectBoxItOptions .ui-widget-header .ui-state-focus {
                color: #fff!Important;
                font-weight: bold;
                background: #797979;
}
#iwtSelectBoxItOptions li, #iwtSelectBoxItOptions .optgroupHeader {
                /*font-weight: bold;*/
                color:#434445;
}
