/* ---------- Generic styles ---------- */
/* http://positioniseverything.net/easyclearing */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

.clearfix {
	display: inline-block;
	}

/* Hides from IE-mac \*/
* html .clearfix { 
	height: 1%; 
	}
	
.clearfix {
	display: block;
	}
/* End hide from IE-mac */


.hide {
	display: none;
	}

.show {
	display: block;
	}

.error {
 	border: 2px solid #CD1717;
 	background: #fff url("images/bg_alert.gif") no-repeat 10px 50%;
 	padding: 3px 5px 3px 32px !important;
 	font-weight: bold;
 	color: #CD1717;
	}

.epLoading {
	background: #fff url("images/loading.gif") no-repeat 50% 50%;
	border: 2px solid #ccc;
	}










/* ---------- Styles the editor interface ---------- */
.epEditorContainer {
	clear: left;
	padding: 3px 4px 4px 4px;
	margin: 0 0 5px 0;
	background: #e5e5e5 url("images/bg_main.jpg") no-repeat bottom right;
	border: 2px solid #b4b4b4;
	border-top: 2px solid #f0f0f0;
	border-left: 2px solid #f0f0f0;
	}
	
.epEditorContainer .clearfix {
	padding-bottom: 0px !important;
	}
	
.epEditorContainer .epToolbar {
	padding-bottom: 4px !important;
	}
	
.epEditorContainer iframe {
	margin-bottom: 5px;
	}

.epEditorContainer select {
	float: left;
	margin: 2px 3px 0 1px !important;
	}
	
img.epDivider {
	float: left;
	margin: 1px 1px 0 1px;
	}
	
img.btn,
img.btnOn {
	float: left;
	cursor: pointer;
	margin: 0px 2px 0 1px !important;
	border: 1px solid #e5e5e5;
	}

img.btnDis {
	float: left;
	margin: 0px 2px 0 1px !important;
	border: 1px solid #e5e5e5;
	}

img.over {
	border: 1px solid #f7f5ee;
	border-right: 1px solid #716f63;
	border-bottom: 1px solid #716f63;
	}

img.down,
img.btnOn {
	border: 1px solid #716f63;
	border-right: 1px solid #f7f5ee;
	border-bottom: 1px solid #f7f5ee;
	}

.resizer {
	margin: 0px -5px -10px 0;
	height: 22px;
	width: 22px;
	float: right;
	cursor:s-resize;
	}
	





/*---------- Styles for the Link/Image window ----------*/
body.epEditorPopup {
	background: #666;
	font-family: verdana, sans-serif !important;
	font-size: 0.8em;
	margin: 0;
	}
	
body.epEditorPopup .windowTitle {
	padding: 4px 5px 4px 5px;
	}
	
body.epEditorPopup .windowTitle h1 {
	float: left;
	line-height: 1em;
	font-size: 1em;
	color: #fff;
	padding: 0 0 1px 0;
	margin: 0;
	}

body.epEditorPopup .windowTitle p {
	line-height: 1em;
	float: right;
	padding: 0;
	margin: 0;
	}

body.epEditorPopup .windowTitle p a {
	color: #fff;
	}
	
	
body.epEditorPopup .inner {	
	position:absolute;
	top:22px;
	bottom:0px;
	left:0px;
	right:0px;
	border: 2px solid #b4b4b4;
	background: #e5e5e5 url("images/bg_main.jpg") no-repeat bottom right;
	padding: 10px 10px 0 10px;
	}
	
body.epEditorPopup code {
	font-size: 130%;
	}

form.epEditorForm  {
	margin: 0px;
	padding-left: 10px;
	}

form.epEditorForm  .clearfix {
	padding-bottom: 10px;
	}

.epEditorForm label,
.epEditorForm p.frmLabel {
	display: block;
	float: left;
	width: 25%;
	padding-right: 10px;
	}

.epEditorForm p.frmLabel  {
	margin: 0 !important;
	}

.epEditorForm label.afterControl {
	width: 50%;
	margin-left: 5px;
	}

.epEditorForm input,
.epEditorForm select,
.epEditorForm textarea,
.epEditorForm .frmInputs {
	display: block;
	float: left;
	}

.epEditorForm select {
	margin-right: 10px;
	}

.epEditorForm textarea {
	width: 300px;
	height: 160px;
	}

.frmInputs {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
	}

.frmInputs li {
	display: block;
	padding: 7px 40px 8px 25px;
	border-bottom: 1px solid #b6b29f; 
	}

li.alignLeft {
	background: url("images/align_left.gif") no-repeat 0 4px;
	}

li.alignTop {
	background: url("images/align_top.gif") no-repeat 0 4px;
	}

li.alignRight {
	background: url("images/align_right.gif") no-repeat 0 4px;
	}

.epEditorForm div.inpAlign {
	padding: 0 0 0 25% !important;
	margin: 0 !important;
	}

.epEditorForm div.inpAlign input {
	margin-left: 10px;
	background: #98b7d6;
	border: 1px solid #5986b2;
	text-align: center;
	color: #2b4258;
	}

#uploading {
	margin: 20px 40px;
	padding: 8px 0 8px 40px;
	background: url("images/loading.gif") no-repeat 3px 50%;
	color: #71716f;
	font-weight: bold;	
	}
	
#imagePreviewHolder {
	padding: 10px;
	background: #fff !important;
	margin-bottom: 10px;
	}

#imagePreview p {
	margin: 0;
	}

p#previewImageProps {
	padding: 5px;
	}
	
.epButtons {
	padding-top: 10px;
	text-align: center;
	}

.epButtons img {
	border: 0;
	}