/**
 * Common
 */

html, body {
  padding: 0px;
  margin: 0px;
  font: 11px Verdana, Arial, Helvetica;
  color: #000;
  height: 100%;
}

body {
  background-color: #eaecf1;
}

h1 {
  margin-top: 10px;
  margin-bottom: 10px;
  font: bold 18px Verdana, Arial, Helvetica;
  color: #647caa;
} 

h2 {
  font: bold 14px Verdana, Arial, Helvetica;
  color: #b95c00;
  margin-top: 15px;
  margin-bottom: 15px;
} 

pre {
  font: 10px Verdana, Arial, Helvetica;
}

a {
  font: bold 10px Verdana, Arial, Helvetica;
  color: #4573b8;
}

a.title{
  text-decoration: none;
  display:block;
  margin-top: 10px;
  margin-bottom: 10px;
  font: bold 18px Verdana, Arial, Helvetica;
  color: #647caa;
}

p {
  font: 11px Verdana, Arial, Helvetica;
}

font {
  font-size: 10px;
}

input[type="radio"] {
  vertical-align: middle;
  padding: 0px;
  margin:0px;
}

input[type="checkbox"] {
  vertical-align: middle;
}

ul {
  margin-left: 5px;
  padding-left: 5px;
}

li {
  margin-left: 5px;
  padding-left: 5px;
  margin-bottom: 5px;
}

.error {
  font: bold 11px Verdana, Helvetica;
  color: darkred;
}

.info {
  font: bold 11px Verdana, Helvetica;
  color: darkgreen;
}

/*
input[type="text"], textarea {
  background-color: #eceff3;
  font: bold 10px Verdana, Arial, Helvetica;
  color: #123568;
  border: 1px #123568 solid;
  padding: 2px;
}
*/

input[type="text"], textarea {
  font: bold 10px Verdana, Arial, Helvetica;
  padding: 2px;
}


hr {
  border: 0px;
  color: #365583;
  border-top: 1px #a3b1c6 dashed;
  margin-top: 5px;
  margin-bottom: 5px;
}

img {
  border: none;
}

/**
 * Page
 */

div.page_outer {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  margin-top: auto; 
  position: relative;
}

div.page_frame {
  border-left: 10px #d9deea solid;
  border-right: 10px #d9deea solid;
  margin-left: auto;
  margin-right: auto;
  margin-top: auto; 
  width: 800px;
}

div.page {
  background-color: #fafbfc;
  border-left: 1px #b5c0d6 solid;
  border-right: 1px #b5c0d6 solid;
}

div.page_content {
  background-color: #fff;
  margin-right: auto;
  width: 560px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  padding-bottom: 1500px;
}

div.page_menu {
  position: absolute;
  right: 0px;
  top: 10px;
  width: 205px;
  padding-left: 5px;
}

/*
 * AD SPECIFIC
*/

div.outer_ad_right {
  position:absolute;
  top:10px;
  right: 0px;
  width: 130px;
}

/*
 * navi panel
 */

table.navi_menu {
  margin-top: 10px;
  margin-bottom: 10px;
}

div.navi_panel {
  margin-top: 10px;
  background-image: url(img/panel_m.gif);
  position: relative;
}

div.navi_panel_text {
  position: absolute;
  left: 7px;
  right: 7px;
  top: 0px;
  padding-top: 8px;
  padding-left: 10px;
}

img.navi_panel_r {
  position: absolute;
  top:0px;
  right: 0px;
}

span.navi_panel_mod  {
  color: #416187;
  font: bold 11px Verdana, Arial, Helvetica;
}

span.navi_panel_delimiter  {
  color: #000;
  padding-left: 5px;
  padding-right: 5px;
  font: bold 11px Verdana, Arial, Helvetica;
}

span.navi_panel_text {
  color: #000;
  font: 11px Verdana, Arial, Helvetica;
}



/**
 * Header
 */

img.header {
  border: none;
  vertical-align: top;
}

/**
 * Menu
 */

span.menu_header {
  color: #647caa;
  font: bold 18px Verdana, Arial, Helvetica;
  padding-top: 5px;
  padding-bottom: 5px;
}

