/* 
*	THIS IS WHERE YOUR CUSTOM CSS FOR EACH PROJECT WILL BE WRITTEN.
*	THE CONTENTS OF THIS FILE WILL BE MERGED WITH MAIN.CSS & MINIMIZED DURING PUBLICATION
*	
*	REMEMBER Styles should be scoped by assigning an ID to the article. e.g.:
*	#my-article-id .some-class {
*   	...
*	}
*
*/

.embed {
	max-width: 640px;
	margin: 10px auto;
	font-family: 'GoodWeb-Book';
	color:#444;
	text-align: center;
}
.apnews .embed {
	margin: 10px 0;
	text-align: left;
}
/* REMEMBER Styles should be scoped to the panel using its main ID...
#panel .some-class {
    ...
}
*/

.DV-docViewer {
  margin-bottom: 20px;
}


#multi-doc #docDescription {
  margin-bottom: 5px;
  margin-top: 5px;
  color: #646464;
  font-size: .875em;
  line-height: 1.35em;
}

#multi-doc #multiViewerNav {
  width: 100%;
  height: auto;
  margin-bottom: 16px;
}

#docDescription {
	height: 50px;
}
#docDescription strong {
  font-family:'GoodWeb-Bold';
  font-size: 1.1em;
  display: block;
  margin-bottom: 5px;
}
#multi-doc #nextDoc {
  background-image: url("images/navRight.jpg");
  cursor: pointer;
  position: relative;
  width: 19px;

}
#multi-doc #previousDoc {
  background-image: url("images/navLeft.jpg");
  cursor: pointer;
  width: 19px;
  position: relative;

}
#multi-doc .selectedThumbnail {
  border: 2px solid #FCE338;
  margin-left:10px;

}
#multi-doc .thumbnails {
  cursor: pointer;
}/*///////////////////MEDIA QUERIES /////////////////////*/


@media screen and (max-width: 500px) {
  .DV-docViewer {
  border: 1px solid #aaa;
  line-height: normal;
  position: relative;
  z-index: 0;
  height: 500px;
}

#docDescription {
    height: 85px;
}

}


@media screen and (min-width: 500px) {

.ap-interactive h1 {
    font-size: 2em;
}
}