html {
    height:100%;
}

BODY {
    /*
    attempting to stick to w3c guidelines
    font-size: 1em; */
    font-size: 100%;
    background-color: #ffffff;
    color: #333333;
    padding: 0px;
    font-family: Verdana, Arial, helvetica, sans-serif;
    /*
	taken out because it causes double scrollbars in ie (7)
        overflow: auto;
    */
}


.error {
    color: red;
}


div.autoheight {
/*
    I don't like/understand this fix, which is to make the header div
    get the correct height according to the heights the divs it
    encloses. But I can't find another way of doing it.
*/
    zoom: 1;
    overflow: hidden;
}


div.minwidth {
    min-width: 890px;
}


.float_left {
    float: left;
}


.float_right {
    float: right;
    clear: right;
}


.pad_right {
    margin-right: 10px;
}


.pad_left {
    margin-left: 10px;
}


.spacer {
    height: 20px;
    clear: both;
}

div.header {
    width: 100%;
    min-width: 600px;
}


div.toplogo {
    width: 35%;
    float: left;
    margin-left: 35px;
    margin-top: 30px;
}


div.header_search {
    width: 50%;
    float: right;
    margin-right: 35px;
    margin-top: 40px;
}



div.left_hand_menu_horizontal {
    clear: both;
    background-color: #CCCCCC;
    margin: 30px 10px 0px 10px;
    padding: 6px 30px 6px 30px;
    min-width: 890px;
}


div.left_hand_menu {
    vertical-align: top;
    position:absolute;
    align:left;
    left:0px;
    padding-left:5px;
}


div.simple_search_button {
    margin-top: 5px;
}


input.button {
    background-color: #666;
    color: #FFFFFF;
    padding: 1px 7px;
    border: 0 none;
}


/* headings */

/*
    need to make changes to the link styles in styles.css for visited
    and rollover

    inherit font-familiy from body, ie: clean up all the other instances

*/

.h1 {
    font-size: 1.125em;
}

.h2 {
    font-size: 0.875em;
}

.h3 {
    font-size: 0.75em;
}

.h4 {
    font-size: 0.7em;
}

.h5 {
    font-size: 0.625em;
}


/* colours */

.dgray {
    color: #333333;
}

.mgray {
    color: #666666;
}

.lgray {
    color: #999999;
}

.white {
    color: #FFFFFF;
}

.bold {
    font-weight: bold;
}


/* navigation */

/* two sets of link types, pure navigational stuff and links from data, eg;
   quicklink searches from keywords etc.
*/

.nav {
    text-decoration: none;
}

a.nav:link, a.nav:visited {
    color: #333333;
}

a.nav:hover {
    color: #666666;
}

a.nav:active {
    color: #333333;
}


.restricted {
    position: absolute;
    color: #ff0000;
    font-weight: bold;
}


.shrinktext {
    letter-spacing: -5px;
    padding: 0 5px 0 5px;
}


#center_column {
    clear: both;
    margin: 22px 35px 0px 35px;
    border:0px solid;
}


#center_column_search { 
			position: relative;
			margin-left:155px;
			margin-right:240px;
			top:30px;
			height:61%;
			left: 2%;
		    	border:0px;
		    	border-style:solid;
           		border-color:#0b80a3;
            		overflow:auto;
			background-color: #ffffff;
		}




div#center_footer    	{ 
}

div#center_copyright	{ 
}

div#footer_container {
    padding-top: 20px;
    clear: both;
}

div#footer {
    margin: 10px 10px 0px 10px;
    padding: 6px 30px 6px 30px;
    background-color: #CCCCCC;
}


div#footer_links {
			position:absolute;
			bottom:0px;
			text-align: center;
			background-color: #1F1D27;
			background-image: url("../images/footer-links.jpg");
			background-repeat:repeat;
			background-position:top;
			font-weight:normal; 					
			color: #59565E; 
			height: 35px;
			width:100%;

	      	}

