﻿
.DialogBox
{
	position: absolute;
	width: 260px;
	height: 150px;
	left: 50%;
	top: 50%;
	padding: 20px;
	margin-left: -130px;
	margin-top: -75px;
	border: solid 1px #666666;
	background-color:#e5e5e5;
}

.ThankYou {
	color:#666666;
	font-size:150%;
	padding-top:0px;
}

.clear {
	clear: both;
}

/**************************** EVENTS MODULE STYLES ****************************/

/*--DIV THAT CONTAINS THE EVENT SUMMARY i.e ON THE HOME PAGE --*/

#EventsPanel {
	width:280px;
	min-height:100px;
	height: auto !important;
	height:100px;
	padding:5px 5px 0 5px;
	float:right;
	color:#333333;
	background-color:#FFFFFF;
	margin:10px 10px 10px 0;
	background-repeat:repeat-x;
}

#EventsPanel h2 {
	color:#333333;
	margin-bottom:5px;
}

#EventsPanel ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#EventsPanel ul li {
	color:#333333;
	border-bottom:1px solid #CCCCCC;
	margin-bottom:10px;
	padding-bottom:10px;
}

/*--EVENT LINK --  THERE IS ALSO A CLASS ASSOCIATED WITH THE LINK - SEE BELOW (.EventsMore) --*/

#EventsPanel ul li a {
	color:#000066;

	font-size:80%;
}

/*--DIV THAT CONTAINS ALL OF THE DATE INFO --*/

.DateHolder {
	text-align:center;
	min-height:33px;
	height: auto !important;
	height:33px;
	width:50px;
	background-color:#FFFFFF;
	background-image:url(EventsDate.gif);
	background-repeat:no-repeat;
	padding-top:17px;
	float:left;
	display:block;
	margin-right:8px;
}

/*--DATE = DAY/MONTH/YEAR --*/

.EventsDate {
	font-size:100%;
	color:#33CCCC;
}

/*--DATE = DAY --*/

.EventsDateDay {
	font-size:120%;
	color:#000066;
	line-height:70%;
	display:block;
	margin-bottom:0px;
	padding-bottom:4px;
}

/*--DATE = MONTH --*/

.EventsDateMonth {
	font-size:80%;
	font-weight:bold;
	color:#333333;
	display:block;
	margin-bottom:0px;
	padding-bottom:0px;	
}

/*--DATE = YEAR --*/

.EventsDateYear {
	font-size:70%;
	color:#333333;
	display:block;
	margin-bottom:0px;
	padding-bottom:0px;	
}

/*--EVENT TITLE --*/

.EventsTitle {
	font-size:80%;
	font-weight:bold;
	color:#000066;
}

/*--EVENT IMAGE THUMBNAIL --*/

.EventsImgThmb {
	padding: 1px 1px 4px 1px;
	background-color:#CCCCCC;
	display:block;
	float:right;
	margin-right:5px;
	background-image:url(EventsImgShdw.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
}

/*--EVENT SUMMARY --*/

.EventsText1 {
	color:#666666;
	font-size:80%;
}

/*--EVENT LINK -- THIS IS GENERALLY CONTROLLED USING THE STYLES IN THE LIST - SEE ABOVE (#EventsPanel ul li a) --*/

.EventsMore {
}


/**************************** EVENTS MAIN STYLES ****************************/

/*-- MAIN EVENT TITLE --*/

.MainEventsTitle {
	font-size:170%;
	color:#000066;
}

/*-- MAIN EVENT START DATE --*/

.MainEventsStartDate {
	font-size:80%;
	color:#666666;
}

.MainEventsStartDateText {
	font-size:70%;
	color:#333333;
}

/*-- MAIN EVENT END DATE --*/

.MainEventsEndDate {
	font-size:80%;
	color:#666666;
}

.MainEventsEndDateText {
	font-size:70%;
	color:#333333;
}

/*-- MAIN EVENT IMAGE --*/

.MainEventsImage {
	border:1px solid #CCCCCC;
	padding:1px;
	float:left;
	margin-right:15px;
}

/*-- MAIN EVENT SUMMARY --*/

.MainText1 {
}

/*-- MAIN EVENT CONTENT --*/

.MainText2 {
}


/**************************** EVENTS COMMENT STYLES ****************************/

/*-- EVENTS COMMENTS li HOLDER --*/

#EventsComments {
}

#EventsComments ul {
	margin:0px;
	padding:0px;
}

#EventsComments ul li {
	list-style-type:none;
	margin:0px 0px 10px 0px;
	padding:10px 0px 10px 10px;
	font-size:80%;
	border-top:3px solid #dadada;
	background-color:#eeeeee;

}

/*-- EVENTS COMMENTS HEADER --*/

.EventsCommentsHeader {
	color:#adadad;
	font-size:120%;
	border-bottom:1px solid #adadad;
	display:block;
	background-image:url(Comment_Lrg.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:35px;
	padding-bottom:5px;
}

/*-- EVENTS COMMENT --*/

.EventComment {
	color:#666666;
	font-size:100%;
	display:block;
	background-image:url(Comment.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:20px;
	padding-right:20px;
	margin:0px;
}

/*-- EVENTS COMMENT NAME --*/

.EventCommentName {
	color:#000066;

	font-size:90%;
}

/*-- EVENTS COMMENT DATE --*/

.EventCommentDate {
	color:#000066;

	font-size:80%;
}

/*-- EVENTS ADD COMMENT WRAPPER --*/

.EventsCommentAddWrapper {
	border-left:3px solid #dadada;
	display:block;
	padding-left:10px;
}

/*-- EVENTS COMMENT ADD TITLE --*/

.EventsCommentAddTitle {
	font-size:110%;
	color:#666666;
}

/*-- EVENTS COMMENT ADD NAME --*/

.EventsCommentAddName {
	font-size:80%;
	color:#666666;
}

/*-- EVENTS COMMENT ADD EMAIL --*/

.EventsCommentAddEmail {
	font-size:80%;
	color:#666666;
}

/*-- EVENTS COMMENT ADD COMMENT --*/

.EventsCommentAddComment {
	font-size:80%;
	color:#666666;
}