*
{
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding:0px;
  margin:0px;
}
.borderline{
    border:solid black 1px;
    width:322px;
    height:258px;
    margin-bottom:5px;
}
.borderlineWide{
    border:solid black 1px;
    border-bottom:0px;
    width:602px;
    height:78px;
    margin-bottom:0px;
     margin-top:5px;
}

.flashborderline{
    border:solid black 1px;
    width:322px;
    height:242px;
    margin-bottom:5px;
}
img{
  behavior:url("css/pngbehavior.htc");
}
iframe#menu {
	width: 260px;
	height:300px;
	overflow: auto;
}
body{
	behavior:url("css/csshover.htc");
}

body#top {
    overflow:hidden;
	background-image: url(../images/strip.gif);
	background-repeat: no-repeat;
	background-position:0 90px;
	background-color:rgb(78,78,78);
	/*height:100%;*/
	font-family: Verdana;
	margin:0px;
	padding:0px;
	scrollbar-base-color: #474747;
	scrollbar-shadow-color: #434343;
	scrollbar-highlight-color: #757575;
	scrollbar-3dlight-color: #757575;
	scrollbar-darkshadow-color: BLACK;
	scrollbar-track-color: #646464;
	scrollbar-arrow-color: #6FB4CB;
}

body#bottom {
    overflow:auto;
	background-image: url(../images/timeline_BG.gif);
	background-repeat:  repeat-x;
	background-position:0 0px;
	background-color: #6F6F6F;
	/*height:100%;*/
	margin:0px;
	padding:0px;
    font-family: Verdana;
    scrollbar-base-color: #474747;
	scrollbar-shadow-color: #434343;
	scrollbar-highlight-color: #757575;
	scrollbar-3dlight-color: #757575;
	scrollbar-darkshadow-color: BLACK;
	scrollbar-track-color: #999;
	scrollbar-arrow-color: #6FB4CB;
}

frame{
    scrollbar-base-color: #474747;
	scrollbar-shadow-color: #434343;
	scrollbar-highlight-color: #757575;
	scrollbar-3dlight-color: #757575;
	scrollbar-darkshadow-color: BLACK;
	scrollbar-track-color: #646464;
	scrollbar-arrow-color: #6FB4CB;
}


frameset{
    scrollbar-base-color: #474747;
	scrollbar-shadow-color: #434343;
	scrollbar-highlight-color: #757575;
	scrollbar-3dlight-color: #757575;
	scrollbar-darkshadow-color: BLACK;
	scrollbar-track-color: #646464;
	scrollbar-arrow-color: #6FB4CB;
}

table{
  width:100%;
  height:310px;
  margin:0px;
  padding:0px;
  border:0px;
  border-collapse: separate;
  background-color:rgb(75,75,75);
  border-right:solid  1px rgb(130,130,130);
  border-bottom:solid 1px rgb(130,130,130);
  border-left:solid 1px rgb(200,200,200);
  border-top:solid 1px rgb(200,200,200);
}

/***************************** i*/
.leftColl{
  margin:0px;
  padding:0px;
  border-left:solid 2px rgb(130,130,130);
  border-top:solid 2px rgb(130,130,130);
  border-right:solid 1px rgb(200,200,200);
  border-bottom:solid 2px rgb(200,200,200);
  display:block;
}
.libraryContainer {
  border-left:solid 1px rgb(117,117,117);
  border-top:solid 1px rgb(200,200,200);
  border-bottom:solid 1px rgb(130,130,130);
  border-right:0
}
.blackBorder{
  border-left:solid 1px black;
  border-top:solid 1px black;
  border-right:solid 1px black;
}


.libraryBlock{
  border-left:solid 1px rgb(117,117,117);
  border-top:solid 1px rgb(117,117,117);
  border-bottom:solid 1px rgb(51,51,51);
  border-right:solid 1px rgb(51,51,51);
  background-color:rgb(71,71,71);
  height:14px;
  line-height:0px;
  font-size:0px;
 }

