GAPS/Portal/bin/apps/MISModel/MISModel.css

/*
 * DON'T REMOVE THE FOLLOWING LICENSE
 *           INFORMATION!
 * ----------------------------------
 * Copyright by 
 * Global Cube Business Solutions
 * Author: Dennis Ritz
 * info@global-cube.de
 * 2007-2008
 * ----------------------------------
 */

.-xerror {
 border:2px solid #ff0000;
 }
#retrieveInput {
	position:absolute;
	display:none;
	top:0px;
	left:0px;
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	background:url('img/MISModel/retrieveInputBG.png');
	border:0px dashed #FF0000;
	color:#ffffff;
	z-index:10;
	font-weight:bold;
	overflow:auto;
}

#retrieveInput form {
	position:relative;
	width:800px;
	margin:auto;
	margin-top:5px;
	margin-bottom:5px;
	z-index:10;
	border: 0px;
}
#retrieveInput form legend {
	position:absolute;
	top:0px;
	color:#ffffff;
    font-size:16pt;
}

#retrieveInput form legend img {
	width:24px;
	height:24px;
	margin-left:5px;
	margin-right:5px;
}
#retrieveInput form fieldset {
	padding:7px;
	padding-top:30px;
}
#retrieveInput form legend {
    position:absolute;  
}

#retrieveInput table {
	position:relative;
	margin:0px;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	border-collapse:collapse;
	/*background:url('img/MISModel/retrieveInputBG.png');*/
	border:0px solid #EEEEEE;	
}

#retrieveInput td.label {
	width:25%;
}

#retrieveInput input{
	width:99%;
	left:0px;
}

#retrieveInput textarea{
	width:99%;
}

#retrieveInput input.btn{
	width:auto;
}

tr.navContainer {
    width:100%;
    height:100%;
    z-index:0;
    margin:0px;
}
td.navContainer {
    width:100%;
    height:100%;
    z-index:0;
    margin:0px;
    vertical-align:top;
}
.treeContainer {
    margin:0px;
    position:absolute;
    left:0px;
    width:100%;
    top:0px;
    /*background:url("img/GUI/Tree/rootBG.png") repeat-y;*/
    bottom:0px;
    overflow:auto;
    overflow-x:hidden;
    border:0px solid #ff0000;
}
.tree {
    position:relative;
    margin:0px;
width:100%;
overflow:visible;
}
.tree .treeNodeListener {
    position:absolute;
    left:40px;
    top:0px;
    width:100%;
    height:100%;
    cursor:pointer;
    padding:0px;
    z-index:0;
    border:0px dashed #00FF00;
}
.tree .treeNode {
    position:relative;
    width:100%;
}
.tree .treeNodeLeaf {
    position:relative;
    width:100%;
}
.tree div.treeNode div.treeNodeValue {
    padding:1px;
    position:relative;
    /*font-weight:bold;*/
    z-index:0;
    border:0px solid #FF0000;
}
.tree div.treeNode div.treeNodeValue_active {
    padding:1px;
    position:relative;
    /*font-weight:bold;*/
    z-index:0;
    border:0px solid #FF0000;
}
.tree div.treeNodeLeaf div.treeNodeValue{
    padding:1px;
    position:relative;
    /*font-weight:bold;*/
    z-index:0;
    border:0px solid #00FF00;
}
.tree div.treeNodeLeaf div.treeNodeValue_active{
    padding:1px;
    position:relative;
    /*font-weight:bold;*/
    z-index:0;
    border:0px solid #00FF00;
    
}
.tree div.treeNodeSub div.treeNodeValue {
    padding:1px;
    background:transparent;
    font-weight:normal;
}
.tree div.treeNodeSub div.treeNodeValue_active {
    padding:1px;
    background:transparent;
    font-weight:normal;
}
.tree div.treeNodeSub .treeNodeLeaf div.treeNodeValue {
    padding:1px;
    background:transparent;
    font-weight:normal;
}
.tree div.treeNodeSub .treeNodeLeaf div.treeNodeValue_active {
    padding:1px;
    background:transparent;
    font-weight:normal;
}

.tree .treeNodeSub {
    margin:0px 0px 0px 22px;
    display:none;

}

.tree .contextMenu {
    display:none;
}

