/* ======================================================
 *                        Typography
 * ====================================================== 
 */
 
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
 
a { text-decoration: none; }
a:hover { text-decoration: underline; }

.componentheading {}
.contentheading {}

#wce-breadcrumbs { font-size: 90%; }

/* --------------------------------------------- dropcaps
 */
  
span.dropcap, 
span.dropcap-blue, 
span.dropcap-red, 
span.dropcap-green, 
span.dropcap-purple, 
span.dropcap-orange, 
span.dropcap-brown, 
span.dropcap-grey {
  display: block;
  font-size: 260%;
  float: left;
  margin: 0px 4px 0 0;
  line-height: 100%;
}

/* -------------------------------------------------- pre
 */
  
pre { font-size: 120%; padding: 10px;}


/* ------------------------------------------- blockquote
 */
  
blockquote {
  display: block;
  width: auto;
  padding: 10px 20px 15px 20px;
  margin: 15px 0;
}


blockquote.blue, 
blockquote.red, 
blockquote.green, 
blockquote.purple, 
blockquote.orange, 
blockquote.brown, 
blockquote.grey {
  text-align: center;
}

blockquote.quotes {
  display: block;
  padding: 0px 20px 0 38px;
  margin: 20px 0;
  width: auto;
  color: #666;
  border: 0;
}

blockquote.quotes p {
  padding: 0 38px 0 0;
  margin-top: 0;
}

/* -------------------------------------------- important
 */
  
.important, 
.important-blue, 
.important-red, 
.important-green, 
.important-purple, 
.important-orange, 
.important-brown, 
.important-grey {
  padding: 15px;
  margin: 15px 0;
}

span.important-title, 
span.important-title-blue, 
span.important-title-red, 
span.important-title-green, 
span.important-title-purple, 
span.important-title-orange, 
span.important-title-brown, 
span.important-title-grey {
  position: absolute;
  display: block;
  margin-top: -24px;
  padding: 0 8px;
  font-weight: bold;
  font-size: 120%;
}

/* ---------------------------------------------- notices
 */

span.attention, 
span.notice,
span.notice2, 
span.alert, 
span.download, 
span.approved, 
span.media, 
span.note, 
span.cart, 
span.camera, 
span.doc {
  display: block;
  text-align: center;
  padding: 8px 10px 8px 10px;
  margin: 15px 0;
}

/* -------------------------------------------- highlight
 */

span.highlight { padding: 1px 2px; }
span.highlight-blue {}
span.highlight-red {}
span.highlight-green {}
span.highlight-purple {}
span.highlight-orange {}
span.highlight-brown {}
span.highlight-grey {}
span.highlight-bold { font-weight: bold; font-size: 120%;}


/* ------------------------------------------------ inset
 */

span.inset-left {
  display: block;
  padding: 15px;
  float: left;
  width: 20%;
  font-size: 110%;
  font-weight: bold;
  font-style: italic;
}
span.inset-right {
  display: block;
  padding: 15px;
  float: right;
  width: 20%;
  font-size: 110%;
  font-weight: bold;
  font-style: italic;
}

/* ADDITIONS TO beginnings */ 
.frc-question { line-height: 30px; }
.frc-col1 { width: 30%; float: left; margin-left: 60px; }
.frc-col2 { width: 50%; }
.frc-question ul { margin: 0 0 50px 60px; padding: 0; }
.frc-question li { margin: 0; padding: 0; line-height: 160%; }

.frc-title { line-height: 30px; font-weight: bold; }
.frc-content ul { margin: 0 0 50px 60px; padding: 0; }
.frc-content li { margin: 0; padding: 0; line-height: 160%; }

/* Bignumber */
.blocknumber {
	clear: both;
	padding: 5px 15px 10px 0;
	position: relative;
}

.bignumber {
	background: url(../images/ol-bg.gif) no-repeat 14px 2px;
	color: #ffffff;
	display: block;
	float: left;
	text-align: center;
	font: bold 14px/22px Arial, sans-serif;
	margin-right: 2px;
	padding: 2px 0 0 9px;
	width: 32px;
}

hr {
  margin-top:15px;
  height: 1px;
  color: #cccccc;
}

