/**********************************

Use: Reset Styles for all browsers
Author: Nick Rigby

***********************************/
	
body, p, blockquote {
	margin: 0;
	padding: 0;
	}

a img, iframe { border: none; }

/*hr {display:none;}*/

	
/* Headers
------------------------------*/

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	}
	
/* Lists
------------------------------*/
	
ul, ol, dl, li, dt, dd {
list-style:none;
	margin: 0;
	padding: 0;
	}
	
/* Links
------------------------------*/

a {}
a:focus {
  outline:0;
}

/* Forms
------------------------------*/

form, fieldset {
	margin: 0;
	padding: 0;
	}
	
fieldset { border: 1px solid #000; }

legend {
	padding: 0;
	color: #000001;/**/
	}

input, textarea, select {
	margin: 0;
	padding: 1px;
	font-size: 100%;
	font-family: inherit;
	}
	
select { padding: 0; }

body{
color:#555;
font:normal 62.5%  Arial, "Helvetica Neue", Helvetica, sans-serif;
background:#f5f4f1;
}

#SystemMessage{
	clear:both;
	background:#ffffe0;
	border:2px solid #fec400;
	padding:10px 20px;
	color:#000001;
	margin:10px auto;
	width:710px;
}

#SystemMessage h3{
font-size:1.2em;
padding-bottom:5px;
border-bottom:1px solid #fef1b5;}

#AjaxSystemMessage{
	clear:both;
	background:#ffffe0;
	border:2px solid #fec400;
	padding:10px 20px;
	color:#000001;
	margin:10px auto;
	width:640px;
}

#AjaxSystemMessage h3{
font-size:1.2em;
padding-bottom:5px;
border-bottom:1px solid #fef1b5;}


body
{
/*  font-size: 11pt;*/
  color: #333333;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  background-color: #ffffff;
/*  text-align: center;*/
  margin: 0px;
  padding: 0px;

}

a 
{
  text-decoration: underline;
  color: #000001;/**/
}

a:visited
{
  text-decoration: underline;
}

a:active
{
  text-decoration: underline;
}

a:hover
{
  text-decoration: none;
}

.edit_pages_current
{
  font-style: italic;
  font-weight: normal;
  margin: 4px 0;
}

.edit_pages
{
  font-weight: normal;
  margin: 4px 0;
}


#site_navigation
{
  /*position: relative;*/
}

#site_navigation .wrapper
{
  width: 100%;
}

#navigation_column
{
  position: absolute;
  padding-right: 5px;
  padding-left: 5px;
  padding-bottom: 5px;
  padding-top: 5px;
  height: 100%;
  width: 200px;
}

.site_content h4 {
	font-weight: bold;
	font-size: large;
	background-color: #ffffaa;
	border-bottom: 1px dashed #aaa;
	padding: 0px 3px;
	line-height: 1.4;
	}

.inverse a
{
  font-size: 8pt;
  color: #333;
}

.inverse a:visited
{
  font-size: 8pt;
  color: #333;
}

.inverse a:active
{
  font-size: 8pt;
  color: #333;
}

.inverse a:hover
{
  font-size: 8pt;
  color: #333;
}

/* ensure no images in the navigation column break the css */

#navigation_column img
{
  max-width: 185px;
}

/* page banner */

/*#banner
{
  float: right;
  width: 570px;
}*/

#page_container
{
  padding-right: 5px;
  padding-left: 5px;
  margin: 0px;
  height: 555px;
  min-height: 555px;
  padding-bottom: 10px;
  border-left: #d9d9d9 1px solid;
  padding-top: 0px;
  border-bottom: #d9d9d9 1px solid;
  float: left;
  width: 550px;
}

span.add
{
  padding-right: 2px;
  padding-left: 2px;
  padding-bottom: 2px;
  padding-top: 2px;
  background-color: #cbebd6;
}

span.add a
{
  color: #333;
}

span.show-current
{
  padding-right: 2px;
  padding-left: 2px;
  padding-bottom: 2px;
  padding-top: 2px;
  background-color: #cbebd6;
}

span.show-current a
{
  color: #333;
}

span.un-published
{
  padding-right: 2px;
  padding-left: 2px;
  padding-bottom: 2px;
  padding-top: 2px;
  background-color: #cbebd6;
}

span.un-published a
{
  color: #333;
}

span.edit
{
  padding-right: 2px;
  padding-left: 2px;
  padding-bottom: 2px;
  padding-top: 2px;
  background-color: #ffffcc;
}

span.edit a
{
  color: #333;
}

span.copy
{
  padding-right: 2px;
  padding-left: 2px;
  padding-bottom: 2px;
  padding-top: 2px;
  background-color: #ffcc55;
}

span.copy a
{
  color: #333;
}

span.revisions
{
  padding-right: 2px;
  padding-left: 2px;
  padding-bottom: 2px;
  padding-top: 2px;
  background-color: #cbe3fd;
}

span.revisions a
{
  color: #333;
}

span.delete
{
  padding-right: 2px;
  padding-left: 2px;
  padding-bottom: 2px;
  padding-top: 2px;
  background-color: #e9c9c8;
}

span.delete a
{
  color: #333;
}

