/* Basic elements */

html,body { 
	height: 100%; 
	margin: 0px;
	padding: 0px;
	/* text-align:center; */
	background-color: #f0f1ec;
}
html, body, td {
	font-size: 14px;
	/* font-size: 12px; */
	font-family: Arial, Helvetica, sans-serif; 
	color: #333333;
}


/* Basic Links elements */

a	{
	color: #0099cc;
	text-decoration: none 
}
a:hover	{
	color: #fac632;
	text-decoration: none
}
a.grey	{
	color: #8E8F90;
	text-decoration: none
}
a.white	{
	color: #FFFFFF;
	text-decoration: none
}
a.disabled {
	color: #8E8F90;
	cursor: default;
	text-decoration: none;
}


/* Misc */

img.smiley	{
	border: none !important;
	padding: 0px 0px 0px 0px !important; 
	margin: 0px 0px 0px 0px !important;
}
.clear {
	clear: both;
}
.hidden {
	display: none;
}


/* Main top menu */

ul.mainMenu	{ 
	font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif; 
	font-size: 14px;
	list-style-type: none;
	margin:0px;
	padding:0px;
}	
ul.mainMenu	li {
	height: 25px;
	float:left;
	margin:0px 8px 0px 0px;
	padding:9px 10px 0px 10px;
	text-align:center;
}
ul.mainMenu li:hover, ul.mainMenu li.mainMenuSelected {
	background:#00a7c2 none repeat;
}

ul.mainMenu li:hover a.mainMenuLink, ul.mainMenu li.mainMenuSelected a.mainMenuLink {
	color: #fac632;
}
a.menuDropDown	{
	font-size: 14px;
	color: #00a7c2;
}
a.menuDropDown:hover { 
	color: #fac632; 
}
.menuUserText {
	font-size: 12px;
	white-space: nowrap;
}
.menuOnlineFriends {
	font-size: 12px;
}

/* Card */

.cardWrapper {
	padding-bottom: 2px;
	padding-top: 2px; 
	padding-left: 10px; 
	padding-right: 10px;
	background-color: #e9f6fa;
}
.cardWrapperTab {
	padding-bottom: 2px;
	padding-top: 2px; 
	background-color: #e9f6fa;
}


/* Main side menu */

.sideMenu a {
	font-size: 16px;
	color: #00a7c2;
}
.sideMenu a:hover {
	color: #fac632;
}
.sideMenuSelected a {
	font-size: 16px;
	color: #fac632;
}
.sideSubmenu {
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	cursor: pointer;
}
.sideSubmenu a {
	font-size: 12px;
	color: #999999;
}
.sideSubmenu:hover, .sideSubmenu:hover a {
	color: #fac632;
	background-color: #ffffff;
}
.sideSubmenuSelected {
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	cursor: pointer;
}
.sideSubmenuSelected a {
	font-size: 12px;
	color: #fac632;
}
.sideSubmenuSelected:hover {
	background-color: #ffffff;
}
.sideColumnHeader {
	/* border-bottom:4px solid #DDDDDD; */
	/* position: relative; This screws things up in IE with slide in on tags */
	border-bottom: 4px solid #F5F5F5;
	font-weight: bold;
	color: #999999;
	margin-bottom: 6px;
	padding-top: 16px;
}
.sideColumnHeaderTop {
	/* border-bottom:4px solid #DDDDDD; */
	border-bottom: 4px solid #F5F5F5;
	font-weight: bold;
	color: #999999;
	margin-bottom: 6px;
	padding-top: 0px;
}
.sideColumnHeaderRight {
	position: absolute;
	top: 17px;
	right: 0px;
	font-weight: normal;
	font-size: 11px;
}
.sideColumnHeaderTopRight {
	position: absolute;
	top: 1px;
	right: 0px;
	font-weight: normal;
	font-size: 11px;
}
.sideColumnInfo {
	font-size: 12px;
	color: #8E8F90;
}


/* Main card */

.mainCard {
	background-color: #ffffff;	
}
.mainCardTitle	{
	font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #999999;
}
/* Not used anymore
.mainCardTitleInfo {
	font-size: 16px;
	color: #5d5c5c;
	font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;
	position: absolute;
	top: -20px;
	left: 0px;
}
*/
.mainCardSubTitle {
	font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #999999;
	padding: 30px 0px 20px 0px;
	text-align: left;
}


/* Instructions */

ul.instructions {
	font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif; 
	font-size: 16px;
	list-style-type: decimal;
	margin-top: 10px;
}
ul.instructions li {
	padding-bottom: 18px;
}
.instructionsHeader {
	font-size: 18px;
	color: #00a7c2;
	text-align: center;
	padding: 10px;
}
div.instructions {
	font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif; 
	font-size: 16px;
}


/* Notify box */

div.notify {
	margin: 0px 270px 0px 270px;
	text-align: center;
	padding: 6px;
	width: 288px;
	color: #ffffff;
	background-color: #fac632;
	-moz-border-radius: 10px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}


/* Text trimmer (slider) */

#trimmerArea {
	width: 60px;
	height: 15px;
	background: url('http://www.zaplife.com/images/slider_bg.png') left center no-repeat;
}
#trimmerHandle {
	height: 15px;
	width: 15px;
	background: url('http://www.zaplife.com/images/slider_handle.png') center center;
	cursor: pointer;
}


/* Feeds */

.feedItemTitle	{
	font-size: 16px; 
	/* color: #6A94BB; */
	color: #333333;
	font-weight: bold; 
	font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;
}


/* Text elements */

.small {
	font-size: 11px;
}
.smallLightGray {
	color: #AAAAAA;
	font-size: 11px;
	font-weight: normal;
	/* font-family: Georgia, Times, serif; */
	/* font-style: italic; */
}
.smallGray {
	color: #8E8F90;
	font-size: 11px;
	font-weight: normal;
	/* font-family: Georgia, Times, serif; */
	/* font-style: italic; */
}
.smallGray a {
	color: #8E8F90;
	font-size: 11px;
	font-weight: normal;
}
.smallgray {
	color: #8E8F90;
	font-size: 11px;
	font-weight: normal;
	/* font-family: Georgia, Times, serif; */
	/* font-style: italic; */
}
.gray {
	color: #8E8F90;
}
.highlight {
	color: #FF0000;
	font-weight: bold;
}
a.highlight {
	color: #FF0000;
	font-weight: bold;
}


/* Profile elements */

.profileUsername {
	color: #fac632;
}
.profileHostname {
	color: #999999;
	font-size: 12px;
}
.profileStatus {
	font-size: 18px; 
	color: #999999; 
	font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;
	background-color: #F5F5F5;
	padding: 2px;
}
.profileName {
	font-size: 16px;
	color: #666666;
}
.profileHeaderInfo a {
	font-size: 14px;
	color: #999999;
}
.profileHeaderInfo {
	font-size: 14px;
	color: #999999;
}
.profileSideInfo {
	color: #999999;
}
/*
.bottomSeperator {
	/* border-bottom:4px solid #DDDDDD; * /
	border-bottom:4px solid #F5F5F5;
}
*/
.profileInfoMenu {
	color: #999999;
	font-size: 12px;
}
.profileMenu {
	border-bottom: 1px solid #EBE9E4; 
	text-align: right;
	padding: 2px 0px 2px 0px;
	white-space: nowrap;
	font-size: 12px;
}
.profileMenu:hover {
	background:#EFEFEF none repeat scroll 0%;
}


