html * {
  font-family: "Trebuchet MS", sans-serif;
}

body {
  width: 80%;
  min-width: 1000px;
  margin: 0 auto;
  padding: 0 auto;
  position: relative;
}

.clear {
  clear: both;
}

#where {
  position: absolute;
  display: none;
  top: 38px;
  right: 75px;
  background: #253F50;
  padding: 2px 0 5px 0;
}

#where li span {
  padding: 5px 15px;
  font-size: 14px;
  text-shadow: rgba(0, 0, 0, 0.5) 0px 1px;
  color: #FFF;
  cursor: pointer;
  display: block;
}

#where li span:hover.m1 {background: #3796BB;}
#where li span:hover.m2 {background: #90AC46;}
#where li span:hover.m3 {background: #C9985A;}
#where li span:hover.m4 {background: #C85659;}
#where li span:hover.m5 {background: #773C92;}
#where li span:hover.m6 {background: #B3B3B3;}

div.tabs {
  background: #253F50;
  border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  margin: 0 0 -1px 0;
}

#search {
  float: right;
  margin: 8px 15px 0 0;
}

#search input {
  width: 200px;
  height: 21px;
  border: 1px solid #FFF;
  padding: 0 2px 0 25px;
  margin: 0;
  background: #FFF url(../img/search/left_end_2.png) 5px center no-repeat;
  border-radius: 10px 0 0 10px;
  -moz-border-radius: 10px 0 0 10px;
  -webkit-border-radius: 10px 0 0 10px;
  font-size: 13px;
  vertical-align: middle;
}

#search .in {
  width: 23px;
  height: 23px;
  margin: 0 0 0 -5px;
  vertical-align: middle;
  border: 1px solid #FFF;
  background: #FFF url(../img/search/color_theme.png) no-repeat;
  cursor: pointer;
}

#search .in.m1 {background-position: 0 -21px;}
#search .in.m2 {background-position: 0 -42px;}
#search .in.m3 {background-position: 0 -63px;}
#search .in.m4 {background-position: 0 -84px;}
#search .in.m5 {background-position: 0 -105px;}
#search .in.m6 {background-position: 0 0;}

#search .go {
  border: 1px solid #B3B3B3;
  height: 23px;
  border-radius: 0 10px 10px 0;
  -moz-border-radius: 0 10px 10px 0;
  -webkit-border-radius: 0 10px 10px 0;
  vertical-align: middle;
  padding: 0 10px 0 5px;
  font-size: 13px;
  background: #FFF url(../img/search/button_grad_22h.png) repeat-x;
  background-position: 0 0;
}

#search .go:hover {
  background-position: 0 -22px;
}

ul.tabs {
  width: 650px;
  padding: 5px 0 0 10px;
  height: 34px;
}

ul.tabs li {
  display: block;
  float: left;
  margin: 6px -15px 0 0;
}

ul.tabs li a {
  display: block;
  text-decoration: none;
  position: relative;
  margin: 0;
}

ul.tabs li a span.l {
  display: block;
  width: 25px;
  height: 28px;
  float: left;
}

ul.tabs li a span.c {
  display: block;
  height: 28px;
  padding: 0;
  float: left;
  text-align: center;
  line-height: 28px;
  color: #FFF;
  text-shadow: rgba(0, 0, 0, 0.2) 0px 2px;
  font-weight: bold;
  font-size: 15px;
  background-repeat: repeat-x;
}

ul.tabs li a span.r {
  display: block;
  width: 25px;
  height: 28px;
  float: left;
  position: relative;
  z-index: 100;
}

ul.tabs li a.m1 span.l {background: url(../img/b1_sm_l.png);}
ul.tabs li a.m2 span.l {background: url(../img/b2_sm_l.png);}
ul.tabs li a.m3 span.l {background: url(../img/b3_sm_l.png);}
ul.tabs li a.m4 span.l {background: url(../img/b4_sm_l.png);}
ul.tabs li a.m5 span.l {background: url(../img/b5_sm_l.png);}
ul.tabs li a.m6 span.l {background: url(../img/b6_sm_l.png);}

ul.tabs li a.m1 span.c {background: url(../img/b1_sm_c.png);}
ul.tabs li a.m2 span.c {background: url(../img/b2_sm_c.png);}
ul.tabs li a.m3 span.c {background: url(../img/b3_sm_c.png);}
ul.tabs li a.m4 span.c {background: url(../img/b4_sm_c.png);}
ul.tabs li a.m5 span.c {background: url(../img/b5_sm_c.png);}
ul.tabs li a.m6 span.c {background: url(../img/b6_sm_c.png);}

