@charset "UTF-8";
/* CSS Document  seismo.css*/

/**** grid framework ****/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
  }
  
.row {
	margin-right:-10px; 
	margin-left:-10px 
}


@media (min-width: 768px) {

  .container {
    width: 750px;
  }
  
}


@media (min-width: 992px) {

  .container {
    width: 970px;
  }
  
}


@media (min-width: 1240px) {

  .container {
    width: 1220px;
  }
  
}

.container-fluid {
  padding-right: 10px;
  padding-left:10px;
  margin-right: auto;
  margin-left: auto;
}

/***** text colors *****/
.red {
	color: #e20000
}

.blue {
	color: #0077bb
}

.grey {
	color: #e5e6eb
}

/***** floating *****/
.clearboth {
	clear:both
}

/***** Collapsible classes *****/
.display_none {
	display:none
}

.display_block {
	display:block
}


/***** body *****/
body { 
	font-size:15px;
	font-family:Verdana,Arial,sans-serif;
	line-height:20px;
	color:#000000;
	}

.page-wrap * {
	border-radius:0px;
}

.hyphen {
  	-webkit-hyphens: auto;
  	-moz-hyphens: auto;
  	-ms-hyphens: auto;
  	hyphens: auto;
}

h1, h2,h3, h4 {
	color:#000;
}


h1, h2 {
	font-size:27px;
	line-height:33px;
	display:block;
	border-top:1px solid #000000
}

h3 {
	font-size:22px;
	line-height:27px;
	display:block;
	border-top:1px solid #000000
}

h4 {
	font-size:18px;
	line-height:21px;
}

h5 {
	font-size:15px;
	line-height:20px;
	color:#0077bb
}

h6 {
font-size:13px;
line-height:17px;
}

h3 {
	margin-top:20px
}

h1, .h1, h2, .h2, h3, .h3 {
	margin-bottom:15px
}
h4, .h4 {
	margin-top:15px;
	margin-bottom:10px
}

h5, .h5, h6, .h6 {
	margin-bottom:5px
}

h6 a {
	border-bottom:2px dotted #000 !important
}

.headline { 
	margin:0px 0px 15px;
	border-top:1px solid #000000;
	display:block
}

.headline h2 { 
	border-top: none !important;
	border-bottom: none !important;
    display: inline-block;
    margin: 0px 0px;
    padding-bottom: 0px;
	font-size:27px;
	line-height: 33px;
	color:#000
}

.headline h3 { 
	border-top: none !important;
	border-bottom: none !important;
    display: inline-block;
    margin: 0px 0px;
    padding-bottom: 0px;
	font-size:22px;
	line-height: 27px;
	color:#000
}

.headline h4 { 	
	border-bottom: none !important;
    display: inline-block;
    margin: 0px 0px;
    padding-bottom: 0px;
	font-size:18px;
	line-height: 21px;
	color:#000
}

.headline p { 
	margin-bottom:0px;
}

p > a, li a, span > a{ 
	border-bottom:2px dotted #000;
	color:#000;
}

p, li, li a {
    color: #000;
}

ul, ol {   
    margin-left:20px !important;
    padding-left: 0px 
}

li {
   margin-bottom:7px;
}

a:hover {
   text-decoration:none !important
}


/***** Header  block *****/
.header {
	width:100%;
	height:70px;
	background-color:#e20000;
	margin-bottom:20px;
	/*position:fixed;*/
	z-index:100;
	left:0px;
	border-bottom:0px solid white /*style.css*/
}

.header_home {
	width:100%;
	height:95px;
	background-color:#e20000;
	margin-bottom:20px;
	/*position:fixed;*/
	z-index:100;
	left:0px;
	border-bottom:0px solid white /*style.css*/
}

#navblock_bckg {
	position:absolute;
	z-index:200;
	left:0px;
	top:0px;
	background-color:#000;
	opacity:0.8;
	width:100%;
	height:3000px;
	cursor:pointer
}

.container {	
	box-sizing:context-box;
	margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;	
	position:relative
}

 #menubutton_lg {
	display:none !important;
  }

.header #menu_bar {
	position:relative;
	height:70px;
	font-size:16px;
	margin-bottom:20px;
}

.header_home #menu_bar {
	position:relative;
	height:95px;
	font-size:16px;
	margin-bottom:20px;
}

#menu_bar a {
	color:white;
	text-decoration:none
}

#menu_bar  span.active a, a#menubutton_lg.active {
	color:#000000 !important;
	background-color:#ffffff !important;
	text-decoration:none
}

.menu_logos {
	float:left
}

.header .search_twitter {
	float:right
}

.header_home .search_twitter {
	float:right;
}

.menu {
	display:none;
}

#menubutton {
	float:left;
	color:#FFF;	
	position:relative;
	z-index:600;
  }
  
