input, textarea
{
margin: 2px;
padding: 2px;
font-size: 110%;
line-height: 1.125em; /* 16×1.125=18 */
}

textarea
{
font-family: verdana, arial, helvetica, sans-serif;
}

.image_view_window, .image_view_small_window
{
position: relative;
width: 100%;
text-align: center;
}

.image_view_window
{
padding: 16px;
background: black;
color: white;
}


.image_view_small_window
{

padding: 2px;
}


.image_large_view img, .image_view_small_window img
{
background: black;
padding: 2px;
border: 2px solid white;
margin: auto;
}


.hover_edit
{

}

.hover_edit a
{
font-style: none;
}

.hover_edit a img
{
width: 12px;
height: 12px;
margin: -2px;
padding: 0px;

position: relative;
opacity: 0.2;
}

.hover_edit a img:hover
{
width: 16px;
height: 16px;
opacity: 1;
background: black;
color: white;
top: 0px;
margin: -2px;
padding: 0px;
margin-bottom: -4px;
}

.hidden_background
{
z-index: -50;
color: white;
position: absolute;
bottom: 0px;
font-size: 1%;
}

.blocker /* used in chart frame */
{
float: left;
position: absolute;
border: none;
padding: 1px;
margin: 0px;
width: 100%;
left: -1px;
top: -1px;
height: 38px;
border: none;
border-top: 1px solid white;
/*background: none;*/
z-index: 0;
}

.chart_mini td
{
line-height: 2em;

}



.supplier_box
{
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 90%;
	color: black;
	text-align: center;
	margin: auto;
	display: table;

	padding: 2em;
}

.add_to_cart
{
border: 8px solid #E7FFE7;

font-size: 110%;
padding-top: 0;
padding-bottom: 0;
margin-top: -4px;
margin-bottom: -4px;
}

.add_to_cart img, .add_to_cart img a
{

padding: 4px;
margin: 4px;
vertical-align: bottom;
border: none;
}

.add_to_cart img a:link
{
padding: 2px;
margin: 2px;
vertical-align: middle;
border: none;
}


.print_label_top
{
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 200%;
  line-height: 2.5em; /* 16×1.125=18 */
	text-align: center;
	margin: auto;
	display: table;
	border: 2px solid black;
	padding: 2em;
}

.print_label_bottom
{
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 100%;
  line-height: 2.0em; /* 16×1.125=18 */
	text-align: center;
	margin: auto;
	display: table;
	border: 2px solid black;
	padding: 2em;
}

.left_label
{
	float: left;
	padding: 0;
	margin: 0px;
	top: 0px;
	left: 0px;
}


.drop_menu
{

	visibility: hidden;
	position: absolute;
border: 2px solid black;
	left: 0px;

	opacity: 1;

	background-color: white;
	font-color: black;
	font-weight: bold;
	line-height: 2em;
	padding: 2px;
}

, .drop_menu a:link
{
	position: absolute;
border: 2px solid black;
	left: 0px;

	opacity: 1;

	background-color: white;
	font-color: black;
	font-weight: bold;
	line-height: 2em;
	padding: 2px;
}
.drop_menu img
{
float: left;
visibility: visible;
margin: 4px;
padding: 0px;
	background-color: clear;
border: none;
}

.drop_menu:hover
{
	z-index: 350;
float: left;
	opacity: 1;
visibility: visible;
	font-color: black;
}


img
{
margin: 0px;
padding: 0px;

}

.note_header {
font-size: 120%;
	color: white;
	font: bold
	font-size: large;
	background-color: white;
	line-height: 1.75em;
	padding-left: 8px;
	padding-right: 8px;
	margin: 0px;
	background-color: #2c688c;
	text-align: center;
}



.info_box
{
background-color: white;
padding: 8px;
margin: 0;
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
}

.clear_box
{
background-color: white;
padding: 8px;
margin: auto;
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
}


body, p, ol, ul, td {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:100%;
  line-height: 1.125em; /* 16×1.125=18 */
/* see http://www.alistapart.com/articles/howtosizetextincss for more css tricks to make text look neat */
}

.chart_mini
{
    font-size:0.75em; /* 16x0.75=12 */
}


.chart_mini hr
{

width: 100%;

position: relative;
height: 1px;
}