div#edit-header
{
  padding-left: 10px;
  float: left;
  padding-bottom: 0;
  width: 560px;
  padding-top: 10px;
  height: 40px;
}

div#tab-wrapper
{
  float: right;
  width: 200px;
  height: 20px;
}

ul#tabs
{
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  margin: 0px;
  padding-top: 0px;
  list-style-type: none;
}

ul#tabs li
{
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  margin: 0px;
  padding-top: 0px;
  list-style-type: none;
}

ul#tabs
{
  width: 245px;
}

ul#tabs li
{
  float: left;
  margin-right: 3px;
  text-align: center;
}

ul#tabs a
{
  padding-right: 0px;
  padding-left: 0px;
  float: left;
  padding-bottom: 1px;
  width: 7em;
  padding-top: 1px;
}

ul#tabs a:hover
{
  cursor: pointer;
}

a#content
{
  background-color: #ffffcc;
}

a#properties
{
  background-color: #cbebd6;
}

#flash
{
  padding-right: 0.5em;
  padding-left: 0.5em;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  font-style: italic;
  text-align: center;
}

img.clickable
{
  cursor: pointer;
}

.warning
{
  border-right: #e9c9c8 2px solid;
  border-top: #e9c9c8 2px solid;
  margin-top: 20px;
  margin-bottom: 20px;
  border-left: #e9c9c8 2px solid;
  border-bottom: #e9c9c8 2px solid;
  background-color: #ffffcc;
  text-align: center;
}


.section_title
{
  font-size: 14pt;
  background: #382;
  color: #fffffe;/**/
  text-align: center;
}

#photo_list
{
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  margin: 0px;
  padding-top: 0px;
  list-style-type: none;
	
}


.edit_photo
{
  padding: 8px;
  float: left;
  width: 200px;
  height: 220px;
}
.social_footer {
  clear:both;
}

#photo_list li a img
{
  display: block;
}

#photo_list li a:visited img
{
  display: block;
}

div .photo_album
{
	padding: 25px;
}

div .photo_album a
{
  text-decoration: none;
	background-color: #fff;
}

.album_name
{
  display: block;
  font-weight: bold;
  font-size: 14pt;
}

.photo_caption
{
  text-align: center;
  font-size:13px !important;

}

.photo_caption a {
	text-decoration:none !important;
	font-weight:bold;
}

.photo_caption a:hover {
	text-decoration:underline;
}
.photo_image
{
  text-align: center;
}

.photo_delete
{

}



.event_label
{
  font-weight: bold;
  color: #bbb;
}

.event_block 
{
	padding: 5px;
	margin: 5px;
}

.event_tags
{
	color: #bbb;
	font-size: x-small;
}

.generator_title
{
  font-weight: bold;
}

.global_title
{
	text-align: left;
  font-size: larger;
  color: #444;
}

.global_settings_block
{
  border-right: #347 1px solid;
  padding-right: 5px;
  border-top: #347 1px solid;
  padding-left: 5px;
  padding-bottom: 5px;
  margin: 5px;
  border-left: #347 1px solid;
  padding-top: 5px;
  border-bottom: #347 1px solid;
  background-color: #ddf;
}

form.mform
{
  padding-right: 0px;
  display: block;
  padding-left: 0px;
  padding-bottom: 2px;
  margin: 0px 10px 0px 0px;
  padding-top: 0px;
}

form.mform .form_item
{

}

form.mform .form_label
{
  color: #444;
}

form.mform .form_field
{

}

form.mform .form_field textarea
{
  border-right: #000 1px solid;
  border-top: #000 1px solid;
  border-left: #000 1px solid;
  border-bottom: #000 1px solid;
}

form.mform .form_field input
{
  border-right: #000 1px solid;
  border-top: #000 1px solid;
  margin-bottom: 5px;
  border-left: #000 1px solid;
  border-bottom: #000 1px solid;
}

.in_place_editor_field
{
  color: #00d;
  border-bottom: #00d 1px dotted;
}

form.zform .form_item
{
  clear: left;
  padding-right: 5px;
  padding-left: 5px;
  padding-bottom: 5px;
  margin: 5px;
  padding-top: 5px;
}

form.zform .form_label
{
  display: block;
  font-weight: bold;
  float: left;
  width: 160px;
  color: #333;
  text-align: right;
}

form.zform .form_label_inline {
	display: block;
  font-weight: bold;
  float: left;
  color: #333;
  text-align: right;
	padding-left: 5px;
}

form.zform .form_label_left
{
  font-weight: bold;
  color: #333;
}

form.zform .form_field
{
  display: block;
  padding-left: 5px;
  float: left;
}

form.zform .form_field textarea
{
  border-right: #000 1px solid;
  border-top: #000 1px solid;
  border-left: #000 1px solid;
  border-bottom: #000 1px solid;
}

form.zform .form_field input
{
  border-right: #000 1px solid;
  border-top: #000 1px solid;
  border-left: #000 1px solid;
  border-bottom: #000 1px solid;
}

form.zform .form_section
{
	background-color: #f3f3f3;
}

form.zform .form_section_title {
	padding-top: 10px;
	font-weight: bold;
}

.date_box
{
  white-space: nowrap;
}

input#event_start_date, input#event_end_date
{
}

