/* @override http://www.hpumc.org/files/hpumc_css.css */

/* @override http://www.hpumc.org/files/slideshow.css */

/**
Stylesheet: Slideshow.css
	CSS for Slideshow.

License:
	MIT-style license.

Copyright:
	Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
	
HTML:
	<div class="slideshow">
		<div class="slideshow-images" />
		<div class="slideshow-captions" />
		<div class="slideshow-controller" />
		<div class="slideshow-loader" />
		<div class="slideshow-thumbnails" />
	</div>
	
Notes:
	These next four rules are set by the Slideshow script.
	You can override any of them with the !important keyword but the slideshow probably will not work as intended.
*/


.slideshow-images {
	display: block;
	overflow: hidden;
	position: relative;
}		
.slideshow-images img {
	display: block;
	position: absolute;
	z-index: 1;
}		
.slideshow-thumbnails {
	overflow: hidden;
}

/**
HTML:
	<div class="slideshow-images">
		<img />
		<img />
	</div>
	
Notes:
	The images div is where the slides are shown.
	Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc.
*/

.slideshow-images {
	height: 400px;
	width: 500px;
}		
.slideshow-images-visible { 
	opacity: 1;
}	
.slideshow-images-prev { 
	opacity: 0; 
}
.slideshow-images-next { 
	opacity: 0; 
}
.slideshow-images img {
	left: 0;
	top: 0;
}

#software_photo_gallery_photo {
	top: -234px;
	position: relative;
	right: -215px;
	height: auto;
	margin: -8px -8px -8px -5px;
	padding: 0;
	width: auto;
}

#software_photo_gallery_photo_link {
	position: relative;
	top: -17px;
	right: 2px;
}	

/**
Notes:
	These are examples of user-defined styles.
	Customize these classes to your usage of Slideshow.
*/

.slideshow {
	height: 400px;
	margin: 0 auto;
	width: 500px;
	top: 178px;
	position: relative;
}
.slideshow a img {
	border: 0;
}

/**
HTML:
	<div class="slideshow-captions">
		...
	</div>
	
Notes:
	Customize the hidden / visible classes to affect the captions animation.
*/

.slideshow-captions {
	background: #000;
	bottom: 0;
	color: #FFF;
	font: normal 12px/22px Arial, sans-serif;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	width: 100%;
	z-index: 10000;
}
.slideshow-captions-hidden {
	height: 0;
	opacity: 0;
}
.slideshow-captions-visible {
	height: 22px;
	opacity: .7;
}

/**
HTML:
	<div class="slideshow-controller">
		<ul>
			<li class="first"><a /></li>
			<li class="prev"><a /></li>
			<li class="pause play"><a /></li>
			<li class="next"><a /></li>
			<li class="last"><a /></li>
		</ul>
	</div>
	
Notes:
	Customize the hidden / visible classes to affect the controller animation.
*/

.slideshow-controller {
	background: url(controller.png) no-repeat;
	height: 42px;
	left: 50%;
	margin: -21px 0 0 -119px;
	overflow: hidden;
	position: absolute;
	top: 90%;
	width: 238px;
	z-index: 10000;
}
.slideshow-controller * {
	margin: 0;
	padding: 0;
}
.slideshow-controller-hidden { 
	opacity: 0;
}
.slideshow-controller-visible {
	opacity: 1;
}
.slideshow-controller a {
	cursor: pointer;
	display: block;
	height: 18px;
	overflow: hidden;
	position: absolute;
	top: 12px;
}
.slideshow-controller a.active {
	background-position: 0 18px;
}
.slideshow-controller li {
	list-style: none;
}
.slideshow-controller li.first a {
	background-image: url(controller-first.gif);
	left: 33px;
	width: 19px;
}
.slideshow-controller li.last a {
	background-image: url(controller-last.gif);
	left: 186px;
	width: 19px;
}
.slideshow-controller li.next a {
	background-image: url(controller-next.gif);
	left: 145px;
	width: 28px;
}
.slideshow-controller li.pause a {
	background-image: url(controller-pause.gif);
	left: 109px;
	width: 20px;
}
.slideshow-controller li.play a {
	background-position: 20px 0;
}
.slideshow-controller li.play a.active {
	background-position: 20px 18px;
}
.slideshow-controller li.prev a {
	background-image: url(controller-prev.gif);
	left: 65px;
	width: 28px;
}

