@CHARSET "utf-8";

/* IE 10 in Win 8 workaround */
@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }

body {
  /* font-family: PMingLiU; */
  font-family: Helvetica,Arial,DFKai-SB,PMingLiU,sans-serif;
  font-size: 17.5pt;
  line-height: 1.5em;
  background-color: darkgray;
  color: #111111;
}

div#body-content {
  /* background-image: url(../img/a.jpg); */
  background-color: #e5e5e5;
  margin-top: 30px;
  margin-bottom: 30px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 40px;
  padding-right: 40px;
  
  -moz-border-radius: 15px;
  border-radius: 15px;
  
  -moz-box-shadow: 0 0 5px 5px #888;
  -webkit-box-shadow: 0 0 5px 5px #888;
  box-shadow: 0 0 5px 5px #888;
  
}

/* custom begin */

.navbar .navbar-inner {
  background-color: #2c2c2c;
  background-image: -moz-linear-gradient(top, #0000ff, #333333);
  background-image: -ms-linear-gradient(top, #0000ff, #333333);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0000ff), to(#333333));
  background-image: -webkit-linear-gradient(top, #0000ff, #333333);
  background-image: -o-linear-gradient(top, #0000ff, #333333);
  background-image: linear-gradient(top, #0000ff, #333333);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#333333', GradientType=0);
  font-size: 1.15em;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #333333;
  cursor: default;
  background-color: #e5e5e5;
  border: 1px solid #aaa;
  border-bottom-color: transparent;
  border-radius: 6px;
}

.thumbnail {
  display: block;
  padding: 4px;
  line-height: 20px;
  border: 1px solid #aaa;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.255);
     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.255);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.255);
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}

a.thumbnail:hover {
  border-color: #0088cc;
  -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
     -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
          box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}

.thumbnail a:hover {
  text-decoration: none;	
}

.label,
.badge {
  font-size: 0.9em;
}

.tooltip {
  font-size: 15pt;
  line-height: 1.5em;
}

/* custom end */

div#footer {
  font-size: 0.7em;
  color: darkgray;
  padding-top: 10px;
  padding-bottom: 10px;
}

div .imgPortrait {
  text-align: center;
}

div .imgFloatLeft {
  float: left;
  margin: 0px 10px 0px 0px;
}

div .imgFloatRight {
  float: right;
  margin: 0px 0px 0px 10px;
}

div .fl-table {
  line-height: 1.5em;
}

div .fl-table tr th,
div .fl-table tr td {
  line-height: 1.5em;
  border-color: #888888;  
}

div .fl-table tr td.duration, tr td.size {
  text-align: right;
  font-size: 0.9em;
}

div .fl-table tr td.play, tr td.file, tr td.back {
  text-align: center;
}

div .fl-table tr td a {
  text-decoration: none;
}

div .fl-title {
  text-align:center;
  font-weight:bold;
}

div .fl-subtitle {
  text-align:center;
  font-size:0.8em;
}

div .fl-jump {
  text-align:center;
  font-size:0.8em;
  line-height:1.2em;
}

div .fl-jump a {
  text-decoration:none;
}

div .dist-title {
  text-align: center;
  font-size: 0.9em;
}

div .sub-text {
  font-size: 0.7em;
  color: #444444;
}

div .alpha-numeric {
  font-size: 0.9em;
}

div .align-right {
  text-align: right;
}

div .align-left {
  text-align: left;
}

div .align-center {
  text-align: center;
}

div .fl-modal {
  background-color:white;
  width:800px;
  height:400px;  
  margin-left:40px;
  margin-top:40px;
}

div .dist-summary {
  padding-left: 10px;
  padding-right: 10px;
}

div .dist-back {
  text-align: center;
}

div .dist-back a:hover {
  text-decoration: none;
}

div .fl-prov {
  padding: 10px;
  text-align: center;
  line-height: 1.3em;
  color: rgba(15,15,15,1.0);
  background-color: rgba(70,70,0,0.15);
}

.green {
  color:green;	
}

.red {
  color:red;	
}

.gray {
  color:gray;	
}

.darkolivegreen {
  color:darkolivegreen;	
}

.lightgray {
  color:lightgray;	
}

.playing {
  color:red;
}

.paused {
  color:green;
}

.stopped {
  color:green;
}

audio {
  width:100%;
}

div .material a {
  text-decoration:none;
}

.timeplace {
  font-size:0.9em;
  text-align:center;
}

.timeplace .symbol {
  color:DarkGoldenRod;
}

.intro {
  font-size:0.9em;
}

.playing-text {	
  font-size:0.8em;
  color:darkgreen;
  line-height:1.1em;
}

.fl-badge {
  font-size:0.7em;
  color:lightgray;
  background-color:green;
}

.media-control {
  font-size:0.85em;
}
.media-control.active {
  color:#333333;
}
.media-control.inactive {
  color:#aaaaaa;
}

.fl-label {
}

div .fl-table tr td.back a {
  /*color:navyblue;*/
}

div .news a {
  text-decoration:none;
}