body{
				text-align: center;
				margin:0px;
				padding:0px;
			}
			
			
			div.container{
				position:absolute;
				top:0px;
				width:1000px;
				height:1800px;
				border:0px solid #0000FF;
				z-index:10;
				/*margin-top:20px;*/
				/*margin-left: auto;
				margin-right: auto;
				width: 1000px;
				text-align: left;
				height:1800px;
				border:1px solid #0000FF;*/			
			}
		
			div.containerextension{
				/*top:51px; *//**The height of the top element in the editor*/
				border:1px solid #111111;

			}
			

			
			div.wysiwyg{
				position:absolute;
				top:0px;
				left:0px;
				width:100%;
				height:100%;
				border:0px solid #FF0000;
			}
			

			div.wysiwygextension{
				background-image:url('../images/20px.gif');
				background-repeat: repeat;
			}

			
			/**Used for preloading images*/
			.hiddenPic {
				display:none;
			}




		
			/*************TOP*********************/
			div.top{
				position:absolute;
				top:0px;
				left:0px;
				width:100%;
				height:50px;
				border-bottom:1px solid #B6D1EF;
				background-image:url('../images/controlpanel_topbutton.png');
				background-repeat: repeat-x;
				/*background-color:#3D74B1;*/
				color:#528CE0;
				font-family: verdana, ariel;
				font-size: 16px;
				z-index:11;
			}
			
			div.top_headline{
				position:absolute;
				left:0px;
				top:2px;
				width:220px;
				height:45px;
				color:#FFFFFF;
				font-family: verdana, ariel;
				font-size: 18px;
				background-image: url('../images/logoHPB3small.png');
				background-repeat: no-repeat;
				/*background-attachment:fixed;
				background-position: top center;*/
				
			}
			
			div.top_info{
				position:absolute;
				left:230px;
				top:5px;
				width:auto;
				height:45px;
				color:#334455;
				font-family: verdana, ariel;
				font-size: 11px;
				text-align:left;
				z-index:20000;	
			}
			
			
			div.top_status{
				position:absolute;
				right:10px;
				top:1px;
				border:0px solid #000000;
				width:auto;
				height:20px;
				background-color:transparent;
				text-align:right;
				z-index:100000;
			}
			div.top_status_text{
				/*position:relative;
				left:0px;
				top:1px;*/
				float:right;
				border:0px solid #000000;
				width:auto;
				height:14px;
				background-color:transparent;
				text-align:right;
				font-family: verdana, ariel;
				font-size: 11px;
				padding:3px;
				display:none;
			}			
			
			/**Ifish buttons*/
			div.top_status_buttondiv_button_publish{
				float:left;
				border:0px solid;
				text-align:center;
				cursor:pointer;				
			}
			div.top_status_buttondiv_button_showpublishedpage{
				float:left;
				border:0px solid;
				text-align:center;
				cursor:pointer;				
			}
			div.top_status_buttondiv_button_logout{
				float:left;
				border:0px solid;
				text-align:center;
				cursor:pointer;
				
			}
			div.iFishElement{
				float:left;
				border:0px solid;
				text-align:center;
				cursor:pointer;
				font-family: verdana, ariel;
				font-size: 10px;	
			}
			
			div.iFishEyeCaption{
				/*background-color:#3D74B1;*/
				/**background-color:transparent;*/
				padding-left:3px;
				padding-right:3px;
				width:45px;
				text-align:center;
				color:#334455;
				font-family: verdana, ariel;
				font-size: 10px;	
				line-height:10px;
				
			}
			
			div.iFishEye_topmenu{
				float:right;
				width:auto;
				border:0px solid #000000;
				z-index:100000;			
			}
			
			div.iFishDivider{
				padding-top:2px;
				padding-left:2px;
				padding-right:2px;
				float:left;
				border:0px solid;
				text-align:center;			
			}
			
			div.top_status_buttondiv{
				/*position:relative;
				left:0px;
				top:1px;*/
				float:right;
				border:0px solid #777792;
				width:auto;
				height:17px;
				/*background-color:#D2E0E6;*/
				text-align:center;
				margin-left:3px;
				color:#528CE0;
				font-family: verdana, ariel;
				font-size: 11px;
				/*padding-left:3px;
				padding-right:3px;
				padding-top:3px;*/
				font-weight:bold;
			}
			
			input.top_status_buttondiv_button{
				/*color:#050;*/
				font-family: verdana, ariel;
				font-size:11px;
				font-weight:normal;

				/*background-color:#fed;*/
				/*border:1px solid;
				border-top-color:#696;
				border-left-color:#696;
				border-right-color:#363;
				border-bottom-color:#363;*/
				}
				
			span.highlightText{
				color:#528CE0;
			}
									
	
			span.highlightTextRed{
				color:#FF0000;
			}
	
			/*************END-TOP*********************/			
	
			/********NEW MOOTOOLS IMPLEMENTATION***********/
			
			div.topdiv{
				z-index:10;
				position:absolute; 
				width:100%;
				height:100%;
				top:0px;
				left:0px;
				background-image: url(../images/10pxinvisible.gif);
				overflow:hidden;
			}

			div.topdiv_minimized{
				z-index:10;
				position:absolute; 
				width:100%;
				height:0px;
				top:0px;
				left:0px;
				border-bottom:2px solid #FFFFFF;
				/*background-image: url(../images/10pxinvisible.gif);*/
				overflow:hidden;
			}
			
			div.headlinediv{
				position:absolute; 
				width:100%;
				height:30px;
				top:0px;
				left:0px;
				/*border-bottom:2px solid #FFFFFF;*/
				/*background-image: url(../images/10pxinvisible.gif);*/
				/*background-color:#B2C3D6;*/
				/*background-image:url('../images/bar30_4.png');*/
				/*opacity: .50;
				filter: alpha(opacity=50);
				-moz-opacity: .50;*/
			}
			

			div.resizediv{
				z-index:11;
				position:absolute;
				width:17px;
				height:17px;
				border:0px solid #000000;
				bottom:0px;
				right:0px;
				/*background-color:#FFFF36;*/
				line-height:0px;
				background-image:url('../images/resize2.gif');
				background-repeat:no-repeat;
				background-position:bottom right;
				cursor:se-resize;
			}			

			div.usercomponent2{
				position:absolute;
				width:100px;
				height:100px;
				/*border:1px solid #000000;*/
				top:0px;
				left:0px;
				/*background-color:#B2C3D6;*/
				/**visibility:hidden;*/
				overflow:hidden;
			}	
			
			div.usercomponent2_Editor_Extension{
				border:0px solid #000000;
			}
			
			div.dragging{
				background-image:url(../images/draggingoverlay.png);
				z-index:10000000;
			}
			
			div.dragging_border{
				border:2px dashed #AAAAAA;
			}
			
			div.draggingdiv{
				position:absolute;
				width:100px;
				height:100px;
				border:3px dashed #777792;
				top:0px;
				left:0px;
				background-color:transparent;
			}				
			
			div.deletediv{
				z-index:11;
				position:absolute;
				right:3px;				
				top:5px;
				width:21px;
				height:21px;
				border:0px solid #000000;
				bottom:0px;
				background-image:url('../images/delete.png');
			}
			

			div.syncronizediv{
				z-index:11;
				position:absolute;
				right:28px;				
				top:5px;
				width:21px;
				height:21px;
				border:0px solid #000000;
				bottom:0px;
				background-image:url('../images/SyncroOFF.png');				
			}
			
			div.syncronized{
				background-image:url('../images/SyncroON.png');	
			}
			

			
			/*div.pushbackdiv{
				z-index:11;
				position:absolute;
				right:21px;				
				top:5px;
				width:21px;
				height:21px;
				border:0px solid #000000;
				bottom:0px;
				background-image:url('../images/goBack.png');				
			}	*/
			
			div.editdiv{
				z-index:11;
				position:absolute;
				right:78px;				
				top:5px;
				width:21px;
				height:21px;
				border:0px solid #000000;
				bottom:0px;
				background-image:url('../images/Edit21.png');
			}	
			
			div.minimizediv{
				z-index:11;
				position:absolute;
				right:53px;				
				top:5px;
				width:21px;
				height:21px;
				border:0px solid #000000;
				bottom:0px;
				background-image:url('../images/goBack.png');				
			}			
			
			div.usercomponentcontentdiv{
				position:absolute;
				top:0px;
				left:0px;
				width:100%;
				height:100%;
				background-image: url(../images/10pxinvisible.gif);
				/*background-color:#FFFF00;*/
			}
			
			/********END NEW MOOTOOLS IMPLEMENTATION***********/

			
			/********EDITOR**********/
			div.modal_overlay {
				position: absolute;
				top:0; left: 0;
				width: 100%;
				background-color: #000;
				z-index:10000;
			}	
			div.modal_center{
				position: absolute;
				left: 50%; padding:0;
				overflow: hidden;
				background-color: #FFFFFF;
				z-index:10001;
			}
			div.modal_closebutton{
				position:absolute;
				right:2px;
				top: 2px;
				width:55px;
				height:21px;
				border: 0px solid #000000;
				/*background-color:#FF3300;*/
				z-index:15;
				background-image:url('../images/cr20-action-stop.png');
				background-repeat:no-repeat;
				background-position:top right;
				text-align:right;
				font-family: tahoma,verdana,arial;
				font-size: 14px;
				font-weight: bold;
				color: #FFFFFF;
				padding-right:25px;
				cursor:pointer;
			}

			div.modal_toppane{
				position:absolute;
				left:0px;
				top: 0px;
				width:100%;
				height:22px;
				border-bottom: 1px solid #000000;
				/*background-color:#B2C3D6;*/
				background-image:url('../images/bar30_6.png');
				z-index:10;
				text-align:left;
				font-family: verdana, arial;
				font-size: 14px;
				font-weight: normal;
				color: #FFFFFF;
				padding-top:3px;
				padding-left:5px;
				text-align:left;
				overflow:hidden;
			}
			
			div.modal_loading{
				position:absolute;
				right:85px;
				top:0px;
				width:25px;
				height:23px;
				z-index:16;
				padding-top:2px;
			}
			/********END EDITOR**********/			
			
			/********CONTROL PANEL**********/
			div.controlpanel{
				position:absolute;
				width:202px;
				height:673px;
				left:10px;
				top:55px;
				z-index:600;
				/*background-color:#FFFFFF;*/
				font-family: verdana, ariel;
				font-size: 12px;
				border:0px solid #777792;
				overflow:visible;
			}
			div.controlpanel_left{
				position:absolute;
				width:200px;
				height:673px;
				left:0px;
				top:0px;
				z-index:600;
				background-color:#FFFFFF;
				font-family: verdana, ariel;
				font-size: 12px;
				border:1px solid #777792;
				overflow:hidden;
				cursor:default;
			}
			div.controlpanel_right{
				position:absolute;
				width:300px;
				height:677px;
				left:202px;
				top:0px;
				z-index:600;
				background-color:transparent;
				font-family: verdana, ariel;
				font-size: 12px;
				border:0px solid #777792;
				overflow:hidden;	
				text-align:left;
				
			}	

	
			
			div.controlpanel_startdragging{
				border: 3px solid #777792;
			}
			
			div.controlpanel_stopdragging{
				border:1px solid #777792;
			}
			
			div.controlpanel_accordion {
				position:absolute;
				left:0px;
				top:100px;
				border:1px solid #777792;
				width:100%;
				height:573px;
				cursor: pointer;
				border: 0px solid #f5f5f5;
				border-right-color: #ddd;
				border-bottom-color: #ddd;
				font-family: verdana;
				font-size: 12px;
				background: #D4E6FC;
				color: #528CE0;
				margin: 0 0 0px 0;
				padding: 0px 0px 0px 0px;
			}	

			div.controlpanel_accordion_toggler{
				/*background: #E8EEF7;*/
				background-image: url('../images/bar30.png');
				height:21px;
				border-top:1px solid #777792;
				border-bottom:1px solid #777792;
				z-index:40;
				overflow:hidden;
				padding-top:4px;
			}
			
			div.controlpanel_accoridion_element{
				/*background: #D4E6FC;*/
				background-image: url('../images/accordian.png');
				height:400px;
				z-index:35;
				overflow:hidden;

			}
			
			div.controlpanel_accoridion_element_button{
				/*position:relative;*/
				width:100%;
				height:98px;
				border-bottom:1px solid #777792;
				padding-top:5px;
				/*background-color:transparent;*/
				z-index:60;

			}
			
			
			
			div.controlpanel_slider{
				background: #D4E6FC;
				color: #000000;
				padding: 0px;
				border-right: 1px solid #777792;
				border-top: 1px solid #777792;
				border-bottom: 1px solid #777792;				
				height:673px;
				visibility:hidden;
				overflow:hidden;
			}
			
			div.controlpanel_slider_wrapper{
				position:relative;
				width:100%;
				height:100%;
				/*background-color:#D4E6FC;*/
				border:0px solid;
				z-index:0;
				background-image: url('../images/accordian.png');
				
			}
			
			div.component_container{
				float:left;
				width:99px;
				height:84px;
				border:0px solid #000000;
				padding-top:5px;
				cursor:move;
			}
			
			div.component{
				margin-left:0px;
				margin-top:0px;
				height:46px;
				left:50px;
				background-image: url('../images/text.png');
				background-position: center center;
				background-repeat:no-repeat;			
			}
			
			div.controlpanel_closebutton{
				position:absolute;
				top:0px;
				right:0px;
				width:17px;
				height:16px;
				/*background-color:#FF0000;*/
				/*border-bottom:1px solid #000000;
				border-left:1px solid #000000;*/
				z-index:10000;
				background-image: url('../images/closeslider3.png');
			}
			
			div.component_text{
				text-align:center;
				width:100%;
				border:0px solid;
				margin-left:0px;
				margin-top:3px;
				font-size:11px;			
			}
			
			
			div.controlpanel_slide_container{
				position:absolute;
				left:0px;
				top:0px;
				width:100%;
				height:100%;
				display:none;
			}

			div.controlpanel_toppane{
				position:absolute;
				top:0px;
				left:0px;
				/*border-bottom:1px solid #777792;*/
				border-bottom:1px solid #777792;
				width:100%;
				height:30px;
				cursor:move;
				background-image:url('../images/bar30_6.png');
				background-repeat: repeat-x;
			}	
			
			div.controlpanel_toppane_text{
				font-family: verdana, ariel;
				font-size: 12px;
				font-weight: normal;
				color: #FFFFFF;
				text-align:left;			
				position:absolute;
				left: 5px;
				top:7px;
				height:auto;
			}

			div.controlpanel_toppane_minimize{
				position:absolute;
				right:5px;				
				top:6px;
				width:17px;
				height:16px;
				border:0px solid #000000;
				bottom:0px;
				background-color:#FFFFFF;	
				background-image:url('../images/Minimize4.png');
				cursor:default;
			}	

			
			div.controlpanel_topbuttons{
				position:absolute;
				top:31px;
				width:100%;
				border:0px solid;
				height:69px;
				left:0px;
			}
			
			
			div.controlpanel_topbuttons_changepage{
				position:absolute;
				right:3px;
				top:6px;
				font-family: verdana, arial, sans-serif;
				font-size:10px;
				border:1px solid #C3C3D6;
				width:60px;
				height:55px;
				background-image: url(../images/controlpanel_topbutton.png);
				cursor:pointer;
			}

			div.controlpanel_topbuttons_changepage:hover{
				background-image: url(../images/controlpanel_topbutton_hover.png);
			}				

			div.controlpanel_topbuttons_newpage{
				position:absolute;
				left:69px;
				top:6px;
				font-family: verdana, arial, sans-serif;
				font-size:10px;
				border:1px solid #C3C3D6;
				width:60px;
				height:55px;
				background-image: url(../images/controlpanel_topbutton.png);
				cursor:pointer;
			}	

			div.controlpanel_topbuttons_newpage:hover{
				background-image: url(../images/controlpanel_topbutton_hover.png);
			}							
			
		
			div.controlpanel_topbuttons_settings{
				position:absolute;
				left:3px;
				top:6px;
				font-family: verdana, arial, sans-serif;
				font-size:10px;
				border:1px solid #C3C3D6;
				width:60px;
				height:55px;
				background-image: url(../images/controlpanel_topbutton.png);
				cursor:pointer;
			}			

			div.controlpanel_topbuttons_settings:hover{
				background-image: url(../images/controlpanel_topbutton_hover.png);
			}				
			
			div.standard_components{
				background-image: url('../images/HomepageComponents.png');
				background-repeat: no-repeat;
				/*background-attachment:fixed;*/
				background-position: 65px 25px;
			}
			
			div.advanced_components{
				background-image: url('../images/advancedcomponents.png');
				background-repeat: no-repeat;
				/*background-attachment:fixed;*/
				background-position: 65px 25px;
			}
			
			div.webshop_components{
				background-image: url('../images/webshopcomponents.png');
				background-repeat: no-repeat;
				/*background-attachment:fixed;*/
				background-position: 65px 25px;
			}	
			
			div.company_components{
				background-image: url('../images/company.png');
				background-repeat: no-repeat;
				/*background-attachment:fixed;*/
				background-position: 65px 25px;
			}				
			
			div.other_components{
				background-image: url('../images/othercomponents2.png');
				background-repeat: no-repeat;
				/*background-attachment:fixed;*/
				background-position: 65px 25px;
				border-bottom:0px;
			}	
			
			div.homepagesettings{
				background-image: url('../images/settings50.png');
				background-repeat: no-repeat;
				/*background-attachment:fixed;*/
				background-position: 65px 25px;	
			}
			
			
			
			div.controlpanel_wrongprofile{
				position:absolute;
				top:0px;
				left:0px;
				text-align:center;
				font-family: verdana, ariel;
				font-size: 16px;
				font-weight: normal;				
				width:80%;
				height:auto;
				color:#334455;
				padding-top:65%;
				padding-left:10%;
				padding-right:10%;
				background-image: url('../images/infohelp.png');
				background-repeat: no-repeat;
				border: 0px solid #000000;
				background-position: 80px 25px;			
			
			}
			
			
			/********END CONTROL PANEL**********/
			
			/********PAGE CONTAINER************/
			div.LevelContainer{
				float:left;
				border: 0px solid #000000;
				width: 298px;
				text-align: left;
				height:50px;
				padding-top:2px;
				overflow:hidden;
				cursor:pointer;}
			
			div.LevelContainer:hover{
				background-color: #8FB6E0;
			}
			div.LevelContainer:active{
				background-color:#679BD3;			
			}
			
			div.LevelContainerSelected{
				background-color:#3D74B1;
				color:#FFFFFF;
				font-size:13px;
			}
			div.PageContainer{
				float:left;
				background-image: url(../images/page.png);
				background-repeat: no-repeat;
				border: 0px solid #000000;
				width: 50px;
				text-align: left;
				height:50px;
				overflow:hidden;}
			div.SpaceContainer{
				float:left;
				/*background-image: transparent;*/
				border: 0px solid #000000;
				width: 30px;
				text-align: left;
				height:50px;
				overflow:hidden;}
			div.PageNameContainer{
				float:left;
				border: 0px solid #000000;
				width: auto;
				text-align: left;
				padding-top:15px;
				height:35px;
				overflow:hidden;
				text-align:left;
				font-family: verdana, ariel;
				font-size: 11px;
				font-weight: normal;}			
			
			
			/********END PAGE CONTAINER************/