
* { 
  margin: 0;
  padding: 0;
}


a,
label 
{
  color: #333;
  cursor: pointer;
  text-decoration: none;
}
a:hover,
label:hover 
{
  color: #45AEB4;
  text-decoration: underline;
  text-shadow: 0 0 2px #FFF;
}

a img 
{
	border: 0; 
}


body 
{
	background: #AB8767 url('../layouts/img/background_bar_repeat.gif') repeat-x;
  font-family: sans-serif;
  font-size: 12px;
  padding-top: 20px;
}

#businessOrganizationDiscounts
{
  list-style-type: none; 
}

#businessOrganizationDiscounts li
{
  border-top: 1px solid #CCC;
  padding: 5px 0;
}
#businessOrganizationDiscounts li:first-child
{
  border-top: 0 none;
  padding-top: 0;
}

/** Calendar picker CSS **/
button.calendarPicker
{
	background: transparent url(../layouts/img/calendar_picker_icon.gif) no-repeat;
	border: 0;
	cursor: pointer;
	height: 20px;
	margin: 0 3px;
	vertical-align: top;
	width: 20px;
}
button.calendar:hover,
button.calendar.active {
  background-position: left bottom;
} 




.dataList
{
	width:100%;
	border-spacing:0px;
}
.dataList th
{
	border-bottom:1px solid #666666;
	border-top:1px solid #666666;
	background-color:#DEDEDE;
	text-align:left;
	border-spacing:0px;
	padding:4px;
	color:#000000;
}
.dataList tr:hover
{
	background-color:#DDFFFF;
}
.dataList td
{
	border-spacing:0px;
	padding:4px;
	height:25px;
	border-bottom:1px solid #999999;
}
.dataList td a
{
	display:block;
	width:100%;
	text-align:right;
}




div.calendarPicker {
	background: url(../layouts/img/calendar_picker.gif);
	height: 195px;
	padding: 0 6px;
	text-align: center;
	width: 147px;
}	
div.calendarPicker div {
	background: none !important;
	cursor: move;
	height: 185px;
	overflow: hidden;
	padding-top: 10px;
	position: relative;
	width: 147px;
}	
div.calendarPicker caption {
  color: #333;
  font: normal 12px/16px Arial, Helvetica, sans-serif;
  padding-top: 6px;
  text-align: center;
  width: 100%;
}
div.calendarPicker caption a {
  cursor: pointer;
  display: block;
  height: 12px;
  overflow: hidden;
  position: absolute;
  text-indent: -100px;
  top: 17px;
  width: 11px;
}
div.calendarPicker caption a:hover {
  background-position: 0 12px;
}
div.calendarPicker caption span {
  height: 25px;
  position: relative;
  text-align: center;
}
div.calendarPicker caption span.month {
  padding-right: 8px;
}
div.calendarPicker caption span.month:after {
  content: ',';
}
div.calendarPicker caption a.prev {
	background-image: url(../layouts/img/calendar_picker_prev.gif);
	left: 0;
}
div.calendarPicker caption a.next {
	background-image: url(../layouts/img/calendar_picker_next.gif);
	right: 0;
}
div.calendarPicker table {
	background: #FFF;
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
	cursor: default;
	margin: 0 auto;
	overflow: hidden;
	width: 147px;
}
div.calendarPicker td,
div.calendarPicker th {
	border: 0;
	color: #0597DB;
	font: normal 12px Arial, Helvetica, sans-serif;
	height: 21px;
	text-align: center;
	width: 21px;
}
div.calendarPicker td {
	background: url(../layouts/img/calendar_picker_td.gif);
	color: #FFF;
	font-size: 11px;
}
div.calendarPicker td.invalid {
	color: #999;
}
div.calendarPicker td.valid {
	background: url(../layouts/img/calendar_picker_valid.gif);
	color: #0597DB;
	cursor: pointer;
}
div.calendarPicker td.hilite {
	background: url(../layouts/img/calendar_picker_hilite.gif);
}
div.calendarPicker td.inactive {
	background: url(../layouts/img/calendar_picker_td.gif) 0 100%;
	color: #FFF;
}
div.calendarPicker td.active,
div.calendarPicker td.hover {
	background: url(../layouts/img/calendar_picker_valid.gif) 0 100%;
	color: #FFF;
	cursor: pointer;
}
/** End calendar picker CSS **/


form 
{
  display: inline;
} 


h2, 
.pageTitle 
{
  font-size: 16px;
  font-weight: bold;
  margin-bottom:7px;
  border-bottom:1px solid #999999;
}

h6
{
	border-bottom: 1px solid #444;
	font-size: 12px;
	font-weight: bold;
	margin: 15px 20px 5px 5px;
	color: #06C;
} 


