body{
 font-family: Helvetica , "ŸàƒSƒVƒbƒN" , "Yu Gothic" , sans-serif;
 color: #2D3C6D;
}

h2{
 font-size:1.5em;
 margin:0;
}

h3{
 font-size:1em;
 margin:0;
}

h4{
 font-size:0.75em;
 margin:0;
}

#table_program{
 margin:10px 0pt 15px;
 border: 1px #000000 solid;
}

#table_jobcode{
 margin:10px 0pt 15px;
 border: 1px #000000 solid;
}

#table_outcode{
 margin:10px 0pt 15px;
 border: 1px #000000 solid;
}

#th_item{
 width:150px;
 padding: 6px;
 text-align: left;
 vertical-align: top;
 background-color: #2D3C6D;
 color: #FFF;
 border: 1px solid #b9b9b9;
}

#th_version{
 width:150px;
 padding: 6px;
 text-align: left;
 vertical-align: top;
 background-color: #2D3C6D;
 color: #FFF;
 border: 1px solid #b9b9b9;
}

#th_date{
 width:100px;
 padding: 6px;
 text-align: left;
 vertical-align: top;
 background-color: #2D3C6D;
 color: #FFF;
 border: 1px solid #b9b9b9;
}

#th_biko{
 padding: 6px;
 text-align: left;
 vertical-align: top;
 background-color: #2D3C6D;
 color: #FFF;
 border: 1px solid #b9b9b9;
}

#td_item{
 padding: 6px;
 background-color: #fff;
 border: 1px solid #b9b9b9;
}

#td_version{
 padding: 6px;
 background-color: #fff;
 border: 1px solid #b9b9b9;
 text-align:right;
}

#td_date{
 padding: 6px;
 background-color: #fff;
 border: 1px solid #b9b9b9;
}

#td_biko{
 padding: 6px;
 background-color: #fff;
 border: 1px solid #b9b9b9;
}

ul.tab {
    list-style: none;
}
ul.tab li {
    float: left;
    margin-right: 10px;
    padding: 10px;
    background-color: #f2f2f2;
    cursor: pointer;
}
ul.tab li:hover {
    color: #0000FF;
    font-weight: bold;
}
ul.tab li.active {
    background-color: #2D3C6D;
    color: #fff;
}
div.tabContent {
    clear: both;
    border: 1px solid #ccc;
    padding: 20px;
    display: none;
}
div.active {
    display: block;
}

table.tablesorter {

}

table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	padding: 4px;
}

table.tablesorter thead tr .header {
	background-image: url(bg.png);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}

table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}

table.tablesorter thead tr .headerSortUp {
	background-image: url(asc.png);
}

table.tablesorter thead tr .headerSortDown {
	background-image: url(desc.png);
}

table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}