<!--[if IE]>
<style type="text/css"> 
#container #sidebar { padding-top: 30px; }
#container #mainContent { zoom: 1; } /* the proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
body {word-wrap: break-word;}
#container .mybuggyelement { zoom: 1;}
</style>
<![endif]-->

#framework-2-column {    /* Sight8: zeroed left: -7px top: -5px */
  background-color: #fff;
  border-top: none;
  position: relative;
  left: 0px;
  top: 0px;
  width: 950px;
}
 

 
#container { 
	width: 950px;
	background: white url(/online-activities/images/bg.jpg) repeat top left;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 10px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	min-height:100%; /* for mozilla as IE treats height as min-height */
	font: 10pt Arial, Helvetica, sans-serif;
	border: 1px solid #efefef;
}
 
#container #header { 
} 
 
#container #mainContent { 
	margin: 0 260px 0 0px; /* the left margin should mirror the margin on the header and footer for proper alignment. */
} 
 
#container #pageContent {
	margin: 30px 25px 15px 25px;
	}
 
#container #footer {
	margin: 0;
	padding: 0 10px 0 0;
	display: inline;
	float: left;
	width: 680px;
}
	 
#container #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	}
 
#container .clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
 
/* begin Sight8 text styles */
	
#container p { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	line-height: 135%;
	margin-top: 0;
	margin-bottom: 10px;
	text-align: left;
}
 
#container #map_canvas_holder {
width: 100%;
height: 510px;
float:left;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
z-index: 4 !important;
background-color: white;
position: relative;
}

#container #table_canvas {
width: 100%;
height: 510px;
overflow:auto;
float:left;
display: none;
background-color: white;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
z-index: 4 !important;
position: relative;
}
 
#container #calendar_canvas {
width: 100%;
float:left;
display: none;
background-color: white;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
z-index: 4 !important;
position: relative;
}
 
#container #activities-list {
border: 1px solid green;
width: 600px;
min-height: 300px;
margin-top: 10px;
float:left;
}

#container #mainContent {
margin-right: 0px;
}
#container .odd {
   background-color: #DCDCDC;
}
#container .even {
	background-color: #0000;
}
#container .selectedItem {
	background-color: #FFFFCC;
}
#container .ui-datepicker-current { 
	visibility:hidden 
}
#container .ui-dialog-buttonpane button { 
	text-align: center; 
}

.jqmOverlay { background-color: black; }
.jqmWindow {
        background: #999;
        color: #000;
        border: 1px solid #000000;
        padding: 0 0px 50px;
    }

    button.jqmClose {
        background-color: #444;
        border: 0px;
        color: white;
        clear: right;
        float: right;
        padding: 10;
        margin:5px 0;
        cursor: pointer;
        font-size: smaller;
		text-decoration: none !important;
    }

    #jqmTitle {
        background: transparent !important;
        color: black;
        text-transform: capitalize;
        height: 20px;
        padding: 0px 5px 0 10px;
    }

    #jqmContent {
        width: 100%;
        height: 100%;
        display: block;
        clear: both;
        margin: 0;
        margin-top: 0px;
        background: #e8e8e8;
        border: 1px solid #ffffff;
    }
	
	#activitySelector {
	font-size: 12px; 
	width: 97%; 
	border: 1px dashed #bbbbbb; 
	padding: 10px; 
	display: none;
	background-color: #dbe8cc;
	float: right;
	}
	
#container	input {
	border: 1px solid white;
	}
	
#container	select {
	border: 1px solid white;
	}



#distanceSlider {
margin: 5px;
}

.selectlist-item {
border: 1px solid white !important;
}

#greentea td{
padding-left: 10px;
padding-top: 0px;
}

#greentea {
color: #333333;
}

#greentea .table-label {
width: 10%;
vertical-align: middle;
background-color: #b7d199;
color: #ffffff;
text-align: left;
padding-left: 10px;
}

#greentea .table-spaces{
height: 15px;
}

#distSelector {
margin-top: 2px;
}

#showFilter {
font-size: 11px; 
cursor:pointer; 
display: block; 
}

.showFilter {
  cursor:pointer;
}
#filterMessage {
clear:both; 
display: none;
margin-bottom: 10px;
border-top: 2px solid #E2AD66;
border-bottom: 2px solid #E2AD66;
background:#F5E4CC url('/online-activities/images/address-error.png') no-repeat 24% 50%;
}

#filterMessage p {
color: #d99133; 
text-align: center; 
font-size:12pt; 
font-weight:bold;
margin-top: 6px; 
margin-bottom: 6px;
}

#tableViewTab {
text-align: center; 
width: 116px;
cursor:pointer;
border-top-left-radius: 10px; 	
-moz-border-radius-topleft: 10px;
border-top-right-radius: 10px; 	
-moz-border-radius-topright: 10px;
padding: 5px;
float: left;
background-color: white;
margin-left: 2px;
z-index: 5;
position: relative;
-moz-box-shadow: -1px -1px 1px #888;
box-shadow: -1px -1px 1px #888;
-webkit-box-shadow: -1px -1px 1px #888;
}

