@charset "UTF-8";
/*	HOME SCREEN IMPORT
$Id: screen.css,v 1.8 2008/09/23 05:44:29 mok Exp $
*/
body {
_behavior: url(lang.htc);
}

br.clear-both,
div.clear-both,
br.clear-left,
div.clear-left {
font: 1px/1px monospace;
display: block;
}
.clear-both { clear: both; }
.clear-left { clear: left; }
.clear-after::after {
content: "\0020";
display: block;
height: 0;
clear: both;
}
.clear-after {
/*\*//*/ display: inline-table; /*MacIE*/
_height: 1em;
min-height: 1px;
}


.clip-top { margin-top: 0 !important; }
.clip-bottom { margin-bottom: 0 !important; }
.clip-sides { 
margin-left: -16px;
margin-right: -16px;
}
.p1 .clip-sides { 
margin-left: -8px;
margin-right: -8px;
}
.p2 .clip-sides { 
margin-left: -10px;
margin-right: -8px;
}
.clip-sides div,
.clip-sides img {
_position: relative; 
}
.clip-left { margin-left: -16px; }
.p1 .clip-left,
.p2 .clip-left  { margin-left: -8px; }
.clip-right { margin-right: -16px; }
.p1 .clip-right { margin-right: -8px; }
.p2 .clip-right  { margin-right: -10px; }

/*	COMPACT	$Revision: 1.10 $
float child elements, clear floats
*/
.compact>* { float: left; }
.compact::after {
content: "";
display: block;
height: 0;
clear: both;
}
.compact {
/*\*//*/ display: inline-table; /*MacIE*/
_height: 1em;
min-height: 1px;
}
.compact {
 padding-bottom: 1px;
 _behavior: url(compactWsFix.htc);
 }
.compact>p,
.compact>span {
margin-right: 1ex;
margin-bottom: 0;
padding: 0;
}
dl.compact>dd { margin-left: 0; }
ul.compact li,
ol.compact li,
dl.compact dd,
div.compact p { 
_display: inline;
_float: left;
}
dl.compact * dd ol.compact * li,
ul.compact * li,
div.compact * p { 
_display: block;
_float: none;
}
dl.compact dd { _margin-left: 0; }
div.compact p { 
_margin-right: 1ex;
_margin-bottom: 0;
_padding: 0;
}
h3.compact span,
h4.compact span {
_float: left;
_margin-right: 1ex;
}
h3.compact span span,
h4.compact span span {
_float: none;
_margin-right: 0;
}


ul,
ol,
dl {
word-spacing: -2ex;
letter-spacing: -2ex;
line-height: 0;
}
dt,
dd,
li {
word-spacing: normal;
letter-spacing: normal;
line-height: 0;
}
ul li {
_list-style-position: inside;
}
ol,
li,
li ol,
/* 3-29-09 RWW Change font size from 1em to 1.07 (7%) larger */
li ul {
font-size: 1.04em;
margin-bottom: 0px;
min-width: 68px;
text-align: left;	/* 3-31-09 RWW Re-enable text-align:left */
}
ul {
list-style-type: disc;
margin-left: 1ex;
}
ul,
ol {
padding-left: 2.5ex;
margin-top: 0;
margin-bottom: 0;
}
li {
line-height: 1.25em;
padding-bottom: 0px;
}
ol {
list-style-type: decimal;
overflow: visible;
margin-left: 3ex;
_padding-left: 6ex; 
}
ol ol {
list-style-type: lower-alpha;
margin-left: .5ex;
_margin-left: 1.5ex; 
}
ol ol ol { list-style-type: lower-roman; }
li ol,
li ul {
margin-top: 0;
margin-bottom: 0.3ex;
}
li p { margin-bottom: 0.5em; }
dt,
dd { line-height: 0.5em; }
dt {
font-weight: bold;
margin-bottom: 1em;
margin-top: 0.5em;
}
dl,
dd { margin-top: 0px; }		/* 4/29/09 RWW Add margin-top, set=0px to rid of space between animals and navbar*/
dd { margin-bottom: 0px; }	/* 4/29/09 RWW set bottom margin to zero */
dd { margin-left: 0px; }	/* 3-29-09 RWW Change margin-left from -16px to -38px to left align the navbar */
				/* 4-23-09 RWW change margin-left from -16px to -0px to left align the navbar in
						FF and safari */
