html, body {
  width:      100%;
  height:     100%;
  margin:     0;
  padding:    0;
  overflow:   hidden;
}

body {
  background-color: #79861E;
  font-family:      "trebuchet ms", sans-serif;
  line-height:      17px;
}

a img {
  border-style: none;
}

form {
  margin: 0;
}

input {
  height:      16px;
  line-height: 16px;
  font-family: "trebuchet ms", sans-serif;
  font-size:   10pt;
}

.button {
  border-top:       1px solid #C0D43C;
  border-left:      1px solid white;
  border-right:     1px solid #6F7F88;
  border-bottom:    1px solid #7D8B1F;
  background-color: #D0DE6B;
}

#upload_button {
  display:         block;
  float:           left;
  width:           148px;
  height:          25px;
  margin:          20px;
  padding-top:     3px;
  text-align:      center;
  line-height:     22px;
  text-decoration: none;
  color:           #eee;
  background:      url('/images/button.png');
}

a.close_button {
  display: block;
  width: 12px;
  height: 12px;
  background: url('/images/close.png') no-repeat -12px 0;
  *background: url('/images/close.gif') no-repeat -12px 0;
}

a.email_button {
  overflow:   hidden;
  display:    block;
  width:      35px;
  height:     18px;
  margin:     0 10px 0 2px;
  border:     none;
  background: url('/images/icon_send.png') no-repeat;
}

.error_message {
  color:       red;
  font-size:   10pt;
  font-weight: bold;
}

#center {
  position: relative;
  min-width: 100%;
  min-height: 100%;
}

#tabs {
  height:     22px;
  text-align: center;
  color:      white;
  font-size:  15px;
}

#tabs .tab_active {
  float: left;
}

#tabs .tab_active a {
  color:           #999;
  font-weight:     bold;
  text-decoration: none;
}

#tabs .tab {
  float: left;
}

#tabs .tab a {
  color:           #DDD;
  font-weight:     bold;
  text-decoration: none;
}

#tabs .tab_active .mid {
  position: relative;
  background: url(/images/tabs/green_tab.png) repeat-x 0 -88px;
  height: 22px;
  margin: 0 10px;
  border: none;
  line-height: 22px;
}

#tabs .tab .mid {
  position: relative;
  background: url(/images/tabs/green_tab.png) repeat-x 0 -22px;
  height: 22px;
  margin: 0 10px;
  border: none;
  line-height: 22px;
}

#tabs .tab_active .left {
  position:   relative;
  float:      left;
  background: url(/images/tabs/green_tab.png) no-repeat 0 -66px;
  width:      10px;
  height:     22px;
}
#tabs .tab_active .right {position:relative;float: right;background: url(/images/tabs/green_tab.png) no-repeat 0 -110px; width: 10px; height: 22px;}
#tabs .tab .left {position:relative; float: left; background: url(/images/tabs/green_tab.png) no-repeat 0 0px; width: 10px; height: 22px;}
#tabs .tab .right {position:relative; float: right; background: url(/images/tabs/green_tab.png) no-repeat 0 -44px; width: 10px; height: 22px;}

#breadcrumbs {
  overflow:         hidden;
  clear:            both;
  height:           20px;
  border-bottom:    2px solid #9EAF27;
  background-color: #C0D43C;
  font-size:        14px;
}

#breadcrumbs span#bc_community {
  margin-left: 10px;
  font-weight: bold;
}

#breadcrumbs span#bc_channel,
#breadcrumbs span#bc_entry,
#breadcrumbs span#bc_search,
#breadcrumbs span#bc_filter {
  color:       white;
  font-weight: bold;
}

#breadcrumbs input {
  position:         relative;
  top:               -4px;
  top/*\**/:         -6px\9;
  width:            321px;
  height:            14px;
  border-width:       1px;
  background-color: #D0DE6B;
  padding-left:       3px;
  line-height:       12px;
  font-size:         12px;
}

#breadcrumbs .email_button {
  display: inline-block;
}

#search {
  position:         absolute;
  top:              22px;
  left:             0;
  right:            0;
  height:           70px;
  width:            100%;
  overflow:         hidden;
  background-color: #D0DE6B;
}

#search_input {
  float:          left;
  background:     url('/images/search.png');
  width:          373px;
  height:         25px;
  padding-bottom: 3px;
  margin:         20px 0 0 20px;
}

#search_field {
  float:       left;
  width:       300px;
  height:      25px;
  margin-left: 5px;
  border:      none;
  background:  none;
}

#search_submit {
  float:           left;
  height:          25px;
  margin-left:     5px;
  padding-top:     3px;
  line-height:     22px;
  text-decoration: none;
  color:           #eee;
}

#media {
  position:         absolute;
  left:             0;
  top:              92px;
  bottom:           140px;
  right:            390px;
  width:            100%;
  background-color: #D0DE6B;
}

#player {
  position: absolute;
  z-index: 0;
}

#media_image {
  visibility: hidden;
  display:    block;
  position:   relative;
}

#direct_link {
  position: absolute;
  left:     0;
  right:    390px;
  bottom:   138px;
  width:    100%;
  height:   21px;
  z-index:  1;
  padding-left: 5px;
  font-size: 10pt;
  background-color: #C0D43C;
}