#calendarViewTab {
text-align: center; 
width: 116px;
cursor:pointer;
border-top-left-radius: 10px; 	
-moz-border-radius-topleft: 10px;
border-top-right-radius: 10px; 	
-moz-border-radius-topright: 10px;
padding: 5px;
float: left;
background-color: #dddddd;
margin-left: 2px;
z-index: 5;
position: relative;
-moz-box-shadow: -1px -1px 1px #888;
box-shadow: -1px -1px 1px #888;
-webkit-box-shadow: -1px -1px 1px #888;
}

#mapViewTab {
text-align: center; 
width: 116px;
cursor:pointer;
border-top-left-radius: 10px; 	
-moz-border-radius-topleft: 10px;
border-top-right-radius: 10px; 	
-moz-border-radius-topright: 10px;
padding: 5px;
float: left;
background-color: #dddddd;
margin-left: 2px;
z-index: 5;
position: relative;
-moz-box-shadow: -1px -1px 1px #888;
box-shadow: -1px -1px 1px #888;
-webkit-box-shadow: -1px -1px 1px #888;
}

.tab-inactive {
border-bottom: 0px;
color: black;
-moz-box-shadow: none !important;
box-shadow: none !important;
-webkit-box-shadow: none !important;
z-index: 1 !important;
}


#container td.data {
text-align: left !important;
}

#container a {
color: #41679f;
}

#container th {
color: white;
}

#filterPrompt {
width: 150px; 
padding: 5px; 
background-color: #dbe8cc; 
border: 1px dashed #bbbbbb; 
float: left; 
text-align: center;
clear: left;
}

#pastActivitiesPrompt {
width: 150px; 
padding: 5px; 
background-color: #dbe8cc; 
border: 1px dashed #bbbbbb; 
text-align: center;
cursor: pointer;
}

.retrievePastActivitiesButton{
border: 1px solid #4C8C00;
background-color: #94ba66;
color: white;
cursor: pointer;
-moz-box-shadow: 2px 2px 2px #bbbbbb;
-webkit-box-shadow: 2px 2px 2px #bbbbbb;
box-shadow: 2px 2px 2px #bbbbbb;
}

.retrievePastActivitiesButton:hover{
background-color: #4C8C00;
-moz-box-shadow: 0px;
-webkit-box-shadow: 0px;
box-shadow: 0px 0px 0 0px;
}

#retrieveUpcomingActivitiesButton{
display:none;
}

#showPastActivitiesOptions {
font-size: 11px; 
cursor:pointer; 
display: block; 
}
#container .borderfix {
border-bottom: 1px solid #dbe8cc !important;
}

#ui-datepicker-div {
z-index: 6 !important;
display:none;
}

.ui-datepicker-calendar th {
color: #333333;
}
#pastActivitiesOptionsTop {
display:none;
border:solid thin;
margin-bottom:10px;
padding-top:10px;
text-align:center;
}
#activityCount {
float:left; 
margin-left: 10px; 
line-height: 25px; 
}

#myLocationDisplay {
float:left; 
margin-left: 10px; 
line-height: 25px; 
}

#printView {
padding: 5px;
float: left;
margin-left: 10px;
position: relative;
cursor: pointer;
}

#loading-gif {
display:none;
float: left;
margin-left: 10px;
margin-top: 4px;
}

.legend-item {
margin-right: 30px;
float: left;
}

#container #legend {
clear: both;
padding: 10px;
height: 20px;
}

#container #legend p {
margin: 0px;
line-height: 20px;
}

#sharingDiv {
float: right;
text-align: right;
}

#locationSelector {
background-color: #999999;
}

#locationSelector .table-label {
background-color: #666666;
}

#locationSelector td {
padding: 10px;
}

#locationSelector td button.filterButton {
border: 1px solid #000000;
background-color: #666666;
color: white;
cursor: pointer;
margin-left: 10px;
-moz-box-shadow: 2px 2px 2px #777777 !important;
-webkit-box-shadow: 2px 2px 2px #777777 !important;
box-shadow: 2px 2px 2px #777777 !important;
}

#locationSelector td button.filterButton:hover {
background-color: #000000;
-moz-box-shadow: 2px 2px 0 2px #999999 !important;
-webkit-box-shadow: 2px 2px 0 2px #999999 !important;
box-shadow: 2px 2px 0 2px #999999 !important;
}

.filterButton {
border: 1px solid #4C8C00;
background-color: #94ba66;
color: white;
cursor: pointer;
margin-left: 10px;
-moz-box-shadow: 2px 2px 2px #94ba66;
-webkit-box-shadow: 2px 2px 2px #94ba66;
box-shadow: 2px 2px 2px #94ba66;
}
.filterButton:hover {
background-color: #4C8C00;
-moz-box-shadow: 2px 2px 0 2px #dbe8cc;
-webkit-box-shadow: 2px 2px 0 2px #dbe8cc;
box-shadow: 2px 2px 0 2px #dbe8cc;
}
/*.fc-event .fc-event-time { display:none; }*/
.fc-grid .fc-event-time { padding-right: 3px;}