/* PAGE WIDE */

BODY { font-family: Arial, Helvetica, Sans-Serif; font-size: 13px; background: #dcdee0; margin: 0px; padding: 0px; }
INPUT, SELECT, TEXTAREA { font-family: Arial, Helvetica, Sans-Serif; font-size: 15px; }
IMG { border: 0px; }
H2 { margin: 0px 0px 18px; font-size: 24px; }
H2.border { border: 1px solid #000000; margin: 10px 0px 0px; padding: 5px 100px 5px 5px; position: relative; font-size: 23px; }
H3 { font-size: 18px; margin: 0px 0px 0px 10px; padding: 0px; }
A { color: #00F; }
TH { text-align: left; }

BODY.iframe { background: #FFF; margin: 0px; padding: 0px; }

/* DROP DOWN MENU */

UL.sub { list-style-type: none; margin: 2px 0px 0px; padding: 0px; visibility: hidden; position: absolute; left: 0px; top: 0px; }
	UL.sub A { padding: 7px 10px; background: #FFF; display: block; }
	UL.sub A:hover { background: #999; color: #FFF; }

/* WRAPPER */

#outer-container { background: #e8eaeb; width: 946px; margin: 0px auto; border: 7px solid #fff; border-top: 0px; border-bottom: 0px; }
#container { width: 785px; padding-right: 160px; margin: 0px; position: relative; }
#skyscrapers { width: 140px; background: #FFF; position: absolute; top: 250px; right: 10px; }
	#skyscrapers .box-header { margin-left: 0px; }
	.sky-ad { padding: 10px; position: relative; }
#header { position: relative; height: 250px; }
	#header-login-info { position: absolute; top: 5px; right: 130px; color: #666; }
		#header-login-info A { color: #666; }
	#main-tabs { position: absolute; bottom: 0px; width: 100%; height: 40px; padding: 10px 0px 0px; }
		#main-nav { list-style-type: none; margin: 0px; padding: 0px; text-align: center; }
			#main-nav LI { display: inline; }
				#main-nav A { display: inline-block; text-decoration: none; padding: 10px; font-size: 15px; color: #000000; }
				#main-nav A.curr { font-weight: bold; font-size: 17px; }
	.box-header { position: relative; height: 24px; background: url(/Partners/Images/CNRadio/box-head-bg.gif) repeat-x; margin-left: 10px; padding: 3px 0px 0px 37px; font-size: 14px; font-family: Arial Black; color: #FFF; }
		.box-header-left { width: 27px; height: 27px; background: url(/Partners/Images/CNRadio/box-head-left.gif) no-repeat; position: absolute; left: 0px; top: 0px; }
		.box-header-right { width: 10px; height: 27px; background: url(/Partners/Images/CNRadio/box-head-right.gif) no-repeat; position: absolute; right: 0px; top: 0px; }
#maincontent { background: #FFFFFF; min-height: 600px; position: relative; padding: 10px; margin: 0px 0px 10px 10px; }
#footer { clear: both; position: relative; background: #4f5959; color: #FFFFFF; font-size: 11px; height: 119px; }
	#footer A { color: #FFFFFF; font-weight: bold; text-decoration: none; }
	#footer-top { height: 23px; background: url(/Partners/Images/CNRadio/footer-top.gif) repeat-x; padding: 5px 10px 0px; }
		#footer-top A { font-size: 12px; color: #333; }
	#footer-left { padding: 8px 15px; position: absolute; bottom: 0px; }
	#footer-right { text-align: right; position: absolute; right: 20px; top: 40px; }
	#rss-link { position: absolute; bottom: 25px; right: 50px; }
	#rss-link IMG { margin-bottom: -25px; }
	#rss-link A { color: #FFFFFF; text-decoration: none; font-weight: bold; position: relative; font-size: 13px; top: 3px; }

.box-curve-bl { position: absolute; left: 0px; bottom: 0px; width: 10px; height: 10px; overflow: hidden; background: url(/Partners/Images/CNRadio/curve-bl.png) no-repeat; }
.box-curve-br { position: absolute; right: 0px; bottom: 0px; width: 10px; height: 10px; overflow: hidden; background: url(/Partners/Images/CNRadio/curve-br.png) no-repeat; }

/* GENERIC STYLES */

	.left1 { float: left; width: 0%; }
	.left2 { float: left; width: 2%; }
	.left10 { float: left; width: 10%; }
	.left24 { float: left; width: 24%; }
	.left44 { float: left; width: 45%; }
	.left49 { float: left; width: 49%; }
	.left50 { float: left; width: 50%; }
	.left54 { float: left; width: 54%; }
	.fieldset-box { background: #DDEEFF url(/Images/fieldset-bg.gif) repeat-x top; margin: 0px 0px 15px 0px; position: relative; padding: 10px 10px 10px 20px; }
	.fieldset-legend { font-weight: bold; font-size: 15px; text-indent: -10px; margin-bottom: 10px; }
		.fieldset-box LABEL { min-width: 90px; display: inline-block; margin: 5px 0px; font-size: 15px; }
		.fieldset-box INPUT, .fieldset-box SELECT { margin: 5px 0px; }
		.fieldset-box .fix-spacing { margin: 5px 0px; display: inline-block; font-size: 15px; }	
	.light-text { color: #999999; }
	.no-bg { background: none; }
	UL.no-bullets { list-style-type: none; margin: 0px; padding: 0px; }
		UL.no-bullets LI { padding-bottom: 3px; }
	.group-content { display: inline-block; width: 100%; }
	.pad10 { height: 10px; overflow: hidden; }
	.pad16 { height: 16px; overflow: hidden; }
	.options-bottom { clear: both; padding-top: 5px; }
	.float-left { float: left; }
	.free { font-size: 10px; color: #FF0000; }
	.display-none { display: none; }
	.chars-remaining { color: #666666; font-style: italic; }

	.curve-white-tl { width: 11px; height: 10px; overflow: hidden; background: url(/Images/curve-white-tl.png) no-repeat; position: absolute; top: 0px; left: 0px; }
	.curve-white-tr { width: 11px; height: 10px; overflow: hidden; background: url(/Images/curve-white-tr.png) no-repeat; position: absolute; top: 0px; right: 0px; }
	.curve-white-bl { width: 11px; height: 10px; overflow: hidden; background: url(/Images/curve-white-bl.png) no-repeat; position: absolute; bottom: 0px; left: 0px; }
	.curve-white-br { width: 11px; height: 10px; overflow: hidden; background: url(/Images/curve-white-br.png) no-repeat; position: absolute; bottom: 0px; right: 0px; }
	.curve-blue-tl { width: 9px; height: 9px; overflow: hidden; background: url(/Images/curve-blue-tl.png) no-repeat; position: absolute; top: 0px; left: 0px; }
	.curve-blue-tr { width: 9px; height: 9px; overflow: hidden; background: url(/Images/curve-blue-tr.png) no-repeat; position: absolute; top: 0px; right: 0px; }

/* FRONT PAGE SPECIFIC */

	#fp-mothers { border: 3px solid #d45abc; }
	#mothers-heading { background: #d45abc no-repeat bottom right url(/Images/mothers-header-bg.gif); padding: 1px 4px 4px 4px; }
		#mothers-heading H2, #mothers-heading H3 { color: #ffddf8; }
	#fp-pets { border: 3px solid #009900; }
	#pets-heading { background: #009900 no-repeat top right url(/Images/pets-header-bg.gif); padding: 1px 4px 4px 4px; }
		#pets-heading H2, #pets-heading H3 { color: #DFD; }
	#fp-valentines { border: 3px solid #990000; }
	#valentines-heading { background: #990000 no-repeat top right url(/Images/valentines-header-bg.gif); padding: 1px 4px 4px 4px; }
		#valentines-heading H2, #valentines-heading H3 { color: #FED; }
	#fp-births { border: 3px solid #DECC2D; }
	#births-heading { background: #DECC2D; padding: 1px 4px 4px 4px; }
		#births-heading H2, #births-heading H3 { color: #EDFFD3; }
	#fp-weddings { border: 3px solid #5E588E; }
	#weddings-heading { background: #5E588E; padding: 1px 4px 4px 4px; }
		#weddings-heading H2, #weddings-heading H3 { color: #C6C0EA; }
	#fp-deaths { border: 3px solid #454542; }
	#deaths-heading { background: #454542; padding: 1px 4px 4px 4px; }
		#deaths-heading H2, #deaths-heading H3 { color: #DAD9D7; }

	.fp-box { font-size: 15px; background: #FFFFFF; position: relative; height: 172px; margin: 0px 0px 15px 0px; }
		.fp-box A H2, .fp-box A H3 { text-decoration: none; }
		.fp-box H2 { font-size: 28px; margin: 0px; padding: 0px 5px 0px 0px; display: inline; }
		.fp-box H3 { font-size: 18px; margin: 0px; padding: 0px; display: inline; }
	.fp-cat-photos { position: absolute; top: 5px; right: 5px; width: 428px; height: 140px; text-align: center; }
	.fp-cat-photos-none { position: absolute; top: 80px; right: 15px; }
		.fp-cat-photos-none A { color: #000; font-size: 17px; }
	.fp-cat-blurb { padding: 10px; width: 310px; }
	.fp-cat-search { margin: 10px 0px 10px 50px; }
	.fp-cat-more { position: absolute; bottom: 10px; right: 10px; font-weight: bold; }
	
	.fp-latest { margin: 0px 0px 15px 20px; }
		.fp-latest A { text-decoration: none; text-indent: -20px; }
		.fp-latest A:hover { text-decoration: underline; }
		.fp-latest B { font-size: 15px; color: #000000; }
	.fp-viewmore { text-align: right; font-size: 15px; font-weight: bold; }

/* OTHER PAGES SPECIFIC */

	.section-heading {}
		.section-heading H2 { font-size: 28px; margin: 0px; padding: 0px 5px 0px 0px; display: inline; }
		.section-heading H3 { font-size: 18px; margin: 0px; padding: 0px; display: inline; }
	.announcement-text { padding: 20px; font-size: 15px; }
	.photo-display { margin: -10px 0px 0px -5px; }
	
	#photo-scroller { display: inline-block; width: 705px; height: 140px; overflow: hidden; margin: 5px; text-align: center; padding: 0px 20px; position: relative; background: url(/Images/photo-scroller-bg.gif) no-repeat 0px 30px; }
		#photo-scroller .link { background: #FFFFFF; font-weight: bold; font-size: 20px; text-decoration: none; padding-top: 25px; display: block; width: 20px; height: 50px; border: 1px solid #999999; position: absolute; top: 30px; color: #000000; }
			#photo-scroller .link:hover { background: #DDEEFF; }
		#photo-scroller .leftlink { left: 0px; }
		#photo-scroller .rightlink { right: 0px; }

	.results-count { font-size: 15px; font-weight: normal; position: absolute; top: 10px; right: 10px; }
	.results-grid { border: 1px solid #000000; border-top: none; min-height: 300px; padding: 5px 10px 5px 5px; }
	.results-item { clear: both; display: block; height: 100px; position: relative; }
		.results-item .tiny-land, .results-item .tiny-port { float: left; margin-right: 5px; }
		.results-pub { color: #000000; }
		.results-item A { text-decoration: none; display: inline-block; float: left; width: 610px; }
			.results-item A:hover { text-decoration: underline; }
	.results-name { font-size: 15px; color: #000000; }
	.paging { margin: 10px 0px; clear: both; }
		.paging-right { float: right; }

	/*
	.recent-wrapper { position: relative; width: 252px; background: url(/Images/fieldset-bg.gif) #DDEEFF repeat-x; display: inline-block; float: left; margin: 5px; height: 140px; padding-bottom: 8px; }
		.recent-wrapper .tiny-land, .recent-wrapper .tiny-port { float: left; margin-right: 2px; }
		.recent-wrapper A { font-size: 14px; font-weight: bold; }
		.recent-links { clear: both; padding-left: 10px; line-height: 150%; }
			.recent-links IMG { margin-right: 8px; }
	*/
	
	#recent-cols > :first-child { border: none; }
	.recent-col  { border-left: 1px solid #000000; width: 135px; padding: 0px 7px 0px 8px; float: left; }
		.recent-wrapper { display: inline-block;  margin: 5px 0px; padding-bottom: 8px; border-bottom: 1px solid #000000; }
			.recent-photo { border: 1px solid #606060; display: inline-block; }
			.recent-wrapper A { color: #000000; text-decoration: none; font-weight: bold; }
				.recent-wrapper A .small { font-weight: normal; font-size: 11px; }

	#modal-popup-outer, #photo-popup-outer, #video-popup-outer { display: none; z-index: 100; opacity: 0.8; filter:alpha(opacity=80); position: fixed; top: 0px; left:0px; width: 100%; height: 100%; background: #1A4770; }
	#modal-popup { display: none; z-index: 101; position: fixed; left: 50%; top: 50%; margin: -240px 0px 0px -392px; padding: 0px; border: 2px solid #000; background: #FFF; width: 780px; height: 500px; }
		#modal-popup-tabs { margin: 0px; padding: 0px; list-style-type: none; position: absolute; top: -28px; left: 5px; }
			#modal-popup-tabs LI { display: inline; }
				#modal-popup-tabs A { color: #FFFFFF; padding: 5px 8px; display: inline-block; }
				#modal-popup-tabs A.curr { font-weight: bold; background: #FFFFFF; color: #000000; text-decoration: none; border: 2px solid #000000; border-bottom: none;  }
	#modal-iframe { width: 100%; height: 100%; }
	.close-popup { position: absolute; width: 24px; height: 24px; top: -28px; right: 0px; color: #FFFFFF; }
	#photo-popup-outer, #video-popup-outer { z-index: 102; }
		#photo-popup { display: none; z-index: 103; position: fixed; top: 50%; left: 50%; width: 454px; text-align: center; height: 454px; margin: -227px 0px 0px -227px; }
			#photo-popup-inner { display: inline; position: relative; }
			#photo-popup-display { border: 2px solid #000; }
		#video-popup { display: none; z-index: 103; position: fixed; top: 50%; left: 50%; width: 400px; height: 350px; border: 2px solid #000; margin: -202px 0px 0px -177px; }
			#video-iframe { width: 100%; height: 100%; }

	.social-bookmarking { text-align: right; }
		.social-bookmarking SPAN { display: inline-block; padding-bottom: 5px; }
		.social-bookmarking A { border: 1px solid #FFF; padding: 3px; display: inline-block; height: 15px; }
			.social-bookmarking A:hover { border: 1px solid #666; }
	#announce-usercontent { margin: 27px 20px 10px 10px; position: relative; }
		#announce-usercontent-tabs {  }
			#announce-usercontent-tabs UL { position: absolute; top: -26px; left: -30px; list-style-type: none; margin: 0px; border: 0px; }
				#announce-usercontent-tabs LI { display: inline; }
					#announce-usercontent-tabs A { display: inline-block; padding: 5px 10px; color: #000000; }
					#announce-usercontent-tabs A.curr { border: 1px solid #CCCCCC; border-bottom: none; text-decoration: none; font-weight: bold; background: #FFEEDD;  }
		#announce-comments, #announce-gifts { border: 1px solid #CCCCCC; background: #FFEEDD; margin-bottom: 10px; min-height: 100px; height: 350px; position: relative; padding: 10px 10px 40px; }
		#announce-gifts { display: none; }
		.comment { padding: 5px 10px; border-bottom: 1px solid #CCCCCC; }
			.comment B { padding-bottom: 5px; display: inline-block; }
			.comment I { padding-top: 5px; display: block; text-align: right;  }
		.announce-usercontent-head { display: none; }
		.announce-usercontent-footer { position: absolute; bottom: 0px; left: 0px; background: #FFFFFF; text-align: center; width: 362px; padding: 7px; }

		#announce-usercontent.show-all { margin-top: 0px; }
		.show-all #announce-usercontent-tabs { display: none; }
		.show-all #announce-gifts { display: block; height: auto; }
		.show-all #announce-comments { height: auto; }
		.show-all .announce-usercontent-head { display: block; font-weight: bold; font-size: 15px; margin-bottom: 5px; }
	
	.email-form-image { float: left; width: 44px; margin: 24px 15px 0px 10px; }
	.email-form { font-size: 15px; float: left; }
	.email-form-head { margin: 20px 0px 20px 0px; }
		.email-form-head H4 { font-size: 20px; padding: 0px; margin: 0px 0px 10px 0px; }
	.email-form-inner { margin: 30px 0px 0px 50px; }
	.email-error { background: #FF0000; color: #FFF; padding: 7px 10px; font-weight: bold; }
	.email-form LABEL { display: block; margin-top: 17px; float: left; width: 220px; clear: left; }
	.email-form INPUT, .email-form TEXTAREA { margin-top: 10px; }
	
	.pay-sidebar { background: #DDEEFF url(/Images/fieldset-bg.gif) repeat-x top; padding: 10px; }
		.pay-sidebar A { color: #000; text-decoration: none; }
	.pay-step { padding: 10px; min-height: 300px; }
		.pay-step LABEL { width: 150px; display: inline-block; vertical-align: top; font-size: 15px; margin-top: 5px; }
		.pay-step SELECT, .pay-step INPUT { margin-bottom: 5px; }
		.pay-step H2 { font-size: 18px; }
		.pay-step .my-home-photo INPUT { font-size: 13px; }
	.pay-intro { font-size: 15px; margin-bottom: 20px; }
	.pay-button { margin-top: 20px; text-align: center; float: left; width: 250px; font-size: 15px; font-weight: bold; }
		.pay-button IMG { margin-bottom: 5px; }

/* MY HOME */

	#my-home-tabs { list-style-type: none; margin: 10px 0px; padding: 0px 10px; border-bottom: 1px solid #999999; }
		#my-home-tabs LI { display: inline; }
			#my-home-tabs A { display: inline-block; padding: 5px 8px; font-size: 13px; background: #FFFFFF; }
			#my-home-tabs A.curr { border: 1px solid #999999; border-bottom: none; text-decoration: none; position: relative; top: 1px; color: #000000; font-weight: bold; }
	#my-home-subtabs { list-style-type: none; background: #FDB; margin: 10px -10px; padding: 3px 10px 0px; border-bottom: 1px solid #999999; }
		#my-home-subtabs LI { display: inline; }
			#my-home-subtabs A, #my-home-subtabs SPAN { display: inline-block; padding: 5px 8px; font-size: 13px; }
			#my-home-subtabs A.curr { background: #FFF; border: 1px solid #999999; border-bottom: none; text-decoration: none; position: relative; top: 1px; color: #000000; font-weight: bold; }
	.my-home-news { margin: 10px 10px 10px 40px; border-bottom: 1px solid #cccccc; padding: 0px 10px 10px; }
	.my-home-friend { position: relative; padding-right: 70px; padding-bottom: 10px; font-size: 15px; }
		.my-home-friend SPAN { position: absolute; top: 0px; right: 0px; }
	.setting-desc { font-style: italic; padding: 5px 0px 0px 25px; }
	.my-home { padding: 0px 10px; }
		.my-home LABEL { width: 100px; display: inline-block; vertical-align: top; margin-top: 5px; }
		.my-home INPUT, .my-home SELECT, .my-home TEXTAREA { font-size: 13px; margin-bottom: 5px; }
		.my-home-photo { padding: 10px; width: 243px; height: 80px; float: left; }
			.my-home-photo .tiny-land, .my-home-photo .tiny-port { margin: -10px 0px -10px -10px; }
		.my-home-gift { padding: 10px; width: 320px; height: 98px; float: left; }
		.my-home H2 { font-size: 22px; clear: both; margin: 10px 0px; }
	.email-label { margin-top: 5px; float: left; clear: both; width: 100px; font-weight: bold; padding: 6px; }
	.email-field { margin-top: 5px; float: left; width: 500px; border: 1px solid #DDDDDD; padding: 5px; }

/* IFRAME SPECIFIC */

	#iframe-header { background: #FFFFFF url(/Images/footer-bg.gif) repeat-x; margin: 10px 180px 0px 10px; padding: 10px; color: #FFFFFF; height: 40px; position: relative; }
		#iframe-header A { color: #FFFFFF; }
		#iframe-header IMG { position: relative; top: -10px; left: -10px; }
		#iframe-header-head { position: absolute; top: 18px; left: 80px; font-size: 18px; font-weight: bold; }
			#iframe-header-head A { text-decoration: none; }
		#iframe-header-return { position: absolute; top: 10px; right: 10px; }
	#iframe-content { position: absolute; top: 0px; left: 0px; width: 590px; padding: 10px; height: 450px; overflow: auto; }
		#iframe-form { margin: 50px 0px 0px 100px; }
			#iframe-form LABEL { display: inline-block; width: 100px; font-size: 13px; margin-top: 5px; vertical-align: top; }
			#iframe-form INPUT, #iframe-form TEXTAREA { margin-bottom: 5px; font-size: 13px; }
		.iframe-comment { float: left; width: 43%; margin-right: 10px; }
		.photo-box { width: 140px; height: 145px; float: left; }
			.photo-box .thumb-port { margin-left: 15px; }
		.gift-box { display: inline-block; width: 135px; height: 120px; margin: 10px; text-align: center; }
			.gift-box SPAN { display: inline-block; height: 120px; }
		.gift-selected { background: #FFEEDD; border: 1px solid #666666; padding: 3px; }
	#iframe-rightcol { overflow: hidden; border-left: 1px solid #CCC; height: 100%; width: 150px; padding: 10px; background: #DDEEFF url(/Images/fieldset-bg.gif) repeat-x top; position: fixed; top: 0px; right: 0px; }
		.iframe-rightcol-feature { border: 0px solid #606060; margin: 0px 0px 10px; padding: 5px; font-size: 11px; }
			.iframe-rightcol-feature A { color: #000000; text-decoration: none; }
	#iframe-footer { border-top: 1px solid #CCC; width: 598px; text-align: center; height: 24px; padding: 6px 6px 0px; background: #DEF; position: fixed; bottom: 0px; left: 0px; }

	#progress-bar-outer { display: none; z-index: 100; opacity: 0.9; filter:alpha(opacity=90); position: fixed; top: 0px; left:0px; width: 100%; height: 100%; background: #FFFFFF; }
		#progress-bar { display: none; z-index: 104; position: fixed; top: 50%; left: 50%; width: 200px; height: 44px; margin: -22px 0px 0px -100px; }
		#progress-bar-iframe { border: 1px solid #000000; margin-top: 3px; }

/* LOGIN PAGE SPECIFIC */

	/*#login-outer { background: url(/Images/login-bg.jpg) no-repeat; position: fixed; top: 50%; left: 50%; width: 700px; height: 350px; margin: -175px 0px 0px -350px; }*/
	#login-outer { padding: 70px 0px 20px 50px; }
		#login-header { min-height: 30px; }
		#login-inner { padding: 10px; margin-top: 10px; }
		#login-inner INPUT { font-size: 13px; }
		#login-inner H3 { font-size: 17px; margin: 0px; padding: 0px; }
		#login-inner LABEL { min-width: 110px; display: inline-block; margin: 5px 0px; }
		#login-inner INPUT, .fieldset-box SELECT { margin: 5px 0px; }

/* IMAGE DISPLAY */

	.thumb-port { display: inline-block; padding: 10px; background: url(/Images/thumb-bg-port.png); width: 90px; height: 120px; overflow: hidden; }
	.thumb-land { vertical-align: top; margin: 15px 0px; display: inline-block; padding: 10px; background: url(/Images/thumb-bg-land.png); width: 120px; height: 90px; overflow: hidden; }
	.tiny-port { display: inline-block; padding: 10px; background: url(/Images/tiny-bg-port.png); width: 60px; height: 80px; overflow: hidden; }
	.tiny-land { display: inline-block; padding: 10px; background: url(/Images/tiny-bg-land.png); width: 80px; height: 60px; overflow: hidden; }
	.large-port { display: block; padding: 10px; background: url(/Images/regular-bg-port.png); width: 150px; height: 200px; overflow: hidden; }
	.large-land { display: block; padding: 10px; background: url(/Images/regular-bg-land.png); width: 200px; height: 150px; overflow: hidden; }
	.tiny- { display: block; float: left; width: 80px; height: 60px; overflow: hidden; padding: 10px; }
	.tiny- IMG { display: none; }

/* ADVERTISING */

	.ad-banner { width: 468px; height: 60px; float: right; }