html {
padding:5px; min-width:
200px; max-width:985px;
margin-left :  auto;
margin-right : auto;  

} 

/*
body {
margin : 0; 
font-family : Verdana, Arial, Geneva; 
font-size: 80%;
} 
*/
/*****************   Geir's CSS Start   *********************/
body {
   margin: 0;
   padding: 5px;
   background: #ffffff;
   font-family:  Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
   width : 800px;
	margin-left :  auto;
	margin-right : auto; 
}				

#container {
	line-height: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 0px;
	width: 95%;
	background-color: #ffffff;
	border: 0px solid #FFFFFF;
	}
/**********santy **************/
#containerXS {
	line-height: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 0px;
	width: 95%;
	background-color: #ffffff;
	border: 0px solid #FFFFFF;
	}

#nav-posXS {
	width : 610px;
	margin-left :  auto;
	margin-right : auto;
	border : 0px;
	height : 32px;
	margin-bottom : 0px;
	padding-bottom : 0px;
	padding-top : 10px;
}
	
#containerXSAdv {
	line-height: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 0px;
	width: 95%;
	background-color: #ffffff;
	border: 0px solid #FFFFFF;
	}	
#nav-posXSAdv {
	width : 610px;
	margin-left :  auto;
	margin-right : auto;
	border : 0px;
	height : 32px;
	margin-bottom : 0px;
	padding-bottom : 0px;
	padding-top : 10px;
}	
/*************************FOR HEADER************************/

#navigationGeir {
	color: #FFFFFF;
	background-color: #366600;
	}

#nav-pos{
	width : 680px;
	margin-left :  70px;
	margin-right : auto;
	border : 0px;
	height : 32px;
	margin-bottom : 0px;
	padding-bottom : 0px;
	padding-top : 10px;
}

/*#nav-pos{
	width : 610px;
	margin-left :  auto;
	margin-right : auto;
	border : 0px;
	height : 32px;
	margin-bottom : 0px;
	padding-bottom : 0px;
	padding-top : 10px;
}*/


#nav-pic{
	position :relative;
	top : -7px;
	left : 0px;
	float : left;       
	margin :  0px;
	border : 0px;
	padding : 0px;
}

#nav-text{
	float : right; 
	font-size: 10pt;
	text-align: right;
	vertical-align : bottom;
	margin :  0px;
	border : 0px;
	padding-top : 12px;
}


#nav-text a:link {
	 color: #ffffff;
	 text-decoration:none;
	 font-size:small;
}

#nav-text a:visited {
	 color: #ffffff;
	 text-decoration:none;
	 font-size:small;
}

#nav-text  a:active {
	 color: #ffffff;
	 text-decoration:none;
	 font-size:small;
}

#nav-text  a:hover {
      color: #366600;
	  background-color:#9ab27f;
	  text-decoration:none;
}

/***************  search portlet nav bar START ******************/
#navXS-text{
	float : right; 
	font-size: 10pt;
	text-align: right;
	vertical-align : bottom;
	margin :  0px;
	border : 0px;
	padding-top : 12px;
}
#navXS-text a:link {
	 color: #366600;
	 text-decoration:none;
	 font-size:small;
}
#navXS-text a:visited {
	 color: #366600;
	 text-decoration:none;
	 font-size:small;
}
#navXS-text  a:active {
	 color: #336600;
	 text-decoration:none;
	 font-size:small;
}
#navXS-text  a:hover {
      color: #336600;
	  background-color:#ffcc00;
	  text-decoration:none;
}

#navXSAdv-text{
	float : none; 
	font-size: 11pt;
	text-align: left;
	vertical-align : bottom;
	margin :  0px;
	border : 0px;
	padding-top : 12px;
}
#navXSAdv-text a:link {
	 color: #366600;
	 text-decoration:none;
}
#navXSAdv-text a:visited {
	 color: #366600;
	 text-decoration:none;
}
#navXSAdv-text  a:active {
	 color: #0000CC;
	 text-decoration:none;
}
#navXSAdv-text  a:hover {
      color: #0000CC;
	  background-color:#ffcc00;
	  text-decoration:none;
}


