@charset "utf-8";

/**
 * blogPot CSS TEMPLATE (W3C-Validated)
 *
 * INDEX
 * ---------------------------------
 * (1) BASE  --- Basic Element Styles
 * (2) HEADER-BOX
 * (3) LEFT SPACE - MENU
 * (4) CONTENT-BOX
 * (5) FOOTER-BOX
 * (6) COLORED TABLES
 * (7) TEXT & SMALL STUFF
 *
 * $Id: rich_green/win_ie_style.css, 2004/07/11 08:45:03 Exp $
 */

/*
=========================
(1) BASE
=========================
*/


/* FORMS */
form {
    font-family      : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Trebuchet MS, sans-serif;
}
textarea {
    width            : 90%;
    border           : 1px solid #969696;
    font-size        : 10pt;
	font-family      : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Trebuchet MS, sans-serif;
}
input {
    font-size        : 10pt;
	font-family      : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Trebuchet MS, sans-serif;
}
input[type="submit"],[type="reset"] {
    background-color : #eeeeee;
	background-repeat:repeat-x;
    font-size        : 10pt;
	font-family      : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Trebuchet MS, sans-serif;
    padding          : 1px 10px 1px 10px;
}
select {
    font-size        : 95%;
	font-family      : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Trebuchet MS, sans-serif;
    margin-top       : 2px;
    margin-bottom    : 2px;
    height           : 1.7em;
    color            : #000000;
    background-color : #ffffff;
    border           : 1px solid #999999;    
}
multipleselect {
}

/* IMAGES */
img {
    border           : 0px
}

/* WARNING MESSAGE */
.warning {
    color            : #ff0000;
    text-decoration  : none;
    background-color : transparent;
    margin           : transparent;
    padding          : transparent;
}

/*
=========================
(3) LEFT SPACE - MENU
=========================
*/

div.menu-box {
    width            : 18%;
    font-size        : 10pt;
    position         : absolute;
    float            : left;
    margin-top       : 65px;
    margin-left      : 0px;
    padding          : 8px;
    color            : #000000; 
    background-color : transparent;
}

/* MENU CATEGORY */
div.menu-box h2 {
    text-align       : center;
    font-size        : 10pt;
    color            : #eeeeee;
    background-color : #e2dac5;
    padding          : 5px;
    margin           : 0px;
}

/* JUST INFORMATION */
div.menu-box h3 {
    text-align       : center;
    font-size        : 10pt;
    background-color : #ffffff;
    padding          : 20px 0px 20px 0px;
    border           : 1px solid #e2dac5;
    margin           : 0px;
}

/* SOMETHING LISTING */
ul.menu {
    list-style       : none;
    font-family      : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
    font-size        : 10pt;
    font-weight      : bold;
    color            : #e2dac5;
    background-color : transparent;
    right            : 2.5%;
    width            : 100%;
    margin           : 0px 0px 20px 0px;
    padding          : 0px;
}
li.menu {
    line-height      : 14px;
    list-style       : none;
    margin           : 0px;
    text-indent      : 0;
    border-left      : 4px solid #e2dac5;
    border-bottom    : 1px solid #e2dac5;
    padding          : 5px;
}

/* FOR CURRENT MENU */
li.current-menu {
    color            : #806020;
    text-shadow      : #dddddd 0.2em 0.2em 0.2em;
    background-color : transparent;
    line-height      : 14px; 
    list-style       : none; 
    margin-bottom    : 0px; 
    padding          : 5px 5px;
    border-left      : 5px solid #669933; 
    border-bottom    : 1px solid #669933; 
}

