body {
	margin: auto;
	background: #ffffff top left repeat-y;
	font-family: Verdana, sans-serif; 
}

a:link {
color: #94979C
}

a:active {
color: #94979C
}

a:visited {
color: #94979C
}

a:hover {
color:blue;
}


.XiptvContainer {
background-color: #333438;
height: 690px;
width: 1024px;
}

.XplayerContainer {
background-color: #333438;
height: 424px;
width: 493px;
float: left;
margin-left: 3px;
margin-top: 3px;
}

.XplayerAppletContainer {
background-color: red;
border-style: inset;
height: 395px;
width: 493px;
margin-left: 0px;
margin-top: 0px;
}

.XplayerApplet {
background-color: white;
border-style: inset;
margin-left: 10px;
margin-top: 45px;
}

.chatVideoText {
color: #888888;
font-size: 14px;
font-weight: bolder; 
text-align: center;
height: 17px;
width: 170px;
float: left;
margin-left: 12px;
margin-top: 3px;
}

.chatCallText {
color: #777777;
font-size: 14px;
font-weight: bolder; 
text-align: center;
height: 17px;
width: 160px;
float: left;
margin-top: 1px;
}

.chatVideoApplet {
background-color: white;
border-style: inset;
float: left;
margin-left: 12px;
margin-top: 0px;
}

.chatVideoButton {
height: 29px;
width: 162px;
float: left;
margin-left: 15px;
margin-top: 5px;
}

.recordControls {
height: 29px;
width: 180px;
float: left;
margin-left: 12px;
margin-top: 5px;
}

.chatDeleteMessageButton {
height: 29px;
width: 162px;
float: left;
margin-left: 15px;
margin-top: 5px;
}

.chatCallApplet {
background-color: white;
border-style: inset;
height: 135px;
width: 170px;
float: left;
margin-left: 12px;
margin-top: 1px;
}

.chatYourMemberText {
color: #cccccc;
font-size: 14px;
text-align: center;
height: 17px;
width: 160px;
float: left;
margin-left: 2px;
margin-top: 3px;
}

.chatLogonInput {
height: 24px;
width: 160px;
float: left;
text-align: center;
margin-top: 1px;
}

.chatYourCallingText {
color: #cccccc;
font-size: 14px;
text-align: center;
height: 17px;
width: 160px;
float: left;
margin-top: 3px;
}

.chatCallingNameInput {
height: 24px;
width: 160px;
float: left;
text-align: center;
margin-left: 1px;
margin-top: 1px;
}

.chatLogonButton {
height: 29px;
width: 160px;
float: left;
text-align: center;
margin-left: 2px;
margin-top: 4px;
}

.chatCallButton {
height: 29px;
width: 160px;
float: left;
margin-left: 2px;
margin-top: 4px;
}

.chatMenuButton {
height: 29px;
width: 162px;
float: left;
margin-top: 4px;
}

.XreplayChatContainer {
background-color: #444444;
height: 250px;
width: 170px;
float: left;
margin-left: 3px;
margin-top: 5px;
border-style: inset;
}

.replayChatTitle {
color: #797979;
font-size: 20px;
font-weight: bolder; 
text-align: left;
height: 26px;
width: 205px;
float: left;
margin-left: 2px;
margin-top: 0px;
}

.XsportsTicker {
color: #FFFFFF;
font-size: 12px;
text-align: left;
height: 1px;
width: 300px;
float: left;
margin-left: 3px;
margin-top: 7px;
}

.replayContainer {
background-color: #333438;
height: 390px;
width: 280px;
float: left;
margin-left: 2px;
margin-top: 3px;
}

.chatContainer {
background-color: #333438;
border-style: inset;
height: 263px;
width: 175px;
float: left;
margin-left: 5px;
margin-top: 10px;
}

.playerControls {
height: 32px;
width: 32px;
float: left;
margin-left: 130px;
margin-top: 0px;
}

.controlPrevious {
height: 29px;
width: 29px;
float: left;
margin-left: 80px;
margin-top: 1px;
}

.controlRewind {
height: 29px;
width: 29px;
float: left;
margin-left: 5px;
margin-top: 2px;
}

.controlPlay {
height: 32px;
width: 32px;
float: left;
margin-left: 5px;
margin-top: 0px;
}

.controlPause {
height: 32px;
width: 32px;
float: left;
margin-left: 5px;
margin-top: 0px;
}

.controlForward {
height: 29px;
width: 29px;
float: left;
margin-left: 5px;
margin-top: 1px;
}

.controlNext {
height: 29px;
width: 29px;
float: left;
margin-left: 5px;
margin-top: 2px;
}

.controlCustom {
background-image: url(../images/controlCustom.gif);
height: 29px;
width: 29px;
float: left;
margin-left: 132px;
margin-top: 0px;
}

.XreplayLast30 {
position:relative;
height: 15px;
width: 80px;
border-width: thin;
border-color: #999999;
border-style: solid;
text-align: center;
font-size: 11px;
font-weight: bolder;
float: left;
margin-left: 73px;
margin-top: 1px;
}

.XreplayLastApplet {
background-color: white;
border-style: inset;
float: left;
margin-left: 5px;
margin-top: 20px;
}

.XreplayLastLink {
background-image: url(../images/lastReplays.jpg);
height: 135px;
width: 93px;
float: left;
margin-left: 4px;
margin-top: 20px;
}

.XreplayLastText {
color: #94979C;
font-size: 11px;
font-weight: bolder; 
height: 25px;
width: 93px;
float: left;
margin-left: 4px;
margin-top: 20px;
}

