/*******************************************    
	Contains common styles to be included into front-end /extranet/cms/WYSIWYG editor
********************************************/

.clearFloat {
	clear: both;
}
/*******************************************  BREADCRUMB  *********************************************/

#breadCrumb {
	font-size: .6em;
	border-bottom: 1px #cfcfcf solid;
	margin: 0px 30px 0px 30px;
	padding: 0px 0px 10px 0px;
}
#breadCrumb a {
	font-weight: normal;
	color: #000000;
	background-image: url('/images/icons/ico-bc-arrow.gif');
	background-repeat: no-repeat;
	background-position: right center;
	padding: 0px 20px 0px 0px;
	margin: 0px 10px 0px 0px;
	text-decoration: underline;
	cursor: pointer;
}
#breadCrumb span {
	color: #ffffff;
	background-color: #cfcfcf;
	padding: 0px 3px 0px 3px;
}

/*****************************************  ARTICLE CONTENT   *******************************************************/

/*CMS Content List Boxes*/
.articleContent {
	margin-top: 25px;
	padding: 0px 0px 10px 0px;
	min-height:170px;
	height:auto !important;
	height:170px;
}
.hideContent {
    display: none;
}
.textAlignRight {
    text-align : right;
    margin-right: 70px;
}
.textAlignLeft {
    text-align : left;
}

/*backend font adjust */
fieldset .articleContent {
	font-size: 1.2em;
}

h1.TitleVisible {
    margin-top: 20px;
}
h1.TitleInvisible {
    display: none;
}

div.InvisibleEditableFloatRight, 
h2.InvisibleEditableFloatRight, 
h3.InvisibleEditableFloatRight, 
h4.InvisibleEditableFloatRight, 
input.InvisibleEditableFloatRight {
    width: 390px;
    float: right;
    display: none;
}
div.InvisibleEditableFloatLeft, 
h2.InvisibleEditableFloatLeft, 
h3.InvisibleEditableFloatLeft, 
h4.InvisibleEditableFloatLeft, 
input.InvisibleEditableFloatLeft {
    width: 390px;
    float: left;
    display: none;
}
div.EditableFloatRight, 
h2.EditableFloatRight, 
h3.EditableFloatRight, 
h4.EditableFloatRight, 
input.EditableFloatRight, 
p.EditableFloatRight {
    width: 390px;
    float: right;
}
div.EditableFloatLeft, 
h2.EditableFloatLeft, 
h3.EditableFloatLeft, 
h4.EditableFloatLeft, 
input.EditableFloatLeft,
p.EditableFloatLeft {
    width: 390px;
    float: left;
}
div.FloatRight, 
h2.FloatRight, 
h3.FloatRight, 
h4.FloatRight, 
p.FloatRight {
    width: 430px;
    float: right;
}
div.FloatLeft, 
h2.FloatLeft, 
h3.FloatLeft,
h4.FloatLeft, 
p.FloatLeft {
    width: 430px;
    float: left;
}
.borderBox .FloatLeft,
.borderBox .FloatRight {
	width: 400px;
}
.borderBox .EditableFloatLeft,
.borderBox .EditableFloatRight {
	width: 360px;
}

#mainContent fieldset h1 {
	border-bottom:2px solid #E50001;
	color:#E50001;
	font-family:impact,"arial narrow";
	font-size:1.5em;
	margin:0px 0px 19px;
	padding:0px 0px 1px;
	text-transform:uppercase;
	font-weight: normal;
}
/*Additional ClassName to include on the right of .articlContent*/
.borderNone		{border:0px #ffffff none !important;}
.borderBottom	{border-bottom: 1px #dfdfdf solid;}
.borderBox		{padding: 10px; position: relative;}

/*Additional style types*/
.topRight{
	font-size: .70em;
	float:right;
	position: absolute;
	top:-25px; 
	right:-10px;
}

.articleContent em {}

.articleContent .previewImage, .articleHomepage .previewImage {
    clear: right;
	float: right;
	margin: 0px 0px 10px 10px;
}
.articleContent .previewImageLeft, .articleHomepage .previewImageLeft {
	margin: 0px 10px 10px 0px;
	float: left;
}

.captionImage.previewImage {
	clear:right;
	margin: 0px 0px 10px 10px;
}

.fadeFont{
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;	
}

div.homepageAdminButtons {
    clear: both;
    margin: 20px 0px 20px 20px;
}

div.homepageAdminPopupButtons {
    white-space: nowrap;
    margin-top: 20px;
}

form#formHomepage {
    padding: 0px 0px 0px 0px;
    border: 0px;
}