/* RESPONSES (TRACKBACKS OR COMMENTS) LISTING */
div.response {
    font-family      : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
    font-size        : 10pt;
    color            : #e2dac5;
    background-color : transparent;
    right            : 2.5%;
    width            : 100%;
    margin           : 0px 0px 20px 0px;
    padding          : 0px;
}
div.response ul {
    list-style       : none;
    font-family      : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
    font-size        : 80%;
    font-weight      : normal;
    color            : #e2dac5;
    background-color : transparent;
    right            : 2.5%;
    width            : 100%;
    margin           : 0px 0px 20px 0px;
    padding          : 0px;
}
div.response li {
    line-height      : 14px;
    list-style       : none;
    font-weight      : normal;
    margin           : 0px;
    text-indent      : 0;
    border-left      : 4px solid #e2dac5;
    border-bottom    : 1px solid #e2dac5;
    padding          : 5px;
}

/*
=========================
(4) RIGHT SPACE - MAIN
=========================
*/

div.content  {
    position         : absolute;
    width            : 80%;
    font-size        : 10pt;
    float            : left;
    margin-top       : 5px;
	margin-left      : 10%;
    margin-right     : 10%;
	margin-bottom    : 5px;
	padding-top      : 8px;
	padding-left     : 0.5em;
	padding-right    : 0.5em;
    border-left      : 1px solid #dddddd;
    border-right     : 1px solid #dddddd;
    color            : #000000; 
    background-color : transparent;
}

h2.archive-title {
    font-family      : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
    font-size        : 16pt;
    color            : #0000ff;
    background-color : transparent;
    border-top       : 2px solid #0000ff;
    border-bottom    : 2px solid #0000ff;
    padding-top      : 5px;
    padding-bottom   : 5px;
}

h2.admin-title {
    font-family      : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
    font-size        : 16pt;
    color            : #e2dac5;
    background-color : transparent;
    border-top       : 2px solid #e2dac5;
    border-bottom    : 2px solid #e2dac5;
    margin-top       : 0px;
    margin-bottom    : 2px;
    padding-top      : 5px;
    padding-bottom   : 5px;
    width            : 100%;
}

h2.navigation {
    font-family      : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
    font-size        : 10pt;
    margin-left      : 0%;
    margin-right     : 0%;
    margin-top       : 0%;
    margin-bottom    : 0%;
    padding-top      : 0px;
    padding-bottom   : 0px;
}

h2.notice {
    font-family      : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
    font-size        : 10pt;
    font-weight      : normal;
	color            : #ff0000;
    margin-right     : 0%;
    margin-top       : 0%;
    margin-bottom    : 0%;
    padding-top      : 0px;
    padding-bottom   : 0px;
}

h2.date {
    font-family      : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
    font-size        : 120%;
    color            : #330099;
    background-color : transparent;
    border-top       : 1px dotted #330099;
    border-bottom    : 1px dotted #330099;
    padding-top      : 5px;
    padding-bottom   : 5px;
}

/* FOR EACH ARTICLE */
div.article-box {
    margin-bottom    : 14px;
    padding-left     : 1em;
    padding-right    : 1em;
    padding-bottom   : 1em;
    line-height      : 17px;
}

/* EACH ARTICLE TITLE */
h3.article-title {
    font-family      : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
    font-size        : 110%;
    border-bottom    : 1px dotted #e2dac5;
	color			 : #e2dac5;
}

div.date {
    font-family      : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
    font-size        : 80%;
}

div.comment {
    font-family      : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
    font-size        : 10pt;
    border-bottom    : 1px solid #dddddd;
    line-height      : 160%;
}

div.article-footer {
	text-align       : right;
    font-family      : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
    font-size        : 80%;
    margin-top       : 2em;
}

/*
=========================
(5) TRACKBACKS
=========================
*/

div.trackback-box {
    margin-bottom    : 14px;
    margin-left      : 1em;
    margin-right     : 1em;
    margin-bottom    : 1em;
    line-height      : 17px;
    border           : 1px dotted #dddddd;
}

h3.trackbacks {
    font-size        : 120%;
    color            : #eeeeee;
    background-color : #e2dac5;
    margin           : 0px;
    padding-left     : 5px;
    padding-right    : 5px;
    line-height      : 160%;
}

div.trackback-title {
    font-family      : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
    font-weight      : bold;
    border-bottom    : 1px solid #dddddd;
    line-height      : 160%;
    margin-left     : 10px;
    margin-right    : 10px;
}