.chart_mini a:hover { color: #fff; background-color:#000; }

.chart_mini a {padding: 4px;}
.chart_mini a:hover {padding: 4px; color: white; background-color: black;}





.purchase_panel
{
z-index: 0;
//    font-size:0.875em; /* 16x.875=14 */
}


.purchase_panel hover
{
z-index: 0;
}


.white_box
{
background-color: white;
padding: 8px;
margin: auto;
width: 100%;
border: 1px solid black;
margin-top: 10px;
margin-bottom: 10px;
}

.image_height_nil
{
min-height: 3em;
}
.image_height_tiny
{
min-height: 6em;
}
.image_height_small
{
min-height: 15.5em;
}
.image_height_upload_box
{
min-height: 14em;
}


.switched_on a img
{
background-color: #e7ffe7;
border: 1px solid green;
//padding: 1px;
//margin: 1px;
margin-top: 4px;
//margin-bottom: 4px;

}

.switched_on a img:hover
{
border: 1px solid red;
background-color: #ffe7e7;
}
.switched_off a img
{
background-color: #ffe7e7;
border: 1px solid red;
//padding: 1px;
//margin: 1px;
margin-top: 4px;
//margin-bottom: 4px;
}

.switched_off a img:hover
{
border: 1px solid green;
background-color: #e7ffe7;
}



.hide a img
{
opacity: 0;
}



.fade a img
{
opacity: 0.5;
}


.fade a img:hover
{
opacity: 1;
}


.fade
{
opacity: 0.5;
}

.hide
{
opacity: 0;
}


.fade hr
{
opacity: 0.5;
width: 100%;

position: relative;
height: 1px;
}

.date{
float: right;
}

.species{
font-style: italic;
font-weight: bold;
opacity: 1;
}

.add_button a:link img, .add_button a:visited img
{
font-weight: bold;

float: left;

border: none;
background: white;
font-size: small;
text-decoration: none;
line-height: 1em;
border: 1px inset white;
}

.add_button a:hover img
{
color: white;
background: black;
} 


.left_lights_link
{
width: 40px;
}



.v8_spinner img
{
position: absolute;
left: 12em;
top: 16px;
background-image: url("/images/icon/v8_still_mask.gif");
z-index: 5;
}

.master_button{

}

.button{


}

.button, .master_button{
	position: relative;
	float: right;
	font: bold larger sans-serif;
	color: black;
	width: 144px;
	height: 60px;
	vertical-align: center;
	border 0px;
}

.right_button
{
float: right;
}


#checkoutbutton
{
	position: relative;
	float: right;
	height:0px;   
	bottom: 2em;
}

.upload_button
{
position: absolute;
right: -32px;
}

.delete_button
{
top: 1px;
position: relative;
padding: 0px;
margin: 0px;

float: right;
right: 34px;
}

.upload_button, .cancel_button, .delete_button
{
font-size: smaller;
letter-spacing: 0em;
border: 2px solid red;
padding-top: 3px;
padding-bottom: 3px;
}
.cancel_button
{

position: absolute;
padding: 0px;
margin: 0px;
left: 0px;

}
.red_button
{
margin: auto;
//font: bold small sans-serif;
font-size: 75%;
font-family: sans-serif;
text-align: center;
}

.red_button a
{
text-align: center;
font-size: smaller;
padding: 2px;
padding-left: 4px;
padding-right: 4px;
margin: auto;
border: 2px solid red;
background: white;
}


.head_button
{
position: absolute;
right: 0px;
top: 0px;
margin: 0px;

padding-left: 8px;
padding-right: 8px;
line-height: 1.5em;

}

.head_button a
{
padding-left: 8px;
padding-right: 8px;

color: #d8d8d8;
font-size: smaller;
font-family: mono;
border-left: 4px dotted #d8d8d8;
border-right: 4px dotted #d8d8d8;
}

.head_button a:link { font-style: bold;
 }
.head_button a:visited { font-style: bold;
 }
.head_button a:hover { color: #5d9f5d; background: white; font-style: bold;
border-left: 4px dotted #5d9f5d;
border-right: 4px dotted #5d9f5d;
border-top: 4px solid white;
border-bottom: 4px solid white;
}


.cancel_button a:link, .red_button a:link {color: black; font-style: bold; }
.cancel_button a:visited, .red_button a:visited {color: black; font-style: bold; }
.cancel_button a:hover, .red_button a:hover { color: white; background: black; font-style: bold; }


.clear_button 
{
text-align: center;
float: right;
margin: 8px;
background: white;
font-color: clear;

}

.clear_button a
{

padding-left: 8px;
padding-right: 8px;
	font: bold small sans-serif;
border: 2px solid #2c688c;
}


.clear_button a:visited {color: #2c688c; background: #e7ffe7; padding: 4px; padding-top: 0px; padding-bottom: 0px; }
.clear_button a:link {color: #2c688c;}
.clear_button a:hover { color: white; background: black; border: 2px solid red; }

.error_button
{
color: red;
padding: 3px;
margin: 3px;
	border-bottom: 4px solid red;
		border-top: 4px dotted white;
	border-left: 4px dotted white;
	border-right: 4px dotted white;
		background: #2c688c;
		vertical-align: baseline;
}

.error_button ul
{
	padding: 0px;
		padding-left: 32px;
	font: bold smaller monospace;
text-align: left;
line-height: 1em;
}


#centred_frame
{
position: relative;


text-align: center;
padding: 8px;
margin: 0;
line-height: 1.2em;
width:84%;
//background-image: url("/images/tile3.png");
//background-image: url("/images/pavertile2.png"); 
background-color: white;
background-repeat: repeat;
background-attachment: fixed;                                     

//right: 80px; 
//padding-left:30px;        
margin: auto;
top: 112px;
//width:82%;
//border: 4px solid black;
border: 4px solid #d8d8d8;
}

#index_top_menu
{
height: 75px;
}

#index_middle_menu
{
position: relative;
float: left;
width: 100%;
height: 118px;

}
#index_middle_menu a
{
 border: thick solid white;
}

#index_lower_menu a
{
padding: 8px;
padding-right: 25px;
padding-left: 25px;
 border: thick inset black;
}


#index_lower_menu
{
text-align: center;
 font-style: bold;
}

#index_lower_menu a:link, #index_lower_menu a:visited {color: black; opacity: 0;  font-style: bold;}
#index_lower_menu a:hover {color: white; background: black; opacity: 1; border: thick inset black; font-weight: bold;}

}

#index_foot
{

position: absolute;
top: 80%;
text-align: center;
padding:0px;
margin: 0;
line-height: 1.4em;
width:98%;

color: black;
font-size: 12pt;
font-family: sans-serif;

height: 37%;

}


#index_top
{

position: absolute;
top: 0;
text-align: center;
padding:0px;
margin: 0;
line-height: 1.4em;
width:98%;

color: black;
font-size: 12pt;
font-family: sans-serif;

height: 37%;

}


#index_middle
{

position: absolute;
top: 37%;
text-align: center;
padding:0px;
margin: 0;
line-height: 1.4em;
width:98%;

color: black;
font-size: 12pt;
font-family: sans-serif;

height: 12%;

}

#index_middle a:hover {color: white; background: black; opacity: 1; border: thick inset black; }

#index_middle a
{
 background: white
}

#version, #ip_note, .middle_footer, .middle_footer a
{
padding-top: 0.8em;           

padding-left: 1em;           
padding-right: 1em;
vertical-align: top;
text-align: center;
margin: auto;

}

#version
{

position: absolute;
left: 0px;      
font-family: mono;
}

#ip_note
{

position: absolute;
right: 0px;     
font-family: mono;       
}




#document_footer, #document_header
{


bottom: 0;

margin-right: auto;
margin-left: auto;
font-family: sans-serif;    
font-weight: bold;
font-size: 8pt;

padding-bottom: 0px;
width: 100%;
}

#document_footer
{
border-top: 4px dotted white;
position: relative; 
float: right
}

#document_header
{
border-bottom: 4px dotted white;
}


.middle_footer a img
{
top: 0;

}


.left_lights_link h4
{
	position: relative;
	float: left;
	font: bold small sans-serif;
	color: black;
	margin: 0px;
	margin-top: 20px;
	border-top: none;
	background-color: white;
	border-right: 4px dotted #d8d8d8;
	border-left: 4px dotted #d8d8d8;
	text-align: center;
	left: 36px;
	padding: 4px;
	padding-right: 1em;
	padding-left: 1em;
	letter-spacing: +0.2em;
	max-height: 50px;
	margin-right: auto;
	margin-left: auto;
	width: 6.5em;
}




#bg_graphic
{
position: absolute; 

right: 0px;
top: 0px;
margin: 0;
padding: 0;
border: 0;
background-color: white;
border: 4px dotted white;
background-image: url("/images/sky.png");    
background-repeat: repeat;
background-attachment: fixed;
background-position: top center;
z-index: 0;

}