body {
	margin: auto;
	padding: 0;
	height: 100%;
	background: #f0f0f0;
	font: 10pt Arial,sans-serif;
	color: #808080;
	text-align: center;
}

table {
	border: 0px;
	width: 100%;
}


table, tr, td, p {
	font-size: 100%;
	color:#808080;
	line-height:2em;
	vertical-align:top;
}

h1 {
	color: #202020;
	font-size: 150%;
	font-weight: normal;
}

h1.header {
	border-bottom:2px solid #303040;
}

.NEWALPHAFEATURE {
	border: 1px solid #9a9a7a;
	background: #fafada;
	padding:5px;
}


h2 {
	font-size: 130%;
	font-weight: normal;
	color: #808080;
}

h2.caption {
	font-weight: normal;
	height: 90px;
}

h2.daystamp {
	font-size:105%;
	color: #a0a0a0;
	padding-left:10px;
	font-weight:normal;
}

h2.tab {
	font-size: 105%;
	color :#a0a0a0;
	border-bottom: 1px dotted #d0d0d0;
	/*background: url('images/bg_button_a.gif') no-repeat scroll top right; */
	margin:0px;
	padding: 0 0 0 15;
	background: #efefef;
}
h2.tab span {
	/*background: url('images/bg_button_span.gif') no-repeat;*/
	display: block;
	line-height: 14px;
	padding: 5px 0 5px 0px;
} 	
h2.tab img {
	float:right;
}
div.tabcontent {
	border-left: 1px #d0d0d0;
	border-right: 1px #d0d0d0;
	/*display:none;*/
}

h1.guide {
	margin-top: 50px;
}

a {
	font-size: 100%;
	color: #80a0b0;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border:0px;
}


span.tooltip {
	background: #fffae0;
	border: 1px solid #dfdac0;
	padding:4px;
}

#topbar {
	width: 100%;
	margin: 0 0 0 0;
	height:40px;
	padding: 10 0 2 0;
	background:white;
	/*border-bottom: 1px solid #d0d0da;*/
}

#topbarshader {
	height:24px;
	background: url(images/topbar.gif) repeat-x;
	width:100%;
	float:left;
	margin: 0 0 0 0;
}

#content {
	width: 770px;
	margin: auto;
}

#topbar #logo {
	color: #a0f0ff;
	float:left;
	text-decoration: none;
}

#topbar #logo h2 {
	font-size:150%;
	padding: 2px;
	color :#c0c0c0;
	margin: 0;
}
#topbar #logo a {
	color :#70808a;
}

#topbar #logo img {
	float:left;
	height: 40px;
	width: 40px;
	margin:0px;
	padding:0px;
}

#searchbar {
	width: 95%;
}

#searchresult {
	margin: 0 0 35 0;
	height:100px;
}

#page {
	width: 770px;
	margin: 0 auto;
	text-align: left;
}


#view {
	float:left;
	width: 500px;
	background: white;
	padding: 10 10 0 10;
	border: 1px solid #eaeaea;
}

#viewextended {
	float:left;
	width: 100%;
	background: white;
	padding: 10 10 0 10;
	border: 1px solid #eaeaea;
}

#viewmainpromo {
	padding: 25 0 25 0;
	width:100%;
	line-height:3em;
	background:#d0d8d8;
}

#viewmainpromo table tr td{
	line-height:3em;
	font-size:110%;
}

#clear {
	clear: both;
	padding-top:50px;
}

#footer {
	width: 500px;
	background:white;
	padding: 10;
}

#footer a {
	font-weight:normal;
}


/* Sidebar navigation */

#navigation {
	float:right;
	width : 210px;
	background: white;
	padding: 10px;
	border: 1px solid #eaeaea;
	/*background:#f0f0e0;*/
	/*border-left: 1px solid #d0d0da;*/
}

#navigation h3 {
	color: #a0a0a0;
	font-size:90%;
}

#navigation a {
	color : #70808a;
	font-size: 90%;
}

#navigation i {
	font-weight:normal;
}


/* AVATAR IMAGES */

img.miniavatar {
	width: 16px;
	height: 16px;
	border:0px;
	margin:0 5 5 0;
}

img.smallavatarleft {
	width: 32px;
	height: 32px;
	border:0;
	margin:0 5 5 0;
	float: left;
}

img.smallavatar {
	width: 32px;
	height: 32px;
	border:0;
	margin:0 5 5 0;
}

img.avatar {
	width: 50px;
	height: 50px;
	border: 1px solid #f0f0f0;
	float:left;
	margin:0 5 5 0;
}

