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

div.clear {
	clear: both; }

body {
	cursor: default;
	font: 11px arial, verdana, helvetica, sans-serif;
	color: #222222;
	background: #656464 url('page_bg.gif') repeat-x; }


/* ********** [ PAGE ] ********** */

div#page_wrap { }

	div#page { }


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

div#header_wrap {
	margin: 0px auto;
	width: 940px;
	height: 70px; }

	div#header { }

		div#header h1 {
			padding-left: 10px;
			width: 99%;
			height: 70px;
			float: left;
			font: bold 1px/1px Trebuchet MS, arial, sans-serif;
			color: #000000;
			background: url('logo.jpg') no-repeat 0px center; }

			div#header h1 span { }

			div#header div.banner {
				padding-top: 5px;
				float: right; }

/* ********** [ CONTAINER ] ********** */

div#container_wrap {
	margin: 0px auto;
	width: 920px;
	padding: 0px 10px 10px 10px;
	background: #ffffff; }

  	div#container { }


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

div#footer_wrap {
	margin: 0px auto;
	width: 940px;
	background: #323939 url('footer_bg.gif') repeat-x; }

	div#footer {
		height: 36px;
		line-height: 36px;
		color: #ffffff;
		text-align: center; }

		div#footer a {
			color: #ffffff; }


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

#content_wrap {
	float: left;
	width: 720px; }

  	#content { }


/* ********** [ SIDEBAR ] ********** */

div#sidebar_wrap {
	padding: 10px 10px 0px 0px;
	width: 190px;
	float: left; }

  	div#sidebar { }


/* ********** [ MAIN NAVIGATION ] ********** */

div#headernav_wrap {
	margin: 0px auto;
	width: 940px;
	height: 36px;
	background: #404040 url('navbg.gif') repeat-x; }

	div#headernav {
		padding-left: 8px; }

		div#headernav ul {
			height: 36px;
			list-style: none; }

			div#headernav ul li {
				float: left; }

				div#headernav ul li a {
					padding: 0px 8px;
					height: 36px;
					display: block;
					float: left;
					font: bold 11px/36px arial, verdana, helvetica, sans-serif;
					color: #ffffff;
					text-decoration: none; }

					div#headernav ul li a:hover {
						color: #B1E001; }            /*this was the pink word highlight in the menu*/


/* ********** [ USER NAVIGATION ] ********** */

div#usernav_wrap {
	margin: 0px auto;
	width: 940px;
	background: #E0E8EF;
	border-bottom: 1px solid #bbb; }

	div#usernav {
		padding: 0px 5px;
		height: 28px; }

		div#usernav ul {
			list-style: none; }

			div#usernav li {
				float: left;
				height: 28px;
				z-index: 9999;
				position: relative; }

				div#usernav ul li a.outter {
					padding: 0px 5px 0px 29px;
					height: 28px;
					display: block;
					float: left;
					font: bold 11px/28px arial, sans-serif;
					color: #222222;
					text-decoration: none; }

					div#usernav ul li.shover a.outter,
					div#usernav ul li a.outter:hover {
						text-decoration: underline; }

					div#usernav ul li li a {
						background-repeat: no-repeat;
						background-position: 5px 50%;}

				div#usernav ul li.nav_notice a.outter {
					background: url('navigation/pro_notice.png') no-repeat 12px 12px; }

				div#usernav ul li.nav_upgrade {
					background: url('navigation/pro_upgrade.png') no-repeat 8px 50%; }
					
					div#usernav ul li.nav_upgrade li.home a {
						background-image: url('navigation/pre_home.png'); }

					div#usernav ul li.nav_upgrade li.upgrade a {
						background-image: url('navigation/pre_upgrade.png'); }
				
				
				div#usernav ul li.nav_profile {
					background: url('navigation/pro_profile.png') no-repeat 8px 50%; }

					div#usernav ul li.nav_profile li.home a {
						background-image: url('navigation/pre_home.png'); }

					div#usernav ul li.nav_profile li.profile a {
						background-image: url('navigation/pre_profile.png'); }

					div#usernav ul li.nav_profile li.photo a {
						background-image: url('navigation/pre_photo.png'); }

					div#usernav ul li.nav_profile li.pictures a {
						background-image: url('navigation/pre_pictures.png'); }

					div#usernav ul li.nav_profile li.videos a {
						background-image: url('navigation/pre_videos.png'); }
						
					div#usernav ul li.nav_profile li.delacct a {
						background-image: url('navigation/pre_delete.png'); }

				div#usernav ul li.nav_messages {
					background: url('navigation/pro_messages.png') no-repeat 8px 50%; }

					div#usernav ul li.nav_messages_new {
						background: url('navigation/pro_messages_new.png') no-repeat 8px 50%; }

					div#usernav ul li.nav_messages li.inbox a {
						background-image: url('navigation/pre_inbox.png'); }

					div#usernav ul li.nav_messages li.sent a {
						background-image: url('navigation/pre_sent.png'); }

				div#usernav ul li.nav_media {
					background: url('navigation/pro_media.png') no-repeat 8px 50%; }

					div#usernav ul li.nav_media li.pictures a {
						background-image: url('navigation/pre_pictures.png'); }

					div#usernav ul li.nav_media li.videos a {
						background-image: url('navigation/pre_videos.png'); }

					div#usernav ul li.nav_media li.audio a {
						background-image: url('navigation/pre_audio.png'); }

				div#usernav ul li.nav_apps {
					background: url('navigation/pro_apps.png') no-repeat 8px 50%; }

					div#usernav ul li.nav_apps li.blog a {
						background-image: url('navigation/pre_blog.png'); }

					div#usernav ul li.nav_apps li.gifts a {
						background-image: url('navigation/pre_gifts.png'); }

					div#usernav ul li.nav_apps li.guestbook a {
						background-image: url('navigation/pre_guestbook.png'); }

					div#usernav ul li.nav_apps li.events a {
						background-image: url('navigation/pre_events.png'); }

				div#usernav ul li.nav_network {
					background: url('navigation/pro_network.png') no-repeat 8px 50%; }

					div#usernav ul li.nav_network li.favorites a {
						background-image: url('navigation/pre_favorites.png'); }

					div#usernav ul li.nav_network li.friends a {
						background-image: url('navigation/pre_friends.png'); }

					div#usernav ul li.nav_network li.visitors a {
						background-image: url('navigation/pre_visitors.png'); }

					div#usernav ul li.nav_network li.blocked a {
						background-image: url('navigation/pre_blocked.png'); }

				div#usernav ul li.nav_settings {
					background: url('navigation/pro_settings.png') no-repeat 8px 50%; }

					div#usernav ul li.nav_settings li.settings a {
						background-image: url('navigation/pre_settings.png'); }

					div#usernav ul li.nav_settings li.notifications a {
						background-image: url('navigation/pre_notifications.png'); }

					div#usernav ul li.nav_settings li.privacy a {
						background-image: url('navigation/pre_privacy.png'); }

					div#usernav ul li.nav_settings li.upgrade a {
						background-image: url('navigation/pre_upgrade.png'); }

					div#usernav ul li.nav_settings li.credits a {
						background-image: url('navigation/pre_credits.png'); }
					
					div#usernav ul li.nav_settings li.delacct a {
						background-image: url('navigation/pre_delete.png'); }

				div#usernav ul li.nav_new {
					background: url('navigation/pro_new.gif') no-repeat 8px 50%; }



				div#usernav ul li.nav_helpdesk {
					background: url('navigation/pre_message.png') no-repeat 8px 50%; }
					
				div#usernav ul li.nav_logout {
					float: right;
					background: url('navigation/pro_logout.png') no-repeat 8px 50%; }
					


		div#usernav ul li ul {
			padding: 0px;
			height: auto;
			position: absolute;
			top: -999px;
			left: -1px;
			/*display: none;*/
			list-style: none;
			background: #ffffff;
			border: 1px solid #cccccc;
			border-width: 0px 1px 1px 1px;
			border-top: 1px solid #D8DEE4; }

		div#usernav ul li:hover ul,
		div#usernav ul li.shover ul {
			top: 28px;
			left: 0px;
			width: 175px; }

			div#usernav ul li ul li {
				height: 24px;
				float: none; }

				div#usernav ul li ul li a {
					padding: 0px 0px 0px 26px;
					height: 24px;
					display: block;
					float: none;
					font: 11px/24px verdana, arial, sans-serif;
					color: #222222;
					border: 0px;
					text-decoration: none;
                    white-space: nowrap; }

					div#usernav ul li ul li a:hover {
						border: 0px;
						background-color: #B1E002; }


