body {
    color: #333;
    background:#fff url('../images/water_fade.png') repeat-x;
}
a {
    color: #56c;
}
a:link, a:visited {
}
a:hover, a:active {
    color: #f3a;
}
h1, h2, h3, h4 {
    font-weight:bold;
}
th {
    text-align:center;
    font-weight:bold;
}
strong {
    font-weight:bold;
}
/*
.yui-g .yui-u, .yui-g .yui-g {
  width:48%;
}
*/



#hd {
    margin: 15px 0 10px;
}



#hd .menu-r {
    float:right;
}
#hd .menu-r li {
    display: inline;
    padding: 0 2px;
}



#hd h1 {
    font-size: 1.5em;
    color: #56c;
    padding: 0 5px 5px;
}



#hd .menu-l {
    padding:5px 3px 0px;
}
#hd .menu-l li {
    display: inline;
    padding: 0 2px;
}



#bd {
    padding:15px 10px;
    border-top: 1px solid #999;
    background:#fff url('../images/gradation.png') repeat-x;
}



#bd h2, #bd h3 {
    font-size: 1.2em;
    color: #248;
    padding:0 0 3px;
    border-bottom: 1px dotted #bbb;
}

#bd h4 {
    font-size: 1em;
    color: #224488;
    padding:12px 0 3px;
    border-bottom: 1px double #9EB6CE;
}


.fade {
    background:#fff url('../images/pink_fade.png') repeat-x;
}
.blue-fade {
    background:#fff url('../images/water_fade.png') repeat-x;
}
.orange-fade {
    background:#fff url('../images/orange_fade.png') repeat-x;
}
.green-fade {
    background:#fff url('../images/green_fade.png') repeat-x;
}
#bd h2.fade, #bd div.fade, #bd h2.blue-fade, #bd div.blue-fade, #bd h2.orange-fade, #bd div.orange-fade,#bd h2.green-fade, #bd div.green-fade {
    border-width:0;
    padding:10px 10px 25px;
    margin-bottom:10px;
}


#bd .menu-r {
    float:right;
}
#bd .menu-r li {
    display: inline;
    padding: 0 2px;
}


#bd .menu-l {
}
#bd .menu-l li {
    display: inline;
    padding: 0 2px;
}
#bd li {
    padding: 2px 0;
}


#ft {
    border-top: 1px solid #999;
    background:#fff url('../images/gradation.png') repeat-x;
    text-align:center;
    padding:10px 3px;
    font-size:0.7em;
}



.list-area {
    margin:10px 0 30px;
}
.list-area table {
    margin:5px 0;
    border-collapse:collapse;
    width:100%;
}
.list-area th, .list-area td {
    padding: 5px;
    border: 1px solid #BDCADB;
    word-wrap: break-word;
}
.list-area th {
    color: #248;
    background-color:#def;
}
.list-area td {
    text-align:center;
}



.show-area {
    margin:10px 0 30px;
}
.show-area table {
    margin:5px 0;
    border-collapse:collapse;
    width:100%;
}
.show-area th, .show-area td {
    padding: 5px;
    border: 1px solid #ddd;
    word-wrap: break-word;
}
.show-area th {
    color: #248;
    background-color:#def;
}
.show-area td {
}



.form-area {
    margin:10px 0 20px;
}
.form-area table {
    margin:5px 0;
    border-collapse:collapse;
    width:100%;
}
.form-area th, .form-area td {
    padding: 8px;
    border: 1px solid #ddd;
}
.form-area th {
    color: #248;
    background-color:#def;
}
.form-area td {
}



.button-area {
    text-align: center;
    padding:5px;
}
.button-area input {
    height: 30px;
}



.pager-area {
    color: #888;
    line-height:140%;
}



.notice {
    margin:10px 0;
    color:#f3a;
}
.center {
    text-align: center;
    margin: auto auto;
}
th.left, td.left{
    text-align:left;
}
table.w-auto {
    width:auto;
}







/*
generated by Scaffolding
*/
.fieldWithErrors {
    /*
      padding: 5px;
      border: 2px solid #c00;
    */
    display: inline;
}
#errorExplanation {
    margin:10px 0;
    width: 400px;
    border: 2px solid #c00;
    padding: 7px;
    padding-bottom: 12px;
    margin-bottom: 20px;
    background-color: #f0f0f0;
}
#errorExplanation h2 {
    border-width: 0;
    text-align: left;
    font-weight: bold;
    padding: 5px 5px 5px 15px;
    font-size: 12px;
    margin: -7px;
    background-color: #c00;
    color: #fff;
}
#errorExplanation p {
    color: #333;
    margin: 10px 0 0;
    padding: 5px;
}
#errorExplanation ul li {
    margin: 3px 15px 0;
    font-size: 12px;
    list-style: disc;
}
.uploadStatus {
    margin: 5px;
}
.progressBar {
    margin: 5px;
}
.progressBar div.border {
    background-color: #fff;
    border: 1px solid gray;
    width: 100%;
}

.progressBar div.background {
    background-color: #333;
    height: 18px;
    width: 0%;
}


table.warnError {
    width:40%;
    border:2px solid #f3a;
}