html>body .libraryBlock {
	height:16px;
}

.libraryBlock h1{
  color:rgb(190,190,190);
  font-size:10px;
  font-weight:normal;
  font-family:verdana;
  padding:2px;
  padding-left:5px;
}

body.libraryFrame {  
  background-image: url("../images/Library_background.gif");
  padding: 2px 0 0 0;
  margin: 0;
  
	scrollbar-base-color: #474747;
	scrollbar-shadow-color: #434343;
	scrollbar-highlight-color: #757575;
	scrollbar-3dlight-color: #757575;
	scrollbar-darkshadow-color: BLACK;
	scrollbar-track-color: #646464;
	scrollbar-arrow-color: #6FB4CB;
	
	overflow-x:hidden;
	text-overflow:ellipsis;
}

.library a {

}

.library a{
	font-family: Verdana, Helvetica, sans-serif;
    float:left;
    height:17px;
	margin:0px;
	padding:0px;
	color:rgb(220,220,220);
	text-decoration:none;
	font-size:11px;
	white-space: nowrap;
	text-overflow:ellipsis;
}

.library a:hover{
	margin:0px;
	padding:0px;
	color:rgb(56,206,255);
	text-decoration:none;
}

a.activeLink{
	margin:0px;
	padding:0px;
	color:rgb(0,195,226);
	text-decoration:none;
}


li.B_Active a {
	color:rgb(56,206,255);
}
li.BA_Open {
	margin: 0;
	background-image: url("../images/bullet_ArrowOpen.gif");
	background-repeat:no-repeat;
	background-position: -14px 0px;
	padding-left :15px;
}
.library ul li.BA_Closed {
	background-image: url("../images/bullet_ArrowClosed.gif");
	background-repeat:no-repeat;
	background-position: 0px 0px;
	padding-left:15px;
}
.library ul li.BA_Bullet {
	background-image: url("../images/bullet.gif");
	background-repeat:no-repeat;
	background-position: 0px 0px;
	padding-left:15px;
}

li.BA_Closed ul {
	display: none;
}
li.BA_Open ul {
	display: block;
}

li.BA_Open li.BA_Open ul li a {
	height:17px;
}

li.BA_Open ul li.BA_Closed ul {
	display: none;
}

li.BA_Open ul#folio_children li.BA_Closed {
	background-image: url("../images/bullet_ArrowClosed.gif");
	background-position: -15px 0;
}
li.BA_Open ul#folio_children li.BA_Open {
	background-image: url("../images/bullet_ArrowOpen.gif");
	background-position: -15px 0;
}
/*
li.BA_Open ul#folio_children li.BA_Open li.BA_Open ul li {
	background-image: url("../images/bullet.gif");
	background-position: 0px 0;
}
*/
/*
li.BA_Open ul#folio_children li#autonomous ul li {
	background-image: url("../images/bullet.gif");
	background-position: 0px 0;
}
*/

.library ul li.BA_Open li.BA_Closed {
	background-image: url("../images/bullet_ArrowClosed.gif");
	background-repeat:no-repeat;	
	background-position: -15px 0;
	padding-left :15px;
}
.library ul li.BA_Open li.BA_Open {
	background-image: url("../images/bullet_ArrowOpen.gif");
	background-repeat:no-repeat;	
	background-position: -15px 0;
	padding-left :15px;
}
/*
.library ul li.BA_Open li.BA_Open ul li {
	background-image: url("../images/bullet.gif");
	background-repeat:no-repeat;	
	background-position: 0 0;
	padding-left :15px;
}
*/


.library ul{
	vertical-align: middle; /* This fixes the IE5 Win gap! */
	list-style:none;
	font-size:10px;
	padding:0px;
	margin:0px;
    clear:both;
	float:left;
}

.library ul li ul{
        margin:0px;
	padding:0px;
        margin-top:0px;
        float:left;
}

ul li.submenu{
    vertical-align: middle; /* This fixes the IE5 Win gap! */
	background-image: url("../images/tungstenBullet.gif");
	background-repeat:no-repeat;
	background-position:-1px 0px;
	margin:0px;
	padding:0px;



    overflow:hidden;
}

