/* Default CSS Stylesheet for a new Web Application project */
BODY
{
	background-color: #201F0F;
	color: white;
	font-family:Tahoma;
	font-size:12px;
}
/******************************************************************/
.editTable
{
	width:100%;
	height:100%;
	vertical-align:top;
}

.editLeft
{
	width:5px;
	font-size:12px; 
	font-weight:bold;
	border:none; 
}

.editItemRight
{
	width:100%;
}

.editTimeArea
{
	font-size:11px;
	width:100%;
	background-color:Transparent;
	BORDER: none;
	font-family:Tahoma;
	font-weight:bold;
	color:white;
}

.editHeaderArea
{
	font-size:11px;
	width:100%;
	BORDER: white 1pt solid;
	background-color:Transparent;
	font-family:Tahoma;
	color:white;
}

.editTextArea 
{
	font-size:11px;
	width:100%;
	height:260px;
	BORDER: white 1pt solid;
	background-color:Transparent;
	font-family:Tahoma;
	color:white;
}

.editValueArea
{
	font-size:11px;
	width:100%;
	BORDER: white 1pt solid;
	background-color:Transparent;
	font-family:Tahoma;
	color:#99CCFF;
	text-decoration:underline;
}

.editReadOnly
{
	BORDER: none;
	width:100%;
}

.editHeaderAreaReadOnly
{
	font-size:11px;
	width:100%;
	BORDER: none;
	background-color:Transparent;
	font-family:Tahoma;
	color:white;
}

.editTextAreaReadOnly
{
	font-size:11px;
	width:100%;
	height:260px;
	BORDER: none;
	background-color:Transparent;
	font-family:Tahoma;
	color:white;
}

.editValueAreaReadOnly
{
	font-size:11px;
	width:100%;
	BORDER: none;
	background-color:Transparent;
	font-family:Tahoma;
	color:#99CCFF;
	text-decoration:underline;
}

/*******************************************************************************/
img.imgBrowserBorder
{
	border: #636357 solid 1px;
}

/*.imgIconBorderSelected
{
	border: red solid 1px;
}*/

img.imgBrowser
{
	border: none 0px white;
	cursor: hand;
}

.ifrmadmin
{
	width:260px;
	height:100px;
	display:none;
}

.Folder /*done*/
{
	color:	White;
	font-family:Tahoma;
	font-size:12px; 
}

.RecentFolder /*done*/
{
	font-weight:bold;
	color:	White;
	font-family:Tahoma;
	font-size:12px; 
}

.RecentChildren /*done*/
{
	font-weight:bold;
	color:LimeGreen;
	font-family:Tahoma;
	font-size:12px; 
}

.iconButton
{
	border: solid 1px #636357;
	width:10px;
	height:5px;
	cursor:hand;
}

.iconButtonSelected
{
	border: solid 1px red;
	width:10px;
	height:5px;
	cursor:hand;
}

.zoombuttons
{
	LEFT:20px;
	POSITION:absolute;
	TOP:20px;
	z-index:1000;
}

table.zoomTable
{
	border: none 0px white;
	width:100%;
	height:100%;
	padding: 0px 0px 0px 0px;
	position:absolute;
	left:0px;
	top:0px;
}

.folderimage
{
	cursor:hand;
}

.slideshowimage
{
	text-align:center;
	
	padding:50px 0 15px 0px;
	/*BACKGROUND-COLOR: green;*/
}

.slideshowforward
{
	text-align:left;
}

.slideshowreverse
{
	text-align:right;
}

table.slideshowwithdescription
{
	text-align:center;
}

.slideshowfordescription
{
	font-size:12px; 
	BORDER: none; 
	text-align:left;
	padding:10px 0 0 0;
}
/**************************************************/
.formattext /*done*/
{
	font-size:12px; 
	BORDER: none; 
	text-align:justify;
}	

