body, html {
	margin: 0;
	height: 100%;
	text-align: center;
	
}


body, td, pre, input, textarea {		
	font-family: "Lato Latin", sans-serif;
	font-size: 0.8em;
}
input, textarea, select {		
	font-size: 0.9em;
}

strong, b {
	font-weight: normal;
	font-family: "Lato Latin Bold", sans-serif;
}


em, i {
	font-weight: normal;
	font-style: normal;
	font-family: "Lato Latin Italic", sans-serif;
}


h1,h2,h3,h4 {
	color: #333;
	font-family: pt_sans_narrowregular, sans-serif; 
	text-shadow: 0 1px 0 rgba(200, 200, 200, 0.7);
}


a, a:link, a:hover, a:visited {
	text-decoration: none;
	border-bottom: 1px dotted #333;
	color: #006;
}
a:hover {
	border-bottom: 2px dotted #339;
}
.hitbuttons a, .hitbuttons a:hover {
	border: none;
}



a[target="_blank"]::after {
	content: "\00a0\00a0\f08e";
	font-family: FontAwesome;
	font-size: 0.7em;
	display: inline-block;
}

#container {
	width: 98%;
	/* height: 100vh; */ /* set via js ... */ 
	/*background: rgba(200,200,200,0.8);*/
	overflow: hidden;
	padding: 1% 0 2.5% 1%;
}


.central {
	position: absolute; 
	margin: auto;
	top:0px; right: 0px; bottom: 20%; left: 0px;
	width: 60%; height: 150px; 
	padding: 40px;
	border: 1px dashed navy;
	text-align: left;
}



#smwform fieldset {
	border: 1px solid #AAA;
	border-radius: 10px;
}

ul.ui-autocomplete li {
	text-align: left;
}

ul.ui-front {
	z-index: 9;
}


#smwreq , #smwlang , #smwsub, #smwform input {
	border-color: #AAD;
	border-style: solid;
	border-width: 1px;
	padding: 1px 2px 3px 2px;
	color: #333;
 	background: #FFF;
}

#smwform input {
	padding-left: 3px;
}

#smwreq {
	height: 16px;
	width: 65%; 
	padding-left: 6px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

#smwlang {
	margin-left: -5px;
	padding: 1px 2px 3px 2px;
}

#smwsub {
	height: 1.9em;
	border-width: 1px 1px 1px 0px;
	margin-left: -3px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

#datestuff {
	display: none;
	font-size: 0.9em;
}


/**************  SERPS *************/


#results {
	font-size: 0.45em;
}

.aside, .hit {
	background: #FFF;
	position: relative;
	border: 1px dotted #333;
	border-radius: 2px;
	margin: 0.5%;
	padding: 4px 6px;
	width: 30%;
	min-height: 130px;
	float: left; 
	overflow: hidden;
	text-align: left;
}

.twohits {	width: 62%; }
.threehits {	width: 94%; }


.hit .headlink {
	width: 86%;
	height: 41px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.hit .headlink a:link{
	border: none;
}
.hit .headlink a:hover {
	border-bottom: 2px dotted #339;
}

.hit .bdata {
	position: absolute; 
	padding: 4px 6px;
	display: inline-block;
	vertical-align: bottom;
	overflow: hidden;
	margin: auto;
	right: 0px; bottom: 0; left: 0px;
	border-top: 1px dotted #555;
	height: 84px; 
	text-align: left;
}

.hit .highlights {
	border-bottom: 1px dotted #555;
	font-size: 0.8em;
	height: 64px;
	overflow: hidden;
}
.hit .highlights em{
	font-weight: bold;
}
.hit .highlights .highleft, .hit .highlights .highright {
	width: 48%;
	display: inline-block;
	/*background: #DDD;*/
	white-space: nowrap;  
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: top;
}
.hit .highlights .highleft { margin-right: 5px; }
.hit .highlights .highright { text-align: right; float: right;}

.hit .date_indexed, .hit .domdet {
	margin: auto;
	position: absolute;
	
	bottom: 4px;
	width: 30%;
	font-size: 0.8em;
}
.hit .date_indexed  { right: 6px; width: 29%; text-align: right; font-size: 0.6em;} 
.hit .domdet { left: 6px; width: 70%; overflow: hidden;}



.favstar   { 	display: none; }
.favstar   .fa-star { color: #FFF; }
.favstar:hover   .fa-star { color: #FED10A; }

/****************** SERPS END ***************/



#footer {
	position: fixed; width: 100%; bottom: 0px; 
	padding-bottom: 3px;
	border-top: 2px solid black; 
	font-size: 0.8em; 
	background: #543434; 
	color: #FFF; 
	text-align: center;
}
#footer a{
	color: #FFF; 
}


#ajaxanim, #zeframe, #helptext, #faqtext {
	display: none;
	position: fixed;
}