.header #menubutton_lg, .header #menubutton, .header .language_block, .header .search_twitter {	
	margin-top:12px;	
	height:58px;
	line-height:70px
	} 
	
.header_home #menubutton_lg, .header_home #menubutton,  .header_home .language_block, .header_home .search_twitter {	
	margin-top:32px;
	height:63px;
	line-height:70px
	} 
  
.header .logos  {
	float:left;
	margin-top:8px	
}
.header_home .logos  {
	float:left;
	margin-top:12px	
}

 .sed_logo, .sed_logo_de,  .sed_logo_en, .sed_logo_fr, .sed_logo_it, .eth_logo {
	display:inline-block	
}

.header_home .sed_logo {
	width:240px;
	height:	80px;
	background-image: url("/export/system/modules/ch.ethz.sed.seismo.bootstrap.formatters/resources/img/seismo/sed_logo_home.png");
	background-repeat:no-repeat;
	display:inline-block
}

.header  .eth_logo {
	width:139px;
	height:60px;
	margin-left:5px;
	display:inline-block
}

.language_block {
	display:none;
	}

 #twitter_block {	
	display:none;	
	}
	
#search_block {
    float:right;
	color:#FFF;	
	display:inline-block
	}
	
.space_home {	
	height:125px;	
	}
	
	
/**********************************start media queries to display header's elements according to device size */
@media (max-width: 303px) {
  
  .header_home  .logos {
	display:none;
	}	
  

}


@media (max-width: 350px) {
  
  .header_home  #search_block {
	display:none;
	}	
  

}

@media (max-width: 479px) {

  .header_home {
	height:130px;
	}
		
  .header_home #menu_bar {
	height:130px;
	line-height:0px
	}	
	
  #menubutton {	
	margin-right:15px;
	display:block	
	}
  
  .space_home {	
	height:160px;	
	}

  .header_home  .eth_logo {
	width:119px;
	height:20px;
	margin-left:95px;
	background-image: url("/export/system/modules/ch.ethz.sed.seismo.bootstrap.formatters/resources/img/seismo/ethz_logo_home_40.png");
	background-repeat:no-repeat;
	display:block
	}
	
  .header  .eth_logo {
	display:none
	}

	/*** search block ***/	
  #search_block {
	margin-left:15px;
	}

  .search_sed {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    min-width: 35px;
    padding: 11px 0 12px;
    text-align: center;
	}

  #search_open {
    background: #f1f1f1 none repeat scroll 0 0;
    border: 1px solid #adadad;
	border-radius	:0px;
    box-shadow: 0 1px 3px #ddd;
    display: none;
    padding: 14px;
    position: absolute;
    right: 10px;
	width:305px;
	line-height:34px
	}
	
  .header_home #search_open {	
	 top: 85px;
	}
	
  .header #search_open {	
	 top: 70px;
	}

  .btn_sed, .btn-u.btn-red {
    background:#e20000 none repeat scroll 0 0;
    border: 1px none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    height: 34px;
    padding: 0px 13px;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
	}

  .suggestPopupContent table {
    background-color: #eaeaea;
	}

  .suggestPopupContent td {
    padding:3px;
	}
	/*** end search block ***/
		
}

@media (min-width: 480px) {

  #menubutton {	
	margin-right:15px;
	display:block !important	
	}
  
  .header_home  .eth_logo {
	width:119px;
	height:80px;
	margin-left:0px;
	background-image: url("/export/system/modules/ch.ethz.sed.seismo.bootstrap.formatters/resources/img/seismo/ethz_logo_home_80.png");
	background-repeat:no-repeat;
	display:inline-block
	}
	
	/*** search block  ***/
  #search_block {	
	display:inline-block;
	}
	
  #search_block {
    float:right;
	color:#FFF;	
	margin-left:0px
	}

  .search_sed {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    min-width: 35px;
    padding: 11px 0 12px;
    text-align: center;
	}

  #search_open {
    background: #f1f1f1 none repeat scroll 0 0;
    border: 1px solid #adadad;
	border-radius	:0px;
    box-shadow: 0 1px 3px #ddd;
    display: none;
    padding: 14px;
    position: absolute;
    right: 10px;
	width:305px;
	line-height:34px
	}
	
  .header_home #search_open {	
	 top: 95px;
	}
	
  .header #search_open {	
	 top: 70px;
	}


   .btn_sed, .btn-u.btn-red {
    background:#e20000 none repeat scroll 0 0;
    border: 1px none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    height: 34px;
    padding: 0px 13px;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
	}	
	/*** end search block ***/	
	
} 

@media (min-width: 490px) {
  
  .header_home  .eth_logo, .header  .eth_logo {
	margin-left:10px;
	}
	
}
/*** this is to avoid header zooming on small devices ***/
@media (max-width: 768px) {
	
	.header, .header_home {
 	 position:absolute
 	}

	.anchor_name, .anchor_name_home {
	 top:-1px
	}
	
	#level0_text {
	 margin:90px -10px 0px;
	}

}