.footer_text_reg {
			position:absolute;
			text-align:left;
			align: left;
			left:10px;
			bottom:0px;	 				
			width:32%;
			font-size: 0.8em; 
			font-weight:normal;
			color: #ffffff; 
	      	}


a.footer_text_reg:visited {

			font-size: 0.8em; 
			font-weight:normal;
			color: #ffffff; 
	      	}

a.footer_text_reg:active {

			font-size: 0.8em; 
			font-weight:normal;
			color: #ffffff; 
	      	}

a.footer_text_reg:hover {

			font-size: 0.8em; 
			font-weight:normal;
			color: #ffffff; 
	      	}

.footer_text	{ 
			font-family: Arial, Helvetica, Verdana, sans-serif; 
			font-size: 0.95em; 
			color: #8E8E91;
			text-align: center;
			font-weight:normal; 					
			text-decoration:none;
			padding: 9px 0 0 0;
			text-transform:capitalize;
	      	}

a.footer_text:visited { 
			font-family: Arial, Helvetica, Verdana, sans-serif; 
			font-size: 0.95em; 
			color: #8E8E91;
			text-align: right;
			vertical-align:bottom;
			text-decoration:none; 
	      	}

a.footer_text:active { 
			font-family: Arial, Helvetica, Verdana, sans-serif; 
			font-size: 0.95em; 
			color: #8E8E91;
			text-align: right;
			vertical-align:bottom;
			text-decoration:none; 
	      	}

a.footer_text:hover { 
			font-family: Arial, Helvetica, Verdana, sans-serif; 
			font-size: 0.95em; 
			color: #FF7000;
			text-align: right;
			vertical-align:bottom;
			text-decoration:none; 
	      	}

#searchbox_links   	{ 
	
			font-family: Arial, Helvetica, Verdana, sans-serif; 
			position: relative;
			font-weight:normal;
			left: 20px;
			top: 60px;
			font-size:0.8em;
			text-align:left;
	      	}


#mainframe-top {

			display:none;
			height:15px;
			background-image:url(../images/mainframe-top.gif);
			background-repeat:repeat-x;
		}

#mainframe-bottom {

			display:none;
			position:absolute;
			bottom:-15px;
			height:15px;
			width:100%;
			background-image:url(../images/mainframe-bottom.gif);
			background-repeat:repeat-x;
		}

#mainframe-right {

			display:none;
			height:100%;
			width:15px;
			background-image:url(../images/mainframe-middleright.gif);
			background-repeat:repeat-y;
			background-position:right;
			float:right;
		}

#mainframe-searchright {

			display:none;
			position:absolute;
			top:10px;
			right:0px;
			height:100%;
			width:15px;
			background-image:url(../images/mainframe-middleright.gif);
			background-repeat:repeat-y;
			background-position:right;
			float:right;

			}




/* generic DIV. Add border: 1px; border-style: solid;  to see configurable areas */

DIV {}



/* page_text is the area on a plain page holding the text : Home, Information, Privacy, etc */

.page_title {
    max-width: 606px;
    padding-bottom: 20px;
}

DIV.page_text {
    max-width: 606px;
    padding-bottom: 20px;
}

/* The area at the very foot of the page */

DIV.footer 	{ 
			
		}

/* The summary thumbnail cell and its fields and links boxes. NOTE: Currently Restricted by data and tables */
DIV.summary_cell { 
			width: 144px; 
		 }

.summary_fields {

			font-family: Arial, Helvetica, Verdana, sans-serif; 
			font-size: 1em;
			color: #FF7000;
			text-align: left;
			vertical-align:bottom;
			text-decoration:none; 
		}

.summary_links {

			font-family: Arial, Helvetica, Verdana, sans-serif; 
			font-size: 1em; 
			color: #FF7000;
			text-align: left;
			vertical-align:bottom;
			text-decoration:none; 

		}

/*spacing on the thumbnail summary */

TD.summary_cell_space { 
			width: 5px; 
		      } 

