/* --- Global Reset --- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td
  { margin:0; padding:0; }
table
  { border-collapse:collapse; border-spacing:0; }
fieldset,img
  { border:0; }
address,caption,cite,code,dfn,em,i,strong,th,var
  { font-style:normal; font-weight:normal; }
ol,ul
  { list-style:none; }
caption,th
  { text-align:left; }
h1,h2,h3,h4,h5,h6
  { font-size:100%; font-weight:normal; }
q:before,q:after
  { content:''; }
abbr,acronym
  { border:0; }

/* --- Globals --- */

strong { font-weight:bold; }
.hidden { position:absolute; left:-9999em; }
a { color:#1a7770; }
a img { border:none; }
.clear { clear:both; }
dl { margin:1em 0; }
p { margin-bottom:10pt; }

body {
  font-family:Arial,Helvetica,sans-serif;
}

/* --- Font Sizes --- */

@media screen {
  body { font-size:13px; }
  body.fontsize-l { font-size:18px; }
  body.fontsize-m { font-size:15px; }
  body.fontsize-s { font-size:13px; }
}

/* --- Layout --- */

html, body { min-height:100%; }

#layout-footer-bg { background:transparent url(footer.png)   no-repeat bottom center; }
#layout-header-bg { background:transparent url(header.png)   no-repeat top    center; }
#layout-montage   { background:transparent url(backdrop.jpg) no-repeat top    center; }
#layout-stars     { background:#000000     url(stars.png)    repeat    top    center; }

#layout-header { height:165px; position:relative; z-index:100; }
#layout-inner { width:986px; min-height:600px; }
#layout-footer { height:400px; }

#layout-minwidth { width:986px; margin:0 auto; background:transparent url(backdrop.jpg) no-repeat -209px 0px; }

#layout-left   { float:left; width:259px; position:relative; }
#layout-middle { float:left; width:468px; padding:10px 0 50px 0;; }
#layout-middle.wide { width:686px; }
#layout-right  { float:left; width:228px; padding-left:18px; }

#layout-menu { width:241px; background:transparent; }

#layout-search { position:absolute; left:709px; top:16px; width:260px;}
#layout-search h4 { font-size:90%; color:#C74A54; font-weight:bold; }

div#search-catalog { height:43px; }
div#search-site { height:40px; }

/* --- Drop-down Menu --- */

#nav { position:absolute; margin-left:40px; margin-top:118px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

#nav li { float:left; position:relative; margin-right:22px; }
#nav li a { text-decoration:none; color:#ffffff; font-weight:bold; display:inline-block; height:20px; }
#nav li a:hover { color:white; }

#nav li ul { display:none; position:absolute; left:0px; top:20px; width:120px; border:solid 3px #00e793; background-color:#009c85; margin:0px; padding:5px 10px 5px 10px; z-index:1000; }
#nav li ul li { float:none; overflow:hidden; margin-right:0; padding-bottom:6px; }

#nav li ul a { font-size:12px; }
#nav li ul a:hover { text-decoration:underline; }

#nav li.wider ul { width:150px; }

/* --- Header: Go-Buttons --- */

#layout-header h1 { display:none; }

button.go { background:transparent url(go-buttons-transparent.png) no-repeat 0px 0px; width:38px; height:32px; border:0; margin:0; padding:0; text-indent:-10000px; }
button:hover.go, button.go.hover { background-position:-38px 0px; }

#cse-search-box button.go { background-position:0px -33px; }
#cse-search-box button.go.hover { background-position:-38px -33px; }

/* --- Header: Search --- */
#search-polaris { position:relative; top:-12px; }
#search-polaris input { background:transparent; border:0; margin:0; padding:0; }
#search-polaris input.term { position:absolute; left:0; top:15px; padding-top:2px; padding-left:2px; width:142px; height:15px; color:#000; font-size:11px; font-weight:bold; border:solid 1px #a9a391; background:#fff; }
#search-polaris select { position:absolute; left:147px; top:15px; width:71px; height:19px; font-size:11px; border: 1px solid #A9A391; }
#search-polaris button { position:absolute; left:222px; top:9px; }
#cse-search-box {position:relative; top:-56px;}
#cse-search-box input { border:0; position:absolute; left:0px; top:58px; width:214px; height:16px; padding:1px 0px 0px 2px; font-size:11px; border:solid 1px #a9a391; font-weight:bold; }
#cse-search-box button { position:absolute; left:222px; top:53px; }

/* --- Header: How do I? --- */

#quicklinks_box label { position:absolute; left:8px; top:84px; width:81px; height:22px; text-indent:-10000px; }
#quicklinks_box select { position:absolute; left:765px; top:115px; width:160px; height:20px; font-size:11px; border:solid 1px #ff9000; }

/* --- Footer --- */

#layout-footer { font-size: 14px; }

#footer_top { color:#41CFC7; font-size:85%; padding-left:35px; padding-top:60px; height:140px; }
#footer_top a { color: white; font-weight:bold; text-decoration:none; }
#footer_top a:hover { text-decoration:underline; }
#footer_top ul { float:left; width:270px; }
#footer_top ul.contacts { margin-left:180px; }
#footer_top li { margin-bottom:6px; }
#footer_top li strong { margin-right:6px; }

#footer_bottom { clear:both; }
#footer_bottom a, #footer_bottom h3 { font-weight:bold; color:#a9a9a9; font-size:11px; }
#footer_bottom h3 { clear:both; float:left; padding-left:36px; width:105px; margin:0; font-weight:bold; font-size:13px; }
#footer_bottom li { float:left; }

#footer_partners { clear:both; margin-top:2px; overflow: hidden; height:120px; }
#footer_partners h3 { padding-top:0px; }
#footer_partners li { border-right:solid 1px #2d2d2d; margin-right:20px; padding-right:20px; }
#footer_partners li.last { border:0; }
#footer_partners li a { text-decoration:none; display:block; }
#footer_partners li a:hover { text-decoration:underline; }
#footer_partners li a img { padding-bottom:6px; display:block; text-decoration:none; }

#footer_consultants { clear:both; height:50px; }

/* --- Menu --- */

#layout-left div.menu-inner { padding-top:19px; background:transparent url(menu-edges.png) no-repeat top left; }
#layout-left div.menu-inner2 { padding-bottom:21px; background:transparent url(menu-edges.png) no-repeat bottom left; }

#layout-left div.main-menu { padding:0; font-size:16px; }

#layout-left div.main-menu li { background: #ffffff url(menu-bg.png) no-repeat top left; }

#layout-left div.main-menu li a {
  display:block; width:190px;
  padding: 10px 10px 8px 22px;
  font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none;
  color:#ff9000;
}

