/*******************************************************************************
 * Copyright (c) 2007 IBM Corporation and others.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     IBM Corporation - initial API and implementation
 *******************************************************************************/
html, body{	
		font-family:Lucida Grande, Verdana;
		font-size: 10pt;
    	width: 100%;	/* make the body expand to fill the visible window */
		height: 100%;
		overflow: hidden;	/* erase window level scrollbars */
		padding: 0 0 0 0;
		margin: 0 0 0 0;
    }
	.dojoSplitPane{
		margin: 5px;
	}
	body .dojoSplitContainerSizerV, body .dojoSplitContainerSizerH {
		background: grey;
	}
	
	.detail{
		overflow:auto;
	}
	
	.container{
		width: 100%;
		height: 100%;
		background: #eeeeee;
		padding: 10px;
	}
	
	.navigator{
		overflow: auto;
	}
	
/*table styles */
		table {
			font-size:0.8em;
			border:1px solid #ccc;
			cursor:default;
		}
		.cosmosWidgetTable{
			width:100%;
		}

		* html div.tableContainer {	/* IE only hack */
			width:95%;
			border:1px solid #ccc;
			height: 285px;
			overflow-x:hidden;
			overflow-y: auto;
		}

		table td,
		table th{
			border-right:1px solid #999;
			padding:2px;
			font-weight:normal;
		}
		table thead td, table thead th {
			background:#94BEFF;
		}
		
		* html div.tableContainer table thead tr td,
		* html div.tableContainer table thead tr th{
			/* IE Only hacks */
			position:relative;
			top:expression(dojo.html.getFirstAncestorByTag(this,'table').parentNode.scrollTop-2);
		}
		
		tbody.scrollContent td, tbody.scrollContent tr td {
			background: #FFF;
			padding: 2px;
		}

		tbody.scrollContent tr.alternateRow td {
			background: #e3edfa;
			padding: 2px;
		}

		tbody.scrollContent tr.selected td {
			background: yellow;
			padding: 2px;
		}
		tbody.scrollContent tr:hover td {
			background: #a6c2e7;
			padding: 2px;
		}
		tbody.scrollContent tr.selected:hover td {
			background: #ff3;
			padding: 2px;
		}
div.container {
	background-color: white;
	border: 2px solid black;
	padding: 5px;
	margin: 5px;
	overflow: hidden;
}

.tplabel , .tpcontent {
	width: 100%;
}

.tplabel {
	background: #5495D5;
	height: 15px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
      text-align: left;
      color: #FFFFFF;
      vertical-align: middle;
}
.tableLabelNodeClass{
	height: 15px;
	border-top: 1px solid black;
      text-align: left;
      vertical-align: middle;
}
.tableLabelNodeClassOdd{
	background: #eeeeee;
	height: 15px;
	border-top: 1px solid black;
      text-align: left;
      vertical-align: middle;
}
.propertiesContainerLabel{
    background: #ffffff;
	font-size:0.8em;
	height: 25px;
	border:1px solid #ccc;
      text-align: left;
      vertical-align: middle;
}

.tpcontent {
	background: #FFFFFF;
	border-bottom: 1px solid grey;
	border-left: 1px solid grey;
	border-right: 1px solid grey;
}	