/* inherit จากตัวแม่ */
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select.my{
    display: inline-block;
    height: 24px;
    margin-bottom: 0px;
    font-size: 13px;
    line-height: 18px;
    color: #555555;
    padding:2px;
}
input:-moz-placeholder, textarea:-moz-placeholder {
    color: #9d9d9d;
}
.icon-blue,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"] {
    background-image: url("bootstrap/img/glyphicons-halflings-blue.png");
}
.table {
    font-size: 13px;
}
.pagination{
    margin: 0;
    margin-top:10px;
}
textarea{
    margin-bottom: 0px;
}
select{
    margin-bottom: 0px;
}

.navbar-inner, .navbar .btn-navbar {
    background: #3d8bb6; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */

    background: -moz-linear-gradient(top,  #3d8bb6 0%, #357ba2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d8bb6), color-stop(100%,#357ba2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #3d8bb6 0%,#357ba2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #3d8bb6 0%,#357ba2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #3d8bb6 0%,#357ba2 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #3d8bb6 0%,#357ba2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d8bb6', endColorstr='#357ba2',GradientType=0 ); /* IE6-8 */
}

.navbar .divider-vertical {
    height: 34px;
    margin: 0 0px;
    border-right: 1px solid #539dc6;
    border-left: 1px solid #317295;
}
.navbar .nav .active > a, .navbar .nav .active > a:hover {
    background-color: #509cc5;
}
.navbar .nav > li > a {
    color: #fff;
    text-shadow: none;
    font-weight: bold;
}
.navbar .nav > li > a:hover {color:white;background-color: #509cc5}
.navbar .nav > li > a:active,.navbar .nav > li > a:visited {color:white;}

.navbar .caret{
    border-top-color:#fff !important;
    border-bottom-color:#fff !important;
}
.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
    color: #ffffff;
    background-color: #005c8a;
}

.navbar-inner {
    min-height: 34px;
}
.navbar .nav > li > a {
    padding: 7px 8px;
}
.navbar .nav a.brand {
    font-size: 14px;
    font-weight: bold;
    text-shadow: none;
    color:#ffff00;  
    padding-left:20px;
}
.navbar .nav a.brand:hover {
    font-size: 14px;
    font-weight: bold;
    text-shadow: none;
    color:#f2f200;
}

.dropdown-menu li > span {
    clear: both;
    color: #A7A7A7;
    display: block;
    font-weight: bold;
    line-height: 20px;
    padding: 3px 5px;
    white-space: nowrap;
}
.round10{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

/* form */
.form-horizontal{
    margin-bottom: 1px;
}
.form-horizontal .control-group {
    margin-bottom: 5px;
}

/* well */
.well {
    background-color: #f8f8fc;
    border: 1px solid #e9e9f5;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    color: #333;
    font-size: 13px;
}
.well legend{
    color: #333333;
}
.checkbox.other{
    display: inline-block;
    padding-right: 5px;
}
.radio.other{
    display: inline-block;
    padding-right: 5px;
}

/*
 * Bootstrap Grid System without space
 *
 * Overwrite Bootstrap grid system, removing margin
 * Usage : 
 * Simple add no-space class with row-fluid
 * <ul class="row-fluid no-space"> ... </ul>
 */
.row-fluid.no-space [class*="span"] {
  margin-left: 0%;
  *margin-left: -0.06944%;
}
.row-fluid.no-space [class*="span"]:first-child {
  margin-left: 0;
}
.row-fluid.no-space .controls-row [class*="span"] + [class*="span"] {
  margin-left: 0%;
}
.row-fluid.no-space .span12 {
  width: 99.99999999999999%;
  *width: 99.93055555555554%;
}
.row-fluid.no-space .span11 {
  width: 91.66666666666666%;
  *width: 91.59722222222221%;
}
.row-fluid.no-space .span10 {
  width: 83.33333333333331%;
  *width: 83.26388888888887%;
}
.row-fluid.no-space .span9 {
  width: 74.99999999999999%;
  *width: 74.93055555555554%;
}
.row-fluid.no-space .span8 {
  width: 66.66666666666666%;
  *width: 66.59722222222221%;
}
.row-fluid.no-space .span7 {
  width: 58.33333333333333%;
  *width: 58.263888888888886%;
}
.row-fluid.no-space .span6 {
  width: 49.99999999999999%;
  *width: 49.93055555555555%;
}
.row-fluid.no-space .span5 {
  width: 41.66666666666666%;
  *width: 41.597222222222214%;
}
.row-fluid.no-space .span4 {
  width: 33.33333333333333%;
  *width: 33.263888888888886%;
}
.row-fluid.no-space .span3 {
  width: 24.999999999999996%;
  *width: 24.930555555555554%;
}
.row-fluid.no-space .span2 {
  width: 16.666666666666664%;
  *width: 16.59722222222222%;
}
.row-fluid.no-space .span1 {
  width: 8.333333333333332%;
  *width: 8.263888888888888%;
}
.row-fluid.no-space .offset12 {
  margin-left: 99.99999999999999%;
  *margin-left: 99.8611111111111%;
}
.row-fluid.no-space .offset12:first-child {
  margin-left: 99.99999999999999%;
  *margin-left: 99.8611111111111%;
}
.row-fluid.no-space .offset11 {
  margin-left: 91.66666666666666%;
  *margin-left: 91.52777777777777%;
}
.row-fluid.no-space .offset11:first-child {
  margin-left: 91.66666666666666%;
  *margin-left: 91.52777777777777%;
}
.row-fluid.no-space .offset10 {
  margin-left: 83.33333333333331%;
  *margin-left: 83.19444444444443%;
}
.row-fluid.no-space .offset10:first-child {
  margin-left: 83.33333333333331%;
  *margin-left: 83.19444444444443%;
}
.row-fluid.no-space .offset9 {
  margin-left: 74.99999999999999%;
  *margin-left: 74.8611111111111%;
}
.row-fluid.no-space .offset9:first-child {
  margin-left: 74.99999999999999%;
  *margin-left: 74.8611111111111%;
}
.row-fluid.no-space .offset8 {
  margin-left: 66.66666666666666%;
  *margin-left: 66.52777777777777%;
}
.row-fluid.no-space .offset8:first-child {
  margin-left: 66.66666666666666%;
  *margin-left: 66.52777777777777%;
}
.row-fluid.no-space .offset7 {
  margin-left: 58.33333333333333%;
  *margin-left: 58.19444444444444%;
}
.row-fluid.no-space .offset7:first-child {
  margin-left: 58.33333333333333%;
  *margin-left: 58.19444444444444%;
}
.row-fluid.no-space .offset6 {
  margin-left: 49.99999999999999%;
  *margin-left: 49.86111111111111%;
}
.row-fluid.no-space .offset6:first-child {
  margin-left: 49.99999999999999%;
  *margin-left: 49.86111111111111%;
}
.row-fluid.no-space .offset5 {
  margin-left: 41.66666666666666%;
  *margin-left: 41.52777777777777%;
}
.row-fluid.no-space .offset5:first-child {
  margin-left: 41.66666666666666%;
  *margin-left: 41.52777777777777%;
}
.row-fluid.no-space .offset4 {
  margin-left: 33.33333333333333%;
  *margin-left: 33.19444444444444%;
}
.row-fluid.no-space .offset4:first-child {
  margin-left: 33.33333333333333%;
  *margin-left: 33.19444444444444%;
}
.row-fluid.no-space .offset3 {
  margin-left: 24.999999999999996%;
  *margin-left: 24.86111111111111%;
}
.row-fluid.no-space .offset3:first-child {
  margin-left: 24.999999999999996%;
  *margin-left: 24.86111111111111%;
}
.row-fluid.no-space .offset2 {
  margin-left: 16.666666666666664%;
  *margin-left: 16.52777777777778%;
}
.row-fluid.no-space .offset2:first-child {
  margin-left: 16.666666666666664%;
  *margin-left: 16.52777777777778%;
}
.row-fluid.no-space .offset1 {
  margin-left: 8.333333333333332%;
  *margin-left: 8.194444444444443%;
}
.row-fluid.no-space .offset1:first-child {
  margin-left: 8.333333333333332%;
  *margin-left: 8.194444444444443%;
}