/* CSS Document for Bioscene Branding */

html {
	margin:0;
	padding:0;
		}

body {
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	background-image: url(body-bg.gif);
	background-repeat: repeat-x;
	background-position: top left;
		}

/* Page wrapper */

#page {
	}				

/* Header Stuff*/

#header
{
  float:left;
  height: 76px;
  width: 150px;
  padding: 0px;
  margin: 30px 0px 0px 50px;
  background-color: #fff;
  border: none;
}

#logo
{
  float:left;
  width:150px;
  height:56px;
  background-color: #fff;
  margin: 10px;
}

#logo img
{
  padding: 0px;
  margin: 0px;
  border: none;
}

#logo .image-link
{
  cursor: pointer;
  cursor: hand;
}

/* - - - - - - - - - -  */
/* - - - - - - - - - -  */
/* - - - - - - - - - -  */	
/* Sitemap area - main navigation */	
	

#sitemap {
	float: left;
	clear:right;
	height:39px;
	margin: 50px 0px 0px 20px;
	}
	
#sitemap ul#section, #sitemap #section ul {
	margin: 0px;
	padding: 0px;
	padding-left:45px;
	border: none;
	}

#sitemap #section li.section-item, #sitemap #section .section-item {
	display: inline;
	margin: 0px;
	padding: 0px;
	float: left;
	}

#sitemap #section li.section-item a, #sitemap #section li.section-item .current {
	display:inline;
	float:left;
	padding: 3px 10px 3px 10px;
	width: auto;	
	margin:0px 1px 0px 1px;
		}	
		
#sitemap #section a.section-link, #sitemap #section .section-link {
	display:inline;
	float:left;
	width: auto;
		}
	
#sitemap #section a.section-link:hover, #sitemap #section .section-link a:hover {
	display: inline;
	background-color: #ffcc99;
	float:left;
		}
		
/* Mark the current level in the section map */
#sitemap #section li.current, #sitemap #section li.section-item .current {
	list-style: none;
	list-style-type: none;
	background-color:#EC8023;
	color:#fff;
	}
/* Mark the home level in the section map */
#sitemap #section li.home {
	list-style: none;
	list-style-type: none;
	}	
/* Mark the section parent in the section map */
#sitemap #section li.section-item .parent {
	list-style: none;
	list-style-type: none;
	background-color:#EC8023;
	color:#fff;
	}
				
		
/* Second level nav is hidden in top area */

#sitemap #section ul ul, #sitemap ul#section ul.section {
	display: none;
	visibility: hidden;
	}		
	
/* - - - - - - - - - -  */
/* - - - - - - - - - -  */
/* - - - - - - - - - -  */		
/* Sibling map - shows pages in the same section as current page */	

/* Section Info - this is the left column that holds the content */	
#section-info {
	float:left;
	clear:left;
	width: 175px;
	margin: 50px 20px 0px 20px;	
	}
	
/* Section Map - A list of the pages that are in this section, excluding the current page */	

#sectionmap {
	margin: 5px 0px 15px 0px;
	clear:left;
	}
/* Hide the root level in the sibling map */
/* We accomplish this by hiding the link tag, */
/* but leaving the LI tag that contains it. Otherwise */
/* IE 6 and 7 will render everything in the subsequent UL invisible as well */
#sectionmap .home, #sectionmap li.home {
	list-style: none;
	list-style-type: none;
	display: block;
	visibility: visible;
	}
#sectionmap .home .current, #sectionmap .home .section-link {
	display: none;
	}		
	
#sectionmap .section ul ul, #sectionmap ul.section ul.section, #sectionmap ul ul.section {
	display: block;
	visibility: visible;
	}		
#sectionmap .section-item, #sectionmap ul.section li {
	list-style: none;
	list-style-type: none;
	margin:0px;
	padding: 0px;
	}	

#sectionmap ul.section, #sectionmap .section {
	display: block;
	visibility: visible;
	list-style: none;
	list-style-type: none;
	margin:0px;
	padding: 0px;
	}
	
#sectionmap ul.section li.section-item, #sectionmap .section .section-item, #sectionmap ul.section li.section-item a.section-link, #sectionmap .section .section-item .section-link {
	list-style: none;
	list-style-type: none;
	display: block;
	visibility: visible;	
	margin: 1px 0px 1px 0px;
	border: none;
	display: block;
	clear:both;
	}
	
#sectionmap a.section-link, #sectionmap .section a.section-link, #sectionmap .section .section-link {
	border: none;
	display: block;
	color: #EC8023;
	font-weight: bold;
	text-align: right;
	padding: 4px;
	}
	
