@charset "UTF-8";
/* CSS Document */

body {
	font: 67.5%/1.4 Helvetica, Verdana, Arial, sans-serif;
	background-color: #FFF;
	margin: 0;
	padding: 0;
}

.anchor{
  display: block;
  height: 210px; /*same height as header*/
  margin-top: -210px; /*same height as header*/
  visibility: hidden;
}


/* ~~ Element/tag selectors ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6{
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
}

a img { 
	border: none;
}

/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a {
	color:#003b77;
	text-decoration: none; 
}

a:link {
	color:#003b77;
	text-decoration: none; 
}
a:visited {
	color: #003b77;
	text-decoration: none;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
}

/* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */
.container {
	width: 100%;
	background-color:#f8f8f8;
	margin: 0 auto; 
	padding: 0 0 0 0;
}

.container h2 {
	font-size:1.3em;
	line-height: 1.3em;
	color:#88a2aa;
	padding: 0 0 5px 0;
	font-weight: bold;
	margin: 0;
	}

.container p {
	font-size:1.2em;
	line-height: 1.4em;
	color:#88a2aa;
	padding: 0 0 10px 0;
	margin: 0;
}
	
.headerholder {width: 100%; height: 50px; margin: 0 auto; padding: 0}
.contentholder {width: 900px; margin: 0 auto; padding: 0; background-color:#FFF;}
.contentholderspacer {width: 960px; height: 20px; margin: 0 auto; padding: 0; background-color: #f8f8f8;}

.disclaimerholder {width: 100%; height: 50px; margin: 0 auto; padding: 0; background-color: #88a2aa}
.disclaimerheader {width: 960px; height: 50px; margin: 0 auto;}

.searchtext {width: 870px; float:left; margin: 0 0 0 0; padding: 0; text-align: left}
.searchtext h2 {color:#003b77;}
.searchtext p {color:#003b77;}


/* ~~ These are the columns for the layout. ~~ */
.sidebar1 {
	float: left;
	width: 20%;
	background-color: #93A5C4;
	padding-bottom: 10px;
}
.content {
	padding: 10px 0;
	width: 80%;
	float: left;
}

/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol { 
	padding: 0 15px 15px 40px; 
}


/* ~~ Hero area ~~ */
.heropadding {
	width: 100%; 
	height: 85px;
	margin: 0 auto;
}

#hero {
    width: 100%;
    height: 442px;
	background-color:#FFF;
	margin: 0;
	padding: 0
}


/* ~~ search box ~~ */
.searchbox {
	width: 100%;
	height: 45px;
	margin: 0 auto;
	background-color:#cfdadd;
	padding: 5px 0;
	text-align: center; 
	font-size:1.2em;
	color:#555;
	
}

.searchbox .holder{
	width: 960px;
	height: 45px;
	margin: 0 auto;
	padding: 0;
	background:url(https://web.archive.org/web/20170926020028im_/http://www.europeandigitalmedia.org/images/search/search-placeholder.gif) no-repeat;
}


/* ~~ twitter / news ~~ */
.twitternews {
	width: 100%;
	height: 305px;
	margin: 0 auto;
	background-color:#f8f8f8;
	padding: 30px 0;
}

.twitternews .holder{
	width: 940px;
	height: 305px;
	margin: 0 auto;
	padding: 0;
}

.twitternews .holder .twitter{
	background:url(https://web.archive.org/web/20170926020028im_/http://www.europeandigitalmedia.org/images/twitterbox/twitter-top.jpg) no-repeat;
	width: 455px;
	height: 305px;
	float: left;
	margin: 0 30px 0 0;
	padding: 0 0 0 0;
	background-color:#FFF;	
}

.twitternews .holder .twitter a{
	background:url(https://web.archive.org/web/20170926020028im_/http://www.europeandigitalmedia.org/images/twitterbox/follow.jpg) no-repeat;
	width: 65px;
	height: 21px;
	float: right;
	margin: 0 0 14px 0;
	padding: 0;	
}

.twitternews .holder .twitter .text{
	width: 435px;
	height: 250px;
	float: left;
	margin: 10px;
}

.twitternews .holder .news{
	background:url(https://web.archive.org/web/20170926020028im_/http://www.europeandigitalmedia.org/images/news/news-top.jpg) no-repeat;
	width: 455px;
	height: 305px;
	float: left;
	padding: 0 0 0 0;
	background-color:#FFF	
}

.twitternews .holder .news .text{
	width: 435px;
	height: 75px;
	float: left;
	margin: 10px 0 0 10px;
}

.twitternews .holder .news .text h2 {
	font-size:1.3em;
	line-height: 1.3em;
	color:#88a2aa;
	padding: 0 0 5px 0;
	font-weight: bold;
	margin: 0;
	}

.twitternews .holder .news .text p {
	font-size:1.2em;
	line-height: 1.4em;
	color:#88a2aa;
	padding: 0 0 5px 0;
	margin: 0;
}
.twitternews .holder .news .text li{
	background: url(https://web.archive.org/web/20170926020028im_/http://www.europeandigitalmedia.org/images/key/small-square.jpg) 0 2px no-repeat; 
	padding: 0 0 0 20px;
	margin: 0;
	list-style: none;
}

.twitternews .holder .news .text a{
	background: url(https://web.archive.org/web/20170926020028im_/http://www.europeandigitalmedia.org/images/key/download.jpg) no-repeat; 
	padding: 0;
	margin: 0 0 10px 20px;
	height: 21px;
	width: 75px;
	display: block;
	float: left;
}

.twitternews .holder .news .text .righttextfilesize {
	width: 300px; 
	height: 15px;
	float: left; 
	margin: 5px 0 10px 10px;
	display: inline-block;
	font-size: 0.8em;
}


.twitternews .holder .news a{
	background:url(https://web.archive.org/web/20170926020028im_/http://www.europeandigitalmedia.org/images/news/view-all.jpg) no-repeat;
	width: 65px;
	height: 21px;
	float: right;
	margin: 0 0 14px 0;
	padding: 0;	
}

/* ~~ ticker box ~~ */
.tickerbox {
	width: 100%;
	height: 90px;
	margin: 0 auto;
	background-color:#FFF;
	padding: 5px 0;
}

.tickerbox .holder{
	width: 960px;
	height: 90px;
	margin: 0 auto;
	padding: 0;
}

#wrap {width: 960px; height: 90px; float: left; padding: 0;}

/* ~~ about ~~ */
.aboutedima {
	background:url(https://web.archive.org/web/20170926020028im_/http://www.europeandigitalmedia.org/images/about/about-header4.gif) no-repeat center top;
	width: 100%;
	height: 440px;
	margin: 0 auto;
	padding: 0;
}

.aboutedima p{
	font-size:1.2em;
	line-height: 1.2em;
	color:#FFF;
	padding: 0 0 10px 0;
	margin: 0;
}

.aboutedima .holder{
	background:url(https://web.archive.org/web/20170926020028im_/http://www.europeandigitalmedia.org/images/about/about-header4.gif) no-repeat center top;
	width: 940px;
	height: 440px;
	margin: 0 auto;
	padding: 0 10px;
}

.aboutedima .buttons{
	float: left;
	width: 250px;
	height: 160px;
	margin: 0 0 0 10px;
}

.aboutedima .buttonblank{
	float: left;
	width: 250px;
	height: 36px;
	margin: 0 0 10px 0;
}

.aboutedima .buttons a{
	float: left;
	width: 250px;
	height: 36px;
	margin: 0 0 10px 0;
	display: block;
	background:url(https://web.archive.org/web/20170926020028im_/http://www.europeandigitalmedia.org/images/about/about-officers-btn.jpg) no-repeat;
}

.aboutedima .lefttext{
	float: left;
	width: 230px;
	height: 183px;
	margin: 90px 0 0 10px;
	padding: 0;
	text-align:left;
}

.aboutedima .text{
	float: right;
	width: 540px;
	height: 365px;
	margin: 40px 10px 0 0;
	padding: 10px;
	background:url(https://web.archive.org/web/20170926020028im_/http://www.europeandigitalmedia.org/images/about/about-text-bg.png);
	text-align:left;
}

.aboutedima .thumbnailpic{
	float: left;
	width: 120px;
	height: 145px;
	margin: 0 10px 20px 0;
	padding: 10px;
	background-color:#FFF;
	text-align:left;
}

.aboutedima .thumbnailpictext{
	float: left;
	width: 150px;
	height: 165px;
	margin: 0 10px 20px 0;
	padding: 0;
	text-align:left;
}

/* ~~ Toggle Extras ~~ */
.lefttext {
	width: 430px; 
	float: left; 
	margin: 0 10px 10px 0}
	
.righttextscreenshot {
	width: 113px; 
	height: 160px;
	float: left; 
	margin: 0 10px 10px 0
}

.righttext {
	width: 280px; 
	float: left; 
	margin: 0 0 0 0
}
	
.righttext li{
	background: url(https://web.archive.org/web/20170926020028im_/http://www.europeandigitalmedia.org/images/key/small-square.jpg) 0 4px no-repeat; 
	padding: 0 0 0 20px;
	margin: 0;
	list-style: none;
}

.righttext a{
	background: url(https://web.archive.org/web/20170926020028im_/http://www.europeandigitalmedia.org/images/key/download.jpg) no-repeat; 
	padding: 0;
	margin: 0 0 10px 20px;
	height: 21px;
	width: 75px;
	display: block;
	float: left;
}

.righttextfilesize {
	width: 100px; 
	height: 15px;
	float: left; 
	margin: 3px 0 0 10px;
	display: inline-block;
	font-size: 0.8em;
}

/* ~~ Documents ~~ */
.docdownloadbtn1 {height: 135px; width: 135px;margin: 10px 10px 10px 0;padding: 0;float: left;}
.docdownloadbtn1 a{height: 135px; width: 135px; display: block; cursor:pointer; background:url(https://web.archive.org/web/20170926020028im_/http://www.europeandigitalmedia.org/images/documents/EDiMA_A4_1011-1.png) no-repeat}

.docdownloadbtn2 {height: 135px; width: 140px;margin: 20px 10px 10px 0;padding: 0;float: left;}
.docdownloadbtn2 a{height: 135px; width: 140px; display: block; cursor:pointer; background:url(https://web.archive.org/web/20170926020028im_/http://www.europeandigitalmedia.org/images/documents/EDiMA-Press-release---Commission-copyright-framework-needs-a-digital-approach.png) no-repeat}

.docdownloadbtn3 {height: 135px; width: 140px;margin: 20px 10px 10px 0;padding: 0;float: left;}
.docdownloadbtn3 a{height: 135px; width: 140px; display: block; cursor:pointer; background:url(https://web.archive.org/web/20170926020028im_/http://www.europeandigitalmedia.org/images/documents/Open-Industry-Statement-on-MEP-Redas-Report-on-the-Implementation-of-the-Copyright-Directive---12-Feb-2015.jpg) no-repeat}

.docdownloadbtn4 {height: 135px; width: 140px;margin: 20px 10px 10px 0;padding: 0;float: left;}
.docdownloadbtn4 a{height: 135px; width: 140px; display: block; cursor:pointer; background:url(https://web.archive.org/web/20170926020028im_/http://www.europeandigitalmedia.org/images/documents/EDiMA-Press-release---EDiMA-reactions-to-Commission-proposal-on-digital-contract-rules.png) no-repeat}

.docdownloadbtn5 {height: 135px; width: 140px;margin: 20px 10px 10px 0;padding: 0;float: left;}
.docdownloadbtn5 a{height: 135px; width: 140px; display: block; cursor:pointer; background:url(https://web.archive.org/web/20170926020028im_/http://www.europeandigitalmedia.org/images/documents/EDiMA---Ancillary-copyright-goes-against--the-EU-Digital-Single-Market-1.jpg) no-repeat}

.docdownloadbtn6 {height: 135px; width: 140px;margin: 20px 10px 10px 0;padding: 0;float: left;}
.docdownloadbtn6 a{height: 135px; width: 140px; display: block; cursor:pointer; background:url(https://web.archive.org/web/20170926020028im_/http://www.europeandigitalmedia.org/images/documents/EDIMA---Impact-of-ancillary-rights-in-news-products-1.jpg) no-repeat}

.docinforow {width: 900px; float: left;}
.docinfo {width: 500px;margin: 10px 10px 5px 0;padding: 0 0 0 20px;float: left; background:url(https://web.archive.org/web/20170926020028im_/http://www.europeandigitalmedia.org/images/documents/bullet.jpg) 0 3px no-repeat}

.docdownloadrow {width: 900px; float: left;}
.docdownload {height: 21px; width: 200px;margin: 124px 10px 0 10px;padding: 0 0 0 0;float: left;}
.docdownload a{background: url(https://web.archive.org/web/20170926020028im_/http://www.europeandigitalmedia.org/images/key/download.jpg) no-repeat; padding: 0; margin: 0 0 5px 0; height: 21px; width: 75px; display: block; float: left;}
.docdownload .text{height: 21px; width: 100px;margin: 0 0 0 10px;padding: 0;float: left;}

.linebreak {width: 900px; height: 1px; background-color:#003b77; float: left;}



/* ~~ members ~~ */
.memberslogo {width: 207px; height: 70px; float:left; margin: 20px 13px 0 0; padding: 0; text-align: center}
.memberslogo img {width: 135px; height: 65px;}
.memberstext {width: 207px; height: 40px; float:left; margin: 5px 13px 20px 0; padding: 0; text-align: center}

/* ~~ faqs ~~ */
.faqstext {width: 420px; float:left; margin: 0 20px 20px 0; padding: 0; text-align: left}

.faqstext li{
	background: url(https://web.archive.org/web/20170926020028im_/http://www.europeandigitalmedia.org/images/key/small-square.jpg) no-repeat; 
	background-position: 0 4px;
	padding: 0 0 0 20px;
	margin: 0;
	list-style: none;
}

/* ~~ Disclaimer ~~ */
.disclaimertext {width: 870px; float:left; margin: 0 0 0 0; padding: 0; text-align: left}


/* ~~ The footer ~~ */
.footer {
	padding: 10px 0;
	background-color: #FFF;
	position: relative;
	clear: both;
	color:#88a2aa;
	text-align:center;
}

.footer a{
	text-decoration: underline;
}

/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
/*
     FILE ARCHIVED ON 02:00:28 Sep 26, 2017 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 13:05:17 Jul 11, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.958
  exclusion.robots: 0.059
  exclusion.robots.policy: 0.04
  esindex: 0.017
  cdx.remote: 163.7
  LoadShardBlock: 609.624 (3)
  PetaboxLoader3.resolve: 457.765 (4)
  PetaboxLoader3.datanode: 282.484 (4)
  load_resource: 141.086
*/

/* --- Mobile optimization for Members section --- */
@media (max-width: 600px) {
  .memberslogo, .memberstext {
    width: 100% !important;
    float: none !important;
    margin: 10px 0 !important;
    text-align: center !important;
    display: block !important;
  }
  .memberslogo img {
    width: 80vw !important;
    max-width: 200px !important;
    height: auto !important;
    margin: 0 auto !important;
    display: block !important;
  }
  .memberstext {
    font-size: 1em !important;
    height: auto !important;
    padding-bottom: 10px !important;
  }
  .contentholder > .memberslogo, .contentholder > .memberstext {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* --- Member container styling --- */
.member {
  display: inline-block;
  vertical-align: top;
  margin: 0 10px 30px 0;
  width: 207px;
}

@media (max-width: 600px) {
  .member {
    width: 100% !important;
    margin: 0 0 24px 0 !important;
    display: block !important;
  }
}

/* --- Mobile Responsive Styles (do not affect desktop) --- */
@media (max-width: 600px) {
  .member {
    width: 100% !important;
    margin: 0 0 24px 0 !important;
    display: block !important;
    text-align: left !important;
  }
  .memberslogo, .memberstext {
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
	margin-top: 30px !important;
    width: 100% !important;
    float: none !important;
    display: block !important;
  }
  .memberslogo img {
    width: 80vw !important;
    max-width: 200px !important;
    height: auto !important;
    margin: 0 !important;
    display: block !important;
  }
}