/* ********** [ COMMON ITEMS ] ********** */

h2, h3, h4, h5, h6 {
	padding-bottom: 5px;
	font: bold 14px/16px arial, verdana, helvetica, sans-serif;
	color: #436082; }

	h2 {
		margin-bottom: 5px;
		font: bold 14px/16px arial, verdana, helvetica, sans-serif;
		border-bottom: 1px solid #d4d4d4; }

	h3 {
		font: bold 13px/16px arial, verdana, helvetica, sans-serif; }

	h4 {
		font: bold 12px/16px arial, verdana, helvetica, sans-serif; }

	h4 {
		font: bold 11px/16px arial, verdana, helvetica, sans-serif; }

p {
	margin: 0px 0px 8px 0px;
	font: 11px/16px arial, verdana, helvetica, sans-serif;
	color: #222222; }

	a {
		font: 11px arial, verdana, helvetica, sans-serif;
		color: #3A584E;
		text-decoration: none; }

		a:hover {
			text-decoration: underline; }
			
/* The hint to Hide and Show */
.hint {
    display: none;
    position: absolute;
    left: 500px;
    width: 200px;
    margin-top: -4px;
    border: 1px solid #c93;
    padding: 10px 12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url(pointer.gif) no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(pointer.gif) left top no-repeat;
}

textarea.textarea {
    padding: 4px;
    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: #FFFFFF; }
		
	textarea.textarea_search {
		width: 200px;
		height: 42px; }
		
/* -------------------------------------------- */
/* ------------- Pagination: Clean ------------ */
/* -------------------------------------------- */ 
 
#pagination-clean li { border:0; margin:0; padding:0; font-size:11px; list-style:none; /* savers */ float:left; }
/* savers #pagination-clean li,*/
#pagination-clean a { border-right:solid 1px #DEDEDE; margin-right:2px; }
#pagination-clean .previous-off,
#pagination-clean .next-off { color:#888888; display:block; float:left; font-weight:bold; padding:3px 4px; }    
#pagination-clean .next a,
#pagination-clean previous a { border:none; font-weight:bold; } 
#pagination-clean .active { color:#000000; font-weight:bold; display:block; float:left; padding:4px 6px; /* savers */ border-right:solid 1px #DEDEDE; }
#pagination-clean a:link,
#pagination-clean a:visited { color:#0e509e; display:block; float:left; padding:3px 6px; text-decoration:underline; }
#pagination-clean a:hover { text-decoration:none; }