#sectionmap a.section-link:hover, #sectionmap .section a.section-link:hover, #sectionmap .section .section-link:hover {
	background-color: #ffcc99;
	color: #000;
	}				

/* Mark the current level in the sibling map */
#sectionmap .section .current, #sectionmap .section .current {
	list-style: none;
	list-style-type: none;
	background-color:#EC8023;
	color:#fff;
	}

/* - - - - - - - - - -  */
/* - - - - - - - - - -  */
/* - - - - - - - - - -  */	
/* Other links */
#section-info p {
	text-align: right;
	margin: 5px 0px 5px 0px;
	padding: 0px;
	border-top: 1px solid #a3d3ab;
	}	
	
#section-info p a {
	border: none;
	display: block;
	padding: 4px;
	}
	

/* - - - - - - - - - -  */
/* - - - - - - - - - -  */
/* - - - - - - - - - -  */		
/* Content area */		

h1, h2, h3, h4, h5, h6 {
	clear: both;
	display: block;
	}

#content {
	position: absolute;
	top: 147px;
	left: 210px;
	width: 60%;
	text-align: left;
	padding: 16px 35px 0px 20px;
	margin: 0px 0px 0px 0px;
	border-left: 1px solid #A9CEAF;
		}
		
#content h2 {
	margin: 5px 0px 8px 0px;
	padding: 10px 0px 10px 0px;
		}
		
#content h3, #content h5 {
	margin:15px 0px 10px 0px;
	padding:0px;
		}
		
#content h4 {
	background-color: #CADBCD;
	margin: 15px 0px 10px 0px;
	padding: 4px;
	}		
		
#content p {
	margin: 0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	clear:both;	
		}
		
#content ul, #content ol {
	margin: 0px 0px 0px 20px;
	padding: 0px 5px 0px 10px;
		}		
		
#content li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
		}

#content dt {
	padding:3px 0px 3px 0px;
	margin: 5px 0px 5px 0px;
	font-weight: bold;
		}		

#content dl {
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 0px;
		}	

#content pre {
	width: 90%;
	margin: 15px 0px 10px 0px;
	padding: 3px;
	overflow: scroll;
	background-color: #fff;
	border: 1px solid #ccc;
	}			
		
#footer, #footer-area {
	position: absolute;
	bottom: 50px;
	left: 20px;
	height: 20px;
	width: 150px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
		}
#locale-links {
	position: absolute;
	top: 5px;
	right:5px;
	}
#locale-links a {
	}
#locale-links a:hover {
	}				
#copyright {
	padding: 0px;
		}
		
/* Form Widgets and Elements */

.radio, .checkbox {
	display:block;
	clear:both;
	margin: 0px 0px 5px 0px;
	}

.field-title {
	clear:both;
	display: block;
	font-weight: bold;
	}

.field {
	display:inline;
	border: 1px solid #ccc;
	margin: 10px 10px 10px 0px;
	padding: 5px;
	color: #666;	
	}

.text-area {
	clear: both;
	display:block;
	border: 1px solid #ccc;
	color: #666;
	margin: 10px 0px 10px 0px;
	padding: 5px;
	width: 90%;
	height: 150px;
	}
#content form {
	margin: 5px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	}
.group-title { 
	display: block;
	clear:both; 
	font-weight: bold;
	margin: 1px 0px 5px 0px;	
 	}			
.component-label {
	padding: 0px 0px 0px 5px;
	}		
select {
	display:block;
	clear:both;
	}	
	
/* - - - - - - - - - -  */
/* - - - - - - - - - -  */
/* - - - - - - - - - -  */		
/*Tables */

#content table {
	margin: 10px 0px 10px 0px;
	font-size: 12px;
	display: table;
	padding: 0px;
	}
	
#content th {
	font-size: 11px;
	text-transform: uppercase;
	border:1px solid #fff;	
	background-color: #A9CEAF;
	}
	
#content table caption {
	margin: 10px 0px 5px 0px;
	text-align: left;
	}	
		
#content tr {
	text-align: left;
	margin:0px;
	}	
#content td {
	border: 1px solid #ccc;
	text-align: left;
	padding: 4px;
	margin:0px;
	}				
	

