/* COMMON styles, classes */

html{
 margin:0;
 padding:0;
}

body 
{
 font-family: Arial;
 font-size:12px;
 font-weight:normal;
 margin:0;
 padding:0;
}

#page {
 margin: 0 auto;
 position: relative;
 background: #FFFFFF url(../images/bg.gif) repeat-y scroll 0 0; 
 /* width: 1028px; */
 width: 1012px;
}

#content_column {
 margin: 0 auto;
 width: 976px;
}
#header {
 margin: 0;
 text-align: left;
 position: relative;
}

#header img#logo {
 float: left;
 margin-top: 27px;
 margin-left: 31px;
 border: none;
}


#header img#motto {
 float: left;
 margin-top: 50px;
 margin-left: 460px;
}

#header img#rainbow {
 float: right;
 margin: 6px 0;
}

#header .motto {
 color:#303030;
 font-family: sans-serif;
 font-size:12px;
 font-weight:normal;
/* margin:50px 38px; */
 margin:59px 38px 50px;
 padding:0;
 text-decoration:none;
 float: right;
 font-style:italic
}

#stock_photos {
 margin: 0;
}

/*********** NEW MENU *************/

.main_menu {
 height: 35px;
 margin: 6px auto 12px auto;
 padding: 0;
}

.main_menu ul {
 position: relative;
 display: block;
 height: 35px;
 list-style-image: none;
 /* list-style-position: none; none isnt valid here */
 list-style-type: none;
 padding: 0;
 margin: 0;
 /* ie sucks */
 margin-top: 0px !important;
 margin-bottom: 0px !important;
}

.main_menu ul li{
 display:block;
 float:left;
 height:35px;
 width: 163px;
 overflow:hidden;
 padding:0;
 margin:0 !important;
}

.main_menu ul li a{
 display:block;
 height:35px;
 line-height:35px;
 margin:0;
 overflow:hidden;
 padding:0;
 margin:0;
 width: 163px;
 text-align:center;
 text-decoration:none; 
 background: #B01D2D;
 color: #F2F4F1;
 font-size:15px;
 font-weight:bold;
}

.main_menu ul li a:hover{
 background: #990200;
}

.main_menu ul li.main_menu_short{
 width: 162px;
}


/******** END NEW MENU ************/

#main_menu {
 height: 35px;
 margin: 6px auto 12px auto;
 padding: 0;
}

#main_menu ul {
 position: relative;
 display: block;
 height: 35px;
 list-style-image: none;
 /* list-style-position: none; - none is not valid for this */
 list-style-type: none;
 padding: 0;
 margin: 0;
 /* ie sucks */
 margin-top: 0px !important;
 margin-bottom: 0px !important;
}

#main_menu ul li{
 display:block;
 float:left;
 height:35px;
 width: 163px;
 overflow:hidden;
 padding:0;
 margin:0 !important;
}

#main_menu ul li a{
 display:block;
 height:35px;
 line-height:35px;
 margin:0;
 overflow:hidden;
 padding:0;
 margin:0;
 width: 163px;
}

#main_menu ul li#menu_book_link,
#main_menu ul li#menu_home_link,
#main_menu ul li a.end{
 width: 162px;
}

#main_menu ul li#menu_home_link a{
 background: url('/images/nav/nav_bar_home.gif') no-repeat 0 0;
}
#main_menu ul li#menu_blog_link a{
 background: url('/images/nav/nav_bar_blog.gif') no-repeat 0 0;
}

