/*
 * Add-Edit-Delete - CSS
 * Builds a clean form to configure a database table
 * Revision 1.2.0
 */

/* AED main body */
#aedBody {
	border-left: 1px solid #555555;
	border-right: 1px solid #555555;
	border-bottom: 1px solid #555555;
	padding: 10px;
	background-color: #FFFFFF;
}

#aedBody td	{ vertical-align: top; }
#addBox-rel	{ position: relative; }

#addBox {
	z-index: 10;
	position: absolute;
	width: 200px;
	padding: 6px;
	background-color: #fffff0;
	border: 1px solid #555555;
	text-align: left;
	display: none;
}

/* Main status title */
#aedStatus {
	z-index: 15;
	position: relative;
	float: right;
	right: 10px;
	background-color: #00a0d2;
	color: #FFFFFF;
	padding: 5px;
	display: none;
	top: -20px;
}

/* Generic title for boxes */
.boxTitle {
	font-weight: bold;
	padding: 1px 0 0 1px;	
}

/* Input area for an item in the add box */
.boxField {
	padding: 1px 0 0 2px;
}

/* Input object (text box) for add box */
.addField {
	width: 188px;
	border: 1px solid #BBBBBB;
	padding: 3px;
}
 
/* Submit button for add box */
.addSubmitBtn {
	margin-top: 3px;
}

/* Center align fields */
.centerAlign {
	text-align: center;
}

/* Overwrite some listbrowser styles */
.listBrowser td {
	cursor: auto !important;
}

/* Edit Form Classes */
.eWrapper {
	width: 100%;
	border: 0;
	padding: 0; margin: 0;
	vertical-align: top;
}

.eTable {
	
	width: 100%;
	border: 0;
	padding: 0; margin: 0;
	vertical-align: top;
}

.eTitle {
	text-align: left;
	padding: 3px 10px 3px 0;
	width: 100px;
}

.eHeading {
	text-align:center;
	font-size: 18px;
	padding: 12px 0 6px 0;
}

.eInput {
	text-align: left;
	padding: 3px 0 5px 0;
}

.eHint {
	
	color: #777777;
	font-size: 10px;
}

.eText {
	width: 90%;
}

.eTextArea {
	width: 99%;
	height: 100px;
}

.aedRadio {
	float: left;
	padding: 2px 10px 2px 0;
}

/* STANDARD LAYOUT - BEGIN */
.stdTable {
	background-color: #dbdfe3;
	width: 100%; height: 500px;
	border-left: 1px solid #9499a0;
	border-right: 1px solid #9499a0;
	border-bottom: 1px solid #9499a0;
}

.stdTableHeader {
	background-color: #bfdbff;
	width: 100%; height: 26px;
	padding: 0; margin: 0;
}

.stdBtnRow {
	border: 1px solid #9499a0;
	background-color: #dbdfe3;
	height: 22px;
	padding: 2px 0 2px 2px;
	overflow: auto;
	background-image: url(/usr/common/images/gui/html_btn_bg.gif);
}

a.stdBtn:link, a.stdBtn:visited {
	padding: 3px 5px 3px 5px;
	margin-right: 1px;
	color: #000000;
	float: left;
	height: 15px;
	text-transform: capitalize;
	text-decoration: none;
}

a.stdBtn:hover, a.stdBtn:active {
	padding: 2px 4px 2px 4px; 
	color: #000000;
	background-image: url(/usr/common/images/gui/btn-bg-hover.png);
	border: 1px solid #ffbd69;
	text-decoration: none;
}

.stdOption {
	float: right;
	padding: 0 2px 0 5px;
}

.greyTable a.stdBtn:link, .greyTable a.stdBtn:visited {
	color: #FFFFFF;
	font-weight: normal;
}

.greyTable a.stdBtn:hover, .greyTable a.stdBtn:active {
	color: #000000;
}


a.stdBtnActive:link, a.stdBtnActive:visited {
	margin-right: 1px;
	height: 15px;
	float: left;
	font-weight: bold;	
	text-transform: capitalize; text-decoration: none;
	padding: 2px 4px 2px 4px; 
	color: #000000;
	font-weight: normal !important;
	background-image: url(/usr/common/images/gui/btn-bg-hover.png) !important;
	border: 1px solid #ffbd69;
}

a.stdBtnActive:hover, a.stdBtnActive:active {
}

a.stdBtnDisabled:link, a.stdBtnDisabled:visited {
	padding: 3px 5px 3px 5px;
	margin-right: 1px;
	color: #999999;
	float: left;
	height: 15px;
	text-transform: capitalize;
	text-decoration: none;
	cursor: default;
}

a.stdBtnDisabled:hover, a.stdBtnDisabled:active {
	text-decoration: none;
	cursor: default;
}

a.stdBtn img, a.stdBtnActive img, a.stdBtnDisabled img {
	border: 0;
	margin-right: 6px;
	height: 14px;
}

.stdBtnRow span.divider {
	width: 0;
	height: 16px;
	margin: 2px 2px 0 1px;
	border-left: 1px solid #D0D0D0;
	border-right: 1px solid #666666;
	float: left;
}

.activePage {
	padding: 0 4px 0 4px;
}

a.serpSelected:link, a.serpSelected:visited {
	color: #A0A0A0;
}

.xrefCol {
	width: 30%;
	padding-left: 10px;
}

.xrefSearch {
	position: absolute;
	z-index: 5;
	right: 5px;
	top: 3px;
}

.greyTable 				{ margin-bottom: 20px;}
.imgWrap				{ overflow: auto; max-height: 420px; margin: -6px -10px -6px -10px; padding: 6px 10px 6px 10px; }
.aedImg					{ border: 1px solid #A0A0A0; }

.progressMeter			{ overflow: hidden; width: 1px; padding: 3px 0 4px 0 !important; text-align: right; }
.progressSpeed			{ float: left; text-align: left; }
.progressTime			{ float: right; text-align: right; }
.hint					{ color: #777; font-size: 11px; }
.readonly				{ background-color: #F0F0F0; border: 1px solid #bbb; }
.imgFileBox				{ padding: 6px 0 0 0; overflow: hidden; clear: both; }
.imgFileBox input		{ width: 100%; }
.imgFileDialogue		{ position: absolute; z-index: 10; height: 70px; width: 300px; padding: 10px; background-color: #FFF; border: 1px solid #000; }
.imgFileDialogue .fb	{ width: 100%; }
.notoolbar				{ border-top: 1px solid rgb(187, 187, 187); }

#win-df-body			{ height: 160px; }
#win-df					{ width: 330px; }
#win-df h2				{ margin: 8px 0 2px 0; font-size: 13px; font-weight: bold; }