.XreplayLastColumnOne {
font-size: 11px;
font-weight: bolder; 
height: 5px;
width: 5px;
float: left;
margin-left: 4px;
margin-top: 1px;
}

.XreplayLastColumnTwo {
font-size: 11px;
font-weight: bolder; 
height: 5px;
width: 5px;
float: left;
margin-left: 20px;
margin-top: 1px;
}

.XreplayCustomApplet {
background-color: white;
border-style: inset;
float: left;
margin-left: 5px;
margin-top: 20px;
}

.XreplayCustomLink {
background-image: url(../images/customReplays.jpg);
height: 135px;
width: 49px;
float: left;
margin-left: 5px;
margin-top: 20px;
}

.XreplayCustomText {
color: #94979C;
font-size: 11px;
font-weight: bolder; 
height: 52px;
width: 93px;
float: left;
margin-left: 4px;
margin-top: 20px;
}

.XreplayCustomColumnOne {
font-size: 11px;
font-weight: bolder; 
height: 5px;
width: 5px;
float: left;
margin-left: 4px;
margin-top: 1px;
}

.XreplayLastButton {
height: 29px;
width: 162px;
float: left;
margin-left: 7px;
margin-top: 5px;
}

.XreplayCustomButton {
height: 29px;
width: 162px;
float: left;
margin-left: 7px;
margin-top: 5px;
}

.XiptvAdvertisement {
background-image: url(../images/advertisement.jpg);
height: 96px;
width: 731px;
float: left;
margin-left: 2px;
margin-top: 3px;
}

.XiptvSportsTab {
background-image: url(../images/sportsTab.jpg);
background-repeat: no-repeat;
height: 160px;
width: 736px;
float: left;
margin-left: 2px;
margin-top: 1px;
}

.XESPRE {
background-color: #333438;
height: 158px;
width: 280px;
float: left;
margin-left: 0px;
margin-top: 0px;
}

.XadSportsContainer {
height: 256px;
width: 736px;
float: left;
margin-left: 0px;
margin-top: 2px;
}

.espreContainer {
	border: 0;
}

.XespreContainer1 {
position:absolute;
top:434px;
left:740px;
height: 255px;
width: 274px;
border-width: thin;
border-color: #999999;
border-style: solid;
background-color: #333438;
z-index:1;
}

.XchatText {
color: #333333;
font-size: 14px;
text-align: center;
height: 17px;
width: 274px;
float: left;
margin-left: 0px;
margin-top: 3px;
}

.chatInput {
height: 24px;
width: 170px;
float: left;
margin-left:22px;
margin-top: 1px;
}

.XsendTextButton {
height: 29px;
width: 162px;
float: left;
margin-left: 27px;
margin-top: 7px;
}

.bcls1 {
background: url(../images/blankButton.gif) 162px 29px;
height: 29px;
width: 162px;
color:yellow;
border: none;
}

.bcls2 {
background: url(../images/blankButton.gif) 162px 29px;
height: 29px;
width: 162px;
color:yellow;
border: none;
}

.chatSelectionText {
color: #94979C;
font-size: 11px;
font-weight: bolder;
text-align: center; 
height: 15px;
width: 220px;
float: left;
margin-left: 4px;
margin-top: 0px;
}

.XchatControls
{
position:absolute;
top:280px;
left:684px;
width:128px;	
font-weight:bold;
padding-left:9px;
padding-right:9px;
padding-bottom:5px;
border-color:#FFFFFF;
border-style: solid;
border-width: 1px;
background-color:#9B0606;
opacity: .50;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
}

.chatControlText {
color: #94979C;
font-size: 11px;
font-weight: bolder; 
}

.XvideoControls
{
position:absolute;
top:120px;
left:684px;
width:128px;	
font-weight:bold;
padding-left:9px;
padding-right:9px;
padding-bottom:5px;
color:#FFFFFF;
border-style: solid;
border-width: 1px;
background-color:#9B0606;
opacity: .50;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
}

.videoControlText {
color: #94979C;
font-size: 11px;
font-weight: bolder; 
}

DIV.clsDataGrid 
{ 
BORDER-RIGHT: none; 
BORDER-TOP: none; 
BORDER-LEFT: none; 
BORDER-BOTTOM: none; 
OVERFLOW: scroll; 
WIDTH: 267px; 
HEIGHT: 50px;
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #8B005B;
float: left;
margin-left: 2px;
margin-top: 1px;	
}

DIV.clsDataGridSmall
{
OVERFLOW: auto; 
BORDER-RIGHT: none; 
BORDER-TOP: none; 
BORDER-LEFT: none; 
BORDER-BOTTOM: none; 
WIDTH: 170px; 
HEIGHT: 135px;
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #8B005B;
float: left;
margin-top: 1px;	
}

OPTION.mar{background-color: white; color: blue}
OPTION.white{background-color: white; color: #94979C}

SELECT{
	color: #000000;
	background-color: white;
	border-style: inset;
    width: 170px;
    height: 135px;
}




#capture {
	margin: 0px 6px 0px 0px;
	visibility: hidden;
	background: black;
	border-color: #729ac0;
	border-width: 1px;
	border-style: inset;
	height: 330px;
	width: 378px;
	float: left;
	display: none;
}

#captureTopBar {
  margin: 0px 0px 6px 0px;
  width: 378px;
  height: 34px;
  background:black;
  color:white;
  float: left;
  font-family:Arial;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
  vertical-align:middle;
}


#vmpControls {
  margin: 0px 0px 0px 0px;
/*  margin-left: 3px; */
  background: #729ac0;
  color:white;
  float: left;
  width: 375px;
  height: 40px;
}