/* DEFAULT BUTTONS */

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button, a.search-button {
    background: transparent url('bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span, a.search-button span {
    background: transparent url('bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active, a.search-button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span, a.search-button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

/* DISABLED BUTTON */

.button-disabled {
    background: transparent url('bg_disabledbutton_a.gif') no-repeat scroll top right;
    color: #999;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
    cursor: default;
}

.button-disabled span {
    background: transparent url('bg_disabledbutton_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

#wizard-button-bar {
	width:514px;
}

.button-container {
	width: 25%;
}


/* - - - - - - - - - -  */
/* - - - - - - - - - -  */
/* - - - - - - - - - -  */	
/* Show the sitemap in the content area */	
	

#content #sitemap {
	float: none;
	clear:both;
	height:auto;
	margin: 0px;
	}
	
#content #sitemap ul#section, #content #sitemap #section ul {
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 7px 0px;
	border: none;
	list-style: disc;
	list-style-type: disc;
	}

#content #section li.section-item, #content #sitemap #section .section-item {
	display: block;
	margin: 0px;
	padding: 3px 0px 3px 0px;
	float: none;
	}

#content li.section-item a, #content li.section-item .current {
	display:block;
	float:none;
	padding: 0px 0px 0px 0px;
	width: auto;	
	margin:0px 0px 0px 0px;
		}	
		
#content a.section-link, #content .section-link {
	display:block;
	float:none;
	width: auto;	
		}
	
#content #section a.section-link:hover, #content #section .section-link a:hover {
	display: block;
	background-color: transparent;
	float:none;
		}
		
/* Mark the current level in the section map */
#content li.current, #content li.section-item .current {
	list-style: disc;
	list-style-type: disc;
	background-color:transparent;
	}
/* undo the home level */
#content li.home {
	list-style: disc;
	list-style-type: disc;
	}	
				
		
/* show the second level */

#content #section ul ul, #content ul#section ul.section {
	display: block;
	visibility: visible;
	}
		
/* - - - - - - - - - -  */
/* - - - - - - - - - -  */
/* - - - - - - - - - -  */		
/*Hidden class - use to make something invisible */
.hidden {
	display: none;
	visibility: hidden;
	}		
	
/* Stuff for WIZARD wicket widgets */

#content .wicketExtensionsWizard table, #content .wicketExtensionsWizard tr, #content .wicketExtensionsWizard td, .wicketExtensionsWizard, .wicketExtensionsWizardOuterTable, .wicketExtensionsWizardInnerTable, .wicketExtensionsWizardHeaderRow, .wicketExtensionsWizardHeader, .wicketExtensionsWizardHeaderTitle, .wicketExtensionsWizardHeaderSummary, .wicketExtensionsWizardViewRow, .wicketExtensionsWizardView, .wicketExtensionsWizardViewInner, .wicketExtensionsWizardFeedbackRow, .wicketExtensionsWizardFeedback, .wicketExtensionsWizardButtonBarRow, .wicketExtensionsWizardButtonBar {
	border: none;
	}

#content .wicketExtensionsWizard table, #content .wicketExtensionsWizard tr, #content .wicketExtensionsWizard td {
	padding: 0px;
	margin: 0px;
	}

.wicketExtensionsWizardViewInner {
	background-color: #deece2;
	padding: 8px;
	}

.wicketExtensionsWizard {
	display: block;	
	}
	
.wicketExtensionsWizard .wicketExtensionsWizardViewInner p {
	padding: 8px;
	}	

.wicketExtensionsWizardOuterTable { 
	background-color: #deece2;
	display: block;
	width: 100%;
	margin: 0px;
	}
.wicketExtensionsWizardInnerTable { 
	width: 100%;
	font-size: 12px;
	display: block;	
	}	
	
.wicketExtensionsWizardViewRow, .wicketExtensionsWizardButtonBarRow { 
	display: block;
	width: 100%;
	margin: 0px;
	padding: 0px;		
	}	

#wizard-button-bar { 
	padding: 0px 8px 0px 8px;
	display: block;
	width: 514px;		
	}	

.wicketExtensionsWizardHeaderSummary {
	display: block;
	font-size: 13px;
	font-weight: bold;
	padding: 8px;
	margin: 0px;
	background-color: #deece2;			
	}

.wicketExtensionsWizardHeader { 
	}

.wicketExtensionsWizardHeaderTitle { 
	text-transform: uppercase;
	font-size: 13px;	
	display: block;
	color: #000;
	padding: 8px;
	margin: 0px;		
}

/* Begin text style */


/* CSS Document for Bioscene Branding*/

html, body {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color:#000000;
		}

/* page wrapper */

#page {
	}				

/* Global link colors */

a {
	color: green;
	text-decoration: none;
	}
