.watermark {color:#999}

/* from the old ganttheadStyle.css */
.gantthead-form {text-align:left}

.gantthead-form ul{

	margin-left:3px;
	padding:0;
	list-style-type:none;
	width:100%;

}

.gantthead-form li {

	display:block;
	margin-bottom:5px;	
	padding-top:3px;
	padding-bottom:3px;
	padding-left:3px;
	padding-right:3px;
	clear:both;
	
}


li.highlight {background-color:#e0dfdd;}
li.disabled {background-color:#CCC;}
input.disabled {background-color:#CCC;}
li.extraMarginTop {margin-top:10px;	}

.gantthead-form li label.desc, label.desc  {
	display:block;
	font-weight:bold;
	font-size:12px;
}

.gantthead-form li label.radio {
	display:inline;
	font-weight:normal;
	font-size:11px;
}

.gantthead-form li label.checkbox {
	display:inline;
	font-weight:bold;
	font-size:11px;
}

label.checkbox {
	display:inline;
	font-size:11px;
}

.gantthead-button {

    margin:0 7px 0 0;
    background-color:#2e87bf;
    border:2px solid #000000;
    border-top:2px solid #eee;
    border-left:2px solid #eee;
    font-family:Arial;
    font-size:12px;
    text-decoration:none;
    font-weight:bold;
    color:#FFFFFF;
    cursor:pointer;
	white-space:nowrap;
    padding:5px 20px 5px 20px; 
}

.gantthead-button-small {

    margin:0 7px 0 0;
    background-color:#000000;
    border:1px solid #000000;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-family:Arial;
    font-size:10px;
    text-decoration:none;
    font-weight:bold;
    color:#FFFFFF;
    cursor:pointer;
	white-space:nowrap;
    padding:2px 2px 2px 2px; 
	text-align:center;
}

li.twoColumns div.col span{
	width:48%;
	margin:0 5px 0 0;
	
}

.third{
	width:32% !important;
}
.half{
	width:48% !important;
}
.full{
	width:100% !important;
}

.left{
	float:left;
}
.right{
	float:right;
}
.clear{
	clear:both !important;
}

input.small, select.small, textarea.small, li.small{
	font-family: Arial; font-size: 12px;
	width:25%;
}
input.medium, select.medium, textarea.medium, li.medium{
	font-family: Arial; font-size: 12px;
	width:50%;
}
input.mediumLarge, select.mediumLarge, textarea.mediumLarge, li.mediumLarge{
	font-family: Arial; font-size: 12px;
	width:75%;
}
input.almostLarge, select.almostLarge, textarea.almostLarge, li.almostLarge, div.almostLarge{
	font-family: Arial; font-size: 12px;
	width:85%;
}
input.large, textarea.large, li.large{
	font-family: Arial; font-size: 12px;
	width:98%; 
}

input.fullSize, textarea.fullSize, li.fullSize {
	font-family: Arial; font-size: 12px;
	width:100%; 
}

textarea.textarea{
	font-family: Arial; font-size: 12px;
}
textarea.large, textarea.almostLarge, textarea.medium, textarea.mediumLarge, textarea.small {
	height:100px;
}

select.large {
	font-family: Arial; font-size: 12px;
	width:95%;
}

.returnPath {border:2px solid #b6b7bb; padding:5px;}
.formInstructions, .instructions {font-size:11px; font-weight:normal; color:#333; margin:3px;}
#helper {cursor:pointer}
.reconsider{font-size:11px; font-weight:bold; color:#F00}
.errorMessage {display:block;padding:0; clear:both;line-height:normal; position:relative;border:1px solid #CC0000;padding:5px;margin:6px 0;width:auto;background: #ffffff;color:#cc0000;padding:10px; font-size:11px; font-weight:bold }

.alertMessage {display:block;padding:0; clear:both;line-height:normal; position:relative;border:1px solid #CC0000;padding:5px;margin:6px 0;width:auto;background: #ffffff;color:#cc0000;padding:10px; font-size:11px; font-weight:bold } 

input.alert, select.alert, label.alert
{
    background-color:   #FFF2F2;
    border-color:       red;
    border-style:       solid;
}

li.alert { 
	border: 2px solid #F00;
}

#usernameValidationResult {display: inline; color:#F00;}
#emailValidationResult {display: inline; color:#F00;}
#profileCodeValidationResult {display: inline; color:#F00;}