@media (min-width: 769px) {
	
	.header, .header_home {
 	position:fixed
 	}

	.anchor_name {
	top:-73px
	}

	.anchor_name_home {
	top:-125px
	}
	
	#level0_text {
	 margin:90px auto 0px;
	}
}
/*** end this ***/

@media (min-width: 768px) {

   #menubutton {	
	margin-right:20px;	
	} 
	
  .menu {
	padding:0px;
	display:inline-block
	} 
	
	/*** language block ***/
  .language_block {
	display:block;
	float:left;
	text-align:right;
	margin-top:32px;
	height:68px;
	line-height:68px;
	}
	
  .header .language_block {	
	margin-left:50px;
	}
	
  .header_home .language_block {	
	margin-left:20px;
	}
	
  .language_block .language_block_span {	
	margin:0px 0px 0px 5px;
	}

  .language_block .language_block_span a {
	color:#FFF;
	padding:4px;
	border-bottom:none !important
	}

  .language_block .language_block_span.active a {
	color:#000;
	line-height:18px
	}
	/*** end language block ***/
		
  #twitter_block {
	margin-left:10px;
	color:#FFF;
	float:right;
	display:inline-block;
	}	

}

@media (min-width: 992px) {
	
  #menubutton {	
	margin-right:50px;	
	} 
	
  .header .language_block, .header_home .language_block {
	margin-left:100px	
	}
	
  .language_block .language_block_span {	
	margin:0px 0px 0px 10px;
	}
	
  #twitter_block {
	margin-left:20px
	}

}
   
@media (min-width: 1240px) {

  .header .language_block, .header_home .language_block {
	margin-left:150px	
	}
	
}

@media (min-width: 1481px) {

   #menubutton_lg {
	position:absolute;
	color:#FFF;	
	top:0px;
	left:0px;
	z-index:600;
	margin-left:50px;
	display:block !important
  	}

  #menubutton {
	display:none !important
  	}
  
}



/***  Level0_text block ***/
.level0_home {
	border-top: 1.0px solid #000;
    box-sizing: border-box;
    height: 60px;
    letter-spacing: 2px;
    margin: 30px auto 0px;
    padding-top: 7px;
    position: relative;
    text-align: center;
    text-transform: uppercase;   

}
#level0_text {
	border-top: 1.0px solid #000;
    box-sizing: border-box;
    height: 60px;
    letter-spacing: 2px;
    padding-top: 7px;
    position: relative;
    text-align: center;
    text-transform: uppercase;   
}


/***  end Level0_text block ***/

/***** end header block *****/

/***** start navigation block *****/

.language_block_nav {	
	float:left;
	line-height:18px;
	font-size:18px
}

.language_block_nav .language_block_span {
    display:inline-block;
	margin:0px 25px 0px 0px;
}

.language_block_nav .language_block_span a {
	color:#000
}

.language_block_nav .language_block_span.active a {
	color:#e20000
}


#mbutton_close_nav {
	float:right;
	color:#000000;
	display:block
}

#navblock ul li a{
	border-bottom:0px dotted  white;
	
}

#navblock ul li {
	margin-bottom:0px;	
}

#navblock ul {
	margin-left:0px !important;
	padding-left:0px	
}

#navblock {
	position:fixed;
	z-index:3000;
	box-sizing:border-box;
	height:100%;
	background-color:white;
	top:0px;
	left:0px;
	padding:0px;
	overflow-y:auto !important	
}

#menubutton_nav {		
	color:#000;
	background-color:#fff;
	position:fixed;
	z-index:600;
	padding:20px 20px 0px;
	height:60px;	
}
  
#mbutton {		
	color:#000;
	display:block;
	float:left;
}
  
#mbutton_close {		
	color:#000;
	display:block;
	float:right;
}

.ul_top {
    position:relative;
	list-style:outside none none;
    margin: 70px 0px 20px;
	overflow-y: auto !important;
	height:auto	
}

#navblock .ul_top {
	padding:20px 20px 0px	
}

.ul_top ul  {
	list-style:outside none none	
}

ul.ul_top > li > a { 
	display:block;
	line-height: 0px;
    padding:0px 20px 13px 0px;
	position:relative;
}

ul.ul_top > li > a:hover, ul.ul_top > li > a:active { 
	text-decoration:none !important;
	color: #000 
}

.li_level1 a { 
	display:block;
}
 
.li_level0 ul.sed_dropdown-menu {
	box-shadow:none;
	float:none;
    padding-left: 0px !important;
	display:none
}

#navblock .li_level1 ul.sed_dropdown-menu,  #navblock .li_level2 ul.sed_dropdown-menu,  #navblock .li_level3 ul.sed_dropdown-menu {
	box-shadow:none;
	float:none;
    padding-left: 20px !important;
	display:none
}

