.button {
	font-family: Verdana, Geneva, "Arial Unicode MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFF;
	background-color: #808080;
	margin: 2px 0 2px 0; 
	padding: 0 0 0 0; 
}

.button2 {
	font-family: Verdana, Geneva, "Arial Unicode MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFF;
	background-color: #669900;
	margin: 2px 0 2px 0; 
	padding: 0 0 0 0; 
}

a:link {
	text-decoration: none;
	font-family: Tahoma;
	font-size: 14px;
	color: #688E23;
	font-weight: bold;
	line-height: 12px;
}

a:visited {
	text-decoration: none;
	font-family: Tahoma;
	font-size: 14px;
	color: #688E23;
	font-weight: bold;

 	 }
a:active {
	text-decoration: none;
	font-family: Tahoma;
	font-size: 14px;
	color: #688E23;
	font-weight: bold;

}
a:hover {
	text-decoration: none;
	font-family: Tahoma;
	font-size: 14px;
	color: #9ACD32;
	font-weight: bold;
}

.a2:link {
	text-decoration: none;
	font-family: Arial;
	font-size: 9px;
	color: #336600;
	font-weight: bold;
	line-height: 12px;
}

.a2:visited {
	text-decoration: none;
	font-family: Arial;
	font-size: 9px;
	color: #336600;
	font-weight: bold;

 	 }
.a2:active {
	text-decoration: none;
	font-family: Arial;
	font-size: 9px;
	color: #336600;
	font-weight: bold;

}

.a2:hover {
	text-decoration: none;
	font-family: Arial;
	font-size: 9px;
	color: #336600;
	font-weight: bold;
}

.a3:link {
	text-decoration: none;
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #336600;
	font-weight: bold;
	line-height: 12px;
}

.a3:hover {
	text-decoration: none;
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #336600;
	font-weight: bold;
}

.a3:visited {
	text-decoration: none;
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #336600;
	font-weight: bold;
}
.a3:active {
	text-decoration: none;
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #336600;
	font-weight: bold;
}

.a4:link {
	text-decoration: none;
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #0000FF;
	font-weight: bold;
	line-height: 20px;
}

.a4:active {
	text-decoration: none;
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #0000FF;
	font-weight: bold;
}


.a4:visited {
	text-decoration: none;
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #0000FF;
	font-weight: bold;
	line-height: 20px;

}
.a4:hover {
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #4169E1;
	font-weight: bold;
	line-height: 20px;
        text-decoration: underline;
}

.a5:link {
	text-decoration: none;
	font-family: Tahoma;
	font-size: 22px;
	color: #688E23;
	font-weight: bold;
	line-height: 22px;
}

.a5:visited {
	text-decoration: none;
	font-family: Tahoma;
	font-size: 22px;
	color: #688E23;
	font-weight: bold;

 	 }
.a5:active {
	text-decoration: none;
	font-family: Tahoma;
	font-size: 22px;
	color: #688E23;
	font-weight: bold;

}
.a5:hover {
	text-decoration: none;
	font-family: Tahoma;
	font-size: 22px;
	color: #9ACD32;
	font-weight: bold;
}


.text2 {
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size:11px;
	line-height: normal;
	text-decoration: none;


	}

.text3 {
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size:12px;
	line-height: normal;
	text-decoration: none;


	}
.text4 {
	text-decoration: none;
	font-family: Tahoma;
	font-size: 22px;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 22px;
}	

.text5 {
	text-decoration: none;
	font-family: Tahoma;
	font-size: 22px;
	color: #000000;
	font-weight: bold;
	line-height: 22px;
}	

.border td{
border: 1px #808080 dotted;
}

.border2 td{
border: 1px #808080 solid;
}

h1 {
color: #000000;
font-size: large;
margin-left/* */ : 0%;
}

h2 {
color: #000000;
font-size: medium;
margin-left/* */ : 0%;
}

h3 {
color: #000000;
font-size: small;
margin-left/* */ : 0%;
}

h4 {
color: #000000;
font-size: x-small;
margin-left/* */ : 0%;
}

h5 {
color: #000000;
font-size: x-small;
margin-left/* */ : 0%;
}

h6 {
color: #000000;
font-size: x-small;
margin-left/* */ : 0%;
}

.image {
border-width: 2px;
border-color: #FFFFFF;
border-style: solid;
}

input.text2{ 
  font-family:TrebuchetMS; 
  font-size:10pt; 
  font-weight:normal; 
  background-color:FFFFFF; 
  border-color:000000; 
  border-style:inset; 
  border-width:1px; 
  color:000000; 
}

/* All form elements are within the definition list for this example */
dl {
	font:normal 12px/15px Arial;
    position: relative;
    width: 480px;
}
dt {
    clear: both;
    float:left;
    width: 150px;
    padding: 4px 0 2px 0;
    text-align: right;
}
dd {
    float: left;
    width: 300px;
    margin: 4px 0 8px 0;
    padding-left: 6px;
}