#vmpControlArea {
  margin: 12px 0px 0px 0px;
  width: 378px;
  height: 40px;
  background: #729ac0;
  color:white;
  float: left;
}


#recordcontrols2 {
   margin: 0px 0px 0px 5px;
	display: block;
	text-align: left;
	float: left;
}

#recordcontrols button {
  background: white;
  border-style: inset;
  float: left;
  font-family:Arial;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
}

#captureActor {
  visibility: hidden;
  text-align: center;
  margin-top:5px;
  margin-bottom:0px;
  padding:0px;
  margin-left: 6px;
}

#captureAppletElement {
	border: 0;
	display: block;
	background: white;
	text-align: center;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	margin-left: 6px;
	height: 240px;
	width: 320px;
	visibility:hidden;
	vertical-align: bottom;
}

/*#vmpStatus {
	visibility:hidden;
	display: block;
  color: white;
  background: #729ac0;
  float: left;
   font-family:Arial;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
   border-style:ridge;
  border-width:medium;
  margin-left:5px;
} */

#vmpStatus {
  color: white;
  background: #729ac0;
  width: 170px;
  float: left;
  margin-top: 2px;
  text-align: left;
}

/*#msgSubject {
  background: #729ac0;
  color: white;
  float: left;
  font-family:Arial;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
}*/

#msgSubject {
	width: 200;
	background: white;
	color: black;
	font-family:Arial;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
  text-align:left;
  padding-left: 6;
  margin-top:6px;
  margin-right:2px;
  margin-left: 4px;
  float: left;
}

#subjectForm {
	background: #729ac0;
	color: white;
	float: left;
  font-family:Arial;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
  margin: 0px 0px 0px 0px;
}


#eMsgWaiting {
  display: block;
  width: 50px;
  height: 66px;
  visibility: visible;
  position: relative;
  left: -50px;
  text-align: center;
}



#videoMsg {
	margin: 0px 6px 0px 0px;
	visibility: hidden;
	background: black;
	border-color: #729ac0;
	border-width: 1px;
	border-style: inset;/*bn*/
	height: 331px;
	width: 378px;
	float: left;
	display: none;
}

#videoMsgTopBar {
  margin: 0px 0px 6px 0px;
  width: 378px;
  height: 34px;
  background: blsck;
  color:white;
  float: left;
  font-family:Arial;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
  vertical-align:middle;
}


#videoMsgControls {
  margin: 0px 0px 0px 0px;
/*  margin-left: 3px; */
  background: #729ac0;
  color:white;
  float: left;
  width: 375px;
  height: 40px;
}

#videoMsgControlArea {
  margin: 12px 0px 0px 0px;
  width: 378px;
  height: 40px;
  background: #729ac0;
  color:white;
  float: left;
}

#edvideoMsg {
  visibility: hidden;
  vertical-align:middle;
  width: 320px;
  height: 240px;
  background: black;
  border: 0;
  border-collapse: collapsed;
  margin: 0px 0px 0px 0px;
  cellspacing:0;
  cellpadding:0;
}

#edvideoMsgWaiting {
  visibility: hidden;
  vertical-align:middle;
  width: 320px;
  height: 240px;
  background: black;
  border: 0;
  border-collapse: collapsed;
  margin: 0px 0px 0px 0px;
  display: none;
}

#iptvContainer {
  visibility: hidden;
  background-color:white;
  text-align:left;
}

#director {
  display:none;
}

#vmcStatus {
  color: white;
  position:absolute;
  background: #729ac0;
  width: 186px;
  float: left;
  margin-top: 2px;
  text-align: left;
}

.centeredElm {
  text-align:center;
  margin-top:0px;
  background-color:white;
  margin-bottom:0px;
  padding:0px;
}

.vertCenteredElm {
  text-align:center;
  vertical-align:middle;
  margin-top:0px;
  margin-bottom:0px;
  padding:0px;
}

img.vmcButton {
  color: black;
  background: #ff9900;
  float: left;
  font-family:Arial;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
  margin-top: 6px;
  margin-left: 2px;
}

img.exitButton {
  color: black;
  background: #ff9900;
  float: right;
  font-family:Arial;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
  margin-top: 3px;
  margin-left: 0px;
  margin-right: 3px;
}

img.plusButton {
  color: black;
  background: #ff9900;
  float: right;
  font-family:Arial;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
  margin-top: 3px;
  margin-left: 0px;
  margin-right: 3px;
}
/*
#vmcEraseBtn {
  visibility: hidden;
}*/

#vmcSkipBtn {
  visibility: hidden;
}


/*
#vmpSendBtn {
  visibility: hidden;
}*/

#vmpStopBtn {
/*  visibility: hidden;*/
}

#generalStatus {
  color: black;
  background: white;
  font-size: x-small;
}


/* clip viewer */

#clipviewer {
	margin: 0px 6px 0px 0px;
	visibility: hidden;
	background: black;
	border-color: #729ac0;
	border-width: 1px;
	border-style: inset;
	height: 331px;
	width: 378px;
	float: left;
	display: none;
}

#clipViewerTopBar {
  margin: 0px 0px 9px 0px;
  width: 378px;
  height: 34px;
  background: black;
  color:white;
  float: left;
  font-family:Arial;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
  vertical-align:middle;
}


#clipForm {
	background: #729ac0;
	color: white;
	float: left;
  font-family:Arial;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
  margin: 0px 0px 0px 0px;
}

#clipInput {
  background:white;
  color:black;
  size: 20;
  margin: 0px 0px 0px 0px;
}

#clipBusy {
  visibility: hidden;
  width: 320px;
  height: 240px;
  background: black;
  border: 0;
  margin: 0px 0px 0px 0px;
  cellspacing: 0;
  cellpadding: 0;
  display: none;
}