.header ul.sed_dropdown-menu li a {
	border-top: 1px solid #000 !important;
	display:block;
	position:relative;
}

.sed_dropdown-submenu > .sed_dropdown-menu {
    display: block;
	padding-left:0px !important;
    margin-left: 15px;
} 

.li_level0 a, .li_level1 a, .li_level2 a, .li_level3 a, .li_level4 a {
	padding-right:20px;	
	padding-top:1px
}

.li_level0 a, .li_level1 a {
	padding-left:0px;
	border-top:1px solid black	
}

.li_level0  a{
	line-height:26px !important;
	font-size:24px;
}

.li_level0 a.arrow_black{
	background-image: url("/export/system/modules/ch.ethz.sed.seismo.bootstrap.formatters/resources/img/seismo/lev0_black.jpg");
	background-repeat:no-repeat;
	background-position:right 2px;
}

.li_level1  a, .sed_.li_level2 a {
	line-height:18px !important;
	font-size:16px !important;
	padding-bottom:9px;
	border-top:1px solid black;
}

li.li_level2 a.arrow_black {
	background-image: url("/export/system/modules/ch.ethz.sed.seismo.bootstrap.formatters/resources/img/seismo/sublev_black.jpg");
	background-repeat:no-repeat;
	background-position:98.9% 2px;
}

.li_level0 a.arrow_red { 
	background-image: url("/export/system/modules/ch.ethz.sed.seismo.bootstrap.formatters/resources/img/seismo/lev0_red.jpg");
	background-repeat:no-repeat;
	background-position:right 2px;
}

 li.li_level2 a.arrow_red { 
	background-image: url("/export/system/modules/ch.ethz.sed.seismo.bootstrap.formatters/resources/img/seismo/sublev_red.jpg");
	background-repeat:no-repeat;
	background-position:98.9% 2px;
}

.marked, .marked .fa { 
	color: #e20000 !important;
}

.li_level0 .fa { 
	line-height:28px !important
}

.li_level0 .fa-2x { 
	font-size:24px !important;
}


#navblock li a {
	border-bottom:0px
}

li.li_level0:first-child a {
	border-top:1px solid black
}

li.li_level0:last-child {
	border-bottom:1px solid black
}
 
/***  End Navigation block ***/


/***** Forms *****/
.form-control {
    color: #080808;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #f1f1f1;
    cursor: not-allowed;
    opacity: 1;
}
/***** end Forms *****/


/***** Search page *****/
#searchWidgetResultList h3, h3.panel-title {		
	border-top:0px none;	
}
	
.panel-search {
    border-color: #e20000;
}

.panel-search > .panel-heading {
    background-color: #e20000;
    color: #fff;
}

#searchWidgetResultPagination .pager li > a, #searchWidgetResultPagination .pager li > span {
    border-radius: 0;
}

.pager li > a,  .pager li > span {
    background-color: #e20000;
   	color: #fff
}

.pager li > a:hover, .pager li > a:focus {
    text-decoration: none;
    background-color: #eee;
	color: #000
}

pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span {
    background-color: #fff;
    color: #777;
    cursor: not-allowed;
	border:1px solid  #e20000
}
	
#searchWidgetResultList h3, h3.panel-title {		
	border-top:0px none;	
}

.panel-search {
    border-color: #e20000;
}

.panel-search > .panel-heading {
    background-color: #e20000;
    color: #fff;
}

#searchWidgetResultPagination .pager li > a, #searchWidgetResultPagination .pager li > span {
    border-radius: 0;
}

.suggestPopupMiddleCenter table {
    background-color: #e6e6e6;
}

.pager li > a,  .pager li > span {
    background-color: #e20000;
   	color: #fff
}

.pager li > a:hover, .pager li > a:focus {
    text-decoration: none;
    background-color: #eee;
	color: #000
}

pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span {
    background-color: #fff;
    color: #777;
    cursor: not-allowed;
	border:1px solid  #e20000
	}

/* #searchWidgetTextFacet {
	display:none
} */

/***** end search page *****/

/***** Other content blocks *****/

/***  Parent page  block ***/
#parent-page {
	color:#0077bb;
	border-top:1px solid  #000;
	line-height:24px;	
}
/***  End Parent page  block ***/

/***  Boxfeeder  block ***/

h2.boxf_title { 
	background-image: url("/export/system/modules/ch.ethz.sed.seismo.bootstrap.formatters/resources/img/seismo/boxf_arrow_l.png");
	background-repeat:no-repeat;
	background-color:#000;
	display:block;
	height:24px;
	margin-left:-20px;
	margin-bottom:13px;
	margin-top:0px;
	position:relative;
	border-top:0px solid  #000;
}

@media (max-width: 767px) {

  h2.boxf_title {
	margin-left:0px;
	}

}

.boxf_title_txt { 
	color:white;
	line-height:24px;
	font-size:16px;
	margin-left:20px;
	display:block
	}

