/********************************************************************
* This stylesheet overrides standard JADE styles
*
*/

/********************************************************************
* Links placed in pages for JADE
*/

/********************************************************************
* The JADE editor and popup editor
*/

/* Base style - all elements are enclosed in a div layer with this style */

/* Item attribute layout tables */
.jadeEditor form input {
	background-color: white;
	border: 1px solid black;
}
.jadeEditor form input.radio, .jadeEditor form input.checkbox {
	background-color: white;
	width: 2em;
}
.jadeEditor form input.tool {
	border: 1px solid #A6A3AE;
}
.jadeEditor form select {
	border: 1px solid black;
	background-color: white;
}
.jadeEditor form textArea {
	background-color: white;
	border: 1px solid #A6A3AE;
	scrollbar-3dlight-color: #E6E6E6;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-base-color: #E6E6E6;
	scrollbar-darkshadow-color: #E6E6E6;
	scrollbar-face-color: #333333; 
	scrollbar-highlight-color: #E6E6E6;
	scrollbar-shadow-color: #E6E6E6;
	scrollbar-track-color: #E6E6E6;
}
.jadeEditor form td.submitButton input {
	color: #333333;
	background-color: #D5CCBB;
	border: thin outset #666666;
}
.jadeEditor form td.cancelButton input {
	color: #333333;
	background-color: #D5CCBB;
	border: thin outset #666666;
}
.jadeEditor form div.editArea {
	background-color: white;
	border: 1px solid #A6A3AE;
	scrollbar-3dlight-color: #E6E6E6;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-base-color: #E6E6E6;
	scrollbar-darkshadow-color: #E6E6E6;
	scrollbar-face-color: #333333; 
	scrollbar-highlight-color: #E6E6E6;
	scrollbar-shadow-color: #E6E6E6;
	scrollbar-track-color: #E6E6E6;
}

/********************************************************************
* The JADE site manager pages
*/

/* Base style - all elements are enclosed in a div layer with this style */

/*******************
 * Standard typography - main page
 */
.jadeSiteManager h1 {
	margin-top: 0.0em;
	font-size: 1.25em;
	color: #545454;
	font-weight: bold;
}
.jadeSiteManager h2 {
	margin-top: 0.5em;
	font-size: 1.19em;
	font-weight: bold;
	color: #545454;
}
.jadeSiteManager h3 {
	margin-top: 0.5em;
	font-size: 1.12em;
	font-weight: bold;
	color: #545454;
}
.jadeSiteManager a:link,
.jadeSiteManager a:hover {
	color: blue;
}
.jadeSiteManager a:visited,
.jadeSiteManager a:active {
	color: purple;
}

/* general form stuff */
.jadeSiteManager form input {
	border: 1px solid black;
	background-color: white;
}
.jadeSiteManager form select,
.jadeSiteManager form input.radio,
.jadeSiteManager form input.checkbox {
	background-color: white;
}
.jadeSiteManager input.sideButton {
	color: #333333;
	background-color: #D5CCBB;
	border: thin outset #666666;
}
.jadeSiteManager form td.submitButton input {
	color: #333333;
	background-color: #D5CCBB;
	border: thin outset #666666;
}
.jadeSiteManager form td.cancelButton input {
	color: #333333;
	background-color: #D5CCBB;
	border: thin outset #666666;
}

/* changeSegment dropdown */

/* content list tables */
.jadeSiteManager table.content th {
	background: #ECF2D9;
	border: 1px solid #A6A3AE;
}
.jadeSiteManager table.content td {
	border: 1px solid #A6A3AE;
}

/* sitetree table */

