/* layout */
div.wrap    { width: 100%; }
div.header  { width: 1140px; margin: 0 auto; }
div.header_logo_area  {
  padding: 10px 0px;
  width: 100%; position: relative; display: inline-block;
}
div.header_menu_area  { color: #9d9d9d }
div.header_background {
  /*width: 100%; background-color: #222222;*/
  /*border-bottom: 1px solid #080808;*/
}
div.body    { width: 1140px; margin: 0 auto; padding: 5px; }
div.footer  { width: 1140px; margin: 0 auto; }
div.footer_background { width: 100%; background-color: #b3b3b3; }

div.menuTitleArea {
  width: 100%; padding: 10px 5px;
  font-size: 25px; font-weight: bold;
}
div.search_bar  {
  display: inline-block; position: relative; width: 100%;
  padding: 10px; border-radius: 5px; background-color: #bcbcbc;
}
div.search_bar_component  {
  float: left; padding-right: 20px;
  /*padding-top: 3px;*/
}
div.paging  { width: 100%; margin: 0 auto; text-align: center; }

/* table style */
table.tbl1  { width: 100%; }
table.tbl1 tr.odd { background-color: #fbfcfd; }
table.tbl1 th { padding: 5px; text-align: center; vertical-align: middle; border: 1px solid #e7ecf1; }
table.tbl1 td { padding: 5px; text-align: center; vertical-align: middle; border: 1px solid #e7ecf1; }
table.tbl2  { width: 100%; }
table.tbl2 th { padding: 5px; text-align: left; }
table.tbl2 td { padding: 5px; }
table.tbl3  { width: 100%; }
table.tbl3 th { padding: 5px; }
table.tbl3 td { padding: 5px; }


/* component */
button.btn_blue_s  {
  padding: 5px 10px; font-size: 14px; color: #337ab7;
  border: 1px solid #337ab7; border-radius: 6px;
  background-color: #ffffff;
}
button.btn_red_s  {
  padding: 5px 10px; font-size: 14px; color: #d9534f;
  border: 1px solid #d9534f; border-radius: 6px;
  background-color: #ffffff;
}
button.btn_green_s  {
  padding: 5px 10px; font-size: 14px; color: #5cb85c;
  border: 1px solid #5cb85c; border-radius: 6px;
  background-color: #ffffff;
}
button.btn_yellow_s  {
  padding: 5px 10px; font-size: 14px; color: #f0ad4e;
  border: 1px solid #f0ad4e; border-radius: 6px;
  background-color: #ffffff;
}
button.btn_sky_s  {
  /* view */
  padding: 5px 10px; font-size: 14px; color: #5bc0de;
  border: 1px solid #5bc0de; border-radius: 6px;
  background-color: #ffffff;
}

/* tag */
a.menu  { color: inherit; cursor: pointer; padding: 0px 10px; }
a.menu:hover  { text-decoration: none; }
a.menu.on  { color: #ffffff; }

/* bootstrap append. */
li.nav_w1  {
  padding-top: 15px; padding-bottom: 15px; line-height: 20px;
  /*padding: 10px 15px;*/
  position: relative; display: block;
  color: #ffffff;
}

/* bootstrap component append. */
button.btn  { padding: 3px 12px; }
input[type=text]  { padding-left: 5px; }

/* etc */
div.logo  { width: 200px; float: left; }
div.site_title  { float: left; }
div.user  { float: right; }

/* textarea */
textarea.vote_item_desc {
  resize: none; padding: 5px;
  width: 400px; height: 100px;
}

/* div_form */
div.form-group  {
  width: auto;
  margin: 0; padding: 0;
}

.form-control {
  /* override */
  height: 29px;
  display: inline-block;
}