#loadingClip {
  visibility:hidden;
}

#edclipViewer {
  visibility: hidden;
  width: 320px;
  height: 240px;
  background: black;
  border: 0;
  border-collapse: collapsed;
  margin: 0px 0px 0px 0px;
  cellspacing: 0;
  cellpadding: 0;
}

.centeredElm {
  text-align:center;
  margin-top:0px;
  margin-bottom:0px;
  padding:0px;
}

#etsdlwriter {
  visibility:hidden;
  background: white;
}

#edsdlwriter {
  visibility:hidden;
  background: white;
}

#sdlwritercontainer {
  visibility:hidden;
  background: white;
  display: none;
}

div#Test {
    width: 80%;
    margin-top: 50px;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    border: 0;
    border-color: white;
} 

#clipVideoPanels {
	margin: 0px 0px 0px 5px;
	border: none;
	text-align:center;
	float: left;	
}

#livePanels {
	margin: 20px 0px 20px 5px;
/*width: 450px;*/
	/*height: 250px;
	border-style:ridge;
	border-color:#729ac0;
	border-width:6px; */
	float: left;
	display:none;
}

#liveSpacer {
	margin: 0px 0px 0px 0px;
	width: 10px;
	height: 40px;
	border:none;
	display:block;
	background-color: white;
}

div.AppTitleMed {
	height:34px;
	width: 210px;
	border-style: solid;
	border-color: black;
/*	margin-top: 3px;  */
	border-bottom-width: 2px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	float: right;
	border-collapse: collapse;
	margin: 0px 0px 0px 0px;
	background-color: #729ac0;
}

div.AppTitleMedMsg {
	height:34px;
	width: 189px;
	border-style: solid;
	border-color: black;
/*	margin-top: 3px;  */
	border-bottom-width: 2px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	float: right;
	border-collapse: collapse;
	margin: 0px 0px 0px 0px;
	background-color: #729ac0;
}

#selfviewstatus {
  color: white;
  background: #729ac0;
  margin-bottom: 20;
  float: left;
   font-family:Arial;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
  padding-left: 3px;
}

#remoteview1status {
  color: white;
  background: #729ac0;
  margin-bottom:20;
  float:left;
   font-family:Arial;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
  padding-left: 3px;
}


#remoteview2status {
  color: white;
  background: #729ac0;
  margin-bottom:20;
  float:left;
   font-family:Arial;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
  padding-left: 3px;
}

#remoteview3status {
  color: white;
  background: #729ac0;
  margin-bottom:20;
  float:left;
   font-family:Arial;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
  padding-left: 3px;
}

#etselfview {
	visibility:hidden;
	display: none;
	float: left;
	width: 210px;/*210*/
	height: 250px;/*212*/
	border-color: #729ac0;
	border-style: solid;/*bn*/
	border-width: 1px;
	text-align:center;
	margin-top:10px;
	margin-bottom:0px;
	padding-left:0px;
/*	background-color: #729ac0;*/
    background-color: black;
	
}

#edselfview {
  visibility: hidden;
  vertical-align:middle;
  width: 176px;
  height: 144px;
  background: #729ac0;
  border: 0;
  margin: 0px 0px 0px 10px;
  float: left;
  background-color: #729ac0;
  }
  
#edremoteview1 {
  visibility: hidden;
  vertical-align:middle;
  width: 176px;
  height: 144px;
  background-color: black;
  border: 0;
  margin: 0px 0px 0px 10px;
  float: left;
  }

#etremoteview1 {
	visibility:hidden;
	display: none;
	float: left;
	width: 210px;
	height: 250px;/*212*/
	border-color: #729ac0;
	border-style: solid;/*bn*/
	border-width: 1px;
    text-align:center;
    margin-top:10px;
    margin-bottom:0px;
    padding-left:0px;
	background-color: black;
	margin-left: 10px;
}

#edremoteview2 {
  visibility: hidden;
  vertical-align:middle;
  width: 176px;
  height: 144px;
  background-color: #729ac0;
  border: 0;
  margin: 0px 0px 0px 10px;
  float: left;
  }
  
#etremoteview2 {
	visibility:hidden;
	display: none;
	float: left;
	width: 210px;
	height: 250px;/*212*/
	border-color: #729ac0;
	border-style: solid;/*bn*/
	border-width: 1px;
    text-align:center;
    margin-top:10px;
    margin-bottom:0px;
    padding-left:0px;
	background-color: black;
	margin-left: 10px;
}

#edremoteview3 {
  visibility: hidden;
  vertical-align:middle;
  width: 176px;
  height: 144px;
  background-color: #729ac0;
  border: 0;
  margin: 0px 0px 0px 10px;
  float: left;
  }
  
#etremoteview3 {
	visibility:hidden;
	display: none;
	float: left;
	width: 210px;
	height: 250px;/*212*/
	border-color: #729ac0;
	border-style: solid;/*bn*/
	border-width: 1px;
    text-align:center;
    margin-top:10px;
    margin-bottom:0px;
    padding-left:0px;
	background-color: black;
	margin-left: 10px;
}

div.chatAppletView {
	border: 0;
	margin: 0px 0px 0px 10px;
	cellspacing: 0;
	cellpadding: 0;
	/*   height: 144px; */
/*   width: 176px; */
	text-align: center;
}

.closeChatView {
   border: 0;
  background: #ff9900;
  color: white;
}

.chatviewstatus {
  color: black;
  background: white;
  font-size: x-small;
  margin-bottom: 20;
}

#callBtn {
  visibility:hidden;
}

