* {
	padding:0;
	margin:0;
}

body{
	color:#fff;
	background:#000;
	padding:0px;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, fieldset{ 
	margin:10px; 
}

img{
	border:none;
	
	outline:none;
}

div#wrapper{
	padding:0;
	margin:0;
}




#
Screen h1{
	margin-top:20px;
	text-align:center;
}

#screen{
	margin:10px auto;
	width:695px;
	height:365px;
	background-color:black;
	text-align:center;
}


#vid_duration{
	text-align:center;
}

#content p img{
	padding:0 20px;
}

#closeBtn img{
	width:31px;
	height:31px;
}

#closeBtn{
	padding:0;
	margin:0;
	position: relative;
	top:-420px;
	right:20px;
	left:580px;
}


/* START OF GLOBAL NAVIGATION STYLES */

div#HeaderBar{
	height: 40px;
	padding-top: 8px;
  min-width:940px;
  width:auto !important;
  width:940px;
}

div#HeaderBar h1{
	width:700px;
	float:left;
	font-size:200%;
	padding:5px 0;
	margin:10px;
}

div#HeaderBar img{
	cursor:pointer;
	padding:0;
}


div#HeaderBar ul{
 	width:165px;
 	float:right;
 	text-align:right;
 	margin:10px;
 	margin-right: 20px;
	padding:0;
}

div#HeaderBar ul li{
	display:inline;
	margin-left:10px;
}

	

div#breadCrumb{
	margin:0 0 10px 0;
		background: url("../images/navBack.gif") repeat-x;
	
}

div#breadCrumb ul{
	height:25px;
	padding:0;
	margin:0;
}



div#breadCrumb ul li{
	margin-right:1px;
	padding: 5px 30px 0 15px;
	float: left;
	height:20px;
	text-align:left;
	list-style-type:none;
}

.arrow{
	background: url("../images/navArrow.gif") no-repeat top right;
}

.topLevel{
	background:none;
	color:#000;
}

.topLevel img{
	padding:0 10px;
}

div#breadCrumb a:link, div#breadCrumb a:visited{
	color:#000;
	text-decoration:none;
}


div#breadCrumb a:hover{
	color:#000;
	text-decoration:none;
}

div#contentWrapper{
	width:920px;
	padding:0;
	margin:10px;
	border:1px solid #FEFFD1;
}

/* END OF GLOBAL NAVIGATION STYLES */

div#Annotation ul{
	margin:0;
	padding:0;
	border-bottom:1px solid #000;
	width:735px;
}

div#Annotation ul li{
	color:#000;
	padding: 5px 20px;
	margin:0;
}

div#Annotation .annoTitle{
	width:50px;
	border-right:1px solid #000;
	font-weight:normal;
} 

div#Annotation #who{
	background-color: #abab97;
}

div#Annotation #what{
	background-color: #aba091;
}

div#Annotation #thread{
	background-color: #a79299;
}

div#Annotation #event{
	background-color: #a9918f;
}

div#Annotation #place{
	background-color: #8fa98f;
}

div#Annotation #time{
	background-color: #9b9ca8;
}

div#Annotation #value{
	background-color: #8d8d8d;
}

div#Annotation #keywords{
	background-color: #a7a7a7;
}

.hide{
	display: none;
}

#descriptionBox{
	background:#ddd url("../images/gradBack.gif") left bottom repeat-x;
}

#descriptionBox p{
	float:left;
	padding:5px 10px;
	margin:5px 0;
	border-right: 1px dotted #000;
}

#descriptionBox ul li{
	padding:3px;
	margin:0;
	float:none;	
}

#timeings{	
	padding:5px 0 0 0;
	margin:0;
	border-top: 1px dotted #000;
	color:#000;
	float:left;
}

#timeings li{
 	margin:0 0 0 5px;
 	padding:0 0 0 5px;
 	width:220px;
 	float:left;
}

#vid_info ul {
	border-right:1px dotted #000000;