a:hover {
	color: #ffae00;
	text-decoration: underline;
	}
a:visited {
	color: #ffae00;
	text-decoration: none;
	}		

/* Page header text */

#header {
		}

#header h1 {
	display:none;
	visibility:hidden;
	}

#logo {
	}
#logo img {
	}		

/* topnav sitemap styles */

#sitemap {
	font-family: 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	color: #000;
	}
	
#sitemap ul#section, #sitemap #section ul {
	list-style: none;
	}

#sitemap #section li.section-item {
	font-size: 15px;
	font-weight: bold;
	}

#sitemap #section li.section-item a, #sitemap #section li.section-item span {
	color: #000;
	text-decoration: none;
		}

#sitemap #section a.section-link:hover {
	color: #fff;
		}
#sitemap #section a:visited {
	color:#000;
	}				

/* sidenav sibling map styles */

#sectionmap {
	text-align: right;
	}
#sectionmap ul.section, #sectionmap .section {
	list-style: none;
	list-style-type: none;
	text-align: right;
	}
#sectionmap ul.section li.section-item, #sectionmap ul.section li.current-section-item {
	list-style: none;
	list-style-type: none;
	text-align: right;
	font-weight: bold;	
	}
#sectionmap a.section-link, #sectionmap .section-link {
	color: #EC8023;
	font-weight: bold;
	text-align: right;
	}
	
#sectionmap .current a.section-link, #sectionmap .section .current a.section-link, #sectionmap .current .section-link, #sectionmap .section-link .current, #sectionmap .section .section-link .current, #sectionmap .section .current {
	color: #fff;
	font-weight: bold;
	}
#section-info p a, #section-info a {
	color: green;
	font-weight: bold;
	text-align: right;
	color: #669966;
	text-decoration: none;
	}	
#section-info p a:hover, #section-info a:hover {
	background-color: #a3d3ab;
	color: #000;
	text-decoration: none;
	}	
/* related links styles */

#relatedlinks {
	text-align: right;
	}
#relatedlinks ul.section {
	list-style: none;
	text-align: right;
	}
#relatedlinks ul.section li.section-item, #relatedlinks ul.section li.current-section-item {
	text-align: right;
	font-weight: bold;	
	}
#relatedlinks ul.section a.section-link, #relatedlinks ul.section .section-link {
	color: green;
	font-weight: bold;
	text-align: right;
	}
	

/*Content area */

#content {
	text-align: left;
		}

#content h1 {
	display: none;
	visibility: hidden;
		}		
		
#content h2 {
	border-bottom: 1px solid #A9CEAF;
	font-family: Lucida Grande, Geneva, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:22px;
	line-height:20px;
	color:#669966;
		}
		
#content h3 {
	font-family: Lucida Grande, Geneva, Arial, Helvetica, sans-serif;
	font-size:15px;
	text-transform: none;
	color:#EC8023;
	line-height:16px;
		}
		
#content h4 {
	font-family: Lucida Grande, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:none;
	color:#000;
	font-weight: bold;
		}
		
#content h5 {
	font-family: Lucida Grande, Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	color:#000;
	font-weight: bold;
		}				
		
#content ul, #content ol {
	list-style-position: outside;
	}		
		
#content li {
	list-style-position: outside;
		}
		
#content a, #content p a {
	color: #EC8023;
	text-decoration: none;
	}
#content a:visited, #content p a:visited {
	color: #CC6600;
	text-decoration: none;
	}

blockquote {
	font-style: italic;
	padding: 5px 0px 5px 0px;
	text-align: justify;
	}	

/* - - - - - - - - - -  */
/* - - - - - - - - - -  */
/* - - - - - - - - - -  */	
/* Show the sitemap in the content area */	
	

#content #sitemap {
	}
	
#content #sitemap ul#section, #content #sitemap #section ul {
	}

#content #section li.section-item, #content #sitemap #section .section-item {
		color:#EC8023;
	}

#content #section li.section-item a, #content #section li.section-item .current {
	color:#EC8023;
	text-decoration: underline;
		}	
		
#content a.section-link, #content .section-link {
	font-size: 11px;
	font-weight: normal;
	font-family: Lucida Grande, Geneva, Arial, Helvetica, sans-serif;
	color:#EC8023;
	text-decoration: underline;	
		}
#content #section .section-item .section-link,  #content #section a.section-link, #content #section .section-link {
	color:#EC8023;
		}		
	
#content #section a.section-link:hover, #content #section .section-link a:hover {
	color:#EC8023;
	text-decoration: underline;
	background-color: transparent;
		}
