@charset "UTF-8";

/* agw.phraseSearch.css */

#phraseSearch{
	background-color:var(--black);
	background-image:url(../images/slides/Drilling.jpg);
	background-position:50% 50%;
	background-size:cover;
	}

#phraseSearch>h3{
	background-image:none;
	background-color:rgba(0,0,0,0.7);
	color:var(--white);
	text-align:center;
	}	
	
#phraseSearch>p{
	background-image:none;
	background-color:rgba(0,0,0,0.7);
	color:var(--white);
	text-align:center;
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
	margin:0px auto;
	padding:4px 8px;
	width:50%;
	min-width:250px;
	max-width:450px;
	}	
	
	
#phraseSearch>article>p.slidePicker{
	text-align:right;
	padding-right:14px;
	}
#phraseSearch>article>p.slidePicker>span{
	display:inline-block;
	background-color:var(--white);
	width:14px;
	height:14px;
	overflow:hidden;
	border:1px solid var(--white);
	border-radius:50%;
	opacity:0.5;
	cursor:pointer;
	margin:3px 3px;
	padding:0px;
	}
#phraseSearch>article>p.slidePicker>span:hover{
	opacity:0.7;
	}
#phraseSearch>article>p.slidePicker>span.active{
	opacity:0.9;
	}
	
#phraseSearch>article{
	text-align:center;
	padding-bottom:12px;
	margin:0px;
	border:none;
	}

#phraseInput>input{
	border:2px solid var(--white);
	font-family:Consolas,Courier,Nimbus Mono L,Courier New,monospace;
	font-size:1.4em;
	padding:8px 8px;
	margin:4px;
	display:inline-block;
	font-weight:bold;
	}

#phraseInput{
	margin-top:12px;
	margin-bottom:0px;
	}

#phraseInput>input#phraseText{
	color:var(--d-back);
	border-radius:5px;
	width:80%;
	margin-right:0px;
	text-align:center;
	font-weight:bold;
	background-color:rgba(255,255,255,0.9);
	}

	
#phraseSearch:hover #phraseInput>input#phraseText{
	background-color:rgba(255,255,255,1);
	}	
	
#phraseBtn{	
	color:transparent;
	border-radius:50%;
	width:60px;
	height:60px;
	padding:0px;
	margin-left:0px;
	border:2px solid var(--l-back);
	background-image:url(../images/ui/search.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	cursor:pointer;
	opacity:0.9;
	}
#phraseBtn:hover{	
	opacity:1.0;
	border:2px solid var(--white);
	}		
#phraseBtn:disabled{	
	opacity:0.3;
	border:2px solid var(--d-back);
	}	
	
#phraseDisplay{
	background-color:var(--u-gray);
	background-color:rgba(255,255,255,0.7);
	color:var(--d-gray);
	font-family:Consolas,Courier,Nimbus Mono L,Courier New,monospace;
	border:2px solid var(--l-gray);
	border-top:none;
	margin:0px auto;
	margin-bottom:12px;
	margin-top:-7px;
	width:calc(80% - 100px);
	padding:4px 8px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	}	

#phraseDisplay>span, #phraseDisplay>em{
	display:block;
	margin:1px;
	padding:2px 4px;
	border-radius:3px;
	font-size:120%;
	text-align:left;
	}

#phraseDisplay>span{
	font-weight:bold;
	color:var(--l-blue);
	background-color:var(--white);
	border:2px solid var(--l-back);
	}

#phraseDisplay>em{
	color:var(--d-gray);
	background-color:transparent;
	border:2px solid transparent;
	text-align:center;
	}

#phraseDisplay>span.CK{color:#800000;}
#phraseDisplay>span.CN{color:#0000C0;}

#phraseDisplay>span>img{width:16px;}
#phraseDisplay>span>img.filter{opacity:1.0;}
#phraseDisplay>span>img.clear{opacity:0.1;}

#phraseDisplay>span:hover{
	background-color:var(--u-gray);
	border:2px solid var(--l-gray);
	color:var(--d-gray);
	}
#phraseDisplay>span:hover>img.filter{opacity:0.1;}
#phraseDisplay>span:hover>img.clear{opacity:1.0;}

#phraseSuggestions{
	overflow-y:auto;
	position:absolute;
	padding:0em;
	margin:0em;
	background-color:var(--white);
	border:2px solid var(--white);
	top:198px;
	left:20%;
	right:20%;
	max-height:200px;
	border-top:none;
	box-shadow: 2px 2px 4px #404040;
	}
	
#phraseSuggestions>p{
	border-bottom:1px solid var(--d-gray);
	padding:4px 8px;
	cursor:pointer;
	}
	
#phraseSuggestions>p:hover{
	background-color:var(--l-back);
	color:var(--u-gray);
	border-bottom:1px solid var(--d-gray);
	}	
	
#phraseSuggestions>p>strong{
	color:var(--l-blue);
	border-bottom:1px dotted var(--l-back);
	}
	
#phraseSuggestions>p:hover>strong{
	color:var(--white);
	border-bottom:1px dotted var(--white);
	}


/* linksInput ============================================================== */

#linksInput{
	display:inline-block;
	width:auto;
	margin:0em auto;
	color:var(--white);
	background-color:rgba(0,0,0,0.6);
	border:2px solid var(--m-back);
	border-radius:19px;
	padding:4px 8px;
	cursor:pointer;
	}
#linksInput.checked{
	border:2px solid var(--white);
	}
#linksInput:hover{
	border:2px solid var(--m-high);
	}

#phraseSearch:hover #linksInput{
	background-color:rgba(0,0,0,0.8);
	}

#linksInput>span.cbFrame{
	display:inline-block;
	background-color: var(--white);
	margin:2px 4px;
	padding:0px 2px;
	padding-top:4px;
	width:20px;
	height:20px;
	text-align:center;
	border:1px solid var(--d-back);
	border-radius:19px;
	opacity:0.2;
	cursor:pointer;
	}


#linksInput.checked>span.cbFrame{
	opacity:1.0;
	}
	
#linksInput>input{
	border:none;
	}
	
#linksInput>label{
	width:auto;
	display:inline-block;
	margin:0em;
	padding:0em;
	padding-right:10px;
	color: var(--m-back);
	cursor:pointer;
	}	

#linksInput.checked>label{
	color: var(--white);
	}
#linksInput:hover>label{
	color: var(--l-high);
	}