/*******************************************************************************
*  AMALION started January 2009
* ------------------------------------------------------------------------------
*******************************************************************************/
	
body {
color: #000;
background: gray;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 100.1%;
margin: 0;
padding: 0;
text-align: center;
}

html p {
margin-top: 0px;
padding-top: 0px;
margin-bottom: 3px;
padding-bottom: 6px;
}

img {
border: 0;
display: block;
}


/*-----*/

div#wrapper {
	text-align: left;
	max-width: 900px;
	min-width: 786px;
	margin: 0 auto;
	padding: 0;
}


div#banner {
background:white url("http://www.amalion.net/images/ui/headerback.jpg") repeat-y center left;
text-align: left;
/*max-width: 900px;
min-width: 745px;*/
height: 194px;
margin: 0 auto;
padding: 0;
padding-left: 0px;
border-bottom: 1px solid #fb8c22;
border-left: 1px solid gray;
border-right: 1px solid gray;	
}

div#banner h1 {
position: absolute;
left: -9999px;
} /* HIDE TEXT */

/*div#banner img {
display: inline;
}*/

div#marque {
width: 424px;
/*height: 140px;*/
/*border: 1px solid black;*/
display:inline;
float:left;
}

div#marque img {
margin-left: 12px;
/*border: 1px solid green;*/
/*display:inline;*/
}

#account {
text-align: right;
font-size: .8em;
padding-top: 6px;
margin: 0;
}

div#banner img {
float:left;
}

div#page {
background: white;
padding-top: 18px;
margin: 0;
border-left: 1px solid gray;
border-right: 1px solid gray;
border-bottom: 1px solid gray;
}


/*typography*/

h1, h2, h3, h4, h5 {
/*font-family: Georgia,'Times New Roman',Times,'Bookman Old Style','Hoefler Text',Serif;*/
margin-bottom: 2px;
padding-bottom: 0;
}

#page #content h1 {
margin: 0 2px 7px 0;
padding-bottom: 3px;
color: #85421E;
background: transparent;
font-size: 1.4em;
line-height: 1.2em;
border-bottom: 8px solid #FBF2D8;
}

#page h1 {
margin: 0 2px 7px 20px;
padding-bottom: 3px;
color: #85421E;
background: transparent;
font-size: 1.5em;
line-height: 1.2em;
border-bottom: 9px solid #FBF2D8;
}


#content h2 strong {
color:#8A343D;
font-weight: bold;
}

#content h3 strong {
color:#0F3D39;
font-weight: bold;
}

#content h2 {
font-size: 1.3em;
margin: 0 0 4px 0;
padding-bottom: 2px;
color: #8A343D;
background: transparent;
/*border-bottom: 2px solid #ECEFEF;*/
}

#content h3 {
font-size: 1.1em;
margin: 3px 0 5px 0;
color: #BD5364;
background: transparent;
}

em {
font-style: italic;
}

/* standard links */
	
a:link, a   {
color:#A85644;
text-decoration: none;
background-color: transparent;
border-bottom: 1px dotted #9579C0;
}

a:visited   {
color: #A46E5C;
text-decoration: none;
background-color: transparent;
}

a:hover   {
color: #4C5CC5;
text-decoration: none;
background-color: transparent
}

a:active   {
color: #9E292B;
text-decoration: none;
background-color: transparent;
}

#content h2 a, #content h3 a {
color: #8A343D;
border-bottom: 0px solid #9579C0;
padding-right: 20px;
background: transparent url("http://www.amalion.net/images/ui/youarehere.gif") no-repeat right center;
border: 0px solid #9579C0;
}


#page #sidebar {
font-size: 0.8em;
/* line-height: 1.4em; */
background: #f78f1e;
color: white;
margin: 0px 10px;
width: 189px;
float: right;
padding: 6px;
/*border: 1px solid orange;*/
}

#page #sidebar p {
margin-bottom: 0;
font-size: .9em;
}

#page #sidebar h2 {
color: #930029;
padding: 0;
margin: 0 0 2px 0;
font-size: 1.3em;
border-bottom: 1px solid #FFB268;
}

#page #sidebar h3 {
color: #930029;
padding: 0;
margin: 0 0 2px 0;
font-size: .95em;
line-height: 1.3em;
}

#page #sidebar h4 {
color: white;
padding: 0;
margin: 0;
margin: 2px 0;
font-size: .8em;
line-height: 1.3em;
}


#page #sidebar h2 a {
color: white;
padding-right: 20px;
background: transparent url("http://www.amalion.net/images/ui/youarehere_w.gif") no-repeat right center;
line-height: 1.2em;
}

