@CHARSET "ISO-8859-1";

/*
* Lets first override some MPII stuff
*/
#footer
{
	margin-top: 0px !important; /* white spot above footer*/
}

#col2o2content img 
{
	margin: 0em !important;
}



/********************************************
*                    WRAPPER
* Wrapper hosting all other divs
**********************************************/
#wrapper
{
	background-color: #F7F7F6;
	padding : 15px;
}

.outimg
{
	float:none !important; 
	padding: 0px !important;
	vertical-align:bottom;
}

	
/********************************************************
*                     SEARCH AREA
* Top left search area, containing the query field and button
* plus the status information
**********************************************************/
#searchArea
{
	float: left; 
	width: 250px;
	height: 170px;
	background-color: white;
	border: 1px solid rgb(170, 193, 214);
	/*-moz-border-radius-topleft:5px; 
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;*/
}

#dasmiwebAreaHead
{
	-x-system-font:none;
	background:#003366 none repeat scroll 0 0;
	border-color:#003366;
	border-style:solid;
	border-width:1px 0;
	color:#FFFFFF;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:100%;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:normal;
	margin:0;
	padding:0.25em 1em 0.5em;
}

#dasmiwebArea
{
	margin-left: 50px;
	
	float: left; 
	width: 350px;
	/*height: 350px;*/
	background-color: #E0E8EF;
	border: 1px dotted rgb(170, 193, 214);
	margin-bottom:25px;
}


#ackArea
{
	clear: both;
	float: none; 
	font-size:85%;
	border-top: 1px dotted rgb(170, 193, 214);
	background-color: none;
	padding-top: 25px;
	/*border: 1px solid rgb(170, 193, 214);*/
}

#newsArea
{
	clear: both;
	float: none; 
	border-top: 1px dotted rgb(170, 193, 214);
	margin-bottom:25px;
	
	
	background-color: none;
	
	/*border: 1px solid rgb(170, 193, 214);*/
}

#userQuery 
{
	background-color:#FFFFFF;
	border:1px solid #AAC1D6;
	cursor:text;
	margin:0.5em 0pt 0pt;
	padding:0pt;
	width:150px;
	margin-right:10px;
	margin-bottom:0.25em;
}

#searchConfig
{
	text-align:center;
	margin-top : 5px;
}
		

#searchExamples
{
	text-align:left;
	font-size: 10px; 
	color:#666666;  
}
	
#searchExamples a
{
	cursor:pointer;    
}

#batch
{
	margin-top: 5px;
	margin-bottom: 8px;
	padding-left: 70px;
	font-size:11px;
	font-weight:bold;
}


		
#statusArea
{
	height: 37px;
	margin-top : 5px;
	padding : 1px;
	background-color:white;
}
    
#statusText
{
	margin-top:13px;
	background-color:white;
	font-size:10px; 
	text-align:left;  
	color:#666666;
	font-weight:bold;
}

/***************************************************
*                  INFO AREA
* Info area in the upper right containt either general
* or interactor information
***************************************************/
#infoArea
{
	margin-left: 265px;
	height: 170px;
	border: 1px solid rgb(170, 193, 214);
	background-color: white;
	overflow: auto;
	
	
	/*-moz-border-radius-topleft:5px; 
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;*/
}

#infoArea img
{
	padding: 5px;
}

#infoContent
{
	padding: 1px;
	
}

.infotablehead
{
	text-align:right;  
	background-color: white;  
	border-spacing:0px;  
	font-weight: bold;
	padding:4px;
	/*width:20%;*/
	height:20%;
}
    
.infotablebody
{
	text-align:left;  
	background-color: #EBF8FE;  
	border-spacing:0px;  
	padding:4px;
	width:79%;
}


.infotablesubhead
{
	text-align:right;  
	background-color: #EBF8FE;  
	border-spacing:0px;  
	font-weight: bold;
	padding:4px;
}

.infotablesubbody
{
	text-align:left;  
	background-color: #EBF8FE;  
	border-spacing:0px;  
	padding:4px;
	
}

.dasmiweb
{
	font-weight: bold;
	font-style: italic;
}

