/*************** the flesh **************/
body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family: Arial, Helvetica, sans-serif;
color: #000000; /* was ccc */
font-size: 12px;
line-height: 16px;
margin-top: 12px;
margin-bottom: 10px;
background-color: #fff;
}

body.nested{
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	
}
body.matrix{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
}


/*************** tables.. boring tables **************/
table.res{
/*	width: 100%; */
	border : 1px solid #bbbbbb;
	font-size:12px;
	background-color:#dddddd;
}
table.basic{

	vertical-align: top;
	background-color:#ffffff;	
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
td.basic{

	vertical-align: top;
	background-color:#ffffff;	
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
table.txtres{
	border : 0px;
	font-size:12px;
}
table.form{
border : 0px solid black;
/* cellspacing: 1;
cellpadding: 1; */
}

/*************** text, text, text **************/
.head {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-stretch: ultra-expanded;
	font-weight: 900;
	line-height: 20px;
	color: #ffffff;
}
.headold {
	font-family: bradley hand ITC, broadway, verdana, arial;
	font-size: 18px;
	font-weight: 900;
	color: #543200;
}
.navi {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: 600;
	line-height: 20px;
	color: #ffffff;
/*	font-variant: small-caps; */
}

.para {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: 600;
	color: #543200;
/*	font-variant: small-caps; */
}
.parenthesis {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: 100;
	color: #999999;
}
/*  for span  */
.link{
	cursor: pointer;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: 600;
	/* color: #543200; */
/*	font-variant: small-caps; */
}
p.help {
font-size: 12px;
line-height: 16px;
margin-top: 12px;
margin-bottom: 10px; 
}
p {
font-size: 14px;
line-height: 16px;
margin-top: 12px;
margin-bottom: 10px; 
}
h1 {
font-size: 16px;
line-height: 22px;
font-weight: bold;
margin-top: 0;
margin-bottom: 0;
}
/*************** hyped up hyper **************/
a {
text-decoration: underline;
/* font-weight: bold; */
/* font-variant: small-caps; */
color:  #000000;
outline: none;
letter-spacing: 0px;
}
a:visited {
color:  #000000;
}
a:active {
color:  #666666;
}
a:hover {
color: #000000;
text-decoration: underline;
}

/*************** imgn ll th pplb **************/
img {
border: 0;
}

/*************** misc **************/


.nowrap {
white-space: nowrap;
font-size: 12px;
font-weight: bold;
margin-top: 0;
margin-bottom: 0;
/* must be combined with nobr in html for ie5win */
}
hr {
color: #ffff00; border-top-style: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 1px; BORDER-BOTTOM-STYLE: none;
}
ul {
	margin: 0px 0px 0px 16px
}
li {
	MARGIN-TOP: 8px; LIST-STYLE-POSITION: outside; LIST-STYLE-IMAGE: url(../img/listpoint2.jpg); MARGIN-BOTTOM: 8px
}
/* --------------------------------------------- */

#misc{
	border: 1px outset #999999;
	cursor: pointer;
	width: 80px;
	background: #6699cc;
	text-align: center;
}
#head{
	position: absolute;
 	top: 0px;
   	left:0px;
	border: 1px solid #ffffff;
   	background:#7C7CB0;
   	width:200px;
   	height: 24px;
	cursor: pointer;
   	padding: 1px;
}
#slither{ /* the thin slice between the tabs and the pages */
	position: absolute;
	top: 28px;
	left:1px;
	padding: 0px;
	background: #ffffff;
	width: 926px;
	height: 2px;
}
#tab1{
	position: absolute;
	top: 0px;
	left:204px;
	padding: 1px;
	border: 1px solid #ffffff;
	background: #ff6600;
	width: 100px;
	height: 25px;
	cursor: pointer;
	text-align: center;
}
#tab2{
	position: absolute;
	top: 0px;
	left:308px;
	padding: 1px;
	border: 1px solid #ffffff;
	background: #cc0066; 
	width: 100px;
	height: 25px;
	cursor: pointer;
	text-align: center;
}
#tab3{
	position: absolute;
	top: 0px;
	left:412px;
	padding: 1px;
	border: 1px solid #ffffff;
	background: #9966cc;
	width: 100px;
	height: 25px;
	cursor: pointer;
	text-align: center;
}
#tab4{
	position: absolute;
	top: 0px;
	left:516px;
	padding: 1px;
	border: 1px solid #ffffff;
	background: #6699cc;
	width: 100px;
	height: 25px;
	cursor: pointer;
	text-align: center;
}
#tab5{
	position: absolute;
	top: 0px;
	left:620px;
	padding: 1px;
	border: 1px solid #ffffff;
	background: #7C7CB0;
	width: 100px;
	height: 25px;
	cursor: pointer;
	text-align: center;
}
#posttab{
	position: absolute;
	top: 1px;
	left:725px;
	padding: 1px;
	border: 0px solid #ffffff;
	background: #7C7CB0;
	width: 200px;
	height: 25px;
}
#deco{
	position: absolute;
	top: 28px;
	left:0px;
	padding: 2px;
	border: 1px solid #ffffff;
	background: #7C7CB0;
	width: 922px;
	height: 45px;
}
#panel{
	position: absolute;
	top: 78px;
	left: 0px;
	padding: 1px;
	border: 1px solid #ffffff;
	background: #cccccc;
	width: 924px;
	height: 30px;
}
#grastrek{
	position: relative;
	top: 268px;
	left: 0px;
	padding: 1px;
	border: 1px solid #ffffff;
	background: #cccccc;
	width: 900px;
	height: 1px;
}
#logo{
	position: absolute;
   	top: 30px;
   	left:6px;
   	width:70px;
   	height: 43px;
   	padding: 1px;
   	border: 0px solid #aa0;
}
#bblogo{
	position: absolute;
   	top: 37px;
   	left:6px;
   	width:70px;
   	height: 43px;
   	padding: 1px;
   	border: 0px solid #aa0;
}
#tauslogo{
	position: absolute;
   	top: 33px;
   	left:6px;
   	width:70px;
   	height: 38px;
   	padding: 1px;
   	border: 0px solid #aa0;
}
#tllogo{
	position: absolute;
   	top: 0px;
   	left: 814px;
   	width: 110px;
   	height: 25px;
   	padding: 2px;
   	border: 0px solid #aa0;
}
#unilogo{
	position: absolute;
    top: 40px;
   	left: 860px; */
   	width: 60px;
   	height: 60px;
   	padding: 0px;
   	border: 0px solid #aa0;
}
#uitlogo{
	position: absolute;
    top: 40px;
   	left: 760px; */
   	width: 60px;
   	height: 60px;
   	padding: 0px;
   	border: 0px solid #aa0;
}
#iln{
	position: absolute;
	top:5px;
	left: 777px;
	padding: 0px;
	border: 0px solid #aa0;
	color: #000000;
}
#gatilnotaoslo{
	position: absolute;
    top:88px;
   	left: 745px; 
    /* width: 89px;
   	height: 22px; */
   	padding: 0px;
   	border: 0px solid #aa0;
}
#gotonotaoslo{
	position: absolute;
    top:88px;
   	left: 730px; 
    /* width: 89px;
   	height: 22px; */
   	padding: 0px;
   	border: 0px solid #aa0;
}
#gatilfrekvenser{
	position: absolute;
    top:88px;
   	left: 605px; 
    /* width: 89px;
   	height: 22px; */
   	padding: 0px;
   	border: 0px solid #aa0;
}
#gatilnyttsprak{
	position: absolute;
    top:53px;
   	left: 745px; 
    /* width: 89px;
   	height: 22px; */
   	padding: 0px;
   	border: 0px solid #aa0;
}
#gototaus{
	position: absolute;
    top:88px;
   	left: 575px; 
    /* width: 89px;
   	height: 22px; */
   	padding: 0px;
   	border: 0px solid #aa0;
}
#gatilnota{
	position: absolute;
    top:90px;
   	left:9px; 
    /* width: 89px;
   	height: 22px; */
   	padding: 0px;
   	border: 0px solid #aa0;
}
#ctrl{
   position: absolute;
   top: 3px;
   left: 3px;
   background:#444444;