.formatcalendar
{
		font-size:10px; 
		font-family:Tahoma;
		font-weight:bold;
		color:White;
		background-color:#636357;
		BORDER: none; 
}	

.formattextb 
{
	font-size:12px; 
	font-weight:bold;
	border:none; 
}

.formatsubjectheader
{
	border-bottom: solid 1px white;
}

.formatheader 
{
	font-weight:bold; 
	font-size:14px;
}

.adminheader
{
	text-align:left  
}

.smalltext /*done*/
{
	font-family:Tahoma;
	font-size:10px; 
}

.MainBrowserInfo /*done*/
{
	font-family:Tahoma;
	font-size:12px; 
}

.styleforvalue
{
	font-family:Tahoma;
	font-size:10px; 
	text-align:right;
	
}

.playdrawing_to_delete
{
	cursor:help;
	font-family:Tahoma;
	font-size:10px; 
	Color:white;
}

.formatframe 
{
	font-size:8px;
	BORDER: white 1pt solid; 
}	
	
.formattextframe 
{
	font-size:11px;
	width:100%;
	BORDER: white 1pt solid;
	background-color:Transparent;
	font-family:Tahoma;
	color:white;
}

.frametop 
{
	BORDER-TOP: #636357 thin solid; 
	FONT-WEIGHT: bold; 
	font-size:5pt;
	WIDTH: 100%
}
	
.frameleft 
{
	BORDER-LEFT: #636357 thin solid; 
	TEXT-ALIGN: left; 
	WIDTH: 100%; 
	HEIGHT: 100%;
}

.frameright 
{
	BORDER-RIGHT: #636357 thin solid; 
	TEXT-ALIGN: right; 
	WIDTH: 100%; 
	HEIGHT: 100%;
}

.LinkButtonOnMouseOver
{
	Color: gray;
	font-weight:bold;
	TEXT-DECORATION: none;
	font-size:11px;
	cursor:hand;
}

.LinkButton
{
	Color: white;
	font-weight:bold;
	TEXT-DECORATION: none;
	font-size:11px;
	cursor:hand;
}

a 
{
	Color: white;
	font-weight:bold;
	TEXT-DECORATION: none;
	font-size:12px;
}
	
a:hover 
{
	Color:gray;
}	

a.DisplayAs /*done*/
{
	background-color:#434337;
	padding: 2px 3px 2px 3px;
	font-size:12px;
}

a.DisplayAs:hover
{
	background-color:transparent;
	padding: 2px 3px 2px 3px;
}

a.playdrawing
{
	cursor:help;
	Color:limegreen;
}

.DisplayAsDisabled
{
	visibility:hidden;
	color:Gray; 
	background-color:#434337;
	padding: 2px 3px 2px 3px;
}

a.DisplayAsDisabled:hover
{
	background-color:transparent;
	padding: 2px 3px 2px 3px;
}

a.DisplayAsSelected
{
	color:LimeGreen;
	background-color:#434337;
	padding: 2px 3px 2px 3px;
}

a.DisplayAsSelected:hover
{
	background-color:transparent;
	padding: 2px 3px 2px 3px;
}

table.DisplayAs
{
	width:100%;
	text-align:center; 
}

td.DisplayAs
{
	padding: 2px 2px 2px 2px;
}

.browserlink, .browserlinkCurrent, .browserlinkLast /*done*/
{
	cursor:hand;
	Color: white;
	font-weight:normal;
	TEXT-DECORATION: none;
	font-size:12px;
}

a.browserlinkCurrent, a.browserlinkCurrent:hover /*done*/
{
	Color: LimeGreen;
}

a.browserlinkLast /*done*/
{
	font-weight:bold;
}
a.browserlink:hover, a.browserlinkLast:hover /*done*/
{
	Color: LimeGreen;
}

/************************************************************************************/
table.AdminButton /*done*/
{
	text-align:left;
	border:none;
}

.AdminButtonEdit /*done*/
{
	Cursor:help;
	color:Red;
	font-weight:bold;
	padding-left:2px;
	font-size:12px;
	font-weight:bold;
	vertical-align:top;
} 