.top
{
	font-size: 80%;
	color: red;
	margin-left: 10px;
	
}

.help
{
	padding-left: 10px;
	float: none !important;
}



/***************************************************
*                 CONFIG AREA
* Config are initially hidden, containing information
* on available sources
***************************************************/
#configArea
{
	overflow: hidden;
	margin-top : 15px;
	border: 1px solid rgb(170, 193, 214);
	/*-moz-border-radius-topleft:5px; 
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;*/
}

#sources
{
	width: 100%;
}

.newEntry
{
	width: 100%;
}

#newEntrySelection{
	padding-top: 7px;
	font-weight: bold;
	text-align: center;
	width: 100%;
	height: 30px;
	background-color: #CCD8E5;
	border: 1px solid rgb(170, 193, 214);
	cursor: pointer;
}

#newEntrySelection:hover{
	background-color: #003366;
	color:white;
}
/*
#newEntrySelection1{

	cursor: pointer;
	float: left;
	width: 45%;
	height: 50px;
	padding: 0px;
	background-color:white;
	border: 1px solid rgb(170, 193, 214);
}

#newEntrySelection2{

	cursor: pointer;
	float: left;
	margin-left: 100px;
	width: 45%;
	height: 50px;
	padding: 0px;
	background-color:white;
	border: 1px solid rgb(170, 193, 214);
}*/

#newEntryFile{
	background-color: white;
	padding: 10px;
}


	
.newEntryTableHead
{
	text-align:right;  
	background-color: white;  
	border-spacing:0px;  
	font-weight: bold;
	padding:4px;
	width:150px;
	
}

.newEntryTableQ
{
	background-color: white;  
	border-spacing:0px;  
	padding:0px;
	width:18px;
	
}
    
.newEntryTableBody
{
	text-align:left;  
	background-color: #EBF8FE;  
	border-spacing:0px;  
	padding:4px;
}

.newEntryOptional
{
	font-size:8px;
}
    
/*****************************************
 QUICK CONFIGURATION AREA SLIDING IN FROM THE RIGHT
*******************************************/
#quickConfig
{
	z-index: 50;
	font-size: 10px; 
	color:#003366;  
	position: fixed;
	bottom: 50%;
	right: 0px;
	width: 225px;
	height: 120px;
	background-color: #ffffff;
	border-bottom: 1px solid #003366;
	border-right: 1px solid #003366;
}

#quickConfig a
{
	text-decoration: none;
}

#quickConfig a:hover
{
	text-decoration: underline;
}

#quickConfigHead
{
	text-align: center;
	font-weight: bold;
	font-size: 11px; 
	color:#ffffff;  
	width: 225px;
	height: 15px;
	background-color: #003366;
}

#quickConfigHide
{
	background-repeat: no-repeat;
	cursor:pointer;    
	position: absolute;
	left:0px;
	top:0px;
	width:15px;
	height: 100%;
	background-color: #003366;
	border-right: 1px solid #003366;
}