img.avatarnofloat {
	width: 50px;
	height: 50px;
	margin-right:5px;
	margin-bottom:5px;
}

div.showavatar {
	background: url(images/shadebox.png) no-repeat 10px 10px;
	padding: 0 10 10 0;
}

img.showavatar {
	padding:1px;
	border:1px solid #c0c0c0;
	background: white;
}

img.bigavatar {
	width: 96px;
	height: 96px;
	border:1px solid #303030;
	margin-right:10px;
	float:left;
}

img.bigavatarnofloat {
	width: 72px;
	height: 80px;
	border:1px solid #303030;
	margin-right:10px;
}

div.infoarea {
	/*background-color :#f0ffff;*/
	padding-bottom: 25px;
	border-bottom:1px dotted #606060;
}
div.infoarea h1 {
	border-bottom:2px solid #303040;
}

div.showpreview {
	width:150px;
	float:left;
}

div.showpreview img {
	width:130px;
	height:120px;
	float:left;
	padding: 5 0 5 0;
}

div.showpreview p {
	padding: 0 10 0 10;
}

div.showpreview a {
	font-weight: bold;
}

.undomessage {
	border: 1px solid #c0c0c0;
	background: #eaeaea;
	line-height:2em;
	width:50%;
}

.quoteblocktop {
	background-color :white; /*#f0ffff;*/
}



/* FORM BOXES */

input.topbox  {
	border:1px solid black;
	width: 100%;
	height:24px;
	margin:5px;
}

input.signup {
	font-size: 120%;
	border:2px solid #c0c0c0;
}

textarea.topbox {
	border:1px solid black;
	width: 100%;
	margin:5px;
}

input.submit {
	margin:5px;
	height:32px;
}

input.shadebox, textarea {
    background: url(images/inputshade.png) repeat-x 0 0;
	border:1px solid #b0b0c0;
	font-size:140%;
	font-weight:normal;
	color : #606a6f;
}

.flatbutton {
	/*
	border:1px solid #c0c0c0;
	background:#eaeaea;
	*/
}

.flatbox {
	border:1px solid #b0b0b0;
	font-size: 110%;
}

/* PUBLIC TIMELINE ITEMS */
.timelineguide {
	font-size: 110%;
	padding-left:25px;
}

.timelinepublic {
	border-bottom:1px dotted #c0c0c0;
	min-height:70px;
	font-size: 110%;
	padding-left:25px;
}

.timelinepublic img {
	width: 48px;
	height: 48px;
	float:left;
}

.timelinepublic h2 {
	font-weight: bold;
	font-size: 110%;
}

.timelinepublic small {
	color:#a0a0a0;
}


/* PROFILE TIMELINE ITEMS */
.timeline {
	font-size: 100%;
	padding-left:25px;
	margin:0 0 15 0;
}

.timelinefriends {
	padding-left:50px;
	font-size:90%;
	font-style:italic;
}
.timelinefriends a {
	font-weight: normal;
}

/*
.timeline img {
	width: 48px;
	height: 48px;
	float:left;
}
*/

.timeline img.miniavatar {
	width:32px;
	height:32px;
}

.timeline h2 {
	font-weight: bold;
	font-size: 110%;
}

.timeline small {
	color:#a0a0a0;
}

.timeline a {
	font-weight: bold;
	text-decoration: none;
}
.timeline a:hover {
	font-weight: bold;
	text-decoration: underline;
}


.timeline a.actions {
	font-weight: normal;
	text-decoration: none;
}

.timeline a.actions:hover {
	font-weight: normal;
	text-decoration: underline;
}


/* EDIT IMAGES */
img.icon {
	float:right;
	width: 16px;
	height: 16px;
	border: 0px;
}


/* SPEECH BUBBLE */
div.messageitem {
}

.messageitem textarea{
	width: 100%;
}

#speecharrow {
	width:16px;
	margin:0;
	padding:0;
	float:left;
}

#speechbubble {
	padding:0;
	margin:0;
	/*float:left;*/
	margin-left:70px;
	width:390px;
	font-size:110%;
	border-bottom:1px dotted #c0c0c0;
	min-height:40px;
}