.UserButtonLarge
{
	Cursor: help;
	color:LimeGreen;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	WIDTH:10px;
}

.UserButtonSmall /*done*/
{
	Cursor: help;
	color:LimeGreen;
	font-weight:bold;
	font-size:11px;
	text-align:center;
}

/********************************************************************************/
.MenuLnk /*done*/
{
	Color: white;
	font-weight:bold;
	TEXT-DECORATION: none;
	font-size:12px;
	padding:0px 3px 0px 3px;
}
	
MenuLnk:hover 
{
	Color:gray;
}	

.menuList, .menuList ul 
{	
	margin: 0px;
	padding: 0px;
}

.menuList li 
{
	display:inline;
	list-style: none;
	padding-left:5px;
}

.menu 
{
	text-align: left; 
	background-color: #636357;
	position: absolute;
	width: 160px;
	visibility: hidden;
	border:gray 1px white;
}
.menu li a 
	{
		background-color: transparent;
		color: #fff;
		display: block;
		/*line-height: 1.2em;*/
		border-bottom: 1px solid #999999;
		margin: 0px;
		padding: 2px;
		text-decoration: none;
	}
.menu li a:hover, .menu li a:active 
{
	background-color: chocolate;	
	color: gainsboro;
}

/********************************************************************************/

.header /*done*/
{
	COLOR: white;
	font-size:10px;
	font-weight:bold;
	TEXT-DECORATION: none;
}

.lightheader
{
	background:#636357;
}	

td.fileindex
{
	background:#636357;
	cursor:hand ;
}

.commentcontainer 
{
	TEXT-ALIGN: justify; 
	BORDER: none; 
	width:600px; 
}

.horizontalcontainer 
{
	TEXT-ALIGN: Left; 
	BORDER: none; 
	position:relative; 
	overflow:hidden; 
	width:450px; 
	HEIGHT: 330px; 
	z-index:100;
}

.fulllistcontainer
{
	BORDER: none; 
	position:relative; 
	WIDTH:450px;
	HEIGHT: 100%; 
	z-index:100;
	
}

.listcontainer 
{
	BORDER: none; 
	position:relative; 
	WIDTH:360px;
	HEIGHT:100%;
	z-index:100;
}

.verticalcontainer 
{
	BORDER: none; 
	position:relative; 
	overflow:hidden; 
	WIDTH:360px;
	HEIGHT:59px; 
	z-index:100;
}

.scrollcontainer 
{	
	width:100%; 
	height:100%; 
	clip:rect(0px, 100%, 100%, 0px); 
	overflow:hidden; 
	z-index:2;
}

div.container /*done*/
{	
	width:100%; 
	height:400px; 
	overflow:auto; 
	padding:2px 5px 2px 2px;
	border-top:solid 1px white;
	z-index:-1;
	SCROLLBAR-FACE-COLOR: gray;
	SCROLLBAR-HIGHLIGHT-COLOR: gray;
	SCROLLBAR-SHADOW-COLOR: gray;
	SCROLLBAR-3DLIGHT-COLOR: gray;
	SCROLLBAR-ARROW-COLOR: white;
	SCROLLBAR-TRACK-COLOR: silver;
	SCROLLBAR-DARKSHADOW-COLOR: gray;
}

div.MainBrowserContainer /*done*/
{	
	position:relative;
	width:100%; 
	height:300px; 
	overflow:auto; 
	z-index:2;
	border:solid 1px transparent;
	SCROLLBAR-FACE-COLOR: #201F0F;
	SCROLLBAR-HIGHLIGHT-COLOR: #201F0F;
	SCROLLBAR-SHADOW-COLOR: #201F0F;
	SCROLLBAR-3DLIGHT-COLOR: #201F0F;
	SCROLLBAR-ARROW-COLOR: white;
	SCROLLBAR-TRACK-COLOR: gray;
	SCROLLBAR-DARKSHADOW-COLOR: #201F0F;
}

