gutentag.css

@charset "UTF-8";
/* CSS Document */
a:link {color:#376091;text-decoration:none;font-weight:bold;}      /* unvisited link */
a:hover {color:#376091;border-bottom:2px solid #376091;}  /* mouse over link */
a:active {color:#376091;}  /* selected link */
a:visited {color:#376091;}
p {margin:0;}
body {
  background: linear-gradient(to right, white, #e3ecf5); /* Standard syntax */
  font-family:'Lato', Helvetica, sans-serif;
}
ul {
    color:#376091;
}
h1 {
    color:#376091;
    font-weight:100;
    font-size:300%;
}
h3 {
    color:#376091;
    font-weight:100;
    line-height:1.8em;
}
h4  {
    color:#376091;
    font-weight:100;
    line-height:1.8em;
}
h2  {
    color:#376091;
    font-weight:100;
    line-height:1.8em;
    font-size:200%;
    margin-top:25px;
    margin-bottom:15px;
    font-weight:500;
}
#wrapper {
	position:relative;
	top:15px;
	width: 800px; 
	margin: 0 auto;
	text-align: left;
	padding:0;
	/* v
	border-radius: 22px 22px 22px 22px;
	border-left:1px solid #BBB;*/
}
#gutentaglogo {
	margin: 0 auto;
	width:500px;
	height:130px;
}

div.finishedcorpus {
	margin: 0 auto;
	width: 250px;	
	box-shadow: 4px 4px 4px #BBB;
	border-radius:10px;
	background: linear-gradient(to right, #708daf, #5679a0);
	text-align:center;
	opacity:1;
	filter: alpha(opacity=100);
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	-ms-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}
div.resultbox {
	margin: 0 auto;
	width: 500px;	
	box-shadow: 4px 4px 4px #BBB;
	border-radius:10px;
	background: linear-gradient(to right, #708daf, #5679a0);
	text-align:center;
	opacity:1;
	filter: alpha(opacity=100);
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	-ms-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}

div.corpusheader {
	position:relative;
	background: linear-gradient(to right, #8ea6c2, #376091);
	border-top-right-radius:10px;
	border-top-left-radius:10px;
	text-align:center;
	
}
span.corpusheader {
	color:#FFF;
	text-align:center;
	line-height:45px;
	font-family:'Lato', Helvetica, sans-serif;
	font-style:normal;
	font-weight:900;
	margin:0;
	text-transform:uppercase;
	border:1px solid #fff;
	padding:3px 10px 3px 10px;
	background-color:#376091;
}
div.exportheader {
	position:relative;
	background: linear-gradient(to right, #8ea6c2, #376091);
	border-top-right-radius:10px;
	border-top-left-radius:10px;
	text-align:center;
}
div.exportheader span {
		color:#FFF;
	text-align:center;
	line-height:45px;
	font-family:'Lato', Helvetica, sans-serif;
	font-style:normal;
	font-weight:900;
	margin:0;
	text-transform:uppercase;
	border:1px solid #fff;
	padding:3px 10px 3px 10px;
	background-color:#376091;
}
div.analyzeheader {
	position:relative;
	background: linear-gradient(to right, #8ea6c2, #376091);
	border-top-right-radius:10px;
	border-top-left-radius:10px;
	text-align:center;
}

div.analyzeheader span {
		color:#FFF;
	text-align:center;
	line-height:45px;
	font-family:'Lato', Helvetica, sans-serif;
	font-style:normal;
	font-weight:900;
	margin:0;
	text-transform:uppercase;
	border:1px solid #fff;
	padding:3px 10px 3px 10px;
	background-color:#376091;
}
div.corpusfooter {
	position:relative;
	background: linear-gradient(to right, #8ea6c2, #376091);
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
	height:33px;
}
div.exportfooter {
	background: linear-gradient(to right, #8ea6c2, #376091);
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
	height:25px;
}
div.analyzefooter {
	background: linear-gradient(to right, #8ea6c2, #376091);
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
	height:25px;
}
.connector {
	margin:0 auto;
		width:2px;
		border-left:2px dotted #c3d7ea;
		height:75px;
}
div.activesubcorpus {
	box-shadow: 4px 4px 4px #BBB;
	border-radius:10px;
	opacity:1;
	filter: alpha(opacity=100);
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	-ms-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}
div.subdefine {
	border:0;
	margin:0;
	padding:0;
	position:relative;
	left:0px;
}
div.subdefineheader {
	position:relative;
	background-color:#fff;
	left:0px;
	padding:0;
	border-radius: 0px;
	margin:0;
	border-bottom:1px solid #c3d7ea;
	border-left:1px solid #c3d7ea;
	text-transform:uppercase;
}
div.subdefineheader p {
	text-align:left;
	font-family:'Lato', Helvetica, sans-serif;
	font-size:90%;
	line-height:35px;
	margin:0;
	color:#000;
	font-weight:900;
	position:relative;
	left:15px;
	width:750px;
}
div.outputframe {
	margin:0;
	border:0;
	padding:0;
	position:relative;
	left:0px;
	background:#fff;
}
div.outputlist {
	margin:15px 30px 15px 30px;
	background:#FFF;
	text-align:left;
	font-family:'Lato', Helvetica, sans-serif;
	font-size:115%;
	line-height:25px;
}
div.subdefineheader p:hover {
	cursor:pointer;
}
div.metaresults {
    box-shadow: 4px 4px 4px #BBB;
	border-radius:10px;
	opacity:1;
	filter: alpha(opacity=100);
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	-ms-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}
div.toggler {
  position:relative;
  background-color: #376091;
  border-radius:3px;
  color: #FFF;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  text-align: center;
  left:10px;
  top:7px;
  width:18px;
  float:left;
}
summary {
	border:0;
	padding:0;
	margin:0;
}
div.subdefine:nth-child(even) div.subdefineheader {
	background-color:#f6f9fc;
}
div.subdefine:nth-child(odd) div.subdefineheader {
	background-color:#e9f0f7;
}
div.defineframe {
	background-color:#fff;
	font-size:80%;
	border-left:1px solid #c3d7ea;
	border-bottom:1px solid #c3d7ea;
	overflow:hidden;
}
div.resultboxpane {
	background: linear-gradient(to right, white, #fcfcfc);
	font-size:80%;
	overflow:hidden;
	text-align:left;
	border-left:1px solid #c3d7ea;
}
div.resultboxpane p {
	margin-bottom:10px;
}
div.defineframebaby {
	padding:15px 15px 15px 40px;
}
div.withintext {
	margin-bottom: 15px;
}
div.withintextheader {
	background-color:#c3d7ea;
	padding:5px 10px;
	font-style:italic;
	font-weight:bold;
}
div.withintextheader p {
	margin-bottom:5px;
}
div.withintextoptions {
	background-color:#e5edf5;

}
div.withintextoptions table tr td {
	
}
details:focus, summary:focus {
    outline: 0;
}
div.withintextheader select {
	
}
div.addline {
  background: linear-gradient(to right, #efefef, #c3d7ea);
  border-radius:8px;
  border:1px solid #376091;
  color: #376091;
  display: block;
  /*float: left;*/
  font-family:'Lato', Gadget, sans-serif;
  font-weight:900;
  height: 16px;
  width:16px;
  line-height: 16px;
  text-align:center;
  margin-left:5px;
  box-shadow: 2px 2px 2px #BBB;
}
div.addline:hover {
	cursor:pointer;
	color:#000;
}
#decisionfork {
	margin:0 auto;
	width:500px;
	height:250px;
	position:relative;
}
#decisionfork img {
	position:relative;
	left:106px;
}
#linetoaddsubcorpus {
	margin:0 auto;
	width:2px;
	border-left:2px dotted #c3d7ea;
	height:150px;
	position:relative;
	top:-145px;
}
	
#addsubcorpus {
	position:relative;
	margin:0 auto;
	right:0;
	width:100px;
	background-color:#376091;
	border-radius:10px;
	text-align:center;
	color:#fff;
	padding:10px;
	top:-155px;
	box-shadow: 4px 4px 4px #BBB;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

#addsubcorpus:hover {
	cursor:pointer;
}
#exportbutton {
	border:2px solid #376091;
	position:relative;
	margin:0 auto;
	width:90px;
	height:19px;
	background: linear-gradient(to right, white, #efefef);
	border-radius:10px;
	text-align:center;
	color:#000;
	padding:10px;
	right:160px;
	top:-205px;
	box-shadow: 4px 4px 4px #BBB;
	text-transform:uppercase;
	font-weight:900;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
#exportbutton:hover {
	background: linear-gradient(to right, #efefef, #dcdada);
	cursor:pointer;
}
#analyzebutton {
	border:2px solid #376091;
	position:relative;
	margin:0 auto;
	width:90px;
	height:19px;
	background: linear-gradient(to right, white, #efefef);
	border-radius:10px;
	text-align:center;
	color:#000;
	padding:10px;
	right:-160px;
	top:-248px;
	box-shadow: 4px 4px 4px #BBB;
	text-transform:uppercase;
	font-weight:900;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
#analyzebutton:hover {
	background: linear-gradient(to right, #efefef, #dcdada);
	cursor:pointer;
}
#exportoptions {
	border-radius:10px;
	box-shadow: 4px 4px 4px #BBB;
	opacity:1;
	filter: alpha(opacity=100);
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	-ms-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}
#analyzeoptions {
	border-radius:10px;
	box-shadow: 4px 4px 4px #BBB;
    opacity:1;
	filter: alpha(opacity=100);
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	-ms-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}
div.connector-arrow {
	margin: 0 auto;
	width:18px;
}
div.finalexportbutton {
	border:2px solid #376091;
	position:relative;
	margin:0 auto;
	width:90px;
	height:19px;
	background: linear-gradient(to right, white, #efefef);
	border-radius:10px;
	text-align:center;
	color:#000;
	padding:10px;
	box-shadow: 4px 4px 4px #BBB;
	margin-bottom:40px;
	text-transform:uppercase;
	font-weight:900;
}
div.finalexportbutton:hover {
	background: linear-gradient(to right, #efefef, #dcdada);
	cursor:pointer;
}
div.finalanalyzebutton {
	border:2px solid #376091;
	position:relative;
	margin:0 auto;
	width:90px;
	height:19px;
	background: linear-gradient(to right, white, #efefef);
	border-radius:10px;
	text-align:center;
	color:#000;
	padding:10px;
	box-shadow: 4px 4px 4px #BBB;
	text-transform:uppercase;
	font-weight:900;
}
div.finalanalyzebutton:hover {
	background: linear-gradient(to right, #efefef, #dcdada);
	cursor:pointer;
}
div.loadsaved {
	font-size:50%;
	margin:0 auto;
	padding: 4px;
	font-weight:bold;
	color:#c3d7ea;
	width:125px;
	text-align:center;
	background-color: #376091;
	box-shadow: 4px 4px 4px #BBB;
}
div.loadsaved:hover {
	color:#FFF;
	cursor:pointer;
}
div.startresults {
	margin:0 auto;
	position:relative;
	width:16px;
	height:16px;
	left:-1px;
	background-color: #376091;
	box-shadow: 4px 4px 4px #BBB;
}
div.saveparams {
	font-size:50%;
	margin:0 auto;
	padding: 4px;
	font-weight:bold;
	color:#c3d7ea;
	width:90px;
	text-align:center;
	background-color: #376091;
	box-shadow: 4px 4px 4px #BBB;
	position:absolute;
	top: -70px;
	left:351px;
	text-align:center;
	z-index:500;
	text-transform:none;
}
div.saveparams:hover {
	color:#FFF;
	cursor:pointer;
}
.small {
	height:35px;
}
div.endtimes {
	position:relative;
}
.hidden {
	display:none;
	opacity:0;
	filter: alpha(opacity=0);
}
.zeroopacity {
    opacity:0;
	filter: alpha(opacity=0);
}
.invisible {
	visibility:hidden;	
}
#statusscreen {
	position:absolute;
	top:0; 
	left:0; 
	width:100%; 
	height:999999px;
	background-color:#376091;
	z-index:900;
	opacity: 0.7;
    filter: alpha(opacity=70);
	text-align:center;
}
#statusbar {
	position:fixed;
	z-index:999;
	width: 25%;
	left: 50%;
	margin: 0 0 0 -12.5%;
	top:40%;
	padding:10px;
	opacity: 1.0;
    filter: alpha(opacity=100);
}

.meter { 
	height: 30px;  /* Can be anything */
	position: relative;
	background: linear-gradient(to right, white, #efefef);
	border:2px solid #376091;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	padding: 10px;
	box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
}
.meter > span {
  display: block;
  height: 100%;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: rgb(55,96,145);
  background-image: linear-gradient(
    center bottom,
    rgb(55,96,145) 37%,
    rgb(84,240,84) 69%
  );
  box-shadow: 
    inset 0 2px 9px  rgba(255,255,255,0.3),
    inset 0 -2px 6px rgba(0,0,0,0.4);
  position: relative;
  overflow: hidden;
}
.meter > span:after {
  content: "";
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  background-image: linear-gradient(
    -45deg, 
    rgba(255, 255, 255, .2) 25%, 
    transparent 25%, 
    transparent 50%, 
    rgba(255, 255, 255, .2) 50%, 
    rgba(255, 255, 255, .2) 75%, 
    transparent 75%, 
    transparent
  );
  z-index: 1;
  background-size: 50px 50px;
  animation: move 2s linear infinite;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
}
.meter > span:after, .animate > span > span {
			content: "";
			position: absolute;
			top: 0; left: 0; bottom: 0; right: 0;
			background-image: 
			   -webkit-gradient(linear, 0 0, 100% 100%, 
			      color-stop(.25, rgba(255, 255, 255, .2)), 
			      color-stop(.25, transparent), color-stop(.5, transparent), 
			      color-stop(.5, rgba(255, 255, 255, .2)), 
			      color-stop(.75, rgba(255, 255, 255, .2)), 
			      color-stop(.75, transparent), to(transparent)
			   );
			background-image: 
				-moz-linear-gradient(
				  -45deg, 
			      rgba(255, 255, 255, .2) 25%, 
			      transparent 25%, 
			      transparent 50%, 
			      rgba(255, 255, 255, .2) 50%, 
			      rgba(255, 255, 255, .2) 75%, 
			      transparent 75%, 
			      transparent
			   );
			z-index: 1;
			-webkit-background-size: 50px 50px;
			-moz-background-size: 50px 50px;
			-webkit-animation: move 2s linear infinite;
			   -webkit-border-top-right-radius: 8px;
			-webkit-border-bottom-right-radius: 8px;
			       -moz-border-radius-topright: 8px;
			    -moz-border-radius-bottomright: 8px;
			           border-top-right-radius: 8px;
			        border-bottom-right-radius: 8px;
			    -webkit-border-top-left-radius: 20px;
			 -webkit-border-bottom-left-radius: 20px;
			        -moz-border-radius-topleft: 20px;
			     -moz-border-radius-bottomleft: 20px;
			            border-top-left-radius: 20px;
			         border-bottom-left-radius: 20px;
			overflow: hidden;
		}
		
		.animate > span:after {
			display: none;
		}
		
		@-webkit-keyframes move {
		    0% {
		       background-position: 0 0;
		    }
		    100% {
		       background-position: 50px 50px;
		    }
		}
div.withintextoptions table {
	width:100%;
}
div.withintextoptions table tr td {
	padding:10px;
}
div.withintextoptions table tr td input{
	padding-bottom:100%;
}
div.exporttagoptions table {
	width:100%;
}
div#genre div.defineframe div table tr td{
    width:125px;
}
#webdemobutton {
	border:4px solid #376091;
	position:relative;
	margin:30px auto;
	width:250px;
	height:40px;
	background: linear-gradient(to right, white, #efefef);
	border-radius:20px;
	text-align:center;
	color:#000;
	padding:10px;
	font-size:150%;
	box-shadow: 4px 4px 4px #BBB;
	text-transform:uppercase;
	font-weight:900;
	padding:15px 5px 5px 5px;
}
#webdemobutton:hover {
    cursor:pointer;
}
#downloadbutton {
	border:4px solid #376091;
	position:relative;
	margin:30px auto;
	width:360px;
	height:40px;
	background: linear-gradient(to right, #8ea6c2, #708daf);
	border-radius:20px;
	text-align:center;
	color:#FFF;
	padding:10px;
	font-size:150%;
	box-shadow: 4px 4px 4px #BBB;
	text-transform:uppercase;
	font-weight:900;
	padding:15px 5px 5px 5px;
}

#downloadbutton:hover {
    cursor:pointer;
}