#mainPage {
	display:none;
	background-color:white;
	visibility: hidden;
	
}

#flash {
  visibility: visible;
  text-align:center;
  margin-top:0px;
  margin-bottom:0px;
  padding:0px;
  z-order: 99999;
}

#flashSpacer {
	width: 300;
	height: 100;
}

#logonName {
  visibility: visible;
  display:none;
  color: #000000;
  font-family:Arial;
  font-size:14px;
  width:50px;
  font-weight:bold;
  text-align:center;
  margin-left: 10%;
margin-right: 10%;
  text-decoration:none;
}

#clipviewerL {
	margin: 0px 6px 0px 0px;
	visibility:hidden;
	width: 500px;
	height: 412px;
	border-color: #729ac0;
	border-style: inset;
	border-width: 1px;
	background: black
	float: left;
	display: none;
}

#clipBusyL {
  visibility: hidden;
  background: black;
  height: 336;
  width: 496;
  border: 0;
  margin: 0px 0px 0px 0px;
  display: none;
}

#clipviewerTopBarL {
  margin: 0px 0px 0px 0px;
  width: 500px;
  height: 34;
  background: black;
  color:white;
  float: left;
  font-family:Arial;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
  vertical-align:middle;
}

#clipControlsL {
  display:block;
  background:#729ac0;
  color:white;
  float: left;
  margin: 3px 0px 0px 0px
}

#clipFormL {
	background: #729ac0;
	color: white;
	float: left;
  font-family:Arial;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
  margin: 3px 0px 0px 6px
}

#clipInputL {
  background:white;
  color:black;
  size: 20;
  margin: 0px 0px 0px 0px;
}



#videoClipPanels {
  background: white;
  float: left;
  text-align: center;
}

#edclipviewerL {
  visibility: hidden;
  margin: 0px 0px 0px 0px;
}

#edclipViewer {
  visibility: hidden;
  margin: 0px 0px 0px 0px;
}

#menuSpacer {
	visibility: hidden:
	/*height: 100;*/
}
#menuSpacer2 {
	visibility: hidden:
	height: 20px;
	/*height: 100;*/
}

#clipviewerXL {
	margin: 0px 6px 0px 0px;
	visibility:hidden;
	width: 1080px;
	height: 842px;
	border-color: #729ac0;
	border-style: inset;
	border-width: 1;
	text-align:center;
	background:black;
	float: left;
	display: none;
}

#clipBusyXL {
  visibility: hidden;
  vertical-align:middle;
  background: black;
  height: 1024px;
  width: 768px;
  border: 0;
  border-collapse: collapsed;
  margin: 0px 0px 0px 0px;
  display: none;
}

#clipviewerTopBarXL {
  margin: 0px 0px 0px 0px;
  width: 1080px;
  height: 34px;
  background: black;
  color:white;
  float: left;
  font-family:Arial;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
  vertical-align:middle;
}

#clipControlsXL {
  display:block;
  background:#729ac0;
  color:white;
  float: left;
  margin: 3px 0px 0px 0px
}

#clipFormXL {
	background: #729ac0;
	color: white;
	float: left;
  font-family:Arial;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
  margin: 3px 0px 0px 6px
}

#clipInputXL {
  background:white;
  color:black;
  size: 20;
  margin: 0px 0px 0px 0px;
}

#edclipviewerxL {
  visibility: hidden;
}

#smallLogo {
	visibility:visible;
	float: left;
}



#right_menu {
	float: right;
	width: 300px;
	text-align:left;
	color:black;
	visibility: hidden;
	margin-top: 10px;
}

#center_menu {
	width: 500px;
	text-align:left;
	color:black;
	visibility: hidden;
	margin-top: 10px;
}

#slider {
	width:100px;
	float:left;
}	

#text_box1 {
margin-left:4px;
	float:left;
	height:17px;
}	
	




div.offline {
	float:left;
}

div.online {
	display:none;
	float:left;
}

div.transmit {
	display:none;
	float:left;
}

div.memberName{
	float: left;
}

div.recieving {
	float: left;
}

div.remotecontrol {
	float: left;
}

div.texting {
	float: left;
}

table.menuStruct {
	font-size:11px; font-family:"Trebuchet MS", arial, helvetica, sans-serif; color: #000;
}

#content_rtfont {
	font-size:11px; font-family:"Trebuchet MS", arial, helvetica, sans-serif; color: #000;
	text-align:center;
}	

#memberEntryTemplate{
	display:none;
}

#buttons {
	text-align:center;
	visibility:hidden;
}

#transmit_start {
	float:left;
}

#transmit_stop {
	float:left;
	display:none;
}	

#sync_start {
	float:left;
	display:none;
}

#sync_stop {
	float:left;
}	
/* large chat views from greg */
#remoteview10status {
  color: white;
  background: #729ac0;
  margin-bottom:20;
  float:left;
  font-family:Arial;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
}
#edremoteview10 {
  visibility: hidden;
  vertical-align:middle;
  width: 352px;
  height: 288px;
  background-color: black;
  border: 0;
  margin: 0px 0px 0px 20px;
  float: left;
}


	
#etremoteview10 {
  visibility:hidden;
  display: none;
  float: left;
  width: 420px;/*386*/
  height: 395px;/*356*/
  border-color: #729ac0;
  border-style: solid;/*bn*/
  border-width: 1px;
  text-align:center;
  margin-top:10px;
  margin-bottom:0px;
  background-color: black;
  margin-left: 10px;
}

#remoteview20status {
  color: white;
  background: #729ac0;
  margin-bottom:20;
  float:left;
  font-family:Arial;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
}

