﻿html { font-family: Verdana, Arial; font-size: 12px; color: #999999; }
body { background: #ffffff; margin: 0; text-align: center; }
a  		{ color: #ff9933; font-weight: bold; text-decoration: none; font-size: 11px;  }
a:hover	{ text-decoration: underline; }
img		{ border: none; }
h1, h2, h3, h4, h5  { margin: 0; font-size: 18pt; }
h1 		{ color: #FF9933; margin-top: 0; margin-bottom: 0;  }
h5 		{ color: #999999; margin-top: 0; margin-bottom: 0; font-size: 12px;  }
.center			{ text-align: center; }
.theFilters		{ cursor: pointer; }
.clear{ clear:both; width:100%; line-height:0px; height:0px; display:block; }
div#preload { display: none; }

.submit { background-attachment: scroll;background: url(/images/btnBg.png); background-repeat: repeat-x; border: double 3px #FF9933; color: white; cursor: pointer; display: inline-block; font-family: arial; font-size: 12px; height: 33px; margin: 0; outline-color: white; padding: 5px 15px 5px 15px; white-space: pre; width: 116px; word-spacing: 0px; }

.h2Title	{ font-size: 26px; margin-top: 0; margin-bottom: 0; }

.miscTitle	{ font-size: 18px; color: #ffffff; font-style: italic; margin-top: 0; margin-bottom: 0; }

#contentWrapper { width: 980px; height: 100%; background: #ffffff; margin-left:auto; margin-right:auto; }

#leftContent	{ width: 642px; float: left; }
#rightContent	{ width: 338px; float: left; }

#headerWrapper	{ width: 980px; height: 90px; background: #ffffff; position: relative; margin-left: 0; margin-bottom:20px; margin-top:5px; }
#headerLogo		{ width: 280px; float: left; margin-top: 10px; margin-left: 10px; }
#headerLogin	{ height: 20px; margin-left: 690px; margin-top: -90px; position: relative; text-align: left; }
#headerMenu		{ width: 350px; margin-left: 10px; }
#headerSearch	{ width: 251px; height: 37px; background:url(/images/searchInputSm.png); background-repeat: no-repeat; position: absolute; margin-left: 700px; margin-top: 15px; padding: 8px 0 0 10px; }
#searchButton2	{ width: 15px; height: 15px; position: relative; }

#topMenu		{ width: 410px; margin-top: 60px; float: left; text-align: left; }
#topMenu img	{ padding: 0 10px 0 0; }

/* New Sliding Menu */
		hr{
			margin:20px 0;
		}
		
		#main{
			margin-left: 320px;
			margin-right: 180px;
			padding: 25px 0 0 0;
			position:relative;
			color:#aaa;
			border:none;
			background-color:#00;
			text-align:left;
		}

		#fancymenu {
			position: relative;
			height: 29px;
			width: 421px;
			padding: 15px;
			margin: 10px 0;
			overflow: hidden;
		}


		#fancymenu ul{
			padding: 0;
			margin: 0;
		}

		/* Don't apply padding here (offsetWidth will differ in IE)
		If you need padding add it to the child anchor */
		#fancymenu ul li{
			float: left;
			list-style: none;
		}

		#fancymenu ul li a {
			text-indent: -500em;
			z-index: 10;
			display: block;
			float: left;
			height: 30px;
			position: relative;
			background-position:center center;
			background-repeat:no-repeat;
		}

		#menu_home a {
			width: 80px;
			background-image: url('/images/menu_home.png') !important;	
		}

		#menu_profile a {
			width: 94px;
			background-image: url('/images/menu_profile.png') !important;	
		}

		#menu_users a {
			width: 84px;
			background-image: url('/images/menu_users.png') !important;	
		}

		#menu_groups a {
			width: 94px;
			background-image: url('/images/menu_groups.png') !important;	
		}

		#menu_events a {
			width: 94px;
			background-image: url('/images/menu_events.png') !important;	
		}

		#fancymenu li.background {
			background: url('/images/bg_menu_right.png') no-repeat top right !important;
			background: url('/images/bg_menu_right.gif') no-repeat top right;
			z-index: 8;
			position: absolute;
			visibility: hidden;
		}

		#fancymenu .background .left {
			background: url('/images/bg_menu.png') no-repeat top left !important;
			background: url('/images/bg_menu.gif') no-repeat top left;
			height: 30px;
			margin-right: 9px; /* 7px is the width of the rounded shape */
		}

