/**
 * Your theme name here
 * BCIE Select Red & Blue
 *
 * Say something about the theme
 *
 * Give yourself some credit here
 * Freetimers
 */

/* RED */
/* Container */
.dk_theme_red {
	background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ededed));
	background: -moz-linear-gradient(top, #fafafa, #ededed);
	background: -o-linear-gradient(top, #fafafa, #ededed);
	background-color: #ededed;
	font-family:"Lucida Sans", "Lucida Grande", Arial,Verdana,sans-serif;
	font-size: 11px;
	font-weight: normal;
	height: 24px;
	margin:8px 4px;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
  .dk_theme_red a {}

/* Toggle */
.dk_theme_red .dk_toggle {
	background-image: url('../images/layout/red_ddlarrow.png');
	background-repeat: no-repeat;
	background-position: 100% center;
	border: 1px solid #7a7a7a;
	color: #333;
	padding: 4px 25px 4px 4px;
	text-shadow:none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
  }
  .dk_theme_red .dk_toggle:hover {}

/* Focus State */
.dk_theme_red.dk_focus,
.dk_theme_red:focus {}
  .dk_theme_red.dk_focus .dk_toggle {}
  
/* Open State */
.dk_theme_red.dk_open {}
  .dk_theme_red.dk_open .dk_toggle {}

/* Options Menu */
.dk_theme_red .dk_options {}
  .dk_theme_red .dk_options a {
	  color: #a20000;
	  }
  .dk_theme_red .dk_options a:hover,
  .dk_theme_red .dk_option_current a {
	  background-color: #a20000;
	  color: #fff;
	  border-bottom-color: #430000;
	  }

/* Inner options */
.dk_theme_red .dk_options_inner {}

/* Set a width property here */
.dk_theme_red .dk_options_inner,
.dk_theme_red.dk_touch .dk_options {}



/* Blue */
/* Container */
.dk_theme_blue {
	background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ededed));
	background: -moz-linear-gradient(top, #fafafa, #ededed);
	background: -o-linear-gradient(top, #fafafa, #ededed);
	background-color: #ededed;
	font-size: 11px;
	font-weight: normal;
	height: 24px;
	margin:8px 4px;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
  .dk_theme_blue a {}

/* Toggle */
.dk_theme_blue .dk_toggle {
	background-image: url('../images/layout/blue_ddlarrow.png');
	background-repeat: no-repeat;
	background-position: 100% center;
	border: 1px solid #7a7a7a;
	color: #333;
	padding: 4px 25px 4px 4px;
	text-shadow:none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
  }
  .dk_theme_blue .dk_toggle:hover {}

/* Focus State */
.dk_theme_blue.dk_focus,
.dk_theme_blue:focus {}
  .dk_theme_blue.dk_focus .dk_toggle {}
  
/* Open State */
.dk_theme_blue.dk_open {}
  .dk_theme_blue.dk_open .dk_toggle {}

/* Options Menu */
.dk_theme_blue .dk_options {}
  .dk_theme_blue .dk_options a {
	  color: #3969b1;
	  }
  .dk_theme_blue .dk_options a:hover,
  .dk_theme_blue .dk_option_current a {
	  background-color: #3969b1;
	  color: #fff;
	  border-bottom-color: #1a3152;
	  }

/* Inner options */
.dk_theme_blue .dk_options_inner {}

/* Set a width property here */
.dk_theme_blue .dk_options_inner,
.dk_theme_blue.dk_touch .dk_options {}