/* pt = page type */

.contactForm
{
	width:100%;
	margin:auto;
}
	.contactForm p
	{
		text-align:left;
		clear:both;
	}

	.contactForm p span
	{
		float:left;
		text-align:right;
		width:95px;
		margin-right:10px;
		margin-left:10px;
	}
	
	.contactForm p .input
	{
		width:285px;
		border:1px black solid;
		background-color:#EEEEEE;
	}
	
	.contactForm p .input.textarea
	{
		height:300px;
	}
	
	.contactForm .button
	{
		color:black;
		background-color:#EEE;
		border:1px black solid;
		width:100px;
		cursor:pointer;
	}
	

.inputholder
{
	width:100%;
	margin-top:5px;
	text-align:left;
}

.inputholder span
{
	width:150px;
	padding-right:15px;
	text-align:right;
	float:left;
	font-size:10pt;
}
/* CONTACT PAGE TYPE RELATED STYLES */


/* END CONTACT PAGE TYPE RELATED STYLES */


/* CALENDAR PAGE TYPE RELATED STYLES */

/* these are the styles for the main calendar (the maint table) */
.pt_calendar_main
{
	color:black; 
	margin:auto;
}

/* these are the styles for the previous and next buttons */
.pt_calendar_prev, .pt_calendar_next
{
	font-size:14px;
}

/* the cell that displays the current month */
.pt_calendar_currentm
{
	font-size:18px;
	font-variant:small-caps; 
	font-weight:bold;
}

/* the header cells where it says Sat, Sun, etc... */
.pt_calendar_header_weekday, .pt_calendar_header_weekend
{
	font-weight:bold;
	text-decoration:underline;
}

/* the cells with the day */
.pt_calendar_weekend, .pt_calendar_weekday
{
	border:1px black solid;
	color:black;
	font-size:10px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	
}

.pt_calendar_weekend
{
	background-color:#E4E4E4;
}

/* where it says 1,2,3,4 for the corresponding day */
.pt_calendar_daynumber
{
	color:black;
	font-size:12px;
}

/* the a tag that holds the event */
.pg_calendar_event
{
	display:block;
	margin-bottom:10px;
	position:relative;
	padding:0px 5px;
	text-decoration:none;
}


/* the view month, week, day links (a tags) */
.pt_calendar_mwd
{
	
}

/* the row that holds the links for month, week and day views */
.pt_calendar_mwd_row
{
	padding:15px 0px;
}

/* the table that holds the cells for week view */
.pt_calendar_main_week
{
	border:0px; 
	width:100%;
}
/* the cell for a week view */
.pt_calendar_week_cell
{
	border:1px black solid; 
	background-color:#EEEEEE;
	padding:5px;
}

/* where it says which day it is on the week view */
.pt_calendar_week_daynumber
{
	text-align:left;
	margin-bottom:10px;
}

/* the a tag that holds the event for week view */
.pg_calendar_week_event
{
	display:block;
	margin-bottom:10px;
	position:relative;
	padding:0px 5px;
	text-decoration:none;
}


/* the table that holds the cells for day view */
.pt_calendar_main_day
{
	border:0px;
	width:100%;
}

/* the cell for day view */
.pt_calendar_day_cell
{
	border:1px black solid; 
	background-color:#EEEEEE; 
	padding:5px;
}

/* where it says which day it is on the day view */
.pt_calendar_day_daynumber
{
	text-align:left;
	margin-bottom:10px;
}

/* the number that show which day it is, which is also a link to the day view for that day */
.pt_calendar_day_link
{
	color:#333 !important;
}

/* the holder of each event in day view */
.pg_calendar_event_day
{
	margin:10px;
}

/* holds the time of an event for the day view */
.pg_calendar_event_time_day
{
	font-weight:bold;
	font-size:12px;
}

/* holds the name of an event for the day view */
.pg_calendar_event_name_day
{
	font-size:14px;
}

/* holds the description of an event for the day view */
.pg_calendar_event_desc_day
{
	font-size:12px;
}

/* a wrapper that holds the hidden details about an event */
.pt_calendar_event_holder
{
	position:relative;
}

/* the hidden details about an event */
.pt_calendar_event_details
{
	min-width:300px;
	min-height:200px;
	display:none;
	border:1px #0078b7 solid;
	position:absolute;
	z-index:100;
	top:5px;
	left:5px;
	background:url(event_bkg.png);
	font-size:12px;
	padding:5px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	overflow:hidden;
	
}
/* END CALENDAR PAGE TYPE RELATED STYLES */

/* VALIDATION STYLES */
.v_container
{
	width:400px;
	overflow:hidden;
	border:3px #b60404 solid;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	position:fixed;
	top:100px;
	left:50%;
	margin-left:-200px;
	box-shadow:2px 2px 3px #333, 0px 0px 2px #b60404 inset;
	padding:10px;
	background:#f7f7f7 url(x.png) top right no-repeat;
	cursor:pointer;
	z-index:100000;
}

.fb-comments{clear:both; margin-top:20px;}
.clear_sys{clear:both;}
.clear_sys.mb20{margin-bottom:20px;}

/* DATE FIELD CUSTOMIZATIONS */
.cms_datefield_wrapper{position:relative; text-align:left;}/* this is span element */
.cms_datefield{width:70px;cursor:pointer;} /* this is input type='text' element */
.cms_datefield_cal_icon {vertical-align: bottom; cursor:pointer;} /* this is img element */
.cms_datefield_container{display: none; position: absolute; z-index:10000; left:-30px; top:20px; border: 1px solid #555; margin:0px; padding:0px; color:#333333;} /* span element */

/* BACK TO TOP OPTION */
#backtotop_sys{width: 41px; height: 41px; background: url(../images/backtotop.svg) no-repeat center; position: fixed; bottom: 10px; right: 10px; cursor: pointer; z-index: 1000000; display: none;}