/**
HTML:
	<div class="slideshow-loader" />
	
Notes:
	Customize the hidden / visible classes to affect the loader animation.
*/

.slideshow-loader {
	height: 28px;
	right: 0;
	position: absolute;
	top: 0;
	width: 28px;
	z-index: 10001;
}
.slideshow-loader-hidden {
	opacity: 0;
}
.slideshow-loader-visible {
	opacity: 1;
}

/**
HTML:
	<div class="slideshow-thumbnails">
		<ul>
			<li><a class="slideshow-thumbnails-active" /></li>
			<li><a class="slideshow-thumbnails-inactive" /></li>
			...
			<li><a class="slideshow-thumbnails-inactive" /></li>
		</ul>
	</div>
	
Notes:
	Customize the active / inactive classes to affect the thumbnails animation.
	Use the !important keyword to override FX without affecting performance.
*/

.slideshow-thumbnails {
	bottom: -65px;
	height: 65px;
	left: 0;
	position: absolute;
	width: 100%;
}
.slideshow-thumbnails * {
	margin: 0;
	padding: 0;
}
.slideshow-thumbnails ul {
	height: 65px;
	left: 0;
	position: absolute;
	top: 0;
	width: 10000px;
}
.slideshow-thumbnails li {
	float: left;
	list-style: none;
	margin: 5px 5px 5px 0;
	position: relative;
}
.slideshow-thumbnails a {
	display: block;
	float: left;
	padding: 5px;
	position: relative; 
}
.slideshow-thumbnails a:hover {
	background-color: #FF9 !important;
	opacity: 1 !important;
}
.slideshow-thumbnails img {
	display: block;
}
.slideshow-thumbnails-active {
	background-color: #9FF;
	opacity: 1;
}
.slideshow-thumbnails-inactive {
	background-color: #FFF;
	opacity: .5;
}

/* @override http://www.hpumc.org/files/hpumc_css.css */

/* @override http://www.hpumc.org/files/hpumc_css.css */

/* @override http://www.hpumc.org/files/hpumc_css.css */

/* @override http://www.hpumc.org/files/hpumc_css.css */