TD.summary_row_space { 	
			height: 10px; 
		     } 


P 		{ 	
		}

/* plain text within the site */

.plaintext {
	color: #000000;
} 

/* fields displayed under the thumbnail summary image: */

.caption 	{ 
		}

/* the copyright message */

.copyright 	{
		}


/* 3.LEFT COLUMN STYLES */

/* The left hand menu area */
/* e.g. move the left hand menu to the right, add "position:absolute; right: 10%; z-index: 1; width: 150px; border:1px; border-style: solid;" NOTE: This runs against the underlying table structure. */


/* buttons on the advanced search form 
NOT USED - UNSUPPORTED IN SAFARI

.submitbutton_top { 	
			width: 71px; 
			height:18px; 
			border: 0px; 
			background-image: url('../images/search.gif'); 
		  }

.submitbutton_bottom { 	
			margin-left: 180px; 
			width: 71px; 
			height:18px; 
			border: 0px; 
			background-image: url('../images/search.gif'); 
		  }

.searchtipsbutton { 	
			width: 85px; 
			height:18px; 
			border: 0px; 
			background-image: url('../images/searchtips.gif');  
		  }

.clearbutton 	  { 	
			width: 82px; 
			height:18px; 
			border: 0px; 
			background-image: url('../images/clearform.gif'); 
		  }
*/



/* 6.BACKGROUND COLORS */

/* UNUSED : .bghead { 
			background-color: #ffff00; 
			background-image: url(none)
		    } */

/* UNUSED : .bgleft {  
			background-color: #ffffff; 
			height: 100%; 
			width: 144px; 
			background-image: url(none); 
			width: 144px; 
			margin-left: 0px; 
			margin-top: 0px; 
			margin-right: 0px; 
			margin-bottom: 0px; 
			padding-left: 0px; 
			padding-top: 0px; 
			padding-right: 0px; 
			padding-bottom: 0px; 
			border: 0px solid; 
		     } */

/* Advanced search background */

.bg1 		    { 
			background-color: #f6f6f6; 
			background-image: url(none); 
			margin-left: 5px; 
			margin-top: 5px; 
			margin-right: 0px; 
			margin-bottom: 5px; 
			padding-left: 0px; 
			padding-top: 5px; 
			padding-right: 0px; 
			padding-bottom: 0px; 
			border: 0px solid;
		    }

/* Lower strip for the header */

DIV#collections     { 	
			background-color: #ffffff; 
			background-image: url(none);  
			margin-left: 0px; 
			margin-top: 0px; 
			margin-right: 0px; 
			margin-bottom: 0px; 
			padding-left: 0px; 
			padding-top: 0px; 
			padding-right: 0px; 
			padding-bottom: 0px; 
			border: 0px solid; 
		    }
 

/* generic background - unused */

.bg2 		    {  	
			background-color: #ff0000; 
			background-image: url(none);  
			margin-left: 0px; 
			margin-top: 0px; 
			margin-right: 0px; 
			margin-bottom: 0px; 
			padding-left: 0px; 
			padding-top: 0px; 
			padding-right: 0px; 
			padding-bottom: 0px; 
			border: 0px solid; 
		    }

/* Lightbox background */

.bg3 		    { 	
			background-color: #efefef; 
			background-image: url(none); 
			margin-left: 0px; 
			margin-top: 0px; 
			margin-right: 0px; 
			margin-bottom: 0px; 
			padding-left: 0px; 
			padding-top: 0px; 
			padding-right: 0px; 
			padding-bottom: 0px; 
			border: 0px solid; 
		    }



/* 7.GENERAL AREAS */

/* spacing on areas with the advanced search form and the lightbox view */

DIV.padding 	    {  	
			margin-left: 5px; 
			margin-top: 5px; 
			margin-right: 0px; 
			margin-bottom: 5px; 
			padding-left: 0px; 
			padding-top: 5px; 
			padding-right: 0px; 
			padding-bottom: 0px; 
			border: 0px solid;  
			background-color: transparent;
		    }