/* The >> resp << showing or hiding the quick conf*/
#quickToggleQuick
{	
	cursor:pointer;    
	position: absolute;
	top:38%;
	color:#ffffff;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

#quickConfigClose
{	
	background-repeat: no-repeat;
	cursor:pointer;    
	position: absolute;
	top:0px;
	right:2px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

#autoMappingStatus
{
	font-weight:bold;
}

#emptyColsStatus
{
	font-weight:bold;
}

#clearInteractions
{
	color:red;
}





#sourceDetailsArea
{
	padding: 5px;
	z-index: 50;
	font-size: 10px; 
	color:#003366;  
	position: fixed;
	bottom: 0px;
	right: 0px;
	width: 300px;
	
	background-color: #ffffff;
	border-top: 1px solid #003366;
	border-left: 1px solid #003366;
}

#sourceDetailsArea img
{
	position: fixed;
	right: 5px;	
	cursor: pointer;
	float: none !important;

}


#sourceDetailsHead
{
	text-align: left;
	font-weight: bold;
	font-size: 14px; 
	color:#003366;  
	background-color: #ffffff;
	border-bottom: 1px dotted #003366;
}

#sourceDetailsBody
{
	padding-top: 5px;
	font-size: 12px; 
	color:#003366;  
	background-color: #ffffff;
}





#qm
{
	position: absolute;
	top: 235px;
	left: 740px;
	/*width: 500px;*/
}




/*Postions here are useless, positionoing is determined in redrawFixedDivs()*/
#export
{
	position: absolute;
	top: 235px;
	left: 600px;
	width: 150px;

}

#downloadArea
{
	color: white;
	background: #AAC1D6 none repeat scroll 0%;
	position: absolute;
	top: 265px;
	left:600px;
	width: 270px;
	/*height: 20px;*/
	padding: 4px;

}

#downloadClose
{
	position: relative;
	left: 15px;	
	cursor: pointer;
	float: none !important;
}



.ttVis
{
	display: inline;
}

.ttUnvis
{
	display: none;
}

/***************************************************************
* 
***************************************************************/

#tooltip
{
	font-size: 10px; 
	color:#003366;  
	position: fixed;
	bottom: 0px;
	right: 0px;
	width: 205px;
	height: 85px;
	background-color: #ffffff;
	border: 1px solid #003366;
	
}

/***************************************************************
* Main area containing all interactions 
***************************************************************/
#mainArea, #choiceArea, #batchArea
{
	overflow:auto;
	margin-top : 15px;
	background-color: white;
	border: 1px solid rgb(170, 193, 214);
	/*-moz-border-radius-topleft:5px; 
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;*/
}

.mainHide
{
	display: none;
}

.mainShow
{
	display: block;
}


  
.sourcehead 
{
	width:20px;
    height:117px;
	margin:0em !important;
}

.sourceheadstat
{
    font-size: 9px;
	width: 20px;
    color: #A9A9A9;
    text-decoration:none;
    height:16px;

}

.sourceheadstatX
{
    color: red;
	font-weight: bold;

}

.nameClass
{
	width: 80px;
	overflow: hidden;
	/*white-space: nowrap;*/
}

.idClass
{
	width: 80px;
	overflow: hidden;
	/*white-space: nowrap;*/
}


	
.description
{
	width: 400px;
	overflow: hidden;
	/*white-space: nowrap;*/
}


.source
{
	width: 100%;
}

.formHelp 
{
	font-size:9px; 
	color:red
}
    

#noScript 
{
	font-size:12px; 
	color:red;  
	font-weight: bold;
	width:500px; 
	border-width:2px; 
	border-color:red; 
	text-align:justify;

}

.serverError
{
	font-size:12px; 
	color:red;  
	font-weight: bold;
	/*padding:100px;  
	padding-top:10px; 
	width:500px; 
	border-width:2px; 
	border-color:red; 
	text-align:justify;*/
}

.newDot
{
	margin-left: 5px; 
	list-style-type:none !important;
}

.buttonRow
{ 
        background:#ffffff; 
        text-align:center
}

table 
{ 
	border-collapse: collapse; 
        /*border-spacing:1px; */
    /*background:#E7E7E7; */
	background: white;
	margin-bottom:1px;
        /*width:750px;*/
}

td.betterhover, #interactionsTable tbody tr:hover
{
 background: LemonChiffon;
}
	
thead th 
{  
        text-align:center;  
    	background-color: white;  
    	border-spacing:0px;  
    	vertical-align:bottom;  
    	padding:0;
		border:1px solid #eeeeee;
}

	
tbody 
{  
	font:11px 'Verdana', Arial, Helvetica, sans-serif;  
	color:#666666;
}

table.sortable a.sortheader 
{ 
    	background-color:white; 
    	color:#666666; 
    	font-weight: bold; 
    	text-align:center;  
    	display: block; 
}

table.sortable span.sortarrow 
{ 
	color: black; 
	text-decoration: none; 
}


td, th
{
	padding:1px;
}


tbody tr th
{
	font-weight:bold;
}


tbody tr
{
	text-align:left;
}

.highlight
{
	background: yellow;
}

.detailHeader
{
	font-weight: bold;
	padding-right: 10px;
}

    
#interactionsbody tr.complex
{ 
	background:#E4EFD1; 
	font-weight: normal;
}

#interactionsbody tr.odd, #choicebody tr.odd, .odd
{ 
	background:#ffffff; 
	font-weight: normal;
}
	
#interactionsbody tr.even, #choicebody tr.even, .even
{ 
	background:#EBF8FE; 
	font-weight: normal;
}
	
#interactionsbody tr.oddHighlight
{ 
	background:#ffffff; 
	/*background:#fff5da; */
	font-weight: bold;
}

#interactionsbody tr.evenHighlight
{ 
	/*background:#ffecb6; */
	background:#EBF8FE; 
	font-weight: bold;
}

/* grey background when hovering over table rows*/
#interactionsbody tr.even:hover, .even:hover
{
	background-color: #CCD8E5;
}	
	
#interactionsbody tr.odd:hover, .odd:hover
{
	background-color: #CCD8E5;	
}	

#interactionsbody tr.complex:hover
{
	background-color: #C1CFA8;
}
	
#interactionsbody tr.evenHighlight:hover
{
	background-color: #CCD8E5;	
}	

#interactionsbody tr.oddHighlight:hover
{
	background-color: #CCD8E5;	
}


tbody tr.inactiveExpSource
{ 
	background:#EAEFD1; 
	color:#999999;
	border-top:1px solid #ffffff;
}

tbody tr.inactivePredSource
{ 
	background:#FFF9DF; 
	color:#999999;
	border-top:1px solid #ffffff;
}

tbody tr.inactiveQMSource
{ 
	background:#E0E9EF; 
	color:#999999;
	border-top:1px solid #ffffff;
}

tbody tr.activeExpSource 
{
	background:#D5EF59;
	color:#666666;
	border-top:1px solid #ffffff;
}

tbody tr.activePredSource 
{
	background:#FDE685;
	color:#666666;
	border-top:1px solid #ffffff;
}

tbody tr.activeQMSource 
{
	background:#A4D6F5;
	color:#666666;
	border-top:1px solid #ffffff;
}


tbody tr td
{
	padding:4px;
	border:1px solid #eeeeee;
}
    

tbody tr td h2
{
        background:#fff9d0 none repeat scroll 0%;
        font-family:Verdana,Arial,Helvetica,sans-serif;
        font-size:100%;
        /*font-size-adjust:none;*/
        /*font-stretch:normal;*/
        font-style:normal;
        font-variant:normal;
        font-weight:bold;
        line-height:1;
        margin:0pt;
        padding: 3px
}
	

tbody tr td.interDet
{ 
	background:#fff9e8; 
	/*border-top:1px solid #D58356;*/
}


#mainH1
{
/*	float:left;
	width:100%;*/
	height: 24px;
}


.dotLink
{
	cursor:pointer;    
	text-align:center;
}

.bp
{
        font-size:8px; 
        font-weight:bold; 
        color:#003366;
        text-align:center;
		vertical-align:middle;
}

.nobp
{
        font-size:8px; 
        color:#003366;
        text-align:center;
		vertical-align:middle;
}

.dot
{
	cursor:pointer;
	background-color:#AAC1D6;
	border: 1px solid #000000;
	width:  18px;
	height: 21px;
}	

.dotConv
{
	cursor:pointer; 
	background-color:#AAC1D6;
	border: 1px solid #000000;
	/*background-color:#bebebe;
	border: 1px solid #ffffff;*/
	width:  18px;
	height: 21px;
}

.dotWhite
{
	cursor:pointer;
	background-color:#ffffff;	
	border: 1px solid #003366;
	width:  18px;
	height: 21px;
}	
	
.dotInactive
{
	cursor:pointer;
	background-color:#dbdbdb;
	border: 1px solid #ffffff;
	width:  18px;
	height: 21px;
}		

.dotPositive
{
    cursor:pointer;
	background-color:#003366;
	border: 1px solid #ffffff;
	width:  18px;
	height: 21px;
}

.dotNegative
{
    cursor:pointer;
	background-color:red;
	border: 1px solid #000000;
	width:  18px;
	height: 21px;
}


.dotarea
{
	padding: 0px;
	width:  20px;
/*	height: 20px;*/
	vertical-align: bottom;
	
}

.activeDot
{
	padding: 0px;
	width:  20px;
	height: 20px;
}

.openDetailDot
{
	border: solid 1px #D58356;
	background: #fff9e8;
	position:absolute;

	cursor:pointer;
	/*top: 500px;
	left: 500px;*/
	width: 18px;
	height: 21px;
    text-align:center;
	vertical-align: bottom;  	  	
	color:  #D58356;
	font-size:80%;
	font-weight: bold;
/*	z-index: 100;*/

}


.detailTable
{
	width:100%;
}
 
tr.inactiveDetailAttr
{
	color:#BFBFBF;
}
tr.inactiveDetailAttr a
{
	color:#BFBFBF;
}
 
.detailAttr
{
	width: 200px;
		background-color: #FFF9E8;  
        text-align:right;  
    	border-spacing:4px;  
    	font-weight: bold;
    	padding-right:10px;
    	padding-left:10px;
		
}

.detailOtherInteractions
{
		background-color: #FFF9E8;  
        text-align:left;  
    	color: #849F55;
    	font-weight: bold;
    	padding-left:120px;
		padding-top:10px;
}

.detailOtherInteractions
{
		background-color: #FFF9E8;  
        text-align:left;  
    	color: #D58356;
    	font-weight: bold;
    	padding-left:120px;
		padding-top:10px;
}

.detailValue
{
        text-align:left;  
    	background-color: #FFF9E8;  
		border-spacing:0px;  
		padding:4px;
}

.detailHead
{
        border-bottom-style: dashed ;    
        border-bottom-color: #d5bc95; 
        border-bottom-width: 1px;
        text-align:left;  
        font-weight: bold;
    	border-spacing:4px;  
        color:#d58356;
        padding-right:20px;
    	padding-left:20px;
		margin-bottom:5px;
		margin-top:7px;
}

.detailHeadInteractor
{
        border-bottom-style: dashed ;    
        border-bottom-color: #849F55; 
        border-bottom-width: 1px;
        text-align:left;  
        font-weight: bold;
    	border-spacing:4px;  
        color:#849F55;
        padding-right:20px;
    	padding-left:20px;
		margin-bottom:5px;
		margin-top:7px;
}

.noDetail
{
        text-align:center;  
        font-weight: normal;
    	border-spacing:4px;  
        color:#d58356;
        padding-right:10px;
    	padding-left:10px;
}
    




#coordiateSystems
{
        font-size:110%;
        font-weight: bold;
        background: #FAFAF4;
        padding-left: 10px;
        padding-top: 10px;
}

.domemall
{
	width: 35px;
}

.domemall img
{
	cursor:pointer;    
	float: none !important;
}



.inactiveTab
{
        padding-left: 5px;
        padding-right: 5px;
        color: #003366;
}
    
.activeTab
{
        padding-left: 5px;
        padding-right: 5px;
  	color: #F7F7F6;
	background: #003366;
}

#csList 
{ 
	padding:3px 20px; 
	margin:0.1em 0 0 0; 
}
    
#csList li 
{ 
	list-style:none; 
	display:inline; 
	margin:0; 
}

#csList li a 
{ 
	border:1px solid #bbb; 
	padding:3px 0.5em; 
	margin:0px;
	text-decoration: none;
	/*-moz-border-radius-topleft:7px; 
	-moz-border-radius-topright:7px;*/
}

#csList li a.linkSelected 
{ 
	background:#ffffff; 
	border-bottom:2px solid white;
	padding-top:5px; 
	font-size:100%;
}
    
#csList li a.linkUnselected 
{ 
	color: #666666;
	background: #eeeeee; 
	border-bottom:1px solid #eeeeee; 
	font-size:90%;
}

#csList li a.linkUnselected:hover
{ 
	color: #003366;
}


.newSourceText
{
	font-weight: bold;
	width:100px;
}

.tutorialImg
{
	border:1px solid #003366; 
	float: none !important;
	

} 

.tutorialArrows
{
	text-align: center;
}