/* 
===================================================================
===================================================================
CUSTOM STYLE SHEET
Use this to write customized elements specific to your application
================================================================== 
==================================================================
*/

.details{
    border-color:white;
    padding:0px;
    border:0px !important
}

.padding20{
    padding-left:20px;
    vertical-align:top;
    border:0px !important;
}

.whitesmoke
{
    background-color:whitesmoke;

}

.chkmypics
{
    font-family:Arial;
    font-size:6px;

}

.margintop10
{
    margin-top:10px;
}

#tvMeSHString table td {
    padding: 0!important;
   /* border: 1px solid transparent !important;*/
   border: 0!important;
}

#tvCDCString table td {
    padding: 0!important;
   /*  border: 1px solid transparent !important;*/
   border: 0!important;
}

main .module-typeP>a img
{
    width: 100%;
}

/* Details TreeView */
.DefaultNodeStyle
{
	vertical-align:middle;
	border:none;
	padding-left:2px;
	padding-right:2px;
	background-color:transparent;
}

.SelectedNodeStyle
{
	vertical-align:middle;
	padding-right:2px;
	padding-left:2px;
}

.treedetails td div {
   height: 20px !important
}



.bold
{
    font-weight:bold;
    text-decoration:none;
}

.normal
{
    font-weight:normal;
}

.font11px
{
		/* Removed the following so that TP4 styles are preserved */
    /* font-size:11px; */
}

@media (max-width: 767px) {
    table td[class*="span"], table th[class*="span"], .row-fluid table td[class*="span"], .row-fluid table th[class*="span"] {
            float: left;
    }

    #datestamp {
        padding-left:10px;
    }
    .modal-body img {
        max-width: 100%;
    }

    .details td {
        border: 0px;
    }
    .padding20
    {
        padding: 0px;
    }
}


.tree th, .tree td {
    line-height: 17px;
}

.tree * {
    line-height: 17px;
}

.details td{
    border: 0px;
}

.bordernone{
    border:none;
}

#tvMeSHString, #tvCDCString
{
    margin-top:-20px;
}

#chkTypes tr {
	line-height: 1.0;
}

.mypictures-link a {
	color: white;
	text-decoration: none;
}

main .phil-thumbnails .col-md-3 a {
	width: 100%;
	display: inline-block;
}

main .phil-thumbnails .col-md-3 img {
	max-height: 100px;
}

main .phil-thumbnails table img {
	min-width: 200px;
	max-height: unset;
}

main .phil-thumbnails label {
	display: inline;
	font-size: smaller;
}

main .iotd img {
	width: 100%;
}

main strong {
	display: inline;
}

main [class*="module"] {
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 20px;
	padding-bottom: 10px;
	overflow: hidden;
}

main [class*="module"] > div ul,
main [class*="module"] > div ol {
	margin: 0;
}

main .module-typeJ ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

main .module-typeJ ul li a span {
    font-size: 17px;
}

main .module-typeJ ul li {
	display: inline-block;
	width: 100%;
}

main .module-typeJ ul li a {
	display: block;
	background: #f0f0f0;
	border-bottom: 3px solid #c0c0c0;
	margin-bottom: 15px;
	text-decoration: none;
}

	main .module-typeJ ul li a img {
		width: 100%;
	}

main .module-typeJ ul li a span {
	font-size: 17px;
}

main .module-typeJ ul li a span {
	display: block;
	font-size: 18px;
	padding: 5px;
	text-transform: capitalize;
}

main .module-typeM {
	background: #f0f0f0;
	padding-top: 10px;
	margin-bottom: 20px
}

	main .module-typeM .module-typeA h3 a:focus {
		border: 1px dotted #fff !important
	}

main a#LinkButtonKeyNote img {
	width: 100%;
}

main .module-typeP {
	border: 1px solid #e5e5e5;
	background: #fff;
	margin-bottom: 12px;
}

	main .module-typeP li {
		margin-left: 25px
	}

	main .module-typeP > img {
		padding: 5px;
		-ms-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		margin-top: 0;
		margin-right: auto;
		margin-left: auto;
		width: 100%
	}

	main .module-typeP > a {
		display: block;
		padding: 5px;
		-ms-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		margin-top: 0;
		margin-right: auto;
		margin-left: auto;
		width: 100%
	}

		main .module-typeP > a img {
			padding: 0
		}

	main .module-typeP > p > ul {
		margin: 0 0 10px 15px
	}

		main .module-typeP > p > ul li {
			padding: 10px 0;
			border-bottom: 1px solid #f0f0f0
		}

	main .module-typeP h3 {
		color: #fff
	}

		main .module-typeP h3 a {
			color: #fff;
			text-transform: uppercase;
			font-size: 15px
		}

	main .module-typeP .somemore, main .module-typeP p.somemore {
		color: #fff !important
	}

		main .module-typeP .somemore a, main .module-typeP p.somemore a, main .module-typeP .somemore span, main .module-typeP p.somemore span {
			color: #fff !important
		}

main .module-typeP h3 {
	color: #fff;
}

main h3 {
	font-size: 20px;
}

.theme-blue .module-typeA h3,
.theme-blue .module-typeP h3 {
	background: #075290;
	margin: 3px 0;
}

main [class*="module"] > * {
	padding: 0 15px 0 15px;
}

main p.morelink,
main .morelink {
	text-align: right;
	margin: 0;
	padding: 0;
	margin-right: 15px;
}

main .featured ul {
	list-style: none;
}

main .featured ul li {
	list-style: none;
}

main .form-inline input[type="text"] {
	width: 100%;
}

.modalImageWrapper img {
	width: 100%;
}