/* Email */
a.mailto {
  letter-spacing: -0.1em;
}

span.email {
  letter-spacing: -0.15em;
}

span.invisible {
        display: none;
        visibility: hidden;
}

/* Mark the current level in the section map */
#content li.current, #content li.section-item .current {
	background-color:transparent;
	color:#EC8023;
	}
/* undo the home level */
#content li.home {
	}	
				
		
/* show the second level */

#content #section ul ul, #content ul#section ul.section {
	}

/* Link colors for default buttons */
a.button, a.search-button, a.button span, a.search-button span {
    color: #444;
}
	
	
/* Other link styles */	
.subtle-link {
	color: #ffae00;
	text-decoration: none;
	}	
			
/* Footer links */

		
/* Language links */		
		
#locale-links {
	font-family: Lucida Grande, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align:center;
	color: #000;
	}
#locale-links a {
	color: green;
	}
#locale-links a:hover {
	color: #ffae00;
	text-decoration: underline;
	}				
#copyright {
	font-family: Lucida Grande, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#ccc;
	text-align:left;
		}

/* - - - - - - - - - -  */
/* - - - - - - - - - -  */
/* - - - - - - - - - -  */		
/* Messages - Error  Warning  Info */

.error, #content p.error {
	margin: 5px 0px 2px 0px;
	padding: 0px 0px 0px 20px;
	background-image: url(action_stop.gif);
	background-repeat: no-repeat;
	background-position: left center;
	clear:both;
	display: block;
	color: red;
	}

#content li.error, #content li.warning, #content li.info {
	background-image: none;
	margin:0px;
	padding:0px;
	list-style: none;
	list-style-type: none;
	}	

.warning, #content p.warning {
	margin: 5px 0px 2px 0px;
	padding: 0px 0px 0px 20px;
	background-image: url(icon_alert.gif);
	background-repeat: no-repeat;
	background-position: left center;
	clear:both;
	display: block;
	}

.info, #content p.info {
	margin: 5px 0px 2px 0px;
	padding: 0px 0px 0px 20px;
	background-image: url(icon_accept.gif);
	background-repeat: no-repeat;
	background-position: left center;
	clear:both;
	display: block;
	}	


/* - - - - - - - - - -  */
/* - - - - - - - - - -  */
/* - - - - - - - - - -  */	
/* The file tree */	

#content table.wicket-tree-content, #content table.wicket-tree-content td, #content table.wicket-tree-content tr, .half-line, td.half-line, .junction-closed, a.junction-closed, .icon-panel, #content table.icon-panel, #content table.icon-panel tr, #content table.icon-panel td {
	border: none;
	padding: 0px;
	margin:0px;
	}

#content table.wicket-tree-content {
	font-size: 12px;
	display: table;
	}
	
#content table.wicket-tree-content th {
	font-size: 11px;
	}
	
#content table.wicket-tree-content caption {
	text-align: left;
	}	
		
#content table.wicket-tree-content tr {
	text-align: left;
	}	
#content table.wicket-tree-content td {
	text-align: left;
	}	

/********************************
 * The following mess is mostly wicket stuff. 
 * We need to figure out a cleaner way to do this.
 *
 ********************************/

/* - - - - - - - - - -  */
/* - - - - - - - - - -  */
/* - - - - - - - - - -  */	
/* Main menu area - container stuff */	

.menu-item {
	display:inline;
	float:left;
	padding:2px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}
#login-id {
	float:left;
	display:inline;
	padding-bottom: 4px;
	}
div.menu-item span div {
	display: inline;
	float: left;
	}
#main-menu-area {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size:11px;
	font-family: inherit;
	color: #333;
	text-align: right;
	width: auto;
	margin: 30px 50px 0px 0px;
	}


.testimonial {
        text-align:left;
}
.testimonial h3 {
        position:relative;
        left: 45px;
        text-align:left;
}
#content .testimonial p {
        font-style:italic;
	text-align:justify;

	float:left;
	padding-left:45px;
	padding-right:45px;

	background-image: url(quote-left.jpg);//, url(quote-right.jpg);
	background-repeat: no-repeat;
	background-position: top left;//, bottom right;

	clear:both;

	width:690px;
}

html>body #content .testimonial p {
	width:600px;

	background-image: url(quote-left.jpg), url(quote-right.jpg);
	background-repeat: no-repeat;
	background-position: top left, bottom right;
}

#content .testimonial p.signature {
        background-image: none;

        position:relative;
        left: 45px;

        font-weight:bold;
}