input,
select,
textarea 
{
  font-family: sans-serif;
  font-size: 12px;
}
input,
textarea 
{
  padding: 2px;
}
select 
{
	border: 1px solid #777;
  padding: 1px 1px 1px 0px;
  background-color: #E8F6FF;
}
input[type="file"] 
{
	border: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	margin: 0;
	padding: 0;
}
input[type="submit"],
input[type="reset"],
button 
{
  background-position: 0 0;
  background-color: transparent;
  background-repeat: no-repeat;
  border: 0;
 	cursor: pointer;
  height: 23px;
  margin: 0;
  padding: 0;
}
input[type="submit"]:disabled,
input[type="reset"]:disabled,
button:disabled 
{
  background-color: #CCC;
  color: #777;
	opacity: 0.7;
}
input.caution[type="submit"],
input.caution[type="reset"],
button.caution

{
  background-color: #C30;
	color: #FFF;
}
input.caution:hover[type="submit"],
input.caution:hover[type="reset"],
button.caution:hover

{
  background-color: #F93;
	color: #000;
}
input:hover[type="submit"],
input:hover[type="reset"],
button:hover,
.anchorButton:hover 
{
  background-position: bottom left;
}
input.error,
select.error,
textarea.error 
{
  border: 2px solid #F30;
  color: #000;
  font-weight: normal;
  padding: 1px 0px;
}


option.private 
{
  color: #999;
}


select.locationCity 
{
  min-width: 150px;
}
select.locationState 
{
  min-width: 50px;
}




#adSideBar div 
{
  padding: 2px 4px;
  margin: 3px 0px;
}

#adUserAgentTable 
{
  margin: 7px 0px;
}

#adUserAgentTable tr 
{
  border-top: 1px solid #CCC;
}

#adUserAgentTable tr:first-child 
{
  border-top: 0px none #000;
  font-weight: bold;
}

#adUserAgentTable td 
{
  padding: 3px 9px 3px 0px;
}

.advertisingDetailsTable
{
	margin-left:20px;
	width:500px;
}

.advertisingDetailsTable > tr > td,
.advertisingDetailsTable > tbody > tr > td
{
	padding-bottom:5px !important;
	padding-top:5px !important;
	border-bottom:1px solid #CCCCCC;
	padding-right:10px;
}

.advertisingDetailsTable > tr > td:first-child,
.advertisingDetailsTable > tbody > tr > td:first-child
{
	font-weight:bold;
	vertical-align:top;
}

.anchorButton 
{
  display: inline-block;
 	height: 23px;
  text-decoration: none;
}

.anchorButton:hover 
{
	text-decoration: none; 
}


#background_curve 
{
	position:absolute;
	top: 0;
	left: 0;
	background-image: url('../layouts/img/background_curve.gif');
	background-position:top left;
	background-repeat: no-repeat;
	height: 333px;
	width: 348px;
	z-index: -5;
}

.budgetTransferForm 
{
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background-color: #EEF;
  border-radius: 10px;
  display: none;
  padding: 7px 10px; 
  position: absolute;
}

#businessDetailsTable 
{
	border: 15px solid #DDDDDD;
  border-collapse: collapse;
  width: 450px;
  margin-left:20px;
}

#businessDetailsTable tr 
{
 	border-bottom: 1px dashed #999; 
}

#businessDetailsTable tr:first-child
{
	background-color:#99FFFF; 
  border-bottom: 0;
  font-size: 16px;
}

#businessDetailsTable tr td
{
	padding: 5px 8px; 
  vertical-align: top;
}

#businessDetailsTable tr td:first-child
{
	font-weight: bold; 
}

.businessLocationBlock 
{
	margin-bottom: 10px; 
    width: 290px;
	background-color:#FFF8EB;
	border:1px solid #999999;
	margin-right:10px;
	display:inline-block;
}

#businessLogoUpload 
{
	border: 0;
	float: right;
	height: 200px;
	overflow: hidden;
	margin-right: 10px;
	width: 300px;
}

.businessSearchResult 
{
	color: #03C !important;
	font-size: 14px;
	text-decoraion: underline;
}

.buttonAdd 
{
	background-image: url(../layouts/img/buttons/add.gif);
  width: 77px;
}

.buttonAddEvent 
{
 	background-image: url(../layouts/img/buttons/addEvent.gif);
  width: 111px;
}

.buttonAddLocation 
{
 	background-image: url(../layouts/img/buttons/addLocation.gif);
  width: 126px;
}

.buttonBlock 
{
  background-image: url(../layouts/img/buttons/block.jpg);
  width: 84px;
}

.buttonCancel 
{
 	background-image: url(../layouts/img/buttons/cancel.gif);
  width: 91px;
}

.buttonClear 
{
 	background-image: url(../layouts/img/buttons/clear.gif);
  width: 81px;
}

.buttonCreateCalendar,
.buttonCreateACalendar 
{
	background-image: url(../layouts/img/buttons/createCalendar.gif); 
  width: 70px;
}

.buttonDelete 
{
	background-image: url(../layouts/img/buttons/delete.gif);
  width: 91px;
} 
.buttonEdit 
{
	background-image: url(../layouts/img/buttons/edit.gif);
  width: 82px;
}

.buttonEditCalendar 
{
 	background-image: url(../layouts/img/buttons/editCalendar.gif);
  width: 136px;
}