.setup_rounded_box
{
  border-right: #808080 1px solid;
  border-left: #808080 1px solid;
  width: 558px;
  background-color: #f4f4f4;
  padding: 0px;
  margin: 0px;
}

.setup_rounded_box_top
{
  background-image: url(http://cloud.townlife.ca/images/site/box_top.png);
  width: 560px;
  background-repeat: no-repeat;
  border: none;
  height: 11px;
  padding: 0px;
  margin: 0px;
}

.setup_rounded_box_bottom
{
  background-image: url(http://cloud.townlife.ca/images/site/box_bottom.png);
  width: 560px;
  background-repeat: no-repeat;
  height: 11px;
  border: none;
}

form.fform
{
  padding-right: 0px;
  display: block;
  padding-left: 0px;
  padding-bottom: 2px;
  margin: 0px 10px 0px 0px;
  padding-top: 0px;
}

form.fform .form_item
{
  float: left;
  padding: 2px;
}

form.fform .form_label
{
  color: #444;
}

form.fform .form_field
{

}

form.fform br
{
  clear: left;
}

.regional_item
{
  padding: 20px;
  float: left;
}


#regional_content_nav
{
  padding: 5px;
  background-color: #ababab;
  text-align: center;
  width: 170px;
}

#regional_content_nav a
{
  text-decoration: none;
  color: #fffffe;/**/
  font-size: 11px;
}

/*.regional_content_nav_selected
{
  background-color: #858585;
  padding: 5px;
}*/

.summary_container
{
	padding: 5px;
	margin: 5px;
}

.summary_title
{
	font-size: larger;
}

.date_box
{
  display: block;
}

.notification {
	color: #000;
	background-color: #ffffe0;
	border-top: 3px solid #fec400;
	border-bottom: 3px solid #fec400;
	padding: 5px;
	margin: 5px;
}

input.ok, a.ok{
border: 2px solid #080 !important;
padding: 5px 10px 5px 25px;
margin-right:10px;
font-size: 1.4em;
font-weight: bold;
color: #080;
cursor: pointer;
background-color: #fff;
background-position: 5px 50%;
background-repeat:no-repeat;
text-decoration:none;
}

input.searchfield{
border: 2px solid #080 !important;
padding: 5px;
margin-right:5px;
font-size: 1.4em;

text-decoration:none;
}

input.ok:hover, a.ok:hover{
color: #fff;
background-color: #080;

}

form input.check, a.check {background-image: url(http://cloud.townlife.ca/images/btns/accept.png)}
form input.searcher, a.searcher {background-image: url(http://cloud.townlife.ca/images/icons/fff/magnifier.png)}

form input.add{background-image: url(http://cloud.townlife.ca/images/btns/img/add.png)}

form input.delete{
border-color: #f00;
color: #ff0001;/**/
background-image: url(http://cloud.townlife.ca/images/btns/img/cancel.png)
}

form input.delete:hover{background-color: #f00;}

form input.smaller {
	font-size:1em;
	padding:2px 5px 2px 25px;
}

a.wrong{
color: #ff0001;/**/
font-size: 1.2em;
}


/*
  A red, white, and grey theme.
  
  AUTHOR: Geoffrey Grosenbach http://nubyonrails.com
*/

.calendar {
  margin: auto;
  width: 99%;
  clear: right;
}

.monthName th {
  font-weight: normal;
  text-align: left;
  padding-top: 0;
  padding-bottom: 0.7em;
}

.dayName th {
  font-size: 0.8em;
  padding-top: 0.6em;
  padding-bottom: 0.3em;
  background-color: #303030;
  color: white;
  text-transform: uppercase;
  text-align: center;
}

.otherMonth {
  padding: 0.7em 1em;
  border-right: 1px solid white;
}

 .day, .specialDay {
  padding: 0.7em 1em;
  border-right: 1px solid white;
  width: 90px;
  height: 90px;
}

.otherMonth {
  color: #eeeeed;/**/
}
.weekendDay {
  background-color: #eeeeee;
  width: 90px;
  height: 90px;
}

.day, .specialDay {
  text-align: center;
  border-bottom: 1px dotted #bbbbbb;
}

.specialDay {
  background-color: #510a41;
  color: #fff;
}
.specialDay a, .specialDay a:visited, .specialDay a:hover {
  color: #fffffe;/**/
  text-decoration: none;
  padding: 1em;
}
.specialDay a:hover {
  color: #fffffe;/**/
  background-color: #000;
}

ul.CalendarViewOptions {
  background:none repeat scroll 0 0 #efefef;
  height:29px;
  padding:0;
  width:60px;
  border: 1px solid #5f5f5f;
  float:right;
}
.primary ul.CalendarViewOptions li {
  list-style:none;
  float:left;
  padding:5px;
}
.primary ul.CalendarViewOptions li a, .primary ul.CalendarViewOptions li span {
  height:17px;
  width:18px;
  text-indent:-10000px;
  display:block;
}
.primary ul.CalendarViewOptions li#CalendarViewLink a {
  background:#afafaf url(http://cloud.townlife.ca/images/icons/calendar_view.png) -2px -3px no-repeat;
  border:1px solid #ffffff;
}

.primary ul.CalendarViewOptions li#CalendarViewLink a:hover {
background-color: #6A6A6A;
}

.primary ul.CalendarViewOptions li#CalendarViewLink span {
background:#6A6A6A url(http://cloud.townlife.ca/images/icons/calendar_view.png) -22px -2px no-repeat;
  padding:1px;
}

.primary ul.CalendarViewOptions li#TableViewLink a {
  background:#afafaf url(http://cloud.townlife.ca/images/icons/list_view.png) -2px -3px no-repeat;
  border:1px solid #ffffff;
}
.primary ul.CalendarViewOptions li#TableViewLink a:hover {
background-color: #6A6A6A;
}
.primary ul.CalendarViewOptions li#TableViewLink span {
background:#6A6A6A url(http://cloud.townlife.ca/images/icons/list_view.png) -22px -2px no-repeat;  
  padding:1px;
}

.primary ul.CalendarViewOptions li.ActiveCalendarLink  {
  background: #6A6A6A;
}
.primary ul.CalendarViewOptions li.HoverLink {
  background:#afafaf;
  cursor:pointer;
}

#calendars_show #CalendarViewing .calendar {
  clear:both;
}
#calendars_show tr.monthName th {
  color:#FFFFFE;/**/
  font-size:1.4em;
  font-weight:bold;
  text-align:center;
  padding:10px 0 5px 0;
  text-transform:uppercase;
}
#calendars_show td.day{
  vertical-align:top;
  padding:0;
}
#calendars_show td.day a {
  clear:both;
  display:block;
  padding:2px 5px;
  font-size:.9em;
  text-decoration:none;
  border-bottom:1px solid #e3e3e3;
}
  #calendars_show td.EventToday a:hover {
    color:#FFFFFE!important;/**/
  }
