/*************************************************************/
/*  	css-style sheet elements                             */
/*          to complete/replace copernicus.css 		     */
/*************************************************************/

/*
	ORIGINAL PALETTE FROM macc.css:
		#739AB5 (blue-grey)         : main menu background, etc.
		#E7EBEF (light blue-grey)   : submenu background, etc.
                #092360 (dark blue)         : heading text, special text
                #F0F0FF (light blue)        : backgroud heading text
	
	collected PALETTE from copernicus.css and others:
                #62C4DD (turquoise)         : main menu background
                #E0E0E0 (very light grey)
                #44A1B8 (darker turquoise)
        added for theme_201812
                #BABABA (grey)
                #D0D0D0 (light grey)

	Properties are listed in the exact same order as they are in the template file
	.name stands for <tag CLASS="name" ...
	#name stands fot <tag ID="name" ...
*/



#left_side_col{
	float : left;
	width : 180px;
}

#main{
	padding : 0 0 10px 195px;
}


/* local menu */

.menubox{
	background : #E0E0E0;
	width : 100%;
	margin-bottom : 15px;
	font-size : 14px;
	font-family :  Verdana, Arial, sans-serif;
}

.menubox .mainlink,
.menubox .mainlink2{
	display : block;
/*	background : #44A1B8; */
	font-weight : bold;
	text-decoration : none;
	padding-left : 5px;
	color : #000;
	border-bottom : 2px solid #FFF;
}

.menubox .mainlink2{
/*	background : #62C4DD; */
/*	color : #FFF; */
	color : #44A1B8;
}

.menubox ul,
.menubox li{
	margin : 0;
	list-style-type : none;
}

.menubox ul{
	padding : 0;
}

.menubox li{
	padding : 2px 0 0 15px;
	border-bottom-style : solid;
	border-bottom-width : 1px;
}

.menubox li.standard{
	border-bottom-color : #FFF;
	color : #000;
}

.menubox a{
	color : #739AB5;
	text-decoration : none;
}

.menubox li.thirdlvl{
	border-bottom-color : #E7EBEF;
	background-color : #FFF;
}


/* for tables with mosaic of plots
*/


.form_0{
        font-size : 14px;
}

.form_0 .button1 {
        border-style : solid;
        border-color : #E0E0E0 #D1D1D1 #BABABA;
        border-width : 1px;
        border-radius : 0.25rem;
        padding : 6px;
        font-size : 12px;
        color : black;
        background-color : buttonface;
        cursor : pointer;
        -webkit-appearance : button;
}

.form_0 .button1[disabled] {
        cursor : default;
        color : #BABABA;
}

.form_0 input {
        border : 1px solid #BABABA;
        font-size : 12px;
        padding : 6px;

}


.plotmosaic td,
.plotmosaic th{
	border : 1px solid #E7EBEF;
	cursor : pointer;
}

.plotmosaic .colhead{
	color : #739AB5;
	font-size : 20px;
}


/* figures with captions in a table */
.figure_0{
	font-family :  Verdana, Arial, sans-serif;
}        

/* link to outside this site */
.ext_link{
	background : url(extlink.png) right no-repeat;
	padding-right : 10px;
}

/* poor man's rendering of code snippets */
.code_s{
	font-family : Courier, monospace;
	padding : 0 2px;
	background-color : #F0F0FF;
	color : #092360;
}

/* text referring to curves in graphics */
.redcurve{
        color:red;
        font-weight:bold;
        font-style:italic
}

.bluecurve{
        color:blue;
        font-weight:bold;
        font-style:italic
}


/* poor man's rendering of fractions :
    sample HTML usage:
        <div class="frac">
          <span>numerator</span>
          <span class="symbol">/</span>
          <span class="bottom">denominator</span>
        </div>
*/
.frac { display: inline-block;
    position: relative;
    vertical-align: middle;
    letter-spacing: 0.001em;
    text-align: center;
}
.frac > span {
    display: block;
    padding: 0.1em;
}
.frac span.bottom {
    border-top: thin solid black;
}
.frac span.symbol {
    display: none;
}


/* provision for overlay to map plots *NOT USED YET*
*/

.stationoverlay{
	width : 8px;
	height : 8px;
	position : relative;
	background : #FC0000;
	border : 1px solid #FC0000;
	cursor : help;
}

.stationoverlay:hover{
	background : #FFF;
}

.stationoverlay span{
   display: none; 
}

.stationoverlay:hover span{
   display: inline;
   position: absolute;
   white-space: nowrap;
   top: 30px;
   left: 20px;
   background: white;
   padding : 3px;
   border: 1px solid #FC0000;
}