.buttonLogin,
.buttonLogIn 
{
	background-image: url(../layouts/img/buttons/login.gif);
  width: 83px;
}

.buttonPlugin 
{
	background-image: url(../layouts/img/buttons/plugin.gif);
  width: 89px;
}

.buttonPurchase 
{
 	background-image: url(../layouts/img/buttons/purchase.gif); 
  width: 105px;
}

.buttonSave 
{
  background-image: url(../layouts/img/buttons/save.gif);
  width: 82px;
}

.buttonUpload
{
  background-image: url(../layouts/img/buttons/upload.gif);
  width: 95px;
}

.buttonSend 
{
  background-image: url(../layouts/img/buttons/send.gif);
  width: 82px;
}

.buttonSearch 
{
	background-image: url(../layouts/img/buttons/search.gif);
  width: 89px;
}

.buttonSelect 
{
	background-image: url(../layouts/img/buttons/select.gif);
  width: 87px;
}

.buttonShare 
{
 background-image: url(../layouts/img/buttons/share.gif);
 width: 92px;
}

.buttonSignUp 
{
 background-image: url(../layouts/img/buttons/signUp.gif);
 width: 100px;
}

.buttonSubscribe 
{
  background-image: url(../layouts/img/buttons/subscribe.gif);
  width: 106px;
}

.buttonUnblock 
{
  background-image: url(../layouts/img/buttons/unblock.gif);
  width: 101px;
}

.buttonUnsubscribe 
{
  background-image: url(../layouts/img/buttons/unsubscribe.gif);
  width: 123px;
}

.buttonViewCalendar 
{
	background-image: url(../layouts/img/buttons/viewCalendar.gif);
  width: 70px;
}



#calendarControls 
{
  font-size: 14px;
  margin-top: 10px;
  width: 550px;
}

.calendarControlTab, 
.calendarControlTabCurrent 
{
  -moz-border-radius: 8px 8px 0px 0px;
  -o-border-radius: 8px 0px 0px 8px;
  -webkit-border-radius: 8px 0px 0px 8px;
  border-radius: 8px 0px 0px 8px;
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
}

.calendarControlTab 
{
  background-color: #CDD;
  border-color: #CDD; 
  border-style: solid;
  border-width: 3px 3px 0px;
  color: #000;
  padding: 3px 5px 3px; 
}

.calendarControlTab:hover 
{
  background-color: #CDD;
  border-color: #CDD;
  -moz-box-shadow: 0 0 5px #066;
  -webkit-box-shadow: 0 0 5px #066;
}

.calendarControlTabCurrent 
{
  background-color: #45AEB4;
  border-color: #45AEB4; 
  border-style: solid;
  border-width: 3px;
  color: #000; 
  font-weight: bold;
  padding: 3px 5px;
}

.calendarControlTabCurrent:hover 
{
  color: #FFF;
  -moz-box-shadow: 0 0 5px #066;
  -webkit-box-shadow: 0 0 5px #066;
}

#calendarEventControls td 
{
  padding-right: 5px;
}

.calendarPageControl 
{
  -moz-border-radius: 5px;
  -0-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #CDD;
  border: 2px solid #CDD;
  color: #000;
  display: block;
  font-size: 11px;
  font-weight: bold;
  margin-bottom: 3px;
  padding: 1px 3px;
  text-align: center;
  text-decoration: none;
  width: 35px;
}

.calendarPageControl:hover 
{
  color: #FFF;
  background-color: #999;
  border-color: #999;
  -moz-box-shadow: 0 0 5px #066;
  -webkit-box-shadow: 0 0 5px #066;
}

.calendarDateTitleMonth ,
.calendarDateTitleWeek 
{
  font-weight: bold;
  padding: 0px 7px 3px;
  text-align: center;
}

.calendarDateTitleMonth 
{
  width: 120px;
}

.calendarDateTitleWeek 
{
  width: 190px;
}

#calendarEventControlsLogo 
{
 	padding-right: 5px; 
}
#calendarEventControlsLogo img {
  -moz-box-shadow: 2px 2px 2px #777;
  -webkit-box-shadow: 2px 2px 2px #777;
 	width: 50px; 
}

#calendarEventControlsSpacer 
{
  padding-left: 200px;
}

#calendarModifyAddCalendarForm 
{
  display: block; 
  margin: 0 0 10px; 
}

#calendarModifyAddCalendarForm input 
{
  font-size: 11px;
}

.calendarMonthSpacer,
.calendarWeekSpacer 
{
  font-weight: bold;
	text-align: center;
}

.calendarMonthSpacer 
{
	width: 250px;
}

.calendarTable 
{
  border-collapse: collapse;
  border-spacing: 0px;
  empty-cells: show;
  font-size: 11px;
}

.calendarTable td 
{
  border: 1px solid #C3D9FF; 
  width: 88px;
}

.calendarTableHead 
{
  background-color: #45AEB4;
  color: #000;
  text-align: center;
}

.calendarTableHead td 
{
  padding: 1px 0px 3px;
}

#calendarTopDetails
{
	list-style-type: none;
  font-size: 14px;
  font-weight: 600;
}