span.CalendarDay {
  display:block;
  font-weight:bold;
	background-color: #cacaca;
	color: #000000;
	float:left;
	height:1.8em;
	line-height:1.8em;
  width:1.8em;
  text-align:center;
  margin-bottom:4px;
}
#calendars_show td.EventToday span.CalendarDay {
  background-color: #6a6a6a;
	color: #FFFFFF;
}
.otherMonth {
  border-bottom:1px dotted #BBBBBB;
  padding:0;
}
#calendars_show .otherMonth span.CalendarDay {
  background-color:transparent;
  font-weight:normal;
  color:#afafaf;
}
.FilterResults form {
  float:left;
}

/* 
  datepicker styles
  David Lee 2005
  all parts user servicable
*/
.date_picker {
  /* comment out this line to show by default: */
  display: none;
  /* comment out this line to prevent calendar 'floating' over page: */
  position: absolute;
  background-color:white;
  padding: 3px;
  border: 1px solid silver;
}

.date_picker table {
  border:        1px solid silver;
  border-top:    2px solid silver;
  border-bottom: 3px solid silver;
  font-family: verdana, sans-serif;
}
.date_picker th {
  font-size: 10px;
  color: #333;
  text-align: center;
}

.date_picker .day_labels th {
  color: #006400;
  font-size: 9px;
  font-weight: normal;
}

.date_picker td {
  width: 18px;
  background-color: #ddd;
  font-size: 9px;
  text-align: right;
}

.date_picker a {
  text-decoration: none;
  border-bottom: 1px dotted silver;
  color: #333;
}

.date_picker a:hover   { color:#fff ; background-color: #000}

.date_picker .cancel_butt { text-align: right; padding-right: 5px }
.date_picker .cancel_butt a {
  font-size: 9px;
  color: #736F6F;/**/
  font-family: verdana, sans-serif;
  text-decoration: none
}
.date_picker .cancel_butt a:hover {
  background-color: #736F6E;
  color: #fff;
}


/* =============================================== */
/*                    BLOG                         */
/* =============================================== */

.hfeed {
border-top:1px dotted #999;
clear:both;
}

#BlogExpanded {
border:none;
}

.hentry {
clear:both;
border-bottom:1px dotted #ccc;
padding:20px 0;
}


.hentry dl {
font-family: Arial, Helvetica, sans-serif;
float: left;
background:transparent url(http://cloud.townlife.ca/images/blog/calendar-grey.png) no-repeat left top !important;
text-align:center;
width: 45px;
height: 50px;
}


.hentry dt {
font-size: 10px;
background:none !important;
line-height: 15px;
font-weight: bold;
/*color: #fff !important;*/
}

.hentry dd {
font-size: 1.2em;
font-weight: bold;

line-height: 30px;
margin:0;
padding: 0 0 5px 0;

}


.hentry h3, .hentry p.entry-post, .hentry .content, .hentry .comments{
margin-left: 50px!important;
}

#BlogExpanded h3, #BlogExpanded p.entry-post, #BlogExpanded .content, #BlogExpanded .comments{
margin-left: 0!important;
}

.hentry h3 {
margin-bottom:3px!important;
border:none!important;
margin-top:0!important;
padding-top:0!important;
}

p.entry-post {
color:#333;
background:none;
margin-top:0;
font-size:0.9em!important;
margin-bottom:20px;
}

abbr {
border:none;
}

div.summary {
margin:20px 0;
}

.summary a:hover{/*color:#fff!important;*/}

