.DataPopupHeader
{
	width: 100%;
	height: 21px;
	background:#a0a0a0 url(../Images/CurrentProjectControl/horizontal-new.png) repeat-x;
 	border-bottom: solid 1px #696885;
}

.DataPopupHeaderText
{
	height:16px;
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	float:left;
	padding:0px 20px 5px 10px;
}

.DataPopupBody
{
  margin:4px 10px 0px 10px ;
  color:black; 
  font-family: Verdana; 
  font-size:12px; 
 
}

div#DataPopupContainer
{
 border:solid 1px black;
 margin: 5px 5px  0px 5px;

}

.FPTopBorder
{
 border-top:solid 1px black;
 	
}

.FPGridHeaderText
{
    color:White;
    font-family: Verdana;
    font-size: 11px;
    margin: 0px 0px 0px 0px;
    padding: 0px 100px 0px 20px;
    text-align: left;
    font-weight:bold;
}


.FPGridHeader
{
    background-image: url(../../../fp_client/fpspread/7_40_20141_0/img/cbbg.gif);
    background-color: #3F3F3F;
    border: 1px solid #919B9C;
    border-bottom-color: #CCCCCC;
    height:25px;
    vertical-align:middle;    
}

/*********************************************************************************************/
/* Header Tabstrip Styles */
/*********************************************************************************************/
.DataPopupTopGroup
{
  background-color:#3F3F3F; 
  background-image: url(../images/datapopup/top_group_bg.gif);
  border-bottom-color: #CCCCCC;
  vertical-align :middle;
}

.DataPopupTopLeft
{
  white-space:nowrap;
  padding-left : 10px;
  padding-right : 10px;
}

.DataPopupTopRight
{
  white-space:nowrap;
  padding-left : 10px;
  width:100%;
}

.DataPopupLevel2Group
{
  background-color:silver; 
  background-image: url(../images/datapopup/level2_group_bg.gif);
}

.DataPopupTopLevelTab 
{
  color:white; 
  font-family: Verdana; 
  font-size:11px; 
  padding-left : 2px;
  padding-right : 2px;
}

A:link.DataPopupTopLevelTab, A:visited.DataPopupTopLevelTab, A:active.DataPopupTopLevelTab
{
  color:white; 
  font-family: Verdana; 
  font-size:11px; 
  cursor:pointer;
  text-decoration:none;
}

A:hover.DataPopupTopLevelTab
{
  color:gray; 
  font-family: Verdana; 
  font-size:11px; 
  cursor:pointer;
  text-decoration:none;
}


.DataPopupTopLevelTabHover 
{
  color:gray; 
  font-family: Verdana; 
  font-size:11px; 
  cursor:pointer;
}

.DataPopupSelectedTopLevelTab
{
  color:gray; 
  background-color: silver; 
  background-image: url(../images/datapopup/top_item_selected_bg.gif);
  font-family: Verdana; 
  font-size:11px; 
  cursor:default;
  border: 1px solid #CCCCCC;
  border-right-color: white;  
  position:relative;
  top:1px;
}

.DataPopupLevel2Tab 
{
  font-family: Verdana; 
  font-size:11px; 
  cursor:pointer;
}

.DataPopupLevel2TabHover 
{
  font-family: Verdana; 
  font-size:11px; 
  text-decoration:underline;
  cursor:pointer;
}

.DataPopupSelectedLevel2Tab 
{
  background-color:#F6F6F6;
  font-family: Verdana; 
  font-size:11px; 
  border: 1px solid #AAAAAA;
  border-right-color: #F6F6F6;
  border-bottom-color: #F6F6F6;  
  border-right: 1px solid #000000;
  border-left: 1px solid #000000;
  padding:4px;
}



/*********************************************************************************************/
/* Tabstrip Image Button Styles */
/*********************************************************************************************/
.DataPopupDropDown
{
  color: black; 
  font-family: Verdana; 
  font-size:9px; 
}

.DataPopupButton
{
	color:Gray;
	text-align:center;	
	vertical-align:text-top ;
	float:left;
	padding: 2px 1px 2px 1px;
	width:50px;
	height:60px;
	text-decoration:none;
	cursor:pointer;

}


.DataPopupComments
{
	text-align:left;	
	vertical-align:text-top ;
	float:left;
	padding: 2px 2px 2px 2px;
	height:60px;
	text-decoration:none;
}

.DataPopupButton:hover
{
	background-color:#C8C8C8;
}

.DataPopupButtonLink
{
	text-align:center;	
	text-decoration:none;
}