#calendarTopDetails li:first-child
{
  font-size: 18px;
}

#calendarTopDetails li
{
	margin-bottom: 3px; 
}

.calendarWeekSpacer 
{
  width: 180px;
}

.caution 
{
  color: #F30;
  font-style: italic;
}
#contactDetailsTable td 
{
	padding: 2px; 
	border:none !important;
}

#contactDetailsTable tr td:first-child 
{
  padding-right: 5px;
  font-weight:bold;
  text-align: right;
  width: 85px;
}

.contactListLinkCurrent 
{
  background-color:#E0E2FF;
}
.contactListLinkCurrent a
{
  color:#3333FF !important;
  text-decoration:underline;
  font-weight:bold;
}

#contactListTable,
#groupListTable 
{
  border-collapse: collapse;
  border: 0;
}

#contactListTable tr td,
#groupListTable tr td 
{
  border: 0;
  padding: 2px;
}

#contactListTable td:first-child 
{
  width: 100px; 
}

#contactListTable tr td:last-child 
{
  font-size: 11px;
  text-align: right;
}

#contactViewTable 
{
  border-collapse: collapse;
  border: 1px solid #AAAAAA;
  margin: 0 auto;
}

#contactViewTable th
{
	background-color:#FFF8DD;
	text-align:left;
}
#contactViewTable th
{
	padding:5px;
}

#contactViewTable > tr > td,
#contactViewTable > tbody > tr > td 
{
  border-right: 1px solid #AAAAAA;
  margin: 0;
  padding: 0px;
  vertical-align: top;
  background-color:#F9FDFF;
}

#contactViewTable > tr:first-child,
#contactViewTable > tbody > tr:first-child 
{
  background-color:#FFFFFF; 
  font-size: 14px;
  font-weight: bold;
}


#contactViewTable td

{
	border:1px solid #AAAAAA;
}

#contactViewTable > tr:last-child > td
#contactViewTable > tbody > tr:last-child > td 
{
  padding-top: 10px;
}

#contactViewTable ul 
{
  list-style-type: none;
}

#contactViewTable ul li 
{
  margin-bottom: 4px; 
}

.currentItemsList tr:first-child 
{
 	font-weight: bold; 
}

.currentItemsList tr:nth-child(even) 
{
	background-color: #92D8FF;
}

.currentItemsList tr td:first-child 
{
	width: 350px;
}

.currentItemsList tr td 
{
	margin: 0;
	padding: 2px 3px;
}


.dateListControls 
{
	text-align: right;
	width: 190px;
}

.dateListDate 
{
	/*background-color: #45AEB4;
  color: #FFF;
  font-size: 13px;
  font-weight: bold;
	margin-top: 15px;
  padding: 3px 0 4px 5px;
  text-align: left;*/
  
  color: #454545;
  font-size: 13px;
  font-weight: bold;
	margin-top: 15px;
  padding: 3px 0 4px 5px;
  text-align: left;
  border-bottom:1px solid #BBBBBB;
  background-color:#f0f0f0;
}

.dateListItem 
{
	border-top: 1px dotted #CCC;
  margin: 0 0 5px 12px;
	padding-top: 5px;
}

.dateListDate + .dateListItem
{
	border-top: 0;
}

.dateListItemFirstChild 
{
	vertical-align: top;
	width: 390px;
}

.dateListTime { 
  color: #018BC8;
  font-size: 11px;
}


.emphasized 
{
  color: #429200;
  font-weight: bold;
}

.emphasized:hover 
{
  color: #CCC;
}

.error 
{
  color: #F30;
  font-weight: bold;
}
div.error,
div.caution 
{
  border: 4px double #F30;
  padding: 5px;
  text-align: center;
  width: 300px;
}


.eventDates 
{
	-moz-column-count: 2;
	-moz-column-width: auto;
	-webkit-column-count: 2;
	-webkit-column-width: auto;
	column-count: 2;
	column-width: auto;
  	max-height: 600px;
  	overflow: auto;
}

.eventDates div 
{
  padding: 2px 0px;
}


#eventInviteContactControls,
#calendarInviteContactControls 
{
  border-bottom: 2px dashed #777;
  display: none;
	margin-bottom: 5px; 
  padding-bottom: 5px;
}

#eventInviteContactControls a,
#calendarInviteContactControls a 
{
	display: block;
  margin-bottom: 3px;
}

.eventInviteContactGroup,
.calendarInviteContactGroup 
{
	display: block;
  margin-bottom: 4px;
}

.eventInviteContact,
.calendarInviteContact 
{
  display: none; 
 	margin-bottom: 5px;
}

#eventInviteTable,
#calendarInviteTable 
{
	border: 2px solid #777;
  border-collapse: collapse;
  margin-top: 15px;
}


#eventPopupContent 
{
	border-color: #4BB;
	border-style: solid;
	border-width: 0 5px 5px;
  height: 395px;
  overflow: auto;
  padding: 10px 5px 0px;
}

#eventPopupContent .eventPopupSpacer:last-child 
{
  border-bottom: 0;
}