#layout-left div.main-menu li a.expanded { color:#ff9504; }
#layout-left div.main-menu li a:hover { text-decoration:underline; }

#layout-left div.main-menu ul.submenu { font-size:78%; padding:0px 0px 8px 0px; }

#layout-left div.main-menu li.kids { background:#ffffff url(menu-bg-kids.png) no-repeat top left; }
#layout-left div.main-menu li.teens { background:#ffffff url(menu-bg-teens.png) no-repeat top left; }
#layout-left div.main-menu li li { background:transparent; }
#layout-left div.main-menu li li a { padding:4px 4px 5px 37px; color:#1167c2; }

#layout-left div.main-menu li a.kids,
#layout-left div.main-menu li a.teens { text-indent:-10000px; overflow:hidden; }

#layout-left div.main-menu li.hide-children ul { display:none; }
#layout-left div.main-menu li.hide-children a span,
#layout-left div.main-menu li.hide-children a span.active,
#layout-left div.main-menu li.hide-children a span.expanded { background:transparent; }

#layout-left div.main-menu ul.submenu-2 { padding-left:15px; font-size:100%; }

#layout-middle div.menu a { text-decoration:none; }

/* --- Breadcrumbs --- */

#breadcrumbs {
  font-size:85%;
  font-weight:normal;
  font-size:11px;
  color:#d0cabb;
  margin-top:6px;
  position:absolute;
  top:147px;
  z-index: 1;
}