.boxf_arrow_r { 
    background-image: url("/export/system/modules/ch.ethz.sed.seismo.bootstrap.formatters/resources/img/seismo/boxf_arrow_r.png");
	position:absolute;
	top:0px;
	right:0px;
	width:12px;
	height:24px
	}

.links_title {
	font-size:16px:
	line-height:21px;
	color: #0077bb;
	}

.boxfeeder  ul { 
	margin-bottom:21px
	}

/***  End boxfeeder  block ***/


/*** block on home page with thumbnails for news and themes ***/



.news_themes_block {
	text-align:center
}

@media (min-width: 768px) {
	
  .news_themes_block {
	text-align:right;
	margin-left:-60px
} 
} 	

.news_themes_block > span{
	text-align:right;
	display:inline-block;
	line-height:32px
}

.news_themes_block > span:first-child{
	margin-right:30px
}

.news_themes_block a{
	border-bottom:2px dotted  #000000;
	line-height:32px
}

.news_themes_block .fa{
	color:  #e20000;
	padding-left:10px;
	line-height:32px
	
}

.news_themes_block img{
	padding-left:5px
}

@media (max-width: 303px) {
	
  .news_themes_block {
	text-align:left;
	} 
  .news_themes_block > span:first-child{
	line-height:50px
	}
} 	


/*** end block on home page with thumbnails for news and themes ***/


/***  Footer block ***/

.footer_sed_home {
    color: #fff;
    background: none repeat scroll 0% 0% #e20000;
    padding: 12px 0px;
	height:200px;
	position:relative;
}

.footer_sed_home p {  
    font-size:13px;
	line-height:16px;
	color: #fff;
}

.footer_sed_home a {
    color: #fff;
    font-size:16px;
	text-decoration:none !important;
}

.impressum a, .footer_ethz a {
    border-bottom:1px dotted  #fff;
}

.footer_sed_home a.d-erdw {
	display:inline-block;
	padding:6px;
	border:1px solid #fff;
	margin-top:5px
}


@media (max-width: 500px) {
	.footer_sed_home {
    	height: 230px;
	}
	
	.footer_sed_home a.d-erdw {
		margin-top:10px
	}
}

.footer_sed {
    color: #fff;
    background: none repeat scroll 0% 0% #e20000;
    padding: 12px 0px;
	height:160px;
	position:relative;
	}

.footer_sed p {  
    font-size:13px;
	line-height:16px;
	color: #fff;
	
}

.footer_sed a {
    color: #fff;
    font-size:16px;
	text-decoration:none !important	
}



@media (max-width: 500px) {
	.footer_sed {
    	height: 180px;
	}
	
	.footer_divider {
    	display:none;
	}
	
	.footer_eth {
    	display:block;
		padding-top:20px
	}
}



.impressum a, .impressum a:focus{ 
    font-size:13px;
	border-bottom: none;
	border-bottom:1px dotted #fff
}

.twitter_footer {
    color: #fff;
   	display:inline-block;
	margin-left:25px;
}

@media (max-width: 400px) {
	.twitter_footer {
		margin-left:10px;
	}
}

.contact_footer {
    color: #fff;
   	display:inline-block;
}

/***  END Footer  block ***/

/***  SED Collapsible Element block ***/

.sed_collapsible .fa {
	position:absolute;
	top:0px;
	right:1px
}

.headline.sed_collapsible1 {
	background-image: url("/export/system/modules/ch.ethz.sed.seismo.bootstrap.formatters/resources/img/seismo/close_box.jpg");
    background-repeat:no-repeat;
	background-position:right 2px;
	border-top:1px solid #000;
	margin:10px 0px 15px;
	line-height:33px
}

.headline.sed_collapsible1.collapsed {
	background-image: url("/export/system/modules/ch.ethz.sed.seismo.bootstrap.formatters/resources/img/seismo/open_box.jpg");
    background-repeat:no-repeat;
	border-top:1px solid #000;
	background-position:right 2px;
	/*margin:10px 0px 0px;*/
	margin:0px 0px 10px;
	line-height:33px
}

.headline.sed_collapsible2 {
	background-image: url("/export/system/modules/ch.ethz.sed.seismo.bootstrap.formatters/resources/img/seismo/close_box.jpg");
    background-repeat:no-repeat;
	background-position:right 2px;
	border-top:1px solid #000;
	margin:10px 0px 15px;
	line-height:28px
}

.headline.sed_collapsible2.collapsed {
	background-image: url("/export/system/modules/ch.ethz.sed.seismo.bootstrap.formatters/resources/img/seismo/open_box.jpg");
    background-repeat:no-repeat;
	background-position:right 2px;
	border-top:1px solid #000;
	/*margin:5px 0px 0px;*/
	margin:0px 0px 10px;
	line-height:28px
}