.scrollarea 
{
	TEXT-ALIGN: Left; 
	position:absolute;
	left:0px; 
	top:0px;
	z-index:1;
}

.ImageList 
{
	border-style:None;
}

.errorStackTrace
{
	display:none;
	color:Yellow;
	text-align:left;
}

.errorMessage
{
	cursor: hand;
	text-align:center;
}

.sorting /*done*/
{
	color:LimeGreen;
	font-size:11px;
	font-weight:bold;
	Cursor:n-resize; 
}

table.SortingTable
{
	text-align:right;
}

.SortingOffset
{
	width:75px;
}

.SortingTimeFrame, .SortingByDate, .SortingByAlpha, .SortingByValue, .SortingExpand, .SortingBack, .SortingSearch
{
	font-size:11px;
	font-weight:bold;
	text-align:right;
}

input.SortingSearch
{
	font-size:11px;
	font-weight:normal;
	border:none;
	position:relative;
	text-align:left;
}

span.SortingSearch
{
	display:none;
	position:absolute;
	background-color:#201F0F;
	border:solid 1px gray;
}

.hlnkBracket /*done*/
{
	font-weight:bold;
	font-size:10px;
}

.hlnkStyle
{
	WIDTH:10px;
	text-align:center;
	font-weight:bold;
	cursor:hand;
}

.AdminButtonLarge
{
	text-align:center;
	font-weight:bold;
	color:Red;
	cursor:hand;
}

.EditButtonLarge
{
	text-align:center;
	font-weight:bold;
	color:LimeGreen;
	cursor:hand;
}

.MassageButton
{
	text-align:center;
	font-weight:bold;
	color:LimeGreen;
	cursor:hand;
}

.AdminCouter /*done*/
{
	font-weight:bold;
	text-align:right;
	font-size:10px;
	color:Red;
}

.UserIgnoreButtonLarge
{
	text-align:right;
	font-weight:bold;
	font-size:10px;
	color:Yellow;
}

.clearText
{ 
	font-size:10px; 
}

table.TableData
{
	font-Size:12px;
	width:100%;
	padding-top:2px;
	padding-left:2px;
	padding-right:2px;
	
}

tr.TableData
{
	font-size:12px;
}

tr.TableDataHeader
{
	font-Weight:bold;
	text-align:center;
	font-size:12px;
}

.TableDataHeaderHLnk
{
	font-size:8pt;
	Cursor:n-resize
}

td.TableData
{
	font-size:10px;
	border-bottom: solid 1px white;
}

td.TableCommentData
{
	border-bottom: solid 1px white;
}

.TableDataText
{
	font-size:10px;
	border-bottom: solid 1px white;
}

.TableDataCreatedOn
{
	width:80px;
	text-align:left;
	font-size:10px;
	border-bottom: solid 1px white;
}

.TableDataLp
{
	width:20px;
	text-align:center;
	font-size:10px;
	border-bottom: solid 1px white; 
}

.hint /*done*/
{
	COLOR: gainsboro; 
	BACKGROUND-COLOR: #669900;
	font-family:Tahoma;
	font-size:12px;
	font-weight:bold;
	position:absolute;
	left:0;
	top:0;
	padding:5px 5px 5px 5px;
	text-align:left;	
	display:none;
	z-index:111;
	filter: alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90; 	
}

table.linkHint
{
	font-size:12px;
	font-family:Tahoma; 
}

table.descriptionHint
{
	font-size:8px;
	font-family:Tahoma; 
}

tr.descriptionHint
{
	background-color:Yellow;	
}

div.descriptionScroll
{
	background-color:olive;
	color:WhiteSmoke;
	position:relative;
	width:100%;
	
	padding: 5px 5px 5px 5px;
	font-size:12px;
}

