a:link.DDL_Link{
	font-family: Abel;
	font-size: 12px;
	font-weight: normal;
	color: Black;
	text-decoration: none;
	background:none;
}
a:visited.DDL_Link{
	color: Black;
}
a:hover.DDL_Link{
	color: navy;
}
a:link.MessageLink{
	font-family: Abel;
	font-size: 16px;
	font-weight: bold;
	color: White;
	text-decoration: none;
	background:none;
}
a:visited.MessageLink{
	color: White;
}
a:hover.MessageLink{
	color: silver;
}
.CellTitle{
	font-family: Abel;
	font-size: 15px;
	font-weight: bold;
	color: Navy;
	text-decoration: normal;
}
.DDLGuideType{
	font-family: Abel;
	color: Navy;
	text-decoration: normal;
}
.UserMessageBase{
	position:absolute;
	width:100%;
	height:100%;
	background-color:white;
	opacity:0.7;
}
.UserMessage{
	position:absolute;
	left:40%;
	top:200px;
	width:400px;
	height:270px;
	padding:4px;
	border-top:solid 1px white;
	border-left:solid 1px white;
	border-right:solid 1px silver;
	border-bottom:solid 1px silver;
}
.TextCentral{
    margin-left: auto;
    margin-right: auto;
    width: 24em;
}
.ButtonCentral{
    margin-left: auto;
    margin-right: auto;
    width: 10em;
}
.UserAlertText{
	font-family: Abel;
	font-size: 16px;
	color:white;
}
.UserAlertTextMini{
	font-family: Abel;
	font-size: 14px;
	color:white;
}
.UserAlertTitle{
	font-family: Abel;
	font-size: 26px;
	color:white;
	font-style: italic;
}
.DDLCell{
	float:left;
	width:25%;
	height:350px;
	padding:4px;
	border:solid 1px white;
	background-color:transparent;
}
.DDLCell:hover{
	border-style:solid;
	border-width:1px;
	border-left-color:white;
	border-top-color:white;
	border-right-color:gray;
	border-bottom-color:gray;
	background-color:#c6d7ed;
}
.GuideThumb{
	float:left;
	display:flex;
	justify-content: center; 
	align-items: center;
	width:100%;
	margin:4px;
}
.DDLImageDiv{
	float:left;
	width:100%;
	border:none 1px gray;
}
.DDLDescription{
	font-family: Abel;
	text-decoration: none;
	color: Navy;
}
@media (max-width: 699px) {
	.DDLVideoWidth{
		width:760px;
		height:570px;
	}
	.DLLThumbVideo{
		width:50px;
		box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 8px;
	}
	.DLLThumbPDF{
		width:40px;
		box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 8px;
	}
	.DDLImageDiv{
		height:100px;
	}
	.DDLDescription{
		font-size: 8px;
	}
	.DDLGuideType{
		font-size: 10px;
	}
}

@media (min-width: 700px){
	.DDLVideoWidth{
		width:760px;
		height:570px;
	}
	.DLLThumbVideo{
		width:160px;
		box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	}
	.DLLThumbPDF{
		width:100px;
		box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	}
	.DDLImageDiv{
		height:150px;
	}
	.DDLDescription{
		font-size: 12px;
	}
	.DDLGuideType{
		font-size: 16px;
	}
}