/* CSS Document */

html {height:100%;}
/* fix scrollbar to always scroll */
html {overflow-Y: scroll; }
body {
  background-color:#fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#363636;
  margin:0;
  padding:0;
  text-align: left;
}

body p.copy {line-height: 20px; margin-top: 10px; }
body p.copy a {text-decoration:underline;}

p, div, ul, ol, li, h1, h2, h3, h4, h5 {margin-top: 0px;}
p {margin-bottom: 6px;}
a img {border:none;}
sup {line-height:0;}
h1 {font-size:22px; font-weight:normal; color:#000099; padding:10px 0 10px 0;}
h2 {font-size:18px; font-weight:normal; color:#000099; padding:10px 0 10px 0;}
h3 {font-size:14px; font-weight:bold;   color:#000099; padding:10px 0 10px 0;}
strong {font-weight:bold;}
ul {list-style-position:outside; margin-left:20px;}
ol {list-style-position:outside; margin-left:20px;}

a:link, a {color:#0e4e86; text-decoration:none;}
a:visited {color:#0e4e86}
a:hover   {color:#0e4e86}
a:active  {color:#0e4e86}

a.more {background: url(../images/btn_more.gif) no-repeat 0px 10px; padding-left: 20px; padding-top: 10px; display: block; line-height:17px;}
a.web  {background: url(../images/web_tiny.gif) no-repeat 0 2px; background-position:left;  padding-left:20px;  padding-top:2px;}
a.pdf  {background: url(../images/pdf_tiny.gif) no-repeat 0 2px; background-position:left;  padding-left:20px;  padding-top:2px;}
a.txt  {background: url(../images/txt_tiny.gif) no-repeat 0 2px; background-position:left;  padding-left:20px;  padding-top:2px;}
a.zip  {background: url(../images/zip_tiny.gif) no-repeat 0 2px; background-position:left;  padding-left:20px;  padding-top:2px;}
a.qm_setup  {background: url(../images/qm_setup.gif) no-repeat 0 2px; background-position:left;  padding-left:20px;  padding-top:2px;}
a.go   {background: url(../images/btn_go.gif)   no-repeat 0 2px; background-position:right; padding-right:20px; padding-top:2px;}
a.psicc2 {background: url(../images/btn_psicc2.gif) no-repeat 0 2px; background-position:right; padding-right:20px; padding-top:2px;}
a.more_right {background: url(../images/btn_more.gif) no-repeat 0px 10px; background-position:right; padding-right:20px; margin-top:5px; line-height:17px; float:right;}

img.flag { vertical-align:top; margin:0 5px 0 0;}

.clear {clear:both; margin:0; padding:0; line-height:-1px; height:0; font-size:1px;}
.quote {font-style:italic;}
span.windows {background: url(../images/windows.gif) no-repeat 0 2px; background-position:left;  padding-left:20px;  padding-top:2px;}
span.linux   {background: url(../images/linux.gif)   no-repeat 0 2px; background-position:left;  padding-left:20px;  padding-top:2px;}
span.mac_osx {background: url(../images/mac_osx.gif) no-repeat 0 2px; background-position:left;  padding-left:20px;  padding-top:2px;}
p.quote {display:list-item; list-style-image: url(../images/big_quote.gif); list-style-position:inside;}
p.note {background:url(../images/note.gif) no-repeat 5px 5px; background-color:#eeeeff; color:#000000; padding:5px 10px 10px 50px; margin:0 auto;}
span.product {color:#ff0000; font-weight:bold;}
#update {float:right; font-size:x-small;}

  
#header {width:980px; height:92px; margin:0 auto; padding:7px 0 0 0; position:relative; z-index:15;}
  a#logo {display:block; position:absolute; left:0px; top:8px; height:55px; width:305px; margin-left:-4px; text-indent:-999em; outline:none; background:url(../images/ql_masthead.jpg) no-repeat; }
  div#slogan {position:absolute; top:35px; left:310px; width:420px; padding:0; font-size:23px; text-align:center; line-height:25px;}
  span#slogan1 {color:#000099;}
  span#slogan2 {color:#990000;}
  
  #top_links-search {postion:absolute; right:0px;}
    #top_links {display:block; height:20px; margin:0; padding:0; color:#000099; font-weight:bold; font-size:12px; float:right;}
    #top_links a:hover {color:#ff9900;}
  #google_search {display:block; float:right; margin-top:8px; }
  input#google_search_box {position:absolute; right:35px; width:200px; height:20px; margin:0; padding:0; }
  input#google_search_btn {position:absolute: right: 0px; width:28px;  height:28px; margin:0; padding:0; }
  /*
  input#google_search_box {float:left; margin-right:5px;}
  input#google_search_btn {float:right; margin-top:-3px; width:28px; height:28px;}
  */

  #navigation {width:980px; height:32px; margin:6px 0 0 0; padding:0; background:url(../images/bg_navigation.jpg) no-repeat; float:left; }
    #navigation a.first     {border-left:none;}
    #navigation a.last      {border-right:none;}
    #navigation a.home      {padding:0 30px;}
    #navigation a.main_menu {padding:0 30px; font-weight:bold;}

#content {width:980px; margin: 0 auto; position:relative; z-index:10; }

  .error401  {background:url(../images/bg_error401.jpg)  no-repeat; width:980px; height:142px; margin-top:-30px; }
  .error403  {background:url(../images/bg_error403.jpg)  no-repeat; width:980px; height:142px; margin-top:-30px; }
  .error404  {background:url(../images/bg_error404.jpg)  no-repeat; width:980px; height:142px; margin-top:-30px; }
  .error500  {background:url(../images/bg_error500.jpg)  no-repeat; width:980px; height:142px; margin-top:-30px; }
  .redirect  {background:url(../images/bg_redirect.jpg)  no-repeat; width:980px; height:142px; margin-top:-30px; }

  .search    {background:url(../images/bg_search.jpg)    no-repeat; width:980px; height:142px; margin-top:5px; }
  .thankyou  {background:url(../images/bg_thankyou.jpg)  no-repeat; width:980px; height:142px; margin-top:5px; }

  .about     {background:url(../images/bg_about.jpg)     no-repeat; width:980px; height:142px; margin-top:5px; }
  .contact   {background:url(../images/bg_contact.jpg)   no-repeat; width:980px; height:142px; margin-top:5px;}
  .customers {background:url(../images/bg_customers.jpg) no-repeat; width:980px; height:500px; margin-top:5px;}
  .stories   {background:url(../images/bg_stories.jpg)   no-repeat; width:980px; height:142px; margin-top:5px;}
  .partners  {background:url(../images/bg_partners.jpg)  no-repeat; width:980px; height:142px; margin-top:5px; }
  .site-map  {background:url(../images/bg_site-map.jpg)  no-repeat; width:980px; height:142px; margin-top:5px;}

  .products  {background:url(../images/bg_products.jpg)  no-repeat; width:980px; height:142px; margin-top:5px; }
  .qm  {background:url(../images/bg_qm.jpg)  no-repeat; width:980px; height:142px; margin-top:5px; }
  .qpc_tutorial   {background:url(../images/bg_qpc_tutorial.jpg)   no-repeat; width:980px; height:142px; margin-top:5px; }
  .qpcpp_tutorial {background:url(../images/bg_qpcpp_tutorial.jpg) no-repeat; width:980px; height:142px; margin-top:5px; }
  .qpn_tutorial   {background:url(../images/bg_qpn_tutorial.jpg)   no-repeat; width:980px; height:142px; margin-top:5px; }

  .support   {background:url(../images/bg_support.jpg)   no-repeat; width:980px; height:142px; margin-top:5px; }
  .training  {background:url(../images/bg_training.jpg)  no-repeat; width:980px; height:142px; margin-top:5px; }
  .consulting{background:url(../images/bg_consulting.jpg) no-repeat; width:980px; height:142px; margin-top:5px; }

  .downloads {background:url(../images/bg_downloads.jpg) no-repeat; width:980px; height:142px; margin-top:5px; }
  .cpu8051   {background:url(../images/bg_8051.jpg)      no-repeat; width:980px; height:142px; margin-top:5px; }
  .cpu80x86  {background:url(../images/bg_80x86.jpg)     no-repeat; width:980px; height:142px; margin-top:5px; }
  .arduino   {background:url(../images/bg_arduino.jpg)   no-repeat; width:980px; height:142px; margin-top:5px; }
  .arm       {background:url(../images/bg_arm.jpg)       no-repeat; width:980px; height:142px; margin-top:5px; }
  .avr       {background:url(../images/bg_avr.jpg)       no-repeat; width:980px; height:142px; margin-top:5px; }
  .coldfire  {background:url(../images/bg_coldfire.jpg)  no-repeat; width:980px; height:142px; margin-top:5px; }
  .cortex    {background:url(../images/bg_cortex.jpg)    no-repeat; width:980px; height:142px; margin-top:5px; }
  .h8        {background:url(../images/bg_h8.jpg)        no-repeat; width:980px; height:142px; margin-top:5px; }
  .hc08      {background:url(../images/bg_HC08.jpg)      no-repeat; width:980px; height:142px; margin-top:5px; }
  .m16c      {background:url(../images/bg_m16c.jpg)      no-repeat; width:980px; height:142px; margin-top:5px; }
  .mbed      {background:url(../images/bg_mbed.jpg)      no-repeat; width:980px; height:142px; margin-top:5px; }
  .msp430    {background:url(../images/bg_msp430.jpg)    no-repeat; width:980px; height:142px; margin-top:5px; }
  .nios2     {background:url(../images/bg_nios2.jpg)     no-repeat; width:980px; height:142px; margin-top:5px; }
  .pic       {background:url(../images/bg_pic.jpg)       no-repeat; width:980px; height:142px; margin-top:5px; }
  .psoc      {background:url(../images/bg_psoc.jpg)      no-repeat; width:980px; height:142px; margin-top:5px; }
  .rx        {background:url(../images/bg_rx.jpg)        no-repeat; width:980px; height:142px; margin-top:5px; }
  .tms320c28x {background:url(../images/bg_tms320c28x.jpg) no-repeat; width:980px; height:142px; margin-top:5px; }

  .ecos      {background:url(../images/bg_ecos.jpg)      no-repeat; width:980px; height:142px; margin-top:5px; }
  .freertos  {background:url(../images/bg_freertos.jpg)  no-repeat; width:980px; height:142px; margin-top:5px; }
  .linux     {background:url(../images/bg_linux.jpg)     no-repeat; width:980px; height:142px; margin-top:5px; }
  .qnx       {background:url(../images/bg_qnx.jpg)       no-repeat; width:980px; height:142px; margin-top:5px; }
  .threadx   {background:url(../images/bg_threadx.jpg)   no-repeat; width:980px; height:142px; margin-top:5px; }
  .ucos2     {background:url(../images/bg_ucos2.jpg)     no-repeat; width:980px; height:142px; margin-top:5px; }
  .vxworks   {background:url(../images/bg_vxworks.jpg)   no-repeat; width:980px; height:142px; margin-top:5px; }
  .win32     {background:url(../images/bg_win32.jpg)     no-repeat; width:980px; height:142px; margin-top:5px; }

  .emwin     {background:url(../images/bg_emwin.jpg)     no-repeat; width:980px; height:142px; margin-top:5px; }
  .lwip      {background:url(../images/bg_lwip.jpg)      no-repeat; width:980px; height:142px; margin-top:5px; }

  .licensing {background:url(../images/bg_licensing.jpg) no-repeat; width:980px; height:142px; margin-top:5px; }

  .psicc2    {background:url(../images/bg_psicc2.jpg)    no-repeat; width:980px; height:142px; margin-top:5px; }
  .psicc     {background:url(../images/bg_psicc.jpg)     no-repeat; width:980px; height:142px; margin-top:5px; }
  .appnotes  {background:url(../images/bg_appnotes.jpg)  no-repeat; width:980px; height:142px; margin-top:5px; }
  .articles  {background:url(../images/bg_articles.jpg)  no-repeat; width:980px; height:142px; margin-top:5px; }
  .goodies   {background:url(../images/bg_goodies.jpg)   no-repeat; width:980px; height:142px; margin-top:5px; }

  #rotating_panels {height:134px; margin-left:2px; padding-top:178px; background:no-repeat; z-index:10; position:relative;}

  /* rotating panels for homepage */
  #panel1, #panel2, #panel3, #panel4, #panel5, #panel6 {
     width: 980px; height: 350px; position:absolute; z-index:-7; top:0;
     left:-2px; background-repeat:no-repeat; margin-top: 5px;
     display: none; opacity:0.0;
  }
  #panel1 p, #panel2 p, #panel3 p, #panel4 p, #panel5 p, #panel6 p { position: absolute; top: 150px; left: 25px;}

  /* show the panel1 when page loads, set opacity */
  #panel1 {opacity:1.0; display: block; }
  #panel1 {background-image:url(../images/bg_hp_panel1.jpg); }
  #panel2 {background-image:url(../images/bg_hp_panel2.jpg);}
  #panel3 {background-image:url(../images/bg_hp_panel3.jpg);}
  #panel4 {background-image:url(../images/bg_hp_panel4.jpg);}
  #panel5 {background-image:url(../images/bg_hp_panel5.jpg);}
  #panel6 {background-image:url(../images/bg_hp_panel6.jpg);}

  #rotating_panels h1 {display:block; margin: 15px 0 0 25px; font-size:28px; color:#990000; }
  #rotating_panels p  {display:block; font-size:14px; line-height:17px; color:#000099; /*#0e63ac;*/}

  #rotating_panels #panel1 p { width: 380px; top:145px; }
  #rotating_panels #panel2 p { width: 380px; top:145px; }
  #rotating_panels #panel3 p { width: 380px; }
  #rotating_panels #panel4 p { width: 420px; top:145px; left:300px; }
  #rotating_panels #panel5 p { width: 420px; top:145px; left:320px; }
  #rotating_panels #panel6 p { width: 400px; }

  #bottom_tabs {position:relative; top:-15px; width:966px; margin:0 auto; z-index:11; }
  #bottom_tabs ul {padding:0; margin:0;}
  #bottom_tabs li {list-style-type:none; display:inline;}
  #bottom_tabs a {display:block; float:left; height:30px; width:122px; padding:24px 14px 0; margin:0 13px 0 0; text-align:center; color:#fff; font-weight:bold; font-size:12px;}

  #bottom_tabs a.last {margin-right:0;}
  #bottom_tabs a.on {color:#ff9900;}

  #hp_buckets {width:960px; margin:0 auto; padding:0;}
    /*#hp_buckets .bucket a  {color:#666;}*/
    #hp_buckets .bucket a:hover {color:#c00;}
    #hp_buckets .bucket p  {font-size:12px; color:#666; }
    #hp_buckets .bucket ul {list-style-image: url(../images/arrow_red.gif); list-style-position:outside}
    #hp_buckets .bucket li {padding-bottom:6px; }
    #hp_buckets .bucket_div {height:173px; width:7px; float:left; background:url(../images/div_home_bucket.gif); margin-top:25px; }

    .bucket#left {margin:-10px 10px 0px 0px; float:left;}
      #left_content {
        position: relative;
        height: 160px;
      }

    .bucket#middle {margin:-10px 10px 0px 8px; float:left;}
      .story img {float:left; padding:10px 12px 10px 0px; }
      .story p   {margin-bottom:6px;}
      #story_content {
        position: relative;
        width: 351px;
        height: 160px;
      }
      .story {
        position: absolute;
        width: 350px;
        top: -5px;
        left: 0px;
        opacity: 0;
        display: none;
      }

    .bucket#right {margin:-10px 0 0 8px; float:left}
      .bucket#right img {float:right; padding-left:10px; }
      #right_content {
        position: relative;
        height: 160px;
      }

    #psicc2_content {
      position: relative;
      width: 351px;
      height: 160px;
    }
    
    #subscribe_lightbox {height:300px; width:500px; padding:1px 1px 1px 1px; margin-top:0; background:url(../images/bg_form_subscribe.png) no-repeat;}
    #subscribe_lightbox p.title {margin:95px 55px 0 30px;}
        #subscribe_lightbox p {color:#fff;}
        #subscribe_lightbox label { width:70px; text-align: right; margin-left:30px; margin-right:10px; }
    #subscribe_lightbox input#submit_button {width:121px; height:32px; background:url(../images/btn_form_submit.png) no-repeat 0px 0px; border:none; float:left; margin-left:100px; margin-top:10px; padding:0; cursor:pointer;}
        #subscribe_lightbox input#cancel_button {width:35px; height:35px; background:url(../images/hp_form_close.png) no-repeat top right; position:absolute; top:30px; right:40px; border:0;}
        div.clear2    {clear:both; margin:0; padding:0;}

    #demo_lightbox {height:750px; width:980px; }
        #demo_lightbox input#cancel_button {width:35px; height:35px; background:url(../images/hp_form_close.png) no-repeat top right; position:absolute; top:15px; right:15px; border:0;}

#footer {width:980px; height:40px; margin:10px auto; padding-top: 10px; text-align:center; background:url(../images/bg_footer.gif) no-repeat top center;}
    #footer p {line-height:15px; font-size:10px; color:#777777; }
        #footer p a:hover {color:#ff9900;}

.secondary h2.table_header {text-indent:35px; line-height:40px;}
.secondary h3.table_header {text-indent:25px; line-height:40px; text-transform: uppercase;}
  .secondary #extra_info_pane_container { float: right; width: 371px; background:url(../images/bg_extra_info_left.gif) repeat-y left; margin-left:20px; }
  .secondary #extra_info_pane { margin:20px 0 10px 20px; }
  .secondary #extra_info_pane_bottom { padding:0 0 0 10px; width:371px; height:27px; line-height:27px; margin:0px; background:url(../images/bg_extra_info_bottom.gif) no-repeat top left; }

  .summary ul {list-style-image: url(../images/arrow_down.gif); list-style-position:outside; margin-left:20px;}
  .summary li {padding-bottom:6px; }

#l-column {width:460px; background-color:#ffffff; padding-bottom:30px; float:left; padding:10px 10px 0px 10px;}
#r-column {width:460px; background-color:#fafaff; border-left-style:solid; border-width:1px; border-color:#eeeeff; padding:10px 10px 0px 10px; float:right;}

.manifesto ol li {margin-bottom:10px;}
.manifesto h2 {font-size:14px; font-weight:bold; color:#000099; padding:0;}

.links  ul {list-style-image: url(../images/arrow_red.gif); list-style-position:outside; margin-left:20px;}
.links  li {line-height:20px;}
.links     {width:450px; background:url(../images/div_hor.jpg) no-repeat bottom; padding-bottom:20px;}

.market ul {list-style-image: url(../images/arrow_red.gif); list-style-position:outside; margin-left:20px;}
.market li {line-height:20px;}

.div_vert  {background:url(../images/div_vert.gif) no-repeat 0 50px; width:1px; height:200px; float:left; margin:0 10px 0 20px;}
.div_hor   {clear:both; background:url(../images/div_hor.jpg) no-repeat 10px 10px; width:450px; height:30px;}

.market    {color:#000;}
#markets   {width:470px; color:#000;}
#consumer  {width:470px; float:left;  background:url(../images/bg_market_consumer.jpg)   no-repeat 20px 100px;}
#industrial{width:470px; float:right; background:url(../images/bg_market_industrial.jpg) no-repeat 20px 120px;}
#medical   {width:470px; float:left;  background:url(../images/bg_market_medical.jpg)    no-repeat 20px 100px;}
#defense   {width:470px; float:right; background:url(../images/bg_market_defense.jpg)    no-repeat 80px 10px;}
#comm      {width:470px; float:left;  background:url(../images/bg_market_comm.jpg)       no-repeat 20px 120px;}
#rfid      {width:470px; float:right; background:url(../images/bg_market_rfid.jpg)       no-repeat 20px 80px;}
#semi      {width:470px; float:left;  background:url(../images/bg_market_semi.jpg)       no-repeat 40px 80px;}
#space     {width:470px; float:right; background:url(../images/bg_market_space.jpg)      no-repeat 20px 60px;}
#other     {width:470px; float:left;  background:url(../images/bg_market_other.jpg)      no-repeat 40px 80px;}

/* table formats */
.data table {empty-cells:hide; }
.data th.section {font-weight:bold; color:#fff; height:25px; background:url(../images/bg_table_head.jpg); text-align:center; }
.data th {font-weight:bold; color:#000; height:20px; background-color:#c8cedc; text-align:center;}
.data td {padding-left:10px; padding-right:10px; color:#000; height:20px; }
.data td.header{padding-left:0; }
.data tr.odd   {text-align:left; background-color:#ffffff;}
.data tr.even  {text-align:left; background-color:#f0f0f0;}
.data td.text  {text-align:left;}
.data td.odd   {text-align:left; background-color:#ffffff;}
.data td.even  {text-align:left; background-color:#f0f0f0;}
.data tr.qpc   {text-align:left; background-color:#ffffcc;}
.data tr.qpcpp {text-align:left; background-color:#ffeecc;}
.data tr.qpn   {text-align:left; background-color:#ffeeee;}
.data td.qpc   {text-align:center; background-color:#ffffcc;}
.data td.qpcpp {text-align:center; background-color:#ffeecc;}
.data td.qpn   {text-align:center; background-color:#ffeeee;}
.data .note    {vertical-align:super; font-size:11px; font-weight:bold; color:#ff0000; line-height:0;}

.bluetop{ background-image: url(../images/box_blue_top.jpg); width:590px; height:15px; float:left;}
.bluemid{ background: url(../images/box_blue_mid.jpg) repeat-y; width:550px;  float:left; padding:0 20px;}
.bluemid .bluetitle{color: #0d5ea0; font-size:16px; font-weight:bold;}
.bluemid .text {padding-top:8px;}
.bluebottom{background-image: url(../images/box_blue_bottom.jpg); width:590px; height:18px; float:left;}

.orangetop{background-image: url(../images/box_orange_top.jpg); width:980px; height:16px; float:left;}
.orangemid{background: url(../images/box_orange_mid.jpg) repeat-y; width:940px; float:left; padding:0 20px;}
.blueorangemix{background-image: url(../images/box_orangeblue.jpg); width:980px; height:26px; float:left;}
.lightbluemid{background: url(../images/box_lightblue_mid.jpg) repeat-y; width:940px; float:left; padding:0 20px;}
.lightbluebottom{background-image: url(../images/box_lightblue_bottom.jpg); width:980px; height:18px;  float:left; margin-bottom:10px;}

#tooltip {
  position: absolute;
  z-index: 3000;
  top:0px;
  left:0px;
  border: 1px solid #111;
  background-color: #ffc;
  padding: 5px;
  opacity: 0.95;
  /*width:300px;*/
}
#tooltip h3, #tooltip div { margin: 0; padding: 0; font-weight:normal; font-size:13px; color:#000;}
.questionmark_help {width:20px; height:20px; background:url(../images/btn_question.gif) no-repeat; float:right;}
.preview_help      {background:url(../images/btn_chip.gif) no-repeat; background-position:right; padding-right:25px; padding-top:2px;}


/* sunperfish ---------------------------------------------------------------*/
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
  margin:  0;
  padding: 0;
  list-style:none;
}
.sf-menu {
  line-height: 1.0;
  line-height: 31px;
  padding: 1px 0;
}
.sf-menu li li {
  line-height:22px;
  padding:0;
}
.sf-menu ul {
  position: absolute;
  top: -999em;
  width: 16em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
  width: 100%;
}
.sf-menu li:hover {
  visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
  float: left;
  position: relative;
}
.sf-menu a {
  display: block;
  position: relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
  left: 0;
  top: 31px; /* match top ul list item height */
  z-index: 99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
  top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
  left: 16em; /* match ul width */
  top:  0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
  top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
  left: 16em; /* match ul width */
  top:  0;
}

/*** DEMO SKIN ***/
.sf-menu {
  float: left;
  margin-bottom: 1em;
}
.sf-menu a {
  border-right: #000022 1px solid;
  border-left: #3b6990 1px solid;
  padding: 0 20px;
  text-decoration:none;
  text-transform:none;/* uppercase;*/
  font-size: 12px;
  font-weight: bolder;
}

.sf-menu li li a {
  border-bottom: #040477 1px solid;
  border-top: #3b6990 1px solid;
  border-right:none;
  border-left:none;
  padding: 0 0 0 15px;
  text-decoration: none;
  text-transform: none;
  font-size: 12px;
  font-weight: normal;
  line-height: 20px;
}

.sf-menu li li a.top {padding-top:8px; background:url(/images/bg_subnav_top.gif) repeat-x top; border-top:none;}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
  color:#fff;
}
.sf-menu li {
  background: none;
}
.sf-menu li li {
  background: none;
  background:url(/images/bg_subnav.png) repeat;
}
.sf-menu li li li {
  background:#9aaedb;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
  color: #ff9900;
  outline: 0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
  padding-right:     2.25em;
  min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
  position: absolute;
  display: block;
  right:  0.75em;
  top:    1.05em; /* IE6 only */
  width:  10px;
  height: 10px;
  text-indent: -999em;
  overflow: hidden;
  background: url('/images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
  top: .8em;
  background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
  background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
  background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
  background:    url('/images/shadow.png') no-repeat bottom right;
  padding: 0 8px 9px 0;
  -moz-border-radius-bottomleft: 17px;
  -moz-border-radius-topright: 17px;
  -webkit-border-top-right-radius: 17px;
  -webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
  background: transparent;
}

/* global settings needed for thickbox -------------------------------------*/
*{padding: 0; margin: 0;}

/* thickbox specific link and font settings ................................*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}

#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* thickbox settings .......................................................*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.TB_overlayMacFFBGHack {background: url(http://www.vdcresearch.com/styles/macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
  position: fixed;
  background: ;
  z-index: 102;
  color:#000000;
  display:none;
  border: none;
  text-align:left;
  top:50%;
  left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}

#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}

#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}

#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}

#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}

#TB_title{
  background-color:#e8e8e8;
  height:27px;
}

#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
  padding:15px;
  overflow:hidden;
}

#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}

#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}
/* -------------------------------------------------------------------------*/