.hentry .comments{
float:left;
padding:0;
margin:0;
clear:both;
}

.hentry .comments li{
float:left;
list-style:none;
border-left:1px solid #4b70be;
padding:0 5px;
}

.hentry .comments li:first-child{
border:none;
}

.hentry .comments li.img{
background:url(http://cloud.townlife.ca/images/blog/comment.png) no-repeat left center;
padding-left:20px;
}

/*.hentry .comments li a {
  color: black!important;
}*/

p.bookmarks {
clear:both;
margin:0 0 0 50px;
padding-top:20px;
}


div.summary a.moreblogentry {
text-transform:uppercase;
/*color:#4b70be;*/
font-weight:bold;
font-size:0.85em;
}

p.categories {
margin-bottom:20px;
}

p.categories a {
/*color: black !important;*/
}

p.categories a:hover{/*color:#fff!important;*/}


div#pages {
float:right;
text-align:right;
margin-top:10px;
margin-bottom:20px;
}

div#pages span.numofnum {
	display:block;
	padding-right:8px;
}

h4.BoxHeader {
clear:both;
font-size:1.2em !important;
padding:2px 10px !important;
border:1px solid #999;
border-bottom:none;
/*background-image:url() repeat-x left top;*/
margin:0!important;
}


.box {
float:left;
border:1px solid #999;
border-top:none;
margin:0 0 10px 0;
padding:0 10px;
width:528px;
}

#NoMarginBottom {
margin-bottom:0;
}

.box ul {
margin:0!important;
padding:10px 0 0 0!important;
}

.box ul li {
float:left;
width:254px;
list-style:none!important;
padding:0 10px 10px 0!important;
}

.box ul li a {
font-weight:bold;
}

.box ul.ThreeColums li {
float:left;
width:162px!important;
padding: 0 0 10px 10px!important;
}

.box ul.ThreeColums li.NoPaddingLeft {
padding:0 0 10px 0!important;
clear:left;
}

h5.blog {
border-bottom:none!important;
padding-bottom:0!important;
margin-bottom:10px!important;
clear:both;
}

.posts{
  border:1px solid #ccc;
  list-style:none;
  padding:0px 0 0 0!important;
  margin:0!important;
  margin-bottom:5px!important;
}

.posts p.approve, .posts p.approve a { 
	background-color:#002a7e;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	padding: 4px 0px 4px 2px;
	margin:0 5px;
	color:#fff;
}
p.approve a:hover{background-color:#000;}
a.nositecolor { /*color: black!important;*/}
a.nositecolor:hover { text-decoration:none; /*color: black;*/}

h6.CommentTitle {
background:none!important;
border:none!important;
margin:0 0 20px 0!important;
padding:0!important;
}

#BlogExpanded .hentry {
padding:0;
}

#BlogPost {
margin-bottom:20px;
background:#eaeaea;
padding:10px;
width:312px;
}

#BlogPost fieldset {
border:none;
}

#BlogPost ol {
margin:0;
padding:0;
}

#BlogPost ol li{
list-style:none;
padding:0 0 10px 0;
}

#BlogPost li input, #BlogPost li TextArea {
width:306px;
}

#BlogResults fieldset {
border:none;
float:right;
margin-top:10px;
}

h1#Blog {
float:left;
width:400px;
}

.BookmarkItems {
margin:5px 0 0 50px!important;
padding:0!important;
float:left;
}


.BookmarkItems li {
float:left;
list-style:none!important;
padding:0 10px!important;
border-left:1px solid #222;
}

.BookmarkItems li:first-child {
border:none;
padding-left:0!important;
}

#NoMarginLeft {
margin-left:0!important;
margin-bottom:10px!important;
}

p.permalink {
margin-bottom:20px;
}


.recaptcha_frame {
  width: 100%;
  overflow:hidden;
  padding-bottom: 10px;
  height: 3000px;
}

#recaptcha_widget_div {
  padding-bottom: 5px;
}

#BlogPost {
  width: 100%;
  height: 100%;
}

.MorePosts {
border-top:1px solid #4b70be;
clear:both;
}

.MorePosts h3.BoxTitle {
padding-top:0;
width:80px;
margin-right:20px;
float:left;
font-size:1em!important;
}

.MorePosts table {
width:450px;
float:right;
border-collapse:collapse;
margin-bottom:20px;
}

.MorePosts table td {
padding:9px 0;
border-bottom:1px solid #ccc;
}

.MorePosts table td a {
font-weight:bold;
text-decoration:none;
/*color:#000;*/
}

/* =============================================== */
/*                    CALENDAR                     */
/* =============================================== */

table.vcalendar, table.BoxTable {
border:1px solid #808080;
width:550px;
border-collapse:collapse;
margin:10px 0 0 0;
}

table.BoxTable {
width:528px;
clear:both;
margin-bottom:10px;
}

table.vcalendar tr, table.BoxTable tr {
border-bottom:1px dotted #808080!important;
}

table.vcalendar th, table.BoxTable th {
font-weight:bold;
/*color:#fff;*/
text-align:left;
padding:3px 5px;
}

table.vcalendar th a {
  /*color:#fff;*/
}

table.BoxTable th {
background:#4c984c;
}