#page #sidebar h3 a {
color: white;
padding-right: 20px;
background: transparent url("http://www.amalion.net/images/ui/youarehere_w.gif") no-repeat right center;
border: none;
}




#content {
/* float: right; */
margin-top: 0px;
padding: 0 10px 0 7px;
margin-left: 190px;
/*border: 1px solid green;*/
border-left: 1px solid #E6F0FA;

font-size: 0.9em;
line-height: 1.4em;
/* border: 1px solid red; */
}

body.login #content, body.enquiry #content, body.site_map #content {
/* float: right; */
padding: 10px;
margin: 0 10px;
border: none;
}

body.home #content {
margin-right: 12px;
margin-left: 20px;
margin-right: 226px;
border: none;
border-right: 1px solid #E6F0FA;
}

body.news #content, body.contact #content, body.login #content, body.catalogue #content, body.events #content, body.search_results #content {
margin-right: 12px;
margin-left: 20px;
width: auto;
border-left: 0px solid #E6F0FA;
}


p.postdetails {
font-size: 0.75em;
margin-top: 0px;
}

#content p.postdetails {
clear: right;
}


#page_end {
background: transparent;
clear: both;
font-size: 0.7em;
text-align: right;
/*border-top: 1px solid #F8FAF6;*/
/* width: 745px; */
margin: 0 auto;
padding: 4px 6px;
}

#page_end p {
padding: 0 4px;
margin: 2px;
}

#footer {
clear: both;
text-align: left;
background:#F8FAF2 url(http://www.amalion.net/images/ui/footerback.jpg) repeat-x top center;
/*
max-width: 900px;
min-width: 745px;
*/
margin: 0 auto;
padding-left: 24px;
font-size: 0.75em;
line-height: 3em;
clear: both;
border-left: 1px solid gray;
border-right: 1px solid gray;
}

/*	menu stuff */
div.menus {
border-top: 1px solid #B9BFDD;
border-left: 1px solid #B9BFDD;
border-right: 1px solid #B9BFDD;
color: black;
background: white;
padding: 0;
padding-top: 0px;
padding-bottom: 0px;
margin: .6em 2px 0 0;
}


div#sidebar div.menus p.heading {
color: #000066; 
font-size: 1.0em;
line-height: 1.3em;
font-weight: bold;
margin: 0;
border-bottom: 1px solid #B9BFDD;
padding: 1px 3px 1px 4px;
background:#D4D9E0;
}


div#sidebar #editorbox p.heading {
background:#DBDDED;
}

div#sidebar div.menus p.heading a {
font-weight: bold;
padding-right: 12px;
background: transparent url("http://www.amalion.net/images/ui/youarehere.gif") no-repeat right center;
}

div.menus ul {
margin: 0; 
padding: 0; 
background: transparent;
border-left: 0px solid gray;
border-right: 0px solid gray;
}

.menus li {
font-size: .9em; 
line-height: 1.1em;
list-style: none; 
margin: 0;
padding: 4px 4px;
background: transparent;
border-bottom: 1px solid #B9BFDD;
}

li:hover {
background: #FCFCFE;
text-decoration: none;
cursor:auto;
}

li a:hover  /* Insert for IE's sake */ {
text-decoration: none;
}

div.menus li a {
display: block; 
text-decoration: none;
border: 0;
}

#sidebar div.menus li a {
display: block; 
text-decoration: none;
border: 0;
}

.menus>ul a {
width: auto;
}

/* light up where we are */

body.home li.home, body.about li.about, body.news li.news {
background: #F7F6F8 url("http://www.amalion.net/images/ui/youarehere.gif") no-repeat 1px center;
padding-left: 16px;
}

/*tabs stuff*/

div#tabs   {
clear: both;
/*float: left;*/
display: block;
padding: 0 0 0 28px;
background: transparent;
font-size:.75em;
/* line-height:20px; */
}
  
div#tabs ul {
/*float: left;*/
display: block;
background: transparent;
/*max-width: 900px;
min-width: 745px;*/
margin: 0 auto;
padding: 0px 0px 0px 0px;
list-style:none;
/* border-left: 1px solid silver; */
/* border-right:1px solid silver;*/
 line-height: 24px; 
/*border-bottom: 1px solid #8E9CB2;*/
/* border-top: 1px solid #8E9CB2; */
  }
  
#tabs li {
  display:inline;
  margin: 0;
  padding: 0px;
  height: 20px;
  }
  
