* {margin:0; padding:0}
#body {font:10px Verdana,Arial}
wrapper {width:100%; margin:50px auto}
.sortable {width:98%; border:1px solid #ccc; border-bottom:none}
.sortable th {padding:4px 6px 6px; background:#ccf; color:#fff; text-align:center; color:#ccc}
.sortable th img{border:0;}
.sortable td {padding:2px 4px 4px; background:#fff; border-bottom:1px solid #ccc}
.sortable .head {background:#444 url(images/sort.gif) 6px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .desc {background:#222 url(images/desc.gif) 6px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .asc {background:#222 url(images/asc.gif) 6px  center no-repeat; cursor:pointer; padding-left:18px}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {color:#fff}
.sortable .even td {background:#f2f2f2}
.sortable .odd td {background:#fff}


/* -----------------------------------------------
 * Link
 * ----------------------------------------------- */

a:link {
  color: blue;
  text-decoration: underline
}

a:visited {
  color: #009;
  text-decoration: underline;
}

a:hover {
  color: #00f;
  background-color: #eee;
  text-decoration: underline;
}

a:active {
  color: red;
  background-color: #eee;
  text-decoration: underline;
}

/* -----------------------------------------------
 * Body general
 * ----------------------------------------------- */
body {
  margin: 1em;
  padding: 0;
}

/*
hr {
  display:none;
}
*/

br { 
/*  line-height:300%;*/
  line-height:100%;
  clear: left;
}

/*
div {
	border: solid 1px #f00; 
}
*/

blockquote, ol {
  margin-top: 0.2em;
  margin-bottom: 0.8em;
  margin-right: 1.2em;
  margin-left: 1.2em;
  padding: 0 2em;
  line-height:110%;
}

table {
  margin-top: 0.2em 1.2em 0.8em;
  padding: 0 0;
  line-height:100%;
}

pre {
  line-height:100%;
  width: 100%;
  margin: 0.2em 0 0.2em 0.8em;
  padding: 0.9em 0.5em;

/*  font-family:monospace;
  color:#242;
  font-size: 90%;
*/
/*  overflow: auto; */
  
/*  background-color:#eeffee;
  border:solid #006600 1px;
*/
}

/*******************/
/* Font decoration */
/*******************/

b {
/*  color:#090;*/
  font-weight: bold;

}

strong { 
  color: #000;
  background-color: #dff;
  text-decoration: none;
  font-weight:normal;
  font-style:normal;

/*  text-decoration: underline;*/
/*
  text-decoration: none;
  font-weight:normal;
  font-style:normal;
  color: #f00;
*/
}

em { 
  text-decoration: none;
  font-weight:normal;
  font-style:normal;
  color: #00f;
}

u {
  text-decoration: underline;
  
  font-weight:normal;
  font-style:normal;  
}

/*************/
/* Font size */
/*************/

h1, h2, h3, h4 {
  font-style:oblique;
  line-height:1.2;
}

h1 {
  font-family: normal;
  font-style: normal;

  color:#000;
  text-align:center;
  font-size:2.0em;
  margin:0.7em 0.1em 0.5em;
  padding:0.3em 0.5em 0.15em;
/*  border:#112 2px solid; */
  background: #FFFFFF;	
}

h2 {
  color:#00a;
  border-top:#112 4px solid;
  text-align:center;
  font-size:1.6em;
  margin:0.7em 0.1em 0.5em;
  padding:0.3em 0.5em 0.15em;
/*  border-bottom:#112 2px solid;*/
}

h3 {
/*  color:#00a;*/
  font-size:1.3m;
  font-weight:normal;
  margin:0.5em 12em 0.2em 0.8em;
  padding:0.2em 0.4em 0.1em 0.5em;
/*  border-bottom:#554 2px ridge;*/
}

h4 {
  color:#250;
  font-style:normal;
  font-size:0.8em;
  margin: 0.2em;
}

/* -----------------------------------------------
 * Title header
 * ----------------------------------------------- */

#header {
  width: 100%;	
  color:#ffa;
  background:#112;
  /*	background-position: 3% 15px;*/
  height: 100px;
  text-align:center;
  font-size:1.2em;
  font-style:italic;
  
  padding: 3px 0 3px;
  margin: 0 0 10px 0;
}		

#header h1 {
  display: none;
}

#navbar { 
  width: 100%;
  height: 30px;
  background: #112;
  margin: 0;
  padding: 0 0 0 0px;
  list-style: none;
}

.menu { 
  float: left;
  border: 1px solid #ccc;
  width: 200px;
  text-align: center;
  margin: 0 5px;
}

.menu a { 
  background: #334;
  color: #fff;
  display: block;
  width: 200px;
  font-weight: bold;
  font-style:normal;
  text-decoration: none;
}

.menu a:link {
  color: #fff;
  text-decoration: none;
}

.menu a:visited {
  color: #fff;
  text-decoration: underline;
  text-decoration: none;
}

.menu a:hover {
  color: #112;
  background-color: #eee;
  text-decoration: underline;
}

.menu a:active {
  color: red;
  background-color: #eee;
  text-decoration: underline;

}

/* -----------------------------------------------
 * Main body
 * ----------------------------------------------- */

#main {  
  width: 96%;
  float: none;
  clear:both;
  margin: 0.5em auto;
  padding: 0 0.2em;
  font-weight:normal;
  font-size:100%;
  text-align:left;
  color:black;
}

#main p {
  /*
     background-color: #f00;
     border: solid 1px #0f0;
     */
  margin: 0.5em 1em;
  padding: 0 1em;
  line-height:120%;
/*     margin-top: -0.2em;*/
}

#main .NG {
  text-decoration: none;
  color:#f00;
}

#main .OK {
  text-decoration: none;
  color:#00f;
}

.userinput br {
  line-height:75%;
}

/* -----------------------------------------------
 * Footer
 * ----------------------------------------------- */

#footer {
  width: 100%;
  float: none;
  clear:both;
  color:#ffa;
  background:#112 ;
  text-align:center;
  /*	font-style:oblique;*/
  margin:0%;
  padding:1.5em 0 1em 0;


#rev { 
  text-align: center;
  color: #00ff00;
}