/* eGenix.com Screen CSS */

/* CSS needed for Zope forms and the CMS */

table.FormLayout {
    width: 70%;
}

textarea {
    width: 100%;
}

input[type="text"] {
    width:100%;
}

#UserActions a.first:before, #ContextActionsRow a.first:before, #WorkflowActions a.first:before,
#FolderActions a.first:before, #GlobalActions a.first:before {
    content: " ";
}

#UserActions a.path:before, #ContextActionsRow a.path:before, #WorkflowActions a.path:before,
#FolderActions a.path:before, #GlobalActions a.path:before  {
    content: " | ";
}


/* eGenix.com Browser Style-Sheet */

/* Generic page elements */

html {
	position: relative;
	margin: 0px 0px;
	padding: 0px 0px;
	width: 100%;
	height: 100%;
	/* Hide scrollbars: */
	overflow: hidden;
}

body {
	position: relative;
	margin: 0px 0px;
	padding: 0px 0px;
	width: 100%;
	height: 100%;
}

img {
	border: none;
	display: inline;
}

a {
        color: #0000FF;
	text-decoration: none;
}

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

a:active {
        color: #FF0000;
}

a:visited {
        color: #0000FF;
}

/* eGenix Page Layout */

#egenix-body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	background-color: white;
}

#egenix-page {
	text-align: left;
	width: 800px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
}

#egenix-logo {
	padding: 15px 0 0 37px;
	height: 37px;
	text-decoration: none;
}

#egenix-page-box-head {
}

#egenix-page-box-body {
}

#egenix-menu, #egenix-location-bar, #egenix-title-bar, #egenix-content-area, #egenix-quick-links, #egenix-bottom-line, #egenix-cms {
	border-left: solid 1px #666666;
	border-right: solid 1px #666666;
}

#egenix-menu {
	padding: 0px;
	padding-bottom: 8px;
	font-weight: bold;
	background: url(images/menu-background.png) repeat-x;
	border-top: solid 1px #666666;
	border-bottom: solid 1px #666666;
}

#egenix-title-bar {
	background-image: url(images/title-background.png);
	text-align: right;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: white;
	padding: 4px;
	padding-right: 6px;
	padding-top: 3px;
	height: 20px;
}

#egenix-location-bar {
	background: url(images/vertical-shadow-down.png) repeat-x;
	height: 16px;
        /* Needed for IE6, otherwise the above small height doesn't work */
	overflow: hidden;
}

#egenix-location-bar a {
        color: #666699;
}

#egenix-location-bar-breadcrumbs {
        color: #666699;
        font-size: 10px;
        padding-top: 2px !important;
        padding-left: 7px;
}

#egenix-cms {
	padding: 0px 10px 4px 10px;
	color: darkblue;
	background: url(images/bottom-line-background.png);
	border-top: solid 1px #999999;
	border-bottom: solid 1px #999999;
	height: 12px;
}

#egenix-cms-infos {
	float: left;
}

#egenix-cms-tools {
	float: right;
}

#egenix-content-area {
}

#egenix-content-leadin {
        /* Note: IE6 needs special treatment: see ie6.css */
}

#egenix-content {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 60px;
	padding-right: 30px;
	height: 600px;
	overflow: auto;
}

#egenix-content-leadout {
}

#egenix-quick-links {
	border-top: solid 1px #666666;
	background-color: #FAFAFF;
	height: 120px; /* IE needs this to get it's box calculations right */
	padding-top: 10px;
}

#egenix-bottom-line {
	background: url(images/bottom-line-background.png);
	padding: 4px 4px;
	margin: 0 0 10px 0;
	border-top: solid 1px #666666;
	border-bottom: solid 1px #666666;
	height: 15px;
	overflow: hidden;
}

#egenix-legal {
	float: left;
}

#egenix-date {
	float: right;
}

#egenix-copyright-line {
	text-align: center;
	font-size: 9px;
	height: 12px;
	overflow: hidden;
}

/* Adjustments for specific pages */

