/* CSS Document */



/**from NJDOH.css**/

#tagline  {
/*font-size: 1.1em;
font-size: 1em;*/
font-weight: 700;
color: #0283c7;
margin-left: 5px;
}

a.filetype {
font-size: 0.8em;
text-transform: uppercase;
background: rgba(0, 0, 0, 0.1);
padding: 2px 4px 2px 4px;
}
a.filetype:hover {
color:#fff;
text-decoration: underline;
}

ul.fastfilter span.keywords{
	display:none;
}

ul#search_list_regs {
list-style: none;
padding-left: 0px;
}

.title {
display: block;
font-size: 0.9em;
line-height: 1.2em;
}

.code {
display: block;
font-size: 0.8em;
font-weight: 800;
letter-spacing: 1;
border-top: 1px solid rgba(255, 255, 255, 0.6);
}

.pdf, .doc, .word {
text-transform: uppercase;
font-size: 0.8em;
background: rgba(255, 255, 255, 0.2);
padding: 0px 4px 0px 4px;
margin-right: 10px;
}
.overlay-columnheader {
font-weight: bold;
}
div.doh-modal div.md-content {
height: 550px
}


div.doh-modal div.md-content div.leftcol,
div.doh-modal div.md-content div.middlecol,
div.doh-modal div.md-content div.rightcol{
height: 400px;
width: 30%;
float: left;
padding-left: 20px;
}
html.cssanimations div.doh-modal div.md-content div.leftcol,
html.cssanimations div.doh-modal div.md-content div.middlecol,
html.cssanimations div.doh-modal div.md-content div.rightcol{
width: 33%;
}

div.doh-modal div.md-content div.middlerightcol{
height: 400px;
width: 60%;
float: left;
margin-bottom: 25px;
}

html.cssanimations div.doh-modal div.md-content div.middlerightcol{
width: 66%;
}

/*
div.doh-modal div.md-content p,
div.doh-modal div.md-content div {
line-height: 1em;
}
*/

/*
div.doh-modal div.md-content p.leftcoltext {
line-height:1.4em;
}
*/

#wrap {
height: 400px;
overflow-y: auto;
}

/*
#wrap350 {
height: 350px;
overflow-y: auto;
}
*/



 
#howdoiTip {
font-size: 0.8em;
font-style: italic;
border-bottom: 1px solid #F3A59D;
margin-bottom: 15px;
}

div.md-content #search_input {
width: 40%;
min-width: 200px;
}


table.topalign * {
vertical-align: top;
}




/* all */

div.doh-modal div.whiten,
div.doh-modal div.dontWhiten {
padding: 15px 20px;
margin: 0px;
}


div.doh-modal div.dontWhiten.howdoiWrap {
padding:0px 0px 0px 40px;
font-weight: 300;
}

div.doh-modal div.howdoiWrap li{
font-size: 0.9em;
line-height: 1em;
}

div.doh-modal div.howdoiWrap a:hover{
color:#fff;

}


div.doh-modal div.whiten {
background-color: rgba(255,255,255,0.4);
}

div.doh-modal div.whiten > div {
background-color: rgba(255,255,255,0);
}

div.doh-modal div li{
font-size: 14px;
}


div.doh-modal a{
	color: #11528F;
}

div.doh-modal a:hover{
	color: #E74C3C;
	/*background-color: rgba(255,255,255,0.1);*/
}

/*
div.doh-modal p#open{
line-height: 1.4em;
}
*/


div.doh-modal .left-title {
margin-top: 20px;
width: 90%;
}

div.doh-modal .left-title, 
div.doh-modal .left-title * { 

}


div.doh-modal .caption,
div.doh-modal .caption *{
/*line-height: 1em;*/
margin-top: 10px;
font-size: 0.8em;

}


/* green */
div.modal-green > div{
background-color: #00A35F;
}

div.modal-green  div {
color: #fff;
}
 
div.modal-green div li a{
 color: #fff;
}


/* red */
div.modal-red  > div{
background-color: #e30708;
}

div.modal-red  div {
color: #fff;
}
 
div.modal-red div li a{
 color: #fff;
}


/* lightblue */
div.modal-lightblue > div{
background-color: #58BAE9;
background-color: #4690e9;

}
div.modal-lightblue  h3{
color: #000;
}

/*darkblue */
div.modal-darkblue  > div{
background-color: #11528F;
}
div.modal-darkblue div.whiten {
background-color: rgba(255,255,255,0.8);
}
div.modal-darkblue  h3{
color: #FFF;
}


/* orange */
div.modal-orange > div{
background-color: #FFAA31;
background-color: #e66104;
}
div.modal-orange  h3{
color: #000;
}
/*
div.modal-orange div li a{
 color: #000;
}
*/