/*   width:100px;
   height: 120px;*/
   padding: 1px;
   border: 1px solid #fff;
}
#ctrl2{
   position: absolute;
   top: 3px;
   left: 910px;
   background:#444444;
/*   width:100px;
   height: 120px;*/
   padding: 1px;
   border: 1px solid #fff;
}
#first {
position: absolute;
top: 112px;
left: 0px;
padding: 10px;
border: 1px solid #ffffff;
width: 905px;
background: #e1e1f0;
}
#demos {
	position: absolute;
	top: 113px;
	left: 0px;
	padding: 10px;
	border: 0px solid #000000;
	background: #ffffff;
	width: 909px;
}
#match {
	position: absolute;
	top: 112px;
	left: 0px;
	padding: 10px;
	border: 0px solid #000000;
	background: #ffffff;
	width: 911px;
}
#lexi {
	position: absolute;
	top: 112px;
	left: 0px;
	padding: 10px;
	border: 0px solid #000000;
	background: #e1e1f0;
	width: 903px;
}
#res {
	position: absolute;
	top: 112px;
	left: 0px;
	padding: 10px;
	border: 0px solid #000;
	background: #ffffff;
	width: 911px;
}
#set {
	position: absolute;
	top: 112px;
	left: 0px;
	padding: 10px;
	border: 0px solid #000000;
	background: #ffffff;
	width: 909px;
}