#direct_link_field {
  width: 330px;
  height: 11px;
  font-size: 8pt;
}

#comment_sent {
  height:         80px;
  vertical-align: center;
  text-align:     center;
}

#info {
  position:         absolute;
  bottom:           20px;
  right:            390px;
  left:             0;
  height:           118px;
  border:           2px solid #C0D43C;
  border-bottom:    none;
  background-color: #D0DE6B;
}

#media_info,
#commentfield {
  padding: 10px 8% 3px 10px;
  height:           104px;
  background-color: #D4E270;
}

#media_info {
  overflow-x: hidden;
  overflow-y: auto;
  font-size:  11px;
}

#media_info p,
#media_info ul {
  margin:     0 0 1em 0;
  text-align: left;
}

#media_info table {
  border-spacing: 0;
}

#media_info td {
  padding: 0;
}

#media_info td.icon {
  padding: 0 3px;
}

#comment_form {
  width: 100%;
  border: none;
  border-width: 0;
}

#commentfield .button {
  float:       right;
  display:     block;
  height:      22px;
  width:       100%;
  font-size:   9px;
  font-weight: bold;
}

#commentfield textarea,
#commentfield .textfield {
  border:      0px solid white;
  font-family: "trebuchet ms", sans-serif;
  font-size:   9px;
}

#commentfield textarea {
  width:      100%;
  height:     50px;
}

#commentfield .textfield {
  width:   100%;
  height:  17px;
}

#commentfield .tfield {
  display: none;
}

#commentfield a {
  clear:           both;
  display:         block;
  margin-left:     0px;
  color:           black;
  font-size:       12px;
  font-weight:     bold;
  text-decoration: underline;
}

#commentfield div.fieldWithErrors {
  width: 100%;
}

#commentfield div.fieldWithErrors textarea, 
#commentfield div.fieldWithErrors input {
  border: 1px solid red;
  margin: 2px 0 1px 2px;
}

#play_all {
  clear:     both;
  margin:    0;
  padding:   0;
  font-size: small;
}

#play_all a {
  text-decoration: underline;
  font-weight:     bold;
  color:           #eee;
}

#playlist {
  position:   absolute;
  top:        92px;
  bottom:     140px;
  right:      0;
  width:      390px;
  overflow-y: auto;
  overflow-x: hidden;
  z-index:    2;
}

#playlist .entry a.item {
  display:          block;
  width:            365px;
  height:           46px;
  background-image: url('/images/entry_alpha_normal.png');
  padding-top:      2px;
  color:            black;
  text-decoration:  none;
}

#playlist .entry a.item.current,
#playlist .entry a.item:hover {
  background-image: url('/images/entry_alpha_highlight.png');
}

#playlist .entry a img.icon {
  float:       left;
  width:      32px;
  height:     32px;
  margin-left: 6px;
  margin-top:  4px;
}

#playlist .entry a span.pl_title {
  margin-left: 5px;
  font-weight: bold;
  font-size:   16px;
}

#playlist .entry a span.pl_description {
  margin-left: 5px;
  line-height: 16px;
  font-style:  italic;
  font-size:   14px;
}

#playlist .entry a span.pl_thumbnail {
  float:        right;
  margin-right: 8px;
}

#playlist .entry a span.pl_thumbnail img {
  width:  55px;
  height: 44px;
}

#playlist .entry a .pl_comments {
  float:        right;
  margin-right: 3px;
  line-height:  11px;
  font-size:    11px;
  font-style:   italic;
}

#miss {
  margin-top:   30px;
  padding-left: 120px;
}

#playlist .comments {
  margin:           1px 7px 20px 0;
  *margin:          1px 5px 20px 0;
  border:           1px solid #EFE6C9;
  background-color: #D0DE6B;
  padding:           5px 0;
}

div.comments a.close_button {
  float: right;
  margin: 0 5px;
}

div.comments ul {
  margin:  0;
  padding: 0 8px;
  list-style: none;
  line-height: 1.3;
}

.comment_header {
  font-size: 10px;
  font-weight: bold;
}

.comment_username {
  font-weight: bold;
}

.comment_date {
  font-style: italic;
}

.comment_message {
  font-size: 11px;
  border-bottom: 1px solid #555;
  margin-bottom: 5px;
  *zoom: 1;
}

.comment_message p {
  margin: 0;
}

li.highlight {
  background-color: #79861E;
}

li.highlight .comment_header,
li.highlight .comment_message {
  color: white;
}

#playlist a.permalink {
  position:    relative;
  display:     block;
  left:        285px;
  top:        -22px;
  width:       18px;
  height:      20px;
  background:  url('/images/icon_link.png') no-repeat;
}

#sidebar {
  position: absolute;
  right:    0;
  bottom:   20px;
  width:    390px;
  height:   120px;
  overflow: hidden;
  border:   0px;
}

#sidebar a img {
  width:  390px;
  height: 120px;
  border: 0px;
}

#footer {
  position:         absolute;
  bottom:           0;
  width:            100%;
  height:           20px;
  background-color: #C0D43C;
  padding-top:      1px;
  text-align:       center;
  color:            black;
  font-size:        14px;
  font-weight:      bold;
}

#footer p {
  margin: 0;
}

#footer a {
  color: white;
}