#breadcrumbs a {
  color:#ff9000;
  text-decoration:underline;
}

/* --- Page tools (print, share, subscribe, etc) --- */

#page_tools { position:relative; width:156px; height:32px; display:block; background:transparent url(page-tools.gif) no-repeat top left; }
#page_tools li { display:block; position:absolute; height:21px; width:24px; top:7px; }
#page_tools a { display:block; width:auto; height:21px; overflow:hidden; }
#page_tools a span { display:block; text-indent:-10000px; }
li#page_tools_print  { left:10px; }
li#page_tools_mobile { left:44px; }
li#page_tools_rss    { left:77px; }
li#page_tools_font_l { width:15px; left:107px; }
li#page_tools_font_m { width:14px; left:122px; }
li#page_tools_font_s { width:10px; left:136px; }

#layout-middle #page_tools { float:right; } 
#layout-right #page_tools { margin-bottom:10px; }

/* --- Spotlight (slides) --- */

#spotlight {
  width:468px;
  height:315px;
  background:url(spotlight-bg.png) no-repeat left top;
  margin-bottom:10px;
  position:relative;
  display:none;
}

#spotlight ul {
  position:absolute;
  left:106px; top:41px;
  padding:0; margin:0;
}

#spotlight li {
  width:356px; height:267px;
  overflow:hidden;
  display:none;
  position:absolute; left:0px; top:0px;
}

#spotlight-nav {
  position:absolute; left:6px; top:42px;
  width:74px; height:251px; overflow:hidden;
  padding:8px 10px;
  color: #b6b3ac;
}

#spotlight-nav .btn { display:block; float:left; height:15px; background-image:url(spotlight-nav.gif); }
#spotlight-nav .prev { width:13px; background-position:0px 0px; }
#spotlight-nav .pause { width:19px; background-position:-13px 0px; }
#spotlight-nav .play { width:19px; background-position:-13px -15px; cursor:pointer; }
#spotlight-nav .next { width:13px; background-position:-32px 0px; }

#spotlight-num { display:block; float:left; width:26px; text-align:right; color: #fefaf0; font-size:12px; }
#spotlight-text { padding-top:10px; overflow:hidden; clear:both; color:#fefaf0; }
#spotlight-text a { display:block; padding-top:10px; text-decoration:none; font-size:13px; color:#fefaf0; font-weight:bold; }
#spotlight-text a:hover { color:#ff9000; }

/* --- Box Wrap --- */

#layout-right div.box { background-position:top left; font-weight:bold; font-size:12px; }
#layout-right div.box div { background-position:bottom left; padding:10px 10px 1px 10px; margin-bottom:45px; position:relative; top:37px; }
#layout-right div.box div div { background:transparent; margin:0; padding:0; top:0; }

#layout-right div.box,
#layout-right div.box div { background-image:url(box-green.gif); }

#layout-right div.blue-box,
#layout-right div.blue-box div { background-image:url(box-blue.gif); }

#layout-right div.purple-box,
#layout-right div.purple-box div { background-image:url(box-purple.gif); }

#layout-right div.box h1 { font-size:18px; color:white; position:absolute; top:-30px; }
#layout-right div.box h1 a {  }

/* --- Box Content --- */

body.fontsize-s div.box { font-size:100%; }
body.fontsize-m div.box { font-size:90%; }
body.fontsize-l div.box { font-size:85%; }

