/* ********** [ CONTENT HEADER ] ********** */

div#content div.title_wrap {
	margin: 0px 10px;
	padding: 10px 0px 0px 0px;
	background: #ffffff; }

	div#content div.title_wrap div.title {
		float: left; }

		div#content div.title_wrap div.title h1 {
			margin: 0px;
			padding: 0px;
			font: 24px Trebuchet MS, tahoma;
			font-weight: bold;
			color: #333333; }

div#content div.options {
	height: 30px;
	position: relative;
	display: block;
	border-bottom: 1px solid #7b7c7b;
	margin: 0px 0px 15px 0px;
 }

	div#content div.options ul {
		margin: 0px;
		padding: 0px;
		list-style-type: none; 
		float:right;}

		div#content div.options ul li {
			margin: 0px;
			padding: 0px;
			float: left;
			border: solid #000000;
			border-width: 1px 1px 0px 1px;}

			div#content div.options ul li span {
				padding: 0px 10px;
				display: block;
				float: left;
				font: 12px/28px arial;
				color: #000000;
				font-weight: bold;
				background: url('tabhover.jpg') repeat-x;
				border-bottom: 1px solid #CE0000;}

			div#content div.options ul li a {
				padding: 0px 10px;
				display: block;
				float: left;
				font: 10px/28px arial;
				color: #FFFFFF;
				font-weight: bold;
				text-decoration: none;
				background: url('tabbg.jpg') repeat-x;
				border-bottom: 1px solid #7b7c7b;
				outline: none;  }

				div#content div.options ul li a:hover {
					background: url('tabhover.jpg') repeat-x;
					color: #000000;
					border-bottom: 1px solid #CE0000; }

a:active
{
  outline: none;
}


/* ********** [ CONTENT SUB HEADER ] ********** */

div#content div.subtitle_wrap {
	margin: 0px 10px;
	padding: 10px 0px 0px 0px;
	background: #ffffff;
	border-bottom: 1px solid #A2D64F; }

	div#content div.subtitle_wrap div.title {
		float: left; }

		div#content div.subtitle_wrap div.title h1 {
			margin: 0px;
			padding: 0px;
			font: 18px Trebuchet MS, tahoma;
			font-weight: bold;
			color: #333333; }

div#content div.suboptions {
	height: 30px;
	display: block;
 }

	div#content div.suboptions ul {
		margin: 0px;
		padding: 0px;
		list-style-type: none; }

		div#content div.suboptions ul li {
			margin: 0px;
			padding: 0px;
			float: left;
			border: 1px solid #000000;
			border-width: 1px 1px 0px 1px; }

			div#content div.suboptions ul li a {
				padding: 0px 10px;
				display: block;
				float: left;
				font: 10px/28px arial;
				color: #fff;
				text-decoration:none;
				font-weight: bold;
				background: url('tabbg.jpg') repeat-x;
				outline: none;
				}

				div#content div.suboptions ul li a:hover {
					background: url('tabhover.jpg') repeat-x;}



/* ********** [ CONTENT FOOTER ] ********** */

div#content div.outter div.footer {
	margin: 10px 0px;
	padding: 0px;
	font: 12px arial;
	color: #555555; }

	div#content div.outter div.footer a {
		font: 12px arial;
		color: #D52525;
		text-decoration: none;
		outline: none; }

		div#content div.outter div.footer a:hover {
			text-decoration: underline; }
			


/* ********** [ ALL CONTENT WRAP ] ********** */

div#content div.outter {
	margin: 10px 0px 0px 10px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #000000; }

div#content div.outter2 {
	margin: 10px 0px 0px 0px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #000000; 
	width:430px;}


/* ********** [ GENERAL CONTENT ] ********** */

/* user grid */