#tabs a {
width: 10.5%;
display: block;
float: left;
/*line-height: 26px;*/
margin: 0px 11px 0 0;
text-align: center;
color: white;
background: #A71930 url(http://www.amalion.net/images/ui/tabnavback.jpg) repeat-x bottom;
text-decoration:none;
border: 1px solid #fb8c22;
border-bottom: 0px solid #D0D2EA;
}
  
#tabs a:hover {
background: #fb7c04;
background-image: none;
color: white;
border-right: 1px solid #fb8c22;
border-left: 1px solid #fb8c22;
}
  
  
/* light up where we are */

body.home #tabs li#home a, body.about #tabs li#about a, body.news #tabs li#news a, body.contact #tabs li#contact a, body.catalogue #tabs li#catalogue a, body.authors #tabs li#authors a, body.order #tabs li#order a, body.events #tabs li#events a {
background: white;
color: #042353;
font-weight: bold;
border-bottom: 2px solid white;
line-height: 23px;
}

#tabs li#home a {
width: 70px;
margin: 0px 36px 0 0;
border-top: 1px solid #d3030f;
border-right: 1px solid #d3030f;
border-left: 1px solid #d3030f;
}

/* something to hide */

.hidethis {
display: none;
}


#content .picture-left {
padding: 4px;
margin: 4px 5px 3px 0;
float: left;
border: 1px solid silver;
}

#content .picture-left p {
font-size: .6em;
padding: 2px 0;
margin: 0;
}

#content .picture-right {
padding: 4px;
margin: 4px 0 3px 5px;
float: right;
border: 1px solid silver;
}

#content .picture-right p {
font-size: .6em;
padding: 2px 0;
margin: 0;
}

/* picture blocks was class / right and left -- change in markup to */
/* all small pictures should float right */

.rightpic, .leftpic {
border: 1px solid #E9E9E9;
padding: 0;
margin: 0;
margin-bottom: 6px;
background: white;
font-size: .9em;
}

.rightpic {
float: right;
margin-left: 4px;
/* clear: right; */
}

.leftpic {
float: left;
margin-right: 4px;
clear: left;
}


.rightpic img, .leftpic img {
display: block;
border: 0;
margin: 4px;
}

.rightpic p {
font-size: .9em;
padding-left: 4px;
padding-right: 4px;
padding-bottom: 1px;
line-height: 1.2em;
margin-bottom: 3px;
}

/* forms and form and input stuff */

form {
border: 0;
margin: 0;
}

fieldset {
border: 1px solid #ddd;
margin: 3px 0 ; 
padding: 2px 5px;
line-height: 2em;
/* width: auto; */
/* clear:right; */
}

.quickselector {
background: #fafbff;
border: 1px solid #ddd;
margin: 4px 0 8px 0; 
padding: 8px;
line-height: 0em;
width: auto;
clear:none;
}

legend {
background: #fff;
font-size: .7em;
margin-bottom: 1px;
padding: 0.5em;
font-weight: bold;
}


#content label {
	position: absolute;
	text-align:right;
}

.input {
background: #fff;
border: 1px solid #ccc;
color: #555;
/*font-family: Arial, Helvetica, sans-serif;*/
font-size: .9em;
line-height: 1.4em;
vertical-align: middle;
padding: 2px 1px;
visibility: visible;
/* width: 76%; */
}

textarea {
background: #fff;
margin: 0px 8px 3px 0px;
padding: 0px;
border: 1px solid #ccc;
color: #555;
/*font-family: Arial, Helvetica, sans-serif;*/
font-size: 1.1em;
width: 95%;
text-align: left;
}


textarea:focus, input:focus {
background: #F0F0F9;
border: 1px solid #55517B;
}


select, .select {
background-color: #fff;
border: 1px solid #ccc;
color: #000;
vertical-align: top;
width: auto;
font-size: .9em;
}


	#content .input {
	margin-left: 11em;
	width: 26em;
	}

	#content textarea, #content .textarea {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: black;
	font-size: .9em;
	line-height: 1.5em;
	background: #f7fbff;
	border: 1px solid #00178d;
	margin-left: 11em;
	width: 38em;
	padding: 2px;
	}
	
	#content .select {
	color: black;
	font-size: .9em;
	background: #f7fbff;
	border: 1px solid #608293;
	margin-left: 11em;
	/* width: 30em; */
	padding: 2px;
	}