div.descriptionContainer
{
	display:none;
	width:200px;
	height:100px;
	/*clip:rect(0px, 100%, 100%, 0px);*/
	overflow:hidden;
	/*z-index:2;*/
	position:absolute;
}

.NavTimeDisabled /*done*/
{
	filter: alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.40;
	position:absolute;
	background-color:#201F0F;
	display:none;
}

.NavTimeEnabled /*done*/
{
	position:absolute;
	background-color:silver;
	display:none;
}

.NavTime, .NavTimeActive /*done*/
{
	font-size:12px;
	font-weight:bold;
}

td.NavTime, td.NavTimeActive
{
	text-align:right; 
	padding:2px 2px 2px 2px;
}

.NavTimeActive
{
	color:LimeGreen;
}

/*******************************************************************************/
.ArchiveLnk /*done*/, .ArchiveLnkOver
{
	Color: white;
	font-weight:bold;
	TEXT-DECORATION: none;
	font-size:12px;
	cursor:hand;
}
	
.ArchiveLnk :hover, .ArchiveLnkOver
{
	Color:gray;
}	

tr.ArchiveIPRows
{
	font-size:10px;
	padding:2px 0px 5px 0px;
}
td.Archive
{
	padding:5px 0px 25px 0px;
	text-align:left;
}

td.ArchiveComment
{
	text-align:right; 
	font-size:10px;
	width:60px;
}

.ArchiveSorting
{
	text-align:left;
	width:150px;
	
}

.ArchiveTimeFrame
{
	text-align:right;
}

.ArchiveTitle
{
	font-size:14px;
	font-weight:bold;
	text-align:left;
	padding:0px 0px 5px 20px ;
}

td.ArchiveIP
{
	text-align:left;
	padding:0px 1px 0px 0px;
}

td.ArchiveCount
{
	text-align:left;
}

td.ArchiveHeader
{
	text-align:left;
}

td.ArchiveCreatedOn
{
	text-align:left;
	font-size:12px;
}


td.ArchiveSize
{
	text-align:left;
	font-size:12px;
}
td.ArchiveTarget
{
	text-align:left;
}

td.ArchiveDuration
{
	text-align:right;
	padding:0px 5px 0px 0px;
}

td.ArchiveCount
{
	text-align:right;
	padding:0px 15px 0px 0px;
}

.ArchiveTargetHit
{
	font-size:10px;
}

table.ColHeader
{
	border-top:solid 1px white;
	width:100%;
	text-align:left;
	font-family:Tahoma;
	font-size:12px;
	font-weight:bold;
}

.playButton
{
	position:relative;
	font-family:MT Extra;
	font-size:20px;
	cursor:help;
	color:limeGreen;
}
/***************************************************************************/
.TimeFrameDisabled /*done*/
{
	filter: alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.40;
	position:absolute;
	background-color:#201F0F;
	display:none;
	border:dotted 1px gray;
	z-index:0;
}

.TimeFrameEnabled 
{
	position:absolute;
	background-color:#201F0F;
	display:none;
	border:solid 1px gray;
}

.TimeFrameEnabledOver 
{
	position:absolute;
	background-color:#201F0F;
	display:inline;
	left:0;
	border:solid 1px white;
	z-index:1;
}

.TimeFrame, .TimeFrameActive /*done*/
{
	font-size:10px;
	white-space:nowrap;
}

td.TimeFrame, td.TimeFrameActive
{
	text-align:left; 
	padding:2px 2px 2px 2px;
}

.TimeFrameActive
{
	color:LimeGreen;
}
/***********************************************************************/
.TL, .BL, .ML
{
	text-align:right;
}

.MC
{
	width:66%;
}

.TR, .BR, .MR
{
	text-align:left;
}

.TC, .MC, .BC
{
	background-color:#636357;
}

.ML, .MR
{
	height:100%;
}

.divML, .divMR
{
	background-color:#636357;
	width:30px;
	height:100%;	
}

/************************************************************************/

.linkTitle
{
	font-size:14px;
	font-weight:bold;
}

