





/* Typography */

p, .intro {
	margin-top: 10px;
	margin-bottom: 20px;	
}

.contentdescription {
	padding-bottom: 15px;
}

p, ul, ol {
	text-align: justify;
	line-height: normal;
}

ul {
	list-style: url(images/templates-mt_sobitterred-images-breadcrumbs-sep.png);
	margin-bottom: 20px;	
}

ol {
	list-style: decimal;
	margin-bottom: 20px;	
}

li {
	margin-bottom: 5px;
}

.contentpane,
.contentpaneopen,
form,
table {
	width: 100%;
	text-align: left;	
}

table td {
	padding: 5px;
}

.contenttoc {
	margin-bottom: 25px;
}

.component-header .componentheading,
.componentheading {
	font-size: 20px;
	color: #4c4c4c;
	font-weight: bold;
	background: none;
	padding: 0;
}

.contentheading {
	font-size: 18px;
	font-weight: bold;
	color: #883035;
}

h1, h2, h3, h4, h5, h6,
.contentheading,
.componentheading {
	margin-bottom: 10px;
}

h3, h4, h5, h6 {
	color: #4c4c4c;
}

h1 {
	background: #fff url(images/templates-mt_sobitterred-images-list-style-image.png) center left no-repeat;
	color: #883035;
	padding: 0 0 0 17px;
	font-size: 23px;
}

h2 {
	color: #883035;
	font-size: 20px;
}

h3 {font-size: 18px;}
h4 {font-size: 16px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}

p.dropcap {
	overflow: hidden;
	margin: 20px 5px 20px 25px;
}

span.dropcap {
	font-size: 40px;
	color: #4c4c4c;
	display: block;
	float: left;
	margin-right: 5px;
	margin-top: 0;
}

blockquote {
	color: #000;
	font-style: italic;
	font-size: 14px;
	padding: 15px 0 15px 10%;
	width: 90%;
}

blockquote strong {
	color: #4c4c4c;
}

/* Notice Styles */
.alert {
	background: url(images/templates-mt_sobitterred-images-typo-alert-bg.png) repeat-x;
	border-right: 1px solid #fbeaea;
	border-bottom: 1px solid #f2c2c2;
	color: #e96f6f;
	font-weight: bold;
	margin-bottom: 20px;
}

.approved {
	background: url(images/templates-mt_sobitterred-images-typo-approved-bg.png) repeat-x;
	border-right: 1px solid #eafbec;
	border-bottom: 1px solid #c2f2c7;
	color: #7ac782;
	font-weight: bold;
	margin-bottom: 20px;
}

.warning {
	background: url(images/templates-mt_sobitterred-images-typo-warning-bg.png) repeat-x;
	border-right: 1px solid #f8f9ea;
	border-bottom: 1px solid #ecedc0;
	color: #d5be5e;
	font-weight: bold;
	margin-bottom: 20px;
}

.info {
	background: url(images/templates-mt_sobitterred-images-typo-info-bg.png) repeat-x;
	border-right: 1px solid #eef2fc;
	border-bottom: 1px solid #cdd9f6;
	color: #90a6da;
	font-weight: bold;
	margin-bottom: 20px;
}

.quote {
	background: url(images/templates-mt_sobitterred-images-typo-quote-bg.png) repeat-x;
	border-right: 1px solid #f2f2f2;
	border-bottom: 1px solid #d9d9d9;
	color: #606060;
	font-weight: bold;
	margin-bottom: 20px;
}

.alert .typo_icon {
	background: transparent url(images/templates-mt_sobitterred-images-typo-alert-icon.png) no-repeat 5px 14px;
}

.approved .typo_icon {
	background: transparent url(images/templates-mt_sobitterred-images-typo-approved-icon.png) no-repeat 5px 14px;
}

.warning .typo_icon {
	background: transparent url(images/templates-mt_sobitterred-images-typo-warning-icon.png) no-repeat 5px 14px;
}

.info .typo_icon {
	background: transparent url(images/templates-mt_sobitterred-images-typo-info-icon.png) no-repeat 5px 14px;
}

.quote .quote_left {
	background: transparent url(images/templates-mt_sobitterred-images-typo-quote-l.png) no-repeat 5px 14px;
}

.quote .quote_right {
	background: transparent url(images/templates-mt_sobitterred-images-typo-quote-r.png) no-repeat 100% 100%;
}

.quote_right {
	display: block;
	padding: 0 20px 0 0;
}

.typo_icon, .quote_left {
	background: none;
	margin: 15px 0 15px 10px;
	display: block;
	padding: 12px 8px 30px 35px;
}

span.inset_right,
span.inset_left {
	display: block;
	text-align: left;
	position: relative;
	width: 160px;
}

span.inset_right {
	float: right;
	margin: 20px;
}

span.inset_left {
	float: left;
	margin: 20px 20px 20px 35px;
}

span.inset_title {
	font-weight: bold;	
}

