/* these images are coming from the cwigapi don't take these out
This solution came from: https://css-tricks.com/replace-the-image-in-an-img-with-css/  */ 
img.facebookIcon16 { 	
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
	background: url(/sites/CWIG/images/facebook_16.png) no-repeat; 
	width: 16px; /* Width of new image */ 
	height: 16px; /* Height of new image */ 	
	padding: 0 14px 0 0; /* Equal to width of new image */
	display: inline; 
} 

.twitterIcon16 { 	
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
	background: url(/sites/CWIG/images/twitter_16.png) no-repeat; 
	width: 16px;  /* Width of new image */ 
	height: 16px; /* Height of new image */ 	
	padding: 0 14px 0 0; /* Equal to width of new image */ 
} 

.youtubeIcon16 { 	
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
	background: url(/sites/CWIG/images/youtube_16.png) no-repeat; 
	width: 16px; /* Width of new image */ 
	height: 16px; /* Height of new image */ 	
	padding: 0 14px 0 0; /* Equal to width of new image */ 
} 

/* this used for email popup for publications  */

.colorMe{
	background:#eeeeee ;
	}
.simulateModal {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(196, 196, 196, .85);
    top: 0;
    left: 100%;
    opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -ms-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
}
.overlay .simulateModal {
    opacity: 1;
    left: 0
}
.popup {
    position: fixed;
    top: 15%;
    left: 50%;
    z-index: -9999;
}
.popup .email-details-body {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f7f7f7));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0);
    opacity: 0;
    min-height: 100px;
    width: 750px;
    margin-left: -350px;
    padding: 15px;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -ms-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
    position: relative;
    -moz-box-shadow: 1px 2px 3px 1px rgb(185, 185, 185);
    -webkit-box-shadow: 1px 2px 3px 1px rgb(185, 185, 185);
    box-shadow: 1px 2px 3px 1px rgb(185, 185, 185);
    text-align: center;
    border: 1px solid #e9e9e9;
}
.popup.visible, .popup.transitioning {
    z-index: 9999;
}
.popup.visible .email-details-body {
    opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.popup .email-details-content {
	height: 350px;
    overflow-y: auto;
}
.email-details-content .pTitle {
    font-size: 14px;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 10px;
}
.email-details-content p {
    font-size: 12px;
    text-align: justify;
}

.modalOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgba(0,0,0,0.3); /* black semi-transparent */
}


/* Here we have the css that is used for the tooltips in nfcad search page */
	
	.searchOptions {
		margin: 1px 0 0px 10px;
		padding: 1px 0 10px 0;
		border: 0px solid red;
	}
	
	.searchOptions li {
		margin: 3px 0 0px 0;
		list-style-type:none;
	}
	

	.tooltip {
	  font-size: 14px;
	}

	/* this used by the tooltip to max width and align the text to the right not middle   */	
	.tooltip.right  .tooltip-inner 
		{width: 300px;
		 text-align:left;
		 color:#D81059; }	

	 .bgcolor-tooltip + .tooltip > .tooltip-inner {
	 	background-color: #5EB1CC;   /*24B9FC; */
	 	background: #5EB1CC;   /*24B9FC;*/
	 }
	 
	 .tooltip.in{
	 	opacity:1;
	 }

	.tooltip.right .tooltip-arrow {
          border-right-color: #5EB1CC;   /*24B9FC;*/
       }
	
	.searchOptionsList {
		margin: 1px 0 0px 0px;
		padding: 1px 0 0px 0;
		border: 0px solid red;
	}
		
	searchOptionsList li {
		margin: 0px 0 0px 0;
		list-style-type:none;
	}

	/*added by Roger it effects all bullets that dont have classes
	ul {
		list-style-type: square;
		color: #0061aa;
	}
*/

   /*added by Deepti - adding bullet with #0061aa color. Text remains black */
	#content ul, aside ul {
		list-style: none; /* Remove default bullets */
	}
	
	
	#content ul li::before, aside ul li::before{
  		color: #0061aa;  /* color of bullet or square */
		content: "\25A0"; /* Unicode of character to precede the list item */
        font-size: 0.75em; /* size of the square - em or %*/
        display: inline-block; /* Needed to add space between the bullet and the text */
 		width: 2em; /* Also needed for space */
		margin-left: -2em; /* Also needed for space */
 }


	#content ul.tabs li::before{
  		display: none;
 }