DIV.padding_and_or_not { 

			margin-left: 5px; 
			margin-top: 1px; 
			margin-right: 0px; 
			margin-bottom: 1px; 
			padding-left: 0px; 
			padding-top: 5px; 
			padding-right: 0px; 
			padding-bottom: 0px; 
			border: 0px solid;  
			background-color: transparent; 

			}

/* 8.SCROLLING AND OVERFLOW ISSUES */


/* 9.FORMS AND CONTROLS */

FORM { margin:0; }

#quicksearch {
/*	margin-right: 20px; */
}

/* Ecommerce textbox */
TEXTAREA.iquicksearch { 
			font-size: 1em; 
			width: 170px; 
			color: #333333; 
			background-color: #ffffff; 
			font-family: Verdana, Arial, Helvetica, sans-serif;
		      }

/* View Lightbox dropdown
DEPRICATED
SELECT.vlbox 	      { 
			font-size: 0.85em; 
			width: 120px; 
			color: #333333; 
			background-color: #ffffff; 
			font-family: Verdana, arial, helvetica, sans-serif;
		      }
*/

/* Advanced search main dropdowns */
SELECT.advbox 	      { 
			width: 270px; 
			color: #333333; 
			background-color: #ffffff; 
			font-family: Verdana, arial, helvetica, sans-serif;
		      }

/* Advanced search page textbox */
INPUT.advtext 	      { 
			margin:3px 0 0;
			font-family:verdana,arial,helvetica,sans-serif;
			width:270px; 
		      }

/* Advanced search page date textbox */
INPUT.advdatetext     { 
			margin:3px 0 0;
			font-family:verdana,arial,helvetica,sans-serif;
			width:105px; 
		      }


/* Header bar textbox */
INPUT.headerbox       { 
			margin:3px 0 2px 0;
			font-family:verdana,arial,helvetica,sans-serif;
			width:185px; 
		      }

/* Search result textbox */
INPUT.searchbox       { 
			margin:0px 0 0px 0;
			font-family:verdana,arial,helvetica,sans-serif;
			height:10px;
			width:20px; 
		      }


/*Advanced Search Submit Button*/
INPUT.advsubmit       { 
			margin-left: 200px;
		      }


/* 10.OTHER ELEMENTS, lists, icons, special characters, etc */
#splashbody 	      {	  
   			background-color: #ffffff;
   			cursor: pointer;
   			background-repeat: no-repeat;
   			background-position: center center;   
		      }

/* The pipe character in the footer */
.pipe 		      { 
			font-size: 0.8em; 
			color:#444444; 
			font-family: Verdana, Arial, Helvetica, sans-serif; 
			font-weight:bold; 
			line-height: 1.2em;
		      } 

/* When an image is restricted the restrictions field is shown. In summaries this is an "R" label */
.restricted_label     {
			color: #ff0000; 
			font-weight: bold;
		      }

.restricted_text      {	
			color: #ff0000;
		      }

/* Greyed out navigation links within a search result. NEXT,PREV,etc */
/* DEPRICATE - but check first */
.navgrey 	      {
			font-size: 0.8em; 
			text-decoration: none; 
			color:#cccccc; 
			font-family: Verdana, Arial, Helvetica, sans-serif; 
			text-transform: none; 
			font-weight:bold; 
			line-height: 1.2em; 
		      }



/* Unemphasised text */
.unem 		      { 
			color: #888888; 
		      }


/* The gallery page and gallery feature element: */

#gallery_container   { 
			width:100%;
			border-style: solid; 
			border-width: 1px;  
			border-color: #aaaaaa;
		      }


.gallery_table_left   { 
			width:300px;
			height:110px;
			margin-top:20px;
			margin-left:10px;
			border-style: solid; 
			border-width: 0px;  
			border-color: #aaaaaa;
		      }