.egenix-homepage {
}



/* Source adapted from
 http://www.modxcms.com/simple-rounded-corner-css-boxes.html */

/* set the image to use and establish the lower-right position */ 
#egenix-page-box, #egenix-page-box-body, #egenix-page-box-head, #egenix-page-box-menu {
    background: transparent url(images/page-shadow.png) no-repeat bottom right; 
} 

#egenix-page-box { 
    width: 785px !important; /* intended total box width - padding-right(next) */
    width: 770px; /* IE Win = width - padding */
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    margin: 0px auto; /* use to position the box */ 
} 

/* set the top-right image */ 
#egenix-page-box-head { 
    background-position: top right; 
    margin-right: -15px; /* pull the right image over on top of border */
    padding: 4px 37px 0 0; /* right-image-gap + right-inside padding */ 
    width: 763px;
} 

/* set the top-left image */ 
#egenix-page-box-menu { 
    background-position: top left ; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 4px 0 0px 37px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; 
    height: 1%; /* IE Holly Hack */ 
    width: 726px;
} 

/* set the lower-left corner image */ 
#egenix-page-box-body { 
    background-position: bottom left; 
    margin-right: 23px; /* interior-padding right */ 
    padding: 0px 0 8px 37px; /* mirror .cssbox_head right/left */ 
    width: 726px;
}


/* eGenix CSS Menu

   Copyright Patick Griffiths & Dan Webb
   http://www.htmldog.com/articles/suckerfish/dropdowns/
   See the above reference for usage permissions.
   
   Adapted to eGenix website needs.

   Also see ie6.js for some extra JavaScript support needed to get 
   :hover working.

*/


/* Top-level menu */
#egenix-nav, #egenix-nav ul { 
    padding: 4px 8px 4px 8px;
    margin: 0px 0px 8px 0px;
    list-style: none;
}

/* Menu items */
#egenix-nav li {
    float: left;
    color: white;
    padding-right: 8px;
}

/* Menu item links */
#egenix-nav li a {
    display: block;
    color: white;
    padding: 0px 0px 5px 0px;
    margin-right: 0.25em;
    text-decoration: none;
}

/* Selected menu item linkss */
#egenix-nav li a:hover {
    text-decoration: underline;
}

/* Drop-down menus */
#egenix-nav li ul { 
    position: absolute;
    left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
    display: block;
    margin: 0;
    padding: 4px;
    width: 250px;
    border: 1px solid #666666;
    background-color: white;
    line-height: 18px;
    z-index: 10001 !important;
/*
    opacity: 0.95;
    filter: alpha(opacity=95);
*/
}

/* Drop-down menu entries */
#egenix-nav li ul a {
    display: block;
    width: 250px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-indent: 0.5em;
    text-decoration: none;
    color: #333333;
    background-color: white;
}

/* Selected drop-down menu entries */
#egenix-nav li ul a:hover{
    width: 250px;
    color: white;
    background-color: #003399;
    text-decoration: none;
}

/* Lists nested under hovered list items */
#egenix-nav li:hover ul  {
    left: auto;
}

/* See ie7.css, ie6.js and ie7.js for additional work-arounds */

/* Drop-down menu headings */
.egenix-menu-heading {
}


/* --- Info Boxes --------------------------------------------------- */

/* Source adapted from

   http://www.modxcms.com/simple-rounded-corner-css-boxes.html 

*/

/* Shadow image */
.egenix-info-box, .egenix-info-box-header, .egenix-info-box-title, .egenix-info-box-body {
    background: transparent url(images/info-box-shadow.png) no-repeat bottom right; 
}

/* Adjust box size */
.egenix-info-box { 
    width: 200px !important;
    width: 185px; /* IE: total - padding */
    padding-right: 15px;
    margin: 0px auto;
} 

/* set the top-right image */ 
.egenix-info-box-header { 
    background-position: top right; 
    margin-right: -15px;
    padding: 0px 20px 0px 0px;
} 

