/* CSS Document */


div.form-holder {
	background-color:#FDB344;
	padding:0px 0px 20px 0px;
	margin:0px 0px 0px 0px;
	border:0px;
}


div.form-header {
	background-color:#800D10;
	color:#ffffff;
	font-weight:bold;
	font-size:12px;
	padding:8px;
	border-bottom:1px solid #470708;
}


.button {
	background-color:#800D10;
	color:#FFFFFF;
	font-weight:bold;
	border:0px;
	font-size:11px;
	padding:4px;
	width:120px;
	cursor:pointer;
}

.button:hover {
	background-color: #9d0f13;
}

button#back-button {
	float:left;
}

button#next-button {
	float:right;
}

input {
	float:left;
	border:1px solid #800D10;
	background-color: #FFF;
	font-size:12px;
	width:180px;
}

select {
	float:left;
	border:1px solid #800D10;
	font-size:12px;
	width:183px;
}


input.checkbox {
	width:16px;
	border:0px;
	margin-right:4px;
	background-color: #fdb344;
}

input.radio {
	width:16px;
	border:0px;
	margin-right:4px;
	background-color: #fdb344;
}

textarea {
	font-size:12px;
	border:1px solid #800D10;
	width:180px;
	height:100px;
	padding:1px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
}

label {
	display:block;
	float:left;
	line-height:20px;
	font-weight:bold;
	height:20px;
	font-size:12px;
	color:#000000;
	padding:0px 10px 0px 0px;
	width:100px;
}

div.verror {
	float:left;
	font-size:11px;
	color:#FF0000;
	padding-left:20px;
	background-image:url(../../images/field-error.png);
	background-repeat:no-repeat;
	background-position:left center;
	margin-left:4px;
	font-style:italic;	
	height:20px;
	font-weight:normal;
	width:50px;
	
}

div.vsuccess {
	float:left;
	font-size:11px;
	color:#999999;
	padding-left:20px;
	background-image:url(../../images/field-ok.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-top:0px;
	margin-left:4px;	
	height:20px;

}
.multiple-text {
	float:left;
	font-weight:bold;
	color:#000;
}

label.multiple-label {
	font-weight:normal;
	width:250px;
}

div.error {
	float:left;
	font-size:11px;
	color:#FF0000;
	padding-left:20px;
	background-image:url(../../images/field-error.png);
	background-repeat:no-repeat;
	background-position:left center;
	margin-left:4px;
	font-style:italic;	
	height:20px;
	font-weight:normal;
}

div.success {
	font-size:11px;
	color:#999999;
	padding-left:20px;
	background-image:url(../../images/field-ok.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-top:0px;
	margin-left:4px;	
	height:20px;

}
#char-count {
	float:none;
	clear:both;
	color: red;
	padding:2px 25px 10px 0px;
	height:25px;
	font-size:11px;
	text-align:right;
}


div.clear {
	clear:both;
	float:none;
	height:15px;
}

#register-wrapper {
	margin-top:20px;
}


#register-wrapper p {
	clear:both;
	float:none;
	height:20px;
	padding:0px 10px 0px 30px;
	margin:10px 0px 5px 0px;
}

#register-wrapper div.success {
	float:left;
	font-size:11px;
	color:#999999;
	padding-left:20px;
	background-image:url(http://www.adventistyouth.org/images/field-ok.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-top:0px;
	margin-left:4px;	
	height:20px;
	width:50px;

}
img.help-icon {
	float:left;
	border:1px solid #4d8596;
	margin-right:5px;
	cursor: help;
}



#register-wrapper div.error {
	float:left;
	font-size:11px;
	color:#FF0000;
	padding-left:20px;
	background-image:url(http://www.adventistyouth.org/images/field-error.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-top:0px;
	margin-left:4px;
	font-style:italic;	
	height:18px;
	padding-top:2px;
	font-weight:normal;
}
#register-wrapper label {
	display:block;
	float:left;
	line-height:20px;
	font-weight:bold;
	height:20px;
	font-size:12px;
	color:#000000;
	padding:0px 10px 0px 0px;
	width:150px;	
}
#register-wrapper input, #register-wrapper select {
	margin-left:25px;
}

#contact-wrapper p {
	clear:both;
	float:none;
	height:20px;
	padding:0px 10px 0px 30px;
	margin:10px 0px 5px 0px;
}


#login-wrapper p {
	clear:both;
	float:none;
	height:20px;
	padding:0px 10px 0px 10px;
	margin:15px 0px 0px 0px;
}

#login-wrapper a {
	color: #8b270b;
	text-decoration:none;
}

#login-wrapper a:hover {
	text-decoration:underline;
}

#contact-wrapper label.success {
	font-size:11px;
	color:#999999;
	padding-left:20px;
	background-image:url(http://www.adventistyouth.org/images/field-ok.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-top:0px;
	margin-left:4px;	
	height:20px;

}
#contact-wrapper label.error {
	float:left;
	font-size:11px;
	color:#FF0000;
	padding-left:20px;
	background-image:url(http://www.adventistyouth.org/images/field-error.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-top:0px;
	margin-left:4px;
	font-style:italic;	
	height:20px;
	font-weight:normal;	
}


//DATE PICKER




table.jCalendar {
	border: 1px solid #000;
	background: #c88115;
    	border-collapse: separate;
    	border-spacing: 2px;
}
table.jCalendar th {
	background: #b31c22;
	color: #fdd79e;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #faa72d;
	color: #FFF;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #c77b0c;
	color: #e6e6e5;
}
table.jCalendar td.today {
	background: #9e0f15;
	color: #fdd79e;
}
table.jCalendar td.selected {
	background: #c81018;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #e59827;
	color: #ccc;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #c17c15;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #800d10;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}

div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
	color: #fdd79e;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color:#fdd79e;
	text-decoration: none;
	padding: 3px 2px 0;
	font-weight:bold;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 3px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../images/calendar.png) no-repeat top left; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}

.ref-checkbox-left-div {
	float:left;
	width:230px;
	font-size:12px;
	color:#000000;
}

.form-clear {
	height:1px;
	float:none;
	clear:both;
}

.ref-checkbox-left {
	float:left;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	width:25px;
	background-color:#800D10;
}

.ref-checkbox {
	float:left;
	border-right:1px solid #000000;
	width:25px;
	background-color:#800D10;
}

.ref-checkbox-right-div {
	float:left;
	width:270px;
	font-size:12px;
	color:#000000;
	margin-left:5px;
}