html {
        margin:0;
        padding:0;
        /* overflow: scroll; */ /*forces scroll bar x and y */
        /* height: 101%; */
        overflow-y: scroll;
}
 
 /*font-size: 87.5%; for IE */
 	/*http://www.w3schools.com/css/tryit.asp?filename=trycss_font-size_percent_em
	The solution that works in all browsers, is to set a default font-size in percent for the body element:*/ 

body {
  	font-family: Verdana, Arial, Helvetica, sans-serif;  
	text-align:left; 	 
         font-size: 90%;  
	margin:0;
	padding:0;
	background: #fff;   
}  

/* padding does not change width
 This solution can be implemented without using additional wrappers.
This will force the browser to calculate the width according to the "outer"-width of the div, it means the padding will be subtracted from the width.*/
 
p, td, th,table, li, div {
	color:#334;
 	line-height:1.45em; 
	text-decoration:none;
	text-align:left;  
 } 
 td, th, table {
 	font-size:1em;  
 }
 
  
.container {
  content: "\2666";
}
 
 abbr {
        text-decoration:none;
 }
 
/* sup { vertical-align: top; font-size: 0.6em; } */
/* Another hack you could try is to use positioning to move it up a bit without affecting the line box: */

sup {  vertical-align: top; position: relative; top: -0.5em;  font-size: 0.7em; }

sub {  vertical-align: bottom; position: relative; bottom: -0.5em;  font-size: 0.7em; }

/*links color*/
.link, a:link, a,  a:visited {
	text-decoration:none;
	color:#0020a0;
}
 
 
a:active {
	text-decoration:underline;
	color:#ff1111;
}

.link:hover, a:hover {
	text-decoration:underline;
	cursor:pointer;
	
}

/*fix for mozilla 1*/
#header  a:hover
{
	 text-decoration:none ;
}

hr {
	border: 0;
	color: #9e9e9e; 
	background-color: #9e9e9e;  
	height: 1px;
	width: 100%;
}


.textbody {
	max-width:900px;
        width:98%;
  	font-family:Arial,Helvetica,sans-serif; 
	color: #f00;
  	font-size:1.3em;  
	line-height:1.35em;
        text-decoration:none;
       
	 /*anti aliasing */
/*   	text-shadow: 0 0 1px rgba(51,51,51,0.5);*/  
}
.textbody,  .textbody p {
	color: #000;
	
}
 
.textbody ol, .textbody ul {
        margin-left:2%;  
/*         padding-inline-start:-10px; */
/*         margin:0; */

 }

ul li { font-size:1.05em;}
 
 
 .listbox li , .textbody ul li {
        position:relative;
        display:inline-table;
        min-width:200px;
/*         max-width:375px; */
        max-width:40%;
        min-height:60px;
        padding:10px;
        margin:10px 5px;
        border-radius:8px;
        border:1px solid #eee;
        background:#f1f1f1;
        transition:1s;
        
 }
.textbody ul li:hover {
         box-shadow: 0 0 5px #ccc;
}
  .textbody ul li ul {
          background: white;
          
  }
#article {
        display: block;
        max-width:1000px;
}
#author {
        display:block;
        font-style:italic;
        font-size:0.9em;
        margin:0.75em 0;
        
}
.readtext {
        font-size:1.25em; 
        max-width:900px; 
 	width:98%;
/*           word-break:break; */
/*          border:1px solid red;  */
}
/* > force uniquement les enfants directs de .readtext */
.readtext > p:first-of-type {
  font-size: 1.1em;
/*   font-family: Verdana; */
/*   font-weight:bold; */
}

