/* Tetum Project Site Style Sheet.. based on the :.. 
* Timor Help Site style sheet and the savannah base css
*
 * This program is free software; you can redistribute it and/or
 * modify it under the terms of the gnu general public license
 * as published by the free software foundation; either version 2
 * of the license, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but without any warranty; without even the implied warranty of
 * merchantability or fitness for a particular purpose.  see the
 * gnu general public license for more details.
 *
 * You should have received a copy of the gnu general public license
 * along with this program; if not, write to the free software
 * foundation, inc., 59 temple place - suite 330, boston, ma  02111-1307, usa.
 */

/* new elements */

msgid { color: #3333fa;
font-family: roman, 'times new roman', times, serif;
font-size: 110%;
}
msgstr { color: #fa3333;
font-family: roman, 'times new roman', times, serif;
font-size: 110%;
}


/* standard elements */
 body { 
  margin-top: 0.5%;
  margin-left: 0.5%;
  margin-right: 0.5%;
  margin-bottom: 0.5%;
  background-color:#fafafa;
  font-family: arial, helvetica, verdana, sans;
  font-size: 0.9em;
  font-weight: 700;
  color: #333333;
}


a { 
text-decoration: none;
 color: #841212;}

a:hover { text-decoration: underline; 
color: #333300; 
background-color: #8888ff;
}


a:active { color: #ff0000; }  
 
 .action {
	color: #6600CC;
	font-weight: 800;
	font-family: arial, helvetica, sans-serif;
	font-style: normal;
}

/* classes */

.caption {
	background-color: #BDDDDD;
	color: #336633;
	font-family: arial, helvetica, sans-serif;
}
.code { 
font-family: courier, "times new roman", times, arial, fixed;
font-size: 1em;

}

.gen-content {
	position: absolute;
	left: 12%;
	top: 11%;
	width: 82%;
	margin: 1em;
	padding: 0.5em;
	padding-left:0.6em;
	border-style: solid;
	border-width: 2px;
	border-color: #bbbb00;
	text-decoration: none;
	color: #333366;
	background-color: #ffffff;
	font-weight: 700;
	/*font-family: goth, gothic, palantino, times, "times new roman",  serif;*/
}
.gen-content dl {
padding-left: 1em;
}

.gen-content h1 {
	background-image: url("../images/tl-flag.png"); 
	background-color: #880000;
	color: #ffffff;
	font-size: 2em;
	font-weight: 600;
	font-stretch: semi-expanded;
	font-family: helvetica, arial,  sans-serif;
	padding-left: 1em;
	border-style: solid;
	border-color: #ffffaa;
	border-width: 2px;
}

.gen-content h2 {
	background-color: #666699;
	color: #ffffff;
	font-size: 1.6em;
	font-weight: 600;
	font-stretch: semi-expanded;
	font-family: helvetica, arial,  sans-serif;
	padding-left: 1em;
	border-style: solid;
	border-color: #ffffaa;
	border-width: 2px;
}

.gen-content h3 {
	background-color: #555599;
	color: #ffffff;
	font-size: 1.4em;
	font-weight: 600;
	font-stretch: semi-expanded;
	font-family: helvetica, arial,  sans-serif;
	padding-left: 1em;
}

.gen-content h4 {
	background-color: #444499;
	color: #ffffff;
	font-size: 1.2em;
	font-weight: 600;
	font-stretch: semi-expanded;
	font-family: helvetica, arial,  sans-serif;
	padding-left: 1em;
}

.gen-content h5 {
	background-color: #333399;
	color: #ffffff;
	font-size: 0.8em;
	font-weight: 600;
	font-stretch: semi-expanded;
	font-family: helvetica, arial,  sans-serif;
	padding-left: 1em;
	border-style: solid;
	border-color: #ffffaa;
	border-width: 2px;
}
.genheader {
  position: absolute;
  top: 0.2em;
  width: 98%;
  background-color: #880000;
  color: #ffff00;
  border-color: #ffff00;
  border-style: groove;
  z-index: 10;
  font-weight: 800;
  padding: 0.8em;
  padding-left: 0.5em;
  background-image: url("../images/tl-flag.png ")
}

.flagleste {
  position: fixed;
  top: 1%;
  left: 1%;
  z-index: 8;
  padding: 0.2em;
	}
	
.footer {
  bottom: 0.2em;
  right: 0.2em;
  left: 0.2em;
  top: 90%;
  position: static;
  border-width: 1px;
  border-color: red;
  border-style: solid;
  padding: 1em;
  font-weight: 700;
  font-style: oblique;
  font-stretch: wider;
  font-family: arial, helvetica, sans-serif;
}


.genmenu {
  padding: 0.2em;
  width: 12%;
  /* height: 80%;  */
  left: 5px;
  top: 15%;
  position: fixed;
  background-color: #ffbb00;
  text-decoration: none;
  color: #ffff00;
  font-weight: 800;
  font-size: normal;
  font-family: arial, helvetica, gothic, times, serif;
  border-style: solid;
  border-width: 1px;
  border-color: #000000;
  background-image: url("../images/tais-silver.png"); 
}

.genmenu hr {
  width: 90%;
  align: center;
	}
.genmenu a:visited {
  color: #cccccc;	
  text-decoration: none;
}
.genmenu a:active {
  color: #ffaaaa;
  text-decoration: none;
	} 
.genmenu a:link {
  color: #ffffff;
  text-decoration: none;
}

.genmenu a:hover {
  font-size: 100%;
  background-color: #ffff00;
  color: #000000;
	}
	
.genmenu img {
  width:80%;
	}
		
.info {
  font-size: 110%;
  font-family: verdana, arial, helvetica ;
  font-weight: 700;
  padding-left: 1em;
  color: #3333ff;
  background-color: #f4d495;
}

.intro {
	text-decoration: none;
	color: #333399;
	font-size: normal;
	font-weight: normal;
	font-family: western, fantasy;
}

.installing { 
  color: #000000;
  background-color: #eeeeee;
  text-decoration: none;
  font-family: helevetica, arial, verdana, sans-serif;
  font-weight: 800;
  font-size: 1.2em;
  padding-top: 1em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-bottom: 1em;
  border-style: dashed;
  border-width: 0.2em;
  border-color: #7a7a00;
}

.installing h3 {
	background-color: #00008a;
	background-image: url("../images/dict.png"); 
	color: #ffffff;
	font-size: 1.4em;
	font-weight: 600;
	font-stretch: semi-expanded;
	font-family:  arial, helvetica, sans-serif;
	padding-left: 2em;  }



 

.menu-title {
	line-height: 150%;
	padding-left: 0.5em;
	text-transform: uppercase;
	font-family: arial, helvetica, sans-serif;
	font-size: 110%;
	background-color: #669999;
	color: #ffffff; /*if NOT a link */
}

.note {
	font-style: book;
	font-family: arial, helvetica, sans-serif;
	background-color: #88D0F4;
}

.outcomes {
	width: 90%;
	padding: 0.5em;
	border-width: 0.35em;
	border-style: double;
	color: #336666;
	background-color: #A9E2EC;
	text-align: right;
	text-transform: capitalize;
	text-decoration: none;
	font-weight: 700;
	font-style: normal;
	font-size: 90%;
	font-family: arial, helvetica, sans-serif;
}

.projectLogo {
	color: #FFFF00;
	background-color: #9C0000;
	background-image: url("../images/tl-flag.png"); 
	font-size: 125%;
	font-weight: 800;
	font-variant: normal;
	border-style: solid;
	border-width: 1px;
	border-color: white;
	padding: 0.4em;
}
.projectMotto {
  position: relative;
  left: 4em;
  color: #FFFF00;
  background-color: #9a0000;
  background-image: url("../images/tl-flag.png"); 
  font-size: 100%;
  font-weight: 800;
  padding: 0.4em;
  padding-left: 1.0em;
  font-family: helvetica,  arial,  sans-serif;
  border-style: solid;
  border-width: 2px;
  border-color: #ff0000;
}


.quote {
	border-width: 2px;
	border-color: #F9F6C0;
	border-style: solid;
	padding: 0.5em;
	background-color: #F5F3e7;
	color: #518CBE;
	font-size-adjust: 110%
	font-variant: normal;
	font-family: roman, 'times new roman', times, serif;
}

.scenario {
	padding: 0.75em;
	border-width: 0.25em;
	border-style: solid;
	border-color: #888899;
	background-color: #99CCCC;
	color: #330099;
	font-family: roman, 'times new roman', times, serif;
}

.submenu {
	top: 2%;
	right: 2%;
	/*width: 66%; */
	position: fixed;
	z-index: 12;
	text-decoration: none;
	 background-color: #880000;
	color: #ffff00;
	border-color: ffff00;
	border-style: groove;
	padding: 0.25em;
	background-image: url("../images/tl-flag.png"); 
	font-family: arial, helvetica, sans-serif;
}

.submenu a:link {
  color: #ffff00; }

.submenu a:active {
  color: #ff0000; }

.submenu a:visited {
  color: #7afafa; }

.submenu a:hover {
  color: #ffffff;
  background-color: #8a8a00;
}

.transcriptintro {
	text-indent: 1em;
	font-weight: 600;
	font-style: normal;
	font-family: roman, 'times new roman', times, serif;
}

.terminal {
   background-color: #000000;
  color: #00ff00;
  font-size: 1.6em;
  font-weight: 600;
  font-stretch: semi-expanded;
  font-family:  roman, 'times new roman', times, serif;
  padding-left: 1em;
 /* padding-top: 0.3em;*/
 /* border-style: solid;*/
  /*border-color: #cccccc;*/
 /* border-width: 0.1em;*/
  }

.timestamp { 
  z-index: 10;
/*  position: fixed;*/
  right: 1em;
  bottom: 0.1em;
  font-family: arial, helvetica, sans-serif;
  font-size: 0.8em;
  color: #cccccc;
  padding: 0.5em;
  border-style: dashed;
  border-width: 0.1em;
  border-color: #dadada;
  }

.timestamp a { 
  font-family: roman, times, serif,  fixed;
  color: #cccccc;
}

.words_left {
  padding: 0.5em;
  width: 44%;
  float: left;
  border-width: 2px;
  border-color: #81BEDB;
  border-style: solid;
  font-stretch: expanded;
	
}

.words_right {
  padding: 0.5em;
  width: 44%;
  float: right;
  border-width: 2px;
  border-color: #81BEDB;
  border-style: solid;
  font-stretch: expanded;
	
}