/*******************************************************************************
* GENERAL FORM STRUCTURE
*******************************************************************************/

.spFormDiv{
    border-style: none;
}
.spFieldText {

	font-family:arial,helvetica,clean,sans-serif;
	color: #707070;
	font-weight: bold;
}
.spTextInput {
    height: 1.3em;
    padding: .1em 0 .1em 0;
	
}

.spDropDownBox {
	height: 1.8em;
}

.spFormTextArea {
	height: 7em;
}

fieldset {
    margin:1em 1.5em;
	

}

legend {
    /*color: #624730;*/
	color: #423122;
    font-weight: bold;
    padding-bottom: 1em;
	font-size: 1.3em;
    font-family:helvetica,arial,sans-serif;
}
label {
	/*color:#624730;*/
	color: #423122;
	font-size:1.1em;
	font-weight:bold;
	 font-family:helvetica,arial,sans-serif
}

td {
	color: #423122;
	color: #423122;
	font-size:1.1em;
	font-weight:bold;
	 font-family:helvetica,arial,sans-serif
}

.spFormInput {
    font-size: 100%;
    margin-bottom: .5em;
    padding-top: .25em;
    position: relative;
    /*height: 1.85em;
    Scotto was here fix min height on form fields
		*/
	 min-height:24px;
	 height:auto !important;
     height:24px;
	 overflow:hidden;
	 

}
.spFormInput.popUp {
    /*
		font-size: 100%;
    margin-bottom: .5em;
    padding-top: .25em;
    position: relative;
    height: 1.85em;
    Scotto was here fix min height on form fields
		*/
	 min-height:24px;
	 height:auto !important;
     height:24px;
	 overflow:visible;

}

.spFormInputHeight2x {
    height: 3.64em;
}
.spFormInputHeight4x {
    height: 7.4em;
}
.spFormInputHeight5x {
    height: 9.25em;
}

.spFormLable {
    /*color: white;*/
    font-weight:bolder;
	font-size: 0.9em;
    float: left;
    padding: 0.2em 0.5em 0 0;
    text-align: right;
    width: 130px;
    min-height: 1.5em;
	overflow: hidden;
}

.spFormField {
    float: left;
	margin-left: .5em;
}

.spIpt {
    float: left;
    margin-right: 0.3em;
	font-family:arial,helvetica,clean,sans-serif;
}

.spSubmit {
    padding: 0 5.2em;
    text-align: right;
}
.spFieldFont{
		font-family:arial,helvetica,clean,sans-serif;

}
/**************************************
* Hide input labels for screen readers
**************************************/
.spHidden {
    display: none;
}


/*******************************************************************************
* FORM FORMAT TOOLS
*******************************************************************************/

.spFullLine {
    width: 22em;
}
.spIndentLine {
    width: 15em;
}
.spHalfLine {
    width: 10.85em;
}

.spThirdLine {
	width: 7.1333em;
}
.spSixthLine {
	width: 3.5em;
}
.spAddSmallRightMargin {
	margin-right: 1px;
}

.spAddSmallLeftMargin {
	margin-left: 6px;
}

.showCal {
	position:absolute;
	left:295px;
	top:0px;
	clear:both;
}

.calContainer {
	color: black;
	display:none;
	position:absolute;
	left:295px;
	top:0px;
	z-index:100;
	clear:both;
}


#daysContainer {
	background-color: #f2f2f2;
	font-family: georgia;
	color: black;
	border: 1px solid #808080;
	padding: 0px 10px 10px 10px;
	position:absolute;
	left:295px;
	top:0px;
	z-index:1;
	clear:both;
}

#daysTitle {
	-x-system-font:none;
/*	background:transparent url(http://yui.yahooapis.com/2.7.0/build/assets/skins/sam/sprite.png) repeat-x scroll 0 0; */
	border-bottom:1px solid #CCCCCC;
	color:#000000;
	font-size:90%;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	height:auto;
	left:0;
	line-height:normal;
	margin:0 -10px 10px;
	padding:0.4em;
	text-align:left;
	top:0;
}

.daysClose-icon {
	overflow:hidden;
	position:absolute;
	text-indent:-10000em;
	z-index:1;
}

