.spinner {
	background-image: url('/images/ajax-loader.gif');
	background-repeat: no-repeat; 
	padding-left: 20px;"
}


textarea.nobox, div.nobox {
	resize: none; padding: 4px; font-size: 16px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; outline: 0; background-color: inherit; color: inherit; padding: 0; margin: 0; width: 98%; margin: 0; padding: 0; overflow-y: hidden;
}

.hiddendiv {
  position: absolute;
  top: 0;
  left: -9999px;
  visibility: hidden;
  white-space: pre-line;
  word-wrap: break-word;
  overflow-wrap: break-word; /* future version of deprecated 'word-wrap' */
}

.card {
	/* Add shadows to create the "card" effect */
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.5);
	transition: 0.3s;
}


/* On mouse-over, add a deeper shadow */
.card:hover {
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.5);
}

#questionDialog .card {
	display: inline-block; 
	margin: 8px; 
	padding: 10px;
	text-align: center;
	vertical-align: top;
}

	
.extractedDetail {
	border-left: 12px solid #0074c7;
	border-right: 12px solid #0074c7;
	padding: 0 6px 6px 6px;
}

.notExtractedDetail {
	border-left: 12px solid #ccc;
	border-right: 12px solid #ccc;
	padding: 0 6px 6px 6px;
}

#entityDiv .card {
	vertical-align: top;
	text-align: center;
    display: inline-block; 
    margin: 4px; 
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden; 
	width: 136px;
	font-size: 0.8em;
	background-color: white;
}

#entityDiv .card:HOVER span:FIRST-CHILD {
	text-decoration: underline;
}


#entityDiv .card a {
 color: inherit;
}

#entityDiv .card a:HOVER {
  text-decoration: none;

}

#entityDiv .card a span:HOVER {
  text-decoration: underline;
}

audio {
  display: block !important;
}

.cardTitle {
	color: #0074c7;
}

#questionDialog #questionMediaDiv .card {
	display: block;
}

.entityList.even {
	background-color: #f7f7f0;
}

.entityList:HOVER {
	background-color: lightyellow;
}

#questionDialog #questionMediaDiv #availableMediaDiv .card {
	display: inline-block; 
	width: 300px;
	min-height: 300px;
	position: relative;
	padding-bottom: 45px;
}


.lazy[init="false"] {
	height: 200px;
}

.navbar-nav > li > .dropdown-menu {
	z-index: 2147483647  !important;
}

.navbar-nav {
	z-index: 2147483647  !important;
}


.header {
  /* pin to top - 0 is default */
  /* raise z-index to cover */
  z-index: 100;
  /* in this example, header height is unknown -- 
     content is duplicated to match height in .main div */
  /* cover full width when zoomed */
  width: 100%;


 /* position: fixed;  -- Add Back Later*/ 
}

.header-hidden {
 /* visibility: hidden; -- Add Back Later*/
 display: none; 
}