/*
	height:108px;

*/	margin:5px 0;
	padding:10px 10px 20px 20px;
	width:80px;
	
}

#vid_info a:link, #vid_info a:visited {
	color:#000;
	border-bottom: 1px dotted #000;
}

#vid_info a:hover{
	color:#fff;
}

#download_btn{
	margin:5px 0 0 5px;
	width:20px;
	float:left;
	border:none;
}

/* START OF GROUP AND SEGMENT STYLES */


.segContWrapper{
	border-right:1px solid #c1c1e0;
	border-bottom:1px solid #c1c1e0;
	border-left:1px solid #c1c1e0;
}

div.segment{
	width:920px;
	padding:0;
	border-top:1px solid #FEFFD1;
}

div.segmentlist{
	width:920px;
	padding:0;
	/*border-top:1px solid #FEFFD1;*/
}

div.segment .col2_large ul{
	padding:5px 0px;
	margin:0;
	float:left;
	width: 640px;
}

div.segmentlist .col2_large ul{
	padding:5px 0px;
	margin:0;
	float:left;
	width: 640px;
}


div.segment .col2_large ul li{
	padding:5px 0px;
	margin:0;
	margin-right: 100px;
	float:left;
	list-style-type:none;
}

div.segmentlist .col2_large ul li{
	padding:5px 0px;
	margin:0;
	margin-right: 100px;
	float:left;
	list-style-type:none;
}

div.segment div.col2_large{
	border-left:1px solid #FEFFD1;
		
}

div.segmentlist div.col2_large{
	border-left:1px solid #FEFFD1;
		
}

div.segmentClips  div.col2_large div.fileBlock h4 a:link{
	color: #c1c1e0;
		
}

div#nestedSegs a:link, div#nestedSegs a:link{
	color:#c1c1e0;
	text-decoration:none
}

div#nestedSegs a:hover{
	color:#fff;
	text-decoration:underline;
}

div#nestedSegs h4 {
  width: 500px;
}


/* END OF SEGMENT STYLES */

/* START OF GROUP STYLES */

.groupContWrapper{
	border-right:1px solid #FEFFD1;
	border-bottom:1px solid #FEFFD1;
	border-left:1px solid #FEFFD1;
}

div.group{
	width:920px;
	padding:0;
	margin:0;

/*
	border-top:1px dotted #787853;

*/
}

div.group .col2_large ul{
	padding:5px 10px;
	margin:0;
	float:left;
	width: 640px;
}

div.group .col2_large ul li{
	padding:5px 0px;
	margin:0;
	margin-right: 100px;
	float:left;
	list-style-type:none;
}

div.group div.col2_large{
	border-top:1px solid #FEFFD1;
	border-left:1px solid #FEFFD1;	
}

.segmentClips, .group .segmentClips, .group .col2_large .content, .segment .col2_large .content {
  display: none;
}

.group.open .segmentClips, .group.open .col2_large .content, .segment.open .col2_large .content {
  display: block;
}


/* END OF GROUP STYLES */



div.col1_large{
	width:220px;
	margin:2px 0 0 0;
	float:left;
	text-align:right;
}

div.col1_largeimage{
	width:220px;
	margin:2px 0 0 0;
	float:left;
	text-align:right;
}


div.col1_large img{
	padding:0;
}

div.col1_largeimage img{
	padding:0;
}

div.col1_large p{
	margin:0;
}

div.col1_largeimage p{
	margin:0;
}
div.col2_large{
	width:690px;
	padding:0px 0px;
	float:right;
}

div.clearBox{
	clear:both;
}
.imgBoxSegSingle{
	float:left;
	width: 72px;
	height:54px;
	padding:0px;
	margin:5px;
	background-color:#000;
	border:1px solid #c1c1e0;
} 

.imgBoxSeg{
	float:left;
	width: 72px;
	height:54px;
	padding:0px;
	margin:3px 0 0 0;
	background-color:#000;
	border:1px solid #c1c1e0;
}