.DataPopupMessageArea
{
	border:solid 1px black;
	text-align:left;	
	background-color:#C8C8C8;
	padding:1px 1px 1px 4px;
}






/* 'Header" class */
.hdr { font-size:13px;line-height:18px;margin:0 0 6px 0; }


/* Upload files container */
.up { float:left; }

/* Form elements */
.sel { width:304px; }
	.sel .file { height:25px;width:304px;cursor:default;margin:0 0 10px 0; }
	.sel div.filename { width:146px;height:21px;border:1px solid #999;background-color:#fff;padding:2px 0 0 4px;margin:0;display:block;float:left;margin:0 1px 0 0; }
	.sel div input { background-color:transparent;width:144px;padding:2px !important;margin:0;font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;font-size:11px;border:none;color:#666;cursor:default !important; }
	.sel div.empty { background-color:#e6e6e6; }
	.sel div.empty input { color:#999; }
	.sel a.browse { text-decoration:none;color:#333;cursor:default !important;display:block;float:left;background:none;width:68px;height:25px;border:0; }
	.sel a.browse img { border:0; }
	.sel a.remove,.sel a.remove-d { text-decoration:none;color:#333;cursor:default !important;display:block;float:right;background:url("../images/FileBrowserUpload/static.png") no-repeat -113px -83px;width:76px;height:25px; }
	.sel a.remove:hover { background-position:-113px -108px; }
	.sel a.remove:active { background-position:-113px -133px;outline:none; }
	.sel a.remove-d { background-position:-113px -158px; } /* Disabled class */
.actions { height:25px;width:304px;cursor:default; }
	.actions a.add,.actions a.add-d { text-decoration:none;color:#333;cursor:default !important;display:block;float:left;background:url("../images/FileBrowserUpload/static.png") no-repeat -113px -183px;width:219px;height:25px; }
	.actions a.add:hover { background-position:-113px -208px; }
	.actions a.add:active { background-position:-113px -233px;outline:none; }
	.actions a.add-d { background-position:-113px -258px; } /* Disabled class */
	.actions a.add-d:active { outline:none; } /* Disabled class */

	.actions a.upload,.actions a.upload-d { text-decoration:none;color:#333;cursor:default !important;display:block;float:right;background:url("../images/FileBrowserUpload/static.png") no-repeat -189px -83px;width:76px;height:25px; }
	.actions a.upload:hover { background-position:-189px -108px; }
	.actions a.upload:active { background-position:-189px -133px;outline:none; }
	.actions a.upload-d { background-position:-189px -158px; } /* Disabled class */
	.actions a.upload-d:active { outline:none; }

/* Dialogue titlebar */
.ttl { width:100%;height:40px;cursor:move; }
	.ttl a { margin-top:4px;display:block;float:right;width:35px;height:25px;background:transparent url("../images/FileBrowserUpload/static.png") no-repeat -18px 0;cursor:default; }
	.ttl a:hover { background-position:-18px -25px; }
	.ttl a:active { background-position:-18px -50px;outline:none; }

	.ttlt { width:100%;height:32px; }
		.ttlt-l { width:9px;height:100%;background:transparent url("../images/FileBrowserUpload/static.png") no-repeat;float:left; }
		.ttlt-m { height:100%;background:#000 url("../images/FileBrowserUpload/horizontal.png") repeat-x;float:left; }
		.ttlt-r { width:9px;height:100%;background:transparent url("../images/FileBrowserUpload/static.png") no-repeat -9px 0;float:left; }
	.ttlt span { cursor:inherit;margin-left:4px;line-height:32px;color:#fff;font-weight:bold;font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;font-size:11px; }

	.ttlb { width:100%;height:8px;overflow:hidden; } /*** overflow:hidden to prevent IE6 from rendering the div at the current font height ***/
		.ttlb-l { width:9px;height:100%;background:#000 url("../images/FileBrowserUpload/static.png") no-repeat 0 -38px;float:left; }
		.ttlb-m { height:100%;background:#fff url("../images/FileBrowserUpload/horizontal.png") repeat-x 0 -38px;float:left; }
		.ttlb-r { width:9px;height:100%;background:#000 url("../images/FileBrowserUpload/static.png") no-repeat -9px -38px;float:left; }


/* Dialogue contents */
.con { background:#fff url("../images/FileBrowserUpload/vertical.png") repeat-y;font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;font-size:11px;padding:4px 7px; }

/* Dialogue footer */
.ftr { width:100%;height:37px;font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;font-size:11px; }
	.ftr-l { width:9px;height:100%;background:transparent url("../images/FileBrowserUpload/static.png") no-repeat 0 -83px;float:left; }
	.ftr-m { height:100%;background:#eee url("../images/FileBrowserUpload/horizontal.png") repeat-x 0 -83px;float:left; }
	.ftr-r { width:9px;height:100%;background:transparent url("../images/FileBrowserUpload/static.png") no-repeat -9px -83px;float:left; }

	/* Footer buttons */
	.ftr .btns { float:right;margin-top:4px; }
	.ftr .btns a { text-decoration:none;color:#333;cursor:default !important;display:inline; }
	.ftr .btns a span.l { display:block;float:left;width:10px;height:25px;background:transparent url("../images/FileBrowserUpload/static.png") no-repeat -93px 0;margin-left:2px; }
	.ftr .btns a span.m { display:block;float:left;padding:0;height:25px;line-height:25px;background:transparent url("../images/FileBrowserUpload/horizontal.png") repeat-x 0 -120px; }
	.ftr .btns a span.r { display:block;float:left;width:10px;height:25px;background:transparent url("../images/FileBrowserUpload/static.png") no-repeat -103px 0; }
	.ftr .btns a:hover { text-decoration:none;color:#000; }
	.ftr .btns a:hover span.l { background-position: -93px -25px; }
	.ftr .btns a:hover span.m { background-position:0 -145px; }
	.ftr .btns a:hover span.r { background-position: -103px -25px; }
	.ftr .btns a:active span.m { height:23px;line-height:24px;padding-top:2px; }



/* Upload dialogue styles */
.dlg-up { color:#999;cursor:default !important; }
.dlg-up .ttlt-m,.dlg-up .ttlb-m,.dlg-up .ftr-m { width:440px; }

.dlg-up .stat,.dlg-up .list { padding:0 15px; }

.dlg-up h3 { margin:0;font-weight:normal;font-size:11px;padding:0 0 4px 0;color:#666; }
.dlg-up .red { color:#dd3409; }
.dlg-up strong { color:#ea6b4a;font-weight:normal; }

.dlg-up .files { height:auto;margin:0 8px 8px 8px;}
.dlg-up .list ul { margin:0;padding:0;list-style-type:none; }
.dlg-up .list ul li { line-height:16px;background:#fff url("../images/FileBrowserUpload/static.png") no-repeat -384px -32px;padding-left:16px; }
.dlg-up .list ul li.done { color:#000;background-position:-384px 0; }
.dlg-up .list ul li.cur { color:#dd3409;background-position:-384px -16px;}

.dlg-up .info { float:left;font-size:11px;cursor:default !important;margin:0 0 0 8px;height:34px;line-height:34px;font-size:10px; }

/* Progress bar and related elements */
.prog { width:412px;height:18px !important;border:1px solid #ccc;border-bottom-color:#ddd;border-right-color:#ddd;padding:0;margin:0;float:left;display:inline;overflow:hidden; }
.prog .con { width:410px;height:16px !important;background:transparent url("../images/FileBrowserUpload/horizontal.png") repeat-x 0 -170px;border:0;margin:0;padding:1px; }
.prog .con .bar { height:16px;background:transparent url("../images/FileBrowserUpload/horizontal.png") repeat-x 0 -188px; }




/* TreeView container */
div.browse { height:300px;width:300px;float:left;margin:0 0 0 16px;color:#666; }
	div.browse .path { width:296px;height:23px;background-color:#fff;border:1px solid #ccc;line-height:23px;color:#000;cursor:default;overflow:hidden;padding:0 0 0 4px; }
	div.browse .path b { color:#999; }

	/* Remote folder toolbar and buttons */
	div.browse .tb { height:16px;margin:0 0 8px 0;line-height:16px; }
		div.browse .tb .hdr { margin:0; }

		div.browse .tb .btns { float:right; }
		div.browse .tb .btns .sep { width:7px;height:16px;display:block;float:left;border-left:1px solid #bfbfc5;margin-left:8px; }
		div.browse .tb .btns .spacer { width:8px;height:16px;display:block;float:left; }

		div.browse .tb a { width:16px;height:16px;background:transparent url("../images/FileBrowserUpload/static.png") no-repeat;display:block;float:left;display:inline; }
		div.browse .tb a:active { outline:none; }

		div.browse .tb a.reload { background-position:0 -237px; }
		div.browse .tb a.reload:hover { background-position:0 -253px; }
		div.browse .tb a.reload:active { background-position:0 -269px; }

		div.browse .tb a.folder { background-position:-16px -237px; }
		div.browse .tb a.folder:hover { background-position:-16px -253px; }
		div.browse .tb a.folder:active { background-position:-16px -269px; }

		div.browse .tb a.delete { background-position:-32px -237px; }
		div.browse .tb a.delete:hover { background-position:-32px -253px; }
		div.browse .tb a.delete:active { background-position:-32px -269px; }


/* TreeView */
.tree { width:300px;height:233px;border:1px solid #ccc;margin:7px 0 0 0; }

	.tree .con { background:#fff none;overflow-y:auto;overflow-x:hidden;width:100%;height:100%;cursor:default;padding:0; }
	.tree .node { width:100%;height:20px;overflow:hidden; }
	.tree .loading { margin:0;padding:0 0 0 22px;line-height:20px;float:left;background:#fff url("../images/FileBrowserUpload/static.png") no-repeat -384px -255px;color:#2b3744; }

	.tree .item { margin:0;padding:0 0 0 20px;line-height:20px;background:#fff url("../images/FileBrowserUpload/static.png") no-repeat;float:left; }
	.tree .fldr { background-position:-384px -255px; }
	.tree .fldr-ex { background-position:-384px -255px; }
	.tree .root { background-position:-384px -295px; }

	.tree a { border:1px solid #fff;text-decoration:none;padding:1px;color:#2b3744;cursor:default; }
	.tree .item a:hover { text-decoration:none;border:1px solid #cdefff;background-color:#f8fafc;color:#2b3744; }
	.tree .item a:active { outline:none;color:#2b3744; }

	.tree .item-s a { text-decoration:none;border:1px solid #9adffe;background:#fff url("../images/FileBrowserUpload/horizontal.png") repeat-x 0 -343px;color:#000; }

.GroupHeading
{
	color: #ffffff;
	background: #333333 url("../Images/CurrentProjectControl/horizontal-new.png") repeat-x;
	margin: 2px 5px 2px 5px;
	cursor: pointer;
}

.PopupGridHeader
{
	height: 16px;
	background: #8191a9;
	line-height: 24px;
}

.PopupGroupHeaderText td
{
	padding: 0px 0px 0px 5px;
	line-height: 24px;
}

.DeficiencyDialogSection
{
	font-size: 11px;
	background-color: #ffffff;
	border: solid 1px #aaaaaa;
	padding: 5px 0px 5px 5px;
	position:relative;
	left:8px;
	width:580px;
}

.DeficiencyDialogSectionHeader
{
	border-top: solid 1px #aaaaaa;
	border-left: solid 1px #aaaaaa;
	border-right: solid 1px #aaaaaa;
	background-color:#aaaaaa;
	font-size:10px;
	line-height: 60%;
	padding: 5px 0px 5px 5px;
	position:relative;
	left:8px;
	width:580px;
}

.CriticalSection
{
	background-color:#ff0000;
	color:#ffff00;
	font-weight:bold;
	text-align:center;
}

/*.DeficiencyDialogSectionHeader
{
	color:#333333;
	position:absolute;
	top:-14px;
	left:2px;
	font-size:9px;
	padding: 1px 3px 2px 3px;
	text-align: center;
	vertical-align: middle;
}*/






.mnu { border:1px solid #999;width:142px;background:#f6f6f6 url("../images/menuvertical.png") repeat-y;font-family:'Segoe UI',Tahoma,Arial,Helvetica,sans-serif;font-size:11px;color:#666;cursor:default;text-align:left;font-weight:normal;
    box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
  -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
  -moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
    }
    .mnu .itm { width:140px;height:22px; }
    .mnu .itm-h { width:140px;height:22px;background:#f6f6f6 url("..images/menustatic.png") no-repeat;color:#333; }
    .mnu .br { width:140px;height:4px;background:#f6f6f6 url("../images/menustatic.png") no-repeat 0 -22px; }

    .mnu .ico { display:block;width:16px;height:16px;float:left;margin:3px 7px 0px 8px;background:transparent url("../images/menuicons.png") no-repeat -16px 0; }

    .mnu .sort-desc { background-position:0 0; }
    .mnu .sort-asc { background-position:0 -16px; }
    .mnu .grp-asc { background-position:0 -32px; }
    .mnu .grp-desc { background-position:0 -48px; }
    .mnu .ungrp { background-position:0 -64px; }

    .mnu .txt { display:block;float:left;height:21px;line-height:21px;width:86px;padding:0 0 0 4px;font-size:11px; }

.col-mnu { width:16px;height:100%;background:transparent url("../images/static.png") no-repeat;margin:0; }
.col-mnu-h { width:16px;height:100%;background:transparent url("../images/static.png") no-repeat -21px 0;margin:0; }
.col-mnu-d { width:16px;height:100%;background:transparent url("../images/static.png") no-repeat -42px 0;margin:0; }