.eventPopupDivider 
{
  float: left; 
  font-size: 14px; 
  width: 480px; 
}

.eventPopupEventTimes 
{
  font-size: 11px; 
  font-style: italic;
  line-height: 16px;
  padding-left: 5px;
}

.eventPopupEventTitle 
{
  color: #000;
  font-size: 16px;
  font-weight: bold; 
	padding-left: 5px;
  text-decoration: underline; 
}

#eventPopupTitle 
{
  -moz-border-radius: 10px 10px 0px 0px;
  border-radius: 10px 0px 0px 10px;
  background-color: #4BB;
  border: 5px solid #4BB;
  font-size: 18px;
  font-style: italic;
  padding: 5px 0 0 10px;
  text-shadow: #333 1px 1px 1px;
}

.eventPopupSpacer 
{
  border-bottom: 2px dashed #CCC; 
	clear: both; 
  margin-bottom: 16px; 
}

#eventSearchResults 
{
  margin-top: 15px;
}

#eventSearchResults a

{
	color:#03C !important;
	text-decoration:underline;
	font-size:14px;
}

#eventSearchResults i

{
	color: #090;
	font-style:normal;
	font-size:11px;
}

#eventSearchResults div 
{
  padding: 5px;
  margin-bottom:10px;
}

#eventSearchTable 
{
  margin-bottom: 10px;
}

#eventSearchTable td 
{
  padding: 4px 3px;
}

#eventSearchTable tr td:nth-child(odd) 
{
  text-align: right;
}

.eventsTipEvent 
{
  border-top: 1px solid #999;
  padding: 7px 0px;
}

.eventsTipEvent:first-child 
{
  padding-top: 0px;
  border: 0px none #000;
}

.eventsTipHead 
{
  border-bottom: 1px dotted #CCC;
  padding-bottom: 3px;
  margin-bottom: 4px;  
}

.eventTip 
{
	background-color: #333;
  border-color: #CCC;
  -o-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
  border-style: solid;
  border-width: 1px 2px 2px 1px;
	color: #FFF;
	opacity: .85;
	width: 300px;
	z-index: 98;
}

.eventTip .tip-text 
{
	font-size: 11px;
	padding: 4px 8px 8px;
}

.eventTip .tip-title 
{
	font-weight: bold;
	font-size: 14px;
	margin: 0;
	color: #FFF;
	padding: 8px 8px 4px;
	/*background-color: #777;*/
	border-bottom: 1px solid #FFF;
}

.expired
{
  background-color: #F66; 
}
.expiresSoon
{
  background-color: #FF6; 
}


.featuredSearchResults 
{
  margin: 10px 0;
}

.featuredSearchResults i

{
	color:green;
	font-style:normal;
}

.featuredSearchResults a

{
	font-size:13px;
	text-decoration:underline;
	font-weight:bold;
	color:#0033CC !important; 
}

.featuredSearchResults div 
{
  padding: 10px 0;
  background-color:#FFF8DD;
  padding-left:5px;
}

.featuredSearchResults h4 
{
  font-size: 14px;
  margin-bottom: 3px;
	padding: 0; 
  text-decoration: underline;
  display:none;	
}

.forward_sort
{
  background-color: #84B87D !important; 
}

.formError 
{
  border: 2px solid #F30;
  color: #F30;
  font-weight: bold;
}


.headerRow 
{
  font-weight: bold;
  text-decoration: underline;
}

.helpToolTip 
{
  color: #007FBB;
  font-style: italic;
  font-weight: bold;
  text-decoration: underline;
}


.indexBlock 
{
 background-color: #FAFAFA; 
 border: 1px solid #AAA;
 border-radius: 10px;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;  
 padding: 10px 20px 20px;
 width: 260px; 
}

.inviteTableHeader
{
	background-color: #4BB; 
  font-size: 14px;
  font-weight: bold;
}

.inviteTableTd
{
  border-right: 2px solid #777;
  margin: 0;
  padding: 5px;
  vertical-align: top; 
}


.leftLabelTable tr td:first-child 
{
	font-weight: bold;
  padding: 2px 7px 2px 0;
  text-align: right;
}


#mainContent 
{
  margin-top: 5px;
  min-height: 400px;
  padding: 20px 10px;
  position: relative;
 
	/* the rest will be removed once we have an image for the background of each of the three different sized mainContent divs */
  background-color: #FFF;
  border: 1px solid #FFF; 
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  /* damn sweet... works in safari 3+ or firefox 3.1/3.5+... it looks almost exactly like the jpg version and its all CSS! */
  -webkit-box-shadow: 0 0 8px #333; 
  -moz-box-shadow: 0 0 8px #333; 
}

#mainContent a,
#mainContent label 
{
	color: #066;
}


#menuCalendarList,
#menuBusinessList
{
	display: none;
  font-size: 11px;
  list-style-type: none;
  margin: 2px 0px 5px;
  padding-left: 25px;
}

#menuCalendarList li,
#menuBusinessList li
{
  height: 13px;
  margin-top: 3px;
  padding: 0;
}