.gallery_table_right   {
			position:relative;
			display:block; 
			width:300px;
			height:110px;			
			margin-top:25px;
			margin-left:10px;
			border-style: solid; 
			border-width: 0px;  
			border-color: #aaaaaa;
		      }

.gallery_image        { 
			position:absolute;
			display:inline;
			width:300px;
			height:110px;			
		    	border:0px;
		    	border-style:solid;
           		border-color:#ff0000;
			margin-top:5px;
			margin-left:5px;
			valign:top;

		      }


TABLE.gallery_table   { 
			border-style: solid; 
			border-width: 1px;  
			border-color: #aaaaaa;
		      }

/* The title in that page and feature */
.gallery_title 	      {
			position:absolute;
			display:inline;
			font-size: 1em; 
			font-family: Verdana, Arial, Helvetica, sans-serif; 
			line-height: 1.2em; 
			font-weight: bold; 
			text-transform: none; 
			color: #000000; 
			text-decoration: none
		      }

/* The text in that page and feature */
.gallery_text  	      {
			display:inline;
			position:absolute;
			font-size: 1em; 
			font-family: Verdana, Arial, Helvetica, sans-serif; 
			line-height: 1.2em; 
			font-weight: normal; 
			text-transform: none; 
			color: #000000
		      }


/* The section and the field headings on a full record view */
.fsection_heading     { 
			font-weight: bold;
			font-size: 0.8em;  
			color: #000000; 
		      }


.ffield_heading       { 
			font-weight: bold; 
			font-size: 0.8em;  
			color: #848484;  
		      }


.ffield_sub_heading   { 
			color: #848484;
			font-size: 0.8em;  
		      }

/* controls the sub field cell spacing in complicated structures such as vam_photo_media*/

.ffield_sub_div_t1    { 
			float: left; 
			white-space: nowrap; 
			width: 30%; 
			display: inline;
		      }

.ffield_sub_div_t2    { 
			float: left; 
			white-space: nowrap; 
			width: 49%; 
			display: inline;
                      }

.ffield_sub_div_t3    { 
			float: left; 
			white-space: nowrap; 
			width: 30%; 
			display: inline;
		      }

.ffield_sub_div_t4    { 
			float: left; 
			white-space: nowrap; 
			width: 24%; 
			display: inline;
		      }

.ffield_sub_div_t5    { 
			float: left; 
			white-space: nowrap; 
			width: 19%; 
			display: inline;
		      }


/*FEATURE STYLES*/
/* The various features <NAME>_feature */

DIV.grid_feature { } 

DIV.grid_feature_img  { 
			clip:rect(0px,96px,96px,0px); 
		      }

DIV.galleries_feature { }

DIV.gallery_cols_feature { }

DIV.rotate_feature    { 
			border:1px; 
			height: 400px; 
			margin:20px; 
			padding-left: 80px; 
			clip:rect(0px,300px,300px,0px);
		      }

/* 11. Notes */
/* Be aware that relative styles are used for control over the visual access but tables inheritance is not good cross browser */

.red 		      { 
			color: red; 
		      }

/* warning : this style is used for authorities fields where the link is broken */

.warning 	      { 
			color: red; 
		      }

/* The optional login DIV */

DIV.login_note 	      { 
		      }

/* 12. Variant support */
/* The summary labels for variants. They follow the form variant_simple_label_ 
 * plus a lowercased version of the variant name with all non alpha numeric characters turned to an _ character.
 * For example - "Variant 2" is variant_simple_label_variant_2
*/

/* .variant_simple_label_master { background-color: #66ff66; color: #ffffff; } */
/* .variant_simple_label_variant_2 { background-color: #6666ff; color: #ffffff; } */
/* .variant_simple_label_third_variant { background-color: #ff6666; color: #ffffff; } */

.variant_simple_label_master {
			display: block;
}