table.vcalendar td, table.BoxTable td {
padding:3px 5px;
border-top:1px dotted #808080;
}

table.vcalendar tr.vevent:hover, table.BoxTable tr:hover {
background:#ffffd5;
} 

.EventColor {
background:#dce9e9;
}



tr.event_month {
background:#e0e0e0;
font-weight:bold;
}

p.EventsClass {
/*color:#999;*/
}

table.vevent {
margin-bottom:0;
}

table.vevent th {
/*color:#fff;*/
text-align:left;
padding:3px 10px;
}

table.vevent, table.vevent td {
border-collapse:collapse;
border:1px solid #ccc;
}

table.vevent td {
padding:5px 10px;
}

table.vevent td.LeftCell {
width:75px;
font-weight:bold;
/*color:#000;*/
font-size:1.1em;
}

table.vevent th{
font-size:1.1em;
}

.vevent p{
margin:0 0 10px 0;
padding:0;
}

.vevent {
margin-bottom:20px;
}

/* zform */

.notification{
clear: both;
}
 
.zform{
}

.zform ol{
padding:0 !important;
margin: 0 !important;
}
.zform li{
list-style: none !important;
clear: both;
padding: 1px 0;}

.zform fieldset{
padding: 10px;
margin: 10px 0;
}

.zform legend{
padding: 0 5px;
font-weight: bold;
}

.zform label{
float: left;
width: 130px;
}

.zform li.check label{
float: none;
clear: both;
width: auto;
margin-left: 130px;}


.zform li fieldset{
border: none;
padding: 0;
margin: 0;
}

.zform li fieldset legend{
padding: 0;
font-weight: normal;}

.zform li fieldset label{
display: block;
clear: both;
width: auto;
float: none;
margin-left: 130px;
padding: 1px 0;}

.event_buttons{
  text-align:right;
  padding-right:80px;
}

.addToCalendar{
  padding-left:20px;
  padding-top:2px;
  padding:bottom:2px;
  background-image:url(http://cloud.townlife.ca/images/icons/fff/calendar_add.png);
  background-repeat:no-repeat; 
}

.admin_event_buttons{
  text-align:right;
  padding-right:10px;
  padding-top:5px;
}

.approveAllEvents{
  padding-left:20px;
  padding-top:2px;
  padding:bottom:2px;
  background-image:url(http://cloud.townlife.ca/images/icons/fff/accept.png);
  background-repeat:no-repeat; 
  font-size:12px;
}
/* =============================================== */
/*                    DOCUMENT                     */
/* =============================================== */

div#LibrarySearch {
	width:100%;
}

div#LibrarySearch p, div#LibrarySearch h3 {
	padding:10px 20px;
}

div#LibrarySearch ul{
list-style:none;
padding-left:20px;
}

div#LibrarySearch li {
	list-style:none !important;
}
div#dl {
	float: right;
	width: 200px;
	
}
div#dl p.dlinformation {
	padding-left:36px;
	color:#666;
}

#dlfile{

width: 200px;
font-size: 1em;
border: none;
margin: 0 0 10px 0;
padding: 0;
}

#dlfile a{
display: block;
line-height: 24px;
padding: 5px 10px 5px 10px;
background-image: url(http://cloud.townlife.ca/images/btns/bg_btn_download.png)!important;
background-repeat: no-repeat !important;
background-position: bottom left !important;
background-color: transparent !important;
color: #fffcc9;
text-decoration: none;
font-weight: bold;
font-size: 1.5em;
}

* html #dlfile a {
background-image: url(http://cloud.townlife.ca/images/btns/bg_btn_download.gif)!important;
}


#dlfile a span {
	font-size:10px;
}

#dlfile a:hover{
background-position: top left!important;
background-color: transparent !important;
color: #388615;
}




body #dlfile a img{
margin-right: 5px;
vertical-align: text-top;
padding-top:3px;}
/*
* html #dlfile a{height: 24px;padding: 8px 10px 2px 10px;}*/


h4.LibBoxHeader {
clear:both;
font-size:2em!important;
padding:2px 10px!important;
border:1px solid #999;
border-bottom:none;
/*background-image:url() repeat-x left top;*/
margin:0!important;
}

h4.LibBoxHeader a {
	/*color:#fff;*/
}
.ModuleBox{
border:1px solid #999;
border-top:none;
margin: 0;
padding:10px;
}

* html .ModuleBox{padding: 10px 8px;}


.ModuleBox h3{
clear: both;
margin-top: 10px;
}

h6.BoxFooter {
text-align: right;
background-color:#999!important;
color:#fff!important;
margin:0!important;
padding:0 5px!important;
clear:both;
font-size:1em!important;
border:none!important;
}

dl.CategoryList{
float: left;
width: 250px;
margin: 0 10px 10px 0;}


dl.CategoryList dt{
font-weight: bold;
padding-bottom: 5px;
font-size: 1.2em;}

dl.CategoryList dd{display: inline; padding-right: 5px;}


dl.AbstractList dt{
font-weight: bold;
font-size: 1.2em;
margin-bottom: 5px;}

dl.AbstractList dd{
border-bottom: 1px dotted #999;
padding-bottom: 10px;
margin-bottom: 10px;
}