.md-button {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-webkit-border-top-left-radius:22px;
	-moz-border-radius-topleft:22px;
	border-top-left-radius:22px;
	-webkit-border-top-right-radius:22px;
	-moz-border-radius-topright:22px;
	border-top-right-radius:22px;
	-webkit-border-bottom-right-radius:22px;
	-moz-border-radius-bottomright:22px;
	border-bottom-right-radius:22px;
	-webkit-border-bottom-left-radius:22px;
	-moz-border-radius-bottomleft:22px;
	border-bottom-left-radius:22px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:45px;
	line-height:45px;
	width:250px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
}
.md-button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.md-button:active {
	position:relative;
	top:1px;
}



table.horizline td{
border-top: 1px solid white;
}


.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

#audienceFilters .selected {
font-weight: bold;
border-bottom: 2px solid white;
padding-bottom: 2px;
}

#audienceList ul{
list-style:bullet
}

#audienceList ul a{
color: #000;
}
ul.link_list a{
color: #000;
}



#audienceList li {
width: 290px;
padding: 0px 0px 5px 0px;
margin: 0px 0px 2px 20px;
}


ul#audienceFilters {
list-style: none;
padding: 15px 0px 0px 0px;
}

ul#audienceFilters li{
display: inline;
padding-right: 15px;
background: rgba(255, 255, 255, 0.4);
text-align: center;
padding-left: 15px;
}

section#audienceOptions {
margin-bottom: 25px;
}

ul.raquoList {
	list-style: none;
}

ul.raquoList li:before{
	/*content: "\00BB";*/
	padding-right: 10px;
}

div.overflowY {
overflow-y: auto;
}

/***END from NJDOH.css**/




/*** From Additions ***/

/*** ENDFrom Additions ***/

.darkblue {
background-color: #11528F;
color: #fff;
}

div.doh-modal.modal-darkblue a{
    color: #000;	
}

div.doh-modal.modal-red a:hover {
	/*Default color was hover = red same as How Do I sections*/
    color: #FFF;
}



/*Modal*/
body#modalPage .md-modal {
	transform: translateX(0) translateY(0);	
    left: 0;
    position: relative;
    top: 0;	
}

.md-modal .md-close{

}


/*Columns*/
.Columns0 img,
.Columns0Double img,
.Columns1 img,
.Columns1Double img,
.Columns2 img,
.Columns2Double img,
.Columns3 img,
.Columns3Double img{
	max-width:90%;
}
.Columns1,  .Columns1Double, .Columns0, .Columns0Double, .Columns2Double{
    float: left;
    height: 430px;
    padding-left: 20px;
    width: 910px;
	width: 96%;	
}

.Columns2{
    float: left;
    height: 430px;
    padding-left: 20px;
    width: 385px;
	width: 47%;	
}

.Columns3{
    float: left;
    height: 430px;
    padding-left: 20px;
    width: 276px;
	width: 33%;
	width: 33%\9;	
	*width: 31%;	
}

.Columns3Double{
    float: left;
    height: 430px;
    padding-left: 20px;
   /*
    width: 600px;
	*width: 580px;
   */
    width: 65%;
	*width: 60%;	
	/*width: 62%;	*/
}


#contentContainer{
	display: block;
}


#button{
	text-align:center;
  	width: 80px;
	clear:left;
	margin: 10px auto;	
}

#button .md-close{

}

span.keywords, span.keywords-hidden{
	display:none;	
}



.md-content h3{
	font-size: 20px;
	font-weight:bold;	
}

#contentContainer{
	height:	450px;
	*height:	430px;
	/*background-color:#FFF; /*Need transparent PNG*/
	background-image:url("../images/whitten.png");
	padding: 20px 0px 0px 0px;
}




div.md-content #contentContainer *{
	color: #000;	
}

div.modal-green #contentContainer {
    background-color: #00A35F;
	/*background-image:none;*/
	background-image:url("../images/whitten.png");
}

div.modal-red #contentContainer {
	/*background-image:none;*/
	background-image:url("../images/whitten.png");
}

div.modal-darkblue #contentContainer {
	background-image:none;
	background-color:#58bae9;
	background-color: #4690e9;
}


#contentContainer.noWhitten{
	background-image:none;	
}

div.lightblue  {
    background-color: #58BAE9;
	background-color: #4690e9;
}



.md-modal{
	*top: 2000px;
}

/*raquo corrections*/

ul.raquoList {
    list-style: disc outside;
}

ul.raquoList li:before {
    list-style-type: disc;
    padding-right: 10px;
}

/*Content Container in overaly*/

#contentContainer a img{
	border: 0px;	
}


