/* This document should only apply to particular classes -- except for the hasLayout thing */

div {
	border : none;
	hasLayout : true;		/* IE - causes absolutely positioned div's to respect coordinates like FireFox */
}

iframe.uploader {
	width : 100%;
	height : 3em;
}

.warningLabel { color : #993344; }
.inputButtonRow { background : #AACCEE; }
td.buttons{ text-align : right; }

table.inputTitle { width : 100%; }
.inputTitle td { padding : 3px; }
.inputTitle {
	background : #AACCEE;
	border : none;
}

td.title {
	vertical-align : middle;
	text-align : left;
	color : #FFFFFF;
	font-size : 1.33em;
	font-weight : bold;
}


.inputRequired, td.inputRequired {
	text-align: left;
	color : #990000;
}

.head2 {
	font-size : 14px;
	font-weight : bold;
	line-height : 14px;
	border-bottom : 2px solid #99AABB;
	color : #46698B;
}


table.inputTable {
	vertical-align  : top;
	text-align      : left;
	border-style    : none;
	border-collapse : separate;
	border-spacing  : 3pt;
}

.input, td.input {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	border : 1px solid #BBBBBB;
}

.inputLabel, td.inputLabel {
	vertical-align : top;
	text-align : right;
	color : #555555;
}

.inputGroupLabel, td.inputGroupLabel {
	text-align  : left;
	color       : #333333;
	font-weight : bold;
}
.inputGroupHeader {
	text-align : left;
	font-size : 14px;
	padding-top : 12px;
	border-bottom : 1px solid #999999;
	color : #46698B;
}

input.button {
	cursor : pointer;
	color : #000000;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size   : 14px;
	font-weight : bold;
	border : 1px solid #777777;
}
input.button:hover { border-color : #999999; }
input.save, input.cancel, input.delete { margin-left : 5px; }

input.button                     { background : #E8F0EE; }
input.button:hover, .buttonHover { background : #E8F8FF; }   /* see imagefileuploader control */
input.save         { background : #D0F8D0; }
input.save:hover   { background : #D8FFD8; }
input.cancel       { background : #E8F0EE; }
input.cancel:hover { background : #E8F8FF; }
input.delete       { background : #FFD0D0; }
input.delete:hover { background : #FFD8D8; }