/* 13. User Forms */
#user_detail_form_button {

}
DIV.user_detail_form {

	width: 520px;
	border-style: solid;
	border-width: 0px;
	border-color: #000000;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

DIV.user_detail_form_header {
	color: #ff0000;
	margin-bottom: 10px;
}

DIV.user_detail_form_comment {
    text-align: right;
    font-size: 0.8em;
}

DIV.user_detail_form_line {
	clear: both;
	border-style: solid;
	border-width: 0px;
	border-color: #ffffff;
	margin-bottom: 5px;
}

DIV.user_detail_form_label {
	display: inline;
	float: left;
	width: 200px;
	margin: 5px;
	border-style: solid;
	border-width: 0px;
	border-color: #ffffff;
	text-align: right;
}


DIV.user_detail_form_entry {
	float: left;
	display: inline;
	margin: 5px;
	width: 300px;
}

DIV.user_detail_form_base {
    text-align: right;
    width: 517px;
}

.user_entry_text {
    width: 300px;
}

.user_entry_text_area {
}
.user_entry_radio {
}
.user_entry_checkbox {
}
.user_entry_select {

}
SPAN.user_detail_required {
	color: #ff0000;
}

DIV.user_block_title {
	margin: 10px;
}

DIV.user_block {
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	width: 70%;
	padding-top: 20px;
	padding-bottom: 40px;
	margin-bottom: 30px;
}

#registration_line_data_authority_level {
	border-style: solid;
	border-width: 0px;
	border-color: #00ff00;
	/*width: 50%;*/
	float: left;
}

#registration_label_data_authority_level {
	border-style: solid;
	border-width: 0px;
	border-color: #0000ff;
}

#registration_entry_data_authority_level {
	border-style: solid;
	border-width: 0px;
	border-color: #ff0000;
}

TABLE.button_table {
    margin-top: 5px;
    width: 500px;
}

TD.button_table_button {
    width: 105px;
}

TD.button_table_spacer {
    width: 5px;
}


TD.button_table_text {
    width: 390px;
}

div.text {
    width: 500px;
    margin-left: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#image_grid_div {
    width: 520px;
    border:solid 1px #7F7F80;
    padding: 0px;
    margin-top: 10px;
    margin-left: 5px;
    margin-bottom: 10px;
}

#image_grid_table {
    padding: 0px;
    margin-left: 10px;
}

TABLE {
    border: none 1px red;
    padding: 0px;
}

TR {
    padding: 0px;
}

TD {
    padding: 0px;
}


div.med_image_display {
    width: 394px;
    margin: 10px;
}



/* ===================== Order history table ======================= */

table.orderhist {
}

table.orderhist tr td  {
    vertical-align: top;
}

table.orderhist img {
    vertical-align: top;
}

table.orderhist .complete {
    background-color: #FFE28A;
}

table.orderhist .pending {
    background-color: #FFE28A;
}

/* ==================== end Order history table ===================== */


/* ======================= Collections page table =================== */

table.collections {
    height: 140px;
    width: 138px;
}


td.collections_img_cell {
    border: solid 1px #999999;
    vertical-align: middle;
    text-align: center;
    height: 106px;
    width: 138px;
}

td.collections_data_cell {
    border: solid 1px #999999;
    vertical-align: middle;
    padding: 10px;
}

td.collections_name_cell {
    text-align: right;
}

table.collections tr td  {
    vertical-align: middle;
}

table.collections img {
    vertical-align: bottom;
    text-align: center;
}



/* ===================== end Collections page table ================= */


@media print
{

#center_column { 
			margin-left:0px;
			margin-right:10px;
		}
}


div.summary {
}

div.content_title {
}

div.photo_taken_date_text {
}

div.id_ref {
}

/* ===================== end summary display ======================= */
 


.page_title {
}


div.banner {
    padding: 10px;
    background-color: #333;
    color: #FFF;
    width: 870px;
    clear: both;
    font-size: 1em;
}

/* currently just used on ef microsite */
.text_button_caption {
    margin-left: 10px;
}