/*** regpro.css ***/

/* CSS Document */
/******** Class use to make border on every sections ********/
.regpro_error {
  background-color: #FFE;
  border: 1px solid #CC9;
  color:#C00;
  text-transform:uppercase;
  padding: 4px;
  text-align:center;
  vertical-align:middle;
  font-weight:bold;
}

.regpro_outline {
  border: 1px solid #cccccc;
  background: #ffffff;
  padding: 2px;
  color:#000000;
}

div#regpro_outline a:link, div#regpro_outline a:visited  {
	text-decoration: none;
	font-weight: normal;
}

div#regpro_outline a:hover {
	text-decoration: underline;
	font-weight: normal;
}

.regpro_vtop {
	vertical-align:top;
}

.regpro_vtop_aright {
	vertical-align:top;
	text-align:right;
}

.regpro_vtop_aleft {
	vertical-align:top;
	text-align:left;
}

.regpro_vtop_acenter {
	vertical-align:top;
	text-align:center;
}

.regpro_vmiddle_aright {
	vertical-align:middle;
	text-align:right;
}

.regpro_vmiddle_aleft {
	vertical-align:middle;
	text-align:left;
}

.regpro_vmiddle_acenter {
	vertical-align:middle;
	text-align:center;
}

.regpro_aleft{
	text-align:left;
}

.regpro_aright{
	text-align:right;
}

.regpro_acenter{
	text-align:center;
}

.regpro_search_table{	
	text-align:center;
	padding:0;
	margin:0;
}

/* event discouint css */
.regpro_event_discount {	
	background: #FFFFCC;							
}

.regpro_cart_event_discount {	
	background: #FFFFCC;
	font-size:12px;
	color:#FF0000;
	text-transform:uppercase;						
}

/* registration form separator */
.regpro_reg_form_separator {	
	background: #FFFFCC;							
}
/* end */

/* ajax loading css box */
#ajaxmessagebox_frontend {
	margin-bottom:10px;
	width: auto;
	padding: 4px;
	border: solid 1px #DEDEDE;
	background: #FFFFCC;
	display: none;
	text-align:center;								
}

/* content tables */
.regpro_sectiontableheader {
  background: #efefef;
  color: #333;
  font-weight: bold;
  padding: 4px;
  border-right: 1px solid #fff;
}

.regpro_sectiontableheader-regpro {
  background: #efefef;
  color: #333;
  font-weight: bold;
  padding: 4px;
  border-right: 1px solid #fff;
}

/* content tables */

.regpro_header-regpro {
  background: #efefef;
  color:#000000;
  font-weight: bold;
  padding: 4px;
  border-right: 1px solid #fff;
  vertical-align:middle;
}

.regpro_footer-regpro {
  background: #efefef;
  color: #000000;
  font-size:10px;
  padding: 2px;
  border-right: 1px solid #fff;
}

.regpro_blink{
	text-decoration:blink;
}

.regpro_registration_allowed{
	background: #efefef;
	color:#333333;
	font-size:15px;
	font-weight:bold;
}

/* button classes */
.regpro_button {	
	font-size: 85%;
	color:#333;
}

.regpro_button:hover, .button:focus {
	color: #000000;
}


/************************************ Don't change these classes (Use by javascript classes)*******************************/

input.errHilite, select.errHilite, textarea.errHilite {
	border: 1px solid #DDC;
	background-color: #FFE;
	}
label.errHilite {
	color: #C00;
	}
	
div#errors {
	display: none;
	margin-top: 1em;
	background-color: #FFE;
	border: 1px solid #CC9;
	padding: .3em;
	color: #C00;
	font-weight: bold;
	}
	
div#errors li {
	list-style-type: none;
	margin-top: .2em;
	margin-bottom: .2em;
	padding: 1;
	}
div#errors li.heading {
	list-style-type: none;
	color: #000;
	font-weight: normal;
	font-style: normal;
	margin: .2em 0;
	padding: 1;
	}

/***************************************** END Don't change these classes ****************************************/

/*** regpro_calendar.css ***/

.regpro_calendarWeekDayHeader { 
	font-weight: bolder;
	background-color: #d2d2d2;	
	text-align:center;
	vertical-align:middle;
	padding-top:5px;
} 
.regpro_calendarMonthHeader{
	background-color: #d2d2d2;	
	text-align:center;
	vertical-align:middle;	
}
.regpro_calendarToday { 
	background-color: #efefef;
	color:#FF0000;
	width:60px;
	height:60px;
	text-align:center;
	vertical-align:middle;
	font-size:12px;
	font-style:normal;
	font-weight:bolder;
	text-decoration:blink;
}
.regpro_calendarDay { 
	background-color: #efefef;
	width:60px;
	height:60px;
	text-align:center;
	font-size:12px;
	font-style:normal;
}
.regpro_calenderday_highlight {
	background-color: #FFFFFF;
	width:60px;
	height:60px;
	text-align:center;
	vertical-align:middle;
	font-size:12px;
	font-style:normal;
	font-weight:bolder;
}
.regpro_calendar { 
	background-color:#d2d2d2;
	border:#666666;
	border: 1px solid #cccccc;
    background: #ffffff;
    padding: 2px;
    color:#000000;
	vertical-align:top;
}
.regpro_calendar_table {
	border: 0.5px #d2d2d2 solid;	

}
.regpro_calendar_table td{
	border: 1px #d2d2d2 solid;
}

/* month and year classes */
.regpro_calendar_months{	
	height:22px;
	text-align:left;
	border: 0px #c9d8fc;
	background-color: #efefef;	
	vertical-align:top;
	margin: 0px, 0px, 0px, 0px;
	font-size:14px;
}
.regpro_calendar_months:hover{
	background:#FFFFFF;
}
.regpro_calendar_years{	
	height:22px;
	text-align:left;
	border: 0px #c9d8fc;
	background-color: #efefef;	
	vertical-align:top;
	margin: 0px, 0px, 0px, 0px;
	font-size:14px;
}
.regpro_calendar_years:hover{
	background:#FFFFFF;
}
/* End Month/Years */


/* Tooltip css classes */
.custom-tip {
	Z-INDEX: 13000; WIDTH: 250px; COLOR: #000
}
.custom-title {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: #a3cef6; PADDING-BOTTOM: 4px; MARGIN: 0px; COLOR: #3e4f14; PADDING-TOP: 4px; BORDER-BOTTOM: #135cae 1px solid
}
.custom-text {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-SIZE: 11px; BACKGROUND: #cee9fb; PADDING-BOTTOM: 4px; PADDING-TOP: 4px
}
.tooptip_detail {
	text-align:left;
	vertical-align:top;
}

/* End Tooltip */