/************************************************************************/
.AddCommentButton, .AddCommentButtonOver
{
	font-size:12px;
	color:LimeGreen;
	cursor:hand;
	font-weight:bold;
}

.AddCommentButtonOver
{
	color:gray;
}

.ShowCommentButton
{
	font-size:12px;
}

.CommentDataParent
{
	width:100%;
	text-align:center; 	
}

table.CommentData
{
	WIDTH:60%;
	text-align:center;
}

td.CommentData
{
	padding:5px 0px 15px 0px;
	border-bottom: solid 1px white;
}

.CommentItemTable
{
	width:100%;
	text-align:left;
	font-size:12px;
}

.CommentItemHeader
{
	
}

.CommentItemText
{

}

table.comment
{
	width:100%;
	text-align:justify;
}

td.comment
{
	text-align:left;
	font-family: Comic Sans MS, Book Antiqua, Arial CE ;
	font-size:small;
}

.CommentHeader, .CommentValue, .CommentText
{
	font-size:12px;
}

td.CommentHeader, td.CommentValue, td.CommentText
{
	font-family: Tahoma;
	width:10%;
	text-align:right;
	vertical-align:top;
	padding:1px 3px 1px 2px;
}

#txtCommentHeader, #txtCommentValue, #txtCommentText
{
	font-family: Tahoma;
	font-size:12px;
	width:100%;
	background-color:Transparent;
	color:White;
	border:solid 1px white;
	padding:1px 3px 1px 3px;
}

#txtCommentText
{
	height:60px;
}

/***********************************************************************/
.drawingcontainter
{
	position:absolute;
	background-color:transparent;
	Z-INDEX: 2;
}

/**********************************************************************/
.AddButton, .AddButtonOver
{
	font-size:12px;
	color:LimeGreen;
	cursor:hand;
	font-weight:bold;
	padding:0px 2px 0px 2px;
}

.AddButtonOver
{
	color:gray;
}

/********************************************************************/
.AdminMessageEdit
{
	Cursor:help;
	color:Red;
	font-weight:bold;
	padding-left:2px;
	font-size:12px;
	font-weight:bold;
	vertical-align:top;
} 

a.AdminMessageEdit: hover
{
	color:white;
}

.AdminMessageBracket
{
	font-weight:bold;
	font-size:10px;
}

.AdministrationBracket
{
	font-size:11px;
	font-weight:bold;
	text-align:left;
}

.AdministrationButton
{
	text-align:center;
	font-weight:bold;
	color:Red;
	cursor:hand;
}

a.AdministrationButton: hover
{
	color:Yellow;
}

.AdministrationBack
{
	font-size:11px;
	font-weight:bold;
	text-align:right;
}

.AdministrationDialog /*done*/
{
	color:LimeGreen;
	font-size:11px;
	font-weight:bold;
	Cursor:Hand; 
}
/***************************************************/
table.familytree
{
	display:none;
}	

/*********************************************/
 OL#FlexyTree 
 { 
	PADDING-RIGHT: 0px! important; 
	PADDING-LEFT: 0px! important; 
	PADDING-BOTTOM: 0px! important; 
	MARGIN: 0px; 
	PADDING-TOP: 0px! important 
} 
OL#FlexyTree OL 
{ 
	PADDING-RIGHT: 0px! important; 
	PADDING-LEFT: 0px! important; 
	PADDING-BOTTOM: 0px! important; 
	MARGIN: 0px; 
	PADDING-TOP: 0px! important ;
} 

OL#FlexyTree LI 
{ 
	MARGIN: 0px 0px 0px 30px;
	font-family:Tahoma;
	font-size:12px;	
} 

.drag 
{ 
	/*BACKGROUND-COLOR: #eee*/
	BACKGROUND-COLOR: silver;
} 

.unlocked 
{ 
	/*BACKGROUND-COLOR: #cec; */
	border: dotted 1px white;
} 