input.button {
width: auto;
color: #000066; 
font-size: 1.0em;
line-height: 1.8em;
font-weight: bold;
margin-right: 6px;
padding: 3px;
border: 1px solid silver;
background:#DBDDED url(http://www.amalion.net/images/ui/menu_head.jpg) repeat-x top center;
}

input.radio {
width: auto;
}

input.checkbox {
margin-right: 6px;
width: auto;
border: none;
background: transparent;
}


div#searchbox {
font-size: .8em;
float: right;
width: 218px;
padding: 5px 0px;
margin: 0px 0px 4px 0px;
/* border: 1px solid red; */
text-align: right;
}

div#searchbox p {
color: gray;
font-size: .8em;
padding: 1px 6px;
}

/*div#searchbox a {
color: gray;
font-size: .9em;
padding: 1px 0;
text-decoration: none;
}*/

div#searchbox .input {
background: white;
border: 1px solid silver;
color: #555;
vertical-align: middle;
visibility: visible;
margin: 0 4px 0 4px;
padding: 2px 0 0 3px;
width: 74%;
font-size: .9em;
}

div#searchbox input:focus, div#searchbox fieldset textarea:focus, div#searchbox fieldset .input:focus {
background-color: white;
border: 1px solid #55517B;
color: black;
}

#searchbox .button {
color: white;
width: auto;
vertical-align: middle;
/*margin: 3px;*/
border: 1px solid #f78f1e;
background: #f78f1e;
padding: 0 2px;
font-size: .9em;
line-height: 1.3em;
font-weight: bold;
}

div#searchbox fieldset {
border: none;
margin: 0px 0px 0px 0px;
padding: 0;
}


#searchbox label {
color: #fff;
font-size: 1em;
font-weight: bolder;
line-height: 1em;
text-transform: uppercase;
margin-right: 5px;
vertical-align: middle;
}

#searchbox p {
margin-left: 4px;
}

#mailinglist {
margin-top:36px;
}

#mailinglist h3 {
margin-right: 58px;
font-size: .9em;
}

a.stronglink {
background: #F3F9F8;
padding: 2px 6px;
border: none;
font-size: .9em;
}

#content div.editbox img {
float: left;
border: none;
}

#content div.members_only {
font-size: .8em;
border: 1px dotted silver;
background: #F7FAFC;
margin: 6px 6px 6px 0px;
padding: 4px;
}

/*bullets in the content*/

/* 	list items in content area will be in Verdana */

#content li {
font-size: 1em;
line-height: 1.4em;
/* font-family: Verdana, Arial, Helvetica, sans-serif; */
background-color: transparent;
margin: 0 4px 4px 4px;
padding-right: 8px;
}

#content li ul {
list-style-type: square;
font-size: 1em;
line-height: 1.3em;
/* font-family: Verdana, Arial, Helvetica, sans-serif; */
background-color: transparent;
margin-left: 3px;
padding: 0;
}

#content ul {
font-size: .8em;
list-style-type: disc;
margin-top: 0px;
padding: 2px 6px;
}

#content ol {
font-size: .9em;
margin-top: 0px;
padding: 2px 6px;
}

#content li {
margin-left: 1.2em;
}

div.feature {
font-size: .7em;
border: 1px solid #D4DFED;
background: white;
padding: 6px;
margin: 2em 2px 0 0;
}

.entry {
border-bottom: 1px solid #EEF6F5;
padding: 4px 0;
margin-bottom: 4px;
}

.entryalt1 {
background:#f9fcff;
border: 1px solid #EEF6F5;
padding: 7px;
margin-bottom: 6px;
float:none;
}

.entryalt2 {
background:transparent;
margin-bottom: 4px;
padding: 7px;
/* border-bottom: 1px solid #EEF6F5; */
border: 0px solid #EEF6F5;
float:none;
}

body.search #content .input {
	margin-left: 12px;
	width: 26em;
	}
	
	body.search #content .select, body.search #content select {
	color: black;
/* 	font-size: 1em; */
	background: #f7fbff;
	border: 1px solid #608293;
	margin-left: 12px;
	/* width: 30em; */
	padding: 2px;
	}

/* 	search hilite */

.marker { 
background-color: #d2fcf5;
font-weight: bold;
}


/* 	contents list */

ul#contentsbox {
border: 1px solid #d6ddff;
float: right;
width: 170px;
background: #eff2ff;
font-size: .7em;
line-height: 1em;
margin-left: 4px;
}


ul#contentsbox li {
list-style: none; 
margin: 2px;
padding: 4px 4px;
background: transparent;
}


ul#contentsbox li:hover {
background: #FCFCFE;
text-decoration: none;
cursor:auto;
}