#main_menu ul li#menu_xfiles_link a{
 background: url('/images/nav/nav_bar_xfiles.gif') no-repeat 0 0;
}
#main_menu ul li#menu_qa_link a{
 background: url('/images/nav/nav_bar_qa.gif') no-repeat 0 0;
}
#main_menu ul li#menu_classifieds_link a{
 background: url('/images/nav/nav_bar_classifieds.gif') no-repeat 0 0;
}
#main_menu ul li#menu_book_link a{
 background: url('/images/nav/nav_bar_book.gif') no-repeat 0 0;
}
#main_menu ul li#menu_home_link a:hover, 
#main_menu ul li#menu_blog_link a:hover, 
#main_menu ul li#menu_xfiles_link a:hover, 
#main_menu ul li#menu_qa_link a:hover, 
#main_menu ul li#menu_classifieds_link a:hover, 
#main_menu ul li#menu_book_link a:hover 
{
 background-position: 0 -35px;
}
#left_nav {
 float: left;
 width: 183px;
}

#left_nav_top_image, #left_nav_bottom_image {
 display: block;
 border: 0;
 margin: 0;
}

#left_nav_contents  {
 font-family:Arial;
 font-size:9pt;
 font-weight:normal;
 line-height:17px;
 width: 163px;
 background: #b21f31;
 color: #ffffff;
 margin: 0;
 padding: 0 10px 10px 10px;

}


#left_nav_contents p {
 margin: 0 0 10px 0;
}


#left_nav_contents a{
 color: #ffffff;
 font-family: Arial;
 text-decoration: underline;
 font-weight: normal; 
}
.left-nav-hr {
 margin: 10px 0;
}
#left_nav_contents label, #left_nav_contents small {
 margin: 7px 0;
 display: block;
}

#left_nav_contents h2 {
 margin-top: 0px;
 margin-bottom: 5px;
 font-size: 14px;
}
#left_nav_contents h3 {
 padding:10px 0;
 border-top:1px solid #FFFFFF;
 color: #ffffff;
 text-align: justify;
 width: 100%;
 margin: 0px;

 font-family:Arial;
 font-size:13pt;
 font-weight:bold;
 text-decoration:none;
}

#left_nav_contents hr {
 height: 1px;
 color: #ffffff;
}
#middle {
 margin: 0 auto;
}

#main {
 width: 780px;
 margin: 0 auto 0 9px;
 float: left;
}

#main p {
 margin: 0;
 display: block;
 clear: both;
}

#footer {
 margin-top: 22px;
}

#footer ul {
 list-style-image: none;
 list-style-position: outside;
 list-style-type: none;
 padding: 0;
 margin: 10px auto 20px;
}
#footer ul li a{
 display:inline;
 float:left;
 height:25px;
 margin:0;
 padding:0;
}
#footer ul li a img {
 border: 0;
}

#footer_rainbow {
 margin: 35px 0 10px 0;
}
#copyright {
 color: #999999;
 font-size: 10px;
 margin: 0 auto 0 0;
 height: 50px;
 padding-bottom: 2px;
}

#copyright a {
 color: #2d8ba4;
 font-size: 10px;
 text-decoration: underline;
}
/*  Main content stuff */

img.window-top, img.window-bottom {
 display: none;
 margin: 0;
}

.main-content-box {
 background: #f2f2f2; 
 border: 1px solid #e7c7ca;
 -webkit-border-radius: 5px; 
 -moz-border-radius: 5px;
 padding: 10px;
 margin-bottom: 16px;
}

.main-content-box h2 {
 /* margin: 0 0 14px 0; */
 margin: 0 0; 
 color: #b21f31;
 font-size: 18px;
}
.main-content-box label {
 color: #b21f31;
}

.main-content-box ul li {
 margin: 4px 0;
}

#left_nav_contents a.action-link, .main-content-box a.action-link {
 font-weight: bold;
 font-size: 13px;
 display: block;
 clear: both;
}
#left_nav_contents a.action-link {
 margin:5px 0;
 text-align:center;
}

.more-button-div {
 text-align: right;
 clear: both;
 margin-top: 10px;
}

a.more-button {
 float: right;
 clear: both;
}

a.more-button img{
 border: 0;
}

.named-more-button-div {
 text-align: right;
 clear: both;
}

