/* eGenix.com Screen CSS */


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-image: url(images/menu-background.png);
	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 {
	/* Needed for IE6, otherwise, the page titles are too close to the location bar
           shadow; note that this just causes IE6 to calculate correctly: if you use
           a 0px padding the title will jump up by at least 10px.  */
	padding-top: 0px !important;
	padding-top: 1px;
}

#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: 1em;
}

#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.

*/


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

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

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

/* 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: 100;
/*
    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;
}

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

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

/* 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 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #234686;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
}

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

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

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

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

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

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

#egenix-content h4 {
	color: black;
}

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

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

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

#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 {
	/* IE doesn't like a width in percent together with "float: right" -
           it then simply ignores the float.
	width: 95%;
	*/
}

/* Page elements */

#egenix-page-content-section {
        float: left;
	/* Also see egenix-page-news-section */
	width: 380px;
        /* IE6 hack needed to get negative margins used for the headers
	   to work with a floating div */
	padding-left: 0px !important;
	margin-left: 0px !important;
	margin-left: -15px;
	padding-left: 30px;
}

#egenix-page-news-section {  
        float: left;
	/* Also see egenix-page-content-section */
	width: 380px;
        /* IE6 hack needed to get negative margins used for the headers
	   to work with a floating div */
	padding-left: 0px !important;
	margin-left: 0px !important;
	margin-left: -15px;
	padding-left: 30px;
}

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

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

.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-version {
	clear: both;
	margin-left: auto;
	margin-right: 0px;
        height: 22px;
	width: 120px;
	font-weight: bold;
	color: white;
	background: url(images/version-background.png) no-repeat;
/*	background-color: #3063E9; */
	text-align: center;
	padding-top: 4px;
}

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

.egenix-important-notice {
	width: 90%;
	padding: 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: solid 2px #FF6666;
}

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

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

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

/* News list */

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

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

.egenix-news-item-title {
	font-weight: bold;
	padding-top: 5px;
	padding-left: 20px;
}

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

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

/* Info boxes */

#egenix-resource-box {
	float: right;
	padding: 20px 10px 10px 10px;
	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;
}


/* 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-products {
    margin-left: 50px !important; /* IE hackery again... */
    margin-left: 25px;
}

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

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

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

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

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



/* CSS for the flexible article type */

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

.flexible-article-form td {
}

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