.tree a {
    padding:0px;
    top:0px;
    margin:-20px 0px 4px 24px;
    display:block;
    position:relative;
    cursor:pointer;
    z-index:1;
    border:0px dashed #00FF00;
    color:#000053;
    text-decoration:underline;
}
.tree img {
    border:0px;
    z-index:10;
}
.label {
    position:relative;
    padding:0px;
    border:0px solid #0000FF;
    vertical-align:top;
}
.label .icon {
    margin:0px;
    padding:0px;
    border:0px solid #0000FF;
    vertical-align:top;
    z-index:1;
}
.label .text {
    padding-left:7px;
    border:0px solid #0000FF;
    vertical-align:top;
    color:#000053;

}
.label_active {
    position:relative;
    padding:0px;
    border:0px solid #0000FF;
    vertical-align:top;
}
.label_active .icon {
    margin:0px;
    padding:0px;
    border:0px solid #0000FF;
    vertical-align:top;
    z-index:1;
}
.label_active .text {
    padding-left:7px;
    border:0px solid #0000FF;
    vertical-align:top;
    color:#AA5353;

}


.tree div.treeNodeValue_active .text {
    color:#FF0000;
}
.tree img.expander {
    position:relative;
    display:block;
    cursor:pointer;
    z-index:1;
    border:0px;
    margin:4px 2px 4px 2px;
}
.tree .treeDivider {
	position:absolute;
    width:100%;
    font-size:0px;
    height:2px;
    background: url("img/GUI/Tree/divider.png") no-repeat;
}
 
body, html {
	height:99.9%;
	max-height:99.9%;
	width:100%;
	margin:0px;
	padding:0px;
	background:url("img/MISModel/leftbarBG.png") repeat-y;
	overflow:hidden;
	font-family:Arial;
	font-size:10pt;
	/*color:#FAFAFA;*/
	color:#000053;
}

#head {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:47px;
    /*background: url("img/MISModel/linedBlueBG.png") repeat;*/
    /*background:url("img/MISHead/headBG.png") repeat-y;*/
    border:0px;

    border:0px solid #010060;
    z-index:0;
    color:#FDFDFD;
}

#toolbar {
	position:absolute;
	top:47px;
	left:0px;
	width:100%;
	height:24px;
	background: url("img/MISModel/GreyBG.png") repeat;
	border:0px;
    border-top:1px solid #BBBBBB;
	border-bottom:1px solid #999999;
	z-index:0;
}

#leftToolbar {
	float:left;
	top:0px;
	width:260px;
	height:100%;
	color:#000053;
	cursor:pointer;
}

#mainToolbar {
	position:absolute;
	top:0px;
	left:260px;
	height:100%;
	color:#000053;
	cursor:pointer;
	overflow:hidden;
}

#rightToolbar {
    float:right;
    top:0px;
    left:260px;
    height:100%;
    color:#000053;
    cursor:pointer;
}

#leftbar {
	position:absolute;
	display:none;
	top:73px;
	left:0px;
	width:260px;
	height:100%;
	/*background: url("img/MISModel/leftbarBG.png") repeat-y;*/
	z-index:0;
overflow:hidden;
}

#leftdivider {
	cursor:move;
}
#leftdivider {
	position:absolute;
	display:none;
	top:73px;
	left:260px;
	width:4px;
	height:100%;
	background:url("img/MISModel/verticalDivider.png") no-repeat;
	background-position:center;
	cursor:ew-resize;
}

#main {
	position:absolute;
	margin:0px;
	padding:0px;
	top:73px;
	left:254px;
	width:100%;
	height:100%;
	border:0px solid #FF0000;
	overflow:auto;
}

#content {
	position:relative;
	top:0px;
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	background: transparent;
	border:0px dashed #FF0000;
	overflow:auto;
}

#content form {
	position:relative;
	top:0px;
	left:0px;
	margin:5px;
	padding:0px;
	z-index:0;
	border: 0px solid #FF0000;
	overflow:hidden;
}
#context form fieldset {
	position:relative;
    margin:0px;
    padding:0px;
}

#content table {
	position:relative;
	margin:0px;
	padding:0px;
	left:0px;
	top:0px;
	width:100%;
	height:0%;
	border-collapse:collapse;
	z-index:0;
}