.headline.sed_collapsible3 {
	background-image: url("/export/system/modules/ch.ethz.sed.seismo.bootstrap.formatters/resources/img/seismo/close_box_c3.jpg");
    background-repeat:no-repeat;
	background-position:right 2px;
	border-top:1px solid #000;
	margin:1px 0px 10px;
	line-height:24px
}

.headline.sed_collapsible3.collapsed {
	background-image: url("/export/system/modules/ch.ethz.sed.seismo.bootstrap.formatters/resources/img/seismo/open_box_c3.jpg");
    background-repeat:no-repeat;
	background-position:right 2px;
	border-top:1px solid #000;
	/*margin:0px;*/
	margin:10px 0px 10px;
	line-height:24px
}

.headline.nocollapsible3 { 
	border-top:0px solid #000000;
	margin-bottom:10px
}

.headline.sed_collapsible1, .headline.sed_collapsible2,  .headline.sed_collapsible3,  .headline.sed_collapsible1.collapsed, .headline.sed_collapsible2.collapsed,  .headline.sed_collapsible3.collapsed {
	padding-right:15px
}

.headline.sed_collapsible3.collapsed h4, .headline.sed_collapsible3 h4 {
	font-size:18px;
	line-height:21px
}

div.sed_collapsible_block:last-of-type > div > a.headline.sed_collapsible1.collapsed, div.sed_collapsible_block:last-of-type > div > a.headline.sed_collapsible2.collapsed, div.sed_collapsible_block:last-of-type > div >  a.headline.sed_collapsible3.collapsed {
	margin-bottom:30px
}

.collapsible1 h2, .collapsible2 h3, .collapsible3 h4 {
	padding-right: 20px;
}

a.sed_collapsible4 {
	background-image: url("/export/system/modules/ch.ethz.sed.seismo.bootstrap.formatters/resources/img/seismo/close_box_c4.png");
    background-repeat:no-repeat;
	background-position:right 50%;
	padding-right:20px;
	margin:0px 0px 10px;
	line-height:20px;
	font-size:15px;
	display:block;
	text-decoration:none !important
}

a.sed_collapsible4.collapsed {
	background-image: url("/export/system/modules/ch.ethz.sed.seismo.bootstrap.formatters/resources/img/seismo/open_box_c4.png");
    background-repeat:no-repeat;
	background-position:right 50%;
	margin:0px 0px 30px;
	line-height:19px;
	font-size:15px;
	padding-right:19px;
	display:block;
	text-decoration:none !important
}

/*** End SED Collapsible Block ***/

/*** image with text block  ***/

.img_responsive_sed {
    display: block;
    height: auto;
    width: 100%;
}

.img_bordered_sed {
    border:1px solid  #000;
	padding:3px
}

.img_center15, .img_center20, .img_center25, .img_center33, .img_center50,.img_center66, .img_center80, .img_center100 {
	display:block;
	margin:0px auto 10px;
}
.img_left15, .img_left20, .img_left25, .img_left33, .img_left50, .img_left66, .img_left80 {
	display:block;
	float:left;
	margin-bottom:10px
}
.img_right15, .img_right20, .img_right25, .img_right33, .img_right50, .img_right66, .img_right80  {
	display:block;
	float:right;
	margin-bottom:10px
}

.img_center15, .img_left15, .img_right15 {
	width:15%;
}
.img_center20, .img_left20, .img_right20 {
	width:20%;
}
.img_center25, .img_left25, .img_right25 {
	width:25%;
}
.img_center33, .img_left33, .img_right33 {
	width:33%;
}
.img_center50, .img_left50, .img_right50 {
	width:50%;
}
.img_center66, .img_left66, .img_right66 {
	width:66%;
}
.img_center80, .img_left80, .img_right80 {
	width:80%;
}
.img_center100 {
	width:100%;
}

.text_right0, .text_left0 {
	display:none
}

.text_right20, .text_right25, .text_right33, .text_right50, .text_right66,  .text_right75, .text_right80, .text_right85 {
	padding-left:10px;
}
.text_left20, .text_left25, .text_left33, .text_left50, .text_left66, .text_left75, .text_left80, .text_left85 {
	padding-right:10px;
}

.text_right20 {
	margin-left:80%
}
.text_right25 {
	margin-left:75%
}
.text_right33 {
	margin-left:66%
}
.text_right50 {
	margin-left:50%
}
.text_right66 {
	margin-left:33%
}
.text_right75 {
	margin-left:25%
}
.text_right80 {
	margin-left:20%
}
.text_right85 {
	margin-left:15%
}


.text_left20 {
	margin-right:80%
}
.text_left25 {
	margin-right:75%
}
.text_left33 {
	margin-right:66%
}
.text_left50 {
	margin-right:50%
}
.text_left66 {
	margin-right:33%
}
.text_left75 {
	margin-right:25%
}
.text_left80 {
	margin-right:20%
}
.text_left85 {
	margin-right:15%
}