/* Legend */
.legendFRC-title {
	background: #ffffff;
	font-size: 90%;
  display: block;
	float: left;
	font-weight: bold;
	left: 7px;
	margin: 0;
	padding: 0 13px;
	position: absolute;
	top: -13px;
}

.legendFRC {
	border: 1px solid #cccccc;
	width: 85%;
  margin: 30px 25px 20px 25px;
	padding: 20px 20px 20px 20px;
	position: relative;
}

/* condition */

.frc-condition p {
  padding: 0;
  margin: 0;
}

.frc-condition h3 {
  font-weight: normal;
  font-size: 90%;
  color: #979772;
  padding: 0;
  margin: 15px 0 0 0;
}
.frc-condition h4 {
  font-weight: normal;
  color: #979772;
  font-size: 90%;
  padding: 0;
  margin: 15px 0 0 0;
}

/* notes */
.note, .note-ol,
.note-green, .note-ol-green,
.note-pink, .note-ol-pink,
.note-yellow, .note-ol-yellow,
.note-grey, .note-ol-grey,
.note-blue, .note-ol-blue,
.note-blue2, .note-ol-blue2 {
  width: 20%;
  float: right;
  padding: 5px 15px 5px 15px;
  margin: 10px 15px 15px 15px;
  font-size: 80%;
  line-height: 150%;
}

div.frc-condition .note, div.frc-condition.note-ol,
div.frc-condition .note-green, div.frc-condition.note-ol-green,
div.frc-condition .note-pink, div.frc-condition.note-ol-pink,
div.frc-condition .note-yellow, #frc-condition.note-ol-yellow,
div.frc-condition .note-grey, #frc-condition.note-ol-grey,
div.frc-condition .note-blue, #frc-condition.note-ol-blue,
div.frc-condition .note-blue2, #frc-condition.note-ol-blue2 {
  padding: 10px 15px 15px 15px;
}

.note-ol,
.note-ol-green,
.note-ol-pink,
.note-ol-yellow,
.note-ol-grey,
.note-ol-blue,
.note-ol-blue2 {
  border: 1px solid #e3e3e3;
}

.note { background: #e9f2d5; }
.note h3, .note-ol h3 { color: #7f943b; border-bottom: 2px solid #9db74a; }

.note-green { background: #e9f2d5; }
.note-green h3, .note-ol-green h3 { color: #7f943b; border-bottom: 2px solid #9db74a; }

.note-tape-green { color: #4c5e47; margin: 20px; padding: 20px 0 10px 20px; background: #eaf2d5 url(../images/light/notes/note-tape-g.jpg) 0 0 no-repeat; }
.note-tape-green h3 { color: #7f943b; border-bottom: 2px solid #9db74a; }

.note-pink { background: #f7ede1; }
.note-pink h3, .note-ol-pink h3 { color: #c37143; border-bottom: 2px solid #d78354; }

.note-yellow { background: #f2f2d6; }
.note-yellow h3, .note-ol-yellow h3 { color: #bbb749; border-bottom: 2px solid #d5d04e; }

.note-grey { background: #e8e8e8; }
.note-grey h3, .note-ol-grey h3 { border-bottom: 2px solid #b6c8c8; }
.note-grey h3 { color: #859090; }
.note-ol grey h3 { color: #586060; }

.note-blue { background: #eef7f6; }
.note-blue h3, .note-ol-blue h3 { color: #b67c44; border-bottom: 2px solid #cd9967; }

.note-blue2 { background: #dff3f2; }
.note-blue2 h3, .note-ol-blue2 h3 { color: #3d7c82; border-bottom: 2px solid #4a939a; }

.green { background: #e9f2d5; }
.pink { background: #f7ede1; }
.yellow { background: #f2f2d6; }
.grey { background: #e8e8e8; }
.blue { background: #eef7f6; }
.blue2 { background: #dff3f2; }
.green h3,
.pink h3,
.yellow h3,
.grey h3,
.blue h3,
.blue2 h3 { margin: 0; }

/* added */
.wce_footnote {
  color: #888;
  font-size: 90%;
}

.wce_footnote_asterik {
  color: #d87d00;
}