html {
padding:5px; min-width:
200px; /*max-width:985px; */
} 

@media screen 

 {
body {
  font-family:   verdana, helvetica, arial, sans-serif;
  font-size : 100%;
  margin: 0px;
  background: #fff9f4;
}
}

@media print

 {
body {
  font-family:   verdana, helvetica, arial, sans-serif;
  font-size : 100%;
  margin: 0px;
  background: #ffffff;
}


}


@media screen 

 {
#container{
	width:90%;
	margin-right: auto;
	margin-left: auto;
	background-color: #ffffff;
	border: 1px solid #ffffff;
	padding: 0px;
}
}


@media print

 {

#container{
	width:100%;
}

}

.history {
	background : #fff9f4;
}
/* header bar */
.headerright {
background : #4d679a url(../images/header_background.jpg) no-repeat 100%;
} 
.headerright img {
float : left; 
}

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


/* 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: #D2E1FD;
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: #D2E1FD;
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: 80%; 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: 70%; }
 
 /* user box */
 #user { text-align: right; vertical-align: top; float: right; margin-top: 5px; margin-right: 5px; margin-left: 5px; font-size: 80%; color: #E4EAF7 }
 #user a { color: #E4EAF7 }
 #user a:hover { color: #E4EAF7 }
 #user a:visited { color: #E4EAF7 }
 #user a:visited:hover { color: #E4EAF7 }
 
 /* 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: #F6F8FB }
#login label { letter-spacing: 1px; font-size: 90%  }
#login .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: 3px; line-height: 100% }
.create { font-size: 90%; padding: 7px; border: 1px solid #B2B6BE; margin: 0px; margin-top: 10px; background-color: #F6F8FB }

/* help popup */
#login-help { background: #4d679a 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 { 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: #ffff40 }
#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: 75%; }
#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: #E7ECF3 }
#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: #F6F8FB }

/* search profile page */
#database-list-container2 { font-size: 95%; background-color: #fff9f4; 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  }
#database-list-container {  float: left;  font-size: 80%; background-color: #ffffff; border: 0px 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  }
#search-profile-container  {  float: left; font-size: 80%; background-color: #f6f8fb; 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 }

.database-list { margin-right: 10px }
.database-list label { font-weight: bold; font-size: 110%;  }
.database-list td { font-size: 90%; padding-bottom: 5px; padding-top: 5px }
.search-step { font-weight: normal; margin-top: 10px; margin-bottom: 5px; font-size: 90%; }
.step { font-weight: bold; color: #243A64 }
.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% }
.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: 80%; 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 }
.small { font-size: 80% }

.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: #fff9f4  }
.results-number .formbutton  { margin-right: 3px; margin-top: 0px  }
.results-number td { padding: 3px; padding-left: 5px }
.grey { background-color: #eee; 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 #B2B6BE;
padding: 3px;
padding-left: 5px;
font-size: 75%;
}

        .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;
        }

/**********  PERX   ***************/
/**********HEADER**************/

table.perx_header{
  font-family: arial, helvetica, verdana, sans-serif;
  color: #ffffff;
  margin: 0px 0px 2em 0px;
  padding: 0px;
  width: 100%;
  border: 0px;
  border-collapse: collapse;
}

.perx_header h1 {
font-family: "Times New Roman", Times, serif !important;
  font-size : 140%;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
  vertical-align: middle;

}

.perx_header td.perx_header { 
  background: #993333;
  padding: 1em;
  border-bottom: 1px solid #ffffff;
  background: url(../images/perx_background.gif) repeat;

}

.perx_header tr.perx_navigation td{
  font-family: arial, helvetica, verdana, sans-serif;
  font-size : 80%;
  background: #cc9999;
  padding: .3em .5em .3em .5em;
  width: 50%;
}

td.perx_left { 
  border-right: 0px solid #ffffff;
  color: #ffffff;
  
}

td.perx_right{ 
  border-left: 0px solid #ffffff;
  text-align: right;
  color: #cc9999;
}

.perx_right a:link, .perx_right a:visited { 
	color: #ffffff;
	padding: .3em .5em .3em .5em;
	margin: 0px;
	border-top: 1px inset dotted #993333;
  	border-bottom: 1px inset dotted #993333;
	border-left: 1px inset #993333;
  	border-right: 1px inset #993333;
	text-decoration: none !important;

  
}

.perx_right  a:hover {
  background: #993333;
  text-decoration: none !important;
  background: url(../images/perx_background.gif) repeat;
}

/**********FOOTER**************/

.perx_footer  {
  font-size:x-small;
  padding: 0px;
  margin: 0px;
  font-family: arial, helvetica, verdana, sans-serif;
  text-align:center;
}

.perx_footer a:hover img { 
  opacity: .6;
 }

/**********MISC**************/

.perx_skiplink { 
display: none 
} 

a:link, a:visited { 
  color: #993333;
  text-decoration: underline ;
}


a:active { 
  color: #993333;
}


a:hover { 
	color:#cc9999;
	text-decoration: underline ;
}

table.perx_pagecontent { 
  border-collapse: collapse;
  margin: 0px;
  padding: 0px;
  border-style: none;
  width: 90%;
  text-align: justify;
}

table.perx_pagecontent  h1 {
  font-size : 140%;
  font-weight: bold;
  padding: 0px;
  margin: 0px, 0px, 0px, 0px;
  color:#993333;
  display:inline;
}

.perx_localnav	{ 
/*border:1px solid black;*/
border-bottom: 2px dotted #cc9999;
padding-bottom: 4px;
margin-bottom: 1.5em;
font-size : 80%;

 
 }

table.perx_pagecontent  h2 {
  font-size : 100%;
  font-weight: bold;
  padding: 0px;
  margin: 5px, 0px, 0px, 0px;
  color:#993333;
}

table.perx_pagecontent  h3 {
  font-size : 100%;
  font-weight: bold;
  padding: 0px;
  margin: 5px, 0px, 0px, 0px;
  color:#993333;
}
 				
/**** from eevlXtra 
#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 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;
	
	
       
}	


#search-center-column { float: center; width: 90%; margin-bottom: 10px  }
.search-step_adv { font-weight: normal; margin-top: 10px; margin-bottom: 5px; font-size: 100% }
.step_adv { font-weight: bold; color: #243A64; font-size: 90% }
	
	
/*************************For Questionnaire********************/

fieldset { 
margin: 0 0 2em 0; 
padding: 0em .5em .5em .5em; 
border: 1px solid #000000;
font-family: Arial, Helvetica, sans-serif; 
font-size: 90%
} 

legend { 
padding: .2em; 
background-color: #CC9999; 
font-weight: bold; 
color: #000000; 
border: 1px solid #000000; 
} 



#under p {
border-bottom: 1px solid #000000;
}

.trc {
background-color: #CCCCCC;
}

.b{
font-weight: bold; 
text-align:center
}

.bs{
font-weight: bold; 
text-align:center
font-size: 80%
}
/*************************End Questionnaire********************/

input.btn{
   color:#000000;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:84%;
   background-color:#c0c0c0;}
   
.newsflash {
	background-color:#FFff00;
	font-size:10pt;
	font-weight:bold;
	text-align : center;
} 
.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;
}