div.menu_content {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

img.menu {
  vertical-align: middle;
  padding-right: 5px;
}

.menu_sub {
  padding-top: 10px;
}

ul.menu  {
  padding-left: 20px;
} 

li.menu {
  list-style-image: url(img/menu_opt.gif);
}

div.menu_right {
  position: absolute;
  right: 15px;
  top: 10px;
  width: 157px;
  text-align: center;
}

a.menu {
  color: #409420;
}

/**
 * Content
 */

div.content {
  text-align: left;
  margin-top: 10px;
  margin-left: 200px;
  margin-right: 200px;
  padding-right: 15px;
  padding-bottom: 1500px;
}

.date {
   font: 10px Verdana, Arial, Helvetica;
   color: #4573b8;
   margin-top: -5px;   
   padding-bottom: 20px;
}

/**
 * Code Box
 */

img.cbox_icon {
  vertical-align: middle;
}

pre.cbox {
  font: 10px Verdana, Arial, Helvetica;
  padding-left: 20px;
  padding-bottom: 10px;
}

span.comment {
  font: 10px Verdana, Arial, Helvetica;
  color: #0039b9;
}

div.cbox_shadow {
  margin-top: 10px;
  margin-bottom: 10px;
}

/**
 * Code Box: HTML 
 */

div.cbox_html, div.cbox_xml {
  border-left: 4px #5571af solid;
  background-color: #fafbfc;
  color: #5a6c7f;
}

div.cbox_header_html, div.cbox_header_xml {
  color: #5571af;
  font: bold 12px Verdana, Arial, Helvetica;
  height: 24px;
  padding: 5px;
}

/**
 * Code Box: CSS
 */

div.cbox_css {
  border-left: 4px #55af55 solid;
  background-color: #fafbfc;
  color: #5a6c7f;
}

div.cbox_header_css {
  color: #55af55;
  font: bold 12px Verdana, Arial, Helvetica;
  height: 24px;
  padding: 5px;
}



/**
 * Code Box: JS
 */

div.cbox_js {
  border-left: 4px #b95c00 solid;
  background-color: #fafbfc;
  color: #5a6c7f;
}

div.cbox_header_js {
  color: #b95c00;
  font: bold 12px Verdana, Arial, Helvetica;
  height: 24px;
  padding: 5px;
}

/**
 * Code Box: PHP 
 */

div.cbox_php {
  border-left: 4px #000 solid;
  background-color: #fafbfc;
  color: #5a6c7f;
}

div.cbox_header_php {
  color: #000;
  font: bold 12px Verdana, Arial, Helvetica;
  height: 24px;
  padding: 5px;
}


/**
 * Footer
 */

div.footer {
  font: 10px Verdana, Arial, Helvetica;
  text-align: center;
  color: #000;
  margin-top: 50px;
  padding: 10px;
  padding-bottom: 20px;
}

/**
 * List
 */

table.list {
  border: none;
  border-collapse: collapse;
  width: 100%;
}

th.list {
  background-color: #a3b1c6;
  border-left: 3px #a3b1c6 solid;
  color: #fff;
  text-align: left;
  font: bold 11px Verdana, Arial, Helvetica;
  vertical-align: top;
  padding: 5px;
}

td.list_h {
  width: 125px;
  background-color: #e7eaf0;
  border-left: 3px #a3b1c6 solid;  
  border-bottom: 1px #a3b1c6 solid;
  padding: 5px;
  vertical-align:top
}

td.list {
  vertical-align: top;
  border-bottom: 1px #a3b1c6 solid;
  padding: 5px;
}
/*
 * blog
 */

.blog_navi {
  width: 99%;
  border-collapse: collapse;
  margin-left: 2px;
}

td.blog_navi {
  background-color: #f7f7f7;
  text-align:center;
  padding: 3px;
  width: 100px;
}

td.blog_navi_prev {
  background-color: #f7f7f7;
  border-left: 3px #a3b1c6 solid;
  padding: 3px;
}

td.blog_navi_next {
  background-color: #f7f7f7;
  border-right: 3px #a3b1c6 solid;
  text-align: right;
  padding: 3px;
}

/**
 * Change log
 */

pre, div.btn_code {
  background-color: #fafbfc;
  padding: 10px;
  font: 10px Verdana, Arial, Helvetica;
}

/**
 * Ad
*/

div.ad_top {
  margin-top: 20px;
  padding-bottom: 15px;
}

div.ad_content {
  float: left;
  padding-right: 10px;
  padding-bottom: 10px;
}
.vsk_tooltip {
  background-color: #fff3c9;
  color: #b95c00;
  border: 1px #b95c00 solid;
  border-left-width: 3px;
  padding: 3px;
  font: bold 10px Verdana, Arial, Helvetica;
}

/** 
 * Formcheck Demo
*/

.vsk_frmchk_error {
  color: darkred ;
  font-weight: bold;
}
.vsk_frmchk_error_element {
  background-color: #ddb3b3;
  color: darkred;
  border: 1px darkred solid;
  padding: 3px;
}
input.test {
  background-color: #fff;
  border: 1px #000 solid;
  padding: 3px;
}

/** error

.error {
  color: darkred ;
  font-weight: bold;
}

/**
 * Dropdown menu Demo
*/

div.ddmenu {
  position:absolute;
  background-color: #fff;
  border: 1px #647caa solid;
  visibility: hidden;
  top: 0px;
}

div.ddmenu_inner {
  background-color: #eaedf3;
  border: 1px #fff solid;
}

a.ddmenu_item {
  font: 10px Verdana, Arial, Helvetica;
  padding: 5px;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  padding-right: 15px;
  color: #647caa;
}

img.ddmenu_arrow {
  position: absolute;
  right: 5px;
  top: 7px;
}

a.ddmenu_item_hover {
  font: 10px Verdana, Arial, Helvetica;
  padding: 5px;
  background-color:#647caa;
  text-decoration: none;
  font-weight: bold;
  position: relative;
  padding-right: 15px;
  color: #fff;
}


h2.ddmenu {
  background-color: #fff;
  font: bold 10px Verdana, Arial, Helvetica;
  color: #b95c00;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  margin:0px;
}

/* auto complete */

div.autocomplete_box_auco_list {
  border: 1px black solid;
  padding: 5px;
  font: 11px Verdana, Arial;
  background-color:#fff;
}

div.autocomplete_box_normal {

}

div.autocomplete_box_selected {
  background-color: lightblue;
  color: darkblue;
}