/****************** search portlet nav bar END *************/


		
#strapline-pos{

	background: url(../images/background.gif) repeat;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #366600;
	border-left: 1px solid #366600;
	text-align: center;
}

#strapline {
	background: url(../images/background.gif) repeat;
	color: #366600;
	font-size:medium;
	line-height: 100%;
	background-color: #ffffff;
	width : 610px;
	padding: 5px;
	height: 5%;
	text-align: left;
	margin-left :  auto;
	margin-right : auto;
	}

#lowerhead {
	color: #ffcc00;
    font-size: small;
	background-color: #366600;
	background: url(../images/xxx.gif) #366600 no-repeat 10% 50%;
	text-align: center;
	padding: 4px;
	border-bottom: 1px solid #FFFFFF;
	height: 5%;
	}

/*************************For FORM********************/
#form-pos {
    width: 610px;
	height: 60px;   
	margin-left:  auto;
	margin-right: auto;
}

.xtra-form {
  margin-top : 20px;
  border-top : 0px;
  padding-top : 0px;
  margin-bottom : 0px;
  font-size : 11pt;

}

.xtra-form-boxes-l {

width : 294px;
font-size : 11pt;
border : 2px inset #aaaaaa;
}

.xtra-form-boxes-r {

width : 236px;
font-size : 11pt;
margin-top : 1px;


}
.xtra-form-boxes-o {


font-size : 11pt;


}

.xtra-submit {
  margin : 0px 0px 0px 0px;
  width : 50px;
  padding : 0px 0px 0px 0px;
font-size : 11pt;
border : 1px outset #aaaaaa;
/*background-color:  #9ab27f;
color :  #000000;*/
  
}
#form-left{
	position : relative;
	top : 0px;
	left : 0px;
	display : inline;
 	width : 294px;
	height :  50px;  
	float : left;
	
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px; 
	
}


#form-right{
	display : inline;
	position : relative;
	top : 0px;
	left : 0px;
	width : 294px;
	height :  50px;  

	float : right;
	
	
       
}	
	
	
/*****************  FOR BODY  ********/	
	
#h-left-pos{
    width:610px;
	margin-left :  auto;
	margin-right : auto;
	margin-top : 0;
	margin-bottom : 0;
	font-size : 10pt;
	padding : 0px;
	text-align : left;
}

.h-left-pos{
    width:610px;
	margin-left :  auto;
	margin-right : auto;
	margin-top : 0;
	margin-bottom : 0;
	font-size : 10pt;
	padding : 0px;
	text-align : left;
}

#top-head{
	min-width:630px;
	max-width:100%; 
	background :#366600;
	color : #ffffff;
	text-align : center;
	border:2px #9ab27f solid;
	margin:20px 0px 0px 0px;
	padding : 2px;
	font-size : 10pt;
}   


#top-body{
	min-width:630px;
	max-width:100%; 
	height : 165px;
	/*height : 185px;*/
	background : #9ab27f;
	display : block;
	
}
.history {
	background : #9ab27f;
}

#top-head2{
	min-width: 630px;
	max-width: 100%; 
	background :#366600;
	color : #ffffff;
	text-align : center;
	border:2px #9ab27f solid;
	margin:20px 0px 0px 0px;
	padding : 2px;
	font-size : 10pt;
}   

#top-body2{
	min-width:630px;
	max-width:100%; 
	background: #9ab27f;
	display: block;
	text-align:center;
	height:auto;

}

#top-body-pos{
 	padding-top: 15px;
	width: 610px;
	
	margin-left: auto;
	margin-right: auto;
}

#top-body-left{
	position : relative;
	top : -3px;
	left : 0px;
	display : inline;
 	width : 290px;
	height :  154px;  
	float : left;
	background : inherit;
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	border : 0px 0px 0px 0px;  
}



#top-body-right{
	display : inline;
	position : relative;
	top : 0px;
	left : 0px;
	
	width : 290px;
	height :  150px;  
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	border : 0px 0px 0px 0px; 
	float : right;
	background : inherit;
	font-size: 24;
}