#content td.label {
	width:25%;
}

#content input {
	width:99%;
	z-index:0;
}

#content input.btn {
	width:auto;
}


#footbar {
	position:absolute;
	display:block;
	bottom:0px;
	left:0px;
	width:100%;
	height:24px;
	background: url("img/MISModel/GreyBG.png") repeat;
	height:24px;
	border-top:1px solid #BBBBBB;
}

#leftFootbar {
	float:left;
	width:250px;
	height:100%;
	color:#000053;
	cursor:pointer;
}

#mainFootbar {
	float:left;
	top:0px;
	left:250px;
	height:100%;
	color:#000053;
	cursor:pointer;
}
#Model_publisher {
    float:right;
    padding:5px;
    top:5px;
    right:5px;
    height:100%;
    color:#000053;
}
#Model_config {
    float:right;
    padding:5px;
    top:5px;
    right:5px;
    height:100%;
    color:#000053;
    font-weight:bold;
}

#contextContainer {
	position:absolute;
	left:0px;
	top:0px;
	width:200px;
	height:auto;
	border:1px solid #A5A5A5;
	z-index:200000;
	display:none;
	    background: url("img/MISModel/retrieveInputBG.png") repeat;
}
.contextContainer a {
	padding:0px;
	top:0px;
	display:block;
	position:relative;
	cursor:pointer;
	z-index:0;
	border:0px dashed #00FF00;
	color:#000053;
}


.contextContainer .label .text {
	color:#ffffdd;
	font-weight:bold;
}
.contextContainer .label img {
    border:0px solid #000000;
}
.contextContainer {
	display:none;
}
#contextContainer .contextContainer {
	display:block;

}
#contextContainer .contextMenuNodeListener {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	z-index:0;	
	cursor:pointer;
	padding:3px 0px 3px 0px;
}
#contextContainer .contextMenuNodeSub .contextMenuNodeListener {
	padding:3px;
}
#contextContainer .contextMenuNode {
	position:relative;
	width:100%;
}
#contextContainer .contextMenuNodeLeaf {
	position:relative;
	width:100%;
}

#contextContainer div.contextMenuNode div.contextMenuNodeValue {
	padding:3px;
	position:relative;
	z-index:0;
}

#contextContainer div.contextMenuNodeLeaf div.contextMenuNodeValue{
	padding:3px;
	position:relative;
	background:url("img/GUI/Tree/rootBG.png") repeat-y;
	z-index:0;
}

#contextContainer div.contextMenuNodeSub div.contextMenuNodeValue {
	padding:3px 3px 3px 3px;
	background:transparent;
}

#contextContainer div.contextMenuNodeSub .contextMenuNodeLeaf div.contextNodeValue {
	padding:3px 3px 3px 3px;
	background:transparent;
}

#contextContainer .contextMenuNodeSub {
	margin:0px 0px 0px 16px;
}
#contextContainer  a {
	padding:0px 0px 0px 5px;
	position:relative;
	cursor:pointer;
	z-index:1;
	color:#ffffdd;
}

#contextContainer .contextMenuDivider {
	width:100%;
	font-size:0px;
	height:2px;
	background:url("img/GUI/Tree/divider.png") no-repeat;
}
#head .location {
    float:left;
    width:254px;
    margin:0px;
    padding:3px;
    padding-top:7px;
    font-style:italic;
    color:#000053;
    font-size:1.2em;
    border:0px solid #ff0000;
    font-weight:bold;
}
.location img {
    position:relative;
    margin:5px;
}

#head .title {
    float:left;
    margin:0px;
    padding:7px;
    font-style:italic;
    color:#000053;
    font-size:1.2em;
    border:0px solid #ff0000;
    font-weight:bold;
}
.title img {
    position:relative;
    margin:5px;
}

#userinfo {
    position:absolute;
    float:right;
    top:0px;
    right:0px;
    height:100%;
    padding-left:5px;
    padding-right:5px;
    color:#000053;
    cursor:pointer;
    font-size:1em;
    border-left:0px solid #999999;
}



#userinfo img{
    position:relative;
    cursor:pointer;
    z-index:1;
    cursor:pointer;
}

#userinfo div {
    display:inline;
    cursor:pointer;
}