/* jQuery validation */
input.error {
	background-color: #FF3300;
	color: #FFFFFF;
}

label.error {
	margin-left: .3em;
	color: red;
}

/* Builder Styles */

/* =========================== ListBuilder =============================== */
/* =========================== EditorBuilder =============================== */

.editorBuilderTable thead th {
	border: 1px solid #CCCCCC;
	padding-left: 4px;
	padding-right: 4px;
}

.listBuilderTable,
.editorBuilderTable
{
/*	border: 1px solid #999999; */
	padding: 4px;
	width: 100%;
}

.editorBuilderReadonly
{
	padding: 2px;
	color: #666666;
}

.editorBuilderErrorText {
	font-weight: bold;
	color: #FF3300;
}

.listBuilderTable TD,
.editorBuilderTable TD
{
	font-size: 0.9em;
	padding: 4px;
}

.listBuilderTH
{
	text-align: center;
	color: #666666;
	border: 1px dotted #7DB542;
}

.listBuilderTDfirst, 
.listBuilderTD
{
	font-size: 0.9em;
	padding: 4px;
	vertical-align: top;
}

.listBuilderTDfirst
{
	font-weight: bold;
}

.alphaLinks {
	margin-bottom: 1em;
}

.alphaLinks .leader {
	font-size: 200%;
}

.alphaLinks A {
	color: #006699;
	text-decoration: none;
}

.alphaLinks A:hover {
	font-size: 200%;
	color: #FFFFFF;
	background-color: #7DB441;
	padding: 4px;
	border: 1px solid #CCCCCC;
}

.listBuilderTDfirst A {
	color: #006699;
}

.listBuilderUpdated
{
	font-size: 80%;
	color: #999999;
	vertical-align: top;
}

.listBuilderLink A,
.listBuilderPurge A,
.listBuilderDelete A,
.listBuilderRestore A
{
	color: #FFFFFF;
	background-color: #0087B3;
	border: 1px ridge #CCCCCC;
	font-weight: normal;
	padding: 4px;
	text-decoration: none;
	font-size: 90%;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.listBuilderDelete A
{
	background-color: #FF6600;
}

.listBuilderRestore A
{
	background-color: #7EB543;
}

.listBuilderDelete A:hover
{
	background-color: #FF0000;
	border: 1px solid #666666;
	cursor: pointer;
}

.listBuilderPurge A
{
	background-color: #FF3300;
}

.listBuilderRestore A:hover
{
	background-color: #0087B3;
	border: 1px solid #666666;
	cursor: pointer;
}

.listBuilderPurge A:hover
{
	background-color: #333333;
	border: 1px solid #666666;
	cursor: pointer;
}

.editorBuilderSearchResultValue,
.editorBuilderDisabled input,
.editorBuilderValue input,
.editorBuilderValue select
{
	font-size: 120%;
	background-color: #ECFBFF;
	padding: 2px;
	color: #666666;
	border: 1px solid #999999;
}

button,
A.smallButton,
A.button,
input.button,
.listBuilderMainLink A,
.editorBuilderButtons input
{
	color: #FFFFFF;
	background-color: #0085B1;
	border: 1px ridge #afd6f6;
	font-weight: normal;
	padding: 4px;
    padding-right: 6px;
	text-decoration: none;
	font-family: "Lucida Sans", sans-serif;
	font-size: 10px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

A.button-warn,
input.button-warn
{
	background-color: orangered;
}

A.smallButton {
	color: #FFFFFF;
	border: 1px ridge #afd6f6;
	background-color: #0085B1;
	padding: 2px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

A.smallButton:hover,
A.button:hover,
input.button:hover,
.listBuilderLink A:hover,
.listBuilderMainLink A:hover,
.editorBuilderButtons input:hover
{
	background-color: #CCCCCC;
	border: 1px solid #666666;
	cursor: pointer;
	color: #000000;
}

A.clearFieldButton
{
	color: #FFFFFF;
	padding: 1px;
	background-color: #FF6600;
	border: 1px ridge #CCCCCC;
	font-weight: normal;
	text-decoration: none;
	font-family: "Lucida Sans", sans-serif;
	font-size: 10px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

A.clearFieldButton:hover {
	background-color: #FF0000;
}

.editorBuilderKey
{
	text-align: right;
	color: #666666;
}

.editorBuilderButtons
{
	text-align: right;
	margin-top: 12px;
}

.editorBuilderDisabled input
{
	background-color: #C6ECC6;
}

.editorBuilderValue input:focus
{
	background-color: #FFFFDD;
}

.highlight {
	border: 1px dotted #FF0000;
	background-color: #FFFFDD;
}

.required {
	font-weight: bold;
	color: #FF0000;
}
.message {
	font-weight: bold;
	color: #FFFFFF;
	margin: 2px;
	padding: 2px;
	border: 1px dashed #FF9900;
	text-align: center;
	background-color: #FF6600;
	width: 75%;

	
	margin-left: auto;
	margin-right: auto;
	
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.message A {
	color: #FFFF66;
}


input#searchTerm {
	background-image: url(images/searchSmall.gif);
	background-repeat: no-repeat;
	font-size: 16px;
	background-color: #ECFBFF;
	color: #007AA2;
	border: 1px solid #999999;
	text-indent: 20px;
	background-position: 2px 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

select:disabled,
input:disabled {
	background-color: #F9F9F9;
	color: #AAAAAA;
	border: 1px solid #EEEEEE;
	padding: 2px;
}

input[readonly] {
	background-color: #EFEFEF;
}

#altnames {
	width: 98%;
	font-weight: normal;
	color: #666666;
	border: 1px solid #999999;
	line-height: 1.5;
	vertical-align: 150%;
	padding: 8px;
	font-size: 125%;
	background-color: #ECFBFF;
}

A.searchLink {
	font-size: 12px;
	color: #0083AE;
	text-decoration: none;
	font-weight: bold;
}

A.searchLink:hover {
	text-decoration: underline;
}
.removeIcon {
	cursor: pointer;
	margin-right: 4px;
	vertical-align: middle;
}

.checkboxList {
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	margin-bottom: 12px;
}

.checkboxList input {
	margin-right: 8px;
}

/* Messy, but prevents datepicker formatting from screwing up when we include our CSS after jQuery UI 
*/
.ui-datepicker td {
	font-size: 1.2em;
    border: 0 none;
    padding: 1px;
}