/* set the top-left image */ 
.egenix-info-box-title { 
    background-position: top left;
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 5px 0px 0px 20px;
    height: auto !important; 
    height: 1%; /* IE Holly Hack */ 
    font-weight: bold;
} 

/* set the lower-left corner image */ 
.egenix-info-box-body { 
    background-position: bottom left; 
    margin-right: 25px;
    padding: 0px 0px 25px 20px;
}


/* Content formatting */

#egenix-content {
	font-family: Arial, Helvetica, sans-serif;
	color: #202020;
}

#egenix-content h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #663300;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
	clear: left;
}

#egenix-content h1 {
	font-size: 20px;
	color: #910000;
	margin-top: 10px;
	margin-left: -30px;
}

#egenix-content h1 a, #egenix-content h1 a:hover {
	color: #910000;
}

#egenix-content h2 {
	font-size: 18px;
	color: #e4601f;
	margin-left: -30px;
	margin-top: 20px;
	padding-top: 5px;
	border-top: solid 1px #993300;
}

#egenix-content h2 a, #egenix-content h2 a:hover {
	color: #e4601f;
}

#egenix-content h3 {
	font-size: 16px;
	color: #882d00;
}

#egenix-content h3 a, #egenix-content h3 a:hover {
	color: #882d00;
}

#egenix-content h4 {
	font-size: 14px;
	color: #882d00;
}

#egenix-content h4 a, #egenix-content h4 a:hover {
	color: #882d00;
}

#egenix-content h5 {
	font-size: 12px;
	color: #882d00;
}

#egenix-content h5 a, #egenix-content h5 a:hover {
	color: #882d00;
}

#egenix-content h6 {
	font-size: 12px;
	color: #882d00;
}

#egenix-content h6 a, #egenix-content h6 a:hover {
	color: #882d00;
}

#egenix-content li {
	margin-bottom: 1em;
}

#egenix-content ul {
	margin-top: 1em;
}

#egenix-content code, pre {
	color: #00009B;
	font-size: 12px;
}

#egenix-content pre {
	background-color: #F9F9F9;
	padding: 4px;
	padding-left: 10px;
	width: 90%;
	margin-left: 0px;
	margin-right: auto;
	border: dotted 1px #666666;
}

#egenix-content p {
        /* Note: IE6 needs special treatment: see ie6.css */
}

/* Page elements */

#egenix-page-content-section {
        float: left;
	/* Also see egenix-page-news-section */
	width: 380px;
        /* Note: IE6 needs special treatment: see ie6.css */
}

#egenix-page-news-section {  
        float: left;
	/* Also see egenix-page-content-section */
	width: 380px;
        /* Note: IE6 needs special treatment: see ie6.css */
}

#egenix-page-teaser-section {
	float: right;
	width: 230px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: right;
}

.egenix-title {
        margin-top: 0px;
}

#egenix-teaser-slideshow {
        /* Needed for Flash shows to prevent them messing up the menu: */
        /* z-index: 0; */
	clear: both;
	height: 250px;
	width: 222px;
	margin-left: auto;
	margin-right: 0px;
	padding: 0px;
	overflow: hidden;
}

.egenix-teaser-slideshow-image {
}

.egenix-teaser-quote {
	color: #666666;
	padding-left: 25px;
	padding-right: 15px;
}

.egenix-teaser-quote a {
	color: #666666;
}

.egenix-teaser {
	/* Also see egenix-news-item */
	width: 380px;
}

.egenix-teaser-button {
	float: right;
	clear: right;
	margin-left: 20px;
	margin-right: 0px;
        height: 22px;
	width: 120px;
	font-weight: bold;
	color: white;
	background-color: #3063E9;
	text-align: center;
	padding-top: 3px;
	padding-right: 26px;
}

.egenix-teaser-button a, .egenix-teaser-button a:hover {
	color: white;
}

.egenix-teaser-image {
}

.egenix-teaser-subtitle {
	font-style: italic;
}

.egenix-version {
	background: url(images/version-background.png) no-repeat;
/*	background-color: #3063E9; */
	padding-top: 4px;
}