ul.tabs li a.m1 span.r {background: url(../img/b1_sm_r.png);}
ul.tabs li a.m2 span.r {background: url(../img/b2_sm_r.png);}
ul.tabs li a.m3 span.r {background: url(../img/b3_sm_r.png);}
ul.tabs li a.m4 span.r {background: url(../img/b4_sm_r.png);}
ul.tabs li a.m5 span.r {background: url(../img/b5_sm_r.png);}
ul.tabs li a.m6 span.r {background: url(../img/b6_sm_r.png);}

ul.tabs li a.m1 {z-index: 600;}
ul.tabs li a.m2 {z-index: 500;}
ul.tabs li a.m3 {z-index: 400;}
ul.tabs li a.m4 {z-index: 300;}
ul.tabs li a.m5 {z-index: 200;}
ul.tabs li a.m6 {z-index: 100;}

ul.tabs li a:hover {
  border: 0;
  margin: -6px -5px 0 -5px;
}

ul.tabs li a:hover span.l {
  position: relative;
  width: 30px;
  height: 34px;
  z-index: 100;
  cursor: pointer;
}

ul.tabs li a:hover span.c {
  position: relative;
  height: 34px;
  /*padding: 6px 5px 0 5px;*/
  z-index: 100;
  cursor: pointer;
}

ul.tabs li a:hover span.r {
  position: relative;
  width: 30px;
  height: 34px;
  z-index: 100;
  cursor: pointer;
}

ul.tabs li a.selected {
  z-index: 800;
  margin: -6px -5px -1px -5px;
}

ul.tabs li a.selected span.l,
ul.tabs li a:hover.selected span.l {
  position: relative;
  width: 30px;
  height: 34px;
  z-index: 200;
  cursor: pointer;
}

ul.tabs li a.selected span.c,
ul.tabs li a:hover.selected span.c {
  position: relative;
  height: 34px;
  /*padding: 6px 5px 0 5px;*/
  z-index: 200;
  cursor: pointer;
  background-repeat: repeat-x;
}

ul.tabs li a.selected span.r,
ul.tabs li a:hover.selected span.r {
  position: relative;
  width: 30px;
  height: 34px;
  z-index: 200;
  cursor: pointer;
}

ul.tabs li a.selected.m1 span.l,
ul.tabs li a:hover.selected.m1 span.l
{background: url(../img/active/b1_big_l.png);}
ul.tabs li a:hover.m1 span.l
{background: url(../img/b1_big_l.png);}

ul.tabs li a.selected.m2 span.l,
ul.tabs li a:hover.selected.m2 span.l
{background: url(../img/active/b2_big_l.png);}
ul.tabs li a:hover.m2 span.l
{background: url(../img/b2_big_l.png);}

ul.tabs li a.selected.m3 span.l,
ul.tabs li a:hover.selected.m3 span.l
{background: url(../img/active/b3_big_l.png);}
ul.tabs li a:hover.m3 span.l
{background: url(../img/b3_big_l.png);}

ul.tabs li a.selected.m4 span.l,
ul.tabs li a:hover.selected.m4 span.l
{background: url(../img/active/b4_big_l.png);}
ul.tabs li a:hover.m4 span.l
{background: url(../img/b4_big_l.png);}

ul.tabs li a.selected.m5 span.l,
ul.tabs li a:hover.selected.m5 span.l
{background: url(../img/active/b5_big_l.png);}
ul.tabs li a:hover.m5 span.l
{background: url(../img/b5_big_l.png);}

ul.tabs li a.selected.m6 span.l,
ul.tabs li a:hover.selected.m6 span.l
{background: url(../img/active/b6_big_l.png);}
ul.tabs li a:hover.m6 span.l
{background: url(../img/b6_big_l.png);}

ul.tabs li a.selected.m1 span.c,
ul.tabs li a:hover.selected.m1 span.c
{background: url(../img/active/b1_big_c.png);}
ul.tabs li a:hover.m1 span.c
{background: url(../img/b1_big_c.png);}

ul.tabs li a.selected.m2 span.c,
ul.tabs li a:hover.selected.m2 span.c
{background: url(../img/active/b2_big_c.png);}
ul.tabs li a:hover.m2 span.c
{background: url(../img/b2_big_c.png);}