#lister{
	height : 130px;
	/*height : 150px;*/
	width : 290px;
	color : black;
	background : white;
	overflow : auto;
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	border : 2px inset #aaaaaa;
	font-size: 24;
}


#flasher{
	width : 290px;
	height :  154px;  
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;

}










.nobr a:link {
	  color: #366600;
	  
}

.nobr a:visited {
	 color: #366600;
	 
}

.nobr  a:active {
	 color: #366600;
	 
}

.nobr  a:hover {
           color: #9ab27f;
	   
}




.listerfont a:link {
	  color: #366600;
	  font-size:small;
	  
}

.listerfont a:visited {
	 color: #366600;
	 font-size:small;
	 
}

.listerfont  a:active {
	 color: #366600;
	 font-size:small;
	 
}

.listerfont  a:hover {
           color: #9ab27f;
		   font-size:small;
		  
	   
}

/*************************FOR FOOTER ************************/

#footergraphics {
	background-color: #FFFFFF;
	text-align: center;
	color: #000000;
	font-size:small;
	line-height: 120%;
	}
#footergraphics img {
padding-top:2px;}
	

hr {
	border: 0;
	width: 100%;
	color: #366600;
	background-color: #366600;
	height: 5px;
}					
/**************MISC*********************/			
.skiplink { 
	display: none 
} 
.newsflash {
	background-color:#FFff00;
	font-size:10pt;
	font-weight:bold;
	text-align : center;
} 
.newsflash a:link, a:visited, a:active {
	color: #366600;
}

.newsflash a:hover {
	color: #9ab27f;
}
/*****************   Geir's CSS End   *********************/				


h1 {
font-size : 90%; 
} 
h2 {
font-size : 85%; 
} 
/*
a {
color : #014d99; 
} 
a:hover {
color : #3185d9; 
} 
*/
a {
color : #366600; 
} 
a:hover {
color : #9ab27f;  
}
a:visited {
color : #9ab27f; 
} 

.navHead {
color : #000000; 
text-decoration : underline; 
} 


p,ul {
font-size : 70%; 
line-height : 120%; 
} 

.navigation { font-size: 80%; text-align: right; margin-bottom: 10px  }
	
.text {
font-size : 80%;
}
/* header bar */
.headerright {
background : #336600 url(../images/header_background.gif) no-repeat 100%;
} 
.headerright img {
float : left; 
}

/* Main tab navigation */
#Tab {
background : #336600 url(../images/header_background2.gif) no-repeat 100%; 
font-size : 70%; 
font-weight : bold; 
} 
.TabTitleStyleClass {
background : url(../images/mainnav_back.gif) repeat; 
font-size : 70%;
padding-right : 5px; 
padding-left : 10px; 
padding-top : 1px; 
white-space : nowrap; 
border-bottom : 1px solid #336600; 
color : #336600; 
} 
.TabTitleStyleClass a:visited {
color : #336600; 
text-decoration : none; 
} 
.TabTitleStyleClass a {
color : #336600; 
text-decoration : none; 
} 
.TabTitleStyleClass a:hover {
color : #336600; 
text-decoration : none; 
} 
.TabTitleStyleClassa:visited:hover {
color : #336600; 
text-decoration : none; 
} 
.TabDivideStyleClass {
background : url(../images/nav_divide.gif) repeat; 
border-bottom : 1px solid #336600; 
} 
.HighlightTabTitleStyleClass {
background : url(../images/mainnav_on_back.gif) repeat; 
font-size : 70%;
padding-right : 5px; 
padding-left : 10px; 
padding-top : 1px; 
white-space : nowrap; 
border-bottom : 1px solid #336600; 
color : 336600; 
} 
.HighlightTabTitleStyleClass a:visited {
color : #336600; 
text-decoration : none; 
} 
.HighlightTabTitleStyleClass a {
color : #336600; 
text-decoration : none; 
} 
.HighlightTabTitleStyleClass a:hover {
color : #336600; 
text-decoration : none; 
} 
.HighlightTabTitleStyleClass a:visited:hover {
color : #336600; 
text-decoration : none; 
} 
.HighlightTabDivideStyleClass {
background : url(../images/nav_on_divide.gif) repeat; 
border-bottom : 1px solid #336600; 
} 