a.named-more-button {
 margin-top: -26px;
 float: right;
 clear: both;
}

a.named-more-button img{
 border: 0;
}


a ,a:visited {
 color:#B21F31;
 text-decoration:underline;
}

a:hover {
}


a:active, a:focus {/* remove the dotted line around active links in ff */
outline:none;		
}

a.simple_link{
 margin:0 0 0 10px;
 
}

.clr{
 clear:both;
}

.hdn{
 display:none;
}
/* LISTING QUESTIONS,ADS  */
.category_head {
 color: #333333;
 margin: 4px;
}

div.category_list{
 /* margin:10px 0; */
  margin:0px 0;
}

div.category_list ul{
 margin:0;	
 padding:0;
 list-style-type:none;
 list-style-position: outside;
}

div.category_list ul li{
 width:184px;
 margin:0;
 color: #333333;
 padding:0;
 float:left;
}

.category_selected {
/*background: #CCC url(../images/green_arrow_right.gif) center left no-repeat ! important;*/
background: #CCC !important;
}


div.category_list ul li a, div.category_list ul li a:visited {
 /* color:#333; */
}

/* list table */
table.acc_tables, table.question_list, table.ad_list, table.book-toc, table.issue-list {
 color: #333333;
}

table.acc_tables tr td, table.question_list tr td , table.ad_list tr td{
 vertical-align:top;
}

table tr.odd, table.book-toc tr.odd, table.issue-list tr.odd, table.question_list tr.odd, table.ad_list tr.odd{
 background: #E8E8E8;
}

table tr.even, table.book-toc tr.even, table.issue-list tr.even, table.question_list tr.even, table.ad_list tr.even{
 background: #FBFBFB;
}

table.acc_tables th, table.book-toc th, table.issue-list th, table.question_list th, table.ad_list th{
 padding:4px 6px;
 background:#B21F31;
 color: #FFFFFF;
}

table.acc_tables th a, table.book-toc th a, table.issue-list th a, table.question_list th a, table.ad_list th a{
 color: #FFFFFF;
}
table.book-toc td, table.issue-list td, table.question_list td, table.ad_list td {
 padding:4px 6px;
}

table.book-toc td a, table.issue-list td a, table.question_list td a, table.ad_list td a{
 color:#B21F31;
}

table.question_list .col_question{
 text-align:left;
 width:365px;
 padding-left:10px;/* CHANGE: add 10px left padding */
}
table.question_list .col_reply{
 text-align:center;
 width:40px;
}

table.question_list th.col_update{
 text-align:center;
 width:145px;
}

table.question_list .col_category{
 text-align:right;
 width:105px;
}

table.question_list td.col_update{
 text-align:left;
 font-size:10px;
}

table.question_list td.col_update .little_comment{
 font-size:11px;
 font-weight:bold;
}

table.question_list td .question_list_title, table.ad_list td .ad_list_title {
 margin:0 0 4px 0;
}

table.ad_list{
 width:570px;
}

table.ad_list .col_ad_title{
 width:75%;
 text-align:left;
 padding-left:10px;/* CHANGE: add 10px left padding */
}
table.ad_list .col_ad_category{
 width:25%;
 text-align:right;
}

.ad_list_title {
 float: left;
}

.ad_list_name {
 float: left;
}
.ad_list_thumb, .question_list_thumb {
 float: right;
 margin: 2px;
 
}
.ad_list_thumb img, .question_list_thumb img {
 padding:2px;
 background:white;
 border:solid 1px #B21F31;
}
table.issue-list {
 margin: 10px auto;
}
/* PAGER */
.pager {
 color: #333333;
}
.pager a {
 color:#B21F31;
}

/* forms */
.text-field, .select-field {
 border:solid 1px #E7C7CA;
 -moz-box-shadow: 3px 3px 5px #888;
 -webkit-box-shadow: 3px 3px 5px #888;
}

