/****************************************************************************

Theme Name: 2010 CSS

You are free to modify this theme file to change the appearance of your website.
If you need help customizing this theme or creating a brand new theme for your
website, please let us know and we can send you an estimate.

****************************************************************************/

/****************************************************************************
BODY wraps the entire browser window and defines the "master" defaults for
background image or color as well as the default fonts, colors, links, and hover
behavior for all content.

These values will be inherited by the content areas but overridden by the
"default format" classes used for each content area as well as the
"custom format" classes used by website content editors.
*****************************************************************************/
BODY
{
    /* Remove default padding and margin added to the page by the browser */
    PADDING: 0px;
    MARGIN: 0em;
    
    /* Set the background */
    background: #000000;
    
    /* Set the default font styling */
    FONT-FAMILY: Tahoma, Arial, sans-serif;
    FONT-SIZE: .9em;
    color: #FFFFFF;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1.25em;
}

/****************************************************************************
Set HTML tags to their default values as necessary.

WARNING: Setting an HTML tag at this level means that it will be displayed
this way in the WYSIWYG Editor (example <h1> tag).
****************************************************************************/


a
{
    color: #0093D0;
    text-decoration: none;
}

a:hover,
a:focus
{
    text-decoration: underline;
    color: #666666;
}

address {}

b {
    margin: 0em;
    padding: 0em;
}

