/*  
 *  File:  $Workfile: v3.css$
 *         $Revision: 1$
 *
 *  Date:  $DateUTC: 2007-03-29 19:28:24Z$
 *
 *  Brief: On2 Flix Publisher advanced sample
 *         (stylesheet for sample4b.html)
 *
 *******************************************************/

html * {
  margin: 0;
  padding: 0;
}


/*  New Page Frame Stuff
 *
 *******************************************************/

#frame_top {
  background: url("images/frame_top.png") no-repeat center;
  height: 82px;
}

#frame_body {
  background: url("images/frame_body.png") repeat-y center;
}

#frame_bottom {
  background: url("images/frame_bottom.png") no-repeat center;
  height: 40px;
}

#content {
  margin: 0 auto;
  width: 880px;
  padding-top: 20px;
  text-align: left;
  overflow: hidden;  /* There may be floats in #content; this
                        clears them in Gecko & Opera. Setting
                        a width is enough for IE (gives 
                        #content the `hasLayout` property). 
                        http://tinyurl.com/3xe53n */
}

#content #left_pane {
  float: left;
  width: 45%;
}

#content #right_pane {
  float: right;
  width: 45%;
}

/*** End Page Frame stuff ***/

/*** Default text link behavior ***/

a:link,
a:visited {
  color: #00458a;
  background: transparent;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a:active {
}

/*** End default text link behavior ***/

/*** Basic page styles; font size normalization ***/

body {
  background: #fff;
  color: #222;  
  font-family: Arial, sans-serif;
  font-size: 62.5%;    /* Reset 1em to 10px; use EMs hereafter for text */
  line-height: 1.4;
  margin: auto;
  text-align: center;
}

/*** End basic page styles ***/

/*** min-width hack for IE ***/
/*** http://www.dustindiaz.com/min-height-fast-hack ***/
#pagewrap 
{
  margin-top:20px;  
  min-width: 978px;
  width: auto !important;
  width: 978px;
}

/*** Font stuff ***/

p {
  font-size: 1.4em;
  padding-bottom: 1em;
}

li {
  font-size: 1.4em;
}

label {
  font-size: 1.4em;
}

fieldset {
  display: inline;
  padding: 10px;
}

h1 {  /* Reserved for page title */
}

h2, h3 {
  font-family: "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
}

h2 {
  font-size: 2.2em;
  margin-bottom: .5em;
  border-bottom: 1px solid #999;
}

h3 {
  font-size: 2em;
  font-style: italic;
  margin-bottom: .2em;
}

h4 {
  font-size: 1.7em;
  color: #666;
  margin-bottom: .2em;
}

h5 {
  font-family: "Trebuchet MS", "Lucida Grande", Arial, sans-serif;
  font-size: 1.1em;
  color: White;
  margin-bottom: .2em;
}

/*** noscript ***/

.warn_js {
  color: #a60000;
}
.menu_link {
  margin: 0 auto;
  text-align: right;
}

/*** Elements displayed only if no CSS support ***/
/*** Thanks, Adrian Holovaty (holovaty.com) ***/

.lowtech {
  display: none;
}

/*** Buttons ***/

.btn {
  width: 98px;
  height: 28px;
  color: #FFF;
  font: bolder 1.2em "Trebuchet MS";
  padding: 2px 5px 2px 5px;
  margin: 2px 2px 2px 2px;
  background: url(images/button.png) no-repeat left top;
  cursor: pointer;
  border: none;
  vertical-align: middle;
}
.wide {
  width: 145px;
  background: url(images/button_wide.png) no-repeat left top;
}

.hov {
  background-position: left bottom;
}

#div_plugin_holder {
  padding-left: 2px;
}

/*** button holder, for buttons that hang about under the plug-in holder ***/
div#div_broadcast_controls #ul_broadcast_controls {
	text-align: center;
	padding-top: 10px;
    width: 400px;
    height: 80px;
}

.hidden {
  display: none;
  visibility: hidden;
}

#div_device_select {
  border: inset thin;
  width: 99%;
  margin: 5px 2 5px 0;
  text-align: right;
}

#cb_audio_preview_enable {
  margin-right: 19px;
}

.device_select {
  display: inline;
  color: Black;
  background-color: White;
  font: bold 1em/1.1em Verdana;
  width: 240px;
  /*margin: 1% 1% 1% 1%;*/
  margin: 2px 5% 2px 2%;
}

/*** status ***/
#div_status_container {
  background: url(images/status_bg.png) no-repeat;
  color: White;
  font: bold 1.1em/1em Arial, sans-serif;
  width: 400px;
  height: 30px;
  margin: 5px 0 0 0;
  padding-top: 8px;
  
}

div.col_l {
  display: inline;
  float: left;
  margin-left: 1em;
  margin-top: .2em;
}
div.col_m {  
  display: inline;
  float: both;
  margin-top: .2em;
}
div.col_r {
  display: inline;
  float: right;
  margin-top: .2em;
  margin-right: 1em;
}

#file_str,#video_str,#audio_str {
  font: bold 1em ArialNarrow, VerdanaNarrow, Arial, Verdana, sans-serif;
  color: White;
}

.ti {
  margin: 2px 5% 2px 2%;
  width: 60%;
  font-weight: bolder;
}

#div_fms_controls {
  text-align: right;
  border: inset thin;
  width: 99%;
  margin: 5px 0 5px 0;
  /*padding: 5px 5px 2px 5px;*/
}

#cb_fms_write_output_file, 
#cb_fms_show_latency_ui {
  margin-top: .4em;
  margin-right: 4%;
}

.fms_onoff {
  font-weight: bold;
  text-align: left;
  padding-right: 100px;
}

.rbtn {
  vertical-align: middle;
}

hr.clear {
  visibility: hidden;
}

#debug_div {
 border: inset thin;
 background-color: white;
 font: 1em Courier;
 width: 99%;
 margin: 1% 2px;
 padding: 1% 2px;
 height: 200px;
 overflow: auto;
 text-align: left;
 float: clear;
}

label, .ti, .device_select {
  vertical-align: middle;
}

label {
  font: 1.2em Tahoma;
}

#div_fms_controls h5, #div_device_select h5 {
  color: Black;
  font-size: 1.5em;
  text-align: center;
}

a#a_mute, a#a_vol_down, a#a_vol_up {
  font: 2em Tahoma;
}

#tt_latency_tip {
  font: 1.2em Tahoma;
  text-align: center;
}

/** NEW STYLE ClASS K7 */
.broadcastbody {background-image: url('../images/bg_site.bmp'); background-repeat: repeat-x;}