.library li{
    vertical-align: middle; /* This fixes the IE5 Win gap! */
	background-image: url("../images/bullet.gif");
	background-repeat:no-repeat;
	background-position:-1px 0px;
	margin:0px;
	padding:0px;
    clear:both;
    float:left;

}


.library #about li {
		width:169px;
}
.library #folio li ul li {
	width:130px;
}

	
ul.libraryList {
	
}
.library #root {
	background-image: url("../images/tungstenBullet.gif");
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding: 0 0 0 15px;
	
}
.library li a#rootLink {
  color:rgb(56,206,255);
}
/***************************** Middle*/
td.widescreen{
    border-left:solid rgb(130,130,130) 2px;
    border-top:solid rgb(130,130,130) 2px;
    border-right:solid rgb(200,200,200) 2px;
    border-bottom:solid rgb(200,200,200) 2px;
    width:81%;
	margin:0px;
	padding:0px;
    background-color:rgb(75,75,75);
}
.widescreenBlock{
	border:solid red 1px;
	width:600px;
	height:200px;
}
td.middleScreen{
	border-left:solid rgb(130,130,130) 2px;
	border-top:solid rgb(130,130,130) 2px;
	border-right:solid rgb(200,200,200) 2px;
	border-bottom:solid rgb(200,200,200) 2px;
	width:30%;
	margin:0px;
	padding:0px;
	background-color:rgb(75,75,75);
}
.middelBorder{
  position:relative;
  height:300px;
  border-bottom:solid rgb(100,100,100) 1px;
  overflow:auto;
}
.middelBorderLibrary {
  position:relative;
  border-bottom:solid rgb(100,100,100) 1px;
  height:318px;
}
html>body .middelBorderLibrary {
	  height:317px;
}

.middelBorderinner{
  height:300px;
  position:relative;
  border:solid black 1px;
}
.infoBlock{
  border-left:solid 1px rgb(117,117,117);
  border-top:solid 1px rgb(117,117,117);
  border-bottom:solid 1px rgb(51,51,51);
  border-right:solid 1px rgb(51,51,51);
  background-color:rgb(71,71,71);
  height:16px;
  line-height:0px;
  font-size:0px;
}
.img{
  position:relative;
  height:300px;
  border:solid black 1px;
  overflow:auto;
}
.Container{
      position:relative;
}

.textBlock{
  text-align:left;
  height:100%;
  font-size:11px;
  color:rgb(220,220,220);
  background-color:rgb(85,85,85);
  padding:3px 6px 6px 6px;
  border-left:solid 1px rgb(50,50,50);
}
.textBlock p{
  margin-bottom:10px;

}
.textBlock b{
	font-weight:normal;
	color:rgb(0,195,226);
}
a{
  text-decoration:underline;
  color:rgb(150,150,150);
}
a:hover{
  text-decoration:underline;
  color:rgb(0,195,226);
}
.textBlock ul{
	margin-left:2px;
	list-style:none;
}
.textBlock ul li{
    vertical-align: middle; /* This fixes the IE5 Win gap! */
	background-image: url("../images/bulletActive.gif");
	background-repeat:no-repeat;
	background-position:-1px 0px;
	margin:0px;
	padding:0px;
	padding-left:15px;
}
/*************************************** Right */
td.rightScreen{
  border-left:solid rgb(130,130,130) 2px;
  border-top:solid rgb(130,130,130) 2px;
  border-right:solid rgb(200,200,200) 2px;
  border-bottom:solid rgb(200,200,200) 2px;
  width:50%;
  margin:0px;
  padding:0px;
  background-color:rgb(75,75,75);
}
.videoBlock{
  border-left:solid 1px rgb(117,117,117);
  border-top:solid 1px rgb(117,117,117);
  border-bottom:solid 1px rgb(51,51,51);
  border-right:solid 1px rgb(51,51,51);
  background-color:rgb(71,71,71);
  height:16px;
}