/*Audience List Isotope additions*/

section#audienceOptions{
	height: 86px;
	margin-bottom: 0px;	
}

#audienceListWrapper{
	overflow:auto;
	overflow: auto; 
	overflow-x: auto;
	overflow-y: hidden;
	width: 580px;
	width: 100%;
	position:relative;
	*padding-bottom: 20px; /*IE7 and below*/
}

#audienceList{
	width:580px;
	height: 326px; 
	/*height: 300px;*/
}

#audienceList ul{
	width:580px;	
}

/*date Picker additions*/
div.md-modal div.doh-modal div.md-content div#contentContainer div#defaultInline.hasDatepick div.datepick div.datepick-nav a.datepick-cmd{
	color: #fff;
}

.md-modal div.doh-modal div.md-content div#contentContainer div.hasDatepick div.datepick div.datepick-month-row div.datepick-month div.datepick-month-header select{
	color: #fff;
}

div.md-modal div.doh-modal div.md-content div#contentContainer  div.hasDatepick div.datepick div.datepick-month-row div.datepick-month table tbody tr td span{
	color: #888;
}


/*Regs rules*/

.instructionText {
  display: block;
  font-size: 0.9em;
  line-height: 1.2em;
  margin: .5em 0em;
}

.instructionText a{
	display:list-item;
	margin: 0em 0em 0em 1em;
}

img.columnImage{
	margin: 0px 0px .5em 0px;	
}


button.md-close{
	color: #000;	
}





/* ******************************************************************************** */

div.modal-darkblue #contentContainer {
    background-image: none;
    background-color: #EEF;
}

div.modal-orange #contentContainer {
    background-image: none;
    background-color: #f8d1b5;
}

div.modal-orange h3 {
   color: #fff;
}

div.modal-darkblue h2 {
    font-weight: 700;
    border-bottom: 2px solid #11528F;
}

.Columns3 {
    height: 555px;
}
#contentContainer {
    height: 575px;
}
div.doh-modal div.md-content {
    height: 675px;
}

#cbox-public .Columns3 {
    height: 480px;
}



.doh-modal ul {
    margin-left: 0px;
    padding: 0 0 30px 15px;
    line-height: 18px;
}
.doh-modal ul li a {
    font-size: 14px;
    line-height: 12px;
    text-decoration: none;
}

.doh-modal ul li a:hover { 
text-decoration: underline;
}
.md-content > div ul li {
    padding: 4px 0;
    list-style: none;
}

.doh-modal ul li ul {
    padding-bottom: 0px;
}

.md-content > div ul li:before {
    content: '\2022';
    color: #11528F;
    margin-right: 4px;
    margin-left: -10px;
    width: 5px;
    display: inline-block;
}


.doh-modal figure {
    text-align: center;
    margin-bottom: 25px;
}

.doh-modal figcaption {
    font-style: italic;
    font-size: 14px;
    text-align: center;
}


.doh-modal .topwide {
    padding: 0px 20px;
    margin-bottom: 20px;
    height: 50px;
}

.doh-modal .topwide p {
    padding-top: 0px;
}


div.modal-lightblue h3 {
    color: #fff;
}

div.modal-lightblue h2 {
    font-weight: 700;
    border-bottom: 2px solid #11528F;
}

.md-button.small {
height: 35px;
line-height: 35px;
}




/* commissioner photo in about panel */
div#commphoto {
    display: table;
    width: 100%;
}

div#commphoto .c_photo {
    display: table-cell;
}

div#commphoto .c_caption {
    display: table-cell;
    vertical-align: bottom;
}



.top_two_and_three{
    height: 25px;
    float: right;
    width: 66%;
    text-align: center;
    margin-top: -10px;
    margin-bottom: 10px;
 }


#cbox-about.doh-modal ul {
    line-height: 16px;
    padding-bottom: 0;
}
#cbox-about.doh-modal ul li a {
    font-size: 13px;
}
#cbox-about.doh-modal .md-content > div ul li {
    padding: 3px 0;
}

#cbox-about.doh-modal .Columns3 {
    height: 545px;
}



.Columns3Double {
    height: 100%;
}
#audienceList {
    height: 450px;
	/**IE7 460px */
}

.topSection{
	box-sizing: border-box;
	padding: 0px 1em;
}

.topSection  > :first-child {
   margin-top: 0px;
   padding-top: 0;
}

#cbox-about.doh-modal .Columns3,
#cbox-about.doh-modal .Columns2,
#cbox-about.doh-modal .Columns3Double  {
    height: 556px;
}


.Columns3Double #searchList ul{
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}

.md-content > div ul#ulRulesRegsResults li::before {
    position: absolute;
}