blockquote
{
    padding: .5em .75em;
    background-repeat: repeat-x;
    background: #0492d2;
    
    /* CSS3 border radius */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

blockquote p {
    padding: .5em .75em;
    margin: 0em;
    background: #fff;
    
    /* CSS3 border radius */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

blockquote,ul,ol
{
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

ul .listcolumn2
{
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    float: left;
    width: 20em;
    padding: 0; 
    list-style: none; 
}

li .listcolumn2,
{
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    float: left;
    width: 6em;
    background-image: url(/files/checkmark.png);
    background-position: 0 3px;
    padding: 0 0 0 1.5em; 
}

h1,h2,h3,h4,h5,h6
{
    padding: 0em;
    margin: 0em 0em .325em 0em;
    line-height: 1.25em;
    color: #df6f29;
}

h2,h3,h4,h5,h6
{
    font-weight: normal;
}

.home h1,
.home h2,
.home h3,
.home h4,
.home h5,
.home h6
{
    color: #0492d2;
}

h1 { font-size: 200%; color: #000; }
h2 { font-size: 125%;  color:#39B54A}
h3 { font-size: 150%;  color:#0093D0}
h4 { font-size: 125%;  color: #F57e20}
h5 { font-size: 115%;  color:#0093D0}
h6 { font-size: 100%; color:#F57E20}

hr
{
    background-color: #666666; /* used by Mozilla and Opera */
    color: #666666; /* used by IE */
    border: 1px;  /* define border and height for Opera */
    height: 1px;  /* define border and height for Opera */
}

img,
a img
{
    border: none;
    text-decoration: none;
}

input
{
    margin: 0em;
    border: 1px solid;
    FONT-FAMILY: Tahoma, Arial, sans-serif;
    vertical-align: top;
    
    /* CSS3 border radius */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

p {
    margin: 0em 0em 1em 0em;
}

pre
{
    font-size: larger;
}

select
{
     border: 1px solid #cccccc;
}

ol
{
    list-style-type: decimal;
    list-style-position: inside;
}

ul
{
    list-style-type: disc;
    list-style-position: inside;
    padding-left:1em;
}

/****************************************************************************
Site Border wraps all content containers for the document ans shoudl be the
only container that specifies an exact WIDTH in pixels.  All other child
containers should be defined in the software's Page Style, or as a percentage.
(Do not remove any selectors from this container or add colors and styles.)
*****************************************************************************/

#site_border,
#email_border,
#landing_border
{
    WIDTH: 100%;
    padding: 1em 0em;
}

/****************************************************************************
Site Top Styling
*****************************************************************************/

#site_top
{
    width: 980px !important;
    margin: 0em auto 1.5em auto;
    padding: 0em;
    font-size: 90%;
}

#email_border #site_top
{
    width: 700px !important;
}

#landing_border #site_top
{
    width: 900px !important;
}



#site_top .r1c1 a
{
    color: #d3d3d3;
    padding-right: .5em;
    margin-right: .5em;
    border-right: 1px solid #D3D3D3;
}

#site_top .r1c2 .search-container
{
    display: block;
    float: right;
    width: 175px;
    height: 27px;
    background: transparent url(/files/search_background.png) 0 0 no-repeat;
    padding-top: 2px;
}

#site_top .r1c2 .search-query
{
    width: 137px;
    background: transparent;
    border: none;
    margin-top: .15em;
}

#site_top .r1c2 .search-submit
{
    width: 25px;
    background: transparent;
    border: none;
    cursor: pointer;
}

/****************************************************************************
Site Header Defaults - defines site-wide common header region.

You can define the area's size, relative font size, font color, borders, margins,
ans background color.  DO NOT style specific selectors using the ID values like:
    #id-name selector{property: value;}
because they will prevent the "default format" and "custom format" classes from
overriding them.
*****************************************************************************/

#site_header
{
    width: 980px !important;
    margin: 0em auto 1.5em auto;
    padding: 0em;
}

#email_border #site_header
{
    width: 700px !important;
}

#landing_border #site_header
{
    width: 900px !important;
}

/***************************************************************************/
/* Style definition for the menu region inside of the "site_header" area. */
/***************************************************************************/
#site_header .r1c1
{
    width: 300px !important;
    padding: 0em !important;
}

/***************************************************************************/
/* Style definition for the menu region inside of the "main-menu" area. */
/***************************************************************************/
#site_header .r1c2
{
    width: auto !important;
    padding: 0em !important;
}


/****************************************************************************
Each menu region must have the following styles defined which are used by the
software's javascript that controls the menu "fly-outs" and "drop-downs" that
are invoked using the <menu></menu> tags in Page Styles.
*****************************************************************************/

/*used for all menus */
ul.software_menu, .software_menu ul
{
    padding: 0em;
    margin: 0em;
    list-style-type: none;
}

/*used for all menus */
#site_header .r1c2 ul.software_menu,
#site_header .r1c2 ul.software_menu ul
{
    padding: 0em;
    margin: 0em;
    list-style-type: none;
}

/***************************************************************************/
/* Style definition for the menu region inside of the "site-menu" area. */
/***************************************************************************/
#site_header .r1c2 ul.software_menu li
{
    float: left; /* necessary for IE 6 */
    position: relative;
    padding: 0;
    margin: 1em 0em 0em 0em;
    z-index: 2;
}

#site_header .r1c2 ul.software_menu li a
{
    display: block;
    padding: 1em 2em;
    /* margin-bottom: -1px;  required to prevent javascript menus from disappearing on hover for mozilla */
    width: auto;
    font-size: 115%;
    color: #fff;
    text-align: center;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}

#site_header .r1c2 ul.software_menu li.on a,
#site_header .r1c2 ul.software_menu li.current a,
#site_header .r1c2 ul.software_menu li a:hover,
#site_header .r1c2 ul.software_menu li a:focus
{
    color: #0492d2;
}

#site_header .r1c2 ul.software_menu li ul
{
    position: absolute;
    visibility: hidden;
    top: 50px;
    left: 0;
    width: auto;
    z-index: 2;
    
    background: #000;
    padding: .5em 1em;
    
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

#site_header .r1c2 ul.software_menu li ul li
{
    /*May need to take out block level for IE*/
    padding: 0em;
    margin: 0;
    width: auto;  /* fix width of menu items */
    background: none;
}

#site_header .r1c2 ul.software_menu li ul li a:link,
#site_header .r1c2 ul.software_menu li ul li a:visited,
#site_header .r1c2 ul.software_menu li ul li a:active
{
    width: 200px;
    font-size: 100%;
    padding: 1em;
    text-align: left;
    color: #fff;
    background: none;
}

#site_header .r1c2 ul.software_menu li ul li a:hover,
#site_header .r1c2 ul.software_menu li ul li a:focus,
#site_header .r1c2 ul.software_menu li ul li.current a
{
    color: #0492d2;
}

#site_header .r1c2 ul.software_menu li ul li.on
{
    background: none;
}

#site_header .r1c2 ul.software_menu li ul li ul li {}

/***************************************************************************/
/* Style definition for the "area-border" area. */
/***************************************************************************/

#area_border {}

/***************************************************************************/
/* Style definition for the "area-header" area. */
/***************************************************************************/
#area_header
{
    width: 980px !important;
    margin: 0em auto 1.5em auto;
}

#email_border #area_header
{
    width: 700px !important;
}

/* styling for the ad region container */
#area_header .software_ad_region_dynamic
{
    width: 980px; /* 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 */
#area_header .software_ad_region_dynamic .items_container
{
    width: 980px; /* this is the width of the scrolling area. this should probably match the width for the ad region container above */
    height: 250px; /* 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.
*/
#area_header .software_ad_region_dynamic .item
{
    width: 978px;
    height: 250px;
    padding-left: 2px;
    background: #000\9; /* This is so that IE displays the text correctly when using the fade effect*/
}

/* styling for the ad region menu */
#area_header .software_ad_region_dynamic ul.menu
{
    list-style: none;
    padding: .25em 0em;
    margin: 0em;
    height: 25px;
    position: absolute; /* set the menu so that it is absolutely positioned on top of the ad region */
    bottom: 0em; /* 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 */
#area_header .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 */
#area_header .software_ad_region_dynamic ul.menu a
{
    padding: .25em .5em;
    border: 1px solid;
    text-decoration: none;
    color: #FFF;
    background: #000;
}

#area_header .software_ad_region_dynamic ul.menu a:hover,
#area_header .software_ad_region_dynamic ul.menu a:focus
{
    color: #0492d2;
}

/* styling for the current menu item */
#area_header .software_ad_region_dynamic ul.menu a.current
{
    color: #0492d2;
}



/***************************************************************************/
/* Style definition for the "page_wrapper" area. */
/***************************************************************************/

#page_wrapper
{
    width: 100%;
    background: #fff;
    color: #000000;
    padding: 1.5em 0em;
}

.home #page_wrapper
{
    padding: 1.5em 0em 0em 0em;
}


/***************************************************************************/
/* Style definition for the "page_border" area. */
/***************************************************************************/
#page_border
{
    width: 980px !important;
    margin: 0em auto;
}

#email_border #page_border
{
    width: 700px !important;
}

#landing_border #page_border
{
    width: 900px !important;
}

/****************************************************************************
Page Header Defaults - defines the the top-most page content region.

You can define the area's size, relative font size, font color, borders, margins,
ans background color.  DO NOT style specific selectors using the ID values like:
    #id-name selector{property: value;}
because they will prevent the "default format" and "custom format" classes from
overriding them.
*****************************************************************************/

#page_header {}

.home #page_header
{
    border-bottom: 1px solid #666666;
    padding-bottom: .75em;
    margin-bottom: .75em;
}

/* styling for the ad region container */
#page_header .software_ad_region_dynamic
{
    width: 980px; /* 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 */
    padding-top: 3em;
    margin: 0em;
}

/* styling for the ads container */
#page_header .software_ad_region_dynamic .items_container
{
    width: 980px; /* this is the width of the scrolling area. this should probably match the width for the ad region container above */
    height: 230px; /* 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.
*/
#page_header .software_ad_region_dynamic .item
{
    width: 978px;
    height: 230px;
    padding-left: 2px;
    background: #fff\9; /* This is so that IE displays the text correctly when using the fade effect*/
}

/* styling for the ad region menu */
#page_header .software_ad_region_dynamic ul.menu
{
    list-style: none;
    padding: .25em 0em;
    margin: 0em;
    height: 25px;
    position: absolute; /* set the menu so that it is absolutely positioned on top of the ad region */
    top: 0em; /* 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 */
#page_header .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 */
#page_header .software_ad_region_dynamic ul.menu a
{
    padding: .25em .5em .25em 0em;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-right: 1px solid;
    
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    
    text-decoration: none;
    background: #FFF;
    color: #000;
    font-weight: bold;
}

#page_header .software_ad_region_dynamic ul.menu a:hover,
#page_header .software_ad_region_dynamic ul.menu a:focus
{
    color: #0492d2;
}

/* styling for the current menu item */
#page_header .software_ad_region_dynamic ul.menu a.current
{
    color: #0492d2;
}

/***************************************************************************/
/* Style definition for the "page_content" area. */
/***************************************************************************/

#page_content {}

.home #page_content
{
    margin-bottom: 1.5em;
}

.two_column_sidebar_right #page_content,
.two_column_sidebar_left #page_content
{
    width: 65% !important;
}

.two_column_sidebar_right #landing_page_content,
.two_column_sidebar_left #landing_page_content
{
    width: 55% !important;
}


#page_content table.home_page_content_table
{
    border-collapse: collapse;
    width: 100%;
}

#page_content table.home_page_content_table tr td.cell
{
    vertical-align: top;
    padding: 0em;
    width: 31.6%;
}

#page_content table.home_page_content_table tr td.spacer
{
    width: 2.5%;
}

/****************************************************************************
Sidebar - defines the page's sidebar area.
*****************************************************************************/

#sidebar {}

#sidebar h1,
#sidebar h2,
#sidebar h3,
#sidebar h4,
#sidebar h5,
#sidebar h6
{
    color: #000;
}

/***************************************************************************/
/* Style definition for the "page_footer" area. */
/***************************************************************************/
#page_footer {}

/****************************************************************************
Area Footer Defaults - defines the the bottom common content region.

You can define the area's size, relative font size, font color, borders, margins,
ans background color.  DO NOT style specific selectors using the ID values like:
    #id-name selector{property: value;}
because they will prevent the "default format" and "custom format" classes from
overriding them.
*****************************************************************************/

#area_footer {}

/****************************************************************************
Site Footer Defaults - defines the bottom site-wide common content region.

You can define the area's size, relative font size, font color, borders, margins,
ans background color.  DO NOT style specific selectors using the ID values like:
    #id-name selector{property: value;}
because they will prevent the "default format" and "custom format" classes from
overriding them.
*****************************************************************************/

#site_footer_border {}

#site_footer
{
    width: 980px !important;
    margin: 0em auto;
    padding: 1.5em 0em;
    font-size: 85%;
    line-height: 1.75em;
}

#email_border #site_footer
{
    width: 700px !important;
}

#site_footer a
{
    color: #fff;
}

#site_footer a:hover,
#site_footer a:focus
{
    color:#0093d0;
    text-decoration: none;
}

/****************************************************************************
"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-primary{}
.image-secondary{}
.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-button-primary-large-blue{}
.link-button-primary-large-white{}
.link-button-primary-large-green{}
.link-button-primary-large-purple{}
.link-button-primary-large-orange{}
.link-button-primary-large-black{}
.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{}
.main-menu{}
.portfolio-table{}
.portfolio-table-percent-accent{}
.box-primary{}
.page-heading-serif{}
.page-heading-serif-small{}
.large-blue-text{}
.blue-text{}
.homepage-news-item-title{}
.homepage-news-item-date{}
.follow_us_heading{}
.follow_us_heading_large{}
/*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!)*/

img.image-primary
{
    padding: 10px;
    border: none;
    background: transparent;
    -moz-box-shadow: 0px 0px 20px #999999;
    -webkit-box-shadow: 0px 0px 20px #999999;
    box-shadow: 0px 0px 20px #999999;
}

img.image-secondary
{
    border: none;
    background: transparent;
    padding: 0em;
}

img.image-left-primary
{
    padding: 10px;
    margin-top: 0px;
    margin-bottom: 15px;
    margin-left: 0px;
    margin-right: 20px;
    float: left;
    border: none;
    background: transparent;
    -moz-box-shadow: 0px 0px 20px #999999;
    -webkit-box-shadow: 0px 0px 20px #999999;
    box-shadow: 0px 0px 20px #999999;

}

img.image-left-secondary
{
    border: none;
    background: transparent;
    padding: 0em;
    margin-top: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
    margin-right: 10px;
    float: left;
}

img.image-right-primary
{
    padding: 10px;
    margin-top: 0px;
    margin-bottom: 15px;
    margin-left: 20px;
    margin-right: 0px;
    float: right;
    border: none;
    background: transparent;
    -moz-box-shadow: 0px 0px 20px #999999;
    -webkit-box-shadow: 0px 0px 20px #999999;
    box-shadow: 0px 0px 20px #999999;
}

img.image-right-secondary
{
    border: none;
    background: transparent;
    padding: 0em;
    margin-top: 0px;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-right: 0px;
    float: right;
}

td.text-annotate, p.text-annotate, span.text-annotate
{
    font-size: 8pt;
    text-decoration: none;
    background-color: white;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    BORDER: 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: 1.5em;
}

td.text-box-primary, p.text-box-primary, span.text-box-primary
{
    background-color: transparent;
    border-bottom: 1px solid #0492d2;
    border-top: 1px solid #0492d2;
    margin: 10px 0pt;
    padding: .5em .5em;
}

td.text-box-secondary, p.text-box-secondary, span.text-box-secondary
{
    background-color: transparent;
    border-bottom: 1px solid #0492d2;
    border-top: 1px solid #0492d2;
    margin: 10px 0pt;
    padding: .5em .5em;
}

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 solid red;
}

.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 solid;
    margin: .5em 0em;
}

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;
    background-color: transparent;
    border-bottom: 1px solid #0492d2;
    border-top: 1px solid #0492d2;
    margin: 10px 0pt;
    padding: .5em .5em;
}

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: 150%;
    FONT-FAMILY: Tahoma, Arial, sans-serif;
    margin: 0px;
    padding-top: 10px;
    padding-right: 40px;
    padding-bottom: 10px;
    padding-left: 40px;
    background-color: transparent;
    border-bottom: 1px solid #0492d2;
    border-top: 1px solid #0492d2;
    background: transparent url(/files/text_quote_background.png) top left no-repeat;
}

td.paragraph-indent, p.paragraph-indent
{
    text-indent: 5%;
}

table.portfolio-table
{
    border-collapse: collapse;
}

table.portfolio-table td
{
    border: 1px solid #C1C1C1;
    padding: .5em;
    font-size: 90%;
}

table.portfolio-table td .portfolio-table-percent-accent
{
    font-size: 200%;
    color: #0492d2;
}

.box-primary
{
    border: 1px solid #C1C1C1;
    padding: .5em;
}

a.link-button-primary-large,
a.link-button-primary-large:link,
a.link-button-primary-large:visited,
a.link-button-primary-large:active,
a.link-button-primary-small,
a.link-button-primary-small:link,
a.link-button-primary-small:visited,
a.link-button-primary-small:active,
a.link-button-primary-large-blue,
a.link-button-primary-large-white,
a.link-button-primary-large-green,
a.link-button-primary-large-purple,
a.link-button-primary-large-orange,
a.link-button-primary-large-black
{
    font-weight: bold;
    text-decoration: none;
    vertical-align: top;
    
    background: #0492d2 url(/files/button_primary_background.png) repeat-x;
    border: 1px solid #0492d2;
    color: #fff;
    
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

a.link-button-primary-large:hover,
a.link-button-primary-large:focus,
a.link-button-primary-small:hover,
a.link-button-primary-small:focus
{
    background: #fff;
    color: #0492d2 !important;
    border-color: #0492d2;
}

a.link-button-primary-large-blue
{
    background: #0492d2 url(/files/button_primary_background.png) top left repeat-x;
    border-color: #0492d2;
    color: #fff;
}

a.link-button-primary-large-blue:hover,
a.link-button-primary-large-blue:focus
{
    background-color: #0093d0;
    background-image: none;
    border-color: #0093D0;
}

a.link-button-primary-large-green
{
    background: #40b93c url(/files/button_green_background.png) top left repeat-x;
    border-color: #40b93c;
    color: #fff;
}

a.link-button-primary-large-green:hover,
a.link-button-primary-large-green:focus
{
    background-color: #77d275;
    background-image: none;
    border-color: #77d275;
}

a.link-button-primary-large-purple
{
    background: #672290 url(/files/button_purple_background.png) repeat-x;
    border-color: #672290;
    color: #fff;
}

a.link-button-primary-large-purple:hover,
a.link-button-primary-large-purple:focus
{
    background-color: #a379bc;
    background-image: none;
    border-color: #a379bc;
}

a.link-button-primary-large-white
{
    background: #FFFFFF;
    color: #333333;
    border-color: #333333;
}

a.link-button-primary-large-white:hover,
a.link-button-primary-large-white:focus
{
    color: #666666;
    background-image: none;
    border-color: #666666;
}

a.link-button-primary-large-orange
{
    background: #f46d16 url(/files/button_orange_background.png) repeat-x;
    border-color: #f46d16;
    color: #fff;
}

a.link-button-primary-large-orange:hover,
a.link-button-primary-large-orange:focus
{
    background-color: #f8a56f;
    background-image: none;
    border-color: #f8a56f;
}

a.link-button-primary-large-black
{
    background: #000000 url(/files/button_black_background.png) repeat-x;
    border-color: #333333;
    color: #fff;
}

a.link-button-primary-large-black:hover,
a.link-button-primary-large-black:focus
{
    background-color: #000000;
    background-image: none;
    border-color: #666666;
}

a.link-button-primary-large,
a.link-button-primary-large:link,
a.link-button-primary-large:visited,
a.link-button-primary-large:active,
a.link-button-primary-large-blue,
a.link-button-primary-large-green,
a.link-button-primary-large-white,
a.link-button-primary-large-purple,
a.link-button-primary-large-orange,
a.link-button-primary-large-black
{
    padding: 0.43em 0.5em;
    padding: .53em .5em\9; /* IE Bug Fix: this is not a mistake */
    *padding: .3em .5em; /* IE Bug Fix: this is not a mistake */
    font-size: 95%;
}

a.link-button-primary-small,
a.link-button-primary-small:link,
a.link-button-primary-small:visited,
a.link-button-primary-small:active
{
    padding: 0.43em 0.5em;
    padding: .53em .5em\9; /* IE Bug Fix: this is not a mistake */
    *padding: .3em .5em; /* IE Bug Fix: this is not a mistake */
    font-size: 80%;
}

a.link-button-secondary-large,
a.link-button-secondary-large:link,
a.link-button-secondary-large:visited,
a.link-button-secondary-large:active,
a.link-button-secondary-small,
a.link-button-secondary-small:link,
a.link-button-secondary-small:visited,
a.link-button-secondary-small:active
{
    font-weight: bold;
    text-decoration: none;
    vertical-align: top;
    
    background: #fff;
    color: #0492d2;
    border: 1px solid;
    
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

a.link-button-secondary-large:hover,
a.link-button-secondary-large:focus,
a.link-button-secondary-small:hover,
a.link-button-secondary-small:focus
{
    background: #fff;
    color: #666666;
    border-color: #666666;
}

a.link-button-secondary-large,
a.link-button-secondary-large:link,
a.link-button-secondary-large:visited,
a.link-button-secondary-large:active
{
    padding: 0.43em 0.5em;
    padding: .53em .5em\9; /* IE Bug Fix: this is not a mistake */
    *padding: .3em .5em; /* IE Bug Fix: this is not a mistake */
    font-size: 95%;
}

a.link-button-secondary-small,
a.link-button-secondary-small:link,
a.link-button-secondary-small:visited,
a.link-button-secondary-small:active
{
    padding: 0.43em 0.5em;
    padding: .53em .5em\9; /* IE Bug Fix: this is not a mistake */
    *padding: .3em .5em; /* IE Bug Fix: this is not a mistake */
    font-size: 80%;
}

li.link-menu-item,
p.link-menu-item,
a.link-menu-item
{
    width: 90%; /* 100% won't allow all floating areas to fit correctly */
    display: block;
    padding: .3em;
    text-decoration: none;
    list-style: none
}

.blog li.link-menu-item,
.blog p.link-menu-item,
.blog a.link-menu-item
{
    list-style: none
    color: #40b93c;
}

a.link-menu-item:hover,
a.link-menu-item:focus
{
    text-decoration: none;
    color: #666666;
}

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: 90%;
    padding: .25em 1em;
    text-decoration: none;
    background: #0492d2 url(/files/button_primary_background.png) repeat-x;
    border: 1px solid #0492d2;
    color: #fff;
    
    /* CSS3 border radius */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

a.link-content-more:hover,
a.link-content-more:focus
{
    background: #fff;
    color: #0492d2;
    border-color: #0492d2;
}

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;
}

table.homepage-news-item
{
    margin-bottom: 1em;
}

.homepage-news-item-title,
a.homepage-news-item-title
{
    font-weight: bold;
    color: #000;
}

.homepage-news-item-date,
a.homepage-news-item-date
{
    color: #f46d16;
}

.follow_us_heading
{
    font-size: 125%;
    font-weight: bold;
    color: #0492d2;
}

.follow_us_heading_large
{
    font-size: 150%;
    font-weight: bold;
    color: #0492d2;
}

/****************************************************************************
/* WYSIWYG Editor Defaults - In order to keep page editing consistent across
themes, these values "override" the theme's colors so that editing is always
in black on white.  This section should not be edited.
*****************************************************************************/
.mceContentBody,
.mceContentBody .image-primary,
.mceContentBody .image-secondary,
.mceContentBody .image-left-primary,
.mceContentBody .image-left-secondary,
.mceContentBody .image-right-primary,
.mceContentBody .image-right-secondary,
.mceContentBody .link-button-primary-large,
.mceContentBody .link-button-primary-small,
.mceContentBody .link-button-secondary-large,
.mceContentBody .link-button-secondary-small,
.mceContentBody .link-content-more,
.mceContentBody .link-menu-item,
.mceContentBody .paragraph-indent,
.mceContentBody .paragraph-no-margins,
.mceContentBody .paragraph-no-top-margin,
.mceContentBody .paragraph-no-bottom-margin,
.mceContentBody .text-annotate,
.mceContentBody .text-box-example,
.mceContentBody .text-box-notice,
.mceContentBody .text-box-primary,
.mceContentBody .text-box-secondary,
.mceContentBody .text-box-warning,
.mceContentBody .text-fine-print,
.mceContentBody .text-highlighter,
.mceContentBody .text-quote,
.mceContentBody a,
.mceContentBody td.mceVisualAid
 {
    font-size: 90% !important;
    font-family: arial, sans-serif !important;
    font-style: normal;
    background: none !important;
    background-color: white !important;
    border-color: black !important;
    color: black !important;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.mceContentBody a,
.mceContentBody a:hover,
.mceContentBody a:focus
{
    text-decoration: underline;
}

/****************************************************************************
*****************************************************************************
*****************************************************************************
Internal Software Defaults - these styles are referenced within the software
and exposed here so you can contol the look and feel of the database
information displayed by the software based on the specific needs of the
different Page Types.

WARNING: Do not change the declared names below or an internal software
default will be used that may not look good with your design.
*****************************************************************************/

.software_highlight
{
    color: #0492d2;
}

.software_hr
{
    BORDER-TOP-WIDTH: 0px;
    BORDER-LEFT-WIDTH: 0px;
    BORDER-BOTTOM-WIDTH: 0px;
    COLOR: #666666;
    HEIGHT: 1px;
    BACKGROUND-COLOR: #0492d2;
    BORDER-RIGHT-WIDTH: 0px;
}

.software_input_radio
{
    /*display:inline;
    position:relative;
    margin-left: 0.2em;
    _top:0.2em;*/
    
    BORDER-TOP-WIDTH: 0px;
    BORDER-LEFT-WIDTH: 0px;
    BORDER-BOTTOM-WIDTH: 0px;
    BORDER-RIGHT-WIDTH: 0px;
    display: inline;
}

.software_input_checkbox
{
    BORDER-TOP-WIDTH: 0px;
    BORDER-LEFT-WIDTH: 0px;
    BORDER-BOTTOM-WIDTH: 0px;
    BORDER-RIGHT-WIDTH: 0px;
}

.software_input_submit,
.more_detail a
{
    background: #0492d2;
    border: 1px solid #0492d2;
    padding: 0.43em 0.5em;
    padding: .53em .5em\9; /* IE Bug Fix: this is not a mistake */
    *padding: .3em .5em; /* IE Bug Fix: this is not a mistake */
    font-weight: bold;
    color: #fff;
    font-weight: bold;
    font-size: 85%;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
    cursor: pointer;
    vertical-align: top;
}

.software_input_submit,
.more_detail a,
.software_input_submit_primary,
a.software_input_submit_primary:link,
a.software_input_submit_primary:visited,
a.software_input_submit_primary:active,
.software_input_submit_small_primary,
a.software_input_submit_small_primary:link,
a.software_input_submit_small_primary:visited,
a.software_input_submit_small_primary:active,
a.software_button_primary,
a.software_button_primary:link,
a.software_button_primary:visited,
a.software_button_primary:active
{
    font-weight: bold;
    font-size: 85%;
    text-decoration: none;
    cursor: pointer;
    vertical-align: top;
    
    background: #0492d2 url(/files/button_primary_background.png) repeat-x;
    border: 1px solid #0492d2;
    color: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.software_input_submit_primary,
a.software_input_submit_primary:link,
a.software_input_submit_primary:visited,
a.software_input_submit_primary:active
{
    padding: 0.43em 0.5em;
    padding: .53em .5em\9; /* IE Bug Fix: this is not a mistake */
    *padding: .3em .5em; /* IE Bug Fix: this is not a mistake */
    font-size: 85%;
}

.software_input_submit_small_primary,
a.software_input_submit_small_primary:link,
a.software_input_submit_small_primary:visited,
a.software_input_submit_small_primary:active
{
    padding: 0.43em 0.5em;
    padding: .53em .5em\9; /* IE Bug Fix: this is not a mistake */
    *padding: .3em .5em; /* IE Bug Fix: this is not a mistake */
    font-size: 80%;
}

.software_input_submit_secondary,
a.software_input_submit_secondary:link,
a.software_input_submit_secondary:visited,
a.software_input_submit_secondary:active,
.software_input_submit_secondary_small,
a.software_input_submit_secondary_small:link,
a.software_input_submit_secondary_small:visited,
a.software_input_submit_secondary_small:active,
a.software_button_secondary,
a.software_button_secondary:link,
a.software_button_secondary:visited,
a.software_button_secondary:active,
a.software_button_small_secondary,
a.software_button_small_secondary:link,
a.software_button_small_secondary:visited,
a.software_button_small_secondary:active,
input.software_input_submit_small_secondary
{
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    vertical-align: top;
    
    background: #fff;
    color: #0492d2;
    border: 1px solid;
    
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.software_input_submit_secondary,
a.software_input_submit_secondary:link,
a.software_input_submit_secondary:visited,
a.software_input_submit_secondary:active
{
    padding: 0.43em 0.5em;
    padding: .53em .5em\9; /* IE Bug Fix: this is not a mistake */
    *padding: .3em .5em; /* IE Bug Fix: this is not a mistake */
    font-size: 85%;
}

.software_input_submit_secondary_small,
a.software_input_submit_secondary_small:link,
a.software_input_submit_secondary_small:visited,
a.software_input_submit_secondary_small:active
{
    padding: 0.43em 0.5em;
    padding: .53em .5em\9; /* IE Bug Fix: this is not a mistake */
    *padding: .3em .5em; /* IE Bug Fix: this is not a mistake */
    font-size: 80%;
}

a.software_button_primary,
a.software_button_primary:link,
a.software_button_primary:visited,
a.software_button_primary:active
{
    line-height: normal;
    display: inline-block;
    padding: 0.42em 0.5em;
    padding: .4em .5em\9; /* IE Bug Fix: this is not a mistake */
    *padding: .35em .5em; /* IE Bug Fix: this is not a mistake */
    font-size: 95%;
}

a.software_button_secondary,
a.software_button_secondary:link,
a.software_button_secondary:visited,
a.software_button_secondary:active
{
    display: inline-block;
    line-height: normal;
    padding: 0.42em 0.5em;
    padding: .4em .5em\9; /* IE Bug Fix: this is not a mistake */
    *padding: .35em .5em; /* IE Bug Fix: this is not a mistake */
    font-size: 95%;
}

a.software_button_small_secondary,
a.software_button_small_secondary:link,
a.software_button_small_secondary:visited,
a.software_button_small_secondary:active
{
    display: inline-block;
    line-height: normal;
    padding: 0.53em 0.5em;
    padding: .53em .5em\9; /* IE Bug Fix: this is not a mistake */
    *padding: .43em .5em; /* IE Bug Fix: this is not a mistake */
    font-size: 85%;
}

input.software_input_submit_small_secondary
{
    display: inline-block;
    line-height: normal;
    padding: 0.43em 0.5em;
    padding: .53em .5em\9; /* IE Bug Fix: this is not a mistake */
    *padding: .3em .5em; /* IE Bug Fix: this is not a mistake */
    font-size: 85%;
}

.software_photo_gallery a:hover
{
    padding: 0 !important;
    margin: 0 !important;
}

/* Legend and Fieldset are browser functions used to wrap messages like Special Offers.*/
.software_legend
{
    color: #0492d2;
    font-weight: bold;
}

.software_fieldset
{
     border: 1px solid #666666;
}

/* Text fields on forms use this style*/
.software_input_text,
.software_input_password
{
    border: 1px solid #0492d2;
    padding: .25em;
}

/* picklists use this style*/
.software_select
{
     border: 1px solid #0492d2;
     padding: .25em;
     
     /* CSS3 border radius */
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
}

/* Text area fields on forms use this style*/
.software_textarea
{
     border: 1px solid #0492d2;
     padding: .25em;
     /* CSS3 border radius */
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
}

/* Custom Form Page Types */
.software_office_use_only
{
    color: #0492d2;
    font-weight: bold;
}

/* Calendar (Page Types) use these styles */
.software_monthly_calendar
{
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #0492d2;
}

.software_monthly_calendar a:link,
.software_monthly_calendar a:visited
{
    text-decoration: none;
    border: none;   
    line-height: 1.2em;
}

.software_monthly_calendar td, .software_monthly_calendar th
{
    line-height: 12px;
    padding: 1em;
    background-color: #fff;
    vertical-align: top;
    border: none;
}

.software_monthly_calendar th
{
    width: 14%;
    color: #fff;
    background: #0492d2 url(/files/button_primary_background.png) repeat-x;
}

.software_monthly_calendar td.inactive
{
    background-color: #EAEAEA;
}

.software_monthly_calendar a:hover
{
    padding-top: 0px;
     padding-bottom: 0px;
}

.software_photo_gallery
{
    text-align: center;
    margin-top: 1em;
}

.software_photo_gallery .slideshow
{
    text-align: right;
    margin-bottom: 0.5em;
}

.software_photo_gallery span
{
    border: none;
    background: none;
    padding: 0;
}

.software_photo_gallery .slideshow .active
{
    font-weight: bold;
    border: 1px solid;
    background: #0492d2;
    color: #fff;
    padding: 0.25em;
}

.software_photo_gallery table
{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
}

.software_photo_gallery td
{
    padding: .5em;
    text-align: center;
}

.software_photo_gallery .previous, .software_photo_gallery .next
{
    border: 1px solid;
    padding: 0.25em;
    color: #0492d2;
}

.software_photo_gallery .thumbnail
{
    border: 1px solid #666666;
    padding: 5px;
    margin-top: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
    margin-right: 10px;
}

.software_photo_gallery .current_thumbnail
{
    border: 1px solid #0492d2;
    padding: 5px;
    margin-top: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
    margin-right: 10px;
}

.software_photo_gallery .current_thumbnail_label
{
    font-weight: bold;
}

.software_photo_gallery .photo
{
    border: 1px solid #0492d2;
    padding: 10px;
    margin-top: 0px;
    margin-bottom: 15px;
    margin-left: 0px;
    margin-right: 20px;
}

.software_photo_gallery a,
.software_photo_gallery a:link,
.software_photo_gallery a:visited,
.software_photo_gallery a:active
{
    border: none;
}

.software_photo_gallery .caption
{
}

.software_pagination
{
    margin-top: 1em;
    margin-bottom: 1em;
    text-decoration: none;
}

.software_pagination a,
.software_pagination span
{
    padding: 0.2em 0.4em !important;
    margin-left: 0.1em;
    margin-right: 0.1em;
    border: none;
    text-decoration: none;
    font-style: normal;
    border: 1px solid;
}

.software_pagination a
{
    color: #0492d2;
}

.software_pagination a:hover
{
    border: 1px solid;
    color: #0492d2;
}

.software_pagination .current
{
     font-weight: bold;
}

.software_pagination .number
{
}

.software_pagination a.previous,
.software_pagination a.next
{
    border: 1px solid;
    font-weight: bold;
    color: #0492d2;
}

.software_pagination span.previous,
.software_pagination span.next
{
    border: 1px solid #999;
    color: #999;
}

.software_translation form
{
    text-align: right;
    margin: .01em 0em;
    padding: 0.5em 0em;
}

.software_catalog,
.software_catalog .featured_and_new_item_table,
.software_catalog .item_table
{
    /*width: 100%;*/
    border-collapse: collapse;
}

.software_catalog .featured_and_new_item_table
{
    width: 100%;
}

.software_catalog table td
{
    vertical-align: top;
}

.software_catalog table td .image,
.software_catalog table td .image a
{
    border: none;
    text-decoration: none;
}

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

.software_catalog .item_table
{
    border-collapse: collapse;
}

.software_catalog .item
{
    width: 164px;
    margin: 0 0em 2em 0;
    text-align: center;
}

.software_catalog .item_table .item
{
    padding: 0em;
    margin-right:7.35em;
}

.software_catalog .item .image
{
    border: 2px solid #999;
    padding: 5px;
}

.software_catalog .item .short_description {}

.software_catalog .featured_and_new_item_table
{
    width: 100%;
    margin: 0em 0em 2em 0em;
}

.software_catalog .featured_and_new_item_table td {}

.software_catalog .featured_and_new_item_table .top_item
{
    padding-right: 1em;
    width: 800px;
}

.software_catalog .featured_and_new_item_table .top_item .full_description
{
    margin: 0em 0em;
}

.more_detail {
    margin: 1em 0em;
}

.software_catalog .featured_and_new_item_table .top_item .more_detail a
{
    font-weight: normal;
}

.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 ad region container */
.software_ad_region_dynamic
{
    width: 555px; /* 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: 555px; /* this is the width of the scrolling area. this should probably match the width for the ad region container above */
    height: 250px; /* 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: 554px;
    height: 250px;
    padding-left: 1px;
    background: #fff\9;
}

/* styling for the ad region menu */
.software_ad_region_dynamic ul.menu
{
    list-style: none;
    padding: .25em 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 .5em;
    background-color: #fff;
    border: 1px solid;
    text-decoration: none;
    
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.software_ad_region_dynamic ul.menu a:hover,
.software_ad_region_dynamic ul.menu a:focus {}

/* styling for the current menu item */
.software_ad_region_dynamic ul.menu a.current
{
    font-weight: bold;
    color: #0492d2;
}

.software_ad_region_dynamic h1,
.software_ad_region_dynamic h2,
.software_ad_region_dynamic h3,
.software_ad_region_dynamic h4,
.software_ad_region_dynamic h5,
.software_ad_region_dynamic h6
{
    margin: .15em 0em;
}

.software_ad_region_dynamic .image-left-primary,
.software_ad_region_dynamic .image-left-secondary
{
    margin-left: 15px;
}

.software_ad_region_dynamic .image-right-primary,
.software_ad_region_dynamic .image-right-secondary
{
    margin-right: 15px;
}

/* 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
{
    width: 607px;
    width: 606px\9;
    margin: 0em 0em 1em 0em;
    padding: 1em 1em 3em 1em;
    border-top: 1px solid #999;
    background: url(/files/message_bubble_background.png) right bottom no-repeat;

}

/* 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_comments form .software_textarea
{
    width: 609px;
}

.software_cart_region
{
    padding: 0em;
    text-align: left;
    display: inline;
}

.software_cart_region .items
{
    display: inline;
    padding: 0em;
}

.software_cart_region .subtotal
{
    display: inline;
    padding: 0em 0em 0em 0.5em;
}

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

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

.software_login_region
{
    display: inline;
}

.chart
{
    border-collapse: collapse;
    margin-bottom: 2em;
}

.chart td, th
{
    border: #dddddd 1px solid;
    text-align: left;
    padding: 4px;
}

.follow_us
{
    width: 200px;
    float: right;
    background: #000;
    margin: 0em;
    *margin: 0em 0em -1.5em 0em;
    padding: 1em;
    
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
}

.newsletter_signup
{
    display: block;
    background: #000;
    margin: 1em 0em 0em 0em;
    padding: 1em;
    
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    
    color: #fff;
}

.newsletter_signup .title
{
    font-size: 150%;
    font-weight: bold;
    margin-bottom: 1em;
    background: transparent url(/files/icon_newsletter.png) no-repeat;
    padding-left: 3em;
}

.newsletter_signup .fields
{
    background: transparent url(/files/newsletter_email_background.png) no-repeat;
    padding: .3em;
}

.newsletter_signup .fields .email_field
{
    width: 222px;
    padding: 0em;
    font-style: italic;
    font-weight: bold;
    vertical-align: top;
    border: none;
    background: none;
    margin-top: .15em;
    margin-left: .15em;
}

.newsletter_signup .fields .submit_button
{
    width: 25px;
    padding: 0em;
    vertical-align: top;
    border: none;
    cursor: pointer;
    background: none;
}

/* Styling for Product Versions Table*/

table.versions {
border-width: 1px;
border-spacing: 3px;
border-style: solid;
border-color: #d9d9d9;
background-color: #e6e6e6;
border-collapse:separate;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
}
table.versions th {
border-width: 0px;
padding: 5px;
border-style: solid;
background-color: #e6e6e6;
vertical-align: middle;
text-align: center;
}
table.versions td {
border-width: 1px;
border-spacing:3px;
padding: 1px;
border-bottom: dotted;
border-right: solid;
border-color: #d9d9d9;
vertical-align: middle;
text-align: center;
}


.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;
}

.support
{
    display: block;
    background: #000;
    margin: 1em 0em 0em 0em;
    padding: 1em;
    
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    
    color: #fff;
}

.support .title
{
    font-size: 150%;
    font-weight: bold;
    margin-bottom: 1em;
    background: transparent url(/files/icon_newsletter.png) no-repeat;
    padding-left: 3em;
}


.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;
}