#col1{
padding: 10px;
border: 1px solid #aa0;
background: #0088A1;
width: 300px;
float: left;
}
#col2{
padding: 10px;
border: 1px solid #aa0;
background: #ff00ff;
width: 300px;
float: left;
}

#col3{
position: absolute;
top: 30px;
left: 750px;
padding: 5px;
/*border: 1px solid #aa0;*/
background: #fefeff;
height: 200px;
width: 300px;
}
#base{
position: relative;
left: 30px;
padding: 5px;
border: 1px solid #aa0;
background: #fefe00;
height: 175px;
width: 300px;
}
#rightpanel{
	width: 82px;
	background: #00ffff;
	float: right;
}

/*************** form elts ***************/
.button {
    	color:white;
    	font-weight:bold;
	font-family:arial, helvetica, sans-serif;
	font-size: 14px;
    	background-color:#000000;
	border-top:1px solid #ffffcc;
	border-right:1px solid #ffffcc;
	border-bottom:1px solid #bbbbbb;
	border-left:1px solid #bbbbbb;
   	cursor: pointer;
	padding:0px;
	/* IE box model hack */
	voice-family: "\"}\"";
    	voice-family:inherit;
	padding:0px 1px 1px 0px;
    	margin:0px 2px 0px 2px;
}

input.cs1 { /* colour scheme 1  */
	background: #FFBB55;
	color: #000000;
}
select.cs1 { /* colour scheme 1  */
	font-family: Arial, Helvetica, sans-serif;
	background: #FFBB55;
	color: #000000;
	font-size: 1.2em;
}
select.cs2 { /* colour scheme 2  */
	font-family: Arial, Helvetica, sans-serif;
	background: #FD64CA;
	color: #000000;
	font-size: 1.2em;
}
select.cs3 { /* colour scheme 3  */
	font-family: Arial, Helvetica, sans-serif;
	background: #6699CC;
	color: #ffffff;
	font-size: 1.2em;
}
select.cs4 { /* colour schreme 4  */
	font-family: Arial, Helvetica, sans-serif;
	background: #6699CC;
	color: #ffffff;
	font-size: 1.2em;
}
select.cs5 { /* colour scheme 5  */
	font-family: Arial, Helvetica, sans-serif;
	background: #6699CC;
	color: #ffffff;
	font-size: 1.2em;
}
#home{
	position: absolute;
	top: 6px;
	left: 152px;
	width: 15px;
	height: 15px;
	/* background: #aaddff; */
	float: right;
	cursor: pointer;
	text-align: center;
   	border: 0px solid #000;
	background: url('../img/home.png')  2px 1px no-repeat;
}
#hometo{
	position: absolute;
	top: 6px;
	left: 132px;
	width: 15px;
	height: 15px;
	/* background: #aaddff; */
	float: right;
	cursor: pointer;
	text-align: center;
   	border: 0px solid #000;
	background: url('../img/home.png')  2px 1px no-repeat;
}
#hometre{
	position: absolute;
	top: 6px;
	left: 182px;
	width: 15px;
	height: 15px;
	/* background: #aaddff; */
	float: right;
	cursor: pointer;
	text-align: center;
   	border: 0px solid #000;
	background: url('../img/home.png')  2px 1px no-repeat;
}

#homefire{
	position: absolute;
	top: 6px;
	left: 92px;
	width: 15px;
	height: 15px;
	/* background: #aaddff; */
	float: right;
	cursor: pointer;
	text-align: center;
   	border: 0px solid #000;
	background: url('../img/home.png')  2px 1px no-repeat;
}

/*
checkbox.cs1 {
	font-family: Arial, Helvetica, sans-serif;
	background: #ff6600;
	color: #ffffff;
	font-size: 1.2em;
}
*/	
/* end of form elts*/