div.trackback-box p {
    font-family      : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
    line-height      : 160%;
    margin-left      : 10px;
    margin-right     : 10px;
}

div.trackback-contents {
    font-family      : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
    line-height      : 160%;
    margin-left      : 20px;
    margin-right     : 20px;
}

div.trackback-info {
    font-family      : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
    font-style       : italic;
    font-color       : #eeeeee;
    line-height      : 160%;
    margin-left      : 10px;
    margin-right     : 10px;
	margin-bottom    : 20px;
}

div.trackback-uri {
    text-align       : center;
    font-family      : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
    font-style       : italic;
    font-color       : #dddddd;
    line-height      : 300%;
    margin-left      : 20px;
    margin-right     : 20px;
    margin-bottom    : 20px;
    border           : 1px solid #dddddd;
}

/*
=========================
(6) COMMENT
=========================
*/

div.comment-box {
    margin-bottom    : 14px;
    margin-left      : 1em;
    margin-right     : 1em;
    margin-bottom    : 1em;
    line-height      : 17px;
    border           : 1px dotted #dddddd;
}

h3.comments {
    font-size        : 120%;
    color            : #eeeeee;
    background-color : #e2dac5;
    margin           : 0px;
    padding-left     : 5px;
    padding-right    : 5px;
    line-height      : 160%;
}

div.comment-title {
    font-family      : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
    font-weight      : bold;
    border-bottom    : 1px solid #dddddd;
    line-height      : 160%;
    margin-left     : 10px;
    margin-right    : 10px;
}

div.comment-box p {
    font-family      : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
    line-height      : 160%;
    margin-left      : 10px;
    margin-right     : 10px;
}

div.comment-info {
    font-family      : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
    font-style       : italic;
    font-color       : #eeeeee;
    line-height      : 160%;
    margin-left      : 10px;
    margin-right     : 10px;
	margin-bottom    : 20px;
}

h3.comment-post {
    font-size        : 120%;
    margin           : 0px;
    padding-left     : 5px;
    padding-right    : 5px;
    line-height      : 160%;
}

/*
=========================
(7) ADMIN TOP
=========================
*/

table.system-env {
    text-align       : center;
    font-family      : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
    line-height      : 300%;
    margin-left      : 20px;
    margin-right     : 20px;
    margin-bottom    : 20px;
    border           : 1px solid #e2dac5;
    width            : 90%;
}

td.env-name {
    text-align       : center;
    font-family      : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
    font-size        : 80%;
	color            : #ffffff;
    line-height      : 160%;
    margin-left      : 20px;
    margin-right     : 20px;
    margin-bottom    : 20px;
    border           : 1px solid #e2dac5;
    background-color : #e2dac5;
}

td.env-info {
    text-align       : center;
    font-family      : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
    font-size        : 80%;
    line-height      : 160%;
    margin-left      : 20px;
    margin-right     : 20px;
    margin-bottom    : 20px;
    border           : 1px solid #e2dac5;
    background-color : #ffffff;
}

/*
=========================
(8) NEW OR EDIT BLOG
=========================
*/

div.create-box {
    margin-bottom    : 14px;
    margin-left      : 1em;
    margin-right     : 1em;
    margin-bottom    : 1em;
    line-height      : 17px;
    border           : 1px dotted #dddddd;
}

h3.creates {
    font-size        : 120%;
    color            : #eeeeee;
    background-color : #e2dac5;
    margin           : 0px;
    padding-left     : 5px;
    padding-right    : 5px;
    line-height      : 160%;
}

div.create-box p {
    font-family      : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
    line-height      : 160%;
    margin-left      : 10px;
    margin-right     : 10px;
}

h3.create-post {
    font-size        : 120%;
    margin           : 0px;
    padding-left     : 5px;
    padding-right    : 5px;
    line-height      : 160%;
}

.tagbutton {
    width            : 80px;
    background-image : url(./_shared/button_bg.gif);
}