ul.tabs li a.selected.m3 span.c,
ul.tabs li a:hover.selected.m3 span.c
{background: url(../img/active/b3_big_c.png);}
ul.tabs li a:hover.m3 span.c
{background: url(../img/b3_big_c.png);}

ul.tabs li a.selected.m4 span.c,
ul.tabs li a:hover.selected.m4 span.c
{background: url(../img/active/b4_big_c.png);}
ul.tabs li a:hover.m4 span.c
{background: url(../img/b4_big_c.png);}

ul.tabs li a.selected.m5 span.c,
ul.tabs li a:hover.selected.m5 span.c
{background: url(../img/active/b5_big_c.png);}
ul.tabs li a:hover.m5 span.c
{background: url(../img/b5_big_c.png);}

ul.tabs li a.selected.m6 span.c,
ul.tabs li a:hover.selected.m6 span.c
{background: url(../img/active/b6_big_c.png);}
ul.tabs li a:hover.m6 span.c
{background: url(../img/b6_big_c.png);}

ul.tabs li a.selected.m1 span.r,
ul.tabs li a:hover.selected.m1 span.r
{background: url(../img/active/b1_big_r.png);}
ul.tabs li a:hover.m1 span.r
{background: url(../img/b1_big_r.png);}

ul.tabs li a.selected.m2 span.r,
ul.tabs li a:hover.selected.m2 span.r
{background: url(../img/active/b2_big_r.png);}
ul.tabs li a:hover.m2 span.r
{background: url(../img/b2_big_r.png);}

ul.tabs li a.selected.m3 span.r,
ul.tabs li a:hover.selected.m3 span.r
{background: url(../img/active/b3_big_r.png);}
ul.tabs li a:hover.m3 span.r
{background: url(../img/b3_big_r.png);}

ul.tabs li a.selected.m4 span.r,
ul.tabs li a:hover.selected.m4 span.r
{background: url(../img/active/b4_big_r.png);}
ul.tabs li a:hover.m4 span.r
{background: url(../img/b4_big_r.png);}

ul.tabs li a.selected.m5 span.r,
ul.tabs li a:hover.selected.m5 span.r
{background: url(../img/active/b5_big_r.png);}
ul.tabs li a:hover.m5 span.r
{background: url(../img/b5_big_r.png);}

ul.tabs li a.selected.m6 span.r,
ul.tabs li a:hover.selected.m6 span.r
{background: url(../img/active/b6_big_r.png);}
ul.tabs li a:hover.m6 span.r
{background: url(../img/b6_big_r.png);}


div.toolbar {
  height: 40px;
  z-index: 750;
  border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  border-top: 1px solid;
  padding: 0 0 0 20px;
  color: #FFF;
}

#m1 {background: #1BA0DE; border-color: #8CD7F0;}
#m2 {background: #8BA533; border-color: #BADB4C; display: none;}
#m3 {background: #DF7F33; border-color: #FFB649; display: none;}
#m4 {background: #C03333; border-color: #FF7A7A; display: none;}
#m5 {background: #8E2BAF; border-color: #DC84F9; display: none;}
#m6 {background: #949494; border-color: #B9B9B9; display: none;}

ul.opts li.opts {
  position: relative;
  display: inline-block;
  top: 3px;
  margin: 0 10px 0 0;
}

ul.opts a.select, ul.opts a.reset {
  display: inline-block;
  height: 26px;
  margin: 5px 0;
  color: #FFF;
  text-decoration: none;
  padding: 0 7px;
}

ul.opts a.reset {
  display: none;
}

ul.opts span.select {
  display: inline-block;
  height: 26px;
  cursor: pointer;
}