#left_nav input.text-field, 
#left_nav select.select-field {
 width: 156px;
 /* color: #b21f31; */
 color:#CCCCCC;
}

#left_nav .image-submit-tag {
 display: block;
 margin: 5px auto;
}

#top_left_label {
 margin-top: 0;
}

.loginform {
 width: 390px;
}

.contact_form, .new_question, .new_ad, .mailing_list_form, .question_form {
 width: 500px;
}
.contact_form label, .new_ad label, .new_question label, .edit_acc_info label, #mailing_list label, .loginform label{
 display:block;
 float:left;
 clear:both;
 margin:14px 0 0 10px;
 padding:0;
 font-weight:bold;
}
.loginform label{
 width:100px;
}
.contact_form label, .new_ad label, .new_question label, .edit_acc_info label, #mailing_list label{
 width:115px;
}
.loginform input.text-field {
 width: 250px;
}
.edit_acc_info {
 width: 505px;
}
.contact_form select, .contact_form .text-field, 
.new_ad select, .new_ad .text-field, 
.new_question select, .new_question .text-field, 
.edit_acc_info select, .edit_acc_info .text-field,
#mailing_list select, 
#mailing_list input.text-field {
 width: 350px;
}


.top-page-entry {
 margin: 10px;
}

.submit{
 margin: 10px;
 border: none;
}
/* SHADOW STUFF */
/*
.contact_form .shadow-container, 
.new_ad .shadow-container, 
.loginform .shadow-container, 
.edit_acc_info .shadow-container, 
#mailing_list .shadow-container{
  margin-top: 10px;
  float: left;
}

#select_section .shadow-container {
  margin-top: 14px;
}
.left-nav-shadow-container {
  margin: 5px 0;
}
.shadow-container {
 float: left;
}

.left-nav-shadow-container,
.shadow-container {
 position: relative;
 left: 3px;
 top: 3px;
 margin-right: 3px;
 margin-bottom: 3px;
}
 
.left-nav-shadow-container .shadow2, .shadow-container .shadow2,
.left-nav-shadow-container .shadow3, .shadow-container .shadow3,
.left-nav-shadow-container .container, .shadow-container .container {
position: relative;
left: -1px;
top: -1px;
}
 
.shadow-container .shadow1 {
background: #F1F0F1;
}
 
.shadow-container .shadow2 {
background: #DBDADB;
}
 
.shadow-container .shadow3 {
background: #B8B6B8;
}
 
.left-nav-shadow-container .shadow1 {
background: #801623;
}
 
.left-nav-shadow-container .shadow2 {
background: #4d0d15;
}
 
.left-nav-shadow-container .shadow3 {
background: #1b0507;
}
*/

.shadow-container {
 float: left;
 margin: 10px 0 -5px 0;
 border: none;
}
.left-nav-shadow-container {
}
.left-nav-shadow-container {
 margin: 5px 3px 3px 0;
 position: relative;
 left: 3px;
 top: 3px;
}
#login_button, #register_button, #preview_button, #subscribe_button, #submit_button {
 margin: 25px;
 float: right;
}
#preview_comment_button {
 float: left;
 margin-left: 230px;
}
/* breadcrumb */
.no-padding {
 padding: 0;
}
#breadcrumb{
 margin: 0 0 5px 0;
 font-size:13px;
}

#breadcrumb a{
 font-size:13px;
 text-decoration: underline;
}


.powa{
 margin:20px 0 50px 10px;
 padding:0;
 font-size:10px;
}
/* imported from japaninfoswap site */

/*
  #habitat_japan_link {
    margin-top: 10px;
  }
*/

#habitat_japan_link .book-link {
 margin: 10px auto;
 text-align: center;
}
#habitat_japan_link a img{
 border:solid 1px #E7C7CA;
}

#log_link {
 text-align: center;
 margin-bottom:10px;
}
#log_link a {
 display: block;
}