.egenix-evaluation {
	background: url(images/evaluation-button.png) no-repeat;
}

.egenix-purchase {
	background: url(images/purchase-button.png) no-repeat;
}

.egenix-download {
	background: url(images/download-button.png) no-repeat;
}

.egenix-documentation {
	background: url(images/documentation-button.png) no-repeat;
}

.egenix-installation {
	background: url(images/installation-button.png) no-repeat;
}

.egenix-last-button {
	margin-bottom: 15px;
}

.egenix-tm {
	font-size: 75%;
	vertical-align: top;
}

.egenix-important-notice {
	width: 90%;
	padding-left: 10px;
	/* IE: adds padding for paragraphs, so remove padding on top and bottom
	padding-top: 0px;
	padding-bottom: 0px;
	*/
	margin-left: auto;
	margin-right: auto;
	border-left: solid 5px #FF6666;
}

.egenix-important-link {
        font-size: 110%;
        font-weight: bold;
        text-align: center;
	width: 90%;
	padding: 5px;
	/* IE: adds padding for paragraphs, so remove padding on top and bottom
	padding-top: 0px;
	padding-bottom: 0px;
	*/
	margin-left: auto;
	margin-right: auto;
	border: solid 1px #FF9966;
}

.egenix-download-selection {
	margin-left: 20px;
	width: 75%;
}

.egenix-download-selection select, input {
	font-size: 11px;
}

/* For WildPresenter videos: */
.egenix-talk-video-player {
        text-align: center;
        /* IE: requires that we use absolute pixel counts here,
	   otherwise it completely messes up the layout.
	*/
        height: 440px;
	width: 646px;
        margin-left: -30px;
}

/* For HD 720p videos: */
.egenix-hd-video-player {
        text-align: center;
        /* IE: requires that we use absolute pixel counts here,
	   otherwise it completely messes up the layout.
	*/
        height: 384px;
	width: 646px;
        margin-left: -30px;
        border: 1px solid #CCC;
}

/* For YouTube videos: */
.egenix-youtube-video-player {
        text-align: center;
        /* IE: requires that we use absolute pixel counts here,
	   otherwise it completely messes up the layout.
	*/
        height: 360px;
	width: 640px;
        margin-left: -30px;
        border: 1px solid #CCC;
}

.egenix-fullscreen-hd-video-player {
        height: 100%;
	width: 100%;
}

/* News list */

.egenix-news-item {
	margin-top: 10px;
	margin-bottom: 10px;
}

.egenix-news-item-bullet {
	font-weight: normal;
	color: #CC0000;
}

.egenix-news-item-bullet img {
	vertical-align: middle;
}

.egenix-news-item-date {
	color: #CC0000;
}

.egenix-news-item-link {
	font-weight: bold;
}

.egenix-news-item-title {
}

.egenix-news-item-teaser {
	padding-left: 20px;
}

/* News article */

.egenix-news-date {
	clear: both;
	margin-left: auto;
	margin-right: 0px;
	text-align: right;
	padding-top: 4px;
}

/* Article images */

.egenix-article-image {
    float: right;
    margin-left: 10px;
    margin-right: -15px;
    margin-top: -5px;
    background-color: white;
    border-left: 20px solid white;
}

.egenix-article-image img {
    width: 200px;
}

/* Resource boxes */

#egenix-resource-box {
	float: right;
}

.egenix-resource-box-title {
}

.egenix-resource-box-body {
}

#egenix-resource-box .egenix-product-image {
    float: right;
    margin-right: -15px;
    margin-top: -5px;
    padding-left: 20px;
}

#egenix-resource-box .egenix-product-image img {
    width: 200px;
}

/* Forms */

.egenix-form br {
    clear: left;
    width: 20em;
    margin-bottom: 0.5em;
}

.egenix-form label {
    float: left;
    width: 20em;
    margin-bottom: 0.5em;
}

.egenix-form input[type="text"], .egenix-form select {
    background: #EEEEEE;
    width: 20em;
}