#language {
	position:absolute;
	top:3px;
	right:4px;
}

html>body #language {
	top:3px;
}

#language div {
	float:left;
	display:inline;
}

#language ul {
	list-style:none;
	float:left;
	margin:0px;
	padding:0px;
}

#language li {
	float:left;
}

#language a {
	display:block;
	width:38px;
	height:18px;
}

.videoBorder{
  position:relative;
  height:300px;
  border:solid rgb(71,71,71) 1px;
  border-top:solid black 1px;
  border-bottom:solid black 1px;
  overflow:hide;
}
/* Widescreen*/
.wide{
  border:solid black 1px;
  width:600px;
  font-size:9px;
  color:rgb(0,195,226);
  background-color:rgb(53,70,86);
  text-align:left;
}
.wideBlock{
	width:600px;
	height:150px;
	overflow:auto;
	background-color:rgb(85,85,85);
	padding: 5px;
}
.wideBlock p {
	margin:5px;
	color:rgb(200,200,200);
	font-size:11px;
}
.wideBlock b {
	color:rgb(0,195,226);
	font-weight:normal;
}
p.videoDescriptionWide{
  margin:0px;
  padding:0px;
  font-size:10px;
  color:rgb(0,195,226);
  text-align:left;
  padding:4px;
  padding-left:6px;
  border-bottom:solid black 1px;
}

 p.videoDescriptionWide img{
  border:0px;
  margin-right:6px;
}
/*end wide*/
.videoDescriptionBlock{
  border:solid black 1px;
  width:322px;
  font-size:9px;
  color:rgb(0,195,226);
  background-color:rgb(53,70,86);
  text-align:left;
  
}
.videoDescriptionBlock p.videoDescription{
  margin:0px;
  padding:0px;
  font-size:9px;
  color:rgb(0,195,226);
  text-align:left;
  padding:4px;
  padding-left:6px;
}
.videoDescriptionBlock p.videoDescription img{
  border:0px;
  margin-right:6px;
}
.rightScreen p{
  border:0px;
  margin-bottom:4px;
  margin-top:7px;
}
/*************************************** Timeline */

.timeStrip{
  background-image: url("../images/timeStrip.gif");
  background-position:0px 0px;
  background-repeat:no-repeat;
  /*width:100%;*/
  height:25px;
}

.timeline{
    position:relative;
    /*width:100%;*/
    height:366px;
    
    background-image: url("../images/timelineBG.gif");
    background-position:0px 0px;
    background-attachment:scroll;
    display:block;
	
}

/*************************************** Timeline STRIP With Project*/
#selectedLine{
  border:solid rgb(111,180,203) 1px;
}

#audioActive{
   background-image: url("../images/audioBlock_Active.gif");
  background-position:0px 0px;
  background-repeat:no-repeat;
}

#projectActive{
   background-image: url("../images/projectBlock_Active.gif");
  background-position:0px 0px;
  background-repeat:no-repeat;
}

.timelineHeading  {
	position:absolute;
	z-index:1;
}

.timelineHeading b,.singleLineAudio b{
  position:absolute;
  color:rgb(200,200,200);
  font-weight:normal;
  font-size:9px;
  left:35px;
  top:5px;
}

.timelineHeading i, .singleLineAudio i{
  position:absolute;
  color:rgb(200,200,200);
  font-weight:normal;
  font-size:9px;
  top:21px;
  left:18px;
}

.singleLine {
  position:relative;
  background-image: url("../images/projectBlock_Active.gif");
  background-position:0px 0px;
  background-repeat:no-repeat;
  height:61px;

  /*width:2000px;*/
  top:0px;
}

.singleLine a{
	text-decoration:none;
}

.singleLineAudio{
  position:relative;
  background-image: url("../images/audioBlock_Active-bottom.gif");
  background-position:0px 0px;
  background-repeat:no-repeat;
  height:61px;
  /*width:100%;*/
  top:0px;
}