/* Status elements */

.online {
	color: #52d82b; 
	font-weight: bold;
}
.away {
	color: #8E8F90;
	font-style: italic;
	font-weight: bold;
}
.offline {
	color: #00a7c2;
	font-weight: bold;
}


/* Form elements */

input {  
	font: 16px Arial, Helvetica, sans-serif; 
	color: #000000;
	background: #FFFFFF; 
	border: 1px #CCCCCC solid; 
	/* margin: 1px 1px; */
	margin-top: 1px;
	margin-bottom: 1px;
	padding: 1px;
}
/*
input.imagebutton {  
	font: 12px Arial, Helvetica, sans-serif; 
	color: #000000;
	border: 0px; 
	margin: 0px 0px;
	padding: 0px;
}
*/
input.textInput {  
	/* width: 424px; */
	padding: 2px;
}
input.textInputWide {  
	width: 424px;
	padding: 2px;
}
input.textInputNarrow {  
	width: 224px;
	padding: 2px;
}
input.textInputHelp {  
	width: 398px;
	padding: 2px;
}
input.textInputWideCard {  
	width: 414px;
	padding: 2px;
}
input.textInputHelpCard {  
	width: 388px;
	padding: 2px;
}
select {  
	font: 13px Arial, Helvetica, sans-serif; 
	color: #000000; 
	background: #FFFFFF; 
	border: 1px #CCCCCC solid; 
	/* margin: 1px 1px; */
	margin-top: 1px;
	margin-bottom: 1px;
	padding: 2px;
}
textarea {  
	font: 14px Arial, Helvetica, sans-serif; 
	color: #000000;
	background: #FFFFFF; 
	border: 1px #CCCCCC solid; 
	/* margin: 1px 1px; */
	margin-top: 1px;
	margin-bottom: 1px;
	padding: 2px;
}
.formHeader {
	/* border-top: 1px solid #DDDDDD; */
	text-align: left;
	/* color: #00a7c2; */
	/* font-weight: bold; */
	/* padding: 4px; */
	/* padding-left: 0px; */
	height: 20px;
}
.formSeperator {
	vertical-align: middle;
	height: 1px;
	width: 620px;
	border-top: 1px solid #DDDDDD;
}
.formSeperatorCard {
	vertical-align: middle;
	height: 1px;
	width: 600px;
	border-top: 1px solid #DDDDDD;
}
.formSubmit td {
	/* border-top: 4px solid #DDDDDD; */
	text-align: right;
	padding-top: 20px;
}
.formSubmit input {
	background-color: #E9F6FA;
	padding: 2px;
	cursor: pointer;
}
.formRow td {
	/* text-align: left; */
}
.formLeft {
	/* color: #00a7c2; */
	/* font-weight: bold; */
	vertical-align: top; 
	text-align: right;
	width: 180px;
	height: 31px;
	padding-bottom: 4px;
	padding-top: 8px;
	padding-right: 10px;
	/* padding-left: 0px; */
}
.formRight {
	padding-top: 4px;
	padding-bottom: 4px;
	/* vertical-align: top; */
	text-align: left;
	width: 430px;
	height: 31px;
}
.formLeftNarrow {
	/* color: #00a7c2; */
	/* font-weight: bold; */
	vertical-align: top; 
	text-align: right;
	width: 100px;
	height: 31px;
	padding-bottom: 4px;
	padding-top: 8px;
	padding-right: 10px;
	/* padding-left: 0px; */
}
.formRightNarrow {
	padding-top: 4px;
	padding-bottom: 4px;
	vertical-align: top; 
	text-align: left;
	width: 230px;
	height: 31px;
}

.formLeftCard {
	/* color: #00a7c2; */
	/* font-weight: bold; */
	vertical-align: top; 
	text-align: right;
	width: 170px;
	height: 31px;
	padding-bottom: 4px;
	padding-top: 8px;
	padding-right: 10px;
	/* padding-left: 0px; */
}
.formRightCard {
	padding-top: 4px;
	padding-bottom: 4px;
	vertical-align: top; 
	text-align: left;
	width: 420px;
	height: 31px;
}
.inputDiv {
	font: 16px Arial, Helvetica, sans-serif; 
	color: #000000;
	background: #FFFFFF; 
	border: 1px #CCCCCC solid; 
	/* margin: 1px 1px; */
	margin-top: 1px;
	margin-bottom: 1px;
	padding: 2px;
	min-height: 20px;
}

/* Page navigation */

.pageNavSelected {
	color: #000000;
	font-weight: bold;
	padding: 2px;
}
a.pageNavPages {
	padding: 2px;
}


/* Tooltip */