div.box input { border:solid 1px #bffde5; background:#77f9c6 url(input-bg.gif) repeat-x top left; color:#247a73; }

div.box a { text-decoration:none; font-weight:bold; color:#fffcf9; }
div.box a.active { font-weight:bold; }

div.box div.common ul { list-style-type:disc; padding:0px 0px 16px 12px; margin-left:0px; }
div.box div.common ul li { margin:0; padding:0; color:white; }

div.box ul { margin-bottom:10pt; list-style-type:disc; color:#0c9a78; }
div.box ul li { margin-left:10px; color:#237668; }
div.box ul li a { font-weight:normal; }
div.box ul ul { list-style-type:square; margin-left:4px; }

div.box em { font-style:italic; }
div.box strong { font-weight:bold; }

/* --- Alterations to common typographies --- */

.common h1, .common h2, .common h3, .common h4, .common h5, .common h6 { font-family:Trebuchet MS, Helvetica, sans-serif; font-weight:bold; }
.common h1 small { display:block; font-size:60%; }

.common code, .common pre, .common samp { border-color:#5c3d11; }

.common li { padding-bottom:.2em; }

@media screen {
  .common { color:#e9e4d7; }
  .common h1 { color:#ff9000; }
  .common h2, .common h3, .common h4, .common h5, .common h6 { color:#0fbea1; }
  .common h1.bar, .common h2.bar, .common h3.bar, .common h4.bar, .common h5.bar, .common h6.bar {
    background:#00e793;
    color:#005050;
    padding:2px 4px;
    margin-bottom:10px;
    border-top: solid 1px #009c85;
    border-bottom: solid 1px #009c85;
  }
  .common blockquote, .common cite { background-color:#009c85; color:white; }
  .common a { color:#47C3B8; }
  .common a:hover { color:#00e793; }
  #layout-middle ul.stars, #layout-middle div.menu ul { margin-left:0px; list-style-type:none; }
  #layout-middle ul.stars li, #layout-middle div.menu ul li { padding-left:22px; background:transparent url(bullet.gif) no-repeat 0px 3px; }
  body.fontsize-m #layout-middle ul.stars li, body.fontsize-m #layout-middle div.menu ul li { background-position:0px 5px; }
  body.fontsize-l #layout-middle ul.stars li, body.fontsize-l #layout-middle div.menu ul li { background-position:0px 7px; }
  
  body.fontsize-l #layout-middle { font-weight:normal; }
}

/* --- Print CSS --- */

@media print {
  body { font-size:13pt; }
  #layout-header, #layout-left, #page_tools, #layout-footer, #breadcrumbs, #layout-right, .hidden { display:none !important; }
  #layout-stars, #layout-montage, #layout-mindwidth, #layout-header-bg, #layout-footer-bg, div.box, div.box *
    { background:transparent !important; border:none !important; }
  #layout-inner, #layout-middle, #layout-border { width:auto; }
}

/* --- Footnote --- */

small#footnote { display:block; font-size:11px; color:#838281; text-align:center; padding-top:20px; }

/* Header: Info hover */

/* General look and behavior */

a.info-icon {
  position:relative;
  z-index:2000;
  display:inline-block;
  height:14px;
  width:14px;
  background:url(information-icon.png) no-repeat left top;
  text-decoration:none;
}

a.info-icon:hover {
  cursor:pointer;
}

a.info-icon:hover span.info-bubble {
  display:block;
}

span.info-bubble {
  display:none;
  position:absolute;
  z-index:2000;
  background:#2a75b4;
  border-radius: 4px;
 	-moz-border-radius: 4px;
 	-webkit-border-radius: 4px;
 	color:#fff;
 	padding:10px;
}

/* specific placement */

a#search-info {
  top:3px;
  z-index:2001;
}

a#search-website {
  top:3px;
}

span#search-bubble-catalog {
  top:12px;
  left:-80px;
  width:165px;
  z-index:2001;
}

span#search-bubble-website {
    left: -185px;
    top: -22px;
    width: 165px;
}

/*a#mobile-toggle {
  height:22px;
  background:url(mobile.png) no-repeat 0px -1px;
  display:block;
  position:absolute;
  z-index:100;
  padding-left:22px;
  text-decoration:none;
  color: #000;
  top:2px;
  left:22px;
}
*/
a#mobile-toggle {
  height:22px;
  background:url(mobile.png) no-repeat 0px -1px;
  display:block;
  position:absolute;
  z-index:100;
  padding-left:22px;
  text-decoration:none;
  color: #ff9000;
  top:-19px;
  left:16px;
}

a#mobile-toggle:hover {
  color:#fff;
}