div.trackback-form {
    font-family      : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
    font-style       : italic;
    font-color       : #dddddd;
    margin-left      : 20px;
    margin-right     : 20px;
    margin-bottom    : 20px;
	padding          : 15px;
    border           : 1px solid #dddddd;
}

/*
=========================
(9) LIST FOR ADMIN
=========================
*/

table.common-list {
    clear            : both;
    text-align       : center;
    font-family      : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
    line-height      : 100%;
    margin-top       : 0px;
    margin-bottom    : 5px;
    border           : 1px solid #54462c;
    width            : 95%;
 	border-collapse  : collapse;
 	empty-cells      : show;
}

td.common-list-title {
    text-align       : center;
    font-family      : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
    font-size        : 80%;
	color            : #54462c;
    line-height      : 100%;
    margin           : 5px;
    border           : 1px solid #54462c;
    background-color : #e2dac5;
}

td.common-list-title-left {
    text-align       : left;
    font-family      : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
    font-size        : 80%;
	color            : #54462c;
    line-height      : 100%;
    margin           : 10px;
    border           : 1px solid #54462c;
    background-color : #e2dac5;
}

td.common-list-title-right {
    text-align       : right;
    font-family      : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
    font-size        : 80%;
	color            : #54462c;
    line-height      : 100%;
    margin           : 10px;
    border           : 1px solid #54462c;
    background-color : #e2dac5;
}

td.common-list-value {
    text-align       : center;
    font-family      : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
    font-size        : 80%;
    line-height      : 100%;
    margin           : 0px;
 	border           : 1px solid #54462c;
 	border-collapse  : collapse;
 	empty-cells      : show;
    background-color : #ffffff;
}

td.common-list-value-left {
    text-align       : left;
    font-family      : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
    font-size        : 80%;
    line-height      : 160%;
    margin           : 0px;
 	border           : 1px solid #54462c;
 	border-collapse  : collapse;
 	empty-cells      : show;
    background-color : #ffffff;
}

td.common-list-value-right {
    text-align       : right;
    font-family      : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
    font-size        : 80%;
    line-height      : 160%;
    margin           : 0px;
 	border           : 1px solid #54462c;
 	border-collapse  : collapse;
 	empty-cells      : show;
    background-color : #ffffff;
}

td.common-list-value-center {
    text-align       : center;
    font-family      : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
    font-size        : 80%;
    line-height      : 160%;
    margin           : 0px;
 	border           : 1px solid #54462c;
 	border-collapse  : collapse;
 	empty-cells      : show;
    background-color : #ffffff;
}


table.small-common-list {
    clear            : both;
    text-align       : center;
    font-family      : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
    line-height      : 120%;
    margin-top       : 5px;
    margin-bottom    : 5px;
    border           : 1px solid #54462c;
    width            : 100%;
 	border-collapse  : collapse;
 	empty-cells      : show;
}

td.small-common-list-title {
    text-align       : center;
    font-family      : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
    font-size        : 80%;
	color            : #54462c;
    line-height      : 120%;
    margin           : 20px;
    border           : 1px solid #54462c;
    background-color : #e2dac5;
}

td.small-common-list-title-left {
    text-align       : left;
    font-family      : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
    font-size        : 80%;
	color            : #54462c;
    line-height      : 120%;
    margin           : 20px;
    border           : 1px solid #54462c;
    background-color : #e2dac5;
}

td.small-common-list-title-right {
    text-align       : right;
    font-family      : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
    font-size        : 80%;
	color            : #54462c;
    line-height      : 120%;
    margin           : 20px;
    border           : 1px solid #54462c;
    background-color : #e2dac5;
}

td.small-common-list-value {
    text-align       : center;
    font-family      : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
    font-size        : 80%;
    line-height      : 120%;
    margin           : 0px;
 	border           : 1px solid #54462c;
 	border-collapse  : collapse;
 	empty-cells      : show;
    background-color : #ffffff;
}