body {font-family:arial; font-size:11px; color:#666666;}
td {font-family:arial; font-size:11px; color:#666666;}

.headline
{
    color: #660033;
    font-family: times new roman;
    font-size: 20px;
}



#home_header p
{
    margin: 0;
}

.dark-gray-11 {font-family:arial; font-size:11px; color:#666666; line-height:16px;}
.dark-gray-12 {font-family:arial; font-size:12px; color:#666666; line-height:16px;}
.dark-gray-13-bold {font-family:arial; font-size:13px; color:#666666; font-weight:bold;}
.footer {font-family:arial; font-size:10px; color:#666666; line-height:14px}
.red-12-bold {font-size:12px; color:#660033; font-weight:bold;}
.red-14-bold {font-size:14px; color:#660033; font-weight:bold;}
.maroon-14-bold {font-size:14px; color:#660033; font-weight:bold;}
.search-caption {font-family:arial; font-size:11px; color:#666666; line-height:14px;}
.search-header {font-family:arial; font-size:14px; color:#660033; font-weight:bold;}
.search-title {font-family:arial; font-size:12px; color:#666666; line-height:14px;}
a:link {text-decoration:none; font-family:arial; font-size:11px; color:#3366cc;}
a:visited {text-decoration:none; font-family:arial; font-size:11px; color:#3366cc;}
a:active {text-decoration:none; font-family:arial; font-size:11px; color:#3366cc;}
a:hover {text-decoration:underline; font-family:arial; font-size:11px; color:#3366cc;}
a.search-link:link {text-decoration:none; font-family:arial; font-size:11px; color:#3366cc;}
a.search-link:visited {text-decoration:none; font-family:arial; font-size:11px; color:#3366cc;}
a.search-link:active {text-decoration:none; font-family:arial; font-size:11px; color:#3366cc;}
a.search-link:hover {text-decoration:underline; font-family:arial; font-size:11px; color:#3366cc;}



#menu
{
    width: 100%;
}

#menu a
{
    display: block;
    float: left;
    border-right: 1px solid #ffffff;
    text-decoration: none;
    text-align: center;
    color: #ffffff;
    padding: 3px 10px 3px 10px;
}

#menu a.on
{
    color: #ffffff;
    background-color: #8B4869;
}

#menu a:hover
{
    color: #ffffff;
    background-color: #8B4869;
}

.drop-menu
{
    position: absolute;
    left: 0px;
    top: 0px;
    visibility: hidden;
    font-size: 10px;
    background-color: #ffffff;
    border-top: 1px #999999 solid;
    border-left: 1px #999999 solid;
    border-right: 1px #999999 solid;
	z-index: 10;
}

object#Movie {
	z-index: -10;
}

.drop-menu ul
{
    padding: 0;
    margin: 0;
    list-style: none;
	z-index: 9;
}

.drop-menu a
{
    display: block;
    width: 150px;
    padding: 2px 10px 2px 10px;
    border-bottom: #999999 1px solid;
}

.drop-menu a:link {text-decoration: none; color:#333333}
.drop-menu a:visited {text-decoration: none; color:#333333}
.drop-menu a:active {text-decoration: none; color:#333333}
.drop-menu a:hover {text-decoration: none; background-color: #ffffff}

#contact-header
{
    color: #666666;
    font-size: 10px;
    text-align: right;
    background-color: #E1E1E1;
    padding: 1px 1px 1px 1px;
}

#sub-nav a:link {text-decoration:none; font-family:arial; font-size:11px; color:#660033;}
#sub-nav a:visited {text-decoration:none; font-family:arial; font-size:11px; color:#660033;}
#sub-nav a:active {text-decoration:none; font-family:arial; font-size:11px; color:#660033;}
#sub-nav a:hover {text-decoration:underline; font-family:arial; font-size:11px; color:#660033;}

.page_break
{
    page-break-after: always;
}

.software_button_primary, .software_button_primary:link, .software_button_primary:visited, .software_button_primary:hover, .software_button_primary:active
{
    color: white;
    background-color: #660033;
    text-decoration: none;
    padding: 2px 10px 2px 10px;
    border: 0px;
}

.software_button_small_secondary, .software_button_small_secondary:link, .software_button_small_secondary:visited, .software_button_small_secondary:hover, .software_button_small_secondary:active
{
    font-size: 90%;
    color: gray;
    background-color: white;
    text-decoration: none;
    padding: 2px 5px 2px 5px;
    border: gray 1px solid;
}

.software_input_submit
{
    color: white;
    background-color: gray;
    padding: 2px;
    border: gray 1px solid;
}

.software_input_submit_primary
{
    color: white;
    background-color: #660033;
    padding: 2px;
    border: 0px;
}

.software_input_submit_secondary
{
    color: gray;
    background-color: white;
    padding: 2px;
    border: gray 1px solid;
}

.software_input_radio
{
    border: 0px;
}

.software_input_checkbox
{
    border: 0px;
}

.software_highlight
{
    color: #660033;
}

.software_hr
{
    border: 0px;
    color: gray;
    height: 1px;
    background-color: gray;
}

.software_office_use_only
{
    background-color: #f2f2f2;
}

/****************************************************************************
"Custom Formats" are selected by site editors wne creating content using the
software's WYSIWYG Editor and will override the default styles defined in the
content area's class (above).

The <custom_format> (comment) tags below is read by the software to create
the styles that will appear in the "Custom Formats" drop down menu
in the WYSIWYG Editor, ans made available to Site Editors.
WARNING: Be sure that the <custom format> and </custom_format> comments are
spelled correctly and appear around the styles you want to make available
to the WYSIWYG Editor or they will be ignored.
*****************************************************************************/
/*Step 1, define the class names and make them visible to the WYSIWYG pick list*/
/*DO NOT REMOVE OR ALTER THE NEXT COMMENT LINE */
/* <custom_formats> */
.image-left-primary{}
.image-left-secondary{}
.image-right-primary{}
.image-right-secondary{}
.link-button-primary-large{}
.link-button-primary-small{}
.link-button-secondary-large{}
.link-button-secondary-small{}
.link-content-more{}
.link-menu-item{}
.paragraph-indent{}
.paragraph-no-margins{}
.paragraph-no-top-margin{}
.paragraph-no-bottom-margin{}
.text-annotate{}
.text-box-example{}
.text-box-notice{}
.text-box-primary{}
.text-box-secondary{}
.text-box-warning{}
.text-fine-print{}
.text-highlighter{}
.text-quote{}
.blue_header{}
.dark_header{}
.link_left_arrow{}
.red-12-bold {}
.red-14-bold {}
.red-11-bold {}
.dark-grey-11 {}
.dark-grey-12 {}
.dark-grey-13-bold {}

/*DO NOT REMOVE OR ALTER THE NEXT COMMENT LINE */
/* </custom_formats> */

/* Step 2, now actually override the default styles by referencing the HTML tags
 directly (wildcarding won't do!)*/

.red-12-bold {font-family:arial; font-size:12px; color:#660033; font-weight:bold;}
.red-14-bold {font-family:arial; font-size:14px; color:#660033; font-weight:bold;}
.red-11-bold {font-family:arial; font-size:11px; color:#660033; font-weight:bold;}
.dark-grey-11 {font-family:arial; font-size:11px; color:#666666; line-height:16px;}
.dark-grey-12 {font-family:arial; font-size:12px; color:#666666; line-height:16px;}
.dark-grey-13-bold {font-family:arial; font-size:13px; color:#666666; font-weight:bold;}

img.image-left-primary {
    border: 2px solid #7D8DA6;
	background: transparent;
	padding: 10px;
	margin-top: 0px;
    margin-bottom: 15px;
    margin-left: 0px;
    margin-right: 20px;
	float: left;
}
img.image-left-secondary {
    border: 1px solid #7D8DA6;
	background: transparent;
	padding: 5px;
    margin-top: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
    margin-right: 10px;
    float: left;
}
img.image-right-primary {
    border: 2px solid #7D8DA6;
	background: transparent;
	padding: 10px;
	margin-top: 0px;
    margin-bottom: 15px;
    margin-left: 10px;
    margin-right: 0px;
	float: right;
}
img.image-right-secondary {
    border: 1px solid #7D8DA6;
	background: transparent;
	padding: 5px;
    margin-top: 0px;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-right: 0px;
    float: right;
}
td.text-annotate, p.text-annotate, span.text-annotate {
	color: #7D8DA6;
    font-size: 8pt;
	text-decoration: none;
	background-color: transparent;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	BORDER-TOP: #7D8DA6 1px solid;
	BORDER-BOTTOM: #7D8DA6 1px solid;
	BORDER-LEFT: #7D8DA6 1px solid;
	BORDER-RIGHT: #7D8DA6- 1px solid;
    line-height: 1.4em;
}
td.text-fine-print, p.text-fine-print, span.text-fine-print{
   font-size: 75%;
	text-decoration: none;
	line-height: 100%;
}
td.text-box-primary, p.text-box-primary, span.text-box-primary {
   background: transparent none repeat scroll 0%;
   border-bottom: 2px solid #7D8DA6;
   border-top: 2px solid #7D8DA6;
   color: #666666;
   margin: 10px 0pt;
   padding: 10px;
}
td.text-box-secondary, p.text-box-secondary, span.text-box-secondary {
   background: #B1B1B1 none repeat scroll 0%;
   border-bottom: 1px solid #7D8DA6;
   border-top: 1px solid #7D8DA6;
   color: #666666;
   margin: 10px 0pt;
   padding: 20px;
}
td.text-box-warning, p.text-box-warning, span.text-box-warning {
	color: red;
   background-color: white;
	line-height: 1.4em;
	text-decoration: none;
	padding: 10px;
	border: 1px dotted red;
}
td.text-box-notice, p.text-box-notice, span.text-box-notice {
	color: #666666;
   background-color: white;
	line-height: 1.4em;
	text-decoration: none;
	padding: 10px;
	border: 1px dotted #7D8DA6;
}
td.text-box-example, p.text-box-example, span.text-box-example {
	font-family: courier;
	line-height: 1.4em;
	word-spacing: normal;
   text-decoration: none;
	color: #666666;
   background-color: #B1B1B1;
	border-top: 1px solid #7D8DA6;
   border-bottom: 1px solid #7D8DA6;
	padding: 20px;
}
td.text-highlighter, p.text-highlighter, span.text-highlighter {
	color: black;
	background-color: yellow;
	text-decoration: none;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
}
td.text-quote, p.text-quote, span.text-quote {
	font-size: 100%;
	font-family: georgia, sans-serif;
	margin: 0px;
	padding-top: 0px;
	padding-right: 40px;
	padding-bottom: 10px;
	padding-left: 40px;
	background: transparent url(/files/open-quote.gif) top left no-repeat;
	color: #808080;
	font-style: italic;
}
td.paragraph-indent, p.paragraph-indent {
	text-indent: 5%;	
}
a.link-button-primary-large,
a.link-button-primary-large:link,
a.link-button-primary-large:visited,
a.link-button-primary-large:active {
    border: 1px solid #B1B1B1;
    COLOR: #fff;
    BACKGROUND-COLOR: #7D8DA6;
	font-weight: bold;
	PADDING: 4px 10px;
	font-size: 95%;
}
a.link-button-primary-large:hover,
a.link-button-primary-large:focus {
	border: 1px solid #666666;
    COLOR: #666666;
    BACKGROUND-COLOR: transparent;
}
a.link-button-primary-small,
a.link-button-primary-small:link,
a.link-button-primary-small:visited,
a.link-button-primary-small:active {
    border: 1px solid #B1B1B1;
    COLOR: #fff;
    BACKGROUND-COLOR: #7D8DA6;
	font-weight: bold;
    PADDING: 3px 7px;
	font-weight: bold;
	font-size: 80%;
}
a.link-button-primary-small:hover,
a.link-button-primary-small:focus {
	border: 1px solid #666666;
    COLOR: #666666;
    BACKGROUND-COLOR: transparent;
}
a.link-button-secondary-large,
a.link-button-secondary-large:link,
a.link-button-secondary-large:visited,
a.link-button-secondary-large:active {
    border: 1px solid #B1B1B1;
    COLOR: #B1B1B1;
    BACKGROUND-COLOR: transparent;
	font-weight: bold;
    PADDING: 4px 10px;
	font-size: 95%;
}
a.link-button-secondary-large:hover,
a.link-button-secondary-large:focus {
    border: 1px solid #666666;
    COLOR: #666666;
    BACKGROUND-COLOR: transparent;
}
a.link-button-secondary-small,
a.link-button-secondary-small:link,
a.link-button-secondary-small:visited,
a.link-button-secondary-small:active {
    border: 1px solid #B1B1B1;
    COLOR: #B1B1B1;
    BACKGROUND-COLOR: transparent;
    font-weight: bold;
    PADDING: 3px 7px;
    font-size: 80%;
}
a.link-button-secondary-small:hover,
a.link-button-secondary-small:focus {
	border: 1px solid #666666;
    COLOR: #666666;
    BACKGROUND-COLOR: transparent;
}
li.link-menu-item,
p.link-menu-item,
a.link-menu-item {
	margin: 0px; /* nullify this tag of editor wraps menu <a> tags with span tags */
	padding: 0px;
	font-size: 100%
	font-weight: bold;
	display: block;
	padding: 5px 0px 2px 4px;
	text-decoration: none;
	line-height: 1.6 em; /* fixed for <a> tag to prevent IE 6 from adding extra line */
	width: 90%; /* 100% won't allow all floating areas to fit correctly */
	/* note: colors and background need to be set in the class.div tags in each content area */
}
a.link-content-more,
a.link-content-more:link,
a.link-content-more:visited,
a.link-content-more:active {
	margin: 0px;
	padding: 0px;
	font-size: 75%;
	border: 1px solid #7D8DA6;
	padding: 1px 4px 2px 4px;
	text-decoration: none;
	color: #7D8DA6;
	background: transparent;
}
a.link-content-more:hover,
a.link-content-more:focus {
	border: 1px solid #666666;
    color: #666666;
}
p.paragraph-no-margins{
   margin-top: 0px;
   margin-bottom: 0px;
}
p.paragraph-no-top-margin{
  margin-top: 0px;
}
p.paragraph-no-bottom-margin{
  margin-bottom: 0px;
}

h1.blue_header,
h2.blue_header,
h3.blue_header,
h4.blue_header,
h5.blue_header,
h6.blue_header {
    color: #7D8DA6;
    font-family: arial, sans-serif;
    font-weight: bold;
    margin: .15em 0em;
}

h1.dark_header,
h2.dark_header,
h3.dark_header,
h4.dark_header,
h5.dark_header,
h6.dark_header {
    color: #000;
    font-family: arial, sans-serif;
    font-weight: bold;
}

a.link_left_arrow {
    background-image: url(toparrow.png); 
 	background-repeat: no-repeat;
 	background-position: left center;
 	background-color: transparent;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none;
	COLOR: #666666;
 	margin-right: 15px;
  	margin-left: 15px;
  	padding-left: 10px;
}

a.link_left_arrow:hover,
a.link_left_arrow:focus {
    color: #666666;
}

#slideshow {
	z-index: 0;
	border: 3px solid #909090;
}

object {
	z-index: -3;
}

#candle2 {
	width: 1px;
	height: 1px;
	position: relative;
	float: right;
	top: 372px;
	right: 94px;
	z-index: -14;
}

#Movie {
	z-index: -10;
}



div.software_photo_gallery table {
	padding: 11px;
	top: -342px;
	position: relative;
	right: -128px;
	width: 444px;
}

div.software_photo_gallery {
	height: 668px;
}

/* styling for the ad region container */
.software_ad_region_dynamic
{
    width: 500px; /* this should probably match the width for the ads_container selector below */
    position: relative; /* set this to relative if the ad region menu is absolutely positioned */
}

/* styling for the ads container */
.software_ad_region_dynamic .items_container
{
    width: 500px; /* this is the width of the scrolling area. this should probably match the width for the ad region container above */
    height: 300px; /* this is the height of the scrolling area */
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

/*
styling for ads
The height, width, and padding below need to work with the values entered above.
For example, if these values are set too small, then the content might not take up enough space,
and if the values are too large, then the content might be cropped.
*/
.software_ad_region_dynamic .item
{
    width: 460px;
    height: 210px;
    padding: 20px;
}

/* styling for the ad region menu */
.software_ad_region_dynamic ul.menu
{
	list-style: none;
    padding: 0em;
    margin: 0em;
    position: absolute; /* set the menu so that it is absolutely positioned on top of the ad region */
    bottom: .5em; /* set the location of the absolutely positioned menu, starting from the bottom */
    right: 0em; /* set the location of the absolutely positioned menu, starting from the right */
    z-index: 1; /* you might need to set this so that the menu items are clickable in Firefox */
}

/* styling for the menu items */
.software_ad_region_dynamic ul.menu li
{
	list-style-type: none;
    display: inline; /* set the menu items so they appear horizontally */
    margin-right: .5em;
}

/* styling for the menu item links */
.software_ad_region_dynamic ul.menu a
{
    padding: .25em;
}

/* styling for the current menu item */
.software_ad_region_dynamic ul.menu a.current
{
    background-color: #dddddd;
}

.software_catalog_search_results
{
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

.software_catalog_search_results .item
{
    margin-bottom: 1.5em;
}

.software_catalog_search_results .item .image
{
    margin-bottom: .25em;
}

.software_catalog_search_results .item .short_description
{
    margin-bottom: .25em;
}

.software_catalog_search_results .item .short_description a
{
    font-weight: bold;
}

/* styling for the comments and add comment form headers */
.comments_heading,
.add_comment_heading
{
    font-size: 1em;
    font-weight: bold;
    margin: 1em 0em .5em 0em;
}

/* styling for the comment container */
.comment
{
    margin: 0em 0em 1em 0em;
    padding: 1em;
    border: 1px solid;
}

/* styling for the comment name */
.comment .name
{
    font-weight: bold;
}

/* styling for the comment date and time */
.comment .date_and_time
{
    font-size: .75em;
    font-style: italic;
}

/* styling for the comment notice */
.comment .notice
{
    color: red;
}

.software_rss_link
{
    text-align: right;
    margin-top: 1em;
    margin-bottom: 1em;
}

.software_icalendar_link
{
    margin-top: 1em;
    margin-bottom: 1em;
}

.software_tag_cloud a
{
    margin-right: .75em;
}

.software_discounted_price
{
    color: #990000;
    font-weight: bold;
}

.watcher_container
{
    margin: 2em 0em .5em 0em;
}

.watcher_count
{
    font-size: 1em;
    font-weight: bold;
    margin: 0em 0em .5em 0em;
}

.watcher_question
{
    margin: 0em 0em .5em 0em;
}

.software_menu_sequence
{
    padding: 0em;
    margin: 0em 0em 1em 0em;
    text-align: right;
}

.software_menu_sequence .previous,
.software_menu_sequence .next
{
    padding: .5em;
    margin: 0em;
}

.software_menu_sequence a.previous:hover,
.software_menu_sequence a.previous:focus,
.software_menu_sequence a.next:hover,
.software_menu_sequence a.next:focus
{
    text-decoration: none;
}

.software_photo_gallery_album .heading
{
    font-size: 125%;
    font-weight: bold;
    margin-bottom: .5em;
}

.software_photo_gallery_album table
{
    border-collapse: collapse;
    margin-bottom: 1em;
}

.software_photo_gallery_album table td
{
    width: 100px;
    text-align: center;
}

.software_photo_gallery_album table td.album
{
    padding: 1em;
}

.software_photo_gallery_album table td.photo
{
    padding: .5em;
}

.software_photo_gallery_album .image
{
    cursor: pointer;
}

.software_photo_gallery_album .album .image
{
    display: block;
    border: 1px solid #333333;
    background: #EAEAEA;
    padding: 5px;
    position: relative;
    z-index: 3;
}

.software_photo_gallery_album .album .image_hover
{
    background: #333333;
    border: 1px solid #EAEAEA;
}

.software_photo_gallery_album .album .thumbnail
{
    margin-bottom: 1em;
}

.software_photo_gallery_album .album_frame
{
    position: absolute;
    border: 1px solid #333333;
    background: #EAEAEA;
}

.software_photo_gallery_album #album_frame_1
{
    top: 1px;
    left: 1px;
    z-index: 2;
}

.software_photo_gallery_album #album_frame_2
{
    top: 4px;
    left: 4px;
    z-index: 1;
}

.software_photo_gallery_album .album .name
{
    font-weight: bold;
}

.software_photo_gallery_album .photo .image
{
    border: 1px solid #EAEAEA;
    padding: 5px;
}

.software_photo_gallery_album .photo .image_hover
{
    border: 1px solid #333333;
}

.software_badge
{
    padding: .1em .3em;
    border: 1px solid #48832A;
    font-size: 60%;
    font-weight: bold;
    font-style: normal;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.software_error,
.software_notice
{
    margin-bottom: 1.5em;
    padding: 1em;
    -moz-border-radius-topleft: 7px;
    -webkit-border-top-left-radius: 7px;
    border-top-left-radius: 7px;
    -moz-border-radius-topright: 7px;
    -webkit-border-top-right-radius: 7px;
    border-top-right-radius: 7px;
    -moz-border-radius-bottomleft: 7px;
    -webkit-border-bottom-left-radius: 7px;
    border-bottom-left-radius: 7px;
    -moz-border-radius-bottomright: 7px;
    -webkit-border-bottom-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

.software_error
{
    background-color: #fdd5ce;
    border: 2px solid red;
    color: red;
}

.software_notice
{
    background-color: #edfced;
    border: 1px solid #428221;
    color: #428221;
}

.software_error .description,
.software_notice .description
{
    font-size: 110%;
    font-weight: bold;
}

.software_error .icon,
.software_notice .icon
{
    float: left;
    margin-right: .75em;
}

.software_error ul,
.software_notice ul
{
    margin-top: 1em !important;
    margin-bottom: 0em !important;
}