/* FF fix */
#menuCalendarList li:last-child,
#menuBusinessList li:last-child
{
  padding-bottom: 3px;
}

#menuCalendarList li a,
#menuBusinessList li a
{
  margin: 0;
  padding: 0;
}


.menuDivision 
{
  margin-top: 10px;  
}

.menuDivision a 
{
  display: block;
  margin-bottom: 3px;
}

.monthDateContent 
{
  display: block;
  font-size: 9px;
  height: 55px;
  overflow: hidden;
  padding: 3px 2px 2px 3px;
}

.monthDateContent:hover 
{
  background-color: #FFC;
  text-decoration: none;
}

.monthDateContent div 
{
  padding-bottom: 3px;
}

.monthDateContentOwn
{
	color:#0000FF !important;
}

.monthDateContentMore 
{
  font-style: italic;
}

.monthDateContentNotToday 
{
  background-color: #FFF;
}

.monthDateContentToday 
{
  background-color: #FED;
}

.monthDateDigit 
{
  background-color: #DEE;
  color: #333;
  font-size: 10px;
  padding: 3px;
  text-align: right; 
}

.monthDateDigitToday 
{
  background-color: #5BB;
  color: #333;
  font-size: 10px;
  padding: 3px;
  text-align: right; 
}

.message 
{
  color: #177;
  font-weight: bold;
}
div.message 
{
  border: 2px dashed #177;
  padding: 5px;
  text-align: center;
}


#navigationBar 
{
	height: 38px;
	left: 250px;
	position: absolute;
	top: 140px;
	width: 740px;
}

#navigationBar a:hover

{
	text-decoration:none;
}

#noScriptPageTop 
{
  background-color: #FFF;
  border: 3px solid #F30;
  color: #F30;
  font-size: 20px;
  opacity: 0.8;
  padding: 40px 0px;
  position: relative;
  text-align: center;
  top: -155px;
}


.offMonthDateDigit 
{
  background-color: #E8EEF7;
  color: #999;
  font-size: 10px;
  padding: 3px;
  text-align: right; 
}


.optionsDrop,
.optionsDropCollapsed 
{
  width: 116px;
}

.optionsDrop .optionsDropTop
{
  background: transparent url(../layouts/img/buttons/optionsDown.gif) no-repeat scroll 0 0;
}

.optionsDropCollapsed .optionsDropOptions 
{
	display: none; 
}

.optionsDropCollapsed .optionsDropTop
{
  background: transparent url(../layouts/img/buttons/optionsUp.gif) no-repeat scroll 0 0;
}

.optionsDropOptions 
{
  background: transparent url(../layouts/img/buttons/optionsBackground.gif) no-repeat scroll bottom left;
	padding: 5px;
}

.optionsDropOptions a 
{
  cursor: pointer;
  display: block;
  margin-bottom: 3px;
  font-size:12px;
  padding-top:3px;
}

.optionsDropOptions a:hover 
{
	text-decoration: underline;;
}

.optionsDropOptions > a + a
{
	border-top: 1px solid #BBB;
}

.optionsDropTop 
{
	height: 28px;
}

#organizationView
{
  list-style-type: none; 
}

#organizationView li
{
  padding: 0 0 5px; 
}

#orgMassEmailTable tr td
{
  padding-bottom: 5px;
}

#orgMassEmailTable tr td:first-child
{
  font-weight: bold;
  padding-right: 5px;
  padding-top: 5px;
  text-align: right;
 	vertical-align: top;
}



#pageBottom 
{
  /* the footer image is 5 px too narrow - which is why the shadows don't line up */
  background: #AB8767 url('../layouts/img/background_footer.png') no-repeat scroll top center;
  height: 177px;
  margin: 0 auto 20px;
  padding-top: 20px;
  width: 980px;
}
#pageBottom div
{
  border-left: 1px solid #AAA;
  color: #CCC; 
  float: left; 
  height: 95px; 
  padding: 20px;
  width: 275px; 
}
#pageBottom div a {
	color: #CCC; 
}
#pageBottom div.copyright
{
  border-left: 0;
}

#pageContentOneColumn,
#pageContentOneColumnFull,
#pageContentTwoColumn,
#pageContentThreeColumn 
{
 	margin: 20px 0 30px 0;
  position: relative;
}

#pageContentOneColumn #mainContent 
{
	margin: 0 15px;  
}

#pageContentOneColumnFull #mainContent 
{
  margin: 0 15px;
}

#pageContentTwoColumn #mainContent 
{
  margin: 0 170px 0 15px;
}

#pageContentThreeColumn #mainContent 
{
  margin: 0 170px;
}

#pageMessage 
{
  background-color: #FFF;
  border: 2px dotted #177;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -o-border-radius: 15px;
  -webkit-border-radius: 15px;
  color: #177;
  font-weight: bold;
  margin: 0 auto 10px;
  padding: 5px;
  text-align: center;
  width: 370px;
}

#pageTop 
{
	color: #CCC;
	font-size: 14px;
	font-style: italic;
	height: 180px;
	margin-bottom: 10px;
}