td.small-common-list-value-left {
    text-align       : left;
    font-family      : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
    font-size        : 80%;
    line-height      : 120%;
    margin           : 0px;
 	border           : 1px solid #54462c;
 	border-collapse  : collapse;
 	empty-cells      : show;
    background-color : #ffffff;
}

td.small-common-list-value-right {
    text-align       : right;
    font-family      : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
    font-size        : 80%;
    line-height      : 120%;
    margin           : 0px;
 	border           : 1px solid #54462c;
 	border-collapse  : collapse;
 	empty-cells      : show;
    background-color : #ffffff;
}

td.reserve1 {
    text-align       : center;
    font-family      : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
    font-size        : 80%;
    line-height      : 160%;
    margin           : 0px;
 	border           : 1px solid #54462c;
 	border-collapse  : collapse;
 	empty-cells      : show;
    background-color : #E0FFFF;
}

td.reserve2 {
    text-align       : center;
    font-family      : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
    font-size        : 80%;
    line-height      : 160%;
    margin           : 0px;
 	border           : 1px solid #54462c;
 	border-collapse  : collapse;
 	empty-cells      : show;
    background-color : #FFE4E1;
}

td.reserve3 {
    text-align       : center;
    font-family      : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
    font-size        : 80%;
    line-height      : 160%;
    margin           : 0px;
 	border           : 1px solid #54462c;
 	border-collapse  : collapse;
 	empty-cells      : show;
    background-color : #98FB98;
}

table tr.even td {
	background: #DFEEFF;
}

table tr.hover td {
	background: #FFFFBB;
}
/*
=========================
(10) FOOTER
=========================
*/

div.footer-box {
    color            : gray;
    clear            : both;
    text-align       : center;
    font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
    font-size        : 10pt;
    padding-top      : 8px;
    padding-bottom   : 8px;
	font-weight:normal;
}






#dd {
    margin-top       : 0%;
    margin-bottom    : 1px;
    margin-left      : 0%;
    padding-left     : 0%;
	padding-top:10px;
    width            : 100%;
    
}

#dd li {
  margin: 0;
  padding: 0;
  margin-top        : 0%;
  margin-left       : 0%;
  margin-bottom     : 1px;
  padding-left      : 0%;
  list-style: none;
  float: left;

  font-size       : 10pt;
  font-family     : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Trebuchet MS, sans-serif;
  width: 165px;
  _display:inline;
}

#dd li a.menu {
  display: block;
  text-align: center;
  padding: 4px 10px;
  margin: 0 1px 0 0;
  color: #FFFFFF;
  text-decoration: none;

  font-size       : 10pt;
  font-family     : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Trebuchet MS, sans-serif;
  _display:inline;
}

#dd li a.menu:hover {
}

.submenu {
width:155px;
  background:url("images/Balloon.gif") no-repeat left top;
  visibility: hidden;
  position: absolute;
  z-index: 3;

  color: #54462c;
  font-size       : 10pt;
  font-family     : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Trebuchet MS, sans-serif;
}

.submenu_inner{
margin-top:20px;
background:#fff;
padding:10px;
border-right:2px solid #54462c;
border-bottom:2px solid #54462c;
}

.submenu a {
  display: block;
  font: 11px arial;
  text-align: left;
  text-decoration: none;
  padding: 5px;

  color: #54462c;
  font-size       : 10pt;
  font-family     : "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Trebuchet MS, sans-serif;
}

.submenu a:hover {
  background: #e2dac5;
  color: #54462c;
}

/*
=========================
(11) Number Picker
=========================
*/
div.number-picker {
	position: absolute;
	height: 200px;
	width:55px;	/* needed for IE */	
	overflow: auto;
	background: #fff;
	border: 1px solid #000;
	z-index: 99;
	margin-top: 25px;
}
	
div.number-picker ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
div.number-picker li {
	padding: 1px;
	cursor: pointer;
}
div.number-picker li.selected {
	background: #316AC5;
	color: #fff;
}
	
input {
	margin:0;
	padding:0;
}

.focus-text {
	background: #DFEEFF;
}