#edremoteview20 {
  visibility: hidden;
  vertical-align:middle;
  width: 352px;
  height: 288px;
  background-color: black;
  border: 0;
  margin: 0px 0px 0px 20px;
  float: left;
}
#etremoteview20 {
  visibility:hidden;
  display: none;
  float: left;
  width: 420px;/*386*/
  height: 395px;/*356*/
  border-color: #729ac0;
  border-style: solid;/*bn*/
  border-width: 1px;
  text-align:center;
  margin-top:10px;
  margin-bottom:0px;
  background-color: black;
  margin-left: 10px;
}


#remoteview30status {
  color: white;
  background: #729ac0;
  margin-bottom:20;
  float:left;
  font-family:Arial;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
}

#edremoteview30 {
  visibility: hidden;
  vertical-align:middle;
  width: 352px;
  height: 288px;
  background-color: black;
  border: 0;
  margin: 0px 0px 0px 20px;
  float: left;
}
#etremoteview30 {
  visibility:hidden;
  display: none;
  float: left;
  width: 420px;/*386*/
  height: 395px;/*356*/
  border-color: #729ac0;
  border-style: solid;/*bn*/
  border-width: 1px;
  text-align:center;
  margin-top:10px;
  margin-bottom:0px;
  background-color: black;
  margin-left: 10px;
}	

#members {
	height:280px;
	width: 295px;
	overflow:auto;
}

#admin_controls {
	visibility:hidden;
}	

@charset "UTF-8";

/* SpryCollapsiblePanel.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main CollapsiblePanel container. For our
 * default style, the CollapsiblePanel is responsible for drawing the borders
 * around the widget.
 *
 * If you want to constrain the width of the CollapsiblePanel widget, set a width on
 * the CollapsiblePanel container. By default, our CollapsiblePanel expands horizontally to fill
 * up available space.
 *
 * The name of the class ("CollapsiblePanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * CollapsiblePanel container.
 */
.CollapsiblePanel {
	margin: 0px;
	padding: 0px;
	border-left: solid 1px #CCC;
	border-right: solid 1px #999;
	border-top: solid 1px #999;
	border-bottom: solid 1px #CCC;
}

/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
.CollapsiblePanelTab {
	font: bold 0.7em sans-serif;
	background-color: #DDD;
	border-bottom: solid 1px #CCC;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	text-align:left;
}

/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 *
 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style a
 * CollapsiblePanel content container.
 */
.CollapsiblePanelContent {
	margin: 0px;
	padding: 0px;
	font-family:Arial;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
	text-align:left;	
}

#CollapsiblePanelContent {
	margin: 0px;
	padding: 0px;
	font-family:Arial;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
	text-align:left;	
}

/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen .CollapsiblePanelTab {
	background-color: #EEE;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-color: #CCC;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
.CollapsiblePanelFocused .CollapsiblePanelTab {
	background-color: #3399FF;
}


@charset "UTF-8";

/* SpryTabbedPanels.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* Horizontal Tabbed Panels
 *
 * The default style for a TabbedPanels widget places all tab buttons
 * (left aligned) above the content panel.
 */

/* This is the selector for the main TabbedPanels container. For our
 * default style, this container does not contribute anything visually,
 * but it is floated left to make sure that any floating or clearing done
 * with any of its child elements are contained completely within the
 * TabbedPanels container, to minimize any impact or undesireable
 * interaction with other floated elements on the page that may be used
 * for layout.
 *
 * If you want to constrain the width of the TabbedPanels widget, set a
 * width on the TabbedPanels container. By default, the TabbedPanels widget
 * expands horizontally to fill up available space.
 *
 * The name of the class ("TabbedPanels") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabbedPanels container.
 */
.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

/* This is the selector for the TabGroup. The TabGroup container houses
 * all of the tab buttons for each tabbed panel in the widget. This container
 * does not contribute anything visually to the look of the widget for our
 * default style.
 *
 * The name of the class ("TabbedPanelsTabGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabGroup container.
 */
.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the TabbedPanelsTab. This container houses
 * the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 *
 * For our default style, each tab is positioned relatively 1 pixel down from
 * where it wold normally render. This allows each tab to overlap the content
 * panel that renders below it. Each tab is rendered with a 1 pixel bottom
 * border that has a color that matches the top border of the current content
 * panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 *
 * The name of the class ("TabbedPanelsTab") used in this selector is not
 * necessary to make the widget function. You can use any class name you want
 * to style this tab container.
 */
.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font: bold 0.7em sans-serif;
	background-color: #ffe100;
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}

#test {
	
}	
/* This selector is an example of how to change the appearnce of a tab button
 * container as the mouse enters it. The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */
.TabbedPanelsTabHover {
	background-color: #CCC;
}

/* This selector is an example of how to change the appearance of a tab button
 * container after the user has clicked on it to activate a content panel.
 * The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.
 *
 * As mentioned above, for our default style, tab buttons are positioned
 * 1 pixel down from where it would normally render. When the tab button is
 * selected, we change its bottom border to match the background color of the
 * content panel so that it looks like the tab is part of the content panel.
 */
.TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: 1px solid #EEE;
}

/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the ContentGroup container.
 */
.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	background-color: #EEE;
}

/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 *
 * The name of the class ("TabbedPanelsContent") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the Content container.
 */
.TabbedPanelsContent {
	padding: 4px;
	background-color:#fff;
}

/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
.TabbedPanelsContentVisible {
}

/* Vertical Tabbed Panels
 *
 * The following rules override some of the default rules above so that the
 * TabbedPanels widget renders with its tab buttons along the left side of
 * the currently active content panel.
 *
 * With the rules defined below, the only change that will have to be made
 * to switch a horizontal tabbed panels widget to a vertical tabbed panels
 * widget, is to use the "VTabbedPanels" class on the top-level widget
 * container element, instead of "TabbedPanels".
 */