/* the email report pages */
.jadeEmailManager table {
	width: 100%;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.jadeEmailManager form {
	color: #4A4A4A;
	clear: left;
}

.jadeEmailManager form input {
	background-color: white;
	color: black;
	font-size: 1.1em;
	padding-left: 0.2em;
	padding-right: 0.2em;
	margin: 0;
	border: 1px solid black;
	width: 10em;
}
.jadeEmailManager form select {
	color: black;
	font-size: 1.1em;
	border: 1px solid black;
	width: 10.6em;
}
.jadeEmailManager form option {
	color: black;
	padding: 0 2em 0 0.5em;
}
.jadeEmailManager form input.radio,
.jadeEmailManager form input.checkbox {
	background-color: white;
	position: relative;
	top: 2px;
	width: 1.3em;
	border: 0;
}
.jadeEmailManager form textarea {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 1.0em;
	padding: 0.1em;
	color: black;
	border: 1px solid black;
	height: 7em;
	width: 94%;  /* untested */
	_width: 89%;  /* untested */
}

.jadeEmailManager table.error {
	margin: 0.5em 5em;
}
.jadeEmailManager table.error td {
	color: #FF0000;
	margin: 0.0em 0.5em 0.0em 0.5em;
}
.jadeEmailManager table.error td.label {
	text-align: right;
	vertical-align: baseline;
	padding-right: 0.5em;
	white-space: nowrap;
}

.jadeEmailManager div.topActions { /* buttons/links above the form */
	text-align: right;
	margin: 1.0em 1.0em;
}
.jadeEmailManager div.bottomActions { /* buttons/links below the form */
	text-align: center;
	margin: 1.0em 1.0em;
}
.jadeEmailManager div.bottomActions .item {
	margin: 0em 1.0em;
}
.jadeEmailManager div.bottomActions .focus {
	font-size: 1.3em;
	font-weight: bold;
}

/* pageData */
.jadeEmailManager table.pageData {  /* partial width form */
	margin: 0 auto;
	border-collapse: collapse;
}
.jadeEmailManager table.pageDataFull {  /* full width form */
	margin: 0;
	width: 100%;
}
.jadeEmailManager table.pageData td,
.jadeEmailManager table.pageDataFull td {
	height: 1.9em;
	padding-top: 0.3em;
}
.jadeEmailManager table.pageData td.label,
.jadeEmailManager table.pageDataFull td.label {
	text-align: right;
	padding-right: 0.5em;
	white-space: nowrap;
}
.jadeEmailManager table.pageData td.emailConfirmLabel,
.jadeEmailManager table.pageDataFull td.emailConfirmLabel {
	text-align: right;
	padding-right: 0.5em;
	white-space: nowrap;
	visibility: hidden;
}
.jadeEmailManager table.pageData td.emailConfirm,
.jadeEmailManager table.pageDataFull td.emailConfirm {
	visibility: hidden;
}
.jadeEmailManager table.pageData td.copy,
.jadeEmailManager table.pageDataFull td.copy {  /* copy in a cell by itself between fields */
	text-align: center;
}
.jadeEmailManager table.pageData td.question,
.jadeEmailManager table.pageDataFull td.question {  /* copy in a cell above buttons */
	text-align: left;
	color: #FF0000;
}
.jadeEmailManager table.pageData td.labelTop,
.jadeEmailManager table.pageDataFull td.labelTop {
	text-align: right;
	vertical-align: top;
	padding-right: 0.5em;
	white-space: nowrap;
}
.jadeEmailManager table.pageData td.short,
.jadeEmailManager table.pageDataFull td.short {
	padding-top: 0em;
}
.jadeEmailManager table.pageData input.button,
.jadeEmailManager table.pageDataFull input.button {
	margin-top: 1.0em;
	margin-bottom: 1.0em;
}
/* double wide
!!! add here */
/* triple wide
!!! add here */
/*
table.pageData td.checkboxes,
table.pageDataFull td.checkboxes {
	border: 1px solid green;
}
*/

.jadeEmailManager table.tableData th {
	text-align: center;
	padding: 0.3em 0.5em;
	border-bottom: 1px solid #D6D3CE;
	margin-top: 0;
	margin-bottom: 0;
	background: #ECF2D9;
}
.jadeEmailManager table.tableData th a:active,
.jadeEmailManager table.tableData th a:visited {
	color: blue;
}
.jadeEmailManager table.tableData th.rules {
	border-right: 1px solid #D6D3CE;
	border-left: 1px solid #D6D3CE;
}
.jadeEmailManager table.tableData th.ruleLeft {
	border-left: 1px solid #D6D3CE;
}
.jadeEmailManager table.tableData th.ruleRight {
	border-right: 1px solid #D6D3CE;
}
.jadeEmailManager table.tableData th.text {
	text-align: left;
	padding-left: 1.0em;
}
.jadeEmailManager table.tableData th.number {
	text-align: right;
	padding-right: 1.0em;
}
.jadeEmailManager table.tableData th.indent2 {
	padding-left: 3.0em;
}
.jadeEmailManager table.tableData th.indent3 {
	padding-left: 4.5em;
}
.jadeEmailManager table.tableData td {
	vertical-align: baseline;
	text-align: center;
	padding: 0.4em 0.5em 0.2em 0.5em;
	border-bottom: 1px solid #D6D3CE;
	margin-top: 0;
	margin-bottom: 0;
}
.jadeEmailManager table.tableData td.rules {
	border-right: 1px solid #D6D3CE;
	border-left: 1px solid #D6D3CE;
}
.jadeEmailManager table.tableData td.ruleLeft {
	border-left: 1px solid #D6D3CE;
}
.jadeEmailManager table.tableData td.ruleRight {
	border-right: 1px solid #D6D3CE;
}
.jadeEmailManager table.tableData td.text {
	text-align: left;
	padding-left: 1.0em;
}
.jadeEmailManager table.tableData td.number {
	text-align: right;
	padding-right: 1.0em;
}
.jadeEmailManager table.tableData td.number input {
	width: 5em;
}
.jadeEmailManager table.tableData td.indent2 {
	padding-left: 3.0em;
}
.jadeEmailManager table.tableData td.indent3 {
	padding-left: 4.5em;
}
.jadeEmailManager table.tableData td.ruleBottom {
	border-bottom: 1px solid #D6D3CE;
}
/* we add different background colors with the tr tag */
.jadeEmailManager table.tableData tr.header {
	background: #ECF2D9;
}
.jadeEmailManager table.tableData tr.header2 {
	background: #E6E3EE;
}