body { background:  }

		
		
		

		
		
		
		
		/* background controls */
		
		
			.bg_preview { float: left; position: relative; margin-right: 12px; background: #ebebeb; width: 240px; height: 185px; }
							
			.bg_preview .tl {
								height: 8px;
								width: 8px;
								background: transparent url(gfx/bgadm/preview_frame/tl.png) no-repeat;
								position: relative;
								float: left;
							}
											
			.bg_preview .tr {
								height: 8px;
								width: 8px;
								background: transparent url(gfx/bgadm/preview_frame/tr.png) no-repeat;
								position: relative;
								float: right;
							}
							
			.bg_preview .t {
								height: 8px;
								background: transparent url(gfx/bgadm/preview_frame/t.png) repeat-x;
								margin-left: 8px; margin-right: 8px;
							}
							
							
			.bg_preview .c { background: transparent url(gfx/bgadm/preview_frame/r.png) repeat-y right; }
			.bg_preview .controls { height: 174px; background: transparent url(gfx/bgadm/preview_frame/l.png) repeat-y; }
							
							
							
			.bg_preview .bl {
								height: 8px;
								width: 8px;
								background: transparent url(gfx/bgadm/preview_frame/bl.png) no-repeat;
								position: relative;
								float: left;
							}
			.bg_preview .br {
								height: 8px;
								width: 8px;
								background: transparent url(gfx/bgadm/preview_frame/br.png) no-repeat;
								position: relative;
								float: right;
							}
			.bg_preview .b {
								height: 8px;
								background: transparent url(gfx/bgadm/preview_frame/b.png) repeat-x;
								margin-left: 8px; margin-right: 8px;
							}



			.bg_preview .controlbox { width: 166px; height: 172px; margin: auto; }

			.bg_preview .posbtn { position: relative; float: left; }


			.bg_preview #arr_c { position: absolute; width: 45px; height: 45px; margin-top: 63px; margin-left: 60px; }
			.bg_preview #arr_t { position: absolute; width: 48px; height: 64px; margin-left: 59px; }
			.bg_preview #arr_tl { position: absolute; width: 50px; height: 51px; margin-left: 27px; margin-top: 28px;}
			.bg_preview #arr_b { position: absolute; width: 48px; height: 64px; margin-left: 58px; margin-top: 107px;}
			.bg_preview #arr_l { position: absolute; width: 64px; height: 48px; margin-top: 61px; }
			.bg_preview #arr_r { position: absolute; width: 64px; height: 48px; margin-left: 102px; margin-top: 61px; }
			.bg_preview #arr_tr { position: absolute; width: 50px; height: 51px; margin-left: 89px; margin-top: 28px; }
			.bg_preview #arr_br { position: absolute; width: 50px; height: 51px; margin-left: 89px; margin-top: 93px; }
			.bg_preview #arr_bl { position: absolute; width: 50px; height: 51px; margin-left: 27px; margin-top: 93px; }




		/* semi transparent invisible sections in the menu when in the layout admin */
		.ghosted { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
				filter: alpha(opacity=50);
			        -moz-opacity:0.5;
				-khtml-opacity: 0.5;
				opacity: 0.5;
		}


		/* layout control bar used in admin mode - todo: put this somewhere else - it hints at administrative features */
		
		.layout_bar 			{ font: 12px myriad pro, arial, sans-serif !important; text-align: left !important; height: 44px !important; color: #3c3c3c !important; width: 960px !important; margin: auto !important; /* position: absolute !important; */ z-index: 5000 !important; }
		
		.layout_bar h2			{ font-size: 20px !important; line-height: 21px !important; margin: 0px !important; padding: 0px !important; font-weight: bold !important; color: #3c3c3c !important; font-family: myriad pro, trebuchet ms, tahoma, sans-serif !important; }
		
		.layout_bar .l 			{ height: 44px !important; background: transparent url(gfx/adm_bar/left.gif) no-repeat top left !important; }
		.layout_bar .r 			{ height: 44px !important; background: transparent url(gfx/adm_bar/right.gif) no-repeat top right !important; }
		.layout_bar .mid		{ height: 44px !important; margin-left: 5px !important; margin-right: 5px !important; padding-top: 10px !important; background: transparent url(gfx/adm_bar/mid.gif) repeat-x !important; }
		.layout_bar .content	{ padding-left: 7px !important; }
		
		.layout_bar .quitbtn	{ float: right !important; position: relative !important; text-align: right !important; margin-top: -2px !important; margin-right: 2px !important; clear none !important; }
		.layout_bar .quitbtn img	{ border: 0 !important; }
		
		.layout_bar .title		{ position: relative !important; float: left !important; width: 105px !important; }
		.layout_bar .title h2 	{ margin: 0px !important; line-height: 20px !important; padding: 0px !important; margin-right: 10px !important; margin-top: 3px !important; }
		
		.layout_bar .btn 		{ width: 28px !important; height: 29px !important; margin-left: 6px !important; margin-right: 6px !important; background: transparent url(gfx/adm_bar/btn_off.gif) no-repeat !important; }
		.layout_bar .btn .icon	{ margin: 6px !important; }
		
		.layout_bar .btn:hover 	{ background: transparent url(gfx/adm_bar/btn_on.gif) no-repeat !important; }
		
		.layout_bar .btn_dsbld 			{ width: 28px !important; height: 29px !important; margin-left: 6px !important; margin-right: 6px !important; background: transparent url(gfx/adm_bar/btn_dsbld.gif) no-repeat !important; }
		.layout_bar .btn_dsbld .icon 	{ margin: 6px !important; }
		
		.layout_bar .txtbtn		{ font-size: 12px !important; position: relative !important; float: left !important; margin-left: 6px !important; margin-right: 20px !important; }
		.txtbtn img				{ border: none; margin-top: -5px !important; }
		.txtbtn a				{ font-size: 12px !important; letter-spacing: 0px; color: #3c3c3c !important; text-decoration: none !important; }
		.txtbtn a:hover			{ color: #5aa4ee !important; }
		
		
			/* facebook style tooltip */

			#nTip {
				position: absolute;
				display: none;
				z-index: 999999;
			}
			
			#nTip #nTip_Text {
				font-weight: bold;
				background-color: #000000;
				border-radius: 5px;

				
				-moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.75);
				-webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.75);
				box-shadow: 0px 5px 10px rgba(0,0,0,0.75);
				
				color: white;
				padding: 5px;
			}
			
			#nTip #up_arrw { text-align: center; display : none; }
			#nTip #dwn_arrw { text-align: center }
			
			#nTip .right { text-align: right !important; margin-right : 10px; }