
body    {
	font-size : 100%;
	text-align: justify;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #000000;
}

#Menu   {
	width : 160px;
	position : fixed;
	left : 0;
	top : 0;
	height : 99%;
	background : #003366;
	padding-left : 8px;
	padding-right : 2px;
	overflow : auto;
}

#Content  {
	padding-left : 2em;
	text-align: justify;
	width : 700px;
	color : #000000;
	font-size : 0.9em;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	background : #ffffff;
	border-color : #ffffff;
	position : absolute;
	top : 10px;
	left: 195px;
}

div.text  {
	font-size : 0.9em;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #000000;
}

div.texttoppage  {
	font-size : 0.9em;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #666666;
}

a:link  {
	font-size : 100%;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #104e8b;
	text-decoration : none;
	font-weight : normal;
}
a:visited  {
	text-decoration : none;
	font-weight : normal;
	font-size : 100%;
	color : #607b8b;
}
a:hover  {
	text-decoration : underline;
}
a.textlink  {
	font-size : 100%;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #104e8b;
	text-decoration : none;
	font-weight : normal;
}
a.textlink:visited  {
	text-decoration : none;
	font-weight : normal;
	font-size : 100%;
	color : #607b8b;
}
a.textlink:hover  {
	text-decoration : underline;
}

td.menuitem, td.menuitemchosen  {
	width : 133px;
	border-top: 1px solid #225588;
	border-bottom: 1px solid #225588;
	padding: 2px;
}

td.sublink  {
	width: 113px;
	text-align: left;
	white-space: nowrap;
}

a.menulink:link, a.sublink:link, a.menulink:active, a.sublink:active, a.menulink:visited, a.sublink:visited  {
	display: block;
	width: 95%;
	margin-left: 5px;
}

a.menulink  {
	text-decoration : none;
	font-size : 1.0em;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : white;
	white-space : nowrap;
}

a.menulinkchosen  {
	display: block;
	width: 95%;
	margin-left: 5px;
	text-decoration: none;
	font-weight : normal;
	font-size : 1.0em;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : white;
	white-space : nowrap;
}

a.menulink:hover, a.menulinkchosen:hover  {
	color: #003366;
	background: #b0c4de;
}

a.sublink  {
	text-decoration : none;
	font-weight : normal;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 1.0em;
	color : white ;
}

a.sublink:hover  {
	background: #336699;
	font-size : 1.0em;
}

/* ---- What is this ? Is it used anywhere? -----------------
a.subprogramlink  {
	text-decoration : none;
	color : #003366;
	font-weight : bold;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 70%;
}
a.subprogramlink:visited  {
	text-decoration : none;
	color : #003366;
	font-weight : bold;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 70%;
}
------------------------------ */

div.textlogo  {
	font-size : xx-large;
	font-weight : bold;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #000000;
}

table th  {
	background : #cccccc;
	padding : 4px;
}
table td  {
	font-size : 0.9em;
	font-family : Verdana, Arial, Helvetica, sans-serif;
}
table.menu  {
	border-collapse : collapse;
}
table.menu td  {
	font-size : 1.0em;
	border-collapse : collapse;
	border-spacing : 0px;
	padding : 1px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : white;
	white-space : nowrap;
}

table.navs  {
	width: 750px;
}

table.navbar  {
	width: 740px;
	margin-left: -12px;
	font-size : 100%;
	border : none;
	border-collapse : collapse;
	border-spacing : 0px;
}

table.subnavbar  {
	width: 730px;
	margin-left: -6px;
	font-size : 90%;
	border : none;
	border-collapse : collapse;
	border-spacing : 0px;
}

td.navbar, td.navbarchosen, td.subnavbar, td.subnavbarchosen {
	border : none;
	font-size : 100%;
	text-align : center;
	vertical-align : middle;
	height: 25px;
}

td.navbar  {
	background-image: url('http://images.irf.se/get_image.php?group=WebIRF&imageid=3');
	background-repeat: repeat-x;
}
td.navbarchosen, td.subnavbar, td.subnavbarchosen  {
	background-image: url('http://images.irf.se/get_image.php?group=WebIRF&imageid=7');
	background-repeat: repeat-x;
}

td.navbarleft, td.navbarright, td.subnavbarright, td.subnavbarleft  {
	height: 25px;
	width: 20px;
}