div.datagrid {
	margin: -1px 0px 10px 0px;
	width:100%; }
	
	div.datagrid2 {
	margin: -1px 0px 10px 0px;
	width:469px; }

	div.datagrid div.odd,
	div.datagrid div.even,
	div.datagrid div.single {
		padding: 8px; }

	div.datagrid table.datagrid {
		width: 100%;
		border: 0px; }

		/* rows */

		div.datagrid div.odd {
			background: #000000;
			border: 1px solid #CCCCCC; }

			div.datagrid div.odd table.datagrid {
				background-color: #FFFFFF;
				width:100%;}

		div.datagrid div.even {
			background: #000000;
			border: 1px solid #CCCCCC; }

			div.datagrid div.even table.datagrid {
				background-color: #FFFFFF; }

		div.datagrid div.single {
			background: #000000;
			border: 1px solid #CCCCCC; }

			div.datagrid div.single table.datagrid {
				background-color: #FFFFFF;
				width:100%; }

		/*div#content div.outter table.chat {
			width: 450px; }*/

		/* item */

		table.datagrid td.item {
			padding: 16px 0px 10px 10px;
			vertical-align: top; }

			table.datagrid td.item div.player { }

			table.datagrid td.item div.image { }

				table.datagrid td.item div.image img {
					padding: 2px;
					background: #ffffff; }

				table.datagrid td.item div.image a img {
					border: 2px solid #CD0000; 
					outline: none; }

				table.datagrid td.item div.image a:hover img {
					border: 2px solid #CD0000; }

		/* content */

		table.datagrid td.data {
			padding: 10px;
			vertical-align: top; }

			/* header */
			table.datagrid td.data h2 {
				margin: 0px 0px 5px 0px;
				padding: 0px;
				font: 18px Trebuchet MS, tahoma;
				font-weight: bold;
				color: #000000; }

				table.datagrid td.data h2 a {
					float: left;
					font: 18px Trebuchet MS, tahoma;
					font-weight: bold;
					color: #252525;
					text-decoration: none;
     				outline: none; }

				table.datagrid td.data h2 a:hover {
					color: #CD0000; }

			/* image */
			table.datagrid td.data div.image {
				margin: 0px 10px 0px 0px;
				float: left; }

				table.datagrid td.data div.image img {
					padding: 2px;
					background: #ffffff; }

				table.datagrid td.data div.image a img {
					border: 2px solid #2274D9;
					outline: none; }

				table.datagrid td.data div.image a:hover img {
					border: 2px solid #D52525; }

			/* player */
			table.datagrid td.data div.player {
				padding: 0px 0px 10px 0px;
				float: left;
				font: 12px arial;
				color: #404040; }

			/* form */
			table.datagrid td.data div.form {
				margin-right: 10px;
				font-size:11px; }

			/* entry */
			table.datagrid td.data div.entry {
				clear: left;
				width:500px; }

				table.datagrid td.data div.entry div.paragraph {
					font: 12px/18px arial;
					color: #404040;
					text-align: justify; }

					table.datagrid td.data div.entry div.paragraph span {
						display: block; }

					table.datagrid td.data div.entry div.paragraph a {
						font: 12px/18px arial;
						color: #000000;
						text-decoration: none;
						outline: none; }

						table.datagrid td.data div.entry div.paragraph a:hover {
							text-decoration: underline; }

			/* datainfo */
			table.datagrid td.data div.datainfo {
				clear: left; }

				table.datagrid td.data dl.datainfo {
					margin: 0px;
					padding: 0px;
					width: 300px;
					float: left; }

					table.datagrid td.data dl.datainfo dt {
						margin: 0px;
						padding: 0px 5px 0px 0px;
						float: left;
						font: 12px/18px arial;
						font-weight: bold;
						color: #000000; }

					table.datagrid td.data dl.datainfo dd {
						margin: 0px;
						padding: 0px;
						font: 12px/18px arial;
						color: #404040; }

			/* quickinfo */
			table.datagrid td.data div.quickinfo {
				clear: left; }

				table.datagrid td.data dl.quickinfo {
					margin: 0px;
					padding: 0px;
					width: 300px;
					float: left; }

					table.datagrid td.data dl.quickinfo dt {
						margin: 0px;
						padding: 0px 5px 0px 0px;
						float: left;
						font: 11px/16px arial;
						font-weight: bold;
						color: #404040; }

					table.datagrid td.data dl.quickinfo dd {
						margin: 0px;
						padding: 0px;
						font: 11px/16px arial;
						color: #404040; }

			/* actions */
			table.datagrid td.data div.actions {
				margin-left: 10px;
				float: right; }

				table.datagrid td.data ul.actions {
					margin: 0px;
					padding: 0px;
					width: 120px;
					list-style-type: none; }

					table.datagrid td.data ul.actions li {
						margin: 0px;
						padding: 0px;
						float: left;
	    				display: block;
						font: 11px/18px verdana;
						color: #0B799D;
						border-bottom: 1px solid #CD0000;
						width: 120px; }

						table.datagrid td.data ul.actions li.status {
							padding-left: 24px;
							width: 96px;
							background: url("icon_online.gif") no-repeat 4px 2px;
							color: #CD0000; }

						table.datagrid td.data ul.actions li.profile a {
							background: url("icon_profile.gif") no-repeat 4px 2px;
							outline: none; }

						table.datagrid td.data ul.actions li.pictures a {
							background: url("icon_pictures.gif") no-repeat 4px 2px;
							outline: none; }


						table.datagrid td.data ul.actions li.edit a {
							background: url("icon_edit.gif") no-repeat 4px 2px;
							outline: none; }

						table.datagrid td.data ul.actions li.remove a {
							background: url("icon_remove.gif") no-repeat 4px 2px;
							outline: none; }

						table.datagrid td.data ul.actions li.primary a {
							background: url("icon_primary.gif") no-repeat 4px 2px;
							outline: none; }

						table.datagrid td.data ul.actions li.comments a {
							background: url("icon_comments.gif") no-repeat 4px 2px;
							outline: none; }

						table.datagrid td.data ul.actions li.approve a {
							background: url("icon_approve.gif") no-repeat 4px 2px;
							outline: none; }

						table.datagrid td.data ul.actions li.join a {
							background: url("icon_approve.gif") no-repeat 4px 2px;
							outline: none; }

						table.datagrid td.data ul.actions li.guests a {
							background: url("icon_guests.gif") no-repeat 4px 2px;
							outline: none; }

						table.datagrid td.data ul.actions li.leave a {
							background: url("icon_remove.gif") no-repeat 4px 2px;
							outline: none; }

						table.datagrid td.data ul.actions li.chat a {
							background: url("icon_chat.gif") no-repeat 4px 2px;
							outline: none; }

						table.datagrid td.data ul.actions li.friends a {
							background: url("icon_friends.gif") no-repeat 4px 2px;
							outline: none; }

						table.datagrid td.data ul.actions li.favorites a {
							background: url("icon_favorites.gif") no-repeat 4px 2px;
							outline: none; }

						table.datagrid td.data ul.actions li.wink {
							position: relative; }

						table.datagrid td.data ul.actions li.wink a {
							background: url("icon_wink.gif") no-repeat 4px 2px;
							outline: none; }

						table.datagrid td.data ul.actions li.message a {
							background: url("icon_message.gif") no-repeat 4px 2px;
							outline: none; }

						table.datagrid td.data ul.actions li.block a {
							background: url("icon_remove.gif") no-repeat 4px 2px;
							outline: none; }

						table.datagrid td.data ul.actions li a {
							padding-left: 24px;
							width: 96px;
							float: left;
	    					display: block;
							font: 11px/20px verdana;
							color: #CD0000;
							text-decoration: none;
							outline: none; }

						table.datagrid td.data ul.actions li a:hover {
							background-color: #D1E2B6; }
							
							
/* ********** [ DATAGRID 2 ] ********** */

/* user grid */
	
	div.datagrid2 {
	margin: 0px 0px 10px 0px;
	width: 443px; }

	div.datagrid2 div.odd,
	div.datagrid2 div.even,
	div.datagrid2 div.single {
		padding: 5px; }

	div.datagrid2 table.datagrid {
		width: 100%;
		border: 0px; }

		/* rows */

		div.datagrid2 div.odd {
			border: 1px solid #000000; }

			div.datagrid2 div.odd table.datagrid {
				width:100%;}

		div.datagrid2 div.even {
			border: 1px solid #000000; }

			div.datagrid2 div.even table.datagrid {
				 }

		div.datagrid2 div.single {
			background: #CBE3A5;
			border: 1px solid #000000; }

			div.datagrid2 div.single table.datagrid {
				background-color: #FFFFFF;
				width:100%; }

		/*div#content div.outter table.chat {
			width: 450px; }*/

		/* item */

		table.datagrid td.item {
			padding: 16px 0px 10px 10px;
			vertical-align: top; }

			table.datagrid td.item div.player { }

			table.datagrid td.item div.image { }

				table.datagrid td.item div.image img {
					padding: 2px;
					background: #ffffff; }

				table.datagrid td.item div.image a img {
					border: 2px solid #CD0000; 
					outline: none; }

				table.datagrid td.item div.image a:hover img {
					border: 2px solid #CD0000; }
					
					
		/* item2 */

		table.datagrid td.item2 {
			padding: 16px 0px 10px 10px;
			vertical-align: top;
			width:140px; }

			table.datagrid td.item2 div.player { }

			table.datagrid td.item2 div.image { }

				table.datagrid td.item2 div.image img {
					padding: 2px;
					background: #ffffff; }

				table.datagrid td.item2 div.image a img {
					border: 2px solid #CD0000; 
					outline: none; }

				table.datagrid td.item2 div.image a:hover img {
					border: 2px solid #000000; }					

		/* content */

		table.datagrid td.data {
			padding: 10px;
			vertical-align: top; }

			/* header */
			table.datagrid td.data h2 {
				margin: 0px 0px 5px 0px;
				padding: 0px;
				font: 18px Trebuchet MS, tahoma;
				font-weight: bold;
				 }

				table.datagrid td.data h2 a {
					float: left;
					font: 18px Trebuchet MS, tahoma;
					font-weight: bold;
					color: #252525;
					text-decoration: none;
     				outline: none; }

				table.datagrid td.data h2 a:hover {
					color: #CD0000; }

			/* image */
			table.datagrid td.data div.image {
				margin: 0px 10px 0px 0px;
				float: left; }

				table.datagrid td.data div.image img {
					padding: 2px;
					background: #ffffff; }

				table.datagrid td.data div.image a img {
					border: 2px solid #2274D9;
					outline: none; }

				table.datagrid td.data div.image a:hover img {
					border: 2px solid #D52525; }

			/* player */
			table.datagrid td.data div.player {
				padding: 0px 0px 10px 0px;
				float: left;
				font: 12px arial;
				color: #404040; }

			/* form */
			table.datagrid td.data div.form {
				margin-right: 10px;
				font-size:11px; }

			/* entry */
			table.datagrid td.data div.entry {
				clear: left;
				width: 100%; }

				table.datagrid td.data div.entry div.paragraph {
					font: 12px/18px arial;
					color: #404040;
					text-align: justify; }

					table.datagrid td.data div.entry div.paragraph span {
						display: block; }

					table.datagrid td.data div.entry div.paragraph a {
						font: 12px/18px arial;
						color: #000000;
						text-decoration: none;
						outline: none; }

						table.datagrid td.data div.entry div.paragraph a:hover {
							text-decoration: underline; }

			/* datainfo */
			table.datagrid td.data div.datainfo {
				font-weight: bold;
				clear: left; }

				table.datagrid td.data dl.datainfo {
					margin: 0px;
					padding: 0px;
					width: 300px;
					float: left;
					font-weight: bold; }

					table.datagrid td.data dl.datainfo dt {
						margin: 0px;
						padding: 0px 5px 0px 0px;
						float: left;
						font: 12px/18px arial;
						font-weight: bold;
						color: #000000; }

					table.datagrid td.data dl.datainfo dd {
						margin: 0px;
						padding: 0px;
						font: 12px/18px arial;
						color: #404040;
						font-weight: bold; }

			/* quickinfo */
			table.datagrid td.data div.quickinfo {
				clear: left; }

				table.datagrid td.data dl.quickinfo {
					margin: 0px;
					padding: 0px;
					width: 300px;
					float: left; }

					table.datagrid td.data dl.quickinfo dt {
						margin: 0px;
						padding: 0px 5px 0px 0px;
						float: left;
						font: 11px/16px arial;
						font-weight: bold;
						color: #404040; }

					table.datagrid td.data dl.quickinfo dd {
						margin: 0px;
						padding: 0px;
						font: 11px/16px arial;
						color: #404040; }

			/* actions */
			table.datagrid td.data div.actions {
				margin-left: 10px;
				float: right; }

				table.datagrid td.data ul.actions {
					margin: 0px;
					padding: 0px;
					width: 120px;
					list-style-type: none; }

					table.datagrid td.data ul.actions li {
						margin: 0px;
						padding: 0px;
						float: left;
	    				display: block;
						font: 11px/18px verdana;
						color: #0B799D;
						border-bottom: 1px solid #CD0000;
						width: 120px; }

						table.datagrid td.data ul.actions li.status {
							padding-left: 24px;
							width: 96px;
							background: url("icon_online.gif") no-repeat 4px 2px;
							color: #CD0000; }

						table.datagrid td.data ul.actions li.profile a {
							background: url("icon_profile.gif") no-repeat 4px 2px;
							outline: none; }

						table.datagrid td.data ul.actions li.pictures a {
							background: url("icon_pictures.gif") no-repeat 4px 2px;
							outline: none; }


						table.datagrid td.data ul.actions li.edit a {
							background: url("icon_edit.gif") no-repeat 4px 2px;
							outline: none; }

						table.datagrid td.data ul.actions li.remove a {
							background: url("icon_remove.gif") no-repeat 4px 2px;
							outline: none; }

						table.datagrid td.data ul.actions li.primary a {
							background: url("icon_primary.gif") no-repeat 4px 2px;
							outline: none; }

						table.datagrid td.data ul.actions li.comments a {
							background: url("icon_comments.gif") no-repeat 4px 2px;
							outline: none; }

						table.datagrid td.data ul.actions li.approve a {
							background: url("icon_approve.gif") no-repeat 4px 2px;
							outline: none; }

						table.datagrid td.data ul.actions li.join a {
							background: url("icon_approve.gif") no-repeat 4px 2px;
							outline: none; }

						table.datagrid td.data ul.actions li.guests a {
							background: url("icon_guests.gif") no-repeat 4px 2px;
							outline: none; }

						table.datagrid td.data ul.actions li.leave a {
							background: url("icon_remove.gif") no-repeat 4px 2px;
							outline: none; }

						table.datagrid td.data ul.actions li.chat a {
							background: url("icon_chat.gif") no-repeat 4px 2px;
							outline: none; }

						table.datagrid td.data ul.actions li.friends a {
							background: url("icon_friends.gif") no-repeat 4px 2px;
							outline: none; }

						table.datagrid td.data ul.actions li.favorites a {
							background: url("icon_favorites.gif") no-repeat 4px 2px;
							outline: none; }

						table.datagrid td.data ul.actions li.wink {
							position: relative; }

						table.datagrid td.data ul.actions li.wink a {
							background: url("icon_wink.gif") no-repeat 4px 2px;
							outline: none; }

						table.datagrid td.data ul.actions li.message a {
							background: url("icon_message.gif") no-repeat 4px 2px;
							outline: none; }

						table.datagrid td.data ul.actions li.block a {
							background: url("icon_remove.gif") no-repeat 4px 2px;
							outline: none; }

						table.datagrid td.data ul.actions li a {
							padding-left: 24px;
							width: 96px;
							float: left;
	    					display: block;
							font: 11px/20px verdana;
							color: #CD0000;
							text-decoration: none;
							outline: none; }

						table.datagrid td.data ul.actions li a:hover {
							background-color: #cccccc; }
							


/* ********** [ LIST CONTENT ] ********** */

/* list grid */

div.listgrid {
	margin: 0px 0px 10px 0px; }

	div.listgrid div.single { }

	table.listgrid {
		background-color: #333333;
		width: 100%;
		border: 0px; }

		table.listgrid td {
			padding: 4px;
		    font: 12px arial;
			color: #404040;
			background: #ffffff; }

			table.listgrid td a {
				font: 12px/18px arial;
				color: #333;
				text-decoration: none;
				outline: none; }

				table.listgrid td a:hover {
					text-decoration: underline;
					color: #000000; }

			table.listgrid td a.new {
				font-weight: bold;
				outline: none; }

		table.listgrid tr.header td {
			font-weight: bold;
			color: #000000;
			background: #666666; }

		table.listgrid tr.footer td {
			text-align: right; }

		table.listgrid tr.even td {
			background: #F8F8F8; }

			table.listgrid tr td.name {
				width: 150px; }

			table.listgrid tr td.date {
				width: 120px; }

			table.listgrid tr td.checkbox {
				width: 32px; }



/* ********** [ CALENDAR CONTENT ] ********** */

/* list grid */

div.calendargrid {
	margin: 0px 0px 10px 0px; }

	div.listgrid div.single { }

	table.calendargrid {
		width: 100%;
		background: #000000;
		border: 0px; }

		table.calendargrid td {
			background: #ffffff; }

			table.calendargrid tr.weekdays td {
				padding: 4px;
			    font: 11px verdana, sans-serif;
				color: #FFF;
			    font-weight: bold;
			    background: #000000;
			    text-align: center; }

			table.calendargrid td.eventdays {
				padding: 4px 4px 0px 4px;
				height: 50px;
				width: 80px; }

			table.calendargrid td.eventtoday {
				background: #FFFFEC; }

			table.calendargrid td h2 {
                margin: 0px 0px 4px 0px; padding: 0px;
			    font: 10px verdana, sans-serif;
			    font-weight: bold;
				color: #000000; }

			table.calendargrid td a {
                margin: 0px; padding: 0px;
			    font: 10px arial, sans-serif;
				color: #A10717;
				text-decoration: none;
				outline: none; }

				table.calendargrid td a:hover {
					text-decoration: underline; }



/* ********** [ REPORT AND RATE ] ********** */

div.outter div.report,
div.outter div.rating {
	padding-left: 10px;
	float: right; }

div.outter div.report div.report-inner,
div.outter div.rating div.rating-inner {
	position: relative; }

	/* winks */
	div.outter div.winkbox {
		padding: 10px;
		z-index: 1;
		position: absolute;
		top: 19px; right: 0px;
		background-color: #F5FBFF;
		background: url("report_box_bg.gif") repeat-x;
		border: 1px solid #cccccc; }

		div.outter ul.actions li.wink div.winkbox a {
			padding: 0px;
			margin-top: 5px;
			width: 70px;
			height: 21px;
			display: block;
			float: none;
			font: 11px/21px tahoma;
			color: #474646;
			text-decoration: none;
			text-align: center;
			background: url("button_small_hover.gif") no-repeat;
			outline: none; }

			div.outter ul.actions li.wink div.winkbox a:hover {
				text-decoration: none;
				background: url("button_small_hover.gif") no-repeat 0px -21px; }

	/* report */
	div.outter div.report p {
		margin: 0px;
		padding: 0px; }

		div.outter div.report a {
			font: 11px arial;
			color: #404040;
			text-decoration: none;
			outline: none; }

			div.outter div.report a:hover {
				text-decoration: underline; }

	div.outter div.reportbox {
		padding: 10px;
		z-index: 1;
		position: absolute;
		top: 0px; right: 0px;
		background-color: #F5FBFF;
		background: url("report_box_bg.gif") repeat-x;
		border: 1px solid #cccccc; }

		div.outter div.reportbox p.response {
			margin: 0px;
			padding: 0px;
			font: 12px arial;
			color: #404040;
			white-space: nowrap; }

		div.outter div.reportbox a {
			margin-top: 5px;
			width: 70px;
			height: 21px;
			display: block;
			font: 11px/21px tahoma;
			color: #474646;
			text-decoration: none;
			text-align: center;
			background: url("button_small_hover.gif") no-repeat;
			outline: none; }

			div.outter div.reportbox a:hover {
				text-decoration: none;
				background: url("button_small_hover.gif") no-repeat 0px -21px; }


	/* rating */
	div.outter div.rating p {
		margin: 0px;
		padding: 0px; }

		div.outter div.rating a {
			font: 11px arial;
			color: #404040;
			text-decoration: none;
			outline: none; }

			div.outter div.rating a:hover {
				text-decoration: underline; }

	div.outter div.ratingbox {
		padding: 10px;
		z-index: 1;
		position: absolute;
		top: 0px; right: 0px;
		background-color: #F5FBFF;
		background: url("rating_box_bg.gif") repeat-x;
		border: 1px solid #cccccc; }

		div.outter div.ratingbox p.response {
			margin: 0px;
			padding: 0px; }

			div.outter div.ratingbox p.response {
				font: 12px arial;
				color: #404040;
				white-space: nowrap; }

			div.outter div.ratingbox p.selscore {
				white-space: nowrap; }

			div.outter div.ratingbox p.currscore {
				margin-left: 5px;
				font: 11px arial;
				color: #404040;
				white-space: nowrap; }


/* ********** [ SMILIES BOX ] ********** */
div.outter div.smilies {
	width: 16px;
	height: 16px; }

div.outter div.smilies div.smilies-inner {
	position: relative; }

	div.outter div.smilies p {
		margin: 0px;
		padding: 0px; }

		div.outter div.smilies a {
			font: 11px arial;
			color: #404040;
			text-decoration: none;
			outline: none; }

			div.outter div.smilies a:hover {
				text-decoration: underline; }

	div.outter div.smiliesbox {
		padding: 4px 0px 0px 4px;
		width: 120px;
		z-index: 1;
		position: absolute;
		bottom: 16px; right: 0px;
		border: 1px solid #444444;
		background: #ffffff; }

		div.outter div.smiliesbox div.smiliesitem {
			margin: 0px 4px 4px 0px;
			width: 16px;
			height: 16px;
			float: left; }



/* ********** [ OVERRIDES ] ********** */

/* homepage */
div.page_homepage {
	margin:0px;
	position: relative;
	}

/* member's private page */
div.account_home_data table.datagrid dl.datainfo {
	width: 570px; }

/* member's public page */
div.page_member_profile_data table.datagrid dl.datainfo {
	width: 570px; }

/* news image */
div.page_news table.datagrid td.data div.image,
div.page_news_details table.datagrid td.data div.image {
	margin: 0px 0px 0px 10px;
	float: right; }

/* rate pictures */
div.page_rate table.datagrid td.item div.image {
	text-align: center; }

div.page_rate table.datagrid td.data div.paragraph {
	text-align: center; }

/* member profile pictures */
div.page_member_pictures table.datagrid td.item div.image {
	margin-right: 10px;
	float: left; }

div.page_member_pictures_view table.datagrid td.item div.image {
	text-align: center; }

/* member profile videos */
div.page_member_videos table.datagrid td.item div.image {
	margin-right: 10px;
	float: left; }

div.page_member_videos_view table.datagrid td.item div.image {
	text-align: center; }

/* member messages view */
div.page_account_messages_view div.message_view {
    padding: 4px;
    height: 150px;
    width: 100%;
    overflow: auto;
    font: 11px verdana;
    color: #000000;
    border-top: 1px solid #999999;
    border-left: 1px solid #999999;
    border-right: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
    background-color: #FFFFFF; }


/* ********** [ FORM TEXT BOXES ] ********** */
input.text_small {
    width: 435px; }

input.text_full {
    width: 100%; }

textarea.textarea_small {
    width: 435px;
    height: 120px; }

textarea.textarea_full {
    width: 100%;
    height: 120px; }

textarea.public_textarea_small, textarea.public_textarea_full {
    width: 100%;
    height: 80px; }



/* ********** [ HOMEPAGE ] ********** */

div.content_page {
	margin: 0px 0px 0px 0px; }

div.content_page div.flatgrid {
	margin: 0px; }

	div.content_page div.flatheader {
		margin: 0px 0px 1px 0px;
		background: #BFDAEC; }

		div.content_page div.flatheader h3 {
			margin: 0px;
			padding: 6px;
			width: 110px;
			display: block;
			font: 13px arial;
			color: #ffffff;
			background: #377FB1; }

	div.content_page div.flatgrid {
		padding: 5px;
		background: #DAEEFF; }

	div.content_page div.flatgrid div.single {
		padding: 10px 5px 5px 5px;
		border: 0px;
		background-color: #FFFFFC;
		background-image: url("flatgrid_single_bg.gif");
		background-repeat: repeat-x; }

		div.content_page div.flatgrid table.flatgrid {
			width: 100%; }

			/* thumbnail */
			div.content_page table.flatgrid td.item {
				padding: 0px 0px 5px 0px;
				vertical-align: top; }

				div.content_page table.flatgrid td.item div.image {
					width: 110px; }

					div.content_page table.flatgrid td.item div.image img {
						padding: 1px;
						background: #ffffff; }

					div.content_page table.flatgrid td.item div.image a img {
						border: 2px solid #BFDAEC;
						outline: none; }

					div.content_page table.flatgrid td.item div.image a:hover img {
						border: 2px solid #BFDAEC; }

			/* row */
			div.content_page table.flatgrid td.row {
				padding: 10px 0px 10px 10px;
				vertical-align: top;
				text-align: justify;
				font: 12px/18px arial;
				color: #404040; }

				div.content_page table.flatgrid td.row a {
					font: 12px/18px arial;
					color: #D52525;
					text-decoration: none;
					outline: none; }

					div.content_page table.flatgrid td.row a:hover {
						text-decoration: underline; }

			div.content_page table.flatgrid td.odd2 {
				background: #DAEEFF;
				border: 1px solid #C3DCF5; }

				div.content_page table.flatgrid td.odd {
					background-color: #FFFFFC;
					background-image: url("datagrid_odd_bg.gif");
					background-repeat: repeat-x; }

			div.content_page table.flatgrid td.even2 {
				background: #DAEEFF;
				border: 1px solid #C3DCF5; }

				div.content_page table.flatgrid td.even {
					background-color: #FFFFFC;
					background-image: url("datagrid_even_bg.gif");
					background-repeat: repeat-x; }

				div.content_page table.flatgrid td.row div.image {
					margin: 0px 10px 0px 10px;
					float: right; }

					div.content_page table.flatgrid td.row div.image img {
						padding: 1px;
						background: #ffffff; }

					div.content_page table.flatgrid td.row div.image a img {
						border: 3px solid #D3D2D2;
						outline: none; }

					div.content_page table.flatgrid td.row div.image a:hover img {
						border: 3px solid #B9B8B8; }

				div.content_page table.flatgrid td.row h4 {
					margin: 0px;
					padding: 0px; }

					div.content_page table.flatgrid td.row h4 a {
						font: 12px arial;
						font-weight: bold;
						color: #404040;
						text-decoration: none;
						outline: none; }

					div.content_page table.flatgrid td.row h4 a:hover {
						text-decoration: underline; }


/* ********** [ BANNERS ] ********** */

/* sidebar */
div.banner_sidebar {
	margin: 10px; }


div.banner_header {
	padding-top: 105px;
	float: right; }
	
	
/* ********** [ CUSTOMIZED ACCOUNT HOME CONTENT ] ********** */

div#content div#posttomyblog
{
width: 564px;
height: 944px;
background: url('accountimage.jpg') no-repeat;
}

        div#content div#posttomyblog div.titlebox
		{
		background: url('titlebg.jpg') repeat-x;
		height: 22px;
		padding: 15px 0px 0px 20px;
		font: 16px Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: #FFF;
		}
		
		div#content div#posttomyblog div.titlebox div.bubble
		{
		background: url('bubble.png') no-repeat;
		width: 37px;
		height: 28px;
		float: left;
		postion: relative;
		margin: -9px 0px 0px 0px;
		padding: 0px 7px 0px 0px;
		}

		div#content div#posttomyblog div.content
		{
		position: relative;
		margin: 10px 0px 0px 20px;
		height: 980px;
		}		
		
		div#content div#posttomyblog div.content div.today
		{font: 11px verdana;
		 border: 1px solid #000000;
		 padding-left:5px;
		 margin-right: 10px;
		 color: #000;
		 float:left;
		 width:440px;}
		
		div#content div#posttomyblog div.content div.today input.text
		{ border:none;}
		
div#content div#search
{
width:482px;
background: #000000;
font: 11px Arial, Helvetica, sans-serif;
color: #99CC99;
}

div#content div#image
{
width:482px;
font: 11px Arial, Helvetica, sans-serif;
color: #99CC99;
}

		div#content div#search div.titlebox
		{
		background: url('titlebg.jpg') repeat-x;
		height: 22px;
		padding: 15px 0px 0px 20px;
		font: 16px Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: #FFF;
		}
		
		div#content div#search div.titlebox div.magnify
		{
		background: url('magnify.png') no-repeat;
		width: 6px;
		height: 28px;
		float: left;
		postion: relative;
		margin: -9px 0px 0px 0px;
		padding: 0px 38px 0px 0px;
		}
		
		div#content div#search div.content
		{
		position: relative;
		margin: 0px -23px 0px 45px;
		height: 160px;
		width:400px;
		}		


/* ********** [ CUSTOMIZED GENERAL ] ********** */


		div#content div.titlebox
		{
		background: url('titlebg.jpg') repeat-x;
		height: 52px;
		padding: 15px 0px 0px 20px;
		font: 20px Arial;
		color: #FFF;
		}
		
		
		/* ********** [ HOMEPAGE ] ********** */
		
	    div#content div.page_homepage div.flash
		
		{background-color:#ffffff;
		 width:982px;
		 height:400px;
		 margin: 0px;
		 padding:0px;
		} 
		
		div#content div.page_homepage div.smallcontainer
		{width:982px;
		 height: 425px;
		} 
		
/* ********** [ MEMBERS SECTION] ********** */
			
		div#content div.page_homepage div.smallcontainer div.big
		{width:691px;
		 height: 425px;
		 background-color: #FFF;
		background: url("boxbg.jpg");
		background-repeat: no-repeat;
		 float:left;
		 border-left: 1px;
		 border-color: #000000;
		} 
		
		
	 div#content div.page_homepage div.smallcontainer div.big div.titlebg
    {margin: 0px 0px 0px 0px;
	 padding:0px;
	 width: 691px;
	 height: 52px;
	 background: url('titlebg.jpg') repeat-x;
	 }		
	 
div#content div.page_homepage div.smallcontainer div.big div.titlebg div.title
     {
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 20px;
	 color: #FFF;
	 padding: 14px 0px 0px 23px;
	 }
	 
	 
div#content div.page_homepage div.smallcontainer div.big div.content
    {margin:  0px;
	 padding: 0px;
	 height: 365px;
	 background:none;
	 }
	 
 
	 
div#content div.page_homepage div.smallcontainer div.big div.content div.left
    {margin:  5px 0px 0px 0px;
	 padding-right: 20px;
	 background:none;
	 width: 140px;
	 font: 11px Arial, Helvetica, sans-serif;
	 line-height:2em;
	 float: left;
	 }	
	 
div#content div.page_homepage div.smallcontainer div.big div.content div.left a
    {
	 color: #cd0000;
	 }			
	 
	 div#content div.page_homepage div.smallcontainer div.big div.content div.left a:hover
    {
	 color: #000000;
	 }	 	 			 	 	 
			
			
div#content div.page_homepage div.smallcontainer div.big div.content div.right
    {margin:  0px 0px 0px 0px;
	 padding: 0px;
	 background:none;
	 float: left;
	 font: 11px Arial, Helvetica, sans-serif;
	 line-height:2em;
	 color: #000000;
	 }	
	 
div#content div.page_homepage div.smallcontainer div.big div.content div.about
    {margin:  15px 0px 0px 0px;
	 padding: 0px;
	 background:none;
	 font: 11px Arial, Helvetica, sans-serif;
	 line-height:1em;
	 color: #000000;
	 width: 375px;
	 }			
	 
	 div#content div.page_homepage div.smallcontainer div.big div.content div.right div.about a
    {
	 color: #cd0000;
	 }		
	 
	 	 div#content div.page_homepage div.smallcontainer div.big div.content div.right div.about a:hover
    {
	 color: #000000;
	 }		
	 
	 
	 div#content div.page_homepage div.smallcontainer div.big div.content div.about h2
    {
	 font: 17px Arial, Helvetica, sans-serif;
	 color: #000000;
	 font-weight: bold;
	 }			 
    /* ********** [ SMALL SIDEBAR ] ********** */
		
		div#content div.page_homepage div.smallcontainer div.smallsidebar
		{width:291px;
		 height: 425px;
		 background-color: #252525;
		 float:right;
		} 
	
	/* ********** [ QUICK SEARCH ] ********** */

div#content div.page_homepage div.smallcontainer div.smallsidebar div.search
    {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	width: 291px;
	height:213px;
	background-color: #252525;
	color:#999999;
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif; }
	
div#content div.page_homepage div.smallcontainer div.smallsidebar div.search div.titlebg
    {margin: 0px 0px 0px 0px;
	 padding:0px;
	 width: 291px;
	 height: 52px;
	 background: url('darktitlebg.jpg') repeat-x;
	 }		
	 
div#content div.page_homepage div.smallcontainer div.smallsidebar div.search div.titlebg div.title
     {
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 20px;
	 color: #FFF;
	 padding: 14px 0px 0px 13px;
	 }
	 
	 
div#content div.page_homepage div.smallcontainer div.smallsidebar div.search div.title div.magnify
		{
		background: url('magnify.png') no-repeat;
		width: 26px;
		height: 28px;
		float: left;
		position: relative;
		margin: 0px 10x 0px 15px;
		padding: 0px 8px 0px 0px;
		}
	 
div#content div.page_homepage div.smallcontainer div.smallsidebar div.search div.content
    {margin:  0px 0px 0px 13px;
	 padding: 0px;
	 height: 161px;
	 background:none;
	 }			 	 	 
	 
	 
	/* ********** [ Map ] ********** */

div#content div.page_homepage div.smallcontainer div.smallsidebar div.map
    {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	width: 291px;
	height:212px;
	background-color: #252525;
	color:#99FF99;
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif; }
	
div#content div.page_homepage div.smallcontainer div.smallsidebar div.map div.titlebg
    {margin: 0px 0px 0px 0px;
	 padding:0px;
	 width: 291px;
	 height: 52px;
	 background: url('titlebg.jpg') repeat-x;
	 }		
	 
div#content div.page_homepage div.smallcontainer div.smallsidebar div.map div.titlebg div.title
     {
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 20px;
	 color: #FFF;
	 padding: 14px 0px 0px 13px;
	 }
	 
	 
div#content div.page_homepage div.smallcontainer div.smallsidebar div.map div.title div.globe
		{
		background: url('globe.png') no-repeat;
		width: 31px;
		height: 35px;
		float: left;
		position: relative;
		margin-left: 0px;
		margin-top: -5px;
		padding: 0px 8px 0px 0px;
		}
	 
div#content div.page_homepage div.smallcontainer div.smallsidebar div.map div.content
     {
	 margin: 0px;
	 padding: 0px;
	 height: 160px;
	 background:url('map.gif') no-repeat;
	 }			 	 	 
					 
				
	/* ********** [ MEMBERS SECTION ] ********** */


.menuhide
{
	position: absolute;
	top: 200px;
}