/* This selector floats the TabGroup so that the tab buttons it contains
 * render to the left of the active content panel. A border is drawn around
 * the group container to make it look like a list container.
 */
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}

/* This selector floats the content panels for the widget so that they
 * render to the right of the tabbed buttons.
 */
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}

#videoMsgName{
	width: 200;
	background: white;
	color: black;
	font-family:Arial;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
  text-align:left;
  padding-left: 6;
  margin-top:6px;
  margin-right:2px;
  margin-left: 4px;
  float: left;
}

/*#AppTitleSpacerMed {
	width: 186px;
	height: 16px;
	border-bottom-width: 2px;
	border-bottom-color: black;
	border-style: ridge;
	float: left;
	visibility: visible;
}*/

div.AppTitleSpacerMed {
	width: 189px;
	height: 16px;
	border-bottom-width: 2px;
	border-bottom-color: black;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width:0px;
	border-style: solid;
	float: left;
	visibility: visible;
	background: #729ac0;
	margin: 0px 0px 0px 0px;
    border-collapse: collapse;
}

#AppTitleSpacer2Med {
	width: 186px;
	height: 16px;
	border-bottom-width: 0px;
	border-right-color: black;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width:0px;
	border-style: none;
	visibility: visible;
	text-align: left;
	background: #729ac0;
	margin: 0px 0px 0px 0px;
	border-collapse: collapse;
}

#AppTitleSpacerSmall {
	width: 90px;
/*height: 12px;*/
	border-bottom-width: 2px;
	border-bottom-color: black;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width:0px;
	border-style: solid;
	float: left;
	visibility: visible;
	background: #729ac0;
	margin: 0px 0px 0px 0px;
    border-collapse: collapse;
}

div.RVAppTitleSpacerSmall {
	width: 90px;
/*height: 12px;*/
	border-bottom-width: 2px;
	border-bottom-color: black;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width:0px;
	border-style: solid;
	float: left;
	visibility: visible;
	background: #729ac0;
	margin: 0px 0px 0px 0px;
    border-collapse: collapse;
}

div.RVAppTitleSpacerMed {
	width: 210px;
/*height: 12px;*/
	border-bottom-width: 2px;
	border-bottom-color: black;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width:0px;
	border-style: solid;
	float: left;
	visibility: visible;
	background: #729ac0;
	margin: 0px 0px 0px 0px;
    border-collapse: collapse;
}

#AppTitleSpacer2Small {
	width: 87px;
	height: 16px;
	border-bottom-width: 0px;
	border-right-color: black;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width:0px;
	border-style: none;
	visibility: visible;
	text-align: left;
	background: #729ac0;
	margin: 0px 0px 0px 0px;
	border-collapse: collapse;
}

div.RVAppTitleSpacer2Small {
	width: 87px;
	height: 16px;
	border-bottom-width: 0px;
	border-right-color: black;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width:0px;
	border-style: none;
	visibility: visible;
	text-align: left;
	background: #729ac0;
	margin: 0px 0px 0px 0px;
	border-collapse: collapse;
}

div.RVAppTitleSpacer2Med {
	width: 207px;
	height: 16px;
	border-bottom-width: 0px;
	border-right-color: black;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width:0px;
	border-style: none;
	visibility: visible;
	text-align: left;
	background: #729ac0;
	margin: 0px 0px 0px 0px;
	border-collapse: collapse;
}


#selfViewTopBar {
  margin: 0px 0px 10px 0px;
  width: 210px;
  height: 42px;/*64*/
/*  background: #729ac0;*/
  background-color: black;
  color:white;
  float: left;
  font-family:Arial;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
  vertical-align:middle;
}

div.RemoteViewTopBar {
  margin: 0px 0px 10px 0px;
  width: 210px;
  height: 42px;/*64*/
/*  background: #729ac0;*/
  background-color: black;
  color:white;
  float: left;
  font-family:Arial;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
  vertical-align:middle;
}

div.RemoteViewTopBarMed {
  margin: 0px 0px 10px 0px;
  width: 420px;
  height: 42px;/*64*/
/*  background: #729ac0;*/
  background-color: black;
  color:white;
  float: left;
  font-family:Arial;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
  vertical-align:middle;
}



#MsgTitleText {
	margin: 6px 0px 0px 0px;
	float: right;
	width: 158px;
}

#SelfViewTitleText {
	margin: 6px 0px 0px 0px;
	float: right;
	width: 90px;
	background-color: #729ac0;
	color: white;
}


div.RemoteViewTitleText {
	margin: 6px 0px 0px 0px;
	float: right;
	width: 68px;
	background-color: #729ac0;
	color: white;
}


div.AppTitleSmall {
	height:34px;
	width: 120px;
	border-style: solid;
	border-color: black;
/*	margin-top: 3px;  */
	border-bottom-width: 2px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	float: right;
	border-collapse: collapse;
	margin: 0px 0px 0px 0px;
	background-color: #729ac0;
}

table.buttonColumn {
	float: right;
}

table.statusColumn {
	float: left;
}

#textPlayer {
	margin: 0px 0px 0px 0px;
	visibility: hidden;
	background: white;
	border-color: #729ac0;
	border-width: 1px;
	border-style: inset;/*bn*/
	height: 331px;
	width: 378px;
	float: left;
	display: none;
}

#textTopBar {
  margin: 0px 0px 10px 0px;
  width: 378px;
  height: 34px;
  background: black;
  color:white;
  float: left;
  font-family:Arial;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
  vertical-align:middle;
}