.link-list {
text-align: left;
list-style: none;
margin: 0 0 1em;
padding: 0;
}
.link-list>* {
margin: 1px 1.5ex 1px 0;
line-height: 1.333em;
}
.link-list>li,
.link-list>dt { padding: 2px 0; }
.link-list>dd { padding-left: 1.25ex; }
.link-list li,
.link-list dt { _padding: 0.15em 0 0.2em;  }
.link-list dd { _padding-left: 1.25ex;  }
.link-list li,
.link-list dt,
.link-list dd {
_margin: 1px 1.5ex 1px 0;
_line-height: 1.35em; 
}
ul.link-list li { _list-style-position: outside;  }

.tags li { margin-right: 10px; }
.tag { margin-bottom: 0.5em; }

.error { color: #CC0001; }
.error-block {
background-color: #ffffcb;
color: #f00;
padding: 6px 8px;
margin-bottom: 0.5em;
border: 1px solid #CCC;
_zoom: 100%;
}
.error-block * {
_cursor: auto; /* force a re-draw in IE 6 for dynamically assigned css */
}
.error-block a,
.error-block a:visited,
.error-block a:hover { color: #f00; }
.error-block .alert { font-weight: bold; }
.error-block p,
.error-block ul {
margin-top: 6px;
margin-bottom: 6px;
margin: 0;
}


.price,
.price a { color: #992222 }
.price {
/*\*/white-space: nowrap; /**/
_height: 1em;
min-height: 1em;
}
/**/ span.price, /**/
span[className~=price],
a[className~=price] { display: inline-block; }
.price-lrg {
font-size: 1.41em;
font-weight: bold;
}

@charset "UTF-8";
/*	DROP DOWN $Revision: 1.6 $
Copyright 2006 Adobe Systems Incorporated
*/
.d-dropdown {
position: relative;
_behavior: url("hover.htc"); /*IE sub7*/
z-index: 2;
}
.d-dropdown>li {
position: relative;
top: 0;
left: 0;
z-index: 2;
}
.d-dropdown li {
list-style-type: none;
_position: relative; /*IE sub7*/
_top: 0; /*IE sub7*/
_left: 0; /*IE sub7*/
}
.d-dropdown li li { _position: static; }
.d-dropdown .dropdown-pane {
/* Adjust dropdown menu (pane) settings */
position: absolute;
/* 3-29-09 RWW Change top from 16px to 18px for larger font
   3-31-09 RWW Changed back to 16px.  It needs to match the minimum size for dropdown menu (tab) height */
top: 16px;
/* change left: to slide entire sub menu */
/* 3-29-09 RWW change left from -18 to -22px to compensate for larger font size (see other edit, same date) */
/* 3-31-09 RWW changed to from -22 to 0 to align with top level */
left: 0px;
z-index: 2;
display: none;
margin-top: 0;
}
.d-dropdown li.hover .dropdown-pane,
.d-dropdown li.focus .dropdown-pane { 
display: block;
}
.d-dropdown>li:hover .dropdown-pane { display: block; }
.d-dropdown .dropdown-tab { 
/**/
/* margin:3px; */
margin-left:7px; /* 3-29-09 RWW Change from 3px to 5px - this is amount of space between navbar entries*/
bottom-margin: 15px;
/* margin-right:5px; */
/* navbar color... */
min-width:40px;
min-height:60px;
background-color:#660099;
text-align:center;
display: block; 
/**/
display: inline-block;
/**/
_display: inline;
_zoom: 1;
}
/*--Tier 1---*/
.d-dropdown .dropdown-pane>* {
margin: 0px;		/* 3-29-09 RWW "px" missing, added */
margin-top: 0px;	/* 3-29-09 RWW added top margin */

}
.d-dropdown .dropdown-pane dt,
.d-dropdown .dropdown-pane dd,
.d-dropdown .dropdown-pane li {
_margin: 60;
/* navbar dropdown color */
/* background-color:#660099; */	/* this needs to be removed for all backgrounds to match */
top-margin:20px;/* was 20 */
min-width:190px;	/* 3-29-09 RWW change min-width from 180px to 190px to accomidate larger font */
text-align:left;
margin-left:-16px;
}
.d-dropdown .dropdown-pane a {
margin: 0 0px 0px 0px;
/* RWW */
font-size: 0.90em;
-moz-outline: none;
}
.d-dropdown .dropdown-tab { 
min-height: 16px;
_height: 16px;
}

pre, blockcode {
display:block;
padding: 1em 1.5ex 1.5em;
margin:1em 0;
white-space:pre;
background-color:#F0F6FC;
border: 1px solid #ccc;
_width: 100%;
overflow-x:auto;
}
html>body pre, blockcode {
/*\*/
overflow:auto;
/**/
display:inline-block;
padding-left:0;
padding-right:0;
width:100%;
/**/
}
pre strong, blockcode strong {
font-weight: normal;
background-color: #F9F9B7;
}
.css-comment{color:#999}
.css-import {color:#099}
.css-important {color:#F00}
.css-media {color:#900}
.css-property {color:#009}
.css-selector {color:#F0F}
.css-string {color:#060}
.css-value {color:#00F}
.css-display {color:#990099}


/*	PULLOUT $Revision: 1.21 $
@author btapley
http://webdev/wiki/index.php/Pullout
*/
p.pullout-item img { margin-right: 0; }
.pullout-left,
.pullout-right { _height: 1em;  }
[className~=pullout-left] {
 margin-left: 0;
 display: inline-block;
}
.pullout-left::after, .pullout-right::after {
content: "\0020";
clear: both;
display: block;
height: 0;
}
.pullout-item {
overflow: hidden;
_height: 100%;
}
.left-wrap .pullout-item,
.right-wrap .pullout-item { _height: auto; }
.right-wrap .pullout-item {
clear: right;
}
.left-wrap .pullout-item {
clear: left;
}
.pullout-left .pullout-item {
float: left;
margin-left: 0 !important;
_margin-right: 6px; 
}
.pullout-right .pullout-item {
float: right;
margin-right: 0 !important;
_margin-left: 6px; 
}
div.left-wrap>.pullout-item { margin-right: 10px; }
.pullout-left>span { display: block; }
*.pullout-left span,
*.pullout-left *.pullout-left span { _display: block; }
*.pullout-left *.pullout-left * span,
*.pullout-left * span { _display: inline; }
div.right-wrap>.pullout-item { margin-left: 10px; }
a.pullout-left,
a.pullout-right {
display: block;
_cursor: hand;
}
div.pullout-wrap>* { margin-left: 0; }
div.left-wrap>.pullout-item { margin-right: 10px; }
div.right-wrap>.pullout-item { margin-left: 10px; }
.left-180 .pullout-item,
.right-180 .pullout-item { width: 180px; }
.left-155 .pullout-item,
.right-155 .pullout-item { width: 155px; }
.left-140 .pullout-item,
.right-140 .pullout-item { width: 140px; }
.left-125 .pullout-item,
.right-125 .pullout-item { width: 125px; }
.left-112 .pullout-item,
.right-112 .pullout-item { width: 112px; }
.left-100 .pullout-item,
.right-100 .pullout-item { width: 100px; }
.left-90 .pullout-item,
.right-90 .pullout-item { width: 90px; }
.left-80 .pullout-item,
.right-80 .pullout-item { width: 80px; }
.left-72 .pullout-item,
.right-72 .pullout-item { width: 72px; }
.left-71 .pullout-item,
.right-71 .pullout-item { width: 71px; }
.left-51 .pullout-item,
.right-51 .pullout-item { width: 51px; }
.left-60 .pullout-item,
.right-60 .pullout-item { width: 60px; }
.left-50 .pullout-item,
.right-50 .pullout-item { width: 50px; }
.left-40 .pullout-item,
.right-40 .pullout-item { width: 40px; }
.left-20 .pullout-item,
.right-20 .pullout-item { width: 20px; }
.left-16 .pullout-item,
.right-16 .pullout-item { width: 16px; }
.left-16 .pullout-item { margin-right: 0;  }
.right-16 .pullout-item { margin-left: 0;  }
.left-180>* { margin-left: 190px !important; }
.right-180>* { margin-right: 190px !important; }
.left-155>* { margin-left: 165px !important; }
.right-155>* { margin-right: 165px !important; }
.left-140>* { margin-left: 150px !important; }
.right-140>* { margin-right: 150px !important; }
.left-125>* { margin-left: 135px !important; }
.right-125>* { margin-right: 135px !important; }
.left-112>* { margin-left: 122px !important; }
.right-112>* { margin-right: 122px !important; }
.left-100>* { margin-left: 110px !important; }
.right-100>* { margin-right: 110px !important; }
.left-90>* { margin-left: 100px !important; }
.right-90>* { margin-right: 100px !important; }
.left-80>* { margin-left: 90px !important; }
.right-80>* { margin-right: 90px !important; }
.left-72>* { margin-left: 82px !important; }
.right-72>* { margin-right: 82px !important; }
.left-71>* { margin-left: 81px !important; }
.right-71>* { margin-right: 81px !important; }
.left-60>* { margin-left: 70px !important; }
.right-60>* { margin-right: 70px !important; }
.left-50>* { margin-left: 60px !important; }
.right-50>* { margin-right: 60px !important; }
.left-51>* { margin-left: 61px !important; }
.right-51>* { margin-right: 61px !important; }
.left-40>* { margin-left: 50px !important; }
.right-40>* { margin-right: 50px !important; }
.left-20>* { margin-left: 28px !important; }
.right-20>* { margin-right: 28px !important; }
.left-16>* { margin-left: 20px !important; }
.right-16>* { margin-right: 20px !important; }


/*
Layout Columns CSS 	
$Revision: 1.3 $
@author btapley
*/
.columns-4-ABCD-A,
.columns-4-ABCD-B,
.columns-4-ABCD-C,
.columns-3-ABC-A,
.columns-3-ABC-B,
.columns-3-ABcc-A,
.columns-3-ABcc-B,
.columns-3-aaBC-aa,
.columns-3-aaBC-B,
.columns-3-aaBcc-aa,
.columns-3-aaBcc-B,
.columns-2-aaB-aa,
.columns-2-Abb-A,
.columns-2-AB-A {
margin-bottom: 0.5em;
float: left;
}
.columns-4-ABCD-D,
.columns-3-ABC-C,
.columns-3-ABcc-cc,
.columns-3-aaBcc-cc,
.columns-3-aaBC-C,
.columns-2-Abb-bb,
.columns-2-aaB-B,
.columns-2-AB-B {
margin-bottom: 0.5em;
float: right;
}
.columns-2-AB-A,
.columns-2-AB-B { width: 48%; }
.columns-2-Abb-A,
.columns-2-aaB-B { width: 64%; }
.columns-2-Abb-bb,
.columns-2-aaB-aa { width: 32%; }
.columns-3-ABC-A,
.columns-3-ABC-B,
.columns-3-ABC-C { width: 30%; }
.columns-3-ABC-B { margin-left: 5%; }
/* Safari floors percentages instead of rounding, so this helps with balanced columns */
/* \*/
::root .columns-3-ABC-B,
::root .columns-3-aaBC-B,
::root .columns-3-ABcc-B,
::root .columns-3-aaBcc-B,
::root .columns-4-ABCD-B,
::root .columns-4-ABCD-C {
 position: relative;
 left: 1px;
}
/* */
.columns-3-ABcc-A,
.columns-3-ABcc-B,
.columns-3-aaBC-B,
.columns-3-aaBC-C { width: 34%; }
.columns-3-ABcc-cc,
.columns-3-aaBC-aa,
.columns-3-aaBcc-aa,
.columns-3-aaBcc-cc { width: 26%; }
.columns-3-ABcc-B,
.columns-3-aaBC-B,
.columns-3-aaBcc-B { margin-left: 3%; }
.columns-3-aaBcc-B { width: 42%; }
.columns-4-ABCD-A,
.columns-4-ABCD-B,
.columns-4-ABCD-C,
.columns-4-ABCD-D { width: 22%; }
.columns-4-ABCD-B,
.columns-4-ABCD-C { margin-left: 4%; }

/*	COMMON CSS
Shared Themes CSS
$Revision: 1.15 $
*/
html,
body {
padding: 0;
margin: 0;
}
html {
border-top: 5px solid #000000; /* Putting this here instead of on the body selector helps scripts properly caculate an element's calculated offset */
}
body { 
font: 75%/1 Arial, Helvetica, sans-serif;
color: #333;
position: relative;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
div[id="layoutLogic"] {
clear: both;
min-height: 1em;
}
body div,
body form {	_height: 1em; }
body * div { _height: auto; }
img { border: 0; }
/*	FLASH PIXEL
*/
#flash-pixel { display: none; }
#accesslink {
display: block;
position: absolute;
top: 0px;
left: -9999px;
overflow: hidden;
width: 1px;
height: 1px;
}
.replace-text {
text-indent: -1000%;
/*\*/
overflow: hidden;
/**/
display: block;
}
.camel-case { word-spacing: -.5ex; }
p {
font-size: 1.083em;
line-height: 1.462;
margin-top: 0;
padding-bottom: 1px;
margin-bottom: 1.2em;
}
h4 img,
p img {	vertical-align: middle; }
h1,
h2 { font-weight: normal; }
html[lang=ja] h1,
html[lang=ko] h1,
html[lang=zh] h1 { font-size: 22px; }
html.ja h1,
html.ko h1,
html.zh h1 { font-size: 22px; }
h2,
h3,
h4,
h5 { line-height: 1.31; }
h3 { 
font-size: 0.917em;
line-height: 1.455;
}
h4 {
font-size: 1.083em;
line-height: 1.31;
} 
h5 { font-size: 1em; }
h2 {
margin-top: 0;
margin-bottom: 0.5em;
font-size: 1.667em;
}
h4 { color: #111; }
h4,
h5 {
margin-top: 0;
margin-bottom: 0;
}
.txtleft { text-align: left; }
.txtright { text-align: right; }
.txtcenter { text-align: center; }
/*	ANCHORS
*/
a { 
color: #004477;
text-decoration: none;
}
a:hover { text-decoration: underline; }
a.off,
a:visited { color: #588CB8; }
a.on,
a:hover,
a:visited:hover { color: #004477; }
a.noHover:hover,
.noHover a:hover { text-decoration: none; }
a .mask-a,
a:hover .mask-a { color: #888888; }
.user,
.user a, 
.author { color: #F60; }
.editable a {
background-color: #def;
padding: 2px;
margin-right: 3px;
}
a.search-term, 
a.search-term:visited,
a.search-term:hover {
background-color: #fff;
color: #000000;
}
/*	NAV UP
*/
.nav-up {
position: relative;
top: 0;
left: 0;
height: 25px;
background-repeat: no-repeat;
background-position: top right;
}
/*	BORDER
*/
.border { border: 1px solid; }
img.border { border-color: #999; }
img.frame {
border-color: #424242;
outline-color: #CCC;
}
/*	LAYOUT CSS
Home Page Layout
$Revision: 1.9 $
*/
#globalnav #site-menu-dropdown .dropdown-pane { _width: 140px; }
.swfcontent img,
#home-fma img { visibility: hidden; }   
#home-fma { height: 430px; overflow: hidden; }
#layoutLogic {
width: 1006px;

position: relative;
}
*:first-child+html #contentLayout { border: none; }
#contentBody,
#contentPocket {
position: relative;
min-height: 350px;
_height: 350px;
}
#contentBody {
float: left;
padding: 12px 0 0 16px;	
}
#contentPocket {
padding: 16px 12px 0 24px;
float: right;
right: 8px;
}
.home #contentBody { width: 570px; _width: 576px }
.home #contentPocket { width: 376px; _width: 376px; }
.columns-2-AB-A,
.columns-2-AB-B { width: 48.95%; _width: 47% }
.home #contentPocket .columns-2-AB-A,
.home #contentPocket .columns-2-AB-B { margin-bottom: 1em; width: 48.42% }
#home-promo-1,
#home-promo-3 { margin-bottom: 9px; }
#promoButtons {
background: #686868 url(contentPromo_gradient.png) bottom left repeat-x;
margin-bottom: 7px;
padding-left: 16px;
}
#contentPocket #promoButtons div.columns-2-AB-A,
#contentPocket #promoButtons div.columns-2-AB-B { margin-bottom: 0; }
#promoButtons p { margin-bottom: 0.5em }
#contentPocket #promoButtons .v-ctr { position: relative; top: 0.7em; padding: 0.15em 0 0.2em; _vertical-align: middle; }
#contentPocket #promoButtons .v-ctr .icon { background-position: center left }
.tooltipBody { _width: 295px !important }	

/*	HOMEPAGE THEME CSS
$Id: theme.css,v 1.19 2009/02/09 23:14:16 dgasior Exp $
*/
body { background-repeat: repeat-x; }
h2 { 
font-size: 1.25em;
font-weight: bold;
}
h2 { color: #EBEBEB; }
a,
a:visited { color: #ffffff; }	/*text color when not hovering */
a:hover,
a:hover:visited { color: #00ffff; } /*text color when hovering */
.icon { 
padding: 0 0 0 24px !important; 
min-height: 20px; 
_height: 20px;
display: block;
}
.link-list li { _margin-right: 0 !important; }