ul.opts a:hover.select, ul.opts a:hover.reset {
  height: 26px;
  background: #EBEBEB;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

ul.opts a.select span, ul.opts a.reset span {
  display: inline-block;
  margin: 3px 0 0;
  padding: 0 15px 0 0;
  background: url(../img/dropdown/arrow_static.png) right 7px;
  background-repeat: no-repeat;
}

ul.opts a.reset span {
  background-image: url(../img/dropdown/static_x.png);
  background-position: right 4px;
}

ul.opts a.select.clicked {
  height: 32px;
  background: #EBEBEB url(../img/dropdown/drop_down_menu_gradient.png) bottom repeat-x;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
}

ul.opts a:hover.reset span {
  color: #000;
  background-image: url(../img/dropdown/hover_x.png);
}

ul.opts a.select.clicked span,
ul.opts a:hover.select span {
  color: #000;
  background: url(../img/dropdown/arrow_over_click.png) right 6px no-repeat;
}

ul.opts div.opts {
  position: absolute;
  display: none;
  top: 37px;
  left: -20px;
  padding: 10px 20px 60px;
  background: #EBEBEB url(../img/dropdown/menu_bottom_gradient.png) bottom repeat-x;
  border: 1px solid #EBEBEB;
  border-left: 0;
  border-right: 0;
  color: #000;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5);
  z-index: 100;
}

ul.opts div.opts.second {
  left: -70px;
}
ul.opts div.opts.visible {
  display: block;
}

ul.genres li {
  height: 24px;
  position: relative;
}

ul.genres li a,
ul.opts div.opts a.any {
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  padding: 0 5px;
  color: #0169A4;
  text-decoration: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

ul.opts a.collapse {
  display: block;
  position: absolute;
  right: 40px;
  bottom: -2px;
  text-decoration: none;
}

ul.opts a.collapse span.l {
  display: block;
  width: 30px;
  height: 24px;
  float: left;
  background: url(../img/dropdown/swm_static_l.png);
}

ul.opts a.collapse span.c {
  display: block;
  height: 24px;
  padding: 0;
  float: left;
  text-align: center;
  line-height: 24px;
  color: #FFF;
  font-size: 14px;
  background-image: url(../img/dropdown/swm_static_c.png);
  background-repeat: repeat-x;
}

ul.opts a.collapse span.r {
  display: block;
  width: 30px;
  height: 24px;
  float: left;
  position: relative;
  background-image: url(../img/dropdown/swm_static_r.png);
}


ul.opts a:hover.collapse span.l {background: url(../img/dropdown/swm_hover_l.png);}
ul.opts a:hover.collapse span.c {background: url(../img/dropdown/swm_hover_c.png);}
ul.opts a:hover.collapse span.r {background: url(../img/dropdown/swm_hover_r.png);}

ul.opts a:focus.collapse span.l,
ul.opts a:active.collapse span.l
{background: url(../img/dropdown/swm_onclick_l.png);}
ul.opts a:focus.collapse span.c,
ul.opts a:active.collapse span.c
{background: url(../img/dropdown/swm_onclick_c.png);}
ul.opts a:focus.collapse span.r,
ul.opts a:active.collapse span.r
{background: url(../img/dropdown/swm_onclick_r.png);}


ul.genres li a:hover,
ul.letters a:hover,
ul.letters li:hover a.letter,
ul.years a:hover,
ul.opts div.opts a:hover.any {
  background: #525252;
  color: #FFF;
}

ul.genres li a.selected,
ul.letters a.selected,
ul.years a.selected,
ul.opts div.opts a.any.selected {
  background: #A7A7A7;
  color: #FFF;
}

ul.genres li.reset {
  margin-top: -144px;
}

ul.genres li.licol-1 {
  margin-left: 0;
}

ul.genres li.licol-2 {
  margin-left: 180px;
}

ul.genres li.licol-3 {
  margin-left: 360px;
}

ul.genres li.licol-4 {
  margin-left: 540px;
}

ul.genres li.separator {
  width: 130px;
  border-right: #A7A7A7 1px solid;
}

ul.genres li.licol-other {
  margin-left: 690px;
  width: 180px;
}

ul.years {
  width: 500px;
  margin-top: 10px;
}

ul.years.second {
  margin: 15px 0 0 0;
}

ul.letters {
  width: 700px;
  position: relative;
  z-index: 20;
  margin-top: 10px;
}

ul.letters.english {
  margin: 7px 0 20px;
  z-index: -50;
}

ul.letters li.background {
  background: url(../img/dropdown/let_tab_arrow.png) bottom center no-repeat;
}

ul.letters li,
ul.years li {
  float: left;
}

ul.letters li {
  position: relative;
  height: 25px;
}

ul.letters a,
ul.years a,
ul.letters span {
  display: block;
  font-size: 14px;
  padding: 3px 7px;
  margin: 0;
}

ul.letters a,
ul.years a {
  color: #0169A4;
  text-decoration: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

ul.letters span {
  color: #A7A7A7;
}

ul.dropline {
  position: absolute;
  height: 20px;
  margin: 24px 0 0 0;
  display: none;
  padding: 4px 2px;
  background: #FFF;
  border: 1px solid #525252;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  z-index: -40;
}

ul.english ul.dropline {
}

ul.dropline a {
  display: inline;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  line-height: 20px;
}