/* HTML OVERRIDES
------------------------------------------------------------- */
body {background-color: #070f21; font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color: #fff;
text-align: center; }
a:link, a:visited {color:#48537e; text-decoration: none; }
a:hover, a:active {color:#fff; text-decoration: none; }
h1,h2,h3 {}
h2 {line-height: 150%; font-weight: normal; }
ul, li {margin: 0px; padding: 0px; }
/* MODIFIERS
------------------------------------------------------------- */
.clear {clear:both; line-height: 1px; height: 1px; font-size: 1px; }
.larger {font-size: 18px; }
.large {font-size: 14px; }
.indent {padding-left: 40px; }
.txt_right {text-align: right; }
.hidden {visibility: hidden; display: none; }
/* LAYOUT
------------------------------------------------------------- */
#wrapper {width: 950px; text-align: left; margin: 0px auto; margin-top: 30px;
/* To force footer to remain on bottom for XHTML */
display: block;
min-height: 100%;
position: relative;
}
#skyscaper-advertising {position: absolute; left: -150px; top: -30px; background-color: #070f21; width: 120px; height: 600px; }
#header {text-align: right; width: 100%; }
#header a:link, #header a:visited {color:#fff; text-decoration: none; }
#header a:hover, #header a:active {color:#6382b9; text-decoration: none; }
li.twitterLogo {vertical-align: middle; }
li#google-plus-one {margin-top: 15px; vertical-align: middle; }
span.copyright {float: right; width: 200px; text-align: right; }
span.copyright img {margin-top: 10px; }
#footer {
width: 950px;
clear: both;
color: #48537e;
position: fixed;
/* _position: absolute; *//* IE Sucks! */
bottom: 0px;
display: block;
z-index: 999;
height: 200px; /* PNG + footer_content */
}
* html div#footer {
position: absolute;
top:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop
+(documentElement.clientHeight-this.clientHeight)
: document.body.scrollTop
+(document.body.clientHeight-this.clientHeight));
}
.footer_content {background: #041d3d url("img/footer_gradient.jpg") bottom left repeat-x; height: 200px; /* 100 normally + 130 for japanese relief banner */ padding-bottom: 20px; margin-top: -3px; font-size: 10.5px; }
.footer_content .copyright {float: right; margin-right: 20px; }
.footer_content ul {float: left; margin: 0px 5px 5px 20px; }
.footer_content ul li {list-style-type: none; }
ul li { list-style-type: none; padding: 0px 5px; margin: 2px 0px; }
ul li.skype img,
ul li.linkedin img,
ul li.facebook img,
ul li.jobster img,
ul li.plaxo img,
ul li.word img,
ul li.twitter img,
ul li.pdf img{ vertical-align: middle; margin-right: 10px; }
div#help-japan {margin: 0px auto; margin-bottom: 10px; text-align: center; }
div#advertising {width: 300px; height: 250px; /* Size of Ad Block; */ margin: 0px auto; margin-top: 20px; }
#content { padding-bottom: 100px; /* To allow for floated footer */ }
#content .leftcol {background: #070f21 url("/img/body_bg.jpg") top left no-repeat; float: left; width: 370px; text-align: center; padding: 50px; height: 470px; padding-top: 100px; }
#content .rightcol {float: left; width: 460px; margin-left: 20px; padding: 90px 0px 140px 0px; }
.breadcrumb {color: #6382b9; margin-bottom: 20px; }
.breadcrumb span.current {font-size: 20px; color: #fff; clear: both; }
.breadcrumb a {color: #6382b9; text-decoration: none; }
.breadcrumb a:hover {color: #6382b9; text-decoration: underline; }
.text {margin-left: 60px; }
/* Homepage */
#homepage .rightcol {padding-top: 100px; width: 420px; text-align: right; }
/* Weighted Country Feature */
div#weightedwordlist { }
div#weightedwordlist div {padding: 3px; display: inline; line-height: 120%; vertical-align: middle; }
/* Payments */
.amount {float: left; display: inline; }
.amount input {margin-left: 10px; }
.button {float: left; display: inline; margin-left: 10px; margin-top: -4px; }
.button img {vertical-align: middle;}
.leftcol .metadata {display: block; margin-top: 100px; font-size: 8px; }
/* Legacy */
#meta {text-align: center; margin: 20px auto; }
#intro_image {}
#intro_image img {border: 1px solid #333333; padding: 5px; }
ul#navigation {display: block; }
ul#navigation li {list-style-type: none; display: inline; border-right: 1px solid #fff; padding: 0px 5px; }
ul#navigation li#homeicon,
ul#navigation li.lastitem {border-right: 0px; }
ul#services {margin: 10px 0px 40px 10px; }
ul#services li {margin-top: 15px; }
div.button {}
div#payment-btn {vertical-align: middle; margin-left: 20px; }
div#google-checkout-gfx {display: block; clear: both; margin: 40px 0px 0px 60px; }
/* FORMS
--------------------------------------------------------------- */
form {margin: 0px; padding: 0px; }
form fieldset { border: 1px dotted #bccada; }
form legend {display: none; visibility: hidden;}
form ul {list-style: none; margin: 0px; padding: 0px; }
form li {margin: 10px 0px; text-align: left; }
form label {width: 140px; text-align: right; margin-right: 0.5em; float: left; display: block; }
form#contact_form label {width: 350px; text-align: left; margin-right: 0.5em; clear: both; }
form input,
form textarea,
form select
{
font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
padding: 3px;
}
input.textfield,
textarea.textfield { width: 180px; border: 1px solid #333333; background-color: #1b1b1b; color:#b69436;}
select.textfield { width: 185px; border: 1px solid #333333; background-color: #1b1b1b; color:#b69436;}
form li.buttons {margin-left: 140px; }
form li.buttons input{ float: left; margin: 10px 5px; font: 1em verdana,arial,helvetica,sans-serif; padding: 4px;}
.errors { border: 2px solid #e4505e; color: #e4505e;}
p.errors, label.errors {border: none;}
ul.errors {border: none; margin: 0px; padding: 0px; font-size: 0.85em;}
ul.errors li {list-style-type: none; }
form#google_checkout {display: block; clear: both; }
#google_checkout input#amount {border: 1px solid #14284b; background-color: #070f21; padding: 3px; color: #fff; }
/* HIDDEN PANELS
--------------------------------------------------------- */
#overlay{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 2000%;
/* background: #070f21 url("img/overlay_bg.jpg") top left no-repeat; */
background-color: #070f21;
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
line-height: 0px;
z-index: 2000;
}
#contact_wrapper, #glossary_wrapper {
position: absolute;
top: 0px;
width: 100%;
z-index: 3000;
text-align: center;
}
#contact_detail
{
background: #000 url("img/black_bg.jpg") bottom left repeat-x;
border: 1px solid #333333;
width: 750px;
margin: 0px auto;
text-align: left;
padding: 20px;
z-index: 3000;
}
#glossary_detail {
text-align: left;
margin: 0px auto;
background-color: #070f21;
border: 1px solid #303747;
width: 400px; padding: 20px;
}
#ajax_content {
}
/*
.scrollbar-vert{
background-color: #d2e8ff;
height: 100px;
width: 20px;
float:left;
}
.handle-vert{
background-color: #0066FF;
height: 42px;
width: 20px;
}
*/