.helpButton {
	cursor: help;
}
.tooltip { 
	position:absolute;
	padding:8px 0px 0 24px;
	width:242px;
	height:66px;
	background: url(http://www.zaplife.com/images/tooltip.png) no-repeat;
	text-align: left;
	font-size: 11px;
	/* font-family: Georgia, Times, serif; */
	font-style: normal;
	color: #FFFFFF;
	font-weight: normal;
	z-index: 1000;
}
.tooltipReversed { 
	position:absolute;
	padding:8px 24px 0 4px;
	width:242px;
	height:66px;
	background: url(http://www.zaplife.com/images/tooltip_reversed.png) no-repeat;
	text-align: left;
	font-size: 11px;
	/* font-family: Georgia, Times, serif; */
	font-style: normal;
	color: #FFFFFF;
	font-weight: normal;
	z-index: 1000;
}
.tooltipLargeLight { 
	position:absolute;
	padding:8px 0px 0 24px;
	width:242px;
	height:85px;
	background: url(http://www.zaplife.com/images/tooltip_large_light.png) no-repeat;
	text-align: left;
	font-size: 11px;
	font-family: Georgia, Times, serif;
	font-style: normal;
	color: #FFFFFF;
	font-weight: normal;
	z-index: 1000;
}


/* Custom design elements */

.colorSwatchContainer {
	border:1px solid #CCCCCC;
	float:left;
	height:20px;
	margin:1px 5px 1px 0px;
	padding:2px;
	width:20px;
	cursor: pointer;
}

.colorSwatch {
	display:block;
	height:20px;
	width:20px;
}


/* Popup dialog */

.popupDialogHeader {
	font-size: 20px;
	color: #00a7c2;
	padding: 5px;
	background-color: #E9F6FA;
	cursor: move;
}
.popupDialogWrapper {
	position: absolute;
	display: none;
	z-index: 999;
}
.popupDialogInnerWrapper {
	border: solid 1px #999999; 
	background-color: #ffffff;
}
.popupDialogContent {
	padding: 10px;
}


/* Upload form styles */

/*
.uploadQueue {
	list-style-type: none;
	margin:0px;
	padding:0px;
	padding-top: 10px;
}
.uploadQueue li {
	/*
	background: url(/images/photo_upload.png) no-repeat 0 5px;
	padding: 5px 0 5px 22px;
	*/
	/* border: solid 1px #999999; * /
	text-align: left;
	margin-bottom: 4px;
}
.uploadQueue .file {
	background-color: #ddd;
}
.uploadQueue .file-name {
	font-weight: bold;
}
.uploadQueue .file-size {
	/* color: #aaa; * /
	margin-left: 5px;
	font-size: 11px;
}
.uploadQueue .queue-loader {
	position: relative;
	margin: 3px 0px;
	/* font-size: 0.9em; * /
	background-color: #ddd;
	color: #fff;
	border:	1px inset #ddd;
	height: 15px;
}
.uploadQueue .queue-subloader {
	text-align: center;
	position: absolute;
	background-color: #81B466;
	height: 100%;
	width: 0%;
	left: 0;
	top: 0;
}
.uploadQueue .file-remove {
	/*
	width: 16px;
	height: 16px;
	background: url(/images/button_remove.png) no-repeat 0 0;
	text-decoration: none;
	border: none;
	* /
	font-size: 11px;
	float: right;
}
*/
.fileUpload {
	/* 
	background-color: #F9F7ED;
	padding: 10px 15px; 
	*/
}
.fileUpload .progress {
	background:				white url(http://www.zaplife.com/images/upload/progress.gif) no-repeat;
	background-position:	+50% 0;
	margin-right:			0.5em;
}
.fileUpload .progress-text {
	font-size: 0.9em;
	font-weight: bold;
}
.uploadStatus {
	/* background-color: #F9F7ED; */
	padding: 10px 60px;
}
.uploadQueue {
	list-style: none;
	width: 100%;
	margin: 0px;
	padding: 0px;
	/* background-color: #F9F7ED; */
}
.uploadQueue li.file {
	border-bottom:			1px solid #eee;
	background:				url(http://www.zaplife.com/images/upload/file.png) no-repeat 4px 4px;
}
.uploadQueue li.file.file-uploading {
	background-image:		url(/images/upload/uploading.png);
	background-color:		#D9DDE9;
}
.uploadQueue li.file.file-success {
	background-image:		url(http://www.zaplife.com/images/upload/success.png);
}
.uploadQueue li.file.file-failed {
	background-image:		url(http://www.zaplife.com/images/upload/failed.png);
}
.uploadQueue li.file .file-name {
	font-size:				1.2em;
	margin-left:			44px;
	display:				block;
	clear:					left;
	line-height:			40px;
	height:					40px;
	font-weight:			bold;
}
.uploadQueue li.file .file-size {
	font-size:				0.9em;
	line-height:			18px;
	float:					right;
	margin-top:				2px;
	margin-right:			6px;
}
.uploadQueue li.file .file-info {
	display:				block;
	margin-left:			44px;
	font-size:				0.9em;
	line-height:			20px;
	/* clear: both; */
}
.uploadQueue li.file .file-remove {
	clear:					right;
	float:					right;
	line-height:			18px;
	margin-right:			6px;
}


/* Aloha elements */

.alohaRowColor {
	background-color: #e9f6fa;
}
.alohaRowColor2 {
	background-color: #F5F5F5;
}
.alohaTitle {
	font-size: 16px;
	color: #333333;
	font-weight: bold;
	padding: 2px 0px 2px 2px;
}
.alohaMiniTitle {
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	padding: 2px 0px 2px 2px;
}
.alohaInfo {
	padding: 2px 6px 2px 0px;
	float: right;
	color: #8E8F90;
	font-size: 11px;
	vertical-align: bottom;
}
.alohaMessage {
	padding: 0px 0px 2px 2px;
}
.alohaReplies {
	color: #ffffff;
	position: absolute; 
	top: -8px;
	left: -20px;
	width: 28px;
	height: 18px;
	text-align: center;
	line-height: 18px;
	cursor: help;
}
.alohaFriend {
	color: #ffffff;
	position: absolute; 
	top: -7px;
	left: -42px;
	width: 16px;
	height: 16px;
	text-align: center;
	line-height: 16px;
	cursor: help;
}
/*
.alohaMiniReplies {
	color: #ffffff;
	position: absolute; 
	top: -8px;
	left: -20px;
	width: 28px;
	height: 18px;
	text-align: center;
	line-height: 18px;
	cursor: pointer;
}
*/
.alohaNew {
	color: red;
	font-size: 11px;
	font-weight: bold;
}
input.textInputAloha {  
	font-size: 16px;
	color: #000000;
	padding: 2px;
}


/* Lists */

.listHeader	{
	border-bottom: 1px solid #CACACA; 
	color: #0099cc; 
	text-align: left;
}
.listItem {
	border-bottom: 1px solid #EBE9E4; 
	text-align: left;
	font-size: 12px;
}
.list {  }
.listSelected { 
	background-color: #FFF7E5 ;
}
.listRow {
	/* border-bottom: 1px solid #EBE9E4; */
	background-color: #F5F5F5;
}
.listUnreadRow {
	background-color: #e9f6fa;
}


/* Mail */

.mailTitle {
	font-size: 16px;
	/* color: #00a7c2;
	font-size: 14px; */
	color: #333333;
	font-weight:bold;
	padding: 2px 0px 2px 2px;
}
.mailRow {
	/* border-bottom: 1px solid #EBE9E4; */
	background-color: #F5F5F5;
}
.mailUnreadRow {
	background-color: #e9f6fa;
}
.mailInfo {
	padding: 4px 6px 2px 0px;
	float: right;
	color: #8E8F90;
	font-size: 11px;
}
.mailMessages {
	color: #ffffff;
	width: 28px;
	height: 18px;
	text-align: center;
	line-height: 18px;
	cursor: help;
	float: right;
}
input.textInputMail {  
	font-size: 16px;
	color: #000000;
	padding: 2px;
}
.mailMessage {
	padding: 0px 0px 2px 2px;
}
.mailNew {
	color: red;
	font-size: 11px;
	font-weight: bold;
}


/* GB */

.gbMessage {
	padding: 0px 0px 2px 2px;
}
.gbNew {
	color: red;
	font-size: 11px;
	font-weight: bold;
}
.gbInfo {
	padding: 4px 6px 2px 6px;
	color: #8E8F90;
	font-size: 11px;
}


/* User popup */

.userPopupInfo { 
	font-size: 11px; 
}
.userPopupStatus { 
	font-size: 10px; 
	color: #FFFFFF; 
	font-weight: bold; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	background-color: #fac632;
}


/* Blog */
/*
a.blogTitle {
	font-size: 16px;
	color: #6A94BB;
	font-weight: bold;
	font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;
}
a.blogEntryTitle {
	font-size: 22px;
	/ * color: #6A94BB; * /
	color: #666666;
	font-weight: bold; font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;
}
.blogTitleLink {
	font-size: 11px;
	color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.blogEntryTitle {
	font-size: 18px;
	color: #6A94BB;
	font-weight: bold; font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;
}
.blogEntryContent img {
	margin: 0 5px;
	padding: 4px;
	border: 1px solid #ccc; 
	max-width: 100%;
}
.blogEntryMenu {
	color: #8E8F90;
	font-size: 11px;
}
.blogNew {
	color: red;
	font-size: 11px;
	font-weight: bold;
}
*/

/* Channel */

a.channelName {
	font-size: 16px;
	color: #6A94BB;
	font-weight: bold;
	font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;
}
a.channelThumbTitle {
	font-size: 13px;
	color: #6A94BB;
	font-weight: bold;
	font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;
}
a.channelRowTitle {
	font-size: 24px;
	color: #6A94BB;
	font-weight: bold;
	font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;
}
.channelTitleLink {
	font-size: 11px;
	color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a.channelName:hover {
	color: #fac632;
}
.channelRowColor {
	background-color: #e9f6fa;
}
.channelRowColor2 {
	background-color: #F5F5F5;
}
.channelEntryContent {
	width: 100%;
}
.channelEntryTitle, .channelEntryTitle a {
	font-size: 22px;
	color: #333333;
	padding: 2px 2px 0px 2px;
	font-weight: bold; 
	font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;
}
.channelEntryTitleNews, .channelEntryTitleNews a  {
	font-size: 18px;
	/* width: 540px; */
}
.channelEntryTitle a:hover {
	color: #fac632;;
}
.channelEntryInfo {
	padding: 6px 0px 2px 6px;
	float: left;
	color: #8E8F90;
	font-size: 11px;
	vertical-align: bottom;
	position: relative;
}
.channelEntryMenu {
	padding: 6px 6px 2px 0px;
	color: #8E8F90;
	font-size: 11px;
	float: right;
	vertical-align: bottom;
}
.channelEntryText {
	padding: 6px 0px 4px 2px;
	position: relative;
}
.channelEntryTextZaplife img {
	margin: 0 5px;
	padding: 4px;
	border: 1px solid #ccc; 
	max-width: 580px;
	max-height: 580px;
}
.channelEntryTextNews img {
	margin: 0 5px;
	padding: 4px; 
	max-width: 580px;
	max-height: 580px;
}
.channelEntryTextNewsReadMore {
	padding: 0px;
}
.channelEntryNew {
	color: red;
	font-size: 11px;
	font-weight: bold;
}
.channelEntryPublished {
	text-align: right;
	color: red;
	position: absolute;
	font-size: 11px;
	font-weight: bold;
	top: 2px;
	right: 0px;
	white-space: nowrap;
	height: 11px;
}
.channelEntryTags {
	text-align: right;
	position: absolute;
	color: #8E8F90;
	font-size: 11px;
	top: 6px;
	right: 0px;
	white-space: nowrap;
	height: 11px;
}
#channelSideMenu {
	width: 200px;
	/* background-color: #ffffff; */
}
.entryNavigation {
	font-size: 12px;
}
.channelArchiveList {
	font-size: 12px;
}
.channelLinksList {
	font-size: 12px;
}
.readMoreButton {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background-color: #ffffff;
	padding: 2px 8px;
	text-align: center;
	white-space: nowrap;
	right: 0px;
	bottom: 0px;
	position: absolute;
	float: left; /* Makes div width shrink to content */
}


/* Comments */

.commentMessage {
	padding: 0px 0px 2px 2px;
}
.commentInfo {
	padding: 4px 6px 2px 6px;
	color: #8E8F90;
	font-size: 11px;
}
.commentNew {
	color: red;
	font-size: 11px;
	font-weight: bold;
}
.commentNewBadge {
	color: #ffffff;
	position: absolute; 
	top: -2px;
	right: -2px;
	width: 23px;
	height: 16px;
	text-align: center;
	line-height: 16px;
	cursor: pointer;
	background-repeat: no-repeat; background-image: url(http://www.zaplife.com/images/new_badge_wide.png);
}

.commentNewEntryBadge {
	color: #ffffff;
	position: absolute; 
	top: -8px;
	left: -15px;
	width: 23px;
	height: 16px;
	text-align: center;
	line-height: 16px;
	cursor: pointer;
	background-repeat: no-repeat; background-image: url(http://www.zaplife.com/images/new_badge_wide.png);
}
.commentNewPhotoBadge {
	color: #ffffff;
	position: absolute; 
	top: 8px;
	left: 95px;
	width: 23px;
	height: 16px;
	text-align: center;
	line-height: 16px;
	cursor: pointer;
	background-repeat: no-repeat; background-image: url(http://www.zaplife.com/images/new_badge_wide.png);
}
.commentNewFirstPhotoBadge {
	color: #ffffff;
	position: absolute; 
	top: 8px;
	right: 8px;
	width: 23px;
	height: 16px;
	text-align: center;
	line-height: 16px;
	cursor: pointer;
	background-repeat: no-repeat; background-image: url(http://www.zaplife.com/images/new_badge_wide.png);
}


/* Tags */

.tagNewBadge {
	color: #ffffff;
	position: absolute; 
	top: -2px;
	right: -2px;
	width: 23px;
	height: 16px;
	text-align: center;
	line-height: 16px;
	cursor: pointer;
	background-repeat: no-repeat; background-image: url(http://www.zaplife.com/images/new_badge_wide.png);
}
.tagNewBadge2 {
	color: #ffffff;
	position: absolute; 
	top: 16px;
	right: -2px;
	width: 23px;
	height: 16px;
	text-align: center;
	line-height: 16px;
	cursor: pointer;
	background-repeat: no-repeat; background-image: url(http://www.zaplife.com/images/new_badge_wide.png);
}


/* Tokens */

.tokenizer {
	/* min-height:5px; */
	/* padding:0px 0px 3px 3px; */
	width:100%;
	/* background:#fff; */
	/* font-size:11px; */
}
/*
.tokenizer_locked {
	background:#f4f4f4;
}
*/
.tokenizer, .tokenizer * {
	cursor:text;
}
/*
.tokenizer .placeholder {
	color:#777777;
	float:left;
	margin-top:5px;
}
.tokenizer input {
	width:100%;
}
*/
.tokenizer .tokenizer_input,
.tokenizer .token {
	float:left;
	margin: 2px 2px;
}
/*
.tokenizer .tab_stop,
.tokenizer .tokenizer_stretcher{display:block;float:left;overflow:hidden;width:0px;}
.tokenizer .tab_stop{height:0px;}
.tokenizer .tokenizer_stretcher{padding-top:7px;}
.tokenizer .tab_stop input{border:0px solid black;display:inline;position:relative;left:-500px;}
.tokenizer_input_borderless div{left:4px;margin-left:-1px;overflow:hidden;position:relative;}
.tokenizer_input_borderless div input{border:3px solid white!important;border-left:none;display:block;margin:-2px 0px -2px -2px;padding:0px!important;}
.tokenizer div:-moz-first-node{padding-top:1px!important;}
.tokenizer_input{max-width:450px;overflow:hidden;padding:1px 0px;}
.tokenizer_input input,
.tokenizer_input_shadow{border:0px solid black;font-family:'lucida grande', tahoma, verdana, arial, sans-serif;font-size:11px;padding:0px 5px;white-space:pre;}
.tokenizer_input_shadow{display:inline;left:-10000px;position:absolute;top:-10000px;}
.tokenizer .tokenizer_input_shadow{height:0px;display:block;left:0px;overflow:hidden;position:relative;top:0px;}
div.tokenizer .inline_placeholder{color:#777777;display:block;float:left;padding:5px 0px 0px 2px;}
*/
div.tokenizer .token {
	background-image: url('/images/token.gif'); 
	background-repeat: no-repeat;
	color: #000000;
	font-size: 14px;
	white-space: nowrap;
}
div.tokenizer .token span {
	background-image:url('/images/token.gif'); /* @noflip */
	background-position:top right;background-repeat:no-repeat;display:block;
}
div.tokenizer .token span span{ /* @noflip */
	background-position:bottom right;
}
div.tokenizer .token span span span { /* @noflip */
	background-position:bottom left;
}
div.tokenizer .token span span span span{background-image:none;padding:2px 3px 2px 5px;}
/*
div.tokenizer.tokenizer_locked .token span span span span{padding-right:5px;}
html div.tokenizer_locked .token:hover,
html div.tokenizer_locked .token:hover span{background-image:url('/images/token.gif');}
*/
div.tokenizer .token:hover,
div.tokenizer .token:hover span{
	background-image:url('/images/token_hover.gif');
	text-decoration:none;
	color: #ffffff;
}
/*
div.tokenizer .token_selected,
div.tokenizer .token_selected span,
div.tokenizer .token_selected:hover,
div.tokenizer .token_selected:hover span{background-image:url('/images/token_selected.gif');color:white;text-decoration:none;}
*/
div.tokenizer .token span.x {
	background-image:url('/images/token_x.gif');
	background-position: 3px 3px;
	cursor:pointer;
	display:inline;
	padding:0px 8px 0px 4px;
}
div.tokenizer .token:hover span.x {
	background-image:url('/images/token_x_hover.gif');
}
/*
div.tokenizer.tokenizer_locked .token span.x,
div.tokenizer.tokenizer_locked .token span.x_hover {
	display:none;
}
div.standard_tokenizer div.tokenizer{
	border:solid 1px #8F96BD;
}
*/


/* Menumatic menu's */


/* all menu links */
.dropDownMenuSubLevel a {
	white-space: nowrap;
	text-decoration:none;
	display:block;
	padding:5px 15px;
	background-color:#fff ;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
.dropDownMenuTopLevel a {
	text-decoration:none;
	display:block;
	padding:5px 25px 5px 15px;
	background-color:#fff ;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
.dropDownMenuTopLevel a{
	margin:0;
}
/* Just sub menu links */
.dropDownMenuSubLevel a, .dropDownMenuTopLevel li li a{
	text-align:left;
}
/* All menu links on hover or focus */
.dropDownMenuTopLevel a:hover, .dropDownMenuTopLevel a:focus, .dropDownMenuSubLevel a:hover, .dropDownMenuSubLevel a:focus, .dropDownMenuTopLevel a.mainMenuParentBtnFocused, .dropDownMenuSubLevel a.subMenuParentBtnFocused{
	background-color:#FAC632 ;
	color:#FFF;
}
/* sub menu links on hover or focus */
.dropDownMenuSubLevel a:hover, 
.dropDownMenuSubLevel a:focus, 
.dropDownMenuTopLevel a.mainMenuParentBtnFocused, 
.dropDownMenuSubLevel a.subMenuParentBtnFocused,
.dropDownMenuTopLevel li a:hover,
.dropDownMenuTopLevel li a:focus.dropDownMenuTopLevel
/* Parent Sub Menu Links ---[javascript users only]*/
.subMenuParentBtn{ 
	background: url(/images/arrow_right.gif) 97% 50% center no-repeat;  
}
/* Parent Sub Menu Links on hover or focus ---[javascript users only]*/
.subMenuParentBtnFocused{ 
	background: url(/images/arrow_right_h.gif) 97% 50% no-repeat;  
}
/* Parent Main Menu Links ---[javascript users only]*/
.mainMenuParentBtn{	
	 background: url(/images/arrow_right.gif) 95% 50% no-repeat; 
}
/* Parent Main Menu Links on hover or focus ---[javascript users only]*/
.mainMenuParentBtnFocused{	
	background: url(/images/arrow_right_h.gif) 95% 50% no-repeat; 
}
/* ----[ OLs ULs, LIs, and DIVs ]----*/

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{ 
	display:none; 
	position: absolute; 
	overflow:hidden; 
	/*the 2px left & right padding lets you have a 1px border 
	  on the ul or ol inside since overflow is set to hidden*/
	padding:0 2px;
	margin:0 0 0 -2px;
}
/* All submenu OLs and ULs */
.dropDownMenuTopLevel ol, .dropDownMenuTopLevel ul, .dropDownMenuSubLevel ul, .dropDownMenuSubLevel ol {	
	/*border around submenu goes here*/
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background:#fff;	
	border:1px solid #C3D46A; 
	left:0;
}
/* All ULs and OLs */
.dropDownMenuTopLevel, .dropDownMenuTopLevel ul, .dropDownMenuTopLevel ol, .dropDownMenuSubLevel ul, .dropDownMenuSubLevel ol { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1em;
}
/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
.dropDownMenuTopLevel li { 
	/*great place to use a background image as a divider*/
	display:block;
	list-style:none;
	position:relative;
}
.dropDownMenuSubLevel li{
	list-style: none;
}
/* main menu ul or ol elment */
.dropDownMenuTopLevel{
	display:block;
	position: absolute;
	list-style:none;
	margin:0 0 0 0px;
	/* width:186px; */
	z-index:5;
	/* top:60px; */
	/* left:50%; */
	/* text-align: right; */
	display:block;
}
.dropDownMenuSubLevel{	display:block; 	position:absolute;	top:0;	left:0;	width:100%;	height:0;	overflow:visible;	z-index:1000000000; }

/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
.dropDownMenuTopLevel li li {	
	float:none;
}
.dropDownMenuTopLevel li li a{ /* Just submenu links*/	
	position:relative;
	float:none;
}
.dropDownMenuTopLevel li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
/* third-and-above-level lists */
.dropDownMenuTopLevel li ul ul { margin: -1em 0 0 -1000em; }
.dropDownMenuTopLevel li:hover ul ul {	margin-left: -1000em; }
/* lists nested under hovered list items */
.dropDownMenuTopLevel li:hover ul{	margin-left: 186px; margin-top:-2.5em;}
.dropDownMenuTopLevel li li:hover ul {	margin-left: 10em; }
/* extra positioning rules for limited noscript keyboard accessibility */
.dropDownMenuTopLevel li a:focus + ul {  margin-left: 186px; margin-top:-2.5em; }
.dropDownMenuTopLevel li li a:focus + ul { left:186px; margin-left: 1010em; margin-top:-2.5em;}
.dropDownMenuTopLevel li li a:focus {left:186px;  margin-left:1000em; width:10em;  margin-top:-2.5em;}
.dropDownMenuTopLevel li li li a:focus {left:186px; margin-left: 2010em; width: 10em;  margin-top:-2.5em;}
.dropDownMenuTopLevel li:hover a:focus{ margin-left: 0; }
.dropDownMenuTopLevel li li:hover a:focus + ul { margin-left: 10em; }


/* Roar */

.roar-body {
	position: absolute;
	/* font: 12px/14px "Lucida Grande", Arial, Helvetica, Verdana, sans-serif; */
	font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif; 
	color: #fff;
	text-align: left;
	z-index: 999;
}
.roar {
	position: absolute;
	width: 300px;
	cursor: pointer;
}
.roar-bg {
	position: absolute;
	z-index: 1000;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: #000000;
	-moz-border-radius: 10px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.roar-body-ugly .roar {
	background-color: #333;
}
.roar-body-ugly .roar-bg {
	display: none;
}
.roar h3 {
	position: relative;
	padding: 15px 10px 0;
	margin: 0;
	border: 0;
	font-size: 13px;
	color: #fff;
	z-index: 1002;
}
.roar p {
	position: relative;
	padding: 10px 10px 15px;
	margin: 0;
	font-size: 12px;
	color: #fff;
	z-index: 1002;
}


/* Editor */

body.mceContentBody {
   background-color: #ffffff;
}


/* Tabs */

.tabMainMenu {
	margin:	0;
	padding: 9px 0pt 0pt 20px;
	list-style:	none;
	overflow: hidden;
	position: absolute;
	bottom: 0px;
}
.tabMainMenu li {
	background-color: #e9f6fa;
	margin: 0px 5px 0pt 0pt;
	padding: 6px 8px 6px 8px;
	cursor: pointer;
	float: left;
	/* line-height: 2em; */
}
.tabMainMenu li a {
	color: #000000;
}
.tabMainMenu li:hover,
.tabMainMenu li:focus {
	background-color: #ffffff;
}
.tabMainMenu li.tabMainSelected {
	background-color: #ffffff;
}
.tabMainAjaxLoading {
	background: url(http://www.zaplife.com/images/loading.gif) no-repeat 634px 6px;
}
.tabSideMenu {
	margin:	0;
	padding: 4px 0pt 0pt 0px;
	list-style:	none;
	overflow: hidden;
	position: relative;
	bottom: 0px;
}
.tabSideMenu li {
	background-color: #e9f6fa;
	margin: 0px 0px 2px 0px;
	padding: 8px 18px 8px 18px;
	cursor: pointer;
	position: relative;
	/* float: left; */
	/* line-height: 2em; */
}
.tabSideMenu li:hover,
.tabSideMenu li:focus {
	background-color: #ffffff;
}
.tabSideMenu li:hover .tabSideMenuAction {
	display: block;
}
.tabSideMenu li.tabSideSelected {
	background-color: #ffffff;
	/* your effect here */
}
.tabSideMenuAction {
	display: none;
	position: absolute;
	right: 10px;
	line-height: 16px;
}
.tabSideMenuAction a {
	color: #0099CC;
	/* color: #8E8F90; */
	font-size: 11px;
	font-weight: normal;
}
.tabSideMenuAction a:hover {
	color: #fac632;
}
.tabSideMenuNewBadge {
	color: #ffffff;
	position: relative;
	float: left;
	/*
	top: 2px;
	right: 2px;
	*/
	top: -1px;
	margin: 0px 0px 0px 6px;
	padding: 1px 4px;
	/* width: 23px; */
	height: 16px;
	text-align: center;
	line-height: 16px;
	cursor: pointer;
	/* background-repeat: no-repeat; background-image: url(http://www.zaplife.com/images/new_badge_wide.png); */
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background: #da0000;
}
.tabSideMenuContent {
	float: left;
}
.tabSideMenuContent a {
	color: #000000;
}
.tabSideAjaxLoading {
	background: url(http://www.zaplife.com/images/loading.gif) no-repeat 634px 6px;
}
.tabPhotoWrapper {
	/* padding: 12px; */
	margin:	0;
	clear:	both;
}
.tabPhotoContainer {
	padding: 20px;
	border:	1px solid #e6e6e6;
}
.tabPhotoMenu {
	margin:	0;
	padding: 0;
	list-style:	none;
	overflow: hidden;
}
.tabPhotoMenu li {
	background-color: #B9C3C6;
	margin-left: 4px;
	padding: 2px;
	float: right;
	/* line-height: 2em; */
}
.tabPhotoMenu li a {
	color: #ffffff;
	/* padding: 3px; */
	/* font-weight: bold; */
}
.tabPhotoMenu li:hover,
.tabPhotoMenu li:focus {
	background-color: #fac632;
}
.tabPhotoMenu li.tabPhotoSelected a {
	text-decoration: none;
	background-color: #fac632;
	/* your effect here */
}
.tabPhotoMenu li.tabPhotoSelected {
	background-color: #fac632;
	/* your effect here */
}
.tabPhotoAjaxLoading {
	background: url(http://www.zaplife.com/images/loading.gif) no-repeat 634px 6px;
}


/* Slideshow  */

/* not used anymore
.thumbopacity { 
	filter: alpha(opacity=50); 
	opacity: 0.5;
}
#thumbnavcore img {
	cursor: pointer;
	margin-right: 0px;
}
#thumbnavcore img:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}
#thumbnavcore img.active {
	filter: alpha(opacity=100);
	opacity: 1;
}
#thumbnavcore {
	white-space: nowrap;
	height: 50px;
	width:auto;
}
#thumbnav {
	border: 1px solid #e6e6e6;
	width: 660px;
	height: 50px;
	overflow: hidden;
	margin: 0 auto;
	text-align:left;
}
*/
/*
#phototags {
	border-top: 0px;
	border-bottom: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	width: 660px;
	height: auto;
	min-height: 20px;
	margin: 0 auto;
	text-align:left;
}
#photos {
	border: 1px solid #e6e6e6;
}
#photoCommentsContainer {
	border: 1px solid #e6e6e6;
	width: 620px;
	padding: 20px;
}
*/
#tagFrame {
	position: absolute;
	top: 10px;
	left: 10px;
	height: 130px;
	width: 130px;
	border: solid 6px #fac632;
	z-index: 999;
}
#tagFrameInside {
	display: block;
	position: absolute;
	cursor: crosshair;
	top: 0px;
	left: 0px;
	width: 126px;
	height: 126px;
	border: solid 2px #00a7c2;
	z-index: 999;
}
.photoInfoTitle {
	font-size: 11px;
	/* color: #FFFFFF; */
}
.photoInfo {
	font-size: 11px;
	/* color: #CCCCCC; */
}
.mbf-item {
	display: none;
}


/* Overlays & Containers */

.overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
	z-index: 999;
}

.overlayContainer {
	/* position: fixed; */
	position: absolute;
	left: 50%;
	/* top: 50%; */
	overflow: hidden;
	background-color: #fff;
	z-index: 999;
}


/* Photos & Thumbs */

.photoFirstWrapper {
	border: 1px solid #CCCCCC;
	margin: 0px 0px 0px 0px;
	padding: 4px;
	position: relative;
	float: left;
}
.photoFirstInfo {
	background-color: #000;
	margin: 0px 0px 0px 0px;
	padding: 4px;
	position: absolute;
	bottom: 4px;
	right: 5px;
	color: #ffffff;
	font-size: 10px;
	opacity: .7;
}
.photosWrapper { /* for IE */
	position: relative;
	z-index: 1;
}
.photosWrapper ul {
	position: relative;
	margin: 0px;
	padding: 0px;
}
.photosWrapper li {
	float: left;
	list-style: none;
	border: 1px solid #CCCCCC;
	margin: 2px;
	position: relative;
	width: 116px;
	height: 90px;
}
.photoThumbContainer {
	background-position: top center;
	background-repeat: no-repeat;
	position: absolute;
	width: 124px;
	left: -4px;
	top: -6px;
	z-index: 1;
}
.photoThumbHeader {
	text-align: center;
	height: 15px;
}
.photoThumbContainer:hover {
	background-image: url(http://www.zaplife.com/images/photo_thumb_hover_background.png);
	z-index: 999;
}
.photoThumbContainer:hover .photoThumbTitle {
	display: block;
}
.photoThumbContainer:hover .photoThumbInfo {
	display: block;
}
.photoThumbTitle {
	display: none;
	color: #ffffff;
	font-size: 11px;
	padding-top: 2px;
	/* border:1px solid #000000; */
}
.photoThumbInfo {
	text-align: center;
	display: none;
	color: #ffffff;
	font-size: 10px;
	height: 40px;
}


/* Music */

.songsWrapper { /* for IE */
	position: relative;
	z-index: 1;
}
.songsWrapper ul {
	position: relative;
	margin: 0px;
	padding: 0px;
}
.songsWrapper li {
	list-style: none;
	margin-top: 6px;
	position: relative;
}


/* Stars & Rating */

.rating {
	/* position: relative; */
	width: 100%;
}
.rating .wrapper {	
	cursor: pointer;
	background: #ccc;
	overflow: hidden;
	margin: 0 auto; /* centering */
	text-align: left;
}
.rating span, .rating .wrapper {
	display: block;
	width: 85px;
	height: 17px;
}
.rating span {
	/* position: relative; */
	top: 0;
	left: 0;
	text-indent: -999em;
}
.rating .ratingStars {
	display: block;
	background: url('http://www.zaplife.com/images/stars.png') no-repeat center;
}
.rating .ratingFill {
	background-color: #fac632;
}
.rating .ratingVoted {
	cursor: default;
	background-color: #0069ff;
}
.rating .ratingActive {
	/* background-color: #ff9231; */
	background-color: #0069ff;
}
.rating .ratingText {
	color: #8E8F90;
	font-size: 11px;
	font-weight: normal;
}
.rating .ratingText.ratingError {
	color: #f00;	
}
.rating .ratingText.loading {
	/*
	background: url('/images/loading.gif') no-repeat;
	text-indent: -999em;
	*/
}


/* Search filters */

.filters fieldset {
	border: 0px;
	border-bottom: 1px solid #EBE9E4;
	clear: both;
	margin: 0px;
	padding: 5px 0px;
	width: 200px;
}
.filters fieldset .filterControls {
	display: block;
	padding-left: 1px
}
.filters fieldset legend {
	border-top: 1px solid white;
	color: #999999;
	cursor: pointer;
	display: block;
	font-weight: bold;
	margin: 0px;
	padding: 4px 0px 0px 13px;
	width: 133px;
	background: url(http://www.zaplife.com/images/arrow_down.gif) 0px 8px no-repeat
}
.filters fieldset label {
	color: black;
	font-size: 11px;
	font-weight: normal;
	padding-left: 4px;
}
.filters fieldset input {
	margin: 0px;
}
.filters fieldset.collapsed {
	padding-bottom: 0px;
}
.filters fieldset.collapsed legend {
	background: url(http://www.zaplife.com/images/arrow_right.gif) 0px 6px no-repeat;
}
.filters fieldset.collapsed .filterControls {
	display: none;
}


/* Home & Widgets */

div.gadget {
	padding: 0;
	border: 0;
	position: relative;
	display: block;
	margin: 0 0 10px 0;
	z-index: 1;
}
div.gadgetHeader {
	height: 20px;
	background-image: url('http://www.zaplife.com/images/gadgetmenu.gif');
	background-repeat: repeat-x;
	display: block;
	cursor: default;
}
div.gadgetTitle {
	float: left;
	padding: 4px 4px 0px 4px; 
	color: #00A7C2;
	font-weight: bold;
}
div.gadgetBar {
	float: right;
	display: none;
}
div.gadgetHandle {
	padding: 4px 4px 0px 4px;
	float: left;
	cursor: move;
}
div.gadgetRefresh {
	padding: 4px 4px 0px 4px;
	float: left;
	cursor: pointer;
}
div.gadgetContent {
	padding: 4px;
	background: white;
}
div.gadgetMarker {
	border: 1px dotted black;
	margin: 0 0 8px 0;
}
table#gadgetContainer {
	width: 100%;
}
table#gadgetContainer td {
	/* width: 50%; */
	/* vertical-align: top; */
}
div.gadgetIndicator {
	padding: 10px;
	height: 40px;
	display: none;
	text-align: center;
}


/* Maps */

.mapPopupTitle {
	padding-bottom: 5px;
	font-size: 16px;
	color: #6A94BB;
	font-weight: bold;
	font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;
	text-align: left;
}
#mapThumbContainer {
	border: 1px solid #e6e6e6;
	height: 60px;
	overflow: hidden;
	margin: 0 auto;
	text-align:left;
}
#mapThumbCore img {
	cursor: pointer;
	margin-right: 0px;
}
#mapThumbCore img:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}
#mapThumbCore img.active {
	filter: alpha(opacity=100);
	opacity: 1;
}
#mapThumbCore {
	white-space: nowrap;
	height: 60px;
	width: auto;
}


/* Buttons & Menu's */

.button a {
	font-size: 15px;
	color: #00a7c2;
}
.button a:hover {
	color: #fac632;
}
.buttonJoin {
	padding: 1px 0px 1px 0px;
	font-size: 15px;
	color: #ffffff;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background:#9dc25d none repeat scroll 0% 0%;
	width: 155px;
	text-align: center;
}
.buttonJoin a {
	color: #ffffff;
}
.buttonJoin a:hover {
	color: #fac632;
}
/*
.buttonJoinWhite {
	padding: 1px 0px 1px 0px;
	font-size: 15px;
	-moz-border-radius: 8px;
	background:#ffffff none repeat scroll 0% 0%;
	width: 155px;
	text-align: center;
	border: #00a7c2 solid 1px;
}
*/
.buttonWhite {
	padding: 1px 0px 1px 0px;
	color: #0099cc;
	font-size: 15px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background:#ffffff none repeat scroll 0% 0%;
	text-align: center;
	border: #00a7c2 solid 1px;
}
.accordionToggler {
	padding: 4px 0px 4px 4px;
	cursor: pointer;
	height: 17px;
	background-image: url(http://www.zaplife.com/images/accordion_bar.gif);
	background-repeat: repeat-x;
	font-size: 16px;
	/* color: #9dc25d; */
	color: #00a7c2;
	/*
	font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;
	*/
}
.accordionTogglerStatic {
	padding: 4px 0px 4px 4px;
	height: 17px;
	background-image: url(http://www.zaplife.com/images/accordion_bar.gif);
	background-repeat: repeat-x;
	font-size: 16px;
	color: #00a7c2;
}
/*
.accordionMenu {
	font-size: 15px;
	color: #00a7c2;
	cursor: pointer;
}
.accordionMenuSelected {
	color: #fac632;
}
.tourMenuElement ul {
	margin:0px;
	padding:4px 0px 4px 12px;
}
*/


/* Welcome box */

.introHeader {
	padding: 0px 0px 10px 0px;
	font-size: 24px;
	color: #000000;
	font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;
}
.introSubHeader {
	padding: 0px 0px 10px 0px;
	font-size: 20px;
	color: #000000;
	font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;
}
.introContent {
	font-size: 16px;
	color: #5d5c5c;
	font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;
}

/* Autocompletion */

ul.autocompleterChoices {
	position: absolute;
	margin: 0;
	padding: 0;
	list-style: none;
	border: 1px solid #eee;
	background-color: white;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	text-align: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	z-index: 50;
}
ul.autocompleterChoices li {
	position: relative;
	padding: 0.1em 1.5em 0.1em 1em;
	cursor: pointer;
	font-weight: normal;
	font-size: 1em;
}
ul.autocompleterChoices li.autocompleter-selected {
	background-color: #444;
	color: #fff;
}
ul.autocompleterChoices span.autocompleter-queried {
	font-weight: bold;
}
ul.autocompleterChoices li.autocompleter-selected span.autocompleter-queried {
	color: #9FCFFF;
}
.informal {
	color: #8E8F90;
	font-size: 9px;
	font-weight: normal;
}









/* old stuff */


/* Text elements */

a.menu					{ color: #999999; font-size: 11px; font-weight: bold }
a.menu_h				{ font-size: 11px; font-weight: bold;  color: #fac632 }
a.menu:hover			{ font-size: 11px; font-weight: bold;  color: #fac632 }
.menuseperator			{ color: #bfbfbf; font-size: 11px; font-weight: bold }
/*a.menu					{ font: bold 13px 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif; }*/
a.menuselected			{ font-size: 11px; font-weight: bold;  color: #fac632 }
a.menuoptions 			{ font-size: 11px; }

a.submenuselected		{ font-size: 11px; font-weight: bold;  color: #fac632; }
a.submenuhidden:hover	{ font-size: 11px; font-weight: bold;  color: #fac632; }
a.submenuhidden			{ font-size: 11px; font-weight: bold;  color: #66cada; }

.submenutitle			{ font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif; font-size: 18px; color: #999999; }
a.submenutitle			{ font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif; font-size: 18px; color: #999999; }
.minititle				{ font-size: 11px; font-weight: bold; color: #999999 }
.columntitle			{ font-size: 10px; color: #FFFFFF; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; }
.columntitleplain		{ font-size: 10px; color: #FF6C00; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; }
.error					{ color: red; }
.promo					{ color: #00a7c2; line-height: 18px; font-size: 12px; }
a.signup				{ color: #FF6C00; font-size: 13px; font-weight: bold; }
.header 				{ font-size: 13px; font-weight: bold; color: #6A94BB }
/* .newsheader 			{ font-size: 11px; font-weight: bold; color: #666666 } */

.help					{ vertical-align: top; font-size: 11px; color: #8E8F90; }
.statusFriendsOnline	{ font-size: 17px; color: #cccccc; font-weight: bold; font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif; }



/* Boxes */
/*
.dottedvertborder 		{ background-image: url('/images/dotted_line_vert_cccccc.gif'); background-repeat: repeat-y; background-position: top right; }
.dottedhorzborder 		{ background-image: url('/images/dotted_line_horz_cccccc.gif'); background-repeat: repeat-x; background-position: bottom; }
.paddedbox				{ padding: 4px 8px 8px 8px; }
.sideshadowvert 		{ background-image: url('/images/side_shadow_vert.gif'); background-repeat: repeat-y; background-position: top right; }
.cardtab				{ float: left; cursor: pointer; }
.cardtableft			{ background-image: url('/images/startpage_card_corner_left.gif'); background-repeat: no-repeat; background-position: top left; }
.cardtabright			{ background-image: url('/images/startpage_card_corner_right.gif'); background-repeat: no-repeat; background-position: top right; }
.cardtaboff				{ padding: 8px 8px 8px 8px; border-bottom: 1px solid #e6e6e6; color: #c8c8c8; white-space: nowrap; }
.cardtaboffhover		{ padding: 8px 8px 8px 8px; border-bottom: 1px solid #e6e6e6; color: #666666; white-space: nowrap; }
.cardtabon				{ padding: 8px 8px 8px 8px; border-bottom: 1px solid #ffffff; white-space: nowrap; }
.card					{ border-width: 0px 1px 1px 1px; border-style: solid; border-color: #e6e6e6; background-color: #ffffff; }
*/
/* CSS cells */
/*
div.cell				{ float: left; }
div.row					{ clear: both; }
*/


/* AJAX Lists */

/*
 div.ajaxlist 			{ position:absolute; width:200px; background-color:white; border:1px solid #CACACA; margin:0px; padding:0px; }
 div.ajaxlist ul 		{ list-style-type:none; margin:0px; padding:0px; }
 div.ajaxlist ul li.selected { background-color: #ffb; }
 div.ajaxlist ul li 	{ list-style-type:none; display:block; margin:0; padding:2px; color: #0099cc; font-weight: bold; cursor:pointer; }
 */
 


/* Tags */

/* a.tagcloud:hover		{ color: #fac632 } */





/* Misc */

/*
.cardbackground			{ background-image: url('http://www.zaplife.com/images/card_background.gif'); background-repeat: repeat-x; background-position: bottom center; }
img.button				{ filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
img.button:hover		{ filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
*/

/* Misc colors */

/*.gray					{ color: #999999 }*/
.red					{ color: #FF0000 }
a.red					{ color: #FF0000 }
.white					{ color: #FFFFFF }
.rowcolor				{ background-color: #F5F5F5; }
.required				{ color: #00a7c2; font-size: 12px;  }
/* .dividercolor			{ background-color: #f0f0f0; } */





/* Form elements */
/*
input {  
	font: 11px Arial, Helvetica, sans-serif; 
	color: #000000;
	background: #FFFFFF; 
	border: 1px #CCCCCC solid; 
	margin: 1px 1px;
}

input.inputsearch {
	/* background:transparent url(/images/icon_searchbox.png) no-repeat scroll 3px 2px;
	padding-left:17px; * /
	background:transparent;
	border: 0px; 
}

submit {  
	font: 11px Arial, Helvetica, sans-serif; 
	color: #000000;
	background: #FFFFFF; 
	border: 1px #CCCCCC solid; 
	margin: 1px 1px;
}
input.imagebutton {  
	font: 11px Arial, Helvetica, sans-serif; 
	color: #000000;
	border: 0px; 
	margin: 0px 0px;
}
select {  
	font: 11px Arial, Helvetica, sans-serif; 
	color: #000000; 
	background: #FFFFFF; 
	border: 1px #CCCCCC solid; 
	margin: 1px 1px;
}
textarea {  
	font: 11px Arial, Helvetica, sans-serif; 
	color: #000000;
	background: #FFFFFF; 
	border: 1px #CCCCCC solid; 
	margin: 1px 1px;
}
*/
/*
.fieldset {  
	font: 11px Arial, Helvetica, sans-serif; 
	color: #000000;
	background: #FFFFFF; 
	border: 1px #CCCCCC solid; 
	margin: 1px 1px;
}
*/




/* Must sort most not used 

.header 				{ font-size: 11px; font-weight: bold }
.large	 		{ font-size: 11px; }

.blue			{ color: #5A86B3  }
.darkblue			{ color: #0096D0  }

.cardtitle		{ color: #FFFFFF; font-weight: bold}
.cardtitle_h	{ color: #6A94BB; font-weight: bold}

a.cardtitle		{ color: #FFFFFF; font-weight: bold; text-decoration: underline}
a.formheader	{ color: #6A94BB; font-weight: bold; text-decoration: underline}

.border_bottom	{ background: #ffffff; color: #8E8F90; font-weight: bold; border-bottom: 1px solid #9f9f9f }

.salesintro				{ color: #999999; line-height: 14px; }

*/


/* Form elements */
/*
input {  
	font: 10px Arial, Helvetica, sans-serif; 
	color: #333333; 
	background: #F9F9F9; 
	border: 1px #CCCCCC solid; 
	margin: 1px 1px
}
input.imagebutton {  
	font: 10px Arial, Helvetica, sans-serif; 
	color: #333333; 
	background: #F9F9F9; 
	border: 0px; 
	margin: 0px 0px
}
submit {  
	font: 10px Arial, Helvetica, sans-serif; 
	color: #333333; 
	background: #F9F9F9; 
	border: 1px #CCCCCC solid; 
	margin: 1px 1px
}
select {  
	font: 10px Arial, Helvetica, sans-serif; 
	color: #333333; 
	background: #F9F9F9; 
	border: 1px #CCCCCC solid; 
	margin: 1px 1px
}
textarea {  
	font: 10px Arial, Helvetica, sans-serif; 
	color: #333333; 
	background: #F9F9F9; 
	border: 1px #CCCCCC solid; 
	margin: 1px 1px
}

*/