#ErrorMessage {
    padding: 10px;
}


.month_list a, .month_list span {
    padding: .2em .5em;
    display: block;
    float: left;
    margin-right: 1px;
}

.month_list a {
    text-decoration: none;
    color: #105CB6;
    border: 1px solid #9AAFE5;
}

.month_list a:hover, .month_list a:focus {
    color: #003;
    border-color: #FF33AA;
}

.month_list .current {
    font-weight: bold;
    background: #FFCCEA;
    color: #B8008A;
    border: 1px solid #FF33AA;
}
.month_list .no_data {
    background: #E1E8EF;
    text-decoration: none;
    color: #BFBFBF;
    border: 1px solid #A3A3A3;
}

#job_comment_comment {
    margin-bottom: 5px
}

#selected_materials {
    padding:5px;
    margin-bottom: 5px;
    border-color: #e77f7f;
    border-style: dotted;
    border-width: 1px;
    background-color: #fcebeb;
}

.counter{
    right:3;
    top:0;
    font-size:14px;
    font-weight:bold;
    color:#908C8C;
}
.warning{color:#F20976;}
.exceeded{color:#CF3661;}
/* not using

.local-menu {
  text-align:right;
  padding: 5px;
}
.local-menu li {
  display: inline;
  margin: 0 10px 0 0;
  padding: 2px;
  color: #248;
}


.detail-area {
}
.detail-area table {
  border-collapse:collapse;
}
.detail-area th, .form-area td {
  padding: 10px;
}
.detail-area th {
  text-align:right;
  color: #248;
}
.detail-area td {
  text-align:left;
}
.detail-area .button-area {
  padding: 20px;
  text-align: center;
}
.detail-area .button-area input {
  height: 30px;
}
*/

ul.tabs li a {
    text-decoration: none;
}

.tabs, .pills {
    list-style: none outside none;
    margin: 0 0 18px;
    padding: 0;
}
.tabs:before, .pills:before, .tabs:after, .pills:after {
    content: "";
    display: table;
}
.tabs:after, .pills:after {
    clear: both;
}
.tabs > li, .pills > li {
    float: left;
}
.tabs > li > a, .pills > li > a {
    display: block;
}
.tabs {
    border-color: #DDDDDD;
    border-style: solid;
    border-width: 0 0 1px;
}
.tabs > li {
    margin-bottom: -1px;
    bottom: -2px;
    position: relative;
}
.tabs > li > a {
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    line-height: 34px;
    margin-right: 2px;
    padding: 0 15px;
}
.tabs > li > a:hover {
    background-color: #EEEEEE;
    border-color: #EEEEEE #EEEEEE #DDDDDD;
    text-decoration: none;
}
.tabs .active > a, .tabs .active > a:hover {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFFFFF;
    border-color: #DDDDDD #DDDDDD transparent;
    border-style: solid;
    border-width: 1px;
    color: #FF33AA;
    cursor: default;
    font-weight: bold;
}
.tabs .menu-dropdown, .tabs .dropdown-menu {
    border-radius: 0 6px 6px 6px;
    border-width: 1px;
    top: 35px;
}
.tabs a.menu:after, .tabs .dropdown-toggle:after {
    border-top-color: #999999;
    margin-left: 5px;
    margin-top: 15px;
}
.tabs li.open.menu .menu, .tabs .open.dropdown .dropdown-toggle {
    border-color: #999999;
}
.tabs li.open a.menu:after, .tabs .dropdown.open .dropdown-toggle:after {
    border-top-color: #555555;
}
.pills a {
    border-radius: 15px 15px 15px 15px;
    line-height: 30px;
    margin: 5px 3px 5px 0;
    padding: 0 15px;
    text-shadow: 0 1px 1px #FFFFFF;
}
.pills a:hover {
    background-color: #00438A;
    color: #FFFFFF;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}
.pills .active a {
    background-color: #0069D6;
    color: #FFFFFF;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}
.pills-vertical > li {
    float: none;
}
.tab-content > .tab-pane, .pill-content > .pill-pane, .tab-content > div, .pill-content > div {
    display: none;
}
.tab-content > .active, .pill-content > .active {
    display: block;
}
.pill-content {
    margin: 0 20px
}
#bd .pill-content h4 {
    border-bottom: none;
}
#bd .pill-content div.form-area {
    margin-top: 3px;
}

#bd .pill-content table.skill-table {
    width: auto;
}

#bd .pill-content table.skill-table td {
    border: 0;
    padding: 3px 5px;
    table-layout: inherit;
}

.job_list {
    font-size: 10.4px;
}

.help-block{
    color: #0cc579;
    display:block;
}
.help-area{
    padding:5px;
    margin: 10px 0 5px;
    border-color: #7ea4e7;
    border-style: dotted;
    border-width: 1px;
    background-color: #f1f6ff;

}

.copy-area {
    padding:5px;
    margin-bottom: 5px;
    border-color: #A9DB66;
    border-style: dotted;
    border-width: 1px;
    background-color: #F3F7EB;
    margin-top:10px
}

ul.sample li{
    display:inline;
    margin-right:10px;
}