/*////////////////////////////////////////////////////////////////////////
//                                                                      //
//  Copyright NetWitness Corporation 2006-2010                          //
//                                                                      //
//  Unpublished - All rights reserved under the copyright laws of the   //
//  United States.  No copy of this document may be made without        //
//  expressed permission of NetWitness Corporation.                     //
//                                                                      //
//  NetWitness Corporation                NetWitness                    //
//  500 Grove Street, Suite 300           www.netwitness.com            //
//  Herndon, VA  20170                                                  //
//                                                                      //
////////////////////////////////////////////////////////////////////////*/

	body 
	{
		text-align:				center;
		font-family:			"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
		padding:				0px;
		margin:					0px;			
	}
	
	input, select
	{
		font-family:			"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	}
	
	#frame 
	{
		width:					1002px;	
		margin-top:				10px;
		margin-right:			auto;
		margin-left:			auto;
		padding:				0px;
		text-align:				left;	
		height:					100%;
		overflow:				hidden;
	}
	
	#frame-ctr 
	{
		height:					100%;
	}
	
	#contentleft 
	{
		width:					286px;
		float:					left;
	}		
	
	#contentleft .group, #contentright .group 
	{
		font-size:				8pt;
		background:				#c7c7c7;	
		color:					black;	
	}

	#contentleft .group .title,
	#contentright .group .title 
	{    
		font-size:				8pt;
		background:				#c7c7c7;
		color:					black;
	}    		

	#contentleft .group .subgroup,
	#contentright .group .subgroup {
		background:				white;		
		border-bottom:			1px solid lightgrey;
	}

	#contentleft .group ul.list,
	#contentright .group ul.list {    
		list-style-type:		none;
		color:					#4a6991;
		font-size:				8pt;
		padding:				0px;
		margin:					0px;
		line-height:			18px;
	}
	
	#contentleft .group ul.list a, 
	#contentleft .group ul.list a:visited
	{
		text-decoration:		none;
		color:					blue;
	}
	
	#contentleft .group ul.list a:hover
	{
		color:					blue;
		text-decoration:		underline;		
		cursor:					pointer;
	}
	
	.list li
	{		
		border-left:			1px solid lightgrey;
		border-right:			1px solid lightgrey;
		border-bottom:			1px solid whitesmoke;		
		padding:				2px 2px 2px 8px;
		cursor:					default;
	}
	
	#contentleft .group #mostRecent li.even,
	#contentright .group #mostRecent li.even,
	#contentleft .group #mostRecent li.even,
	#contentright .group #mostRecent li.even,
	.list li.even
	{
		background:				#F7F7F7;
		border-left:			1px solid lightgrey;
		border-right:			1px solid lightgrey;
		border-bottom:			1px solid #E3E3E3;
		padding:				2px 2px 2px 6px;
		cursor:					default;
	}

	#contentleft .group #mostRecent li.odd,
	#contentright .group #mostRecent li.odd,
	#contentleft .group #mostRecent li.odd,
	#contentright .group #mostRecent li.odd,
	.list li.odd	
	{
		background:				#FCFCFC;				
		border-left:			1px solid lightgrey;
		border-right:			1px solid lightgrey;
		border-bottom:			1px solid whitesmoke;
		padding:				2px 2px 2px 6px;
		cursor:					default;
	}

	.accordianHeader
	{		
		background:				url('../img/settings.png') repeat-x;
		font-size:				8pt;
		padding:				4px;
		color:					#223b5b;		
		border:					1px solid lightgrey;
		width:					240px;
	}

	div.date 
	{		
		text-align:				center;
		font-size:				11pt;
		color:					White;	
		padding:				2px;
		border-bottom:			1px solid lightgrey;	
		background:				#c7c7c7;
	}				

	span.name 
	{
		margin-right:			6px;
		font-size:				11pt;
	}

	div.times 
	{		
		margin-left:			4px;
		margin-bottom:			4px;	
	}
	
	div.times a, div.times a:visited
	{
		text-decoration:		none;
		color:					gray;
	}
	
	div.times a:hover
	{
		color:					Blue;
		text-decoration:		underline;		
	}
	
	#contentcenter 
	{
		width:					980px;
		padding:				0px;
		float:					left;
	}
			
	#currentReport 
	{
		font-size:				9pt;
		margin:					6px 0px 0px 0px;
		background:				white;
	}

	#currentReport .toolbar 
	{
		font-size:				8pt;
		text-align:				left;
		padding:				4px;
	}		
	
	#contentcenter .title 
	{
		font-size:				10pt;		
		padding:				2px 2px 2px 4px;
		margin-bottom:			4px;
		background:				whitesmoke;
		border-top:				1px solid lightgrey;
		border-bottom:			1px solid lightgrey;
	}		

	#contentcenter .viewer 
	{
		background:				whitesmoke;	
	}
	
	#contentcenter .viewer-ctrls 
	{
		float:					right;
		padding:				4px;
		margin-right:			4px;
		border:					1px solid lightgrey;
		background:				whitesmoke;
	} 
					
	#VisualizeTitle 
	{
		font-size:				11pt;			
		padding:				0px 0px 0px 8px;
	}		
	
	#visualize
	{
		padding: 2px;
	}
			
	#dzFields	
	{				
		border:					1px solid lightgrey;
		background:				whitesmoke;
		font-size:				8pt;
		padding:				3px;
	}				
	
	#dzFields
	{
		width:					600px;		
	}
	
	#dzWhere
	{
		width:					600px;		
		height:					50px;
	}
	
	#chartLimit
	{
		width:					50px;
	}
	
	#chartInterval
	{
		width:					30px;
	}
	
	#chartType
	{
		border:					1px solid lightgrey;
		background:				whitesmoke;
		font-size:				8pt;
		padding:				3px;
		width:					100px;
	}
	
	select.dzDateDropDown
	{
		border:					1px solid lightgrey;
		background:				whitesmoke;
		font-size:				8pt;
		padding:				2px;
	}
	
	input.dzDateInput
	{
		border:					1px solid lightgrey;
		background:				whitesmoke;
		font-size:				8pt;
		padding:				2px;
		width:					80px;
	}
		
	#dzBrowseDate
	{
	    border:					1px solid lightgrey;
		background:				whitesmoke;		
		font-size:				8pt;
		padding:				2px;
		width:					70px;
		text-align:             center;
	}
	
	#chartNumSeries
	{
		border:					1px solid lightgrey;
		background:				whitesmoke;
		font-size:				8pt;
		padding:				3px;
		width:					30px;
	}
	
	#dzTitleImg
	{
		margin:					100px 200px;
	}
	
	#deepZoom
	{
		width:					670px; 
		height:					300px; 
		z-index:				0;
		background:				#434343;	
		border:					1px solid #434343;
	}
	
	#deepZoomSourceType
	{
		border:					1px solid lightgrey;
		background:				whitesmoke;
		font-size:				8pt;
		padding:				2px;
	}
	
	#deepZoomSource
	{
		border:					1px solid lightgrey;
		background:				whitesmoke;
		font-size:				8pt;
		padding:				2px;
		width:					260px;
	}
	
	#collectionOptionName
	{
		border:					1px solid lightgrey;
		background:				whitesmoke;
		font-size:				8pt;
		padding:				4px;
		width:					456px;
	}
	
	#messageText
	{
		padding:				2px;
		color:                  White;
	}
	
	#messageTextInner
	{
	    padding:                2px;
	}
	
	#messageTextCtr
	{		
		height:                 20px;
		width:					938px;
		background:				black;
		border-left:			1px solid black;
		border-right:			1px solid black;
		border-top:				1px solid black;
		color:					gray;
		font-size:				8pt;		
	}
	
	#ruleTree-ctr	
	{
		 width:					432px; 
		 overflow:				auto;
		 height:				306px;
		 padding:				2px;		 
		 background:			white;
		 text-align:			left;
		 border:				1px solid #919b9c;
	}

	#ruleTree
	{
		padding:				4px;
		font-family:			"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;	
		font-size:				9pt;   
		color:					Black;  	
	}		
	
	#chartObjNoResults
	{		
		background:				white url('../img/noresults.png') no-repeat center; 		
		height:					300px;		
	}
	
	#collectionLog
	{
	    height:                 454px;
	    width:                  966px;
	    /*background:             black url('../img/vizBack.png') no-repeat center;*/
	    background:             black ;
	    color:                  White;		    
	}
	
	#collectionLogText
	{
	    margin:                 0px;
	    overflow:               auto;
	    height:                 434px;
	    
	    font-size:              8pt;
	    padding:                10px;
	}
	
	#collectionLogModalWrapper
	{
	    width:                  510px;
	    height:                 300px;
	    border:                 1px solid gray;
	    background:             white;
	    text-align:             left;
	    margin:                 20px;
	}
	
	#collectionLogModalText
	{
	    width:                  580px;
	    height:                 358px;
	    margin:                 0px;
	    overflow:               auto;	    
	    font-size:              8pt;
	    padding:                10px;
	    border:					1px solid lightgrey;
	    background:				whitesmoke;
	}
	
	div.collectionReady
	{		
		padding:				4px;		
	}
	
	div.collectionReady a,
	div.collectionReady a:visited
	{
	    font-size:              10pt;
	    color:					#126db3;
	    text-decoration:        none;
	}
	
	div.collectionReady a:hover
	{
	    font-size:              10pt;
	    color:					#126db3;
	    text-decoration:        underline;
	}
	
	a.buttonLink,
	a:visited.buttonLink
	{
		font-size:              9pt;
	    color:                  Blue;
	    text-decoration:        none;
	}
	
	a:hover.buttonLink
	{
	    font-size:              9pt;
	    color:                  Blue;
	    text-decoration:        underline;
	}
		
	#collectionOptionsModalWrapper
	{
		text-align:				left;
		padding:				10px;
	}
	
	.collectionOptionsTabContent
	{
		width:					602px;
		height:					380px;
		padding:				4px;
		font-size:				9pt;		
	}
	
	.collectionOptionsPostProcTabContent
	{		
		height:					320px;
		padding:				4px;
		font-size:				9pt;		
	}
	
	#collectionBrowseModalWrapper
	{
		text-align:				left;
		padding:				10px;
		margin:					10px;
		border:					1px solid gray;
		background:				white;
		width:					408px;
		height:					300px;
	}
	
	#collectionBrowseNoCollections
	{
		padding:				5px;
		color:					Gray;
	}
	
	#collectionOptionsSubjectList
	{
		border:					1px solid lightgrey;
		background:				whitesmoke;
		padding:				4px;
		font-size:				8pt;
		width:					566px;
		height:					250px;
		overflow:				auto;
	}
	
	#collectionOptionsContentList	
	{
		border:					1px solid lightgrey;
		background:				whitesmoke;
		padding:				4px;
		font-size:				8pt;
		width:					584px;
		height:					220px;
		overflow:				auto;
	}
	
	.collectionOptionsNote
	{
		padding:				4px;
		color:					Gray;
	}
	
	#visRule-custom-params,
	#visList-custom-params	
	{
		padding-left:			20px;
	}
	
	.visRule-custom-value,
	.visList-custom-value
	{
		width:					400px;
		height:					50px;
		font-size:				8pt;		
	}
	
	input.advOptionInput
	{
		border:					1px solid lightgrey;
		background:				whitesmoke;
		font-size:				8pt;
		padding:				2px;
		width:					40px;
	}
	
	textarea.advSelectedMeta
	{
		border:					1px solid lightgrey;
		background:				whitesmoke;
		font-size:				8pt;
		padding:				2px;
		width:					360px;
	}
	
	input.collectionOptionsFocusValue
	{
		border:					1px solid lightgrey;
		background:				whitesmoke;
		font-size:				8pt;
		padding:				4px;
		width:					206px;
	}
	
	select.collectionOptionsFocusMeta
	{
		border:					1px solid lightgrey;
		background:				whitesmoke;
		font-size:				8pt;
		padding:				2px;
		width:					150px;
	}

	select.collectionOptionsFocusOp
	{
		border:					1px solid lightgrey;
		background:				whitesmoke;
		font-size:				8pt;
		padding:				2px;
		width:					80px;
	}
	
	.collectionAction
	{				
		padding:				2px;
	}
	
	.collectionActionDisabled
	{
		color:					lightgrey;
		border:					2px solid white;
		background:				white;
		padding:				8px;		
	}
	
	.collectionActionDisabled img
	{		
		-moz-opacity:			0.5; 
		opacity:				0.5;
	}
	
	.collectionActionHover
	{
		border: 2px solid lightgrey;
		background: whitesmoke;
		padding: 8px;
	}
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* LIQUID - 
/* http://www.search-this.com/2007/02/12/css-liquid-round-corners
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
      #liquid-round-left 
      {
		  width:					270px;
		  margin:					0px auto;
		  background:				#fff url(../img/rounded/sub-leftside.gif) repeat-y left top;
      }
         
      #liquid-round 
      {
		  width:					970px;
		  margin:					0px auto;
		  background:				#fff url(../img/rounded/leftside.gif) repeat-y left top;
      }
   
	  #liquid-round-left .top 
	  {   
		  width:					100%;
		  height:					10px;
		  background:				url(../img/rounded/sub-top.gif) no-repeat left top;
      }
	  
      .top 
      {   
		  width:					100%;   
		  height:					10px;   
		  background:				url(../img/rounded/top.gif) no-repeat left top;   
      }
      
      #liquid-round-left .top span 
      {
		  display:					block;   
		  position:					relative;   
		  height:					10px;
		  font-size:				9pt;
		  background:				url(../img/rounded/sub-top-right.gif) no-repeat right top;  
      }
   
      .top span 
      {
		  display:					block;
		  position:					relative;
		  height:					10px;   
		  font-size:				9pt;		  
		  background:				url(../img/rounded/top-right.gif) no-repeat right top;  
      }
   
      .center-content-left 
      {
		  position:					relative;
		  background:				url(../img/rounded/sub-rightside.gif) repeat-y right top;
		  padding:					1px 10px 1px 10px;
		  margin:					-1px 0 -1px 0;
      }     
      
      .center-content
      {
		  position:					relative;
		  background:				url(../img/rounded/rightside.gif) repeat-y right top;   
		  padding:					1px 0px 1px 0px;
		  margin:					-1px 0 0px 0;
      }

      #liquid-round-left .bottom 
      {		   		  
		  height:					10px;   
		  background:				url(../img/rounded/sub-bottom.gif) no-repeat left bottom;
      }
   
      #liquid-round-left .bottom span 
      {
		  display:					block;   
		  position:					relative;   
		  height:					10px;   
		  background:				url(../img/rounded/sub-bottom-right.gif) no-repeat right top;  
      }

      .bottom 
      {
		  height:					60px;   
		  background:				url(../img/rounded/bottom.gif) no-repeat left bottom;   
      }
   
      .bottom span 
      {
		  display:					block;   
		  position:					relative;   
		  height:					60px;   
		  text-align:				center;
		  padding-top:				15px;
		  background:				url(../img/rounded/bottom-right.gif) no-repeat right top;  
      }