/* Override Helios Default Styles for Mapa Verde */

/* === menu === */
#menu {float:right; font-family:Verdana, Geneva, sans-serif;padding-top:5px;}
#menu ul li {border-left:none;}
#menu ul li:hover {border-left:none;}
a.eventMenu{color: #D52D00;}
a.eventMenu:hover{background-color:#ffffe5; color:#2D89D5;}

/* === nav === */
#nav-top {text-align: left; padding-top: 5px;}
#nav-bottom {text-align: left;}

/* === eventList === */
.eventListTime {width: 130px; font-size:11px; color:#404040; clear:both;}
.eventListTimeHL {width: 130px; font-size:11px; color:#404040; background:#F8F5C9;clear:both;}
.eventListTitle {font-size:11px; color:#404040; padding-left:3px; }
.eventListTitleHL {font-size:11px; color:#404040; padding-left:3px; background:#F8F5C9;}
a.eventListTitle {text-decoration: none; color: #D52D00;}
a.eventListTitle:hover {color: #2D89D5;}

/* === eventPanel === */
#eventPanel {padding-top:15px;}

/* === searchLoc === */
a.searchLoc{color: #D52D00; font-size:11px;}
a.searchLoc:hover{color: #2D89D5; font-size:11px;}

/* === buttons === */
#submit.button{width:170px;background-color:#F8F5C9; border:2px #F3ED9B solid; font-weight:bold; color:#D52D00; padding: 5px 10px 5px 10px;}
#submit.button:hover {color:#2D89D5;}

#cancel.button{background-color:#F8F5C9; border:2px #F3ED9B solid; font-weight:bold; color:#D52D00; padding: 5px 10px 5px 10px;}
#cancel.button:hover {color:#2D89D5;}


/* === social === */
.socialT{float:left;width:40%;padding:3px 0px 5px 0px; text-align :center;}
.socialF{float:left;width:40%;padding:10px 0px 5px 10px; text-align:center;}

/* === eventDetail === */
#eventDetailTitle{padding:5px 0px 5px 0px; border-bottom:2px solid #404040;}
h1.summary{color:#404040; font-size:14px; }
#eventDetailDesc{font-size:11px; color:#404040; padding-right:10px; padding:10px 10px 5px 0px;}
#eventDetailInfo{clear:left;}
.eventDetailDate {font-size:12px; color:#404040;}
.eventDetailDatePast {font-size:12px; color:#404040;}
.eventDetailTime{color:#404040; padding:10px 0px 0px 0px;}

/* Investigate these before removing */	

/* === feedback === */	
.info{
	font-size: 11px;
	padding:5px;
	background: #F8F5C9;
	border: solid 1px #404040;
	margin-top:20px;
	margin-right:-10px;
	}
.warning{
	font-size: 11px;
	background: #EFEFEF;
	}
.error{
	font-size: 11px;
	background: #EFEFEF;
	}

/* These still need to be reconciled with helio.css */	


/* === event panel === */
#eventPanel{
	margin:0px 20px 20px 20px;
	min-width:550px;	
}

/* === eventSummary === */

.eventDateTitle {
	clear: both;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#404040;
	border-bottom: 1px solid #999;
	padding: 10px 0px 0px 0px;
	margin-bottom:10px;
}

a.eventMain{
	text-decoration: none;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #D52D00;
	line-height:20px;
	}
a.eventMain:hover{
	text-decoration: none;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	color:#2D89D5;
	line-height:20px;
	}

#eventDetailTools{
	margin-top:20px;
	float:right;
	width:45%;
}
.eventDetailToolbox{
	padding:10px;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #999;
	background:#FFFFE5;
	width:95%;
}

.eventDetailToolbox img{
	padding:5px;
}

.eventDetailToolbox a{
	color:#D52D00;
}
.eventDetailToolbox a:hover{
	color:#2D89D5;
}


.eventDetailToolboxCal{
	padding:10px;
	padding-bottom:20px;
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #999;
	background:#FFFFE5;
	width:95%;
}

.eventDetailToolboxCal img{
	padding-left:20px;
	padding-top:10px;
	margin-bottom:-5px;
}

.eventDetailToolboxCal a{
	color:#D52D00;
}
.eventDetailToolboxCal a:hover{
	color:#2D89D5;
}




	


/* === form styles === */
input, textarea, select {
	border:1px solid #999;
	margin:2px;
}

legend{
	font-weight:bold;
	font-size:.9em;
	border:1px solid #0782CC;
	padding:3px 10px;
	background-color:#eee;
	margin-bottom:21px;
	}
label {
    float: left; 
    width: 100px; 
    padding: 0px 10px 0px 0px; 
    text-align: right; 
	} 
.category {
	width:230px;
	text-align:left;
	font-size:.9em;
}
.radio{
	text-align:left;
	width:150px;
	}

/* === input classes === */	
fieldset {
	padding:0 15px 20px;
	clear: both;
    border: 2px #F3ED9B solid; 

}
fieldset div { 
    margin-bottom: 5px; 
}
fieldset div input, textarea, select{
	font-family: Verdana, sans-serif;
	font-size: 11px;
    padding: 1px; 
    color: #404040; 
	} 
	
/* also affects dropdown and outline around month on minimap */
input:focus, textarea:focus, select:focus{
	background-color:#F8F5C9;	
	color:#404040;
}

/* field names */
fieldset div.frmReq{ 
    color: #404040;
    font-size:11px;

}

/* tiny calendar */
fieldset div.frmReq img{ 
    margin-bottom:-5px;
}



fieldset div.frmReq input, textarea, select{ 
    font-weight: bold;
    color: #404040; 
}

/* descripton field name */
fieldset div.frmOpt{
    color: #404040;
    font-size:11px;
    margin-bottom:10px;
    margin-top:10px;
}

fieldset div.frmOpt input, textarea, select{
	font-weight: normal;
	color: #404040;
}

/* boxed area headings */
legend {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #D52D00;	
	background: transparent; 
	margin-bottom:20px;
	padding: 2px 10px 4px 10px;
	border: 2px #F3ED9B solid;
}
/* field names */	
label {
    float: left; 
    width: 100px; 
    padding: 3px 10px 0px 0px; 
    text-align: right; 
	} 
label.radio {
    padding: 0px 0px 0px 0px; 
    text-align: left; 
	} 
label.category {
    padding: 0px 0px 0px 0px; 
    text-align: left; 
	width: 180px;
	} 
input[type="submit"] {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	width: 150px;
	color: #404040;
	padding: 2px 10px 4px 10px;
	}
input[type="reset"] {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	width: 150px;
	color: #000000;
	}
input[type="button"] {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	width: 150px;
	color: #000000;
	}
input[type="radio"] {
	padding-left: 0px;
	text-align: left;
	vertical-align: middle;
	}
input[type="checkbox"] {
	padding-left: 0px;
	text-align: left;
	vertical-align: middle;
	}
	
/* === mini calendar === */

#miniCal {
	margin:20px 0px;
}

.miniCalTable{
	border-collapse:collapse;
	empty-cells:show;
	width:198px;
	font-family:Verdana, Geneva, sans-serif;
	color:#404040;
	font-size:14px;
	border:1px solid #404040;
	
}
.miniCalTable td{
	cursor:pointer;
	text-align:center;
}
.miniCalTitle{
	border:none;
	background-color:#F3ED9B;
	text-align:center;	
}
.miniCalJump{
	background-color:#F3ED9B;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#404040;
	border:none;
}
.miniCalNav{
	background-color:#F3ED9B;
	color:#404040;
	font-size:14px;	
	border:none;
}
.miniCalDOW{
	border:1px solid #404040;
	background-color:#F8F5C9;
	color:#404040;	
}	
.miniCal{
	background-color:#ffffe5;
	border:1px solid #404040;
}
.miniCal:hover{
	border:1px solid #404040;
	background-color:#E89840;
}

.miniCalToday{
	font-weight:bold;
	background-color:#F3ED9B;
	border :1px solid #404040;
}
.miniCalToday:hover{
	font-weight:bold;
	border:1px solid #404040;
	background-color:#E89840;
}
.miniCalEvents{
	border:1px solid #404040;
	background-color:#F3ED9B;
}
.miniCalEvents:hover{
	text-align:center;
	border:1px solid #404040;
	background-color:#E89840;
}
.miniCalFiller{
	border:1px solid #404040;
	background-color:#FFFFe5;
}

/* === featured events === */

#billboard {
	margin:20px 0px;
	text-align: left;
}
.billboardHeader{
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#D52D00;	
}
ul.billboard{
	list-style-type:none;
	margin-left:10px;
	padding:0px;
}
li.billboard{
	padding-left:5px;
	padding-top:5px;
	color:#404040;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
}
li.billboardDate{
	font-weight:bold;
	color:#404040;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
}
a.billboard{
	text-decoration:none;
	color:#D52D00;
}
a.billboard:hover{
	text-decoration:none;
	color:#2D89D5;
}

/* === rss links === */

a.rssLinks {
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-size:11px;
	text-decoration: none;
	color: #FF6600;
}
a.rssLinks:hover {
	color:#2D89D5;
}
.rssLinksAll,.rssLinksBillboard {
	background-image:url("/calendar/events/images/rss/feedIcon.gif");
	background-repeat:no-repeat;
	padding:1px 0px 4px 20px;
	float:left;
}
.rssLinksBillboard {
	margin-left:10px;
}


/* === tiny popup calendar === */

.hc_cpYearNavigation,.hc_cpMonthNavigation { background-color:#F8F5C9; text-align:center; vertical-align:center; text-decoration:none; color:#404040; font-weight:bold; }
.hc_cpDayColumnHeader, .hc_cpYearNavigation,.hc_cpMonthNavigation,.hc_cpCurrentMonthDate,.hc_cpCurrentMonthDateDisabled,.hc_cpOtherMonthDate,.hc_cpOtherMonthDateDisabled,.hc_cpCurrentDate,.hc_cpCurrentDateDisabled,.hc_cpTodayText,.hc_cpTodayTextDisabled,.hc_cpText { font-family:arial; font-size:8pt; }
TD.hc_cpDayColumnHeader { text-align:right; border:solid thin #F8F5C9; border-width:0px 0px 1px 0px; }
.hc_cpCurrentMonthDate, .hc_cpOtherMonthDate, .hc_cpCurrentDate  { text-align:right; text-decoration:none; }
.hc_cpCurrentMonthDateDisabled, .hc_cpOtherMonthDateDisabled, .hc_cpCurrentDateDisabled { color:#D0D0D0; text-align:right; text-decoration:line-through; }
.hc_cpCurrentMonthDate, .hc_cpCurrentDate { color:#404040; }
.hc_cpOtherMonthDate { color:#999; }
TD.hc_cpCurrentDate { color:white; background-color: #F8F5C9; border-width:1px; border:solid thin #404040; }
TD.hc_cpCurrentDateDisabled { border-width:1px; border:solid thin #FFAAAA; }
TD.hc_cpTodayText, TD.hc_cpTodayTextDisabled { border:solid thin #F8F5C9; border-width:1px 0px 0px 0px;}
A.hc_cpTodayText, SPAN.hc_cpTodayTextDisabled { height:20px; }
A.hc_cpTodayText { color:#D52D00; text-decoration:none;}
A.hc_cpTodayText:hover {color:#2D89D5; text-decoration:none;}
.hc_cpTodayTextDisabled { color:#D0D0D0; }
.hc_cpBorder { border:solid thin #999; }

/* === IE Hacks === */
input.noBorderIE{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	border: 0px;
	}