.sampleTab { width: 133px; height: 24px; margin: 8px 0 0 4px; float: left; }

#playhead { text-align: center; }
#playControls {margin: 0 7px 0 0; padding: 0; }
#controlsPlaceHolder { margin: 6px auto 0 auto; width: 297px; }

#timeControls {  background-repeat: no-repeat; float: right; margin: 0; height: 26px; margin: 0; padding: 4px 0 0 0; position: relative; left: 0; top: 1px; width: 138px; }

#timeControls, #timeControls p { color: #738085; font-size: 10px; text-align: center; }

#timelineBg {  background-repeat: no-repeat; height: 11px; margin: 1px auto 0 auto; padding: 0; position: relative; top: 1px; text-align: left; }

#timelineDragger { position: absolute; }

#volControls {  background-repeat: no-repeat; float: right; height: 26px; margin: 0 13px 0 0; padding: 0; position: relative; left: 0; top: 1px; text-align: center; width: 108px; }
#volControls img { margin: 4px 1px 0 0; }
#volControls img.incButton { margin: 4px 5px 0 5px; }

/*
#tags {  height: 206px; margin: 1px; left: 0; position: relative; top: 0; overflow: auto; width: auto; }
#tags { margin: 1px; overflow: auto; height: 349px; }
*/
#tags {  margin: 0; left: 0; overflow: auto; width: auto; }

ul { margin: 0; }
li { clear: both; margin: 0; list-style-type: none;  }
li div { /*clear:both;border:1px dotted red;line-height:14px;*/  }

ul li { background-image: url(/img/backgrounds/tagDotBorder.gif); background-position: left top; background-repeat: repeat-x; font-weight: bold; padding: 3px 0 0 0; }
ul ul li { margin-top: 1px; padding: 0; font-weight: normal; background-image: none; }

ul
{
	background-image: url(/img/backgrounds/tagDotBorder.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	padding: 0;
	/*padding: 0 0 3px 0;*/
}
ul ul { background-image: none; padding: 0; }

ul li div { padding: 0 0 0 3px; }
ul ul li div { padding: 0 0 0 20px; }
ul ul ul li div { padding: 0 0 0 32px; }
ul ul ul ul li div { padding: 0 0 0 55px; }
ul ul ul ul ul li div { padding: 0 0 0 72px; }
ul ul ul ul ul ul li div { padding: 0 0 0 96px; }

a.openClose { display: block; float: left; margin: 3px 4px 0 0; }

a.tagname { display: block; float: left; margin: 0; padding: 0; }
li.nk a.tagname { padding-left: 20px; }

a.timecode { font-size: 10px; font-weight: normal; display: inline; float: right; margin-right: 10px; }

/* not sure why it doesn't float correctly on ie -- need to figure this out */
/* also - not getting the bottom border for the last div on ffox */

/* Hides from IE5-mac \*/
* html a.timecode { float: right; }
* html li { height: 1%; }
* html li div { height: 100%; }
* html ul li div a.tagname { width: 280px; }
* html ul ul li div a.tagname { width: 270px; }
* html ul ul ul li div a.tagname { width: 250px; }
* html ul ul ul ul li div a.tagname { width: 250px; }
* html ul ul ul ul ul li div a.tagname { width: 220px; }
* html ul ul ul ul ul ul li div a.tagname { width: 130px; }
/* End hide from IE5-mac */

#localConnectorWrapper { position: absolute; left: -450px; top: -450px; }

#tagDescDisplayHolder { /*border: solid 1px #95c71b;*/ font-size: 10px; padding: 6px; overflow: auto; }

.MailVeoProgram
{
    background-color: #fff;
    border: solid 3px #95c71b;
    display: none;
    padding: 10px 10px;
    left: 20px;
    position: absolute;
    top: 400px;
    z-index: 5;
    width: 374px;
}

.clearboth { clear: both; }
.leftcolumn { float: left;  }
.rightcolumn { float: right;  }

.viewSelectTable  {
 border:solid 1px #e5e5e5;
 background-color:#cccc00;
 }

.viewSelect:hover { background-color:#e5e5e5;}
.viewSelectCell {background-color:#e5e5e5;}
.viewSelectCell a {color:#738085;}
.viewSelectCell:hover { background-color:#CCCCCC;}

.viewSelectedCell {background-color:#CCCCCC;}
.viewSelectedCell a {color:#000000;}
 
 
#logo { margin: 5px 0 0 0; text-align: right; }

#banner {  margin: 0 0 5px 0; }
#container {  width: 420px; }
#playercontainer { padding: 10px;  }

#player { text-align: center; }
#tags {  height: 202px; width: 398px; margin: 10px 0 0 0; }
#description {  display: none; }
#slide {  display: none; }
#options {  display: block; width: 400px; margin: 10px 0 0 0; }
#programname { margin: 0 0 5px 0; padding: 5px; font-weight: bold;  }
#programcaption { padding: 5px;  display: none; }

#relatedcontent { height: 202px; width: 398px; margin: 10px 0 0 0;  overflow:auto; border: solid 1px #e5e5e5;}
#channels { height: 202px; width: 398px; margin: 10px 0 0 0;  overflow:auto; border: solid 1px #e5e5e5;}


#timelineBg {  width: 400px; }