.abscontainer {
	background: rgba(220,220,220,0.9);
	position: absolute; 
	top:0px; right: 0px; bottom: 0px; left: 0px;
	width: 100%; height: 100%; 
	z-index: 10;
}
.absmiddle {
	position: absolute; 
	margin: auto;
	top:0px; right: 0px; bottom: 0px; left: 0px;
 width: 400px; height: 200px; 
}

.absmiddle.setext {
	height: 450px;
	width: 700px;
	border: 1px solid #333;
	background: #F4F4F4;
	text-align: left;
}
.absmiddle.setext h2, .absmiddle.setext h3{
	text-align: center;
} 

.absmiddle .scroller {
	height: 415px;
	padding: 15px;
	overflow: auto;
}

.closeme {
	position: absolute; top: -10px; right: -10px; width: 20px; padding-left: 5px; height: 20px; border: 2px solid #343434; border-radius: 15px; cursor: pointer; background: #FFF; z-index: 5;
}

.mono {
	font-family: consolas, "Lucida Console", Monaco, monospace;
}

#containercont {
	display: none;
	position: relative;
	text-align: center;
	border: 4px groove navy;
	margin: 100px;
	padding: 50px; 
}



.sidebar {
	position: absolute;
	background: #F55; 
	width: 100px;
	height: 500px;
}

.sidebar.affix-top {
  top: 50px;
}
.sidebar.affix {
  position: fixed;
  top: 0;
}
.sidebar.affix-bottom {
  bottom: 300px;
}



/*************************** SPINNER ANIMATION ************************/
/** credit: http://arqex.com/934/4-balls-10-spinners-css3-animations **/
.spinner {
  width: 100px;
  height: 100px;
  margin: 50px auto;
  position: relative;
}
.ball-1 {
  height: 50%;
  width: 50%;
  left: 50%;
  top: 50%;
  position: absolute;
  z-index: 1;
  animation: shrink 4.5s infinite linear;
}
.ball-1:before {
  content: '';
  background: #FF5E00;
  border-radius: 50%;
  height: 100%;
  width: 100%;
  position: absolute;
  top: -50%;
  left: -50%;
}
.ball-2,
.ball-3,
.ball-4 {
  position: absolute;
  /* background: rgba(0,0,255,.5); */
  width: 100%;
  height: 100%;
  z-index: 0;
}
.ball-2:before,
.ball-3:before,
.ball-4:before {
  content: '';
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #333;
  top: 0;
  left: 0;
  margin: 0 auto;
  position: absolute;
}
.ball-2 {
  animation: zindex 1.5s 0.75s infinite steps(2, end);
}
.ball-3 {
  transform: rotate(120deg);
  animation: zindex 1.5s -0.25s infinite steps(2, end);
}
.ball-4 {
  transform: rotate(240deg);
  animation: zindex 1.5s 0.25s infinite steps(2, end);
}
.ball-2:before {
  transform: rotate(0);
  animation: position 1.5s infinite ease, size 1.5s -1.125s infinite ease;
}
.ball-3:before {
  animation: position 1.5s -1s infinite ease, size 1.5s -0.75s infinite ease;
}
.ball-4:before {
  animation: position 1.5s -0.5s infinite ease, size 1.5s -0.125s infinite ease;
}
@keyframes position {
  50% {
    top: 80px;
    left: 80px;
  }
}
@keyframes size {
  50% {
    transform: scale(0.5, 0.5);
  }
}
@keyframes zindex {
  100% {
    z-index: 10;
  }
}
@keyframes shrink {
  50% {
    transform: scale(0.9, 0.9);
  }
}