@charset "utf-8";
/* CSS Document */

/* SpryHTMLPanel.css - version 0.1 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2007. Adobe Systems Incorporated. All rights reserved. */

/* Developers are allowed to specify markup to use when the HTMLPanel is
 * loading content, or when an error has occurred while loading content.
 * This content must be present *inside* the HTMLPanel's container element
 * and must have either the class "HTMLPanelLoadingContent" or "HTMLPanelErrorContent"
 * on it, so the HTMLPanel can identify it.
 *
 * The following rule is defined to hide this content, just in case the
 * page is loaded within a browser that has JavaScript turned off.
 */
.HTMLPanelLoadingContent, .HTMLPanelErrorContent {
	display: none;
}

/* The HTMLPanelLoading class name is programatically placed on the HTMLPanel's
 * top-level container element whenever the panel makes a server request for content.
 * This gives designers a way hook to style the panel differently when it is in the
 * process of loading content. The class name is automatically removed once the
 * HTMLPanel has loaded the content or an error has occured.
 *
 * To modify the look of the panel when it is loading, simply add your CSS
 * properties to this rule. 
 */
.HTMLPanelLoading {
}

/* The HTMLPanelError class name is programatically placed on the HTMLPanel's
 * top-level container element if the HTMLPanel's request for content fails.
 * This gives designers a way hook to style the panel differently when an error
 * has occured. This class name is automatically removed when content is loaded
 * into the HTMLPanel.
 *
 * To modify the look of the panel when an error occurs, simply add your CSS
 * properties to this rule. 
 */
.HTMLPanelError {
}

#details {
	position:absolute;
	top:170px;
	width:560px;
	height:175px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
	background-color:#333;
}

#details a {
	font-size:16px;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
}

#details a:hover {
	color:#00B0D8;
	text-decoration:underline;
}
	

#image {
	width:120px;
	height:100px;
	margin-top:25px;
	margin-left:20px;
	float:left;
	display:inline;
}

#content {
	width:350px;
	margin-top:25px;
	margin-left:15px;
	float:left;
}

#button {
	float:right;
	margin-top: 10px;
	margin-right: 10px;
}

h1 {
	font-size:16px;
	color:#FFF;
	margin:0px;
}

 p {
	margin-top:10px;
	margin-bottom:10px;
} 

ul.horiz li {
	display:inline;
}
	
.bodytext {
	color:#FFF;
}

a.panel {
	font-size:16px;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
}

a:hover.panel {
	font-size:16px;
	color:#00B0D8;
	text-decoration:underline;
	font-weight:bold;
}