td.navbarleft  {
	background-image: url('http://images.irf.se/get_image.php?group=WebIRF&imageid=4');
	background-position: right;
	background-repeat: no-repeat;
}

td.navbarright  {
	background-image: url('http://images.irf.se/get_image.php?group=WebIRF&imageid=5');
	background-position: left;
	background-repeat: no-repeat;
}

td.subnavbarleft  {
	background-image: url('http://images.irf.se/get_image.php?group=WebIRF&imageid=8');
	background-position: right;
	background-repeat: no-repeat;
}

td.subnavbarright  {
	background-image: url('http://images.irf.se/get_image.php?group=WebIRF&imageid=9');
	background-position: left;
	background-repeat: no-repeat;
}

td.subnavbar:hover  {
	background: #b0c4de;
}

a.navbar:link, a.navbarchosen:link, a.subnavbar:link, a.subnavbarchosen:link, a.navbar:visited, a.subnavbar:visited  {
	display: block;
	width: 100%;
}

a.navbar   {
	text-decoration : none;
	color : #ffffff;
	font-weight : normal;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 100%;
	/* margin-left : 2px; */
}

a.navbar:hover  {
	background-image: url('http://images.irf.se/get_image.php?group=WebIRF&imageid=6');
	background-repeat: repeat-x;
	background-position: center left;
}

a.navbarchosen , a.navbar:active  {
	text-decoration : none;
	color : black;
	font-weight : normal;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 100%;
}

a.navbarchosen:hover  {
	text-decoration : underline;
	color : black;
	font-weight : normal;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 100%;
}

a.subnavbar  {
	text-decoration : none;
	font-weight : normal;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 90%;
	color : black;
}

a.subnavbar:hover  {
	text-decoration : underline;
	font-weight : normal;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 90%;
	color : black;
}

a.subnavbarchosen  {
	text-decoration : none;
	font-weight : bold;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 90%;
	color : black;
}

a.subnavbarchosen:hover  {
	text-decoration : underline;
	font-weight : bold;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 90%;
	color : black;
}

table.instrument  {
	font-size : 0.9em;
	border-color : #ffffff;
}

table.staff  {
	font-size : 0.9em;
	border-color : #ffffff;
	border-collapse : collapse;
}

table.instrument th, table.staff th  {
	background : #cccccc;
	padding : 4px;
	vertical-align : middle;
}
table.instrument td  {
	background : #e6e6e6;
	vertical-align : top;
	padding : 4px;
}

table.staff td  {
	background : #ffffff;
	vertical-align : top;
	padding : 4px;
}

.bild  {
	padding: 20px;
	padding-bottom: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 2em;
}
a img  {
	border: 0px;
	color: #ffffff; /* makes border disappear in ns4 (sometimes) */
}

#S {
	border: thin dotted blue;
	background: #eef; /* -moz-border-radius: 15px 15px 15px 15px;*/
}

img.irflogo {
	margin-top: 10px;
	margin-bottom: 20px;
}

img.flagicon {
	height: 15px;
	border-style: outset;
	border-color: #000000;
	border-width: 1px;
	margin-top: 20px;
}

.content{
	width: 125px;
	height: 175px;
	background-color: #fff; /*background color of content*/
	color: #000; /*text color of content*/
	border: 1px solid #000; /*border color*/
	padding: 10px;
	text-align: center;
}

.cappedImg {
	height: 75px;
	margin-top: 20px;
}

p.imgcap {
	margin-top: 10px;
	padding: 1px 3px 1px 0px;
	font-family: Georgia;
	text-align: center;
	font-size: 0.9em;
}
.form_error {
color: #dd0000;
display:inline;
}
.form_info_text {
font-size: small;
display:inline;
}

.form_text {
font-family: Verdana, Arial;
font-size: 11px;
color: #000000;
width: 300px;
background-color: #F2F7FB;
border: 1px inset #000000;
}


.form_textarea {
	font-family: Verdana, Arial;
	font-size: 11px;
	color: #000000;
	width: 300px;
	background-color: #F2F7FB;
	border: 1px inset #000000;
	TEXT-DECORATION: none;
}
.home {
	font-family: Verdana, Helvetica, sans-serif;
	float:left;
}

.html_by {
	font-family: Verdana, Helvetica, sans-serif;
	float:right;
	font-size:0.7em;
}

textarea {
  width: 400px;
  height: 150px;
}
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 220px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.chirps:td {
  text-align: right;
}
