@charset "UTF-8";

@import url(gnav.css);

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: "\0020";
display: block;
height: 0;
clear: both;
}
.compact {
/*\*//*/ display: inline-table; /*MacIE*/
_height: 1em;
min-height: 1px;
}
.compact {
 padding-bottom: 1px;
 _behavior: url(/lib/com.adobe/remedy/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: 1.25;
}
ol,
li,
li ol,
li ul { font-size: 1em; }
ul {
list-style-type: disc;
margin-left: 1ex;
}
ul,
ol {
padding-left: 2.5ex;
margin-top: 1em;
margin-bottom: 1.35em;
}
li {
line-height: 1.25em;
padding-bottom: 0.5em;
}
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: .3ex;
}
li p { margin-bottom: 0.5em; }
dt,
dd { line-height: 1.5em; }
dt {
font-weight: bold;
margin-bottom: 1em;
margin-top: 0.5em;
}
dl,
dd { margin-bottom: 1.5em; }
dd { margin-left: 16px; }

.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; 
}

.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: 1em;
border: 1px solid #CCC;
_zoom: 100%;
}

@charset "UTF-8";
.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 {
position: absolute;
top: 16px;
left: 0;
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 { 
/*\*/
display: block; 
/*/
display: inline-block;
/**/
_display: inline;
_zoom: 1;
}
/*--Tier 1---*/
.d-dropdown .dropdown-pane>* {
margin: 0;
}
.d-dropdown .dropdown-pane dt,
.d-dropdown .dropdown-pane dd,
.d-dropdown .dropdown-pane li {
_margin: 0;
}
.d-dropdown .dropdown-pane a {
margin: 0 1px;
-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}


/*	COMMON CSS
Shared Themes CSS
$Revision: 1.15 $
*/
html,
body {
padding: 0;
margin: 0;
}
html {
border-top: 0px solid #000000; /* Putting this here instead of on the body selector helps scripts properly caculate an element's calculated offset */
}
body { 
font: 77%/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;
}
.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;
}

/*	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;
}