/******************************************
style of class description

operate:table border style;
td_top,th_top:table title bgcolor;
td_rcd,th_rcd:table record bgcolor;
td_footer:footer page font style;
a_footer:footer page text link style;
a_login:login page text link style;
a_header:header page text link style;
input_login:login input style;
login_bt:login button style;
warning:warning info;
info_green:running info;

table example
<table .... class="operate">
<tr>
	<td class='td_top'></td>
	<td class='td_rcd'></td>
</tr>
</table>
*****************************************/

html,body {
  width:100%;
  height:100%;
}

body{
  margin: 0px;
	padding: 0px;
	font-size:12px;
	font-family:"Arial";
	color: #4E4E82;
}

.header {
  margin: 0px;
  padding: 0px;
	border-width: 1px;
	border-spacing: 0px;
  border-collapse: separate;
	border-style: solid none solid none;
  border-color: #000080;
	background-color:#BBBBBB;
	width:100%;
  height: 39px;
}


table.operate {
  margin:  20px 5% 0px 5%;
	border-width: 1px;
	border-style: outset;
	border-color: #000080;
	background-color:#FFFFFF;
	border-collapse: collapse;
	width:90%;
  text-align: left;
}

table.operate td {
  height: 26px;
  padding-left: 5px;        
}

table.operate .td_top {
	width:100%;
  padding-left: 10px;
	border-style: inset;
  text-align: left;
}
table.operate .td_rcd {
	height:20px;
	border-width: 1px;
  padding: 3px;
	border-style: inset;
	border-color: #000080;
	background-color: #ffffff;
	-moz-border-radius:0px ;
}

.label {
  width: 150px;
  text-align: left;       
}

table.operate .th_top {
	height:20px;
	border-width: 1px;
	padding: 3px;
  padding-left: 10px;
	border-style: inset;
	border-color: #000080;
	background-color: #F3F0F5;
	-moz-border-radius:0px ;
  text-align: left;
}
table.operate .th_rcd {
	height:20px;
	border-width: 1px;
	padding: 3px;
	border-style: inset;
	border-color: #000080;
	background-color: #ffffff;
	-moz-border-radius:0px ;
}

table.operate_1 {
	border-collapse: collapse;
	width:100%;
  text-align: left;
}

table.operate_left {
	border-width: 1px;
	border-spacing: 0px;
	border-style: outset;
	border-color: #000080;
	background-color:#FFFFFF;
	border-collapse: collapse;
	text-align:left;
	width:90%;
}
table.operate_left .td_top {
	height:20px;
	border-width: 1px;
	padding: 1px;
	border-style: inset;
	border-color: #000080;
	background-color: #F3F0F5;
	-moz-border-radius: 0px;
}
table.operate_left .td_rcd {
	height:20px;
	border-width: 1px;
	padding: 3px;
  padding-left: 20px;
	border-style: inset;
	border-color: #000080;
	background-color: #ffffff;
	-moz-border-radius:0px ;
  text-align: left;
}

table.operate_left .th_top {
	height:20px;
	border-width: 1px;
	padding: 3px;
	border-style: inset;
	border-color: #000080;
	background-color: #F3F0F5;
	-moz-border-radius:0px ;
}
table.operate_left .th_rcd {
	height:20px;
	border-width: 1px;
	padding: 3px;
	border-style: inset;
	border-color: #000080;
	background-color: #ffffff;
	-moz-border-radius:0px ;
}

.td_footer{
	color: #cccccc
}