.singleLine p.first{
  left:125px;
  margin-right:125px;
}
.singleLine p.third{
  left:700px;
  margin-right:325px;
}
.singleLine p.fourth{
  left:640px;
  margin-right:555px;
}
.singleLine p {
  position:relative;
  float:left;
  border:solid rgb(200,200,200) 1px;
  height:54px;
  top:2px;
}

.singleLine p a, .singleLineAudio p a {
	display:block;
	width:100%;
	height:100%;
}

.singleLine p a:hover {
	text-decoration:none;
}

.singleLineAudio p {
  position:absolute;
  border:solid rgb(200,200,200) 1px;
  left:125px;
  height:54px;
  background-color:rgb(80,83,40);
  top:2px;
}

.singleLine p img, {
  float:left;
  border:0px;
}

.singleLineAudio p div {

}

.singleLine b.description, .singleLineAudio b.description{
  float:left;
  position:absolute;
  left:2px;
  top:40px;
  font-weight:normal;
  text-decoration:none;
  font-size:9px;
  color:rgb(200,200,200);
  }

.singleLine b.selected, .singleLineAudio b.selected{
  float:left;
  position:absolute;
  left:2px;
  top:40px;
  font-weight:normal;
  text-decoration:none;
  font-size:9px;
   color:rgb(0,195,226);
  }
/*
p.positionOne{
  position:absolute;
  left:200px;
}

p.positionTwo{
  position:absolute;
  left:300px;
}

p.positionThree{
  position:absolute;
  left:400px;
}

p.positionFour{
  position:absolute;
  left:500px;
}

p.positionFive{
  position:absolute;
  left:600px;
}

/*************************************** Tabmenu */
.tabMenu{
    width:100%;
    height:20px;
    background-image: url("../images/tabBG.gif");
    background-position:0px -3px;
    overflow:hidden;
}

.tabs1 {
    width:100%;
    height:20px;
    background-image: url("../images/tabmenu1.gif");
    background-position:0px 0px;
    background-repeat:no-repeat;
}
#bottomBlock .tabMenu  li {
	display: inline;
	
	
}

.tabs2{
    width:100%;
    height:20px;
    background-image: url("../images/tabmenu2.gif");
    background-position:0px 0px;
    background-repeat:no-repeat;
}

.tabs3{
    width:100%;
    height:20px;
    background-image: url("../images/tabmenu3.gif");
    background-position:0px 0px;
    background-repeat:no-repeat;
}

.tabs4{
    width:100%;
    height:20px;
    background-image: url("../images/tabmenu4.gif");
    background-position:0px 0px;
    background-repeat:no-repeat;
}

.tabs5{
    width:100%;
    height:20px;
    background-image: url("../images/tabmenu5.gif");
    background-position:0px 0px;
    background-repeat:no-repeat;
}

.tabMenu ul{
	list-style:none;
	font-family: Verdana, Helvetica, sans-serif;
	font-size:10px;
        color:rgb(175,175,175);
	padding:0px;
	margin:0px;
        /*width:100%;*/
	float:left;
}

.tabMenu ul li{
	list-style:none;
	float:left;
        width:115px;
        margin-left:5px;
        margin-top:1px;
}

.tabMenu .tabSelect a{
  color:rgb(56,206,255);
  text-decoration:none;
}

.tabMenu a{
    color:rgb(175,175,175);
    padding-right:60px;
    text-decoration:none;
    border: 0px solid black;
}

.tabMenu a:hover{
    color:rgb(56,206,255);
    text-decoration:none;
}

div#bottomBlock{
  position:relative;
  padding-top:5px;
  /*width:100%;*/
}

div#audioBG{
    position:relative;
    background-image: url("../images/audioDevider.gif");
    background-position:0px 0px;
    background-repeat:repeat-y;
    border:yelow solid 10px;
    padding-top:10px;
    top:-5px;
}

#audioBG .audioBlock{
    position:relative;
    background-image: url("../images/timelineBG.gif");
    background-position:0px 0px;
    /*width:100%;*/
   display:block;
}