html{
	position:relative;
	min-height:100%;
}


body {
    margin: 0 0 30px; /* bottom = footer height */
}

#content{
	/*min-height:66%; /*needed otherwise the globe does not show up when to little text is being shown
	and the fotter is not set properly*/

}

/************************************************************************************************************
     content start
**************************************************************************************************************/


div#content.wide{
 /*background-image:url(images/Globe.gif);
 background-repeat:no-repeat;*/
 /*min-height: 500px;
 max-width:650px;
 padding-right:0px;*/
 /*width: 740px;*/


/*width: 730px;*/
/* width:65%;*/
 width:80%;
 float:left;
 padding-left:10px;
 	/*height:90%;*/
/*	padding-bottom: 80px;*/
 
 
 /*background-color:#0F3;    /*border-right: 1px solid #d4d5d5;*/
}



/************************************************************************************************************
     left side menu
**************************************************************************************************************/

div #SideNavLeft{
	margin-left:15px;
	padding-bottom: 150px;
}


/************************************************************************************************************
     old right side now top menu
**************************************************************************************************************/
div.datatable {
    border: 0px none;
    clear: right;
    float: left;
    padding-left: 10px;
	padding-bottom: 150px;
}

div.SideNavTitle{
 /*display:none;*/
 background-color:#85b0d9; 
}


.SideNavHeader {
/*  padding: 10px;
  display:inline;
 */
  background-color:#85b0d9; 
}

div#page_info{
  float: none;
  
}

#page_info{
float: inherit;
 top:200px;
 padding-left: 10px;
}

#page_info_top{
float: inherit;
 padding-top: 10px;
 padding-left: 10px;
 padding-bottom:50px;
}

#SideNavRight {
 /*position:   absolute;*/
 /*position: relative;*/
 float: left;
 width:    600px;
 left: 0px;
 border:  solid 2px #B3CDE8;
 /*bottom:421px;*/
}

#SideNavRight .button:hover{
 
 background-color:#6FA8FF;
 color:#FFF;
}



div#ModuleBar{
	height:50px;
}

#ModuleBarFrame{
	height:    50px;  /**same as footer*/
}

#ModuleBarMiddle {
		position:relative;
		float:right;
		top:13px;
	    height:    50px;  /**same as footer*/
	 	bottom:0px;
}

#admin_mode{
		position:relative;
		color:#800000 ;
		top:5px;
		left:40px;
		font-size:18px;
}

#container{
	 /*height:100%;*/
	position:relative;
	/*min-height:100%;*/
	margin: 0 auto -150px;

}


#Banner{
	height:100px
}

div.gains_id {
    position: absolute;
    height: 30px;
    right: 100px;
    top: 85px;
    font-size: 12px;
}

#Banner div.banner_version {
	left:265;
}

#Banner div.banner_description{
	width:400px;
}

#gains_banner{
	border-bottom:  solid 1px #9CC3E0; 
		height:    150px;
		 background-color:9CC3E0;
		  box-shadow: 0 0 15px #00214B;
}


#gains_banner .logo_iiasa{
	position:absolute;
	left: 300px;
	top: 16px;


}
	
#gains_banner .banner_gains{
	position:absolute;
	height:    30px;
	width:    150px;
	float:    left;
	clear:    none;
	font-size:   38px;
	color: #69C;
	left: 393px;
	top: 31px;
}
#gains_banner .banner_version{
	position:absolute;
	height:    30px;
	width:    auto;
	float:    left;
	clear:    none;
	font-size:   38px;
	color: #FC6;
	left: 550px;
	top: 30px;
}
#gains_banner .banner_description{
	position:absolute;
	height:    30px;
	width:    250px;
	float:    left;
	clear:    none;
	font-size:   10px;
	left: 53px;
	top: 92px;

}


#small_descr.ellipsis:before {
	content: ' ';
    visibility: hidden;
	
}
#small_descr.ellipsis span {
    position: absolute;
	
    left: 5%;
	width:80%;
    right: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	border-color:#FFF;
	border-width:thin;
	border-style: solid;
	border-collapse: separate;

}

div.dropdown{
	top:20px;
}





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

#footer{
    /*position: fixed;  RS20181019*/ 
    left: 0;
    bottom: 0;
    height: 50px;
    width: 100%;
	text-align:center;
	background-color:9CC3E0;
	margin-top:10px;

}

#footer a{
	color:#FFF;
	text-decoration:none;
}

#footer a:hover{
	color:#000;
}


#footer_v0{
    position: fixed;
    bottom: 0;
    width: 100%;
 /*width:    970px;*/
 width:100%;
 height:80px;
 background-color:9CC3E0;
 float:    left;
 /*top:    20px;*/
 border-top:   solid 1px #9CC3E0; 
 margin:    40px 0px  0px 0px;
 text-align:   center;
/* text-shadow: 0 1px 0 #84BAFF;*/
 box-shadow: 0 0 15px #00214B;
 text-align:center;
 vertical-align:top;
 padding-top:20px;

}