#log_link a {
 font-weight: bold;
 font-size: 14px;
}
.left-margin-rss-link {
 margin: 5px;
}
.left-margin-rss-link a {
 margin-left: 2px;
}
.left-margin-rss-link a img {
 border: none;
 vertical-align: middle;
}


#book_toc {
 margin: 10px;
}

#xpat_files {
 margin: 0px !important;
}

#xpat_files p, #book_intro p {
 margin: 10px;
}
/* questions */
.new_question a.addlink, .feedback_form a.addlink {
 clear:both;
 display:block;
}
.feedback_form a.addlink {
 padding-top: 10px;
}
.new_question a.addlink {
 padding-top: 10px;
 margin-left:130px;
}

#new_question_note {
 padding-top: 15px;
}

.feedback_form a.addlink {
 margin:110px 0 0 15px;
}
.new_question div.checkbox {
 clear: both;
}
.new_question div.checkbox input {
 float:left;
 margin:5px 0 0 20px;
 width:auto;
}
.new_question .checkbox label {
 clear:none;
 margin:5px 0 0 10px;;
}
.file-field{
 margin-top: 10px;
}
.comment_list {
 color: #333333;
}
.comment_list .comment_info{
 font-style: italic;
}
.comment_list ul {
 list-style-type: none;
}
.comment_list ul li{
 padding:0 0 0 10px;
 float:left;
 background: url('/images/list-disc.gif') 0 5px no-repeat;
 border-bottom:1px solid #B21F31;
 margin-bottom:5px;
 width:600px;
}
.no-border {
 border: none;
}
/* Q & A question - show */
img.question_image {
 margin: 10px;
}
div#question {
 margin:30px 10px 10px 10px;
}

div#question a {
}

div#question_details {
 margin:25px 10px 10px 10px;
}
div#question_details p {
 margin-top: 10px;
}

div#question_answer {
 margin:10px;
}

.show_ad p, .show_ad #ad {
 margin: 10px !important;
}

.common_sidebar_list_item{
 line-height:18px;
 padding:0;
}

.common_sidebar_list_item h2{
 display:block;
 width:180px;
 height:20px;
 margin:10px 0 0 0;
 padding:4px 0 0 10px;
 font-size:12px;
 color:#333;
 background:#dee5e9; 
}

.common_sidebar_list_item ul{
 list-style: none;
}
.common_sidebar_list_item ul li{
 margin-left: -35px;
}
#sidebar div.common_sidebar_list_item form  ul{
 margin:0 0 0 10px;
 padding:0;
}

.common_sidebar_list_item form{
 margin:0;
 padding:0;
}

.common_sidebar_list_item a{
 margin:0 0 0 10px;
}

.common_sidebar_list_item input{
 display:inline;
 margin:0;
 padding:0;
}

.common_sidebar_list_item{
 line-height:18px;
 padding:0;
}

.common_sidebar_list_item h2{
 display:block;
 width:180px;
 height:20px;
 margin:10px 0 0 0;
 padding:4px 0 0 10px;
 font-size:12px;
 color:#333;
 background:#dee5e9; 
}

.common_sidebar_list_item ul{
 list-style: none;
}
.common_sidebar_list_item ul li{
 margin-left: -35px;
}

#sidebar div.common_sidebar_list_item form  ul{
 margin:0 0 0 10px;
 padding:0;
}

.common_sidebar_list_item form{
 margin:0;
 padding:0;
}

.common_sidebar_list_item a{
 margin:0 0 0 10px;
}

.common_sidebar_list_item input{
 margin:0;
 padding:0;
}

.common_sidebar_list_item label{
 display:inline !important;
}

.common_sidebar_list_item .button{
 margin: 5px auto;
 display:block;
}

.left-nav-loginform {
 width: 164px;
}

.left-nav-loginform .left-nav-shadow-container {
 height:24px;
 margin:5px 0;
}

.left-nav-loginform .forgot {
 width:80px;
 font-size: 11px !important;
 text-align: center !important;
 text-decoration:none;
}