.egenix-form input[type="submit"] {
    margin-top: 0.5em;
}

.egenix-form input[type="reset"] {
    margin-top: 0.5em;
}

.egenix-form-label-required {
    font-weight: bold;
}

.egenix-form input.egenix-form-required, .egenix-form select.egenix-form-required {
    background: #FFFFFF;
}

.egenix-form-notice {
    font-weight: bold;
    color: #FF0000;
    text-align: center;
}

/* Buttons */

.egenix-download-button {
}

.egenix-hash-button {
    height: 75%;
    font-size: 75%;
    padding-left: 0;
    padding-right: 0;
}

.egenix-sig-button {
    height: 75%;
    font-size: 75%;
    padding-left: 0;
    padding-right: 0;
}

/* Tables */

.egenix-table {
    border-collapse: collapse;
    page-break-inside: avoid;
}

.egenix-table thead td { 
    border: solid 1px #B0B0B0;
    padding: 3px;
}

.egenix-table-header td { 
    background: url(images/table-header-background.png);
    font-weight: bold;
    font-size: 12px;
    color: #FFFFFF;
}

.egenix-table-header td a { 
    color: #FFFFFF;
}

.egenix-table-subheader td { 
    background: url(images/table-subheader-background.png);
    font-size: 11px;
    color: #FFFFFF;
}

.egenix-table-subheader td a { 
    color: #FFFFFF;
}

.egenix-table tbody { 
    border: solid 1px #666666;
}

.egenix-table tbody tr {
    background: url(images/table-line-background.png);
}

.egenix-table tbody tr:nth-child(even) {
    background: url(images/table-line-background.png);
}

.egenix-table tbody tr:nth-child(odd) {
    background: url(images/table-alt-line-background.png);
}

.egenix-table tbody tr:hover {
    background: url(images/table-selected-line-background.png);
}

.egenix-table tbody td { 
    border: solid 1px #B0B0B0;
    padding: 3px;
}

/* Feeds */

.egenix-feed-logo {
    vertical-align: top;
}

/* Specific fixes for the frontpage */

#egenix-frontpage-content h4 {
	font-size: 14px;
	color: #e14f00;
	margin-top: 10px;
	margin-bottom: -5px;
}

#egenix-frontpage-content h4 a, #egenix-frontpage-content h4 a:hover {
	color: #e14f00;
}


/* eGenix.com Quick Navigation CSS */

.egenix-quick-nav-box {
    background-color: white;
    border: solid 1px #666666;  
    width: 170px;
    height: 110px;
    margin-left: 20px;
    margin-right: 20px;
    float: left;
}

.egenix-quick-nav-header {
    background-color: #EEEEDD;
    padding: 2px 5px;
    border-bottom: solid 1px #666666;  
    font-weight: bold;
    color: white;
}

.egenix-quick-nav-text {
    padding: 5px;
}

.egenix-quick-nav-dropdown {
    text-align: center;
    padding: 2px 5px 0px 5px;
}

.egenix-quick-nav-dropdown form {
    margin: 0;
}

.egenix-quick-nav-dropdown select {
    font-size: 11px;
    width: 145px;
}

/* Specific Navigation Boxes */

#egenix-quick-nav-services {
    margin-left: 50px;
    /* Note: IE6 needs special treatment: see ie6.css */
}

#egenix-quick-nav-services .egenix-quick-nav-header {
    background-color: #EF8F01;
}

#egenix-quick-nav-products {
    margin-left: 32px;
}

#egenix-quick-nav-products .egenix-quick-nav-header {
    background-color: #3063E9;
}

#egenix-quick-nav-solutions {
    margin-left: 32px;
}

#egenix-quick-nav-solutions .egenix-quick-nav-header {
    background-color: #E9380C;
}



/* CSS for the flexible article type */

.flexible-article-form th {
	vertical-align: top;
}

.flexible-article-form td {
}

.flexible-article-form .input-text {
	width: 100%;
}