#pageTopHomeLink 
{
 	display: block;
  height: 185px;
  margin-left: 15px;
  width: 230px;
}

#pageTopHomeLink:hover 
{
	text-decoration: none; 
}

#pageTopWelcome 
{
  color: #777; 
  font-size: 12px; 
  position: absolute; 
  right: 15px; 
  top: 15px; 
}

.popup 
{
	background: #FFF;
  padding: 0;
}


.radioChecker,
.boxChecker 
{
  color: #000;
}

.radioSeparator 
{
  padding: 2px 0px;
}

#repeatDurationDiv { 
  background-color: #FFF; /*
  border-color: #4BB #177 #177 #4BB;
  border-style: solid;
  border-width: 2px 4px 4px 2px; */
  border: 2px solid #4BB;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
  -moz-box-shadow: 3px 3px 7px #000;
  -webkit-box-shadow: 3px 3px 15px #000, -3px -3px 5px #AAA;
  box-shadow: 3px 3px 10px 5px #000;
  display: none;
	padding: 10px;
  position: absolute;
	width: 310px;
}

#repeatDurationDiv a 
{
 font-weight: bold;
}

#returnToCalendarPluginLink 
{
	position: absolute; 
  right: 10px;
  top: 10px;  
}

#returnToCalendarPluginLink:hover 
{
  color: #000;
  text-shadow: #FFF 1px 1px 3px;
}

.reverse_sort
{
  background-color: #B17978 !important; 
}

.rightAlignFirstColumn tr td:first-child 
{
  padding-right: 3px;
	text-align: right;
}


#saveToCalendarList 
{
	list-style-type: none; 
  margin-top: 10px;
}

#saveToCalendarList tr td 
{
	padding: 3px 5px 3px 0;
}

#sbox-window 
{
	-moz-box-shadow: 2px 2px 6px #000;
  -webkit-box-shadow: 2px 2px 6px #000;
}

.sectionHeader 
{
  font-style: italic;
  font-weight: bold;
	padding-top: 10px !important;
  text-align: center !important; 
  text-decoration: underline;
}

#shadows 
{
	margin: 0px auto;
	background-image: url('../layouts/img/shadows_repeat.png'); 
	background-repeat: repeat-y;
	width: 980px;
	height: 100%;
	z-index: 0;
}

#sideBarLeft, 
#sideBarRight 
{
	position: absolute;
  top: -5px;
  width: 147px;
}

#sideBarLeft 
{
 	left: 10px; 
}

.sideBarTitle 
{
  color: #333;
  font-size: 14px; 
  font-weight: bold; 
  text-align: center;
  text-decoration: underline;
}

#sideBarRight 
{
	right: 13px; 
}

.sideBarWrapperBottom 
{
	background: transparent url('../layouts/img/blueBox_cap.png') no-repeat scroll 0 0;
	height: 14px;
}

.sideBarWrapperTop 
{
  background-image: url('../layouts/img/blueBox_background.png');
  background-repeat: no-repeat;
  padding: 20px 10px 5px;
}

.splashPageContent 
{
	vertical-align: top;
  width: 380px;
}

.standardForm table 
{
  margin-bottom: 7px;
}

.standardForm td 
{
  padding: 2px 3px;
}

.standardForm tr td:first-child 
{
  text-align: right;
}

#subscriptionUpcomingOptions 
{
	list-style-type: none; 
	margin: 5px 0;
}

#subscriptionUpcomingOptions li 
{
	padding: 3px 0;
}



.tabnavborder {
	border-color: #0C6;
	border-style: solid; 
	border-width: 0 1px 1px; 
	padding: 20px;
}

.userSignUp sup
{
	color:#FF0000;
}

#viewContactDetailsTable > tr > td,
#viewContactDetailsTable > tbody > tr > td 
{
	padding: 2px; 
}

#viewContactDetailsTable > tr > td:first-child,
#viewContactDetailsTable > tbody > tr > td:first-child 
{
	font-weight: bold;
  text-align: right;
}

#viewContactDetailsTable > tr:nth-child(odd),
#viewContactDetailsTable > tbody > tr:nth-child(odd) 
{
  background-color: #DEE; 
}


.weekDateContent 
{
  display: block;
  height: 300px;
  overflow: hidden;
  padding: 5px;
}

.weekDateContentOwn
{
	color:#0000FF !important;
}

.weekDateContent:hover 
{
  background-color: #FFC;
  text-decoration: none;
}

.weekDateContent span 
{
  display: inline-block;
  padding-bottom: 7px;
}

.weekDateContentNotToday 
{
  background-color: #FFF;
}

.weekDateContentToday 
{
  background-color: #FED;
}

#wrapper 
{
  background-image: url('../layouts/img/mainBack.png');
  background-position:top left;
  background-repeat: no-repeat;
  height: 100%;
  margin: 0px auto;
  padding-bottom: 30px;
  position: relative;
  width: 980px;
}












/****************JOEL CSS***********************/
#menuHome