.left-nav-loginform input {
 float: left;
 display:block;
 text-align:left;
}

#left_login_button {
 margin: 6px 0px;
}

.left-nav-loginform .forgot {
 float: left;
 display:block;
 text-align:left;
}

.left-nav-loginform .register img {
 border: none;
}

.window-top, 
.window-bottom {
 display: none;
 margin: 0;
}

.main-container {
 float: left; 
 padding-bottom: 1px;
}

/*
.main-container div {
 margin:0px;
 padding:0px;
}
*/

.rounded-outer {
 margin: 0px 10px 16px 0px;
 padding: 0px;
 float: left; 
}

#classifieds-outer,
#book-outer {
 width:250px;
 margin-right: 0px;
}

#blogs-outer, 
#QandA-outer {
 width:510px;
}

#useful-outer {
 width: 768px; 
 margin-right: 0px;
}

.rounded-content {
 width: 100%;
 background: #f2f2f2; 
 border: 1px solid #e7c7ca;
 -webkit-border-radius: 5px; 
 -moz-border-radius: 5px;
 padding: 0px;
 margin: 0px;
}

.rounded-inner-content {
 margin:10px;
}

.rounded-content h2 {
 margin: 0 0 14px 0; 
 color: #b21f31;
 font-size: 18px;
}
.rounded-content label {
 color: #b21f31;
}

.rounded-content li {
 margin: 4px 0;
}

.topleft_align
{
 background: url(/images/rebrand_win_TL.png) no-repeat top right;
 position: relative; 
 height: 8px;
 width: 8px;
 float:left;
 line-height: 8px;
 margin: -8px 0px 0px 0px;
 padding: 0px;
}

.topright_align
{
 background: url(/images/rebrand_win_TR.png) no-repeat top right;
 position: relative; 
 height: 8px;
 width: 8px;
 float: right;
 line-height: 8px;
 margin: -8px -2px 0px 0px;
 padding: 0px;
 display:block;
}

.botright_align
{
 background: url(/images/rebrand_win_BR.png) no-repeat top right;
 position: relative; 
 height: 8px;
 width: 8px;
 float:right;
 line-height: 8px;
 margin: -7px -2px 0px 0px;
 padding: 0px;
}

.botleft_align
{
 background: url(/images/rebrand_win_BL.png) no-repeat top right;
 position: relative; 
 height: 8px;
 width: 8px;
 float:left;
 bottom:0px;
 line-height: 8px;
 margin: -7px 0px 0px 0px;
 padding: 0px;
}

.topmid {
 background: #F2F2F2;
 border-top:1px solid #E7C7CA;
 height: 6px;
 line-height: 6px;
 margin: 0px;
 padding: 0px;
 width: 100%;
}

.botmid {
 background: #F2F2F2;
 border-bottom:1px solid #E7C7CA;
 height: 7px;
 line-height: 7px;
 margin: 0px;
 padding: 0px;
 width: 100%;
}

.half_floating_panel {
 width: 49%;
 float: left;
}

.wide_list {
 width: 74%;
 float: left;
}

.short_list {
 width: 24%;
 float: left;
}

.search_controls {
 margin-top: 5px;
}

.controls_submit .image-submit-tag {
/* float:right; */
 margin:10px 0 0 0;
}

.controls_submit {
 width: 18%;
 float: left;
}

.controls_region,
.controls_keyword{
 width: 40%;
 float: left;
}

.search_control_select {
 margin-top:5px;
 border:solid 1px #E7C7CA;
 -moz-box-shadow: 3px 3px 5px #888;
 -webkit-box-shadow: 3px 3px 5px #888;
}

.social_media {
 margin: 20px auto;
 width: 100px;
}

.social_media a,
.social_media img {
 border: 0px none;
 margin: 2px;
}

#bottom_banner{
  margin: 3px;
  text-align: center;
}