#speechbubble textarea {
	border:0;
	width:100%;
}



	/*
		
		page-area tabs for filtering
		
	*/
	#subheader {
		position: relative;
		margin:0px;
		width: 100%;
		height: 2.5em;
		margin:0 0 25px 0;
		font-family: tahoma, verdana, sans-serif;
		font-size: 80%;
		border-bottom: 1px solid #b0b0b0;
		background: white;
	}

	#subheader ul#primary {
		margin: 0 2% auto;
		padding: 0px;
		position: absolute;
		bottom: -1px;
		width: 100%; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
		vertical-align: bottom;
	}

	#subheader ul#primary li  {
		display: inline;
		list-style: none;
	}

	#subheader ul#primary a,#subheader ul#primary span,#subheader ul#primary a.current {
		width: 7em;
		display: block;
		float: left;
		padding: 4px 0;
		margin: 1px 0px 0 0;
		text-align: center;
		text-decoration: none;
		border:1px solid #b0b0b0;

		background: #f0f0f0;
	}

	#subheader ul#primary span,#subheader ul#primary a.current,#subheader ul#primary a.current:hover {
		/*border: 1px solid #666; */
		background: white; 
		padding-bottom: 6px;
		margin-top: 0;
		color: black;

		border:1px solid #b0b0b0;
		border-bottom:none;
	}

	#subheader ul#primary a {
		/*border: 1px solid white;*/
	}

	#subheader ul#primary a:hover {
		color: #ffaa00;
		background:#606060;
	}


/* 	entry-form-container centering */

#container {
	position:absolute;
	top: 40%;
	left: 50%;
	width:50em;
	height:18em;
	margin-top: -9em; /*set to a negative number 1/2 of your height*/
	margin-left: -25em; /*set to a negative number 1/2 of your width*/
	border: 1px solid #ccc;
	padding:0 25 25 25;
	background-color: #f3f3f3;
}

.containerpop {
	position:absolute;
	height:300px;
	width: 500px;
	border: 1px solid #ccc;
	padding:0 5 5 5;
	background-color: #f3f3f3;
}

.quote {
	color:#aeaeae;
	font-style:italic;
	margin-left:15px;
}

	
	/* 
	
		Label Cloud Styles
	
	
	*/
		#labelCloud {text-align:center;font-family:arial,sans-serif;}
		#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
		#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
		#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
		#labelCloud a{text-decoration:none}
		#labelCloud a:hover{text-decoration:underline}
		#labelCloud li a{}
		#labelCloud .label-cloud {}
		#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
		#labelCloud .label-cloud li:before{content:"" !important} 

		#labelCloudPROF {text-align:center;font-family:arial,sans-serif;}
		#labelCloudPROF .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
		#labelCloudPROF ul{list-style-type:none;margin:0 auto;padding:0;}
		#labelCloudPROF a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
		#labelCloudPROF a{text-decoration:none}
		#labelCloudPROF a:hover{text-decoration:underline}
		#labelCloudPROF li a{}
		#labelCloudPROF .label-cloud {}
		#labelCloudPROF .label-count {padding-left:0.2em;font-size:9px;color:#000}
		#labelCloudPROF .label-cloud li:before{content:"" !important} 	
		
		
	/*

		Smooth buttons

	*/

	.clear { /* generic container (i.e. div) for floating buttons */
		overflow: hidden;
		width: 100%;
	}

	a.button {
		background: url('images/bg_button_a.gif') no-repeat scroll top right;
		color: #444;
		display: block;
		float: left;
		font: normal 12px arial, sans-serif;
		height: 24px;
		margin-right: 6px;
		padding-right: 18px; /* sliding doors padding */
		text-decoration: none;
	}

	a.button span {
		background: url('images/bg_button_span.gif') no-repeat;
		display: block;
		line-height: 14px;
		padding: 5px 0 5px 18px;
	} 	

	a.button:active {
		background-position: bottom right;
		color: #000;
		outline: none; /* hide dotted outline in Firefox */
	}

	a.button:active span {
		background-position: bottom left;
		padding: 6px 0 4px 18px; /* push text down 1px */
	} 	
	a.button span img {
		float:left;
	}


	/*
		
		Rounded corners
		
	*/

	#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px;}
	#xsnazzy h1 {font-size:2.5em; color:#fff;}
	#xsnazzy h2 {font-size:2em;color:#06a; border:0;}
	#xsnazzy p {padding-bottom:0.5em;}
	#xsnazzy h2 {padding-top:0.5em;}
	#xsnazzy {background: transparent; margin:1em;}


	.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
	.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
	.xb1, .xb2, .xb3 {height:1px;}
	.xb2, .xb3, .xb4 {background:#f4f4f4; border-left:1px solid #c0c0c0; border-right:1px solid #aaaaaa;}
	.xb1 {margin:0 5px; background:#aaaaaa;}
	.xb2 {margin:0 3px; border-width:0 2px;}
	.xb3 {margin:0 2px;}
	.xb4 {height:2px; margin:0 1px;}

	.xboxcontent {display:block; background:#f4f4f4; border:0 solid #aaaaaa; border-width:0 1px; padding: 5px;}