.bottom_separator {
	border-bottom:1px dotted #000
}

/*** End Image with text Block ***/

/*** Read more block ***/

.readmore {
	border-bottom:2px dotted  #000000
}
.readmore_div {
	display:table;
	margin-top:-20px;
}
/*** end read more block ***/

/*** Detail block ***/

.detail {
	background-image: url("/export/system/modules/ch.ethz.sed.seismo.bootstrap.formatters/resources/img/seismo/open_box_c4.png");
    background-repeat:no-repeat;
	background-position:right top;
	margin:0px 0px 30px;
	line-height:19px;
	font-size:15px;
	padding-right:19px;
	text-decoration:none !important;
}

.detail_close {
	background-image: url("/export/system/modules/ch.ethz.sed.seismo.bootstrap.formatters/resources/img/seismo/close_box_c4.png");
    background-repeat:no-repeat;
	background-position:right top;
	padding-right:20px;
	margin:0px 0px 10px;
	line-height:20px;
	font-size:15px;
	text-decoration:none !important
}
a.detail_close scan {
   cursor:pointer
}

/*** table block ***/
table.t_list {
    font-size: 14px;
    empty-cells: show;
    margin-bottom: 0px;
    border-collapse: collapse;
    width: 100%;
}

table.t_list th, table.t_list td {
	vertical-align: top;
	padding: 2px 10px 4px 0px;
}

table.t_list th {
	color: #000;
}
table.t_list td {
	border-top: 1px solid #000;
	background: transparent none repeat scroll 0 0;
}


.t_list tr {
	background: transparent none repeat scroll 0 0; 
}

table.t_list th >a, table.t_list td > a { 
	border-bottom:2px dotted #000;
	color:#000;
}

.text_justify { 
	text-align:justify
}

/*** end of table block ***/
.error_msg {
	color: #e20000;
	font-weight: 700;
}

/*** error on table ***/
/*.cms_ade_element_error {
  border:2px solid #e20000 !important;
  margin-bottom:10px
}

p.error_table {
	padding-top:7px
}
*/
/*** anchor ***/
.anchor_name {
	position:relative;
    /*top:-73px;*/
    display: block;
}

.anchor_name_home {
	position:relative;
    /*top:-125px;*/
    display: block;
}

/*** iframe ***/

.iframe100 {
	width:100%;
	border:none;
	overflow:auto
}

/*** block eq links on homepage **/
.eq_links_home { 
	display:table
}

.eq_links_home >div { 
	display:table-cell
}

.eq_links_home  img{ 
	margin-right:8px;
	margin-top:0px !important
}

/*** block displayed on tablets/mobile to jump to eq lists ***/

@media (min-width: 992px) {

  .eq_jump {
    display:none;
  }
  
}

/***** error handler *****/

.error_handler_txt {
	padding-left:10px;
	font-size: 21px; 
	line-height: 24px;	
}

/*** fancybox ***/
/*Fancybox : to show enlarged picture detached from background: without this change some version of IE Browser with some Windows operating system do not show the picture detached */

	.fancybox-overlay.fancybox-overlay-fixed {
  		/* z-index:9999; */
 		 z-index:8000
		}
	