#textMsgControls {
  margin: 0px 0px 0px 0px;
/*  margin-left: 3px; */
  background: #729ac0;
  color:white;
  float: right;
  width: 375px;
  height: 40px;
}

#textMsgControlArea {
  margin: 7px 0px 0px 0px;
  width: 378px;
  height: 40px;
  background: #729ac0;
  color:white;
  float: left;
}

#edTextMsg {
  /*visibility: hidden;*/
  vertical-align:middle;
  width: 320px;
  height: 240px;
  background: white;
  border: 0;
  border-collapse: collapsed;
  margin: 0px 0px 0px 0px;
  
}

#textmsg_area {
	border-width: 2px; 
	border-color:#000000;
	float:left;
	height:180px;
	width:320px;
	text-align:left;
	overflow:auto;
	font-size:12px;
}	

#textmsg_input {
	float:left;
	height:20px;
}	
	

#edTextMsgWaiting {
  visibility: hidden;
  vertical-align:middle;
  width: 320px;
  height: 240px;
  background: black;
  border: 0;
  border-collapse: collapsed;
  margin: 0px 0px 0px 0px;
  display: none;
}

#textStatus {
  color: white;
  background: #729ac0;
  width: 170px;
  float: left;
  margin-top: 2px;
  text-align: left;
}

#TextTitle {
	margin: 6px 0px 0px 0px;
	float: right;
	width: 158px;
}

textarea.clsDataGrid 
{ 
BORDER-RIGHT: none; 
BORDER-TOP: none; 
BORDER-LEFT: none; 
BORDER-BOTTOM: none; 
OVERFLOW: scroll; 
WIDTH: 320px; 
HEIGHT: 50px;
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: black;
float: left;
margin-left: 2px;
margin-top: 1px;	
}


div.liveControlArea {
  margin: 20px 0px 0px 0px;
  width: 210px;
  height: 36px;
  background: #729ac0;
  color:white;
  float: left;
}

div.liveControlAreaMed {
  margin: 20px 0px 0px 0px;
  width: 420px;
  height: 36px;
  background: #729ac0;
  color:white;
  float: left;
}

div.liveControls {
  margin: 0px 0px 0px 0px;
/*  margin-left: 3px; */
  background: #729ac0;
  color:white;
  float: left;
  width: 180px;
  height: 36px;
}

img.liveButton {
  color: black;
  background: #ff9900;
  float: left;
  font-family:Arial;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
  margin-top: 6px;
  margin-left: 2px;
}

#cvStatus {
color: white;
background: #729ac0;
width: 170px;
float: left;
margin-top: 2px;
text-align: left;
}

#cvControlArea {
  margin: 9px 0px 0px 0px;
  width: 378px;
  height: 40px;
  background: #729ac0;
  color:white;
  float: left;
}

#clipControls {
margin: 3px 0px 0px 5px;
	display: block;
	text-align: left;
	float: left;
}

div.AppTitleSpacerLarge {
	width: 246px;
	height: 16px;
	border-bottom-width: 2px;
	border-bottom-color: black;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width:0px;
	border-style: solid;
	float: left;
	visibility: visible;
	background: #729ac0;
	margin: 0px 0px 0px 0px;
    border-collapse: collapse;
}

div.AppTitleLarge {
	height:34px;
	width: 254px;
	border-style: solid;
	border-color: black;
/*	margin-top: 3px;  */
	border-bottom-width: 2px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	float: right;
	border-collapse: collapse;
	margin: 0px 0px 0px 0px;
	background-color: #729ac0;
}

#AppTitleSpacer2Large {
	width: 243px;
	height: 16px;
	border-bottom-width: 0px;
	border-right-color: black;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width:0px;
	border-style: none;
	visibility: visible;
	text-align: left;
	background: #729ac0;
	margin: 0px 0px 0px 0px;
	border-collapse: collapse;
}

#cvlStatus {
color: white;
background: #729ac0;
width: 170px;
float: left;
margin-top: 2px;
text-align: left;
}

#cvlControlArea {
  margin: 0px 0px 0px 0px;
  width: 500px;
  height: 40px;
  background: #729ac0;
  color:white;
  float: left;
}

div.AppTitleSpacerXLarge {
	width: 540px;
	height: 16px;
	border-bottom-width: 2px;
	border-bottom-color: black;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width:0px;
	border-style: solid;
	float: left;
	visibility: visible;
	background: #729ac0;
	margin: 0px 0px 0px 0px;
    border-collapse: collapse;
}

div.AppTitleXLarge {
	height:34px;
	width: 540px;
	border-style: solid;
	border-color: black;
/*	margin-top: 3px;  */
	border-bottom-width: 2px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	float: right;
	border-collapse: collapse;
	margin: 0px 0px 0px 0px;
	background-color: #729ac0;
}

#AppTitleSpacer2XLarge {
	width: 537px;
	height: 16px;
	border-bottom-width: 0px;
	border-right-color: black;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width:0px;
	border-style: none;
	visibility: visible;
	text-align: left;
	background: #729ac0;
	margin: 0px 0px 0px 0px;
	border-collapse: collapse;
}

#cvxlStatus {
color: white;
background: #729ac0;
width: 170px;
float: left;
margin-top: 2px;
text-align: left;
}

#cvxlControlArea {
  margin: 0px 0px 0px 0px;
  width: 1080px;
  height: 40px;
  background: #729ac0;
  color:white;
  float: left;
}

div.videoMsgName {
  color: white;
  background: #729ac0;
  float: left;
  margin-top: 2px;
  text-align: left;
}