/*
-----------------------------------------------
OCEAN(R) Custom Styles
Theme:   Modern-Witch.com
Version: January 2010
----------------------------------------------- */

	
		/* =General
		----------------------------------------------- */
		
		@charset "utf-8";
		
		* { margin: 0px; padding: 0px }


		body { 	
			font-family: Verdana, sans-serif; 
		       	font-size: 12px; 
			font-weight: normal; 
			color: #000000; 
			background-color: #8C9163; 
			text-align: center; 
			padding: 0px 
		}

		H3 {
			font-size: 14px; 
			color: #A30013;
			font-weight:bold;
			padding: 2px 0px 2px 0px; 
	
		}

	

		hr {
			border:0;
			border-top: 1px solid #CCCCCC;
			height: 0;
			background: #CCCCCC;
			width: 100%;
			margin-left: 0;
			margin-right:auto;
			margin-bottom: 10px;
		}		


		#mainContent { 
			position: relative; 
			width: 950px; 
			top: 10px;
			margin-left: auto ;
			margin-right: auto ;

			/* background-color: #005A89; */
			z-index: 0;
			text-align: center;
			padding-bottom: 140px;
    			/* border: 1px solid #FF0000; */
		}

		#OVERLAY {
			display: none;
			position: absolute;
			top: 0px;
			left: 0px;
			width: 100%;
			height: 100%;
			z-index: 90;
			background-image: url(/skin/images/overlay.png);

		}

		#POPUP_ZONE { 
			z-index: 101;
			position:absolute; 
			width:100%; 
			left:0px; 
			top:2000px;
			height:500px; 
			visibility: visible;
			display: block;
    			border: 0px solid #FF00FF;
		}

		#SIGNUP, #SIGNIN, #REMINDER, #MESSAGE, #CONTACT, #AVATAR { 
			z-index: 102;
			visibility: hidden;
			display: block;
			position: relative; 
			top: 20px;
			width: 500px; 
			height: 300px; 

			/* background-color: #E0E0FF; */
			background-image: url(/skin/images/dialogue_bg.png);

			text-align: center;

			margin-left: auto; 
			margin-right: auto;

    			/* border: 1px solid #FF0000; */
		}


		#PROFILE, #ADDBOOK { 
			z-index: 102;
			visibility: hidden;
			display: block;
			position: relative; 
			top: 20px;
			width: 700px; 
			height: 700px; 

			/* background-color: #FFFFFF; */
			background-image: url(/skin/images/profile_bg.png);

			text-align: center;

			margin-left: auto; 
			margin-right: auto;

    			border: 0px solid #000000; 
		}


		#POPUP_IMAGE_ZONE {
			position:relative; 
			top: 50px;
			width: 100%;
			text-align: center;
		       	font-size: 12px; 
			font-weight: bold; 
			color: #000000; 

		}

		#POPUP_IMAGE_LABEL {
			position:relative; 
			top: 10px;
			padding: 3px;
			/* width: 20%; */
			text-align: center;
		       	font-size: 12px; 
			font-weight: bold; 
			background-color: #E0E0FF;
			color: #000000; 
		}




		/* Top Ad Banner (728 x 90)
		----------------------------------------------- */
		#adBanner { 
			position: relative; 
			width: 950px; 
			height: 90px; 
			top: 0px;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			z-index: 0;
			background-color: #FFFFFF; 
    			border: 0px solid #FF0000;
		}





		/* Graphical Header
		----------------------------------------------- */
		#topHeader { 
			position: absolute; 
			width: 950px; 
		        height: 140px; 
			top: 0px;
			z-index: 0;
			font-size: 14px; 
			color: #FF0000;
			text-align: center;
		        background-image: url('/skin/images/page_header.png');
			background-repeat: repeat-x;

    			border: 0px solid #FF0000;

		}





 
		#logoZone {
			position: absolute; 
			top: 0px; 
			left: 0px; 
			width: 100%; 
		        height: 118px; 
			text-align: center; 
			padding: 0px; 
			z-index: 3;

		}



		#superMenuZone {
			position: absolute; 
			top: 98px; 
			left: 0px; 
			width: 950px; 
		        height: 16px; 
		       	font-size: 10px; 
			font-weight: normal; 
			color: #666666; 

			text-align: center; 
			padding: 2px 0px 1px 0px; 
			z-index: 3;
    			border: 0px solid #FF0000;
		}

		#superMenuZoneLeft {
			position: absolute; 
			top: 0px; 
			left: 0px; 
			width: 650px; 
		        height: 16px; 
			text-align: left; 
			padding: 0px; 
    			border: 0px solid #FF0000;
			z-index: 3;

		}

		#superMenuZoneRight {
			position: absolute; 
			top: 0px; 
			left: 650px; 
			width: 300px; 
		        height: 16px; 
			text-align: right; 
			padding: 0px; 
    			border: 0px solid #0000FF;
			z-index: 3;

		}













		/* Pop-Up Window Components
		----------------------------------------------- */
		.popupLogo {
			position: relative; 
			top: 20px;
		}

		.popupCloser {
			position: absolute; 
			top: 10px; 
			left: 0px; 
		       	font-size: 10px; 
			font-weight: bold;
			color: #808080;
			width: 96%; 
		        height: 16px; 
			text-align: right; 
		}

		.popupCloser a, .popupCloser a:visited {
			color: #808080;
			text-decoration: none; 
		}


		.popupComment {
			position: relative; 
			left: 20px; 
			width: 100%;
		       	font-size: 12px; 
			text-align: left;
		}

		.popupFieldLabel  { 
			position: absolute; 
			left: 20px; 
			width: 120px; 
			height: 20px; 

			font-size: 12px; 
			font-weight: normal; 
			color: #000000; 
	               	padding-top: 5px;
			text-align: left; 
		}
	
	
		.popupFieldValue  { 
			position: absolute; 
			left: 145px; 
			width: 155px; 
			height: 20px; 
			overflow:hidden; 
	    		padding: 2px 0px 0px 0px;
			text-align: left 
		}

		.popupScrollFieldValue  { 
			position: relative; 
			left: 145px; 
			width: 335px; 
			height: 80px; 
			overflow:hidden; 
	    		padding: 2px 0px 0px 0px;
			text-align: left 
		}

		.popupTallFieldValue  { 
			position: relative; 
			left: 145px; 
			width: 155px; 
			height: 80px; 
			/* overflow:hidden; */
	    		padding: 2px 0px 0px 0px;
			text-align: left 
		}
		.popupWideFieldValue  { 
			position: relative; 
			left: 145px; 
			width: 335px; 
			height: 16px; 
			overflow:hidden;
	    		padding: 2px 0px 0px 0px;
			text-align: left 
		}

		.popupFieldHelp  { 
			position: relative; 
			top: 5px;
			left: 305px; 
			width: 180px; 
			height: 20px; 

			font-size: 10px; 
			font-weight: normal; 
			color: #444444; 
			text-align: left; 
	    		padding: 0px;
		}
	
		#popupBookcoverZone {
			position: absolute; 
			top: 70px;
			left: 520px;
			width: 85px; 
		        height: 110px; 
			text-align: center; 
			overflow:hidden; 
    			border: 0px solid #0000FF;
		}

		#popupBookcoverZone1 {
			position: absolute; 
			top: 160px;
			left: 520px;
			width: 85px; 
		        height: 110px; 
			text-align: center; 
			overflow:hidden; 
    			border: 0px solid #0000FF;
		}

		#popupBookcoverZone2 {
			position: absolute; 
			top: 250px;
			left: 520px;
			width: 85px; 
		        height: 110px; 
			text-align: center; 
			overflow:hidden; 
    			border: 0px solid #0000FF;
		}

		#popupBookcoverZone9, #popupBookcoverZoneX {
			position: absolute; 
			top: 54px;
			left: 520px;
			width: 85px; 
		        height: 20px; 

			font-size: 10px; 
			font-weight: normal; 
			color: #444444; 
			text-align: center; 
			overflow:hidden; 
    			border: 0px solid #0000FF;
		}

		#popupBookcoverZone9 a, #popupBookcoverZone9 a:hover, #popupBookcoverZone9 a:visited  {
			text-decoration: underline;
			color: #444444; 
		}

		#popupBookcoverZoneX a, #popupBookcoverZoneX a:hover, #popupBookcoverZoneX a:visited  {
			text-decoration: underline;
			color: #444444; 
		}


		.popupinputtext {
		       	font-size: 12px; 
			color: #000000;
			position: absolute; 
			left: 0px; 
			width: 150px; 
			height: 14px; 
			border: 1px solid #A0A0A0; 
	    		padding: 0px 0px 3px 1px;
			margin-top: 1px;

		}

		.popupinputpassword {
		       	font-size: 12px; 
			color: #109FFF;
			position: absolute; 
			left: 0px; 
			width: 150px; 
			height: 14px; 
			border: 1px solid #A0A0A0; 
	    		padding: 1px 0px 1px 0px;
			margin-top: 1px;

		}

		.popuptextarea {
		       	font-size: 11px; 
			color: #000000;
			position: absolute; 
			left: 0px; 
			width: 150px; 
			height: 70px; 
			border: 1px solid #A0A0A0; 
	    		padding: 1px 0px 1px 0px;
			margin-top: 1px;

		}

		.popupscrolltextarea {
		       	font-size: 11px; 
			color: #000000;
			position: absolute; 
			left: 0px; 
			width: 300px; 
			height: 70px; 
			border: 1px solid #A0A0A0; 
	    		padding: 1px 0px 1px 0px;
			margin-top: 1px;

		}

		.popupinputfile {
		       	font-size: 12px; 
			color: #000000;
			position: absolute; 
			left: 0px; 
			/* width: 50px;  */
			/* height: 20px; */
			border: 1px solid #A0A0A0; 
	    		padding: 0px 0px 3px 1px;
			margin-top: 1px;

		}


		.popupCAPTCHA {
			position: absolute; 
			top: 168px; 
			left: 305px; 
		       	font-size: 11px; 
			font-weight: normal;
			color: #000000;
			width: 160px; 
		        height: 100px; 
			text-align: center; 
			padding: 10px;
			background-color: #E0E0E0; 

    			/* border: 1px solid #FF0000; */

		}











		/* Search Form Components
		----------------------------------------------- */
		#searchZone { 
				position: relative; 
				top: 0px;
				left: 94px;
				height: 19px;
				width: 250px; 
				text-align: left; 
			       	font-size: 10px; 
				font-weight: normal; 
				color: #666666; 
	    			border: 0px solid #0000FF;
		}

		.inputSearch { 
		       	font-size: 9px; 
			position: absolute; 
			left: 0px; 
			width: 148px; 
			height: 11px; 
			border: 1px solid #D0D0D0; 
			padding: 2px; 
			margin-top: 1px;
		}


		.searchButton { 
			font-family: Verdana, sans-serif; 
			font-size: 11px; 
			position: absolute; 
			z-index: 89; 
			left: 156px; 
			/* background-image: url('/skin/images/btn_bg.gif'); */
			width: 50px; 
			height: 19px; 
			padding: 0px; 
			border: 0px solid #000000; 
			background-repeat: no-repeat; 
		}















		/* Menu System
		----------------------------------------------- */

		#navigation { 
				top: 117px;
				left: 0px;
				width: 950px; 
				float: right;
				margin: 0;
				padding: 0;
				font-size: 12px; 
				position: relative; 
				z-index: 2; 
				text-align: left; 
	    			/* border: 1px solid #FF0000; */
		}

			
		
		
		#navul, #navul ul, #navul a { /* all lists */
			left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
			padding: 0;
			margin: 0;
			list-style-type:none;
			line-height: 10px;
		}
		
		
	
		#navul a {
			width: 140px; /* BASE WIDTH */
			padding: 4px 0px 4px 10px;
			display: block;
			text-decoration: none;
			color: #333333;
			font-weight: bold;
			line-height: normal;	
		}
		
		#navul ul li a {
			left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
			color: #A30013;
			font-weight: normal;
    			border: 0px solid #FF0000; 
			border-top: 1px solid #CCCCCC; 
			width: 142px; /* BASE WIDTH PLUS 2px */
		}
	
	
		#navul li { /* horizontal spacing between menu columns */
			float: left;
			border-right: 1px solid #6B6F4D; 
			width: 152px; /* BASE WIDTH PLUS 12px */
		}
		
	
		#navul li ul { /* second-level lists */
			left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
			width: 140px;  /* BASE WIDTH */
			position: absolute;
			color: #303030;
		}
		
		/* cap off first child box */
		#navul li ul { 
    			border: 0px solid #FF0000; 
			border-right: 1px solid #6B6F4D;
			border-bottom: 1px solid #6B6F4D;
			border-left: 1px solid #6B6F4D;
			width: 152px; /* BASE WIDTH PLUS 12px */
			margin: 0px 0px 0px -1px;
		}
	
	
		/* third-and-above-level lists */
		#navul li ul ul { 
			margin: -23px 0px 0px 152px; /* BASE WIDTH PLUS 12px */
		}
		
		#navul li:hover ul ul, #navul li:hover ul ul ul {
			left: -999em;
		}
		
	
	
		/* lists nested under hovered list items */
		#navul li:hover ul, #navul li li:hover ul, #navul li li li:hover ul { 
			left: auto;
		}
		
		#navul ul a { /* children only */
			background-color: #FFFFFF;
		}
	
		#navul ul a:hover { /* children only */
			color: #A30013;
			text-decoration: underline;
			background-color: #EBF7F7;
		}
	
		#navul li:hover { /* parents only */
			float: left;
			border-right: 1px solid #6B6F4D; 
    			border: 0px solid #FF0000; 
			border-top: 1px solid #6B6F4D;
			border-right: 1px solid #6B6F4D;
			border-left: 1px solid #6B6F4D;
			width: 152px; /* BASE WIDTH PLUS 12px */
			margin: -0px -1px 0px -0px; 
			background-color: #FFFFFF; 
		}
	
	
		#navul li li:hover { /* children */
    			border: 0px solid #FF0000; 
			background-color: #FFFFFF; 
		}
	






		/* Work Area
		----------------------------------------------- */
		#workarea { 
				position: relative; 
				top: 148px;
				width: 950px; 
				height: 90%; 
				min-height: 500px; 
				/* font-family: Arial, Helvetica, sans-serif; */
				font-size: 11px; 
				color: #000000;
				z-index: 0; 
				padding-top: 0px; 
				padding-left: 0px; 
				padding-right: 0px; 
				padding-bottom: 0px; 
				text-align: left; 
				background-color: #FFFFFF;

	    			border: 0px solid #FF00FF; 
		}


		.indentList ol, indentList ul {
			position: relative;
			margin-left: 30px;
		}







		/* ZoneLeft - 160px wide
		----------------------------------------------- */
		#zoneLeft { 
				position: absolute; 
				top: 0px;
				left: 20px;
				width: 160px; 
				text-align: left; 
				background-color: #FFFFFF; 
	    			border: 0px solid #00FF00;
		}


	
			


		.item160 {
				position: relative; 
				top: 0px;
				left: 0px;
				width: 160px; 
				min-height: 600px; 
				font-size: 11px; 
				color: #000000;
				z-index: 0; 
				padding: 0px 0px 0px 0px;
				margin: 0px 0px 10px 0px;
				text-align: left; 
				background-color: #FFFFFF;
		}






		/* ZoneMiddle - 550px wide
		----------------------------------------------- */
		#zoneMiddle { 
				position: relative; 
				top: 0px;
				left: 200px;
				width: 550px; 
				text-align: left; 
				background-color: #FFFFFF;
	    			border: 0px solid #FF0000;
		}


		.itemContent {
				position: relative; 
				top: 0px;
				left: 0px;
				width: 550px; 
				min-height: 1210px; 
				font-size: 11px; 
				color: #000000;
				z-index: 0; 
				padding: 10px 0px 10px 0px;
				margin: 0px 0px 30px 0px;
				text-align: left; 
				background-color: #FFFFFF;
    				border: 0px solid #00FF00;

		}



		/* ZoneMiddleWide - 550 + 160 = 710px wide
		----------------------------------------------- */
		#zoneMiddleWide { 
				position: relative; 
				top: 0px;
				left: 200px;
				width: 710px; 
				text-align: left; 
				background-color: #FFFFFF;
	    			border: 0px solid #FF0000;
		}


		.itemContentWide {
				position: relative; 
				top: 0px;
				left: 0px;
				width: 710px; 
				min-height: 1210px; 
				font-size: 11px; 
				color: #000000;
				z-index: 0; 
				padding: 10px 0px 10px 0px;
				margin: 0px 0px 30px 0px;
				text-align: left; 
				background-color: #FFFFFF;
    				border: 0px solid #00FF00;

		}




		/* ZoneRight - 160px wide
		----------------------------------------------- */
		#zoneRight { 
				position: absolute; 
				top: 0px;
				left: 770px;
				width: 160px; 
				text-align: left; 
				background-color: #FFFFFF; 
	    			border: 0px solid #00FF00;
		}


	
			


		.item160 {
				position: relative; 
				top: 0px;
				left: 0px;
				width: 160px; 
				min-height: 600px; 
				font-size: 11px; 
				color: #000000;
				z-index: 0; 
				padding: 0px 0px 0px 0px;
				margin: 0px 0px 10px 0px;
				text-align: left; 
				background-color: #FFFFFF;
		}





		/* zoneFooter - 950px wide
		----------------------------------------------- */
		#zoneFooter { 
				position: relative; 
				top: 0px;
				left: 0px;
				height: 50px;
				width: 950px; 
				text-align: center; 
			       	font-size: 10px; 
				font-weight: normal; 
				color: #666666; 

				background-color: #FFFFFF;
	    			border: 0px solid #0000FF;
		}








		/* Inside Tab System - 777px wide
		----------------------------------------------- */
		#innerTabZone { 
			position: relative; 
			width: 777px; 
			height: 30px; 
			top: 0px;
			font-size: 12px;
			font-weight: bold;
			/* background-color: #005A89; */
			z-index: 1;
			text-align: left;
    			border: 0px solid #FF0000;
		}

		 #innerTab1 a, #innerTab1 a:visited, 
		 #innerTab2 a, #innerTab2 a:visited, 
		 #innerTab3 a, #innerTab3 a:visited, 
		 #innerTab4 a, #innerTab4 a:visited, 
		 #innerTab5 a, #innerTab5 a:visited, 
		 #innerTab6 a, #innerTab6 a:visited { 
			font-size: 12px;
			font-weight: bold;
			color: #666666;
			text-decoration: none;

		}

		 #innerTab1 a:hover, 
		 #innerTab2 a:hover, 
		 #innerTab3 a:hover, 
		 #innerTab4 a:hover, 
		 #innerTab5 a:hover, 
		 #innerTab6 a:hover {
			text-decoration: underline;

		}

		#innerTabLeftZone {
			position: absolute; 
			top: 0px; 
			left: 0px; 
			width: 366px; 
		        height: 480px; 
			text-align: left; 
			padding: 10px; 
			/* background-color: #FFFFFF; */
			z-index: 3;
    			border: 0px solid #FF0000;
	
		}



		#innerTabRightZone {
			position: absolute; 
			top: 0px; 
			left: 388px; 
			width: 366px; 
		        height: 480px; 
			text-align: left; 
			padding: 10px; 
			/* background-color: #FFFFFF; */
			z-index: 3;
    			border: 0px solid #0000FF;
		}

		#innerTabSouthZone {
			position: absolute; 
			top: 140px; 
			left: 0px; 
			width: 750px; 
		        height: 250px; 
			text-align: left; 
			padding: 10px; 
			/* background-color: #FFFFFF; */
			z-index: 3;
    			border: 0px solid #0000FF;
		}



		#innerTabAvatarZone {
			position: relative; 
			width: 100%; 
		        height: 150px; 
			text-align: center; 
			overflow:hidden; 
    			border: 0px solid #0000FF;
		}



		#innerTabAvatarLink {
			position: relative; 
			width: 100%; 
		        height: 20px; 
			text-align: center; 
    			border: 0px solid #0000FF;
		}

		.tabInactive {
			background-color: #C0C0C0;
			z-index: 0;
		}

		.tabActive {
			background-color: #EFEFEF;
			z-index: 2;
		}

		#innerTab1 {
			position: absolute; 
			width: 120px; 
			height: 18px; 
			padding-top: 2px;
			top: 0px;
			left:0px;
			text-align: center;
    			border: 0px;
    			border-top: 1px solid #6B6F4D;
    			border-right: 1px solid #6B6F4D;
    			border-left: 1px solid #6B6F4D;
		}
	
		#innerTab2 {
			position: absolute; 
			width: 120px; 
			height: 18px; 
			padding-top: 2px;
			top: 0px;
			left:124px;
			text-align: center;
    			border: 0px;
    			border-top: 1px solid #6B6F4D;
    			border-right: 1px solid #6B6F4D;
    			border-left: 1px solid #6B6F4D;

		}
	
		#innerTab3 {
			position: absolute; 
			width: 120px; 
			height: 18px; 
			padding-top: 2px;
			top: 0px;
			left:248px;
			text-align: center;
    			border: 0px;
    			border-top: 1px solid #6B6F4D;
    			border-right: 1px solid #6B6F4D;
    			border-left: 1px solid #6B6F4D;

		}
	
		#innerTab4 {
			position: absolute; 
			width: 120px; 
			height: 18px; 
			padding-top: 2px;
			top: 0px;
			left:372px;
			text-align: center;
    			border: 0px;
    			border-top: 1px solid #6B6F4D;
    			border-right: 1px solid #6B6F4D;
    			border-left: 1px solid #6B6F4D;

		}
	
		#innerTab5 {
			position: absolute; 
			width: 120px; 
			height: 18px; 
			padding-top: 2px;
			top: 0px;
			left:496px;
			text-align: center;
    			border: 0px;
    			border-top: 1px solid #6B6F4D;
    			border-right: 1px solid #6B6F4D;
    			border-left: 1px solid #6B6F4D;

		}
	
		#innerTab6 {
			position: absolute; 
			width: 120px; 
			height: 18px; 
			padding-top: 2px;
			top: 0px;
			left:620px;
			text-align: center;
    			border: 0px;
    			border-top: 1px solid #6B6F4D;
    			border-right: 1px solid #6B6F4D;
    			border-left: 1px solid #6B6F4D;

		}


		#innerFolder0, #innerFolder1, #innerFolder2, #innerFolder3, #innerFolder4, #innerFolder5, #innerFolder6 { 
			position: relative; 
			width: 757px; 
			min-height: 400px; 
			left: 0px;
			top: 20px;
			background-color: #EFEFEF;
			z-index: 1;
			font-size: 11px;
			font-weight: normal;
			text-align: left;
    			border: 1px solid #6B6F4D;
    			padding: 10px;
		}



		.innerFolderPrompt {
			font-size: 11px; 
			font-weight: normal; 
			font-style: italic; 
			color: #666666; 
		}


		.innerFolderFieldLabel  { 
			position: absolute; 
			left: 0px; 
			width: 130px; 
			height: 18px; 
	    		padding: 5px 0px 0px 0px;
			text-align: right;

			font-size: 11px; 
			font-weight: normal; 
			color: #000000; 

    			border: 0px solid #0000FF;

		}
	
	
		.innerFolderFieldValue  { 
			position: relative; 
			left: 130px; 
			width: 230px; 
			height: 18px; 
	    		padding: 2px 0px 0px 0px;
			text-align: left; 

    			border: 0px solid #FF00FF;
		}
	
		.lockedInnerFolderFieldValue  { 
			position: relative; 
			left: 130px; 
			width: 230px; 
			height: 13px; 
			overflow:hidden; 
	    		padding: 4px 0px 0px 0px;
			text-align: left; 
			font-size: 11px; 
			font-weight: bold; 
			color: #666666; 

    			border: 0px solid #FF00FF;
		}
	



		.innerFolderFieldHelp  { 
			position: relative; 
			left: 130px; 
			width: 230px; 
			height: 16px; 
	    		padding: 0px 0px 2px 0px;
			text-align: left; 
			color: #FF0000;
    			border: 0px solid #FF00FF;
		}
	
		.innerFolderinputtext {
		       	font-size: 11px; 
			font-weight: bold; 
			color: #000000;
			position: absolute; 
			left: 0px; 
			width: 220px; 
			height: 11px; 
			border: 1px solid #666666; 
			padding: 2px; 
			margin-top: 1px;

		}

		.innerFolderMediumdropdown {
		       	font-size: 10px; 
			font-weight: bold; 
			color: #000000;
			position: absolute; 
			left: 0px; 
			width: 220px; 
			height: 60px; 
			border: 1px solid #666666; 
			padding: 2px; 
			margin-top: 1px;

		}

	
		.innerFolderinputtextarea {
		       	font-size: 11px; 
			font-weight: bold; 
			color: #000000;
			position: absolute; 
			left: 0px; 
			width: 220px; 
			height: 220px; 
			border: 1px solid #666666; 
			padding: 2px; 
			margin-top: 1px;

		}	

		.innerFolderMediuminputtextarea {
		       	font-size: 11px; 
			font-weight: bold; 
			color: #000000;
			position: absolute; 
			left: 0px; 
			width: 220px; 
			height: 40px; 
			border: 1px solid #666666; 
			padding: 2px; 
			margin-top: 1px;

		}



		.innerFolderinputdropdown {
		       	font-size: 11px; 
			font-weight: bold; 
			color: #000000;
			position: absolute; 
			left: 0px; 
			width: 226px; 
			height: 20px; 
			border: 1px solid #666666; 
			padding: 2px; 
			margin-top: 1px;

		}




		#innerFolderBookcoverZone {
			position: absolute; 
			top: 135px;
			left: 0px;
			width: 100px; 
		        height: 160px; 
			text-align: center; 
			overflow:hidden; 
    			border: 0px solid #0000FF;
		}

		#innerFolderFriendAvatarZone {
			position: absolute; 
			top: 150px;
			left: 0px;
			width: 100px; 
		        height: 160px; 
			text-align: center; 
			overflow:hidden; 
    			border: 0px solid #0000FF;
		}


		.innerFolderinputpassword {
		       	font-size: 11px; 
			font-weight: bold; 
			color: #109FFF;
			position: absolute; 
			left: 0px; 
			width: 180px; 
			height: 11px; 
			border: 1px solid #D0D0D0; 
			padding: 2px; 
			margin-top: 1px;

		}

		.innerLongList {
		       	font-size: 11px; 
			font-weight: bold; 
			color: #444444;
			position: absolute; 
			left: 10px; 
			width: 280px; 
			height: 280px; 
			border: 1px solid #D0D0D0; 
			padding: 2px; 
			margin-top: 1px;

		}

		.innerMedList {
		       	font-size: 11px; 
			font-weight: bold; 
			color: #444444;
			position: absolute; 
			left: 10px; 
			width: 280px; 
			height: 120px; 
			border: 1px solid #D0D0D0; 
			padding: 2px; 
			margin-top: 1px;

		}




		.errorDialogue {
			position:absolute; 
			top: 18px;
			left: 100px;
		       	font-size: 11px; 
			font-weight: bold; 
			color: #FF0000;
		}

		.saveChangesZone { 
			position:absolute; 
			width: 90%; 
			left: 20px; 
			top: 340px;
			height: 50px; 
    			border: 0px solid #FF00FF;
		}



		/* =Buttons
		----------------------------------------------- */
	
	
		.buttonSingle button { 
			font-size: 11px; 
			position: absolute; 
			z-index: 89; 
			margin-top: 4px; 
			left: 10px; 
			background-image: url('/skin/images/btn_bg.gif'); 
			width: 91px; 
			height: 22px; 
			padding-top: 0px; 
			padding-bottom: 4px; 
			background-repeat: no-repeat; 
			border: 0 solid white 
		}
	
		.buttonA button { 
			font-size: 11px; 
			position: absolute; 
			z-index: 89; 
			margin-top: 4px; 
			left: 0px; 
			background-image: url('/skin/images/btn_bg.gif'); 
			width: 91px; 
			height: 22px; 
			padding-top: 0px; 
			padding-bottom: 4px; 
			background-repeat: no-repeat; 
			border: 0 solid white 
		}
	
	
	
		.buttonB button { 
			font-size: 11px; 
			position: absolute; 
			z-index: 89; 
			margin-top: 4px; 
			left: 100px; 
			background-image: url('/skin/images/btn_bg.gif'); 
			width: 91px; 
			height: 22px; 
			padding-top: 0px; 
			padding-bottom: 4px; 
			background-repeat: no-repeat; 
			border: 0 solid white 
		}
	
		.innerFolderbuttonA button { 
			font-size: 11px; 
			position: absolute; 
			z-index: 89; 
			margin-top: 4px; 
			left: 10px; 
			background-image: url('/skin/images/btn_bg.gif'); 
			width: 91px; 
			height: 22px; 
			padding-top: 0px; 
			padding-bottom: 4px; 
			background-repeat: no-repeat; 
			border: 0 solid white 
		}
	
	
	
		.innerFolderbuttonB button { 
			font-size: 11px; 
			position: absolute; 
			z-index: 89; 
			margin-top: 4px; 
			left: 110px; 
			background-image: url('/skin/images/btn_bg.gif'); 
			width: 91px; 
			height: 22px; 
			padding-top: 0px; 
			padding-bottom: 4px; 
			background-repeat: no-repeat; 
			border: 0 solid white 
		}
	
	
	
	
		.buttonC button { 
			font-size: 11px; 
			position: absolute; 
			z-index: 89; 
			margin-top: -4px; 
			left: 140px; 
			background-image: url('/skin/images/btn_bg.gif'); 
			width: 91px; 
			height: 22px; 
			padding-top: 0px; 
			padding-bottom: 4px; 
			background-repeat: no-repeat; 
			border: 0 solid white 
		}
	
	
		.smallButton50 button { 
			font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; 
			font-size: 9px; 
			top: -2px;
			position: relative; 
			background-image: url('/skin/images/small_btn_bg.gif'); 
			width: 50px; 
			height: 22px; 
			padding-top: 2px; 
			padding-bottom: 6px; 
			background-repeat: no-repeat; 
			border: 0 solid white 
		}
	
	

		/* =Auto-Table
		----------------------------------------------- */

		.autoTable { 
			font-family: 'lucida grande', arial, verdana, tahoma, sans-serif; 
			font-size: 11px; 
			font-weight: normal; 
			color: #000000; 
			background-color: #f6f6f6;     
	    		padding: 0px;
		}
		
	
		.autoTable a { color: #000000; text-decoration: none; }
		.autoTable a:visited { color: #000000; border-color: #899 }
		.autoTable a:hover { color: #000000; }
		
	
	
		.autoTable { 
			margin-top: 0px;
			border: 1px solid #045B84; 
			border-spacing: 0px; 
			border-collapse: collapse;
		}
	
		.autoTableData, .autoTableData { 
			padding: 2px; 
			border: 1px solid #6B6F4D; 
	
			color: #000000; 
		}
	
		
		.rowTop .autoTableData { 
			background-color: #C2E3E7; 
			text-align: center; 
			font-weight: bold; 
		}	
		.rowDark  { background-color: #E3F2FE; }
		.rowLight  { background-color: #FFFFFF; }
		.rowPast  { background-color: #FFDDDD; }
		.rowHigh .autoTableData { background-color: #FFF3C6; }
		

		/* = IFRAMES
		----------------------------------------------- */
		#INBOXFRAME {
			border: 0px solid #6B6F4D;
		}

		#MSG_TRANSFORM_ZONE {
			position:absolute; 
			width: 255px; 
			left: 470px; 
			/* top: 10px; */
			height: 20px; 

			padding-top: 5px; 
			padding-left: 0px; 
			text-align: left; 
			font-size: 11px; 
			font-weight: bold; 
			color: #666666; 

    			border: 0px solid #FF00FF;

		}


		#PAGE_FILTER_ZONE {
			position:relative; 
			width: 465px; 
			left: 0px; 
			/* top: 10px; */
			height: 20px; 

			padding-top: 5px; 
			padding-left: 5px; 
			text-align: left; 
			font-size: 11px; 
			font-weight: bold; 
			color: #666666; 


    			border: 0px solid #FF00FF;
		}




		/* =Floating Information Box
		----------------------------------------------- */
		.floaterBox {
			position:absolute;
			display:none; 
			width: 250px; 
			height: 300px; 
			background-image: url('/skin/images/floaterBox.png'); 
			background-repeat: no-repeat; 
			text-align: left; 
			padding: 0px;
		}
	
		.floaterContent {
			position:relative; 
			width: 240px; 
			height: 280px; 
			padding: 8px;

    			border: 0px solid #FF00FF;
		}
	
		.floaterImage {
			position:absolute;
			top:12px;
			left:12px; 
			width: 80px; 
			max-height: 150px; 
			background-color: #CCCCCC;     
			overflow:hidden; 
			padding: 0px 2px 2px 0px;
    			border: 0px solid #000000;
		}

		.floaterTitle {
			position:relative;
			top:5px;
			left:90px; 
			width: 135px; 
			max-height: 50px; 
			overflow:hidden;
			text-align: left; 
		       	font-size: 10px; 
 			color:#000000;
			font-weight:bold;
    			border: 0px solid #FF0000;
		}

		.floaterAuthor {
			position:relative;
			top:10px;
			left:90px; 
			width: 145px; 
			max-height: 30px; 
			overflow:hidden;
			text-align: left; 
		       	font-size: 10px; 
 			color:#000000;
			font-weight:normal;
    			border: 0px solid #FF0000;
		}

		.floaterISBN {
			position:relative;
			top:10px;
			left:90px; 
			width: 135px; 
			max-height: 20px; 
			overflow:hidden;
			text-align: left; 
		       	font-size: 10px; 
 			color:#666666;
			font-weight:normal;
    			border: 0px solid #FF0000;
		}

		.floaterTags {
			position:absolute;
			top:180px;
			left:12px; 
			width: 210px; 
			max-height: 50px; 
			overflow:hidden;
			text-align: left; 
		       	font-size: 10px; 
 			color:#666666;
			font-weight:normal;
    			border: 0px solid #FF0000;
		}
		

		.floaterStarRating {
			position:absolute;
			top: 165px;
			left: 70px; 
			width: 120px; 
			max-height: 20px; 
			overflow:hidden;
			text-align: left; 
		       	font-size: 10px; 
 			color:#666666;
			font-weight:bold;
    			border: 0px solid #FF0000;
		}

		.floaterStars {
			position:absolute;
			top:165px;
			left:12px; 
			width: 110px; 
			max-height: 20px; 
			overflow:hidden;
    			border: 0px solid #FF0000;
		}














		/* =Sidebar Books
		----------------------------------------------- */
		.sidebarContent {
			position:relative; 
			width: 240px; 
			height: 130px; 
			padding: 8px;

    			border: 0px solid #FF00FF;
		}
	
		.sidebarImage {
			position:absolute;
			top:12px;
			left:12px; 
			width: 80px; 
			max-height: 150px; 
			background-color: #CCCCCC;     
			overflow:hidden; 
			padding: 0px 2px 2px 0px;
    			border: 0px solid #000000;
		}

		.sidebarTitle {
			position:relative;
			top:5px;
			left:90px; 
			width: 135px; 
			max-height: 50px; 
			overflow:hidden;
			text-align: left; 
		       	font-size: 10px; 
 			color:#000000;
			font-weight:bold;
    			border: 0px solid #FF0000;
		}

		.sidebarAuthor {
			position:relative;
			top:10px;
			left:90px; 
			width: 145px; 
			max-height: 30px; 
			overflow:hidden;
			text-align: left; 
		       	font-size: 10px; 
 			color:#000000;
			font-weight:normal;
    			border: 0px solid #FF0000;
		}

		.sidebarISBN {
			position:relative;
			top:10px;
			left:90px; 
			width: 135px; 
			max-height: 20px; 
			overflow:hidden;
			text-align: left; 
		       	font-size: 10px; 
 			color:#666666;
			font-weight:normal;
    			border: 0px solid #FF0000;
		}

		.sidebarTags {
			position:absolute;
			top:180px;
			left:12px; 
			width: 210px; 
			max-height: 50px; 
			overflow:hidden;
			text-align: left; 
		       	font-size: 10px; 
 			color:#666666;
			font-weight:normal;
    			border: 0px solid #FF0000;
		}
		

		.sidebarStars {
			position:relative;
			top:18px;
			left:90px; 
			width: 110px; 
			max-height: 20px; 
			overflow:hidden;
    			border: 0px solid #FF0000;
		}

		.sidebarStarRating {
			position:absolute;
			padding-top: 6px;
			/* top: 120px; */
			left: 152px; 
			width: 120px; 
			max-height: 20px; 
			overflow:hidden;
			text-align: left; 
		       	font-size: 10px; 
 			color:#666666;
			font-weight:bold;
    			border: 0px solid #FF0000;
		}

















		/* =Calendar
		----------------------------------------------- */
		TABLE.cpBorder {  border: 0px solid #FF0000; }
	
	
		.cpYearNavigation, .cpMonthNavigation {
			background-color:#305595;
			text-align:center;
			/* vertical-align:center; */
			text-decoration:none;
			color:#FFFFFF;
			font-weight:bold;
		}
	
		.cpDayColumnHeader, .cpYearNavigation, .cpMonthNavigation, .cpCurrentMonthDate,	.cpCurrentMonthDateDisabled,
		.cpOtherMonthDate, .cpOtherMonthDateDisabled, .cpCurrentDate, .cpCurrentDateDisabled, .cpTodayText,
		.cpTodayTextDisabled, .cpText {
			font-family:arial;
			font-size:8pt;
		}
	
		TD.cpDayColumnHeader {
			text-align:right;
			background-color:#E0E0E0;
			border:solid thin #E0E0E0;
			/* border-width:0 0 1 0; */
			border-top: 0px;
			border-right: 0px;
			border-bottom: 1px;
			border-left: 0px;
		}
	
		.cpCurrentMonthDate, .cpOtherMonthDate,	.cpCurrentDate {
			text-align:right;
			text-decoration:none;
		}
	
		.cpCurrentMonthDateDisabled, .cpOtherMonthDateDisabled, .cpCurrentDateDisabled {
			color:#D0D0D0;
			text-align:right;
			text-decoration:line-through;
		}
	
		.cpCurrentMonthDate {
			color:#305595;
			font-weight:bold;
		}
	
		.cpCurrentDate {
			color: #000000;
			font-weight:bold;
		}
	
		.cpOtherMonthDate { color:#808080; }
	
		TD.cpCurrentDate {
			text-align: center;
			color:#000000;
			background-image: url('/skin/images/cal_circle.gif');   
			/* background-color: #6677DD; */
			/* border-width:1; */
			/* border:solid thin #000000; */
		}
	
		TD.cpCurrentDateDisabled {
			border-width: 1px;
			border:solid thin #FFAAAA;
		}
	
		TD.cpTodayText, TD.cpTodayTextDisabled {
			background-image: url('/skin/images/cal_today.gif');   
			/* border:solid thin #6677DD; */
			/* border-width:1 0 0 0; */
		}
	
		A.cpTodayText,	SPAN.cpTodayTextDisabled { height:20px;	}
	
		A.cpTodayText {
			color:#000000;
			font-weight:bold;
		}
	
		SPAN.cpTodayTextDisabled { color:#D0D0D0; }
	
		.cpBorder { border:solid 0px #00FF00; }
	
	
	
		/* = My Page Items
		----------------------------------------------- */
		#mypageMemberName {
			position:absolute; 
			top:0px;
			left:0px; 
			width:660px; 
			height:40px; 
			padding: 0;
			margin: 0;
			overflow:hidden; 

			text-align: center;
		       	font-size: 24px; 
			font-weight: bold; 
			font-style: italic; 
			color: #A0A0A0; 

    			border: 0px solid #000000;
		}



		#mypageAvatar {
			position:absolute; 
			top:45px;
			left:0px; 
			width:150px; 
			height:150px; 
			overflow:hidden; 
    			border: 0px solid #000000;
		}


		#mypageMemberSince {
			position:absolute; 
			top:45px;
			left:160px; 
			width:500px; 
			height:20px; 
			padding: 0;
			margin: 0;
			overflow:auto; 

			text-align: left;
		       	font-size: 12px; 
			font-weight: bold;
			font-style: italic; 
 			color: #000000; 

    			border: 0px solid #000000;
		}


		#mypageGender {
			position:absolute; 
			top:65px;
			left:160px; 
			width:500px; 
			height:20px; 
			padding: 0;
			margin: 0;
			overflow:auto; 

			text-align: left;
		       	font-size: 12px; 
			font-weight: bold;
			font-style: italic; 
 			color: #000000; 

    			border: 0px solid #000000;
		}

		#mypageLocation {
			position:absolute; 
			top:85px;
			left:160px; 
			width:500px; 
			height:20px; 
			padding: 0;
			margin: 0;
			overflow:auto; 

			text-align: left;
		       	font-size: 12px; 
			font-weight: bold;
			font-style: italic; 
 			color: #000000; 

    			border: 0px solid #000000;
		}

		#mypageAddFriend {
			position:absolute; 
			top:105px;
			left:160px; 
			width:500px; 
			height:20px; 
			padding: 0;
			margin: 0;
			overflow:auto; 

			text-align: left;
		       	font-size: 12px; 
			font-weight: normal;
			font-style: italic; 
 			color: #666666; 

    			border: 0px solid #000000;
		}

		#ADD_FRIEND_MESSAGE {
		       	font-size: 12px; 
			font-weight: bold;
			font-style: italic; 

		}


		#mypageAboutMeTitle {
			position:absolute; 
			top:210px;
			left:0px; 
			width:500px; 
			height:20px; 
			padding: 0;
			margin: 0;
			overflow:auto; 

			text-align: left;
		       	font-size: 14px; 
			font-weight: bold;
			font-style: italic; 
 			color: #9966FF; 

    			border: 0px solid #000000;
		}


		#mypageAboutMe {
			position:absolute; 
			top:240px;
			left:0px; 
			width:640px; 
			height:340px; 
			padding: 0;
			margin: 0;
			overflow:auto; 

			padding: 5px 10px 5px 10px;
			text-align: left;
		       	font-size: 12px; 
			font-weight: normal; 
			color: #444444; 

    			border: 1px solid #000000;
		}



		/* =Profile Tools
		----------------------------------------------- */
	
		.whoamiHeading {
			font-size: 12px; 
			color: #109FFF;
			font-weight:bold;
	
		}