.boxSearchHead	{ border: 0px; width: 200px; height: 22px; font-family: Verdana; font-size: 16px; color: #999999; float: left; background: none; padding: 0;  }

#searchWrapper  { width: 980px; height: 150px; background: #ffffff; margin-bottom:0; margin-top:0; position: relative; clear:both; }
#searchBox		{ width: 604px; height: 150px; background:url(/images/boxSearchBg.png); background-repeat: no-repeat; position: relative; float: left; text-align: left; }
#searchHeader	{ font-size: 18px; color: #ffffff; font-style: italic; margin: 15px 0 0 50px; }
#searchText		{ font-size: 14px; color: #ffffff; margin: 2px 0 0 50px; }
#searchInput	{ width: 460px; height: 38px; margin: 14px 0 0 0; padding: 5px 0 0 60px; position: relative; text-align: left; float: left; }
#searchButton	{ width: 15px; height: 15px; float: left; margin: 22px 0 0 5px; }
#searchMisc		{ width: 376px; height: 150px; background:url(/images/boxMiscBg.png); background-repeat: no-repeat;  margin-left: 0; position: relative; float: right;}
#miscText		{ text-align: left; font-size: 14px; color: #FFFFFF; padding: 15px 20px 10px 17px; }
#numGroups		{ margin: 2px 0pt 0pt 50px; font-style: italic; font-weight: bold; color: #ffffff; font-size: 11px; }

strong 			{ font-size: 135%; }
.boxSearchMain	{ border: 0px; width: 460px; height: 22px; font-family: Verdana; font-size: 16px; color: #999999; }
#mapWrapper	{ width: 980px; height: 372px; background:url(/images/boxMapWrapBg.png); background-repeat: no-repeat; margin: 0 0 0 0; position: relative; clear:both; }
#map_wrapper	{ width: 654px; height: 293px; overflow: none; }
#map_canvas		{ width: 654px; height: 293px; }

#mapTop			{ width: 980px; height: 58px; position: relative; clear:both; }
#mapInfo		{ width: 170px; height: 40px; margin-left: 10px; padding: 18px 0 0 9px; position: relative; float: left; color: #999999; font-size: 20px; font-style: italic; font-weight: bold; text-align: left; }
#mapFilters		{ width: 740px; height: 40px; padding: 14px 0 0 0; float: right; text-align: left; }
#allNone		{ width: 50px; height: 30px; padding: 16px 0 0 0; float: left; font-size: 10px; text-align: center; }

#mapBottom		{ width: 946px; height: 300px; border-top:2px solid #ff9933; margin-left: 10px; padding: 0 10px 0 0; position: relative; clear:both; }
#mapResults		{ width: 300px; height: 300px; padding: 0 0 0 0; position: relative; float: left; }
#theResults		{ width: 300px; height: 259px; padding: 0 0 0 0; overflow: auto; overflow-x:hidden; }
.resultsHeader	{ background: #CCCCCC; border-left: none; border-right: none; border-top: none; border-bottom: 2px solid #999999; color: #ffffff; font-size: 10px; }
.resultsName	{ width: 260px; height: 22px; text-align: left; padding: 0 0 0 4px; font-size: 10px; }
.resultsDistance{ width: 40px; height: 22px; text-align: center; padding: 0 0 0 0; font-size: 10px; color: #000000; }
.resultsBoxes	{ background: transparent; height: 22px; color: #999999; }
.resultsTR		{ border-bottom: 1px solid #999999; }

.resultsFound	{ background: #CCCCCC; border-left: none; border-right: none; border-top: none; border-bottom: 2px solid #999999; color: #333333; padding: 0 0 0 5px; font-size: 10px; text-align: left }
#numResults		{ float: left; }
#resultPages	{ float: left; width: 170px; text-align: center; }
#prevLink		{ float: left; width: 65px;  }
#nextLink		{ float: left; width: 50px; text-align: right;  }
a.pages			{ font-weight: none; text-decoration: none; color: #333333; }
a.pages:hover	{ color: #ff9933; }

#mapDisplay		{ width: 646px; height: 300px; position: relative; float: right; }

#itemInfo		{ width: 450px; margin-left: 0; margin-top: 10px; background: #FFFFFF; float: left; border-bottom: 1px solid #FF9933; }
#itemIcon 			{ width: 80px; height: 70px; margin-left: 10px; margin-top: 0; padding: 0 0 0 0; float: left; text-align:center; }
#itemName		{ width: 450px; padding: 0 0 0 0; text-align: left; font-size: 16px; border-bottom: 1px solid #FF9933; }

#itemDetails	{ width: 270px; font-size: 10px; float: left; color: #666666; text-align: left; padding: 0 0 0 10px;  }
#itemAddress1, #itemAddress2, #itemCityStateZip, #itemPhone	{ font-size: 11px; }

#itemDescription	{ width: 440px; margin: 10px 0 0 10px; font-size: 10px; float: left; text-align: left; }

#itemMembers		{ width: 50px; height: 65px; margin-left: 10px; margin-top: 10px; float: left; text-align: center; }
#numMembers			{ color: #FF9933; font-size: 16px; float: left; }
#groupJoin		{ text-align: center; margin-top: 30px; }

/* Group Info */
#groupName, #eventName		{ width: 300px; padding: 0 0 10px 0; position: relative; float:left; font-size: 18px; color: #999999;  }
#groupIcon		{ width: 60px; margin-right: 50px; float: right;  }
#groupMenu		{ text-align: left; padding: 5px 0 0 0; }

#groupPicture		{ width: 220px; padding: 0 0 0 0; margin-left: 0px; margin-right: 5px; position: relative; float:left; text-align: left; }
#groupsInfo			{ width: 220px; height: 100%; margin-top: 10px; position: relative; }
.groupDetail			{ width: 220px; height: 15px; font-size: 10px; color: #999999; float: left; padding:2px 0 0 2px; background: #EEE; }
#groupAge, #groupAddress, #groupCityState, #groupPhone, #groupWebsite, #groupDescr, #eventDescr	{ width: 220px; padding: 0 0 0 0; float: left; font-size: 11px; color: #000000; }
#groupDescr		{ text-align: justify; }

/* Event Info */
#eventDescr			{ width: 380px; text-align: justify;  }
.eventInfo		{ width: 300px; padding: 0 0 0 0; float: left; font-size: 11px; color: #000000; }
#eventName		{ width: 600px; padding: 0; }
#hostedBy		{ width: 600px; padding: 0 0 10px 0; font-size: 11px; }


/* Profile Info */
#profilePicture		{ width: 180px; height: 180px; padding: 3px 0 0 0; margin-left: 10px; position: relative; float:left; text-align: left; }
#profileInfo		{ font-size: 12px; margin-left: 230px; padding: 0 0 0 10px;} 
#profileName		{ width: 300px; height: 23px; padding: 0 0 10px 0; position: relative; float:left; font-size: 18px;   }
#profileAge			{ width: 300px; height: 15px; padding: 0 0 0 0; float: left; font-size: 11px; color: #000000; }
#profileCityState	{ width: 300px; height: 15px; padding: 0 0 0 0; float: left; font-size: 11px; color: #000000; }
#profileDateTime	{ width: 300px; height: 25px; padding: 0 0 0 0; float: left; font-size: 11px; color: #000000; }
#profileSex			{ width: 300px; height: 15px; padding: 0 0 10px 0; float: left; font-size: 11px; color: #000000; }
#profileWebsite		{ width: 300px; height: 15px; padding: 0 0 10px 0; float: left; font-size: 11px; }
#profileDescr		{ width: 370px; float: left; font-size: 11px; color: #000000;  }
#profileIcon		{ width: 20px; height: 20px; margin-right: 40px; float: right;  }
#profileDetail		{ width: 250px; height: 15px; margin-top: 5px; font-size: 10px; color: #999999; float: left; }
#profileMenu			{ text-align: left; padding: 5px 0 0 0; }

.linkEdit			{ color: #CCCCCC; font-size: 10px; font-weight: lighter; }

/* Map Info Box */
#mapInfoBox		{ width: 300px; height: 120px; text-align: left; }
#mapInfoName	{ width: 300px; font-size: 14px; }
#mapInfoDetails	{ width: 300px; height: 12px; font-size: 10px; }
#mapInfoMembers	{ width: 300px; height: 12px; margin-top: 10px; font-size: 10px; text-align: center; }
#mapInfoLinks	{ width: 300px; height: 12px; margin-top: 20px; font-size: 10px; }


/* X-Large (980px) Container */
#xlgContWrapper		{ width: 980px; float: left; }
#xlgContTop		{ width: 980px; height: 24px; background:url(/images/xlgContainerTop.png); background-repeat: no-repeat; }
#xlgContMid		{ width: 980px; background:url(/images/xlgContainerMid.png); background-repeat: repeat-y; padding: 0 15px 0 15px; text-align: left;}
#xlgContBot		{ width: 980px; height: 26px; background:url(/images/xlgContainerBot.png); background-repeat: no-repeat; }

/* Large (642px) Container */
#lgContWrapper	{ width: 642px; float: left; }
#lgContTop		{ width: 642px; height: 22px; background:url(/images/lgContainerTop.png); background-repeat: no-repeat; }
#lgContMid		{ width: 642px; background:url(/images/lgContainerMid.png); background-repeat: repeat-y; padding: 0 15px 0 15px; text-align: left;}
#lgContBot		{ width: 642px; height: 27px; background:url(/images/lgContainerBot.png); background-repeat: no-repeat; }

#lgHeader		{ width: 602px; height: 40px; background:url(/images/lgHeaderBg.png); background-repeat: no-repeat; padding: 8px 0 0 15px; font-size: 18px; color: #ffffff; }

/* Half (490px) Container */
#halfContWrapper	{ width: 490px; float: left; }
#halfContTop		{ width: 490px; height: 20px; background:url(/images/halfContainerTop.png); background-repeat: no-repeat; }
#halfContMid		{ width: 490px; background:url(/images/halfContainerMid.png); padding: 0 15px 0 15px; background-repeat: repeat-y; }
#halfContMid	p	{ margin: 0; padding: 0 0 15px 0; }
#halfContBot		{ width: 490px; height: 27px; background:url(/images/halfContainerBot.png); background-repeat: no-repeat; }

#halfHeader		{ width: 458px; height: 40px; background:url(/images/halfHeaderBg.png); background-repeat: no-repeat; padding: 8px 0 0 15px; font-size: 18px; color: #ffffff; }


/* Small (338px) Container */
#smContWrapper	{ width: 338px; float: right; }
#smContTop		{ width: 338px; height: 20px; background:url(/images/smContainerTop.png); background-repeat: no-repeat; }
#smContMid		{ width: 338px; background:url(/images/smContainerMid.png); background-repeat: repeat-y; text-align: center; }
#smContBot		{ width: 338px; height: 27px; background:url(/images/smContainerBot.png); background-repeat: no-repeat; }

#smHeader		{ width: 289px; height: 40px; background:url(/images/smHeaderBg.png); background-repeat: no-repeat; margin-left: 22px; padding: 8px 0 0 15px; text-align: left; font-size: 18px; color: #ffffff; }
#smMeetInfo		{ text-align: justify; padding: 0 30px 0 25px; }

#smTitle		{ width: 338px; padding: 0 0 0 18px; text-align: left;  }
#smTitle h2		{ float: left; width: 300px; margin: 0; height: 30px;  border-bottom: 1px solid #999999; font-size: 18pt; }

#col1			{ width: 50%; height: 100%; float: left; }
#col2			{ width: 50%; height: 100%; float: right; border-left: 1px solid #999999; }

/* Shouts */
#shoutInputContainer	{ padding: 5px 0 0 15px;  }
#leaveShout		{ margin-left: 500px; padding: 8px 0 0 0; font-size: 12px; }
.shoutClass		{ width: 570px; border: 1px solid #CCCCCC;  }

#theShouts		{ padding: 20px 0 0 0; }
#shoutContainer1	{ width: 95%; min-height: 75px; background: #FFFFFF; }
#shoutContainer2	{ width: 95%; min-height: 75px; background: #E6E6E6; }

#shoutAvatar	{ margin-left: 8px; margin-top: 8px; padding: 0 10px 0 0; float: left;  }
#shoutDetails	{ padding: 8px 0 0 40px; position: relative; font-size: 10px; }
#shoutText		{ padding: 8px 0 10px 78px; position: relative; font-size: 13px; color: #000000; }

#membersList	{ width: 94%; padding: 0 0 0 9px; background: #FFFFFF; }
#membersList a img { vertical-align: bottom; margin: 2px; border: solid 4px #fff; }
#membersList a:hover img { border-color: #FF9933; }
#membersList a:hover {  /* wakeup IE */ border-width: 0; }

#friendList		{ width: 90%; margin-left: 12px; padding: 8px 0 0 3px; background: #FFFFFF; text-align: left; float: left; }

#friendList a img 		{ vertical-align: bottom; margin: 2px; border: solid 4px #fff; }
#friendList a:hover img	{ border-color: #FF9933; }
#friendList a:hover		{  /* wakeup IE */ border-width: 0; }

#classyText		{ text-align: left; padding: 0 30px 0 0;  }

.center			{ text-align: center; }

/* Log In */
.formLabelTop 	{ padding: 0 0 0 0; margin-top: 15px; text-align: left; font-size: 10px; }
.formLabel	 	{ padding: 0 0 0 0px; text-align: right; font-size: 10px; }
#formLabel	 	{ padding: 0 0 0 0; text-align: left; font-size: 10px; }
.addInstruct 	{ text-align: left; color: #FF9933; font-size: 10px; }
#theInput		{ padding: 2px 0 0 0; text-align: left; }
.formInput 		{ padding:3px; background-color:#FFFFFF; border:1px solid #999999; color:#666666; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:8pt; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; }
#theButton		{ padding: 10px 0 0 0; text-align: left; }
#theAddGroup	{ padding: 0 50px 0 20px;  }
#signupForm		{ padding: 0 0 0 100px; }

#errMsg			{ background: #FF9933; color: #FFFFFF; text-align: left; padding: 3px; margin-left: 15px; margin-right: 45px;}
#errMsg	a		{ color: #FFFFFF; } 
#errMsg1		{ background: #FF9933; color: #FFFFFF; text-align: left; padding: 3px; margin-left: 15px; margin-right: 45px;}
#errMsg1 a		{ color: #FFFFFF; } 

tr.resultRow 		{ background-color: transparent; color: #999999; cursor: pointer; }
tr.resultRow:hover 	{ background-color: transparent; color: #FF9933; cursor: pointer; }
tr.resultRowC 		{ background: #FF9933; color: #FFFFFF; cursor: pointer; }

#fixedtipdiv	{ position:absolute; padding: 2px; border:2px solid #999999; font:normal 12px Verdana; color: #FFFFFF; font-weight: bold; line-height:18px; z-index:100;
}

#contactWrapper		{ width: 880px; margin-left: 20px; padding: 0 0 20px 0; text-align: left; }
#theContactL		{ width: 440px; text-align: left; padding: 0 0 40px 0; float: left; }
#theContactL	h4	{ margin-bottom: 6px; margin-top: 0; padding: 0; clear: right; font-weight: bold; }
#theContactR		{ width: 400px; text-align: left; padding: 0 0 40px 0; float: left;}
#theContactR	h4	{ margin-bottom: 6px; margin-top: 0; padding: 0; clear: right; font-weight: bold; }

#FAQWrapper		{ width: 880px; margin-left: 20px; padding: 0 0 20px 0; text-align: left; }
#theFAQ			{ width: 880px; text-align: left; padding: 0 0 40px 0; float: left; }
#theFAQ	p, h3, h4	{ margin: 0; padding: 0 0 5px 0; line-height: 1.4; text-align: justify; }
#theFAQ		h2	{ border-bottom: 1px solid #999999; border-top: 1px solid #999999; }
#theFAQ		h3	{ color: #FF9933; font-size: 16px; }
#theFAQ		h4	{ margin-bottom: 6px; margin-top: 0; padding: 0; clear: right; font-weight: bold; }

/* Index Events */
#eventContainer	{ width: 455px;  font-size: 11px; }
#eventHead		{ width: 455px; height: 30px; }
#eventContainer h2	{ float: left; width: 130px; margin: 0; height: 30px;  border-bottom: 1px solid #999999; font-size: 18pt; }
#eventArea	{ width: 305px; height: 17px; float: left; text-align: left; padding:13px 0 0 15px;  border-bottom: 1px solid #999999; }

#eventColHd1, #eventColHd2, #eventColHd3	{ color: #FFFFFF; background: #999999; padding: 2px 0; font-weight: bold; text-align: left; margin: 5px 0 0 0; }

#eventColHd1, #eventData1	{ width: 55px; float: left; }
#eventColHd2, #eventData2	{ width: 260px; float: left; }
#eventColHd3, #eventData3	{ width: 140px; float: left; }

#eventRow	{ width: 455px; float: left; }

#eventData1, #eventData2, #eventData3	{ font-size: 10px; font-weight: none; text-align: left; padding: 8px 0 0 0; background: transparent; }

/* Index Activities */
#activityContainer	{ width: 455px;  font-size: 11px; }
#activityHead		{ width: 455px; height: 30px; }
#activityContainer h2	{ float: left; width: 250px; margin: 0; height: 30px;  border-bottom: 1px solid #999999; font-size: 18pt; }
#activityArea	{ width: 200px; height: 17px; float: left; text-align: left; padding:13px 0 0 0;  border-bottom: 1px solid #999999; }

#activityColHd1, #activityColHd2, #activityColHd3	{ color: #FFFFFF; background: #999999; padding: 2px 0; font-weight: bold; text-align: left; margin: 5px 0 0 0; }

#activityColHd1, #activityData1	{ width: 55px; float: left; }
#activityColHd2, #activityData2	{ width: 260px; float: left; }
#activityColHd3, #activityData3	{ width: 140px; float: left; }

#activityRow	{ width: 455px; float: left; }

#activityData1, #activityData2, #activityData3	{ font-size: 10px; font-weight: none; text-align: left; padding: 8px 0 0 0; background: transparent; }


/* Browse Events */
#browseSearch	{ width: 603px; text-align: center; }

#eventBrowseContainer, #activityBrowseContainer	{ width: 603px; font-size: 11px; }
#eventBrowseHead, #activityBrowseHead		{ width: 603px; border-bottom: 1px solid #999999; margin: 0; height: 30px; font-size: 18pt; font-weight: bold;  }
#eventBrowseContainer h2, #activityBrowseContainer h2	{ float: left; width: 130px; margin: 0; height: 30px; font-size: 18pt; }
#eventBrowseArea, #activityBrowseArea	{ width: 305px; height: 30px; float: left; text-align: left; padding: 0 0 0 15px;  border-bottom: 1px solid #999999; }

#eventBColHd1, #eventBColHd2, #eventBColHd3, #actBColHd1, #actBColHd2, #actBColHd3	{ color: #ff9933; font-weight: bold; text-align: left; margin: 5px 0 0 0; }

#eventBColHd1, #eventBData1, #actBColHd1, #actBData1	{ width: 50px; float: left; }
#eventBColHd2, #eventBData2, #actBColHd2, #actBData2	{ width: 395px; float: left; }
#eventBColHd3, #eventBData3, #actBColHd3, #actBData3	{ width: 150px; float: left; }

#eventBRow	{ width: 603px; float: left; }

#eventBData1, #eventBData2, #eventBData3	{ font-size: 10px; font-weight: none; text-align: left; padding: 8px 0 0 0; background: transparent; }

#tipBox	{ width: 280px; height: 100%; float: right; border: 1px solid #cccccc; background: #999999; color: #ffffff; font-size: 9px; padding: 3px; font-style: italic; }


/* Event Date Display */
span.calSheetSmall span.month {
font-size:9px;
height:10px;
}

span.calSheet span.month {
background:#FF9933 none repeat scroll 0 0;
border:1px solid #FF9933;
color:#FFFFFF;
font-weight:bold;
line-height:1.1em;
text-align:center;
text-transform:uppercase;
}

span.calSheetSmall span.day {
font-size:14px;
}

span.calSheet span.day {
border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-top:medium none -moz-use-text-color; border-bottom:1px solid #CCCCCC; background:#FFFFFF 0 0; color:#000000;
font-weight:bold;
letter-spacing:-0.1em;
line-height:1.4em
}

span.calSheet span {
display:block;
float:left;
width:100%;
font-family: "Lucida Grande",Arial,Helvetica,Verdana,sans-serif;
}

span.calSheetSmall {
width:25px;
float: left;
}
span.calSheet {
display:block;
text-align:center;
}

ol, ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin: 0;
padding: 0;
}

ul.eventsSmall {
width: 300px;
margin-left: 20px;
float: left;
}

ul.eventsSmall li.first {
border-top:0 none;
}

ul.eventsSmall li {
border-bottom:1px solid #CCCCCC;
border-top:none;
font-size:11px;
line-height:1.18182em;
padding: 5px 5px 10px 0px;
}

ul.eventsSmall li strong.summary {
color:#000000;
display:block;
font-size:11px;
line-height:1.18182em;
margin: 1px 0 4px 30px;
}

ul.eventsSmall li small.location {
color:#000000;
font-size:11px;
margin: 1px 0 4px 5px;
}

/* Activity Log */
#theLog	{ width: 455px; padding: 5px 5px 10px 5px; font-size: 10px; font-family: Verdana, Arial; text-align: left; }

.logEvent, .logGroup, .logProfile, .logFriend, .logShout, .logUpdate	{ padding: 0 0 8px 20px; }
.logEvent { background: url(/images/logEvent.png) no-repeat; }
.logGroup { background: url(/images/logGroup.png) no-repeat; }
.logProfile { background: url(/images/logProfile.png) no-repeat; }
.logFriend { background: url(/images/logFriend.png) no-repeat; }
.logShout { background: url(/images/logShout.png) no-repeat; }
.logUpdate { background: url(/images/logUpdate.png) no-repeat; }

.wallTimestamp		{ width: 380px; float: left; margin-bottom: 6px; padding:0 0 0 3px; font-size: 9px; color: #999999; font-weight: bold; background: none; }
.wallMore			{ width: 380px; border-bottom: 1px dotted #CCCCCC; padding: 0 0 2px 0; margin-bottom: 5px; margin-top: -7px; background: #CCCCCC; float: left; }
.wallMoreLink		{ font-size: 9px; color: #FFFFFF; font-style: italic; font-weight: bold; }