/***** print *****/
@media print {

	/*display webpage title */
	div.print_site_name::before {
    	margin: 0px 0px 20px;
    	content: "Swiss Seismological Service (SED)";
    	display: block;
    	font-weight: 700;
		width:100%
	}
	
	
	/*disable these elements*/
	header, div.space_home, div#topcontrol {
		display:none
	}
	
	/* restyle these elements with background color/image */
	div.footer_sed_home, div.footer_sed {
		border-top:1px solid #e20000 !important
	}
	
	#level0_text {
    margin: 20px auto 0px;
	}
	
	button.btn-u.btn-red {
		border:1px solid #e20000 !important
	}
	
	.tab-v1 .nav-tabs > .active > a, .tab-v1 .nav-tabs > .active > a:hover, .tab-v1 .nav-tabs > .active > a:focus {
		border-top:2px solid #e20000 !important;
		border-right:2px solid #e20000 !important;
		border-left:2px solid #e20000 !important;
	}
	
	span.boxf_title_txt {
		font-weight:700
	}
	
	/*to avoid table cut on Chrome */
	div.tableMargin {
		overflow:visible
	}
	
	/*to avoid image cut on firefox */
	img.img_responsive_sed {
  			display:inline-block		
	}
	
	
	/*to avoid url as content of a tag */
	a:link:after, a:visited:after {
    	content: "";	
	}

	/* to avoid text cut on the right side of the table in Chrome */
	div.tableMargin {
		overflow:visible
	}
	
	
	/*to print columns correctly on chrome */
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    	float: left;
	}
	
	.col-sm-12 {
    	width: 100%;
  	}
	
  	.col-sm-11 {
    	width: 91.66666667%;
  	}
	
  	.col-sm-10 {
   		width: 83.33333333%;
  	}
	
  	.col-sm-9 {
    	width: 75%;
  	}
	
  	.col-sm-8 {
    	width: 66.66666667%;
  	}
	
  	.col-sm-7 {
    	width: 58.33333333%;
  	}
	
  	.col-sm-6 {
    	width: 50%;
  	}
	
  	.col-sm-5 {
    	width: 41.66666667%;
  	}
	
  	.col-sm-4 {
    	width: 33.33333333%;
  	}
	
  	.col-sm-3 {
    	width: 25%;
  	}
	
  	.col-sm-2 {
    	width: 16.66666667%;
  	}
	
  	.col-sm-1 {
    	width: 8.33333333%;
  	}
	
  	.col-sm-pull-12 {
    	right: 100%;
  	}
	
  	.col-sm-pull-11 {
    	right: 91.66666667%;
  	}
	
  	.col-sm-pull-10 {
    	right: 83.33333333%;
  	}
	
  	.col-sm-pull-9 {
    	right: 75%;
  	}
	
  	.col-sm-pull-8 {
    	right: 66.66666667%;
  	}
	
  	.col-sm-pull-7 {
    	right: 58.33333333%;
  	}
	
  	.col-sm-pull-6 {
    	right: 50%;
  	}
	
  	.col-sm-pull-5 {
    	right: 41.66666667%;
  	}

	.col-sm-pull-4 {
    	right: 33.33333333%;
  	}
	
  	.col-sm-pull-3 {
    	right: 25%;
  	}
	
  	.col-sm-pull-2 {
    	right: 16.66666667%;
  	}
	
  	.col-sm-pull-1 {
    	right: 8.33333333%;
  	}
	
  	.col-sm-pull-0 {
    	right: auto;
  	}
	
  	.col-sm-push-12 {
    	left: 100%;
  	}
	
  	.col-sm-push-11 {
    	left: 91.66666667%;
  	}
	
  	.col-sm-push-10 {
    	left: 83.33333333%;
  	}
	
  	.col-sm-push-9 {
    	left: 75%;
  	}
	
  	.col-sm-push-8 {
    	left: 66.66666667%;
  	}
	
  	.col-sm-push-7 {
    	left: 58.33333333%;
  	}
	
  	.col-sm-push-6 {
    	left: 50%;
  	}
	
  	.col-sm-push-5 {
    	left: 41.66666667%;
  	}
	
  	.col-sm-push-4 {
    	left: 33.33333333%;
  	}
	
  	.col-sm-push-3 {
    	left: 25%;
  	}
	
  	.col-sm-push-2 {
    	left: 16.66666667%;
  	}
	
  	.col-sm-push-1 {
    	left: 8.33333333%;
  	}
	
  	.col-sm-push-0 {
    	left: auto;
  	}
	
  	.col-sm-offset-12 {
    	margin-left: 100%;
  	}
	
  	.col-sm-offset-11 {
    	margin-left: 91.66666667%;
  	}
	
  	.col-sm-offset-10 {
    	margin-left: 83.33333333%;
  	}
	
  	.col-sm-offset-9 {
    	margin-left: 75%;
  	}
	
  	.col-sm-offset-8 {
    	margin-left: 66.66666667%;
  	}
	
  	.col-sm-offset-7 {
    	margin-left: 58.33333333%;
  	}
	
  	.col-sm-offset-6 {
    	margin-left: 50%;
  	}
	
  	.col-sm-offset-5 {
    	margin-left: 41.66666667%;
  	}
	
  	.col-sm-offset-4 {
    	margin-left: 33.33333333%;
  	}
	
  	.col-sm-offset-3 {
    	margin-left: 25%;
  	}
	
  	.col-sm-offset-2 {
   		margin-left: 16.66666667%;
  	}
	
  	.col-sm-offset-1 {
    	margin-left: 8.33333333%;
  	}
	
  	.col-sm-offset-0 {
    	margin-left: 0%;
	}
		
	.visible-xs {
    	display: none !important;
  	}
	
  	.hidden-xs {
    	display: block !important;
  	}
	
  	table.hidden-xs {
    	display: table;
  	}
	
  	tr.hidden-xs {
    	display: table-row !important;
  	}
	
  	th.hidden-xs,
  	td.hidden-xs {
    	display: table-cell !important;
  	}
	
  	.hidden-xs.hidden-print {
    	display: none !important;
  	}
	
  	.hidden-sm {
    	display: none !important;
  	}
	
  	.visible-sm {
    	display: block !important;
  	}
	
  	table.visible-sm {
    	display: table;
  	}
	
  	tr.visible-sm {
    	display: table-row !important;
  	}
  
  	th.visible-sm,
  	td.visible-sm {
    	display: table-cell !important;
	}

	
	
}