.AbstractBox {
clear: both;
background:#ffffd5;
padding:10px;
border:1px solid #b1b100;
}

/* =============================================== */
/*                      LIST                       */
/* =============================================== */

#ListCategories ul li { display: inline;}

#ListCategories .selected {/*color: black;*/ text-decoration: none;}

table.ListResults { width: 100%;}
table.ListResults td.show { width: 50px; text-align: right;}
table.ListResults td.show .MainBtn {margin: 0px!important;}

.ListExport { float:right; margin-top: 5px;}
.ListExport a { line-height: 24px; padding: 5px; padding-left: 18px; background: url(http://cloud.townlife.ca/images/icons/fff/page_white_excel.png) no-repeat left center; }

/* search */

.ModuleBox form{
border-bottom: 1px solid #999;
margin-bottom: 10px;
}

.ModuleBox form label, .ModuleBox form input{
margin:3px 5px 0 0;
float: left;}

.ModuleBox form label{
margin-top: 5px;}



/*navigation */


.BoxMenu {
float:right;
margin:0!important;
padding:0!important;
}

.BoxMenu li {
float:left;
list-style:none!important;
width:auto!important;
margin:0!important;
padding:0!important;
}

.BoxMenu li a {
text-decoration:none;
margin:0 0 0 5px !important;
padding:3px 5px 3px 20px !important;
}

.BoxMenu li a:hover {
background-color:#4c984c;
}

.BoxMenu li.table a{
background:url(http://cloud.townlife.ca/images/icons/fff/table.png) no-repeat left center;
padding:3px 3px 3px 20px;
}

.BoxMenu li.list a {
background:url(http://cloud.townlife.ca/images/icons/fff/text_list_bullets.png) no-repeat left center;
padding:3px 3px 3px 20px;
}

.BoxMenu li.abstract a {
background:url(http://cloud.townlife.ca/images/icons/fff/page_white_text.png) no-repeat left center;
padding:3px 3px 3px 20px;
}

.BoxMenu li#active a {
background-color:#4c984c;
color:#fff;
}





/* btn */
div#submit_event {
	float:right;
	margin:10px 0 10px 10px;
}
.MainBtn {
border:none!important;
padding:0!important;
float: left;
margin: 0 0 10px 0;

background-image:url(http://cloud.townlife.ca/images/btns/green_btn_right.gif)!important;
background-repeat:no-repeat!important;
background-position:right top!important;

}

.SearchAgain a {
display:block;
/*color: #fff;*/
font-size: 1em;
font-weight: bold;
padding: 10px;
text-decoration: none;

margin-top: 5px;
margin-right: 10px;
}

.SearchAgain, .ViewAll{
float: right;
border-bottom-width: 0px !important;
}

.MainBtn a{
display:block;
color:#056F00;
font-size:1em;
font-weight:bold;
line-height:26px;
padding:0 12px 0 25px;
text-decoration:none !important;
text-transform:uppercase;
background-image: url(http://cloud.townlife.ca/images/btns/search_btn.gif)!important;
background-repeat: no-repeat!important;
background-position: left top!important;
background-color: transparent!important;
}

.MainBtn:hover {
background-position: right bottom!important;
}

.MainBtn a:hover {
background-position:left bottom!important;
}

* html .MainBtn a:hover{
background-position: left top!important;
color:#056F00;
}



/*div#dlfile a {
	text-decoration:none;
}

div#docCategories {
	width:45%;
	float:left;
}

div#docs {
	width:45%;
	float:right;
}*/


/* =============================================== */
/*                    Business Listing             */
/* =============================================== */

img#bus_logo {
	float:right;
	display:inline;
	border:1px solid #ccc;
	padding:4px;
	margin:6px;
}



/* =============================================== */
/*                    CLEARFIX                     */
/* =============================================== */

.hentry:after, .box:after, .MorePosts:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix, .box, .hentry, .MorePosts {display: inline-table;}

/* Hides from IE-mac \*/
.clearfix, .box, .hentry, .MorePosts {height: 1%;}
.clearfix, .box, .hentry, .MorePosts {display: block;}
/* End hide from IE-mac */


/* =============================================== */
/*                    IE HACKS                     */
/* =============================================== */

* html .hentry .comments {
display:inline;
}

* html .hentry {padding-bottom:5px;
}

* html #BlogPost li label, * html #BlogPost li img  {
margin-left:-16px;
}

* html h3.BoxTitle {
padding:0;
}

* html .BoxMenu {
float:left;
width:200px;
}

* html p.bookmarks {padding-top:0;
margin-bottom:15px;}

* html .BookmarkItems {
display:inline;
}

* html p.AbstractBox {
display:block;}

* html #DocDetails fieldset {
padding-bottom:0!important;
}

/*
  ---------------- SUBSCRIBE --------------
*/

.SubscribeSite{
  background-image:url(http://cloud.townlife.ca/images/subscribe_back.png);
  padding:5px;
}
.SubscribeSite input[type=submit] {
  background-image: url('http://cloud.townlife.ca/images/subscribe_button.png');
  color:#fff;text-decoration:none;
  background-position:center;
  border: none;
  padding:5px;
  font-size:10px;
}
.SubscribeSite input[type=text] {
  width:85px;
}
.SubscribeSiteTitle{
  color:#000;
  font-weight:bold;
}

/* People

*/
.personDiv{
  height:110px;
  border-bottom:1px dotted gray;
}
.personDesc{
  float:left;
  
}
.personLogo{
  float:right;
}
.xclear{
  clear:both;
}

/*
  SOCIAL
*/
table.social tr td.linkedin{
}
table.social tr td.facebook{
  width:280px;
}

/* COMMON CSS FOR PREVENTING FROM INLINE */
.clearer{
  clear:both;
}


#search_results {  }
#search_results h3 { font-size: 1.2em; text-transform: uppercase; font-family: serif; /*color: black!important; */letter-spacing: 2px;}
#search_results li { list-style-type: none; }
#search_results ul { padding-left: 10px;}

#search_description { font-size: 1.4em; font-family: serif;}


.button { float: none; margin:3px 0px;}
.button img { float: left; margin-right: 2px;}

.result {}
.result a { color: #0064ff; }
.result .description { display: inline; }

#photos .result { 
  padding: 8px;
  float: left;
/*  width: 100px;
*/}
#blog_entries .result {}
#events .result {}
#documents .result {}
#web_pages .results {}

.photo_gallery {
padding: 0;
clear: both;
margin-top:20px;
}

.photo_gallery dl{
float: left;
width: 265px;
margin: 0 10px 10px 0;
}

.photo_gallery dl.ClearItem{
margin-right: 0;
clear: right;
}
.photo_gallery .photo_listed {
  text-align:center;
}
.photo_gallery dt a {
  display:block;
  width:100%;
  text-align:center;
}
.photo_gallery dt a:hover {
  background:transparent;
}
  .photo_gallery dt.photo_gallery_cover {
    margin-left:30px;
  }
  .photo_gallery dl {
    position: relative;
  }
.photo_gallery dt.photo_gallery_cover a {
padding: 19px 26px 0px 0px;
background: #f7f7f7 url(http://cloud.townlife.ca/images/photogallery/gallery_frame.gif) no-repeat top right;
width:209px;
  
}
.photo_gallery dt.photo_gallery_cover a img{
  background:transparent;
  padding: 7px 7px 17px 7px;
}
dd.photo_gallery_title a, dd.photo_gallery_title a:link, dd.photo_gallery_title a:visited {
  position:absolute;
  display:block;
  opacity:.7;
  background:#000;
  color:#FFFFFE!important;/**/
  display:block;
  padding:6px;
  left:37px;
  bottom:30px;
  width:188px;
}
.photo_gallery dt.photo_gallery_cover a:hover img{
 background:#4B70BE!important; 
}

dd.number_of_photos {
  font-size:11px;
  font-style:italic;
  padding-right:30px;
  text-align:right;
  padding-bottom:16px;
  margin-top:-16px;
}
.photo_gallery .photo_listed a img{
  background:transparent;
  padding: 7px 7px 7px 7px;
  margin-left:8px;
}

.photo_gallery .photo_listed a:hover img{
 background:#4B70BE!important; 
}

.photo_gallery dd {
	clear:left;
}
.photo_gallery dd a{
font-weight: bold;
font-size: 1.4em;}


.album dl{
float: left;
width: 175px;
}

.album dt a {
background: url(http://cloud.townlife.ca/images/photogallery/shadow-gallery.png) no-repeat top left;
float: left;
padding-left: 5px;
margin-bottom: 5px;
}

.album dt img{
background: none !important;
padding: 8px 8px 8px 8px;
margin-bottom: 0px;
border-right: 1px solid #828282;
border-bottom: 1px solid #828282;
}

.album dd a{
font-weight: normal;
font-size: 1em;
margin-left: 5px;}

/* drop*/ 

#ShowPages{
float: right;}


/* pagination */

#pages {
margin:10px 0;
padding: 0;
}

#pages li {
list-style:none;
padding:0 6px 0 0 ;
margin: 0;
}

div.pagination a:hover {color: #fffffe;/**/}


/* =============================================== */
/*                14. CLEARFIX                     */
/* =============================================== */

.photo_gallery:after, #pages:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.photo_gallery, #pages {display: inline-table;}

/* Hides from IE-mac \*/
.photo_gallery, #pages {height: 1%;}
.photo_gallery, #pages {display: block;}









/* ListCommon */
.ListCommon ul.ListResults li { list-style-type: none; }
.ListCommon .ListResults { padding: 0px; }


.ListItemCommon dt { font-weight: bold; float: left; padding: 3px;}
.ListItemCommon dd { padding: 3px;}

/* Default List */

/* Member List */

/*.MemberList ul.ListResults { float: left;}*/

.MemberList .category_name h5 { border: none;}
.MemberList .category_name  { border: 1px solid; border-bottom: 0px; clear: left; }
.MemberList .category_box { border: 1px solid; border-top: 0px; padding: 3px; margin-bottom: 10px;
  }


.MemberList .ListResults { width: 23%; padding: 1%; }
.MemberList .name { font-weight: bold;}
.MemberList .email { display: inline;}
.MemberList .website { display: inline;}

.MemberListItem dd { margin-left: 60px;}