.daysClose {
	background:transparent url(http://yui.yahooapis.com/2.7.0/build/assets/skins/sam/sprite.png) no-repeat scroll 0 -300px;
	cursor:pointer;
	height:15px;
	right:0.4em;
	top:0.4em;
	width:25px;
}

#daysTable {
	border-collapse:collapse;
	border-spacing:0;
	font-size:90%;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	margin:0;
	text-align:center;
}

#daysHead {
	background:transparent none repeat scroll 0 0;
	border:medium none;
	padding:0;
	vertical-align:middle;
}

#daysHeader {
	background:transparent none repeat scroll 0 0;
	font-weight:bold;
	padding:0 0 0.6em;
	text-align:center;
}

#daysWeekDayRow {
	height:2em;
}

#daysWeekDayRow th {
	border:medium none;
	min-width: 1.5em;
	padding:0 .2em 0.2em;
}

.daysWeekDayCell {
	color:#000000;
	font-weight:bold;
	text-align:center;
	width:2em;
}

.daysWeekDayCell a, .daysWeekDayCell a:link, .daysWeekDayCell a:visited {
	color: black;
}

td.daysCell {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #CCCCCC;
	height:1.6em;
	line-height:1.6em;
	padding:1px;
	text-align:center;
	white-space:nowrap;
}

.showDays {
	clear:both;
	left:295px;
	position:absolute;
	top:0;
}

#days_of_week {
	color: #bbbbbb;
}

.spFormCheckBox {
	height: 1.3em;
	/*width: 1.3em;*/
}

/*******************************************************************************
* FORM ERROR HANDLING
*******************************************************************************/

.spErrorHighlight {
	padding: 0.5em 0em 0.4em 0em;
	margin: 0.7em 0em;
	/*
	border-left: #c0c0c0 solid 0.7em;
	border-right: #c0c0c0 solid 2em;
	border-top: #c0c0c0 solid 0.7em;
	*/
	background-color: #e2e2e2;
	color: #b93b38;

}
#spError {
    background-image: url("/asset/image/spErrorbackground.png");
    background-repeat: repeat;
    background-color: #b93b38;
}
.spForm_error{
    min-height: 0em;
}

.spInputDisabled {
    color: #bbbbbb;
}

.spInputEnabled {
    color: black;
}

.spErrorDiv {
    font-size: 100%;
    margin: 0 0.5em;
	padding: 0em 0em 0em 0em;
    /*padding-top: 2px;*/
    position: relative;
	height: 1.85em;   
    display: none;
    color: white;
	background-color: #707070;
    /*add to allow multi line errors*/ 
	min-height:20px;
     height:auto !important;
     height:100px;
}

.spErrorLabel {
    float: left;
    padding: 0.2em 0.5em 0 0;
    text-align: right;
    width: 25%;
    min-height: 1.5em;
	font-weight: bold;
}
.spErrorText {
    float: right;
    padding: 0.2em 0.5em 0 0;
    text-align: left;
    width: 35em;
	
    
}
/**
*
* Corrective or  CSS must be placed below you default CSS
* spErrorShow and spReqField are auto injected by PHP
* These classe names are set in global.php as constants
*/

.spErrorShow {
    display:inline-block;
}

.spReqField {
    display:inline-block;
    /*color:red;*/

}
.spErrorBox {
    border: .3em solid black;
}

.spRequired {
    border: .3em dotted  lightBlue;
}

/*******************************************************************************
* FORM HELP HANDLING
*******************************************************************************/

/*
#spHelp {
background-image: url("/asset/image/spHelpbackground.png");
background-repeat: repeat;
background-color: #0072bc;
}
*/

.spBox {
    background:#0072bc none repeat scroll 0 0;
    margin-left:1em;
    padding:1em;
    margin: .5em;
   -moz-border-radius:5px;
        -webkit-border-radius:5px;
}


.spHelp {
    background:#0072bc none repeat scroll 0 0;
    margin-left:1em;
    padding:1em;
   /* width: 12 */
	width: 14em;
    margin: .5em;
    overflow: hidden;
    zoom: 1;  /* IE opacity fix */
    filter: alpha(opacity=0);  /* IE opacity fix */
    opacity: 0;
    display: none;
       -moz-border-radius:5px;
        -webkit-border-radius:5px;
}