/*citations in Cambridge and Oxford*/
blockquote 
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif;
         
        display:block;
        
	clear:both;
	right:0;
	
	color: #999;
  	font-size:1.3em;  
	line-height:1.5em;
	
 	padding:10px 20px;  
 	margin:10px 10px 20px 10px;  
        
	border-right:4px solid #ddddee;
        border-bottom:4px solid #ddddee;
        border-radius:8px;
        box-shadow: 2px 2px 5px #ccc;
        background:#f4f4f4;
        background-image:linear-gradient(#eeeeee,#ffffff,#fafafa);  
         
/* 	 margin-left:-5%; */
}
blockquote cite { color:#777; font-size:0.8em; }
blockquote p {margin:0; padding:0;}

q {
    color: #555;
}

.text {
        color:#222;
        font-size:1em; 
        line-height:1.45em;
        text-decoration:none;


}
.secure {
    color:#070;
}

 

.bf,.textbf, .bold {
    font-weight:bold;
}
 /*colors*/
.black, .color000 {color:#000;}

.fff, .white, a.white, a.fff {color:#ffffff;}
a.lightgray, .lightgray {color:#cccccc;}
a.vlgray, .vlgray {color:#eeeeee; background:#eeeeee;}
a.gray, .gray, .color999, a.color999 {color:#999;}
 
.darkgray {color:#555;}
.color666 {color:#666;}
.brown { color:#7C6053;}

.blue, .color00f {color:#00f;}
.deepblue  {color:#008;}
.darkblue, .darkBlue {color:#009;}

.dark_yellow {color:  #b38f00}

.lightgreen{color:#0f0;}
.green{color:#0d0;}
.darkgreen, .darkGreen  {color:#070;}

.magenta{color:#d0d;}
.darkmagenta, .darkMagenta  {color:#707;}

.purple{color:#a020f0;}
.darkmagenta, .darkMagenta  {color:#301934;}

.orange{color:#d50;}
.darkorange, .darkOrange  {color:#730;}

.pink  {color:#ff35b8;}
.darkpink  {color:#bf0588;}

.red{color:#f22;}
.darkRed, .darkred  {color:#700;}
.lightred, .lightRed {color:#faa;}

.yellow {color:#cc0;}
.darkyellow, .darkYellow  {color:#aa0;}

.white, .colorfff {color:#fff;}
 
.comment { color:#777;}
.important { color:#908;}
.success { color:#064;}

.bgWhite { background:#fff;}
.bgGray { background:#eee;}
.bgDarkGray { background:#aaa;}

.bgLightGray { background:#f4f4f4;}
.bgLightRed { background:#fff4f4;}
.bgLightGreen { background:#f4fff4;}

.bgBlack { background:#000;}
.bgRed { background:#f00;}
.bgDarkRed { background:#600;}
.bgGreen { background:#0f0;}

.larger {
	font-size:1.1em; 
	line-height:1.25em;
}

.largetext, .large {
	font-size:1.2em; 
	line-height:1.3em;
}
.verylarge, .vl {
	font-size:1.6em; 
	line-height:1.2em;
}
.huge
{
	font-size:2.0em; 
	line-height:1.5em;
}
.veryhuge
{
	font-size:3em; 
	line-height:1.6em;

}

.smalltext, .smalltext2 , .st, .small  {
	font-size:0.9em; 
  	line-height:1.3em; 
}
.smaller  {
	font-size:0.85em; 
 }
.muchsmaller {
        font-size:0.7em; 
}
 .verysmalltext, .vs {
	font-size:0.8em; 
  	line-height:1.2em; 
	font-family:Helvetica, Arial, sans-serif
} 
.tiny {
	font-size:0.7em; 
  	line-height:1.1em; 
	font-family:Helvetica, Arial, sans-serif
}

.footnote,.footnote:link {
        color:#777777;
        /* font-size:10px; */
        /* line-height:14px; */
        font-size:0.9em; 
        line-height:1.2em; 
        font-family:Helvetica, Arial, sans-serif;
        text-decoration:none
}

.footnote:hover {
        color:#3077b3;
        text-decoration:none
}

 
   
.bottom{
	width:99%;
	font-size:1.25em;  
	font-family:Arial,Helvetica,sans-serif;
	padding:10px 2px 2px 2px;
	text-align:center;
	clear:both;
}

.bottom,   .bottom a,  .bottom a:link, .bottom a:visited, .bottom a:hover {
	color:#bbb;
	text-decoration:none;
}
.bottom a:hover {
	color:#aaaaff;
	text-decoration:underline; 
}

.bottom .sep { padding:0 0.5em;}

#copyright { 
        font-weight:normal; 
        margin:0;
        padding:0;
/*     border:1px solid yellow; */
}

.ttip {
        border:1px solid #000;
        font-size:1.1em;
        background:#f4f4ff
}

/*text colors*/
.black { color:#000;}
.url_color { color:#226622;}


/*table*/

table {
	border-collapse:separate;
	/*cell spacing=0 try collapse*/
	border:0; 
}

/*cell padding=0*/
td  {
	padding:0; 
	vertical-align: top;
}
.data_table td, .data_table th {

        padding:10px 5px;
}
.data_table tr:hover {
             background:#eee;
}
.data_table td:hover {
        
                background:#f4f4f4;
}

 .table_header {
        background:#f4f4f4;
        font-weight: bold;
        font-size: 1.1em;
}

.table_header th {
        border-bottom:1px solid #999;
}

.table1 {
	background:#f4f4f4
}
.table1  td  {padding:0.25em;}

.smalltable  {
        margin:0;
        padding:0;
        font-size:0.9em;
        line-height:0.9em; 

        border-spacing : 0;
  
        border-collapse:collapse;
}
.row:hover {
        background: #f1f1ff;
        color:#000;
}
p {
    padding: 0.4em 0 0.7em 0;
   
} 
 /*reset padding inside a list */
.textbody ul { 
    display:block;
    
    width:99%; 
    
    /*for aligning correctly with floated div boxes -> Safari*/
/*     display:block;  */
/*      border:1px solid blue;   */
    
}

 
li p { padding:0;}
 
ul li  {
    
    list-style-type: disc; /*list-style-type:circle ;*/
    /* vertical-align:middle; */
    margin: 0 0 0 8px;
    padding:0 0 5px 0;

}

/*sub list*/
ul li ul li {
    
    list-style-type: circle; /*list-style-type:circle ;*/
    /* vertical-align:middle; */
    margin: 0 0 0 4px;
    padding:0 0 3px 0;

}
.textbody ul li {
 width:90%; /*compensate the left padding*/   
}

table ul { margin:0;} 
table ul li {
    margin:0;
    list-style-type: square;  
}

 ul.sidelist{
 
	font-family: Arial, Helvetica;
/* 	font-size:1.1em; */
 	padding:0 0 0.1em 0;
/*         border:1px solid red; */
}
ul.sidelist li 
{
	display:block;
        min-width:200px;
        list-style-type:none;
 	padding:0.2em 0 0.8em 0.2em; 
        margin:1em 0.2em 0.5em 0.8em;
        
	 background:#fff;
        border-radius:0.5em;
        box-shadow: 0 0 1em #eee;
        transition: all 0.4s;
}
.sidelist a{display:block;}
.sidelist a:hover{background:#ffffff;}
ul.sidelist li:hover {
     box-shadow: 0 0 15px #555;
}
/*bottom space for wire news on the left column */
#wire li { margin-bottom:10px;}

.longlist  li  { 
	list-style-type:none;
	font-size:0.9em;
	line-height:1.2em; 
	margin: 0 ;
	text-indent:-5px;
	padding:0 0 3px 0;
}


ul.horizontal_list {
    margin:0;
    display:inline;
    
} 

.horizontal_list, .horizontal_list li
{
	display:inline-block; 
	list-style:none;
	padding: 0 2px 0 2px;
}
.leftcolumn, .rightcolumn{padding-top:10px;}

td.leftcolumn,td.centralcolumn,td.rightcolumn,td.bottom {
background:#ffffff
}

 
h1 { 
/*  	font-family:Helvetica;  */
	font-size:2.6em;
	line-height:1.2em;
	font-weight:bold;
	text-align: left;
	border-bottom:1px solid #eee;
	 
/* 	padding:2px 0 5px 0; */
        padding:0;
	margin:5px 0 5px 0;
	color:#550011;
/*  	text-shadow: 0 0 1px rgba(101,0,51,0.3);   */
  
}
/*heading box*/
.heading1
{
	width:100%; 
	 padding-top:0.1em;
         padding-bottom:1em;
         position:relative;
          overflow:hidden;  /*-> includes floated div */
/* 	padding:0 0 0 5px; */
/* 	background: #ffffff; */
/* 	border:1px solid red; */
/* 	height:auto; */
}
 .heading1 img, .heading1 video {
         
	 display:inline-block;
         padding:5px; 
	 margin:8px 8px 0 0; 
	 border:1px solid #d1d1d1; 
	 background:#ffffff; 	  
	 max-width:40%;
/*         border: 1px solid red; */
        float:left;
}
.heading1_vspace {
/*         float:left; */
        width:100%;
/*          display:inline-block;   */
        height:4em;
/*         border:1px solid blue; */
}

 h2, h2 a, h2 a:link, h2 a:visited {
 
        display:block;  
        width:100%;   
        color: #550011;
  	font-weight:bold; 
	font-size:1.5em;
	line-height:1.3em;
	margin:0.1em 0 0 0;
	padding: 0.5em 0 0.5em 0;
        
        text-align:left;
         clear:left; /*move down until left margin is clear*/
/*   	border-bottom:1px solid #f1f1f1;   */
}

/*    div {border:1px solid red}   */

h3,  h3 a, h3 a:link, h3 a:visited,  .heading,  .heading a 
{	
	display:block;
  	width:100%;
	color: #332211;
	font-weight:bold; 
	font-size:1.2em;
	line-height:1.4em;
 	margin:0.1em 0 0.1em 0; 
 	padding:0.15em 0;  
/* 	border-bottom:1px solid #eee; */
}


/* h1, h2, h3 { border: 1px solid red; } */

 
.title3 {
     font-family: Helvetica, sans-serif;
     font-weight:bold; 
     font-size:1.5em;
     line-height:1.3em;
     padding:0.2em 0;
     width:100%;
/*      display:block; */
     
 }

h4 {	color: #634f00;
	font-size: 1.1em;
	margin:0;
	padding-bottom: 4px;
}
 .title4 {
/*      font-family:  Georgia, Times, serif;  */
     font-family: Arial, Helvetica, sans-serif;
     font-weight:bold; 
     font-size:1.3em;
     line-height:1.2em;
     padding:0.2em 0;
     width:100%;
/*      display:block; */
     
 }

/*.bg_shaded_off 
{
  	background: url('/image/bg_top.gif') repeat-x;  
}*/
/*for text below main title  "verylarge color666 bold*/
.subtitle {
        font-size:1.4em;
        line-height:1.3em;
        color:#444;
        font-weight:bold;
}
   



/* style for main title <h1> in job, event and edu ads*/
 
.hA, .hB {
        font-size:2.4em;
        line-height:1.6em;
        font-weight:bold;
        color:#010121;
        text-decoration: none;
        margin:5px 0 10px 0;
        padding:5px 5px 2px 0;
        background:white;
        max-width:90%;
}
 .hB {
        font-size:2.1em;
 }
 
#results_table {
    display:block;
    
    margin:2px auto;
    padding:2px;
    width:99%;
/*     min-width:98%; */
/*     max-width:98%; */
    background:white;
}

#results_table table {

/*     table-layout: fixed; */
/*   border:1px solid red;      */
   width:100%;
/* table-layout: fixed; */
  word-wrap: break-word;  
  background:white;
}
 
.framed_record {
/*     width:97%; */
/*      max-width:960px; */
    max-width:1400px;
    display:block;
 
    margin:0 auto;
    padding:10px;
    border:1px solid #eee;
    box-shadow: 0 0 10px #ddd;
    border-radius: 12px;
    background-image:linear-gradient(#ffffff,#fafafa,#ffffff);  
    transition: 0.5s all; 
}  
.framed_record:hover {
    
/*         background-image:linear-gradient(#ffffff,#fafafa,#ffffff); */
         box-shadow: 0 0 15px #bbb;
}
.banner_container {
        display:block;
        border-bottom:1px solid #aaa;
        padding:5px 0;
        margin:15px 0;
}

.adtitle {
	font-size:2.5em;
	line-height:1.2em;
/*   	font-family:  Arial, Helvetica, sans-serif;   */
	font-weight:normal;
	color:#010141;
	text-decoration: none;
	margin:0;
	padding:2px 10px 2px 10px;
/* 	background: #eeeeef; */
}
/*
body, nav, #navigation, #left, #right, .side2, .side2s, div, h1, h2, h3, h4, .adtitle, .hA, .hB, .heading { }*/
/* .readtext { font-size:99%;font-family: 'Open Sans', sans-serif; } */
 
.descriptor {
	display:block;
        vertical-align:top;
        line-height:1.3em; 
	font-size:1.2em;
	font-weight: bold;
	color:#505070;
        padding-left:1em;
/*  	min-height:2.0em; */
        
}
/*#Introduction br + strong {
    font-size:1.1em;
}*/

#Company {
          padding:0.2em 0 0.8em 0; 
}
.employer, .employer_st, .employer:link {
    display:block;
    color:#669;
    font-size:1.5em;
    line-height:1.3em;
    font-weight:bold;   
}
.employer_st {
    font-size:1.3em;  
    line-height:1.2em;
}
.department {
     display:block;
    color:#777;
    font-size:1.3em;
    line-height:1.1em;
    font-weight:bold;  
    margin:0.5em 0 0.25em 0;
}

.value_row {
        background:#fff;
}
.value_row td {
        padding-top:0.5em; /*vertical centering*/

    vertical-align:middle;
}
.value_row:hover{

    background:#f4f4f4;
    box-shadow: 0 0 2px #f0f0f0;
}
/*
.long_value_row {
    
     margin:3em 0 1em 0!important;   
      border-collapse:separate;   
      border-spacing:2em;  
}*/

.long_value_box {
        width:90%; 
        margin:2% 8% 2% 2%; 
        padding:0.2em 1% 1em 1%; 
        background:#f4f4f4;
        background-image:linear-gradient(#fafafa,#ffffff,#ffffff,#ffffff);  
        box-shadow: 0 0 4px #e1e1e1;
        border-radius:4px;
        transition:0.4s;
}
.long_value_box:hover{
    box-shadow: 0 0 6px #999;
/*       background:#f5f5f5; */
   
}
.long_value {
	display:block; 
	max-width:1100px; 
	width:95%; 
        margin-top:0.5em;
	padding-left:1em;
	font-size:1.2em;
}
.long_value_box h3 {
         font-size:1.5em;
}
.long_value h4 {
        font-size:1.1em;
}
#description {
        margin-top:1em;
}
.cell {
/*         display:block; */
        max-width:600px; 
/*         width:90%;  */
        text-align:left; 
        padding:1%;
        font-size:1.1em;
}

img {
        border:0;
        margin:0;
        padding:2px; 
        max-width:100%;
         height:auto;  
} 
 



/*<img class=banner */
.banner{ 
    display:inline-block;
    max-width:98%;
    max-height:300px;
    height:auto;
     padding:0;
        margin: 10px 20px;
/*        border:1px solid red;     */
}

.banner img {
                max-width:80%;
}


.example{ color:#717171;}
/*forms */
/*
select { 
color: #000000;
background: #ffffff;
border:#1a8ace 1px solid;
 }*/
select:hover { 
background: #e1e1e1;
}
 select { 
     margin:4px; 
     padding: 0.2em 1em;  
     color: #000; 
     background: #f4f4f4; 
     border: 1px solid #8181b1; 
     border-radius: 5px; 
     font-size:1.1em;
     line-height:1.2em;
/*      height:24px; */
}  

.select_box {
        width:90%;
        display:block;
        margin:0 auto 0.8em auto;
        padding:0.2em 1em;
/*      border:1px solid #eee;   */
        
}

.chosen-select {
         display:block;
         width:90%;
         text-align:center;
}

.chosen-container  {
         
         width:70%;
         max-width:80%;
        
}

.chosen-container-multi .chosen-choices {
    
        border-radius: 5px;
        font-size:1.1em;
}


/* -moz-border-radius: 5px; -webkit-border-radius: 5px;  */
.select_text
{
/* 	font-family:  Helvetica,sans-serif; */
	color:#222;
/* 	font-size:11px; */
/* 	line-height:13px */
	font-size:1.0em;
	
}
/*alert box for missing fields in formulars */
.alert { 
  
        width:90%;
        background:#ffcccc;
	border:2px solid #ff9999;
        margin:5px;
        padding:5px;
        box-shadow: 0 0 5px #622; 
}
 

 /*side menu */
 .bullet {
         display:inline-block;
 	margin:0 0 0 2px; 
	text-align:right;
	color:#880000;
	font-size:1.3em;
	line-height:1.1em;
        font-weight:bold;
 }
 
/*  .bg_f .bullet {font-size:2em;} */
 /*side menu styles */

.side2,.side2:link,.side2:visited,.side2s,.side2s:link {
	display:block;
	padding:10px 0; 
	font-size:1.4em;
	line-height:1.4em;
	color:#444;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-transform:none;
}

.side3, .side3:link,.side3:visited, .side3s, .side3s:link  {
        display:block;
	padding:5px 0; 
	color:#333;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.2em;
	line-height:1.2em;
	text-transform:none;
/*  	text-indent: -0.5em;   */
	padding-left: 0.5em;
}

.side4, .side4:link,.side4:visited, .side4s, .side4s:link {
        display:block;
	padding:3px 0; 
	color:#222;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	line-height:1.1em;
	text-decoration:none;
}

.side5,.side5:link,.side5:visited,.side5s,.side5s:link {
	padding:2px 0; 
	color:#444;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:1.1em; 
	text-decoration:none;
}
 
  /*
 a.side2,a.side2s,a.side3,a.side3s,a.side4,a.side4s,a.side5,a.side5s  {
	 display:block;
}  

a.side2:hover,a.side2s:hover,a.side3:hover,a.side3s:hover,a.side4:hover,a.side4s:hover,a.side5:hover,a.side5s:hover {
	color:#fff;
	background-color:#666;  
	text-decoration:none;
} */
  
.menucontainer_level3 a ,.menucontainer_level3 a:link
{
     display:block; 
     text-decoration:none;
     padding:5px 0 5px 5px ;
/*      border:1px solid blue;	 */
}
.menucontainer_level3 a:hover 
{
        color:#fff;
	background-color:#666;  
/* line-height:1.4em; */
/*         padding:0; */
       
}
 
#right a.side3:hover, #right a.side3s:hover, #right a.side4:hover, #right a.side4s:hover
{
	color:#fff;
	background-color:#666;  
	text-decoration:none;
	
} 

 .menucontainer {
	width:99%; 
	padding:10px 0 0 0 ;
	text-align:left;
        border-radius:0.8em; 
/*  	border: 1px solid red;   */
}
.menucontainer_level3
 {
	width:99%;
  	border-left: 1px solid #deeeff; 
        border-right: 1px solid #deeeff; 
	text-align:left;
	padding:5px 0 0 0 ;
}
 

/*menu box  on the left column */
.mb {
	display:inline-block;
	width:100%;
	/*padding:6px 0 2px 0;
        margin:0 0 0.2em 0; */
         margin:0.5em 0 0.2em 0;
        border-radius:0.4em;
/*         border: 1px solid red;  */
}
.bg_e, .bg_grey { background:#eee;   }
.bg_f, .bg_white { background:#fff;}
.bg_f4  { background:#f4f4f4;}

/*menu box left   ,  .mbox div:first-child   */
.mbl { 
	display:inline-block;
	height:15px; 
        min-width:20px;
}

/*menu box right */
.mbr { 
        vertical-align:top;
        display:inline-block;
	text-align:left; 
}
/*width of left box (menu on the left column) */
.lw3{width:5%;height:2em;margin-top:0.3em;}
.lw4{width:10%;}
.lw5{width:18%;}

.rw2{width:100%;  	}
.rw3{width:85%;  	}
.rw4{width:80%;  	}
.rw5{width:75%;  	}

/*debug menu left  */
/*#left { border: 1px solid green;  }
 .menucontainer,  .menucontainer_level3 {border: 1px solid red;}
 .mb {border: 1px solid blue;}
  .mbl, .mbr {border: 1px dashed green;}
*/
 
 
.mbox_right_selected
{
	padding-top:5px;  
	
}
.space20  {
	height:20px;
	width:100%;
	
}

.space10  {
	
	height:10px;
        width:100%;
	
}

.space3  { 
	width:100%;
	height:7px;
	
}

.space4 {
        height:5px;  
        width:100%;
	
}
 
 /* invisible line break to cut to long words or URLs*/
.ilb {
    display:inline-block; 
    width:0.001em;
}

 
 /* tlb is the text logo box like "jobs.myscience.ch" */
.tlb {
        overflow:hidden;  
	position:relative;
  	padding:0;
	margin:0;
/*         display:inline-block;   */
/*         border:1px solid red; */
        transition:0.2s;
 }
 h1 .tlb { 
     padding:5px 0 5px 10px;
     
}
#left .tlb, #right .tlb { 
     padding:5px 0 5px 4px;
}
.heading .tlb {
  display:block;   
}

.home { 
         display:block;   
	 width:100%;
	 
/* 	 border:1px solid red; */
}
.home .tlb {padding:12px 5px; }
 
.tlb a  {
	 text-decoration:none;
 }
 
.subdomain
{
        font-family:Helvetica,Arial, sans-serif;
	font-size:1.30em;
	font-weight:bold;
 
	 color:dark#header;
}
.dot {
	font-family:Georgia,Times,serif;
	color:#222;
	font-size:0.95em;
}
.myscience {
/*         font-family:Georgia,Times,serif; */
        font-family:Arial,Helvetica, sans-serif;
        color:#990000;  
        
	font-size:0.85em;
	 /*anti aliasing */
/* 	text-shadow: 0 0 1em rgba(101,0,51,0.3); */
 
}
.tlb:hover, .tlbh:hover{
	text-decoration:none; 
	border:0;
 	text-shadow: 0 0 3px #888;   
}

.tlb:hover .subdomain, .tlbh:hover .subdomain{
        color:#000;
}

#left .tlb, #right .tlb {
	font-size:1em;
	 
}

/* echo "<span class=\"inlineBlock right h30 w40\" onclick=\"document.getElementById('search_form$add_module').submit();\">$icon</span>"; */
button.header_search_button {
    display:inline-block;
    height:30px;
    width:40px;
    background:none;
    border:none;
    
}

.button1 {
cursor:pointer  
}
 
 
.button, .order_button, .linkbutton {
    display:inline-block;
    font-size:1.2em;
    line-height:1.1em;
    width:auto; 
    min-width:200px;
    margin:1px;
    padding:0.6em 1em; 
    cursor:pointer;    
    border:1px solid #1c4276;  
/*     background:#2c6296;  */  
    background:#fff;  
     background-image:linear-gradient(#eee,#fff,#fff,#eee);
    font-family: Arial, Helvetica, sans-serif;
    color:#000;
    font-weight:bold;
    text-align:center;
    border-radius:0.8em; 
/*     transition: 0.4s;   */
}

#login_button {
        width:50%;
}

.order_button {
       
/*          background-image:linear-gradient(#008800,#009900,#009900,#008800);    */
/*       background-image:linear-gradient(#006699,#0066bb,#0066bb,#006699);    */
      background-image:linear-gradient(#29aabe,#1199ae,#29aabe);    
      color:#fff;   
      font-size:1.4em;
      max-width:100%;  
}


.linkbutton {
     padding:0.6em 1em; 
}
.button:link, a.button, .linkbutton:link, a.linkbutton {
        color:#ffffff;
}

.sidebox .button  {
        
        padding:0.6em 1em; 
}

 .button:hover , .linkbutton:hover, .order_button:hover{
	border:1px solid #000;
	color:#eef;
	background: #0c4276;
        background-image:linear-gradient(#0c4276,#1c5286,#0c4276);    
        box-shadow: 0 0  2px #555; 
        text-decoration:none!important; 
/*      color:red; */
 }
  
#right .button, #right .linkbutton {
    
    width:auto; 
    min-width:100px;
    
}
.close { 
       display:inline-block;
      padding:0; /*4px 6px 1px 5px;*/
    width:30px;
    height:30px;
    margin:10px;
        border-radius:20px; 

    
        font-size:28px;
        line-height:30px;

     cursor:pointer;    
    border:1px solid #1c4276;  
     background:#fff;  
     background-image:linear-gradient(#eee,#fff,#fff,#eee);
    font-family:sans-serif;
    color:#000;
     text-align:center;
        
    font-weight: bold;
    font-family: sans-serif;
  
      transition: all 0.4s;
}
.close:after {content: '×'}
.close:hover {
    -ms-transform: rotate(360deg); /* IE 9 */
    -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
    transform: rotate(360deg); 
/*     background-image:radial-gradient(#fff,#fff,#aaa); */
/*         background:#aaf; */
      box-shadow: 0 0 5px #555; 
}

.smallbutton   {
	 display:inline-block;
	font-size:1.0em;
	line-height:1.5em;
	height:1.7em;
	font-family: Arial, Helvetica,sans-serif;
        font-weight:bold;
	text-align:center;
	background:#2c6296; 
	width:auto;
	border:1px solid #ccc;
	background:#888;
	color:#000;
	cursor:pointer;
	padding:2px 4px 2px 4px;
	border-radius:6px; 
	-moz-border-radius:6px;
	-webkit-border-radius:6px; 
	overflow: visible;   
}
span.smallbutton {
        padding: 6px 4px 0px 4px;
}
.smallbutton:hover {
	border:1px solid #000;
	color:#eef;
	background: #0c4276;
 }
 
 /*transitions */
 .button, .smallbutton, .boxcontent, .linkbutton   {
	-webkit-transition: all 0.4s; 
	  -khtml-transition: all 0.4s;
	    -moz-transition: all 0.4s;
	     -ms-transition: all 0.4s;
		-o-transition: all 0.4s;
		    transition: all 0.4s;
 }
 
input[type="text"], input[type="password"]  {
/*     background: #fff;  */
    color:#222;
    padding:4px;
}
 
 /*top search*/
input[type="text"]:focus, input[type="password"]:focus {
 background: #ffffe1; 
}
 
.user_input
{
    min-width:50%;    
    border:1px solid #aaf;
      font-family:Arial,Helvetica,Sans-serif;  
    font-size: 1.3em;
    margin:0.5em 0 0.5em 0.5em;
    padding:0.3em!important;  
    background: #fbfbfb; 
    border-radius: 0.3em;
}
 
.user_input[type="text"]:focus, .user_input[type="password"]:focus  
{
    background: #ffffe1; 
    box-shadow: 0px 0px 10px #aaf;
    transition: all 0.4s; 
}
.button, .button:link, .linkbutton, .smallbutton, .smallbutton:link {

 	 background-image:linear-gradient(#eee,#ffffff,#ffffff,#eee);
 	border-color:dark#header;
}
 
.button:hover, .button:hover a, .smallbutton:hover, .smallbutton:hover a {
	background: color#header;   
        text-decoration:none; 
	color:white;
}
  

/*input class for password and username*/
#loginBox .user_input {
    
       font-size:1.1em;
       margin:0;
       width:80%;
}
 

.input_date {
    width:10em;
    border:1px solid #aaf;
    font-size:1.4em;
     border-radius:5px; 
}
 
.inputSide, .inputSearch, .mainSearch  {
  	color:#eee; 
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:1em;
        border:none; 
        transition: 0.2s; 
 	height:1.5em;
	margin: 0.2em 0;
	padding:0 0.5em;
        border-radius:5px; 
	-moz-border-radius:5px;
	-webkit-border-radius:5px;    
}
 
.mainSearch {
	color:#000; 
	font-size:1.35em;
	border:1px solid #eee;  
	background:#f4f4f4;
	height:2.2em;
	margin: 0.4em 0;
        width:97%; 
}

.mainSearch:focus { 

        border:1px solid #444!important;
        box-shadow: 0px 0px 10px #aaf;
}

/*submit button inside search box */
.submitBox {
        display:inline-block; 
        position:absolute; 
        top:14px;
        right:6%;
}
 
/* inlineBlock m5 p5 */
.restrict_box {
         display:inline-block; 
         margin:2px 5px;
         padding:2px 5px;
}
   
/*suggest */   
.input_container {
    position:relative;
    width:100%;
    display:block;
    
    border:none;
   }
   
   
#suggest_results_container, #top_suggest_results_container
{
    position:relative;
    display:none;
    
    top:-6px;
    width:87%;
    
}

   /*
    #suggest_results, #top_suggest_results {
    display:none;
    }

   #suggest_results, #top_suggest_results {
    display:none;
    position:absolute;
    z-index:2000;  
    top:49px; 
    width:85%;
    background: #eee;
    border-radius: 0 0 5px 5px; 
    box-shadow: 0 0 10px #888; -moz-box-shadow: 0 0 10px #888; -webkit-box-shadow: 0 0 10px #888; -khtml-box-shadow: 0 0 10px #888;   
    border-top:none;
 
}*/
/*
#top_suggest_results {
  
    top:19px;
}


  #suggest_results li, #top_suggest_results li
  {
    font-size:1.1em;
    list-style-type: none;   
    cursor:pointer;  
    margin:0;
   }
   
   
  #suggest_results li:hover, #top_suggest_results li:hover
  {
    background: #ddd;
      
  }
  */

   .suggest_button {
       display: none; /* hidden for large screen*/
       width:80%;
   }
   
   
textarea {
	width:95%;
	color:#000;
	font-family:Helvetica,Arial,sans-serif;
	font-size:1.1em;
        background: #fff;
         border-radius: 5px;
/*          margin-left:5px; */
         margin:0.5em 0 0.5em 0.5em;
   }
  
#advert_title_area {
         width:80%;
        font-size:1.3em; 
        border:1px solid #345;
         border-radius: 5px;
 }
 
 input[type="checkbox"] {
	background: #aaf;
	width:1.3em;
	height:1.3em;
 
}
  
input[type="checkbox"]:checked {
 background: #00f; 
}
  
input[type="radio"] {
	 
	width:1.4em;
	height:1.4em;
        accent-color:#59daee;               
}


   /*So we need separate rules for each browser. Otherwise the whole group would be ignored by all browsers.*/
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #aaa;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #aaa;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #aaa;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #aaa!important;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    #aaa;
}

  
  

 /*topics on main page */
.topics {
/* 	z-index: 2;   */
        display:inline;
	margin-bottom: 0;
	font-size:1.1em;  
	font-weight: bold;
/*   	 border : 1px solid black;    */
}
/*topics small (on the side or in results) */
.ts {
	margin-bottom: 0;
	position: relative; 
   	font-size:1.1em;  
	font-weight: bold;
 }
.topics, .ts {
	color:#743; 
       /*  color:#888888; */
}
/*in show_last_jobs.php*/
/* .list .topics { font-size:1em;} */
.list a {  
        display:inline-block;   
        width:100%;
        color:#000000; 
        font-weight:bold; 
        line-height:1.4em; 
        font-size:1.1em;
}
.features_list {
        font-size:1.2em;
         
 }
.date {
	 z-index: 2;  
	margin-bottom: 0;
 	position: relative; 
	color: #666666;
/* 	font-size: 9px; */
	font-size:0.85em;
	font-weight:normal;
}
.dtstart, .dtend
{
	 
	color: #333366;
 	font-size:1.2em;
	font-weight:normal;
/* 	background:#f4f4f4; */
	padding:1px 4px ;
}
.line {
/* 	width:100%;  */
/* 	top:-0.4em; */ 
/* 	z-index:1; */
 	position: relative; 
	border-top: 1px solid #deded9;
	margin:0;
	overflow:hidden;
/* 	display:inline; */
/*   	width:100px;   */
/* 	border : 1px solid red; */
}

#city { display:block; width:100%; }

#adminmenu {
    position:absolute;
    left:0;
    top:0;
    width:205px;
    text-align:left;
    z-index:1000
}
#admincontent {
    position:absolute;
    left:225px;
    top:0;
    border:#1151f1 2px dashed
}
.admincolor {
        color:#29aabe;
        
}
.adminlightcolor {
        color:#59daee;
        
}
.adminbgcolor {
        background:#29aabe;
        
}
.adminbgcolorlight {
        background:#69eafe;
        
}
.admindarkcolor {
        color:#06889c;
        
}
/*Former .languageSwitch */

.languages {
        position:relative;
        min-width:200px;
        padding:1px 0 2px 0;
/*         border:1px solid #555; */
}


.languages .slang {
	 
	border-top: 2px solid #775;
	border-bottom: 2px solid #775;
	text-decoration:none;  
}
.languageSwitchPage  .lang {
        font-size:1em;
}
.languageSwitchPage  .slang {
	 
	border-top: 1px solid #775;
	border-bottom: 1px solid #775;
	text-decoration:none;  
}

 .lang { 
      
/*     display:inline-block; */
    width: 25px;
    font-size:1.2em;
    padding:2px 5px;
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent;
  /*  border-left:1px solid red;
    border-right:1px solid red; */
    
}

.lang,.lang:link, .lang a {
    color:#555;
    text-decoration:none;
}
.lang:hover  {
	color:#3077e3;
	background:#eeeeee;
/*  border: 1px solid #777; */
}

.languages  a.slang {

    color:#999;
}

span.langBox{
    display:inline-block;
    width:25px;
    max-width:40px;
    padding:0 3% 2px 1%;
    margin:0 1%;
/*     border: 1px solid blue; */
}
 
.lang:active{
    color:#ff94c2
}
 

.n1:active,.side4s:active,.side5:active,.side5s:active {
    color:red
}

.side2:active,.side2s:active,.side3:active {
    color:#f030d0
}
/*check list */
 
ul.check_list li {
  list-style: none;
  margin-left:30px;
  text-indent:-20px;
  margin-bottom:5px;
}

ul.check_list li:before {
   content: '\2713'; /*&check; symbol*/
   color:#080;
   margin-right:0.4em;
   font-size:1.3em;
   font-weight:bold;
}

/*science fields */
#categories {
     line-height:0.8em;
}
#categories ul {
        padding-inline-start:10px;
}
#categories li {
    display:block;
    position:relative; 
    padding:0;
    min-height:2.8em;
    max-height:4em;
    list-style-type:none;
}
@media screen and (max-width:1100px) {

    .cat_domain {
    
    font-size:1.0em;
  
    }
}


#categories a {
    color:#565656; 
}
.cat_domain {
    
    display:inline-block;
/*     position:absolute; */
    width:80%;
    top:0;
    left:3em;
    display:inline-block;
    font-size:1.1em;
    line-height:1em;
    min-height:2em;
    padding:0.3em 0 0 0 ;
}
.cat_icon {
/*     position:absolute; */
    top:0px;
    display: inline-block;
    width:3.0em;
/*     height:100%; */
    min-height:2em;  
/*     border:1px solid red; */
}

.cat_icon svg {
    position:relative;
    width:2em;
    height:2em;
    padding:0;
    margin:0;
/*      color:#188!important; */

}
#categories li:hover a, #categories li:hover .cat_icon svg {
       color:black!important;
 }
 
#categories li:hover {
    color:black;
    background:#eee;
}




/*#################### BOXES */
 
 
/*
 round corners in CSS
 http://www.html.it/articoli/nifty/index.html
 
<div class="roundbox">
<b class="rtop">
  <b class="r1"></b> <b class="r2"></b> <b class="r3"></b> <b class="r4"></b>
</b>
<!--content goes here -->
<b class="rbottom">
  <b class="r4"></b> <b class="r3"></b> <b class="r2"></b> <b class="r1"></b>
</b>
</div>
*/
 
.roundbox {
	width:100%;  
	overflow:hidden; /*hide long words. Needed for ie6 */
 
	padding-left:0px ; 
	
	/*for ie6*/
	margin:10px 0 10px 5px;
	/*  margin:auto;  */
/*     border: 1px red solid;    */
}
 
 .roundbox a,  .roundbox a:visited, .roundbox  a:link { 
	 color:#000033;
}

/*rounded corners*/
i.rtop, i.rbottom {
	display:block; 
	background: #ffffff;
}
i.rtop b, i.rbottom b{
display:block;  
height: 1px; 
overflow: hidden; 
/* background: #efefff; */
}
b.r1{margin: 0 5px;}
b.r2{margin: 0 3px;}
b.r3{margin: 0 2px;}
i.rtop b.r4, i.rbottom b.r4{margin: 0 1px; height:3px}

/*shaded colors */
.roundbox {background: #ffffff;   }
i.rtop b.r4, i.rbottom b.r4{background: #dfdfef}
b.r3{background: #cfcfdf}
b.r2{background: #bfbfcf}
b.r1{background: #afafbf}/*top*/



/*used in menu_left-div.php*/
.hidden{display:none!important;}
.shown{display:inline;}

.overflow_hidden {
	overflow: hidden;
}

 

 /*centered box content */
 .boxcontent 
 {
	 overflow:hidden;
	 width:96%;
	 padding:2%;
	 margin:0.2em auto;
/*   	 border:1px solid red;   */
} 

.textbox  { 
	
	clear:both;
	overflow: hidden;
	width:95%;
	margin:5% auto;
	padding:1px;
/* 	padding: 5px 0px 5px 10px; */
/* 	border:1px solid blue; */
 }
 
.textbox h4, .textbox h3, .boxcontent h4, .boxcontent h3 , .boxcontent .heading
{ 
	display:block;
	font-size:1.25em;
	line-height: 1.1em;
	font-weight: bold;
/* 	color: #660011 ;	 */
 	border-bottom:0px;
 }
 
.textbox ul , .boxcontent ul {
	margin:0 0 0 -10px;
	padding:0;
  	list-style: none;  
}
  

.textbox li, .boxcontent li {
   list-style-type:none;

}  
/*
  .boxcontent li:before {
    content: '\BB ';
}*/

/*  margin:5px; border:1px solid #aaaaaa */
   /*standard inline box with no margin*/ 
 
  /*standard box with no margin*/ 
.block, .advert_block {
  	   
	display:block;
	clear:both; 
	width:100%; 
	margin:0;
	padding:0;
/*  	border: 1px solid blue;  */
 }
 
.border0 {
	border: 1px solid #000;
}
 
.border7 {
	border: 1px solid #777;
}

.border9 {
	border: 1px solid #999;
}


.borderA {
	border: 1px solid #aaa;
}
.borderE {
	border: 1px solid #eee;
}
.borderF {
	border: 1px solid #fff;
}
.borderF2 {
	border: 2px solid #fff;
}

.borderRed {

	border: 1px solid #f00;
}

/*Block inline*/
.inlineBlock {
	display:inline-block;
        max-width:100%;
/* 	top:0;  */
	margin:0; 
}
.inline
{
	display:inline!important;
 
}
/*standard box with margin */ 
.box {
	 
	display:block;
	clear:both; 
	width:100%; 
	margin-bottom:5px; 
}

/*large box with margin and full width */ 
.container  {
	 
	clear:both; 
/* 	border: solid 1px #eeeeee;   */
	width:99%;
	margin:0 0 10px 0; 
}
.video_container {
        position: relative; 
        display:block;
        text-align:center;
 	width:99%;
	margin:5px 0 5px 0;
/*         border:1px solid red; */
 
         
/*         padding-bottom: 56.25%; */
        /* 16:9, for an aspect ratio of 1:1 change to this value to 100% */ 
}
/* iframe in news */
.video_container iframe {
/*         position: absolute; */
/*         top: 0; */
/*         left: 5%;   */
        width: 100%;
        min-height:200px;
        max-height:700px;
}
  
/* .container rounded style */
.rounded_box {
        margin:1em 0 2em 0;
	border:1px solid #f4f4f4;
	padding:2%;
        width:90%;
	border-radius:1em; 
        background:#fafafa;  
        background-image:linear-gradient(#f4f4f4,#fff,#fff,#fff,#f4f4f4); /*top middle bottom */
/*           box-shadow: 0 0 5px #e0e0e0;    */
        transition: 0.4s;
}
.rounded_box:hover {
          box-shadow: 0 0 5px #e0e0e0;  
}
.dark_border { border: solid 1px #aaaaaa;}

.right {text-align:right;}
.left  {text-align:left;}
.center {text-align:center;margin-left:auto; margin-right:auto; }
.middle { vertical-align:middle;}

.centered_block {
        padding:0;
	
	overflow:hidden; 
	margin:0 auto; 
	display:inline-block;
        max-width:100%;
}
.floatLeft { 
        float:left;
}
.floatRight { 
        float:right;
}

img.floatLeft { 
     
    margin: 3px; 
}
img.floatRight { 
     
    margin: 3px;  
}
img.floatCenter {
	display:block; 
	margin:0 auto 0 auto;
} 
 
/*home styles */


.flag {
        vertical-align:middle;
/*         border:1px solid red;   */
}
/*main news title -> under #new h1 */
/*.newstitle, .newstitle:link, .newstitle:visited {
 	font-family: Arial, Helvetica, sans-serif; 
 	font-weight:normal;
	line-height:1.2em;
 	color:#212121;
        border: 0;
}
.newstitle:hover, .newstitle2:hover{
	color:#a8001e;
}
*/
/* now togheter in #news h2
.newstitle2, .newstitle2:link, .newstitle2:visited {	
 	font-family: Georgia,  Times, serif; 
 	font-size:1.4em; 
 	padding:0.2em 0;
	line-height:1.2em;
 	color:#333;
	border: 0; 
	/*anti aliasing */
/*  	text-shadow: 0 0 1px rgba(51,51,51,0.5);   */
}*/


 #news { 
    max-width:1500px;
    background: #fcfcfc;   
    padding:5px 4px; 
    border-radius: 5px;
} 
 
 
/*new titles for front page*/
#news h1 { font-size: 2.8em;font-family: Arial, Helvetica, sans-serif; 
 	font-weight:bold;
	line-height:1.2em;
/*  	color:#ffffff; */
        border:none;
/*         border: 1px solid red; */
         padding: 0 0 0.2em 0;  
} 

#news h2 { 
        font-size: 1.8em; 
/*         font-family: Georgia,Times,serif;  */
        padding:0.2em 0;
	line-height:1.2em;
 	color:#333;
	border: 0; 

 
}

     
#news h3, #news h4
{ 	
	color:#333;
  	line-height: 1.1em;  
	border: 0;
	margin:0;
	padding:0;
	
}
#news h1:hover{
/*         color:#ddf; */
 color:#000;
}
#news h2:hover{
	color:#a8001e;
        text-decoration:none;
} 
#news a:hover{
         text-decoration:none;
} 
 
.containerheadline { width:100%; padding: 0 0 2px 0;}
.containercontent{padding:0; margin:0; }

.headlinebox {
        display:inline-block;
        width:100%; 
        
}

/*  border:1px solid red; */
.twocolumns, .twocolumn {width:100%;}
.column1, .column2  
        { 
                display:inline-block; 
                width:48%; 
                overflow:hidden; 
                vertical-align:top; 
        }
.column1 { margin-left:1%; margin-right:0.5%;}
.column2 { margin-left:1%;}

.rcell, .lcell {
    display:inline-block;
    width:47%; 
/*     min-height:110px; */
    min-height:180px;
    padding:0;
    margin:0.2em;
    margin-bottom:1em; 
    border-radius:0.4em;  
    box-shadow: 0 0 8px #ccc;
     transition:0.5s;
     overflow:hidden;
}

.lcell hr , .rcell hr {
    width:100%; 
    height:1px; 
    color:#ddd; 
    background:#ddd;
} 
.lcell {  clear:both;}
.rcell { }

/*show last job*/
.selected_records {
    margin:0.5em;
    min-height:120px;
    display:inline-table;
}
  
.lcell:hover, .rcell:hover {
    
    box-shadow: 0 0 15px #557; 
   
    background:#f9f9f9;
}
.record_title {
    display:block;
    font-size:1.2em;
    line-height:1.3em;
    font-weight: bold;
    color:#222;
    margin:0.4em 0;
    padding:0;
 }
/*boxes*/
.firstNewsBox {
    
    display:block;
    margin: 10px 0 10px 0; 
    padding:20px 2%;  
    background:#fff;
    width:96%;
    border-radius:0.4em;
    box-shadow: 0 0 2px #aaa;  
}

.breakingNewsBox {
    
    width:96%;
    display:inline-block;
    margin: 0px auto 20px auto; 
    padding:0.5% 2%; 
/*     background:dark#header; 
   background-image:linear-gradient(dark#header,verydark#header);    
   box-shadow: 0 0 5px #555; */
      background-image:linear-gradient(#fff,#fff,#f4f4f4); 
     border-radius:0.4em;
   
       transition: 0.5s;
}
.breakingNewsBox .topics 
    { 
/*             color:#ff9292; */ /*myScience color: #903322;*/ /*ultrabright#header; */ 
            font-size:1.2em;
    }

.breakingNewsBox .date { 
        color:#000;
        font-size:1.1em;
}

.breakingNewsBox:hover {
  
     box-shadow: 0 0 1em #aaa; 
}
 
.highscore { 
     padding-top:20px; 
     padding-bottom:30px; 
/*       background:dark#header; */
/*       background-image:linear-gradient(dark#header,verydark#header); */
/*       background-image:linear-gradient(#444,#224);        */
}

/* .highscore  .newstitle,.highscore .newstitle:link { font-size:1.3em;  } */
 
/* #news .breakingNewsBox  h1, .breakingNewsBox .news_abstract { color:white!important; } */



.newsbox {
	   
	clear:both; 
	padding:5px;  
	margin:5px 5px 25px 5px;
 	width:93%; 
        background:#fff;
         background-image:linear-gradient( #f4f4f4,#fff,#fff,#fff);    
        border-radius:0.5em;
        box-shadow: 0 0 8px #eee;
        transition: 0.3s;
        overflow:hidden;
}
.newsboxheader{ width:100%; padding:0; padding-top:2px; }
/*
.newsboxtitle {
        clear:both; 
        margin-bottom:2px;
}*/
.newsboxcontent{
	
	width:100%;
	clear:both;
/*          border:1px solid blue; */
}

.newsboximage {
    
        width:100%;
        text-align:center; 
        padding:0; 
        margin:0 0 0.1em 0; 
        display:block; 
        overflow:hidden;
        
}
.newsboximage_float{
    
        float:left;
        text-align:center; 
        padding:0; 
        margin:0 1em 1em 0; 
        display:inline-block; 
        overflow:hidden;
}

.newsboxcontent img 
{
    max-width:100%;
/*     width:100%; */
    height:auto;
    margin:0 auto;
/*     border:1px solid red;   */
     
}
.newsbox:hover
{
        box-shadow: 0 0 12px #557;
}
.news_abstract {
/*         position:relative; */
        display:inline-block;
        width:100%;
        font-size:1.1em;
        padding:0.1em 0 0.5em 0;
        margin:0;
         
 }
 .news_abstract_right {      
        display:inline;  
 
        font-size:1.15em;
        padding:1.0em 0 0.5em 0; 
 
 }
 
 /*main news*/
.headlinebox .newsboxcontent {
        display:block;
/*          background: rgba(50,50,100,0.05);  */
/*         border:1px solid rgba(10,30,80,0.5); */
        padding-right:3px;
        
}

.breakingNewsBox .news_abstract, .breakingNewsBox .main_news_abstract_right { 
    color:#000; 
}  

.headlinebox .news_abstract {
 
        display:  block;
         vertical-align:top;
/*          padding:1%; */
/*          width:95%; */
/*          margin: 0 0 0 3%; */
        margin-top:0.5em;
	font-size:1.4em;
        line-height:1.4em;
        font-family: Arial, sans-serif;
        
        width:98%;
 /*    background: rgba(90, 90, 90, 0.8);   color:white;  margin:-3% auto 0 auto;*/
        
         padding:1%;
        
         
/*         border-radius:5px; */
/*        z-index:10000!important;  */
 
}
.headlinebox .main_news_abstract_right {
/*         position:absolute; */
        display:flex;
/*         float:right!important;  */
        vertical-align:top;
        min-width:200px;
        padding:2% 1%;
        margin:   0 ;
	font-size:1.6em;
        line-height:1.5em;
        font-family: Arial, sans-serif;
/*         border:2px solid red; */
}
.main_news_abstract_right sub, .main_news_abstract_right sup {
        display: contents;
}
.headlinebox h2 {
        font-family:sans-serif!important;
        color:#000;
}
.home img {
        padding: 0 0 2px 0;
 
}
 .home h2 { border:0;}

 
 
/* figure with absolute image position (prevent page reflow) */
div.home_figure_container
{
    max-width:100%;
/*     float:left; */
/*     margin:1em; */
}
/*<figure class="home_figure">*/
figure.home_figure {
    position:relative;
/*     float:left; */
    max-width:100%; 
/*     height:100%; */
    display:block; 
    padding:0; 
    margin:1em auto;
    text-align:center;
/*      background:yellow;  */
    overflow:hidden;
}
figure.home_figure_left {
    position:relative;
    float:left;
    max-width:50%; 
/*     height:100%; */
    display:inline-block; 
    padding:0; 
    margin:0.5em 1em;
    text-align:center;
    overflow:hidden;
}

 /*<img...> inside figure */
 .home_image {  
     position:absolute; /*absolute positioning inside <figure> with fixed height (-> no reflow)*/
     width:100%;
     height:auto;
     top:0; 
     left:0; 
     margin:0; 
     padding:0; 
/*      border:1px solid red; */
      transition: 2s;
 }
  
.main_image_left
{
        float:left;
        max-width:700px;
        min-width:500px;
        display:inline;
        padding:0;
        margin:2em 1em 0.2em 1em;
        overflow:hidden;
         transition: 2s;
/*     floatLeft inline p10 */
 
}
 
.home_image:hover {
    
/*         zoom:120%; */
        transform: scale(1.10);
        overflow:hidden;
}
 
/*main news image */
.headlinebox img {
 
        max-height:1300px;
 
/* 	 margin: 5px!important;	 */
	}
.wireBox {
    display:inline-block;
    width:98%;
    max-width:600px;
    min-width:200px;
    min-height:100px;
    vertical-align:top;
    background: #ffffff;
    padding:1%;
    margin-bottom:1.6em;
    border-radius:8px; 
    box-shadow: 0 0 10px #ddd;  
      transition:0.3s;
}
.wireBox:hover{
    box-shadow: 0 0 10px #667;
}
.wireBox img{
   transition:1s;
}
.wireBox img:hover{
   transform: scale(1.05);
}

.wire_image_center {
    position:relative;
/*      */
    overflow:hidden;
    margin:5px auto;
    width:100%;
/*      border:1px solid cyan;   */
}
.wire_image_left {
    position:relative;
    float:left;
    display:inline-block;
    overflow:hidden;
    margin:0 2px;
    width:auto;
/*      border:1px solid red;   */
}
.selected_suggestion {
    background:#ddd;
    color:#000;
    font-weight:bold; 
}

.selectednews { 
  font-weight:bold; 
  background: #fff; 
  border:1px solid #aaa;
}

.floating_menu {
    float:left;
    width:50%; 
    background:#eee; 
    margin:0 0 -200px -300px;   
    border:none;     
    border-radius:1em;
    background-image:linear-gradient(to right,#eee,#fff);     
}

@media screen and (max-width:1100px) 
{ 
        .floating_menu  {
            width:90%;
            margin:0; 
        } 
    
}    


/* side box left and right with border*/
.sidebox {
	 
	display:block; 
	width:95%;
	margin:1.5em 0 3em 0;
	border:1px solid #eeeeee;
	padding:0;
	border-radius:1em; 
        background:#fafafa;  
          background-image:linear-gradient(#fff,#fff,#fff,#fafafa); /*top middle bottom */ 
/*         box-shadow: 0 0 5px #e0e0e0;  */
        transition: 0.4s;
}
#userMenu {
	 
	display:block; 
	width:95%;
        min-width:150px;
	margin:1.5em 0 1em 0;
	border:1px solid #ccc;
	padding:0;
	border-radius:1em;
        background:#f1f1f1;  
        background-image:linear-gradient(#d1fafe,#fff,#fff,#f1f1f1); /*top middle bottom */
        box-shadow: 0 0 5px #e0e0e0; 
         transition: 0.4s;
}
 

#userMenu .heading {
	border-radius:1em 1em 0 0;
}

.sidebox:hover  {
		background:#e8e8e8;
}
#userMenu:hover {
/*        background:#dadaee; */
        background:#dae1ee;

/*         background:linear-gradient(#fff,#59daee);   */
/*          background:linear-gradient(#59daee,#ffffff,#29aabe); */
       z-index:2;
}
 .user_badge {
        height: 2.5em;
        width: 2.8em;
        background-color: #69d;
       
        border-radius: 45%;
        display: inline-block;
        border:2px solid #159;
        box-shadow: 0 0 5px #555;
/*         background-image:linear-gradient(#69d,#37b);     */
         background-image:linear-gradient(#06889c,#29aabe);  
        transition:0.4s;
}
.user_badge .initials {
        text-align:center;
        font-family:sans-serif;
        font-weight:bold;
        color:#112; color:white;
        font-size:1.2em;
        margin-top:0.4em;
   
}
.user_badge:hover {
          border:2px solid #222;
        box-shadow:2px 2px 10px #333;
        
}
 .sidebox a,  .sidebox a:visited, .sidebox a:link { 
	 color:#000033; 
}

/* #left .sidebox, #left #userMenu {width:100%; } */

.sidebox h2, .sidebox h3, .roundbox h2, .roundbox h3 
{
	font-size:1.2em;
 	border:0;  
	padding:5px 0  5px 5px;
        margin: -5px 0 3px -5px;
	
}
.sidebox h2, .roundbox h2
{
	font-size:1.3em;
  
	
}

 #left .heading, #right .heading { 
	font-size:1.5em;
	display:block;
 	margin: 5px 0 3px 0; 
/* 	padding:5px 10px  10px 5px; */
	width:95%;
	 
/*   	border:1px solid #ff3333;   */
/*	  border-radius:1em 1em 0 0 ;
	-ms-border-radius:1em 1em 0 0;
	-moz-border-radius:1em 1em 0 0;
	-webkit-border-radius:1em 1em 0 0;*/
} 

/*
.heading, .sidebox h2, .sidebox h3 {
	background:#f4f4f4;  
 	background-image:linear-gradient(#eee,#fff);   
	
}*/

.heading a , .sidebox h2 a, .roundbox h2 a {
        border:0;  
}

/*use for inline boxes instead of twocolumns*/
.inlineright{
	display:inline;
	text-align:right;
	float:right;
}
 
.p1 {padding:1px;}
.p2 {padding:2px;}
.p3 {padding:3px;}
.p4 {padding:4px;}
.p5 {padding:5px;}
.p10 {padding:10px;}
.p15 {padding:15px;}
.p20 {padding:20px;}
.p50 {padding:50px;} 

.pt2 {padding-top:2px;}
.pt4 {padding-top:4px;}
.pt6 {padding-top:6px;}

.m1 {margin:1px;}
.m2 {margin:2px;}
.m3 {margin:3px;}
.m4 {margin:4px;}
.m5 {margin:5px;}
.m6 {margin:6px;}
.m10 {margin:10px;}
.m15 {margin:15px;}
.m20 {margin:20px;}

.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}

.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}

.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}

.rounded2 { border-radius:2px;}
.rounded3 { border-radius:3px;}
.rounded5 { border-radius:5px;}
.rounded10 { border-radius:10px;}

/*ADVERT STYLES*/ 
/*advert button 160x90 */
/*
.adbutton {
	width:160px;   
	position:relative;
 	 
 	padding: 10px  0px 10px 20px;
	border:1px solid #eeeeee; 
}
 */ 
 .background_eee {
	background:#eee;
 }
 .background_fff, .background_white {
	background:#fff;
 }
 .background_f1f1f1,  .lightgrey{
	background:#f1f1f1;
 }
 
 .colorAAA{color: #a0a0a0;}
 .color8 {color: #888;}

 
 /*for ausbildung-weiterbildung*/
 .w170 { width:170px;}

.mr5  { margin-right:5px}
.mr10 { margin-right:10px}
.mr15 { margin-right:15px}
.mr20 { margin-right:20px}

 /*for show_jobs.php***/
.w10 { width:10px;}
.w20 { width:20px;}
.w30 { width:30px;}
.w40 { width:40px;}
.w50 { width:50px;}
.w60 { width:60px;}
.w70 { width:70px;}
.w80 { width:80px;}
.w90 { width:90px;}
.w95 { width:95px;}
.w100 { width:100px;}
.w110 { width:110px;}
.w120 { width:120px;}
.w130 { width:130px;}
.w140 { width:140px;}
.w150 { width:150px;}
.w160 { width:160px;}
.w170 { width:170px;}
.w180 { width:180px;}
.w190 { width:190px;}
.w200 { width:200px;}
.w210 { width:210px;}
.w220 { width:220px;}
.w225 { width:225px;}
.w250 { width:250px;}
.w300 { width:300px;}
.w350 { width:350px;}
.w400 { width:400px;}
.w450 { width:450px;}
.w500 { width:500px;}
.w520 { width:520px;}
.w550 { width:550px;}
.w460 { width:460px;}
.w600 { width:600px;}
.w650 { width:650px;}
.w700 { width:700px;}
.w750 { width:750px;}
.w800 { width:800px;}
.w850 { width:850px;}
.w900 { width:900px;}
.w1000 { width:1000px;}
.w1500 { width:1500px;}

.mw50 { max-width:50px;}
.mw100 { max-width:100px;}
.mw150 { max-width:150px;}
.mw200 { max-width:200px;}
.mw250 { max-width:250px;}
.mw300 { max-width:300px;}
.mw350 { max-width:350px;}
.mw400 { max-width:400px;}
.mw450 { max-width:450px;}
.mw500 { max-width:500px;}
.mw550 { max-width:550px;}
.mw600 { max-width:600px;}
.mw650 { max-width:650px;}
.mw700 { max-width:700px;}
.mw750 { max-width:750px;}
.mw800 { max-width:800px;}
.mw850 { max-width:850px;}
.mw900 { max-width:900px;}
.mw1000 { max-width:1000px;}
.mw1050 { max-width:1050px;}

.mw100p { max-width:100%;}

.w5p { width:5%;}
.w10p { width:10%;}
.w15p { width:15%;}
.w20p { width:20%;}
.w25p { width:25%;}
.w30p { width:30%;}
.w35p { width:35%;}
.w40p { width:40%;}
.w45p { width:45%;}
.w50p { width:50%;}
.w55p { width:55%;}
.w60p { width:60%;}
.w65p { width:65%;}
.w70p { width:70%;}
.w75p { width:75%;}
.w80p { width:80%;}
.w85p { width:85%;}
.w90p { width:90%;}
.w94p { width:94%;}
.w95p { width:95%;}
.w96p { width:96%;}
.w97p { width:97%;}
.w98p { width:98%;}
.w99p { width:99%;}
.w100p { width:100%;}




.h10 { height:10px;}
.h15 { height:15px;}
.h20 { height:20px;}
.h25 { height:25px;}
.h30 { height:30px;}
.h35 { height:35px;}
.h40 { height:40px;}
.h50 { height:50px;}
.h60 { height:60px;}
.h70 { height:70px;}
.h80 { height:80px;}
.h90 { height:90px;}
.h100 { height:100px;}
.h120 { height:120px;}
.h150 { height:150px;}
.h200 { height:200px;}
.h250 { height:250px;}
.h300 { height:300px;}
.h350 { height:350px;}
.h400 { height:400px;}
.h450 { height:450px;}
.h500 { height:500px;}

.mh20 { min-height:20px;}
.mh30 { min-height:30px;}
.mh50 { min-height:50px;}

.record{ width:500px;  }
.record td { padding:2px;}

 
.br1 {
    border-radius:1em; 
}
.br05 {
    border-radius:0.5em; 
}


 /*for karriere.ch **/
.boxkarriere { width:150px; border:solid 1px #84B241; margin:0px; padding:10px; margin-left:10px;overflow:hidden;}
.boxkarriere a {color:#8A8C8E; 
font-size: 1.1em;
line-height: 1.4em; 
font-weight: bold; } 
.boxkarriere img {}
#adsense{ width:180px; padding-left:10px; height:620px;} 
#careerjet{ width:170px;margin:5px; height:30px;}
  
  
  
.table1{text-align:left;}
  
/* .table1 table {font-family:Arial,Helvetica,sans-serif;border-collapse:collapse;width:100%;margin-top:1px;} */
 
.table1 th {
	text-align:left;
	background-color:#f0f4f5;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	font-weight:bold;
/*         font-size:0.9em; */
	color:#000;
	padding:4px 5px;
	vertical-align:top;
}
 
.table1 tr,  .table1 td{ background-color:#fff; border-bottom: 1px solid #ccc;
}

 /*anti aliasing */
/* .newsboxcontent{ text-shadow: 0 0 1px rgba(51,51,51,0.5);} */
 
 /*
.newslist  {
 list-style-type: none;
padding: 0;
}
 
 */
 

.boxWrap{ 
    display:block;
     
    background:white;
    width:100%;
    text-align:center;
/*     border: 1px solid red;   */
}
/*
.boxWrap div {
	display:inline-block; 
           
	width:160px;
	height:85px;
	margin:5px 1px; 
        padding:0;
	vertical-align:top;
	text-align:center;
	border: 1px solid #eee;
	background:white;
        
}*/

 /*<div class="heading">Current Employers</div> */
 
.logo_box {
        position:relative;	
        display:inline-block;  
	margin:10px 15px;   
        width:160px;
	min-width:154px; 
        max-width:160px;  
	height:85px; 
        min-height:80px;  
        padding:0 4px;
 	text-align:center;
        overflow:hidden;
        border-radius:0.2em;  
        box-shadow: 0 0 10px #ddd;
        border: 1px solid #ddd;
        transition: all 0.3s;
}
 .logo_box img {
/*      position:relative;   */
/*     top:0; */
	vertical-align:middle;
/* 	max-width:150px; */
  	max-height:80px; /*for IE*/
        margin:0;
        padding:0;
        height:auto;
/*  	border:1px dashed blue;   */
   
}
div.logo_box:hover {
/* 	border: 1px solid #555; */
   
        box-shadow: 2px 2px 15px #333; 
       
/*         left:5px; top:5px; */
}
.noborder , .noborder:hover{
        border: none;
        box-shadow: none;
}
/*
#rect1:hover { 

    color:#aaa;
    background:#444;
    width:2000px;
}*/

/* valign_helper div box is placed next to the image width 100% height */
 .valign_helper {
        position:relative;
        display: inline-block; 
  	height:100%;   
        min-height:40px;  
        width:0; 
 	vertical-align: middle;  
/*   	border:1px solid blue;     */
 }

.centered_logo {
        display: inline-block;
        vertical-align: middle;   
        overflow:hidden;
        background:#fff;
/*         border:1px solid blue; */
    
}
.space_box {
     
    display:inline-block;  
    height:85px;
    width:auto;
/*     border:1px solid red; */
    
}

 
.boxlogo { 
    max-width:100%;
}  
  
  
.release_image, .release_image_right, .gallery {
        display: inline-block;
       float:left;  /*text is aligned right */
        margin:0 20px 20px 0;  
/*         width:116%; */
/*         margin-left:-8%; */
        border: 1px #f1f1f1 solid;
 	
	padding:5px;
	text-align:center;
	min-width:150px; 
        background:#fff;	 
        transition:0.5s;
}

.release_image:hover, .release_image_right:hover, .gallery:hover 
{
    border:1px solid #555;
    box-shadow: 0 0 10px #ddd;       
}


.release_image_right {
        float:right;
}

/*.release_image + h2, figure + h2 { 
                display:inline-block; 
}*/
.gallery
{
	clear:both; 
/*         width:99%; */
}
.gallery img {
 
    max-width:99%;
    height:auto;
    
}
 .gallery p, .caption {
	
        color: #555;
 	font-family:  Helvetica, Sans-serif;  
/*      font-family:  Verda na; */
	font-size:0.95em;
        line-height:1.3em;
	padding:5px 0;
        text-align:left;
	width:90%;
/* 	border: 1px solid red;  */
 }
 .gallery p, .caption {
        display:block;       
 }
.caption 
{ 
	position:relative;
	clear:both;
	min-width:150px; 
	margin: 0 auto;  
}

/*used by menu_right-div.php (ausbildung-weiterbildung)  */
.caption_small
{
	color: #666666;
	/*font-size: 9px;*/
	font-size:0.8em;
	font-weight:bold;
        margin-top: 2px;
        margin-bottom: 2px;
}
.caption_footer {
        font-size:0.8em;
        color:#aaa;
}
 
 
.relatedstories {  
	 
	font-size:0.95em; 
/*  	width:40%; */
	padding:0;	
 
 	width:100%;
	margin-top:2em;
	margin-left:-0.5em;
}

.relatedstoriesB ,  .relatedstoriesA {
 	width:95%;
	padding: 5px ;
	margin: 2px;
 	background: #fff;  
	vertical-align: bottom;
	border-radius:1em;
        background:#fafafa;  
        background-image:linear-gradient(#f1f1f1,#fdfdfd);
/*         box-shadow: 0 0 8px #ccc;  */
        transition: 0.4s;
}
.relatedstoriesA {
	margin-bottom:20px;  
}
 .relatedstories .heading {
	font-size:1.1em!important;
 }
  .relatedstories .topics {
	font-size:0.9em;
 }
 
.related_story {
	
	width:100%;
	font-size:0.9em;
	margin: 0.2em 0 2em 0.2em;
	padding:0.5em 0 0.5em 0;
/* 	border:1px solid red; */
/* 	border-top:1px solid #eee; */
	border-bottom:1px solid #eee;
}
.related_story:hover { background:#fff;}
.related_story img { 
        max-width:98%; }

a.title_rs, .title_rs {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.5em;
	line-height:1.2em;
	color:#445;
}

/* //search results  box*/
.results
{
	margin:0.5em 0 0.5em 0;
	width:96%;  
	padding:1% 1%;
	cursor: pointer;
	border: 1px solid #e1e1e1;
	border-radius:0.5em;
        box-shadow: 0 0 5px #eeeeee; 
        background:#fefefe;  
        background-image:linear-gradient(#f5f5f5,#fefefe,#ffffff);  
        transition: all 0.4s;
        overflow:hidden;
}

.results:hover { 
	border: 1px solid #d1d1f1;
	background:#f4f4f4;
        box-shadow: 0 0 10px #555; 
        background-image:linear-gradient(#eaeaea,#fafafa,#fafafa);
        text-decoration:none;  
}
  
.results_discipline {
       display:inline-block;
}

.results_location_date {
       display:inline-block;
       text-align:right;
       float:right;
}

.results_title {
	font-size:1.6em;
 	line-height:1.2em;
	margin:0.2em 0 0.1em 0;
        width:90%;
	padding:0 0 0.1em 0;
/* 	color: #004d7c; */
        color:#0066aa;
}

 /*results abstract */
.abs, .abs_right
{
	display:inline-block;
        width:96%;
	margin:0.5em 0 0 1em;
	
        font-size:1em;
        line-height:1.4em;
   	color:#666; 
}
 .abs_right
{
	display:inline-block;
        width:60%;
        vertical-align:top;
}
.abs:hover, .abs_right:hover { color:#111;}
.results:hover .abs, .results:hover .abs_right { color:#111; }

 
/*single logo box*/
div.results_logo { 
        position:relative;	
        display:inline-block;  
	margin:1px 10px 1px 2px;   
	min-width:80px; 
        max-width:130px;   
        min-height:40px;  
        padding:0;
 	text-align:center;
        overflow:hidden;  
        border-radius:0.1em;  
        box-shadow: 0 0 4px #ddd;
        border: 1px solid #eee;
        transition: all 0.3s;
}
/* .valign_helper { border: 1px solid blue; width:4px;   } */
.results_logo img 
{
        vertical-align:middle;
/*           border: 1px solid green;   */
}
.results_organization_department {
        display:inline-block;
        width:70%;
}
/*employer*/
.results_organization {
        
        display:inline-block;
        vertical-align: top;
/*          width:60%;   */
        min-width:230px;
        min-height:25px;
/*         border: 1px solid red; */
        padding:6px 5px 2px 5px;
        margin:0 0 2px 0;
        font-weight:bold;
        font-size:1.2em;
        color:#555;
    
}
.results_department{
        
        display:  block;
/*         float:left; */
/*         width:50%;   */
        min-width:200px;
        min-height:20px;
/*      border: 1px solid red;  */
        padding:6px 5px 2px 5px;
        margin:0 0 2px 0;
    
        font-size:0.9em;
        font-weight:bold;
        color:#555;
}
.results_logo_container {
        
        display:inline-block;
        vertical-align: top;
        width:26%;  
        min-width:160px;
        min-height:25px;
        padding:6px 5px 2px 5px;
        margin:0 0 2px 0;
         
        text-align:right;
}

.results_location {
        
        display: inline-block;
/*         float:right; */
        min-width:100px; 
        min-height:23px;
/*         padding:6px 5px 2px 5px; */
/*         margin:0 0 2px 0; */
        
        font-weight:normal;
        font-size:1.0em;
        color:#555;
/*         border: 1px solid red; */
}

/*navigation tool bar: results page number*/
#results_menu {
        display:block;
        width:96%;
         border:1px solid #eee; border-radius:6px;   
        min-height:33px;
}

.results_number {
        display:inline-block;
        width:40%;
         min-width:200px;
}

.results_navbar {
        display:inline-block;
        width:55%;
        min-width:300px;
        text-align:right;
}

.navbar {
	display:inline-block;
       
/* 	border:1px solid #eee; */
}
.nav , .nav_on 
 {
 	display:inline-block;
	min-width:1.2em;
	font-size:1.1em;
	font-weight:normal;
	 line-height:1.4em;
 	color:#4a8ace; 
 	background:#efefef;   
 	border: 1px solid #4a8ace;
 	padding:2px 4px;
	margin:2px;
	text-align:center;
	text-decoration:none;
        border-radius:4px;  
/*   	border:1px solid red;   */
 }
 .nav:hover,  .nav:link:hover
  {
  	color:#ffffff; 
  	background:#4a8ace;
  	text-decoration:none;
  }
  
 .nav_on 
 {
 	color:#ffffff; 
 	background:#4a8ace;   
 	border: 1px solid #4a8ace; 
        font-weight:bold;
  }
 a.nav, .nav:link {
        text-decoration:none!important;
        color:#000; 
  }

#header .svg_icon {
    position:relative;
    height:2.7em;
    padding:0;
    margin:0;
    color:white;
    
/*     border:1px solid red; */
}
.home_icon, #header .home_icon  {
    font-size:1.4em; 
    line-height:0; 
    width:35px;
}

/*share zone */

.share_zone {
        display:block; 
        float:right; 
        max-width:300px;  
        height:3em;
        width:40px;
        overflow:hidden;
        padding:0;      
        margin: 0;
/*           border:1px solid blue;   */
}
.share_button {
         position:absolute;
        right:0;
        width:40px;
        height:3em;
         padding:0;   
          margin: 0;
       background:#def;
      
}
 .share_button img {
        margin:5px 0 0 2px;
         
 }
.share_content 
{
        position:absolute;
     display:none;  
         right:40px; /*left to the share button*/
         
        height:3em;
	width:250px;
	padding:0 10px 0 0;
/*         margin: 2px 0; */
	text-align:right;
	text-transform:none;
/*   	border-left: 1px solid #bbb;    */
/*         border-right: 1px solid #bbb;    */
        background:#def;
        transition: all 0.3s;
}

.share_content a {
        display:inline-block;
        height:3em;
        padding:0;
        margin:1px;
	color:#000055;
	text-transform:none;
/*         transition: all 1s; */
}

.share_zone:hover > .share_content , .share_button:hover > .share_content  
{
/*         position:relative; */
        display:inline-block; 
        width:250px; 
       
/*         max-width:90%;   */
        border-left: 5px solid #abc;   
       border-right: 5px solid #abc;    
           transition: all 0.3s;
  }
/*  .share_zone:hover >   .share_content a {
         border:1px solid red; 
 }
 */
 
.share_zone:hover > .share_content a {
                display:inline-block;
                 
}
.share_content img {
        
    -webkit-filter: grayscale(0.9); /* Webkit */
 
  
    filter: gray; /* IE6-9 */
    filter: grayscale(90%);
    filter: grayscale(0.9); /* W3C */
    opacity: 0.6;
/*      border:1px solid transparent; */
/*      filter: url('/image/share/gray.svg#grayscale'); */
        transition: all 0.2s;
}
 /*animation*/
.share_content img:hover {
    -webkit-filter: grayscale(0); /* Webkit */
    filter: none; /* IE6-9 */
    filter: grayscale(0); /* W3C */
/*     opacity: 1; */
    background:#ddd;
    box-shadow: 0 0 5px #555;
/*     border:1px solid #bbe; */
}
 
 
 
 
/*for partner links tla */

.pla, #partners a {
    font-size:0.9em;
	color:#779;
}

/*horizontal box */
 .product_box, .media_box {
        
         display:inline-block;

        width:32%;  
        max-width:330px;
        min-width:270px;
	min-height:400px;
	padding:0 0 1em 0; 
	margin:15px 5px;
        position:relative;
	
        vertical-align:top;
        
	background:#356;   
         background-image:linear-gradient(#123,#567,#567,#123); 
	
	border:1px solid #335;
        border-radius:10px;  
        font-size:1.3em;
 	 color:white;
	 transition: border,box-shadow 2s;
}
.media_box {
         min-width:250px;
        background-image:linear-gradient(#555,#888,#888,#555);
        background: #f4f4f4 ;
        color:black;
        min-height:220px;
            border:1px solid #eee;
          border-radius:50px; 
}
.media_box h2 {
        
        margin-top:20px;
        
        font-family:Manrope, sans-serif;
         font-size:1.6em;
         text-align:center;
}
.media_box h2 a {
                font-size:1em; 
                text-align:center;
                padding:0;
                
}
.media_box p, .media_box h2{  
         text-align:center;   
          color:black;
 }

 .product_box ul { 
      display:block;
      max-width:85%; 
      min-height:250px; 
      margin:1em 0;        
      padding-inline-start:1.5em;
          
      
}  

.product_box li {
        color:#fff;
        list-style-type:square;
        font-size:1em;
 }

.product_box h3, .product_box h4 {
	width:96%;
        min-height:90px;  
	font-size:2.0em;
        line-height:1.0em;
	color:#fff;
	padding:0.5em 0 0 0.5em;
	margin:0.5em 0 0 0;
	border:none;
/*         background:#335; */
 }
 .product_box h4 { 
         font-size:1.5em;  
}
 .price_box {
        display:block;
        padding:1em;
        margin:0.5em auto;
        width:80%;       
        color:white;
        text-align:right;   
}

.media_box:hover  p, .media_box:hover  h2 { color:#124;} 
.product_box:hover li { color:#000; }
.product_box:hover .price_box {color:#000; }
/* list-style-image: url('/image/icon/right-arrow.svg')  */

.product_box:hover, .media_box:hover {
	 background:#fff; 
         background-image:linear-gradient(#eee,#fff,#fff,#ccc);    	
	 color:#111;
	 border:1px solid #511;
	 box-shadow: 0 0 15px #111;  
}
.product_box:hover {
         cursor:pointer;
}
.premium:hover  {
         background-image:linear-gradient(#fec,#fff,#fff,#ccb);    
}

.product_box:hover h3
{
	  color:#335;
}
 
/*premium box */
.premium {
        border-radius:10px;  
        background:#005577;
/*         background-image:linear-gradient(#990000,#bb0000,#dd0000,#990000);    */
  background-image:linear-gradient(#005577,#007799,#007799,#005577);   
        color:#fff;  
}
.premium h3 { color:#ffc;  }

/*sponsoring colors*/
.silver  {
      background:#aaa;
      background: linear-gradient(30deg, #555,#555,#777, #555, #555);
/*        background: linear-gradient(30deg,#2f2f2f,#555555,#aaaaaa,#555555,#2f2f2f); */
}
 
.gold {
 
/*         background: linear-gradient(30deg, #002266,#002266,#004488, #002266, #002266); */
/*         background: linear-gradient(30deg,#b8860b,#daa520,#ffd700,#daa520,#b8860b); */
        background: linear-gradient(30deg,#4d3900,#806000,#b8860b,#806000,#4d3900);

}
 
.silver,  .gold {
 
	border:1px solid #335;
        border-radius:20px;  
        box-shadow: 0 0 5px #555; 
}
#price_table {
        overflow-x:scroll;
}


.bt{ color:white;}

.admin_box{margin:10px 0; position:relative;   width:95%; border:1px solid #aae; padding:5px; border-radius:5px;}
.debug_box {width:300px;  position:relative; top:0; left:0; border:1px solid yellow; color:#555; background:white; display:none;}
.debug_box:hover{ display:block;}
.debug { border:1px solid yellow; color:#555; font-weight:bold; font-size:1.3em;}
.delete { color:#a33;}
.edit  {color:#113;}

.admin_box h2 { 
    
        background:#fff;
        border:none;
        width: fit-content; 
         display:block;  
          margin:-1.0em 0 0 1em;  
        font-size:1.2em;
        font-weight:bold;
        padding:1px;
}
.val {
       color:#558599; 
}
.clear { clear:both;}


/*facebook tool bar module/social_facebook_plugin.inc.php*/
 
 /*size independant */
 .fb_button  {
	 
	 
	display:block;  
	padding:0.1em 0.2em 0.5em 0.2em; 
	background:#4864b4; 
	font-family: Helvetica, Arial,sans-serif; 
	color:white; 
	font-weight:bold; 
	font-size:1em;  
	border:0; 
	margin:0;
	border-radius:0.3em; 
	-moz-border-radius:0.3em; 
	-webkit-border-radius:0.3em;  
 }
a.fb_button, a.fb_button:link,  a.fb_button:visited { color:white;}

.fb_button:hover     {background:#8195cd; cursor: pointer; }
  
.fb_logo { font-size:1.6em; padding:0.1em 0.2em 0.2em 0.7em;}
a.fb_logo, a.fb_logo:link,  a.fb_logo:visited { color:white;}

a.fb_button { text-decoration:none;}
 
 .fb_num {display:inline; padding: 0.2em  0.3em  0.2em  0.3em; margin:0; border: 1px solid #ddd; font-size:0.9em; color:#777; line-height:1.1em; }  
  .fb_button,  .fb_num  { height:1.1em; }
  
 .fb_box {
	  
	 display:inline-block; 
	
	 position:relative;  
	 height:2em; 
	 margin:0.1em; 
	 padding:0.2em;
         margin-right:0.5em;
/*   	 border:1px solid blue;  */
}
    
 /* in order to have a two column floated div  without space*/
 /*used in footer */
.odd {  clear: left; }
.even {  clear: right; }
 
 .analytics_consent_box { 
         
         background:#dde; 
         width:100%; 
         position:fixed; 
         bottom:0; 
         height:135px; 
         max-height:150px; 
         z-index:1000; 
         color:white; 
         opacity:0.9; 
         border-top:1px solid #aaa; 
         padding-top:1.0em;
         font-size:0.8em; 
         font-weight:bold;
 }
 
 /*jobs_admin.php styles */
 
.adminbox { width:95%; padding:15px 10px; background:#fafafa; border:1px solid #eee; border-bottom:1px solid #ddd; border-right:1px solid #ddd; margin-bottom:10px; border-radius:8px;  box-shadow: 0 0 5px #bbb; }

.adminboxtitle { width:80%; display:block; border-bottom:1px solid #eee; padding:5px;font-size:1.3em;font-weight:bold;}

			
.icontext {
        width:110px; 
        display:inline-block; 
        margin:5px 1%; 
        padding: 8px 5px 5px 5px;
        font-weight:bold; 
        font-size:1.1em; 
        text-align:center; 
        background:#ffffff; 
        border:1px solid #eee; 
        border-radius:8px;    
        transition: all 0.6s; 
        box-shadow: 0 0 5px #888; 
        overflow:hidden;
}
.icontext a {color:#337; text-decoration:none;transition: all 0.6s; }
.icontext:hover{ 
        background:#778; 
        color:white;
        cursor:pointer; 
        border-bottom:1px solid #aaa; 
        border-right:1px solid #aaa; 
        box-shadow: 0 5px 8px #444;
/*         background-image:linear-gradient(#990000,#bb0000,#dd0000,#990000);  */
/*         background-image:linear-gradient(#9900dd,#5500aa,#0000bb,#006688); */
        background-image:linear-gradient(#005566,#228899,#228899,#29aabe);
/*icon color: 29aabe*/
}
			
.icontext:hover  div {color:#fff; text-decoration:none;}
			
.icontext img { display:block; margin:0 auto; text-align:center;  }
                        
 @media screen and (max-width:600px) {
        .icontext {
        
                margin:5px 1%;
        }
 }
 
 
 
 /* for testing */
/*  .firstNewsBox, .sidebox, .newsbox  
 { 
     border: none!important;
    box-shadow: none!important;
    background: white!important;
}
 
*/