/* The hint to Hide and Show */
.hint {
   	display: none;
    position: absolute;
    right: -130px;
    width: 300px;
    margin-top: -4px;
    border: 1px solid #c93;
    padding: 10px 12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url(/images/pointer.gif) no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(/images/pointer.gif) left top no-repeat;
}

/* The hint to Hide and Show */
.hint2 {
   	display: none;
    position: absolute;
    right: -130px;
    width: 300px;
    margin-top: -25px;
    border: 1px solid #c93;
    padding: 10px 12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url(/images/pointer.gif) no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
.hint2 .hint-pointer2 {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(/images/pointer.gif) left top no-repeat;
}

.hint3 {
   	display: none;
    position: absolute;
    right: -250px;
    width: 200px;
    margin-top: -165px;
    border: 1px solid #c93;
    padding: 10px 12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url(/images/pointer.gif) no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
.hint3.hint-pointer3 {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(/images/pointer.gif) left top no-repeat;
}
.hint4 {
   	display: none;
    position: absolute;
    right: -220px;
    width: 160px;
    margin-top: -26px;
    border: 1px solid #c93;
    padding: 10px 12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url(/images/pointer.gif) no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
.hint4 .hint-pointer4 {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(/images/pointer.gif) left top no-repeat;
}
.panel {
	clear: both;
	display: none;
	border: 3px solid #CCC;
	padding: 1em;
}
.panel.active-tab-body {
	display: block;
}
#tabs {
	list-style: none;
}

#tabs li {
	float: left;
}

#tabs a {
	float: left;
	padding: 5px 8px;
	margin-left: 6px;
	background-color: #F2F2F2;
	text-decoration: none;
	color: #999999;
}

#tabs a.active-tab {
	background-color: #CCC;
	border-top: 3px solid #999;
	padding-top: 3px;
	color: #000;
}
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	border: 1px solid #00A8E6;
}

input.validation-failed, textarea.validation-failed,select.validation-failed {
        border: 1px solid #FF3300;
	color : #000;
}

input.validation-failed-ff,select.validation-failed-ff {

	outline: 1px solid #FF3300;
	color : #000;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #808080;
	color : #000;
}

input.validation-normal, textarea.validation-normal {
	border: 1px solid #808080;
	color : #000;
}

input.file validation-normal{
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}


.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

fieldset {
	padding: 1em;
	margin-bottom: 0.5em;
}

label {
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size:14px;
	font-weight: normal;
	line-height: normal;
	text-decoration: none;
}

label.inactive{
	color: #c0c0c0;

}
.form-row {
	clear: both;
	padding: 0.5em;
}

.field-label {

}

.field-widget {

}

.required {
     font-weight: bold;
}

.gobutton {
    border: 1px solid #006;
    background: #99cc66;
    color: #000000;
}

.invalidbutton {
    border: 1px solid #DCDCDC;
    background: #DCDCDC;
    color: #708090;
}

/* The pointer image is hadded by using another span */
.dataChecker {
    position: absolute;
    left: 785px;
    top: 55px;
    width: 32px;
    height: 32px;
    font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
    color: #00A000;
    font-size:16px;
    font-weight: bold;
    line-height: normal;
    text-decoration: none;
    padding: 6px 0px 0px 50px;
    background: url(/images/ajax-loader.gif) left top no-repeat;
}

.waiverYes {
    position: absolute;
    left: 785px;
    top: 55px;
    width: 292px;
    height: 59px;
    padding: 6px 0px 0px 50px;
    background: url(/images/waiver-yes.gif) left top no-repeat;
}

.waiverNo {
    position: absolute;
    left: 785px;
    top: 55px;
    width: 292px;
    height: 59px;
    padding: 6px 0px 0px 50px;
    background: url(/images/waiver-no.gif) left top no-repeat;
}

.ellybayYes {
    position: absolute;
    left: 785px;
    top: 185px;
    width: 315px;
    height: 59px;
    padding: 6px 0px 0px 50px;
    background: url(/images/ellybay-yes.gif) left top no-repeat;
}

.ellybayNo {
    position: absolute;
    left: 785px;
    top: 185px;
    width: 315px;
    height: 59px;
    padding: 6px 0px 0px 50px;
    background: url(/images/ellybay-no.gif) left top no-repeat;
}

.over21Yes {
    position: absolute;
    left: 785px;
    top: 120px;
    width: 315px;
    height: 59px;
    padding: 6px 0px 0px 50px;
    background: url(/images/over21-yes.gif) left top no-repeat;
}

.over21No {
    position: absolute;
    left: 785px;
    top: 120px;
    width: 315px;
    height: 59px;
    padding: 6px 0px 0px 50px;
    background: url(/images/over21-no.gif) left top no-repeat;
}

.bannedYes {
    position: absolute;
    left: 785px;
    top: 250px;
    width: 315px;
    height: 59px;
    padding: 6px 0px 0px 50px;
    background: url(/images/banned-yes.gif) left top no-repeat;
}

.birthdayYes {
    position: absolute;
    left: 785px;
    top: 315px;
    width: 315px;
    height: 59px;
    padding: 6px 0px 0px 50px;
    background: url(/images/birthday.gif) left top no-repeat;
}