.floatRight {float:right;}

.floatLeft {float:left;}

.clear {clear: both;}

#webcontrolContainer { background-color: #16202F; font-family:Trebuchet MS, Verdana; font-size: 12px;}

#webcontrolContainer #wcheader { margin: 0 0 0 0; }
.header-width { width: 800px; margin-left: auto;	margin-right: auto; position: relative; display: table; }
#webcontrolContainer #headerRight { float: right; width: 48%; text-align: left;  }
#webcontrolContainer #headerLeft { float: left; width: 48%; }

#webcontrolContainer #headerBottom { background: #39414E; display: table; width: 100%; color: #CCCCCC; border-bottom: 3px solid #999;
		font-size: 12px; }

#webcontrolContainer #loginBar 
{
	color: #CCCCCC;
	display: block;
	font-size: 12px;
	padding-top: 6px;
	text-indent: 12px;
	text-align:right;
	margin-right:0px;
	padding-right:0px;
}

#webcontrolContainer #loginBar a { color: #BDCDDF; text-decoration: none; }
#webcontrolContainer #loginBar a:hover {color: #FFFFFF; }

#modeBar { text-align: right; padding-top: 7px; padding-bottom: 12px; position: relative;}
#modeBar a {color: #647288;	font-size: 12px;	text-decoration: none;	padding-top: 2px 3px 2px 3px; margin: 0 4px 0 0; }
#modeBar a:hover, #modeBar a.active { color: #FFFFFF; background-color: #233249; }
#modeBar span  { /*this sets the bg colour for the selected mode for Webcontrol Switcher*/
	color: #FFFFFF;
	font-size: 12px;
	background-color: #233249;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
}

#webcontrolContainer .headerEditPanel h2 { color: #FFFFFF; margin-bottom: 20px;	padding-bottom: 5px; border: 1px solid #999; }
.previewmodeLink { color: White; font-size: 12px; text-decoration: none; }
.previewmode { background: transparent url(../media/images/previewmode_bg.gif) no-repeat; width: 88px; height: 26px; }

#headerBottom ul { margin:0px; padding:0px; margin-top:5px;	margin-bottom:5px; }
#headerBottom li { display:inline; background-repeat: no-repeat; background-position: 0px 0px; position: relative; z-index: 5; }
#headerBottom li a { color: White; }

#headerBottom ul .settings
{
	padding-left:23px;
	padding-right:13px;
	background-image: url('WebResource.axd?d=Um3_DMvCWWLToa-84ttHqxFncrW_90Fi3IlLy0fwtzLjENpdR5CwvqXAXAkQx56RB38_t_ZoBfcCBBJ25jg0t2c0ZmqWGdcl2FAB16COATRXzfT4DlPv8ipP34V1yC0q0&t=634160834753411060');
}

#headerBottom ul .preview
{
	padding-left:28px;
	padding-right:13px;
	background-image: url('WebResource.axd?d=Um3_DMvCWWLToa-84ttHqxFncrW_90Fi3IlLy0fwtzLjENpdR5CwvqXAXAkQx56RB38_t_ZoBfcCBBJ25jg0t0RNMycG9_v7Sb5gigbDw8lj_VPPfJzDe8xG32OIUNC10&t=634160834753411060');
}

#headerBottom ul .addpage
{
	padding-left:27px;
	padding-right:13px;
	background-image: url('WebResource.axd?d=Um3_DMvCWWLToa-84ttHqxFncrW_90Fi3IlLy0fwtzLjENpdR5CwvqXAXAkQx56RB38_t_ZoBfcCBBJ25jg0t08iuC_LSz9Rec8OFSQurLj-9N2JWl2czEkUOsBeWdm50&t=634160834753411060');
}

#headerBottom ul .copypage
{
	padding-left:26px;
	padding-right:13px;
	background-image: url('WebResource.axd?d=Um3_DMvCWWLToa-84ttHqxFncrW_90Fi3IlLy0fwtzLjENpdR5CwvqXAXAkQx56RB38_t_ZoBfcCBBJ25jg0t8x2Ab6Q4WBeLy1yqNidbHjMIldD8zURpwYU9ve7IP6K0&t=634160834753411060');
}

#headerBottom ul .deletepage
{
	padding-left:23px;
	padding-right:13px;
	background-image: url('WebResource.axd?d=Um3_DMvCWWLToa-84ttHqxFncrW_90Fi3IlLy0fwtzLjENpdR5CwvqXAXAkQx56RB38_t_ZoBfcCBBJ25jg0twP8G7EaOwBJxKu6twRm91RUqn9haEFkv7S5UshLQQpY0&t=634160834753411060');
}

.clearfix:after {   
    content: ".";   
    display: block;   
    clear: both;   
    visibility: hidden;   
    line-height: 0;   
    height: 0;   
}   
  
.clearfix {   
    display: inline-block;   
}   

html[xmlns] .clearfix {   
    display: block;   
}   

* html .clearfix {   
    height: 1%;   
}