/* CSS Document */


/* COMMON WIDGET STYLES */
@import url("js/hmenu/src/skin-system.css");

BUTTON {
	-moz-border-radius:3px;
}

.tiny {
	font-size:80%;
}

A.button {
	background-color:ThreeDFace;
	-moz-border-radius:3px;
}


.treeContainer {
	position:relative;
	padding:1px;
	margin:0px;
	width:240px; 
	overflow:auto;
	z-index:auto;	
}

.scrollingPane {
	overflow:auto;
}


.layouttable {
	width:100%;
}


.mmcDialog {
	position:absolute;
	background-color:#FFFFFF;
	border:1px solid #666;
	-moz-box-shadow:#666666 0px 5px 20px 0;	
}


.mmcDialog .title {
	background-image:url(content/pics/bg_menu_green.gif);
	margin:2px;
	padding:3px;
	font-weight:bold;
	border-bottom:1px dotted #666;
	cursor:move;
}

.mmcDialog .title BUTTON {
	background-color:#FFFFFF;
	color:#000000;
	border:1px solid #000;
	padding:0px;
	font-weight:bold;
	font-size:10px;
	cursor:pointer;
}

.mmcDialog .content {
	padding:2px;
}


.mmcProgressBar {
	background-image:url(common/pics/bg_progress_default.png);
	background-color:#FFF;
	border:1px solid #6a6558 ;
	font-size:10px;
	font-weight:bold;
	color:#000000;
	margin:3px;
	padding:0xp;
}

.mmcProgressBar .strip {
	background-image:url(common/pics/progress_default.png);
	background-position:left center;
	text-align:center;
	margin:1px;
}

.mmcProgressBar .label {
	background-color:#FFFFFF;
	font-size:9px;
	opacity:0.5;
}

.mmcProgressBar .controls {
	background-color:#333333;
}


.mmcProgressBar .controls INPUT {
	font-size:9px;
	font-weight:normal;
	border:1px solid #FFF;
	background-color:#333333;
	color:#CCCCCC;
	padding:1px;
	margin-left:1px;
	margin-right:1px;	
	text-align:center;
}


.mmcProgressBar .controls BUTTON {
	padding:0px;
	font-size:9px;
	width:15px;
}


.mmcSpinner {
	
}

.mmcSpinner .ico {
	padding:0px;
	margin:0px;
	cursor:pointer;
}



.desktopCover {
	background-color:#FFFFFF;
	position:absolute;
	width:100%;
	left:0px;
	top:0px;
}

.buttonbar {
	background-color:#efeade;
	padding:3px;
	border-top:1px dotted #666;
	margin:2px;
}


.buttonbar BUTTON {
	background-color:#FFFFFF;
	color:#000000;
	border:1px solid #000;
	padding:0px;
	font-weight:bold;
}


.info {
	color:#666666;
	background-image:url(common/pics/ico_info.gif);
	background-repeat:no-repeat;
	background-position:5px 8px;
	font-weight:bold;
	display:compact;
	margin:1px;
	padding:5px;
	padding-left:30px;
	min-height:20px;	
	background-color:#d2edf3;
	border:1px solid #3098b1;
	-moz-border-radius:3px;
}


.error {
	color:#666666;
	background-image:url(common/pics/tooltip_attention.gif);
	background-repeat:no-repeat;
	background-position:5px 8px;
	font-weight:bold;
	display:compact;
	margin:1px;
	padding:5px;
	padding-left:24px;
	background-color:#FFCC99;
	border:1px solid #aa0000;
	-moz-border-radius:3px;
}


.success {
	color:#666666;
	background-image:url(common/pics/check_1.gif);
	background-repeat:no-repeat;
	background-position:5px 8px;
	font-weight:bold;
	display:compact;
	margin:1px;
	padding:5px;
	padding-left:24px;
	background-color:#D6FFB0;
	border:1px solid #356E00;
	-moz-border-radius:3px;
}



.listingTable {
	background-color:#FFFFFF;
	color:#000000;
	border-spacing:0px;
	width:100%;
}



.listingTable .header TD {
	height:auto;
	font-weight:bold;
	background-color:#EFEFEF;
	border:1px outset #EFEFEF;
	padding:3px;
}


.listingTable .entry TD {
	border-bottom:1px dotted #666;
	padding:3px;
}

.listingTable .entry TD.header {
	border-right:1px dotted #666;
	font-weight:bold;
	padding:5px;
	width:50px;
	white-space:nowrap;
}

.listingTable .entry A {
	padding:2px;
}



.tabPane {
	margin:10px;
	color:#000000;
}


.tabPane .tabs {
	border-bottom:1px solid #333;
	background-repeat:repeat-x;
	background-position:bottom;
	padding:5px;
	padding-bottom:5px;
	padding-left:10px;
}


.tabPane .tabs A {
	border:1px dotted #333;
	background-color:#DDD;
	color:#333;
	background-image:url(images/h_tab_idle.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	padding:5px;
	text-decoration:none;
	font-weight:bold;
	opacity:0.5;
}


.tabPane .tabs A:hover {
	opacity:0.8;
}


.tabPane .tabs A.selectedTab {
	border:1px solid #666;
	color:#FF9900;
	border-bottom:1px solid #FFF;
	background-color:#FFFFFF;
	padding:5px;	
	opacity:1;
}


.tabPane .tabContent {
	background-color:#FFFFFF;
	border:1px solid #333;
	border-top:none;
	padding:10px;
}


.infoLink {
	cursor:pointer;
}


A.obselete, .listingTable A.obselete{
	background-image:url(common/pics/tooltip_attention.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:20px;
	text-decoration:line-through;
}

IMG.obselete, .listingTable IMG.obselete {
	border:1px dotted #000;
	background-color:#000;
	opacity:0.4;
}

.collapsable {
	background-color:#EFEFEF;
	padding:3px;
	border:1px solid #999;
	margin:2px;
	margin-bottom:4px;
	-moz-border-radius:3px;
}

.collapsable .title {
	font-weight:bold;
	cursor:pointer;
	margin:0px;
}

.collapsable .content {
	display:none;
	padding:8px;
	border-top:1px solid #FF9900;
	background-color:#FFFFFF;
}

.subProcess {
	border-left:10px solid #FF9900;
}


.datagroup {
	padding-top:0px;
	padding:5px;
	background-color:#efefef;
	border:1px solid #CCC;
	-moz-border-radius:4px;
}

.datagroup LEGEND {
	padding:5px;
	font-weight:bold;
}




.processPopup, .personPopup {
	position:absolute; 
	background-color:#FF9900;		
	width:350px;
	padding:2px; 
	margin:1px; 
	border:2px solid #666; 
	z-index:1500;
	display:none;
	-moz-border-radius:5px;
}

.processPopup .closeButton, .personPopup .closeButton{
	float:left;
	background-color:#FFFFFF;
	border:1px solid #666;
	font-size:9px; 
	color:#666;
	padding:1px;
}

.processPopup .infoContent, .personPopup .infoContent {
	padding:5px;
	min-height:40px;
	margin-left:20px;
	background-color:#FFFFFF; 
	border-left:1px dotted #666;
}

.processPopup H4, .personPopup H4 {
	padding:5px;
	margin:0px;
}

.ajaxLoad {
	background-image:url(content/pics/ajax_bar.gif);
	background-repeat:no-repeat;
	background-position:center center;
}