{
	background-image:url('/layouts/img/icons/home.gif');
	background-repeat:no-repeat;
	padding-left:20px;
	padding-top:3px;
}

#menuAccount
{
	background-image:url('/layouts/img/icons/account.gif');
	background-repeat:no-repeat;
	padding-left:20px;
	padding-top:3px;
}

#menuOrganization
{
	background-image:url('/layouts/img/icons/organization.gif');
	background-repeat:no-repeat;
	padding-left:20px;
	padding-top:3px;
}


#menuToggleShowBusinesses

{
	background-image:url('/layouts/img/icons/business.gif');
	background-repeat:no-repeat;
	padding-left:20px;
	padding-top:3px;
}

#menuContacts

{
	background-image:url('/layouts/img/icons/contacts.gif');
	background-repeat:no-repeat;
	padding-left:20px;
	padding-top:3px;
}

#menuToggleShowCalendars

{
	background-image:url('/layouts/img/icons/calendar.gif');
	background-repeat:no-repeat;
	padding-left:20px;
	padding-top:3px;
}
#menuToggleShowCalendars
{
	background-image:url('/layouts/img/icons/calendar.gif');
	background-repeat:no-repeat;
	padding-left:20px;
	padding-top:5px;
}
#menuToggleLocation
{
	background-image:url('/layouts/img/icons/compass.gif');
	background-repeat:no-repeat;
	padding-left:20px;
	padding-top:0px;
	margin-top:5px;
	display:block;
}





#navBarLeftCap

{
	height:38px;
	width:25px;
	display:block;
	background-image:url('/layouts/img/navBar.png');
	background-repeat:no-repeat;
	float:left;
}

#navBarEvents

{
	height:38px;
	width:88px;
	display:block;
	background-image:url('/layouts/img/navBar.png');
	background-repeat:no-repeat;
	background-position:-25px 0px;
	float:left;
}
#navBarEvents:hover
{
  background-position: -25px -38px;
}

#navBarBusiness

{
	height:38px;
	width:115px;
	display:block;
	background-image:url('/layouts/img/navBar.png');
	background-repeat:no-repeat;
	background-position:-113px 0px;
	float:left;
}
#navBarBusiness:hover
{
  background-position: -113px -38px;
}

#navBarCalendar
{
	height:38px;
	width:126px;
	display:block;
	background-image:url('/layouts/img/navBar.png');
	background-repeat:no-repeat;
	background-position:-228px 0px;
	float:left;
}
#navBarCalendar:hover
{
  background-position: -228px -38px;
}

#navBarHome
{
	height:38px;
	width:90px;
	display:block;
	background-image:url('/layouts/img/navBar.png');
	background-repeat:no-repeat;
	background-position:-448px 0px;
	float:left;
}
#navBarHome:hover
{
  background-position: -448px -38px;
}

#navBarLogout

{
	height:38px;
	width:96px;
	display:block;
	background-image:url('/layouts/img/navBar.png');
	background-repeat:no-repeat;
	background-position:-354px 0px;
	float:left;
}
#navBarLogout:hover
{
  background-position: -354px -38px;
}

#navBarRightCap
{
	height:38px;
	width:140px;
	display:block;
	background-image:url('/layouts/img/navBar.png');
	background-repeat:no-repeat;
	background-position:-450px -76px;
	float:left;
}

#navBarRightCap2
{
	height:38px;
	width:220px;
	display:block;
	background-image:url('/layouts/img/navBar.png');
	background-repeat:no-repeat;
	background-position:-350px -76px;
	float:left;
}





/****************************TABS HERE****************************/
	
	ul#tabnav { /* general settings */
		text-align: left; /* set to left, right or center */
		margin: 1em 0 0 0; /* set margins as desired */
		font: bold 11px verdana, arial, sans-serif; /* set font as desired */
		border-bottom: 1px solid #6c6; /* set border COLOR as desired */
		list-style-type: none;
		padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
	}
	
	ul#tabnav li { /* do not change */
		display: inline;
	}
	
	#tab1 li.tab1, #tab2 li.tab2, #tab3 li.tab3, #tab4 li.tab4 { /* settings for selected tab */
		border-bottom: 1px solid #fff; /* set border color to page background color */
		background-color: #fff; /* set background color to match above border color */
	}
	
	.tabSelected { /* settings for selected tab link */
		background-color: #fff !important; /* set selected tab background color as desired */
		color: #000; /* set selected tab link color as desired */
		position: relative;
		top: 1px;
		padding-top: 4px; /* must change with respect to padding (X) above and below */
	}
	
	ul#tabnav li a { /* settings for all tab links */
		padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
		border: 1px solid #6c6; /* set border COLOR as desired; usually matches border color specified in #tabnav */
		background-color: #cfc; /* set unselected tab background color as desired */
		color: #666; /* set unselected tab link color as desired */
		margin-right: 0px; /* set additional spacing between tabs as desired */
		text-decoration: none;
		border-bottom: none;
	}
	
	ul#tabnav a:hover { /* settings for hover effect */
		background: #fff; /* set desired hover color */
	}
		
/*********************************************************************