/* content */

#content {
margin-left : 10px; 
margin-right : 10px; 
margin-top : 5px; 
} 
.titleandbuttons h1 {
margin-top :0px; 
margin-left: 2px;
margin-bottom : 0px; 
padding-top: 3px;
padding-bottom: 3px;
font-size : 170%; 
} 

form { margin: 0px }

/* customise buttons */
.titleandbuttons {
border-bottom : 1px dashed #b2b6be; 
font-family : Verdana; 
font-size : 60%; 
margin-bottom: 10px;
padding-bottom: 5px;
} 
.buttons {
font-size : 100%; 
} 
.buttons li  { list-style-type: none; display: inline }
.buttons ul { margin-top: 5px; margin-bottom: 4px }
.buttons a {
color : #243004; 
border : 1px solid #aabb7b; 
background-image : url(../images/customise_button_back.gif); 
padding-top : 2px; 
padding-bottom : 2px; 
padding-left : 7px; 
padding-right : 7px; 
text-align : center; 
white-space : nowrap; 
margin-left : 5px; 
text-decoration : none; 
} 
.buttons a:hover {
background-image : url(../images/customise_button_back_on.gif); 
color : #0e1302; 
} 
.buttons a:visited { color : #243004 }
.buttons a:visited:hover {
background-image : url(../images/customise_button_back_on.gif); 
color : #0e1302; 
} 

.portlet-title { 
color: #333333;
background-color: #99cc99;
padding: 5px;
border-bottom: 1px solid #B2B6BE;
vertical-align: top;
}
.portlet-title h2 {
font-weight: normal;
font-size: 105%;
margin-bottom: 0px;
margin-top: 0px;
 }
 .portlet-title h3 {
font-weight: normal;
font-size: 70%;
margin-bottom: 0px;
margin-top: 0px;
 }
 .portlet-content { 
 border-top: 2px solid #EEEEEE;
 padding: 9px;
 font-size: 100% }


.news-portlet-title { 
color: #333333;
background-color: #99cc99;
padding: 5px;
border-bottom: 1px solid #B2B6BE;
vertical-align: top;
}
.news-portlet-title h2 {
font-weight: normal;
font-size: 105%;
margin-bottom: 0px;
margin-top: 0px;
 }
.news-portlet-title h3 {
font-weight: normal;
font-size: 70%;
margin-bottom: 0px;
margin-top: 0px;
 }
.news-portlet-content { 
 border-top: 2px solid #EEEEEE;
 padding: 9px;
 font-size: 100% }

.news-item { font-size: 70%; line-height: 130%; margin-top: 0px; margin-bottom: 7px  }
.news-item a { font-size: 120%; line-height: 140%; font-weight: bold }

.portlet-container { padding-right: 10px; }
 
 /* footer */
 .footer  { color: #333333; clear: both; margin-top: 10px; margin-bottom: 10px; border-top: 1px solid #999 }
 .footer img { margin: 5px; margin-bottom: 10px; }
 .footer p { margin-top: 5px; line-height: 140%; font-size: 60%; }
 
 /* user box */
 #user { text-align: right; vertical-align: top; float: right; margin-top: 5px; margin-right: 5px; margin-left: 5px; font-size: 70%; color: #FFCC00 }
 #user a { color: #FFCC00 }
 #user a:hover { color: #FFCC00 }
 #user a:visited { color: #FFCC00 }
 #user a:visited:hover { color: #FFCC00 }
 
 /* home page */
.home-left { float: left; width: 75%;  }
.home-features-container { width: 100% }
.intro { color: #22375D; line-height: 140%; margin-top: 5px; margin-bottom: 20px; margin-top: 10px; margin-right: 10px; border: 2px solid #8EE3FE; padding: 10px; background-color: #F1F9FC; font-size: 95%; width: auto  }

.home-features { width: 30%; float: left; margin-bottom: 10px; margin-right: 5px; padding-left: 5px; border-left: 1px solid #D0D5DF  }
.home-features h3  { color: #333333; font-size: 80%; background: url(../images/arrow.gif) no-repeat; margin: 0px 0px 3px; padding-left: 20px }
.home-features p { font-size: 70%; line-height: 140%; margin-top: 4px; margin-left: 2px; margin-right: 2px;  }
.home-search  { background-image: url(../images/home_search2.jpg); height: 50px; border: 1px solid #B2B6BE }
.home-customise  { background-image: url(../images/home_customise.jpg); height: 50px; border: 1px solid #B2B6BE }
.home-news  { background-image: url(../images/home_news.jpg); height: 50px; border: 1px solid #B2B6BE }

/* login */
#login { margin-top: 10px; font-size: 75%; line-height: 140% }
#login h3 { color: #333333; font-size: 115%; background: url(../images/arrow.gif) no-repeat; margin: 0px 0px 3px; padding-left: 20px; margin-top: 0px; margin-bottom: 5px; letter-spacing: 1px  }
#login form { font-size: 90%; padding: 7px; border: 1px solid #B2B6BE; margin: 0px; margin-top: 10px; background-color: #f0fff0 }
#login label { letter-spacing: 1px; font-size: 90%  }
#login .formbutton   { color: #333333; font-weight: bold; font-size: 90%;  font-family: Verdana; background: url(../images/formbutton_back.gif); border-width: 1px; border-color: #8f99ad #495161 #495161 #8f99ad; padding-top: 2px; padding-bottom: 2px; margin-top: 3px; line-height: 100% }
.homeBox { font-size: 90%; padding: 10px; border: 1px solid #B2B6BE; margin-left: 10px; margin-right: 10px; margin-top: 5px; margin-bottom: 2px; background-color: #f0fff0; text-align : center;  }
.homeTxt { font-size: 90%; padding: 10px; border: 0px ; margin: 0px; margin-top: 5px; background-color: #ffffff; text-align : left;  }
.create { font-size: 90%; padding: 7px; border: 1px solid #B2B6BE; margin: 0px; margin-top: 10px; background-color: #f0fff0 }

/* help popup */
#login-help { background: #336600 url(../images/help_header.gif) no-repeat right;  padding-top: 10px; padding-bottom: 10px; padding-left: 10px }
#login-help h1 { display: inline; color: #E3E7F0;  font-size: 100% }
#help-content {
margin-left : 10px; 
margin-right : 10px; 
margin-top : 5px; 
padding-bottom: 10px;
} 
#help-content p,ul,li { font-size: 100%; line-height: 140% }

/* search results progress page */
#results-progress   { font-size: 80%; border-top: 1px solid #b2b6be; border-right: #b2b6be; border-bottom: #b2b6be; border-left: 1px solid #b2b6be }
#results-progress th  { text-align: left; border-right: 1px solid #b2b6be; border-bottom: 1px solid #b2b6be; padding: 3px; padding-left: 5px; background-color: #FFCC00 }
#results-progress td  { text-align: left; border-right: 1px solid #b2b6be; border-bottom: 1px solid #b2b6be; padding: 3px; padding-left: 5px }
#progress-buttons { margin-bottom: 10px;  font-size: 70%; }
#progress-buttons .formbutton   { color: #333333; font-weight: bold; font-size: 100%;  font-family: Verdana; background: url(../images/formbutton_back.gif); border-width: 1px; border-color: #8f99ad #495161 #495161 #8f99ad; padding-top: 2px; padding-bottom: 2px; margin-top: 10px; line-height: 100%; margin-left: 5px;  }

.update-formbutton    { color: #333333; font-weight: normal; font-size: 80%; font-family: Verdana; background-image: url(../images/customise_button_back.gif);  border-width: 1px; border-color: #9abb7c #547b32 #547b32 #9abb7c }
.update { background-color: #E0F89F; padding: 3px }
#results-progress-small    { font-size: 70%; border-top: 1px solid #b2b6be; border-right: none #b2b6be; border-bottom: none #b2b6be; border-left: 1px solid #b2b6be }
#results-progress-small th  { text-align: left; border-right: 1px solid #b2b6be; border-bottom: 1px solid #b2b6be; padding: 3px; padding-left: 5px; background-color: #FFCC00 }
#results-progress-small td  { text-align: left; border-right: 1px solid #b2b6be; border-bottom: 1px solid #b2b6be; padding: 3px; padding-left: 5px }
.create { font-size: 90%; padding: 7px; border: 1px solid #B2B6BE; margin: 0px; margin-top: 10px; background-color: #f0fff0 }

/* search profile page */
#database-list-container2 { font-size: 100%; background-color: #f0fff0; border: 1px solid #B2B6BE; padding: 10px; padding-bottom: 10px; float: left; width: 95%; margin-bottom: 10px; line-height: 130%; margin-top: 10px  }
#database-list-container2 .column { float: left; width: 47%; margin-right: 5px; margin-bottom: 10px  }

/* search page */
#search-left-column { float: left; width: 50%; margin-right: 5px; margin-bottom: 10px  }
#search-right-column { float: left; width: 40%; margin-right: 5px; margin-bottom: 10px  }
#search-center-column { float: center; width: 90%; margin-bottom: 10px  }
#database-list-container {  float: left;  font-size: 100%; background-color: #f0fff0; border: 1px solid #B2B6BE; padding: 10px; padding-bottom: 10px; float: left; width: 95%; margin-bottom: 10px; line-height: 130%; margin-top: 10px  }
#database-list-container .column { float: left; width: 47%; margin-right: 5px; margin-bottom: 10px  }

/****mio****/
#mycontainer {  float: left;  font-size: 100%; background-color: #ffffff; border: 1px solid #FFFFFF; padding: 10px; padding-bottom: 10px; float: left; width: 95%; margin-bottom: 10px; line-height: 130%; margin-top: 10px; margin-left: 50px  }
#mycontainer .column { float: left; width: 47%; margin-right: 5px; margin-bottom: 10px  }


#search-profile-container  {  float: left; font-size: 70%; background-color: #f0fff0; padding: 10px; border: solid 1px #b2b6be; margin-right: 10px; width:95%; margin-bottom: 10px; margin-top: 10px;  line-height: 130% }
#search-profile-center  {  float: center; font-size: 70%; background-color: #f0fff0; padding: 10px; border: solid 1px #b2b6be; margin-right: 10px; width:95%; margin-bottom: 10px; margin-top: 10px;  line-height: 130% }
.search-button { clear: both; font-size: 130%; margin-top: 5px }
.search-button_adv { clear: both; font-size: 100%; margin-top: 5px }
.search-mio { float: center;  }
.database-list { margin-right: 10px }
.database-center { float: center; }
.database-list label { font-weight: bold; font-size: 110%;  }
.database-list td { font-size: 70%; padding-bottom: 5px; padding-top: 5px }

.database-center label { font-weight: bold; font-size: 110%;  }
.database-center td { font-size: 70%; padding-bottom: 5px; padding-top: 5px }

.search-step { font-weight: normal; margin-top: 10px; margin-bottom: 5px }
.search-step_adv { font-weight: normal; margin-top: 10px; margin-bottom: 5px; font-size: 100% }
.step { font-weight: bold; color: #243A64 }
.step_adv { font-weight: bold; color: #243A64; font-size: 90% }
.allbox { background-color: #E0E9F6; padding-top: 10px; border: 1px solid #BDCBE1 }
.formbutton   { color: #333333; font-weight: bold; font-size: 80%;  font-family: Verdana; background: url(../images/formbutton_back.gif); border-width: 1px; border-color: #8f99ad #495161 #495161 #8f99ad; padding-top: 2px; padding-bottom: 1px; margin-top: 2px; line-height: 100% }
.myformbutton   { color: #339933; font-weight: bold; font-size: 80%;  font-family: Verdana; background: url(../images/formbutton_back.gif); border-width: 1px; border-color: #8f99ad #495161 #495161 #8f99ad; }
.row { clear: both; padding-top: 5px; margin: 0px  }
.row input  { text-align: left; float: left; margin-right: 3px; margin-left: 0px }

label .large { font-weight: bold; font-size: 120%; line-height: 130%; }
.large  { font-weight: bold; font-size: 130%; line-height: 130%;}



/* results */
#search-links  { font-size: 70%; align: right; margin-bottom: 10px  }
#search-links li { line-height: 130% }
#search-links ul { margin-bottom: 0px; margin-left: 20px; margin-top: 0px }
#results   { }
.record-title { font-size: 115%; font-weight: bold; line-height: 140% }

.high { color: red }

#results .small { font-size: 90% }
#results a { font-weight: bold }

.results-number  { clear: both; font-size: 80%; margin-bottom: 10px; width: 100%; margin-top: 15px; border-bottom: 1px solid #999; border-top: 1px solid #999; background-color: #9ab27f  }
.results-number .formbutton  { margin-right: 3px; margin-top: 0px  }
.results-number td { padding: 3px; padding-left: 5px }
.grey { background-color: #f4f7f2; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; margin: 0px; border-top: 1px solid #CCCCCC; }
.white { background-color: white; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; margin: 0px; border-top: 1px solid #CCCCCC; }




        .BorderedContent
        {
          background-color: white;
          border: 1px solid #B2B6BE;
          color: black;
          font-weight: normal;
          padding: 1;
        }

        .BorderedController
        {
          background-color: white;
          border: 1px solid #B2B6BE;
          font: normal;
          color: black;
          padding: 1;
        }

        .BorderedPortlet
        {
          background-color: white;
		  border: 1px solid #B2B6BE;
          font: normal;
          color: black;
          padding: 1;
        }

        .BorderedTitle
        {
          background-color: gray;
          border: 1px solid #B2B6BE;
          color: black;
          font-weight: bold;
          padding: 1;
        }

        .ControllerStyleClass
        {
          background-color: white;
          border-style: none;
          color: black;
          font-weight: normal;
          padding: 2;
        }

.TitleStyleClass { 
background-image : url(../images/portlet_bar_back.gif);
border-bottom: 1px solid #99cc99;
padding: 3px;
padding-left: 5px;
font-size: 85%;
font-weight: bold;
}

        .PortletStyleClass
        {
          background-color: white;
          border-style: none;
          color: black;
          font-weight: normal;
          padding: 0;
        }

        .TabStyleClass
        {
          background-color: #62a1d5;
          border-style: none;
          color: black;
          font-weight: bold;
          padding: 0;
        }


        .HighlightTitleStyleClass
        {
          background-color: black;
          border-style: none;
          color: white;
          font-weight: bold;
          padding: 0;
        }

        .ContentStyleClass
        {
          background-color: blue;
          border-style: none;
          color: black;
          font-weight: normal;
          padding: 0;
        }

        .TabContentStyleClass
        {
          background-color: white;
          border-style: none;
          color: black;
          font-weight: normal;
          padding: 0;
        }
		
.title {text-align: left; font-size: 110%;}

.statusgreen {
color: #ffffff;
padding: 0px 2px 0px 2px;
margin-top: 2px;
background-color: #009900;
border:1px solid #000000;
font-size:small;
}


.statusamber {
color: #ffffff;
padding: 0px 2px 0px 2px;
margin-top: 2px;
background-color: #FF6600;
border:1px solid #000000;
font-size:small;
}

.statusred {
color: #ffffff;
padding: 0px 2px 0px 2px;
margin-top: 2px;
background-color: #FF0000;
border:1px solid #000000;
font-size:small;
}

.statusunknown {
color: #ffffff;
padding: 0px 2px 0px 2px;
margin-top: 2px;
background-color: #808080;
border:1px solid #000000;
font-size:small;
}