.warning { color: #ff0000; }
.info_green { color: green;}

a:link{
	color: #5B5B5B;
	text-decoration:underline;
}

a:hover{
	color: #009BD9;
	text-decoration:none;
}

a:active{
	color: #555555;
	text-decoration:none;
}
a{
	color: #555555;
	text-decoration:none;
}

.a_header:link{
  font-size:16px;
	color: #F03612;
  font-weight: bold;
	text-decoration:none;
}

.a_header:hover{
  font-size:16px;
	color: #24FF0D;
	text-decoration:none;
}

.a_header:active{
  font-size:16px;
	color: #24FF0D;
	text-decoration:none;
	}
.a_header{
  font-size:16px;
  color: #F03612;
	text-decoration:none;
}



.a_footer:link{
	color: #cccccc;
	text-decoration:none;

}

.a_footer:hover{
	color: #ffffff;
	text-decoration:underline;
}

.a_footer:active{
	color: #cccccc;
	text-decoration:none;
	}
.a_footer{
  color: #cccccc;
	text-decoration:none;
}





.a_login:link{
	color: #ffffff;
	text-decoration:none;

}

.a_lgoin:hover{
	color: #ffffff;
	text-decoration:none;
}

.a_login:active{
	color: #ffffff;
	text-decoration:none;
	}
.a_login{
  color: #ffffff;
	text-decoration:none;
}

.input_login{
width: 160px;
border:1px solid #353173;
color:#353173;
}

.input_text1{
width: 180px;
height:13px;
border:1px solid #353173;
color:#353173;
}


.login_bt{
font-size:12px;
width: 80px;
height:20px;
border:0px;
color:#353173;
background: url(../images/bt_bg.gif);
}
/*
.input_bt{
padding:2 8 2 8;
height:20px;
color:#353173;
background-color:#C3B4E3;
border-width:1;
}
*/
.input_start{
font-size:12px;
width: 24px;
height:21px;
border:0px;
color:#353173;
background: url(../images/start.jpg);
}

.input_stop{
font-size:12px;
width: 24px;
height:21px;
border:0px;
color:#353173;
background: url(../images/stop.jpg);
}

.btn{display:inline-block;height:20px;background:url(../images/bg_bt.jpg) no-repeat left top;}
.btn b{display:inline-block;height:20px;background:url(../images/bg_bt.jpg) no-repeat right top;}
.btn input{border:none;margin:0 5px;background:url(../images/bg_bt.jpg) repeat-x left -22px;color:#0000;line-height:20px;height:20px;cursor:pointer;}


* {
margin: 0;
}

div#login {
border: gray;
border-style: solid;
background-color: #ADB7DA;
width: 300px;
height: 200px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -150px;
margin-top: -100px;
}

#lt1 {
width: 100%;
height: 170px;
}

#lt2 {
width: 100%;
}

#lp1 {
height: 20px;
padding-top: 10px;
color: red;
text-align: center;
}

.input_login{
width: 160px;
border:1px solid #353173;
color:#353173;
}

.login_bt{
font-size:12px;
width: 80px;
height:20px;
border:0px;
color:#353173;
background: url(../images/bt_bg.gif);
}


div#footer {
position: absolute;
width: 100%;
top: 100%;
margin-top: -20px;
clear:both;text-align:center;
}

#product_name {
color: #0000FF;
font-size: 20px;
font-weight: bold;
letter-spacing: 4px;
}

fieldset {
margin: 10px;
}

table.tc_ingest {
	border-width: 1px;
	border-collapse: separate;
  text-align: left;
  vertical-align: top;
}

table.tl_align {
width:100%;
height:30px;
position:relative;
top:0%;
}

/* the table for ingest of transcoding channel */
table.ts_ingest {
  width: 92%;
	border-collapse: collapse;
  margin: 10px 4% 5px 4%;
}

table.ts_ingest .td_fst{
  width: 21%;
  vertical-align: top;
  padding-left: 5px;
  padding-bottom: 0px;
  text-align: left;
}

table.ts_ingest .td_snd{
  width: 71%;
  vertical-align: top;
  padding-left: 5px;
  padding-bottom: 0px;
  text-align: left;
}

table.ts_programs {
  margin-top: 0px;
  margin-left: 0px; 
	border-width: 1px;
	border-style: outset;
	border-color: #000080;
	background-color:#FFFFFF;
	border-collapse: collapse;
	width:90%;
  text-align: left;
}

.img-plus {
  PADDING-BOTTOM: 0px;
  PADDING-LEFT: 16px;
  WIDTH: 100%;
  PADDING-RIGHT: 0px;
  BACKGROUND: url(../images/explode.png) no-repeat left 50%;
  HEIGHT: 24px;
  VERTICAL-ALIGN: middle;
  CURSOR: hand;
  PADDING-TOP: 7px;
  *PADDING-TOP: 7px /*IE NEED THIS*/;
}

.img-minus {
  PADDING-BOTTOM: 0px;
  PADDING-LEFT: 16px;
  WIDTH: 100%; PADDING-RIGHT: 0px;
  BACKGROUND: url(../images/fold.png) no-repeat left 50%;
  HEIGHT: 24px; VERTICAL-ALIGN: middle;
  CURSOR: hand;
  PADDING-TOP: 7px;
  *PADDING-TOP: 7px /*IE NEED THIS*/;
}

/* the table for output of transcoding channel */
table.ts_output_config {
  width: 92%;
	border-collapse: collapse;
  margin: 10px 4% 5px 4%;
}

table.channel_operate {
  margin:  10px 0px 5px 10px;
	border-width: 1px;
	border-style: outset;
	border-color: #000000;
	background-color:#FFFFFF;
	border-collapse: collapse;
	width:98%;
  text-align: left;
  padding-left: 5px;
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
min-width:200px;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 0px; /*position where enlarged image should offset horizontally */
}

.log_content {
width:80%;
height:90%;
border:solid 1px;
overflow-x:hidden;
overflow-y:auto;
padding-left: 5px;
padding-top: 5px;
margin-top: 30px;
margin-left: 15px;
}