ul#contentsbox li.heading {
font-weight:bold;
border-bottom: 1px solid #d3daff;
}

ul#contentsbox li.heading:hover {
font-weight:bold;
background: transparent;
}


ul#contentsbox li a:hover  /* Insert for IE's sake */ {
text-decoration: none;
}

ul#contentsbox li a {
display: block; 
text-decoration: none;
border: 0;
}

/* 	Google Map */

#map {
border: 1px solid silver;
width: 520px;
height: 380px;
margin: 8px 0 20px 0;
}

.mapinfo {
font-size: .8em;
}

.searchselector {
padding: 6px;
margin: 4px 0;
border: 1px solid #ddd;
}

.searchselector .select {
font-size: .7em;
width: 50%;
}

.quickselect {
margin: 2px 2px 2px 0;
font-size: .8em;
}

#content table {
border-top: 1px solid #E9E9E9;
border-right: 1px solid #E9E9E9;
border-collapse: collapse;
font-size: .9em;
margin: 6px 0 10px 0;
}

td {
vertical-align: top;
padding: 4px;
border-bottom: 1px solid #E9E9E9;
border-left: 1px solid #E9E9E9;
}

th {
border-bottom: 1px solid silver;
border-left: 1px solid silver;
background: #A4B3C9;
color: white;
font-size: 1.1em;
padding: 2px 4px;
}


	/* to display the message as it was entered */
	
pre {
	background-color: white;
	color: #173558;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	line-height:1.3em;
	margin: 0;
	padding: 0.5em 0.5em 0.5em 0em;
	padding: 3px;
white-space: pre; /* CSS2 */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -hp-pre-wrap; /* HP printers */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
word-wrap: break-word; /* IE */
border: 1px solid silver;
}

/* lightbox stuff */


#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#content #lightbox a img {
border-bottom: 0;
}

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer {
	padding: 10px;
	}

#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}

img a {
border-bottom: 0px solid white;
}

#loading img {
margin: 0 auto;
}


#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(http://www.amalion.net/images/ui/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/ui/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/ui/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	}
	
#pagenavigation {
float:left;
display:block;
margin: 0;
padding: 0;
width: 160px;
}

#searchnavigation {
float:left;
display:block;
margin: 0 0px 0 12px;
padding: 0;
width: 165px;
font-size: .85em;
/* border: 1px solid blue; */
}


#searchnavigation select, #searchnavigation .select {
background-color: #fff;
border: 1px solid #ccc;
color: #000;
vertical-align: top;
width: 168px;
margin-bottom: 6px;
font-size: .9em;
}


/* 	  ------------------ */
/*  submneus as a list */

ul.submenu {
float:left;
display:block;
margin: 1px 5px 8px 18px;
padding: 0;
background: #FFD9B3;
font-size: .75em;
line-height: normal;
width: 160px; 
list-style:none;
border: 1px solid #FF9127;
}

/* heading for the submeu */

ul.submenu h3 {
padding: 6px 2px 6px 6px;
margin: 0;
font-size: 1em;
color: #D96F00;
background: #FBEED2;
border-bottom: 1px solid #FF9127;
}

ul.submenu li {
margin: 0;
padding: 0;
list-style:none;
}

ul.submenu li ul {
margin: 0 0 0 9px;
padding: 0;
font-size: .9em;
}

ul.submenu a, ul.submenu a:link {
display: block;
/* 	padding: 8px; */
padding: 6px 7px 6px 14px;
margin: 0;
text-align: left;
color: black;
background: transparent;
background-image: url(../images/ui/navtri.gif);
background-repeat: no-repeat;
background-position: 3px center;
text-decoration:none;
/* height: 1.3em; */
border: none;
}

ul.submenu a:hover {
background: #d48e86 url(../images/ui/tab_back_hover.jpg) repeat-x center left;
color: white;
}



.submenu li.parentcat a {
background: #cae3fc;
background-image: url(../images/ui/navtriback.gif);
background-repeat: no-repeat;
background-position: 3px center;
color: black;
border-bottom: 1px solid #4F95DC;
}


* acronym {
border-style: dotted;
border-width: 0 0 1px 0;
cursor: help;
}

	#toc_hidden {
	display: none;
	}
	
	#toc ul {
	padding: 0;
	}
	
	.go_up {
	float: right;
	width: 20px;
	}


/* products on the home page */
#content table#productentry {
border-collapse: collapse;
padding: 10px;
width: 100%;
}

#content table#productentry td {
width: 50%;
padding: 10px;
}