.NestedImgBoxSeg{
	float:left;
	width: 72px;
	height:54px;
	padding:0px;
	margin:5px;
	background-color:#000;
	border:1px solid #c1c1e0;
}


.imgBoxGroup{
	float:left;
	width: 72px;
	height:54px;
	padding:0px;
	margin:5px 5px 5px 2px;
	background-color:#000;
	border:1px solid  #FEFFD1;
}

.fileBlock h4{
	padding:0;
	margin:10px 0 5px 5px;
	float:left;
	width:595px;
}

.fileBlock p{
	
	float:left;
height:30px;
margin:0 8px 0 0;
padding:0 0 0 10px;
width:500px;

}

/*
.fileBlock{
	float:left;
}
*/

.groupSub{
	margin:0;
	padding:5px;
	border-top:1px dotted #c1c1e0;
	clear:both;
}

.groupSub h4{
	float:left;
	width:300px;
	padding:0;
	margin:0 0 5px 5px;
}

.groupSub p{
	padding:0;
	margin:0 0 0 5px;
	float:left;
}

div#footer {
	margin:10px 0 0 0;
	text-align:center;
	background:url(../images/footerBack.gif) repeat-x left bottom;
	height:50px;
}

div#footer p{
	padding:5px 0;
	color:#777;
	font-size:9px;
}

/* GROUP VIDEO SCREEN */

#groupVideo #videoLabel h1{
	color:#FEFFD1;
}

#groupVideo #groupVid{
	padding:5px;
	border:1px solid #FEFFD1;
	width:150px;
}

#groupVideo #content p{
	margin: 10px auto;
	text-align:center;
	color:#FEFFD1;
}

#groupVideo #videoScreen{
	background:url(../images/vidScreenBack.gif) no-repeat;
	width:600px;
	height:460px;
	margin:50px auto;
	border:1px solid black;
}


/* END GROUP VIDEO SCREEN */

/* SEGMENT VIDEO SCREEN */

#segVideo #videoLabel h1{
	color:#c1c1e0;
}

#videoLabel h2{
	color:#c1c1e0;
}

#segVideo #groupVid{
	padding:5px;
	border:1px solid #c1c1e0;
	width:250px;
}

#content #groupVid{
	padding:5px;
	border:1px solid #c1c1e0;
	width:250px;
}

 #content p{
	margin: 10px auto;
	text-align:center;
	color:#c1c1e0;
}

#segVideo #videoScreen{
	background:url(../images/vidScreenBack.gif) no-repeat;
	width:600px;
	height:460px;
	margin:50px auto;
	border:1px solid black;
}


/* END VIDEO SCREEN */

#topGroup div.col1_large img{
	width: 72px;
	height:54px;
	background-color:#000;
}

#topGroup div.col1_largeimage img{
	width:224px;
	height:149px;
	background-color:#000;
	padding:0 0 0 0;
	margin:0;
	border: 0;
}


div.filelistsegment{
    width:920px;
    padding:0;
    
}

div.filelistsegment .col2_large ul{
    padding:5px 0px;
    margin:0;
    float:left;
    width: 640px;
}

div.filelistsegment .col2_large ul li{
    padding:5px 0px;
    margin:0;
    margin-right: 100px;
    float:left;
    list-style-type:none;
}

div.filelistsegment div.col2_large{
    border-left:1px solid #FEFFD1;
        
}
 /* set background images for corners */
.rbroundbox { background: url(../images/simple_background.gif) repeat; }
.rbtop div  { background: url(../images/simple_top_left.gif) no-repeat top left; }
.rbtop      { background: url(../images/simple_top_right.gif) no-repeat top right; }
.rbbot div  { background: url(../images/simple_bottom_left.gif) no-repeat bottom left; }
.rbbot      { background: url(../images/simple_bottom_right.gif) no-repeat bottom right; }

 /* height and width details */
.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 14px;
	font-size: 1px;
}
.rbcontent  { margin: 0 14px; }
.rbroundbox { width: 20em; margin: auto; }