/*
  *******************************************************
  ROUND CORNERS (ie)
  *******************************************************
 */
.roundCornerTopLeft {
	position:absolute;
	margin-left:0px;
	margin-top:2px;
}
.roundCornerTopRight {
	margin-left:10px;
	margin-top:2px;
}
.roundCornerBottomLeft {
	position:absolute;
	margin-left:0px;
	margin-top:-15px;
}
.roundCornerBottomRight {
	margin-left:10px;
	margin-top:-15px;
}
/*
  *******************************************************
  class: figure
  There is a lot of stylesheets here to creat some
  borders around a figure. This is not done in html to
  accomplish the html-code generic.
  there are also a lot of rules to neutralize the rules
  for a figure in an example.
  *******************************************************
 */
.figure,
#exercises .figure {
/* border-left:solid 16px #336699; */
	width:480px;
	margin-top:12px;
	margin-bottom:12px;
}
.figure thead td {
	font-size:11px;
	font-weight:bold;
	vertical-align:middle;
	height:24px;
}
.figure tbody td {
/* border-right:solid 16px #99CCFF; */
	background-color:#EAEAEA;
}
/******************************************************
different properties are set different
when a figure is structured
whitin an example or an instruction
*******************************************************/
.example .figure, .instruction .figure {
	border-left:0px;
	width:480px;
	margin-top:12px;
	margin-bottom:12px;
}
.example .figure thead td, .instruction .figure thead td {
	color:black;
	font-size:11px;
	font-weight:bold;
	vertical-align:middle;
	background-color: #EAEAEA;
/* this is the same color as the example */
	height:24px;
	border-right:0px;
}
/*
  prevent the visual environment from figure class
  when a figure is published in an example or an instruction.
 */
.example .figure tbody td {
	border: 0px;
	background-color:#EAEAEA;
/* this is the same color as the example */
	text-align:center;
}
.example .figure tbody table td, .instruction .figure tbody table td {
	border-width:0px;
	text-align:left;
}
.instruction .figure tbody td {
	border: solid 0px black;
	background-color:#EAEAEA;
/* this is the same color as the example */
	text-align:center;
}
.figure tbody td td {
	border-width:0px;
}
.figure tfoot td {
	height:16px;
	border-right:solid 16px white;
}
/* neutralize the footer in a figure */
.figure table tfoot td {
	padding-top:12px;
	height:16px;
	border-right:0px;
}
.example .figure tfoot td,.instruction .figure tfoot td {
	background-color:#EAEAEA;
/* this is the same color as the example */
	height:0px;
	border-right:1px;
}
.figure table td {
	padding:0px 4px 0px 4px;
}
.figure table {
	margin: 15px 0px  15px 15px;
}
.figure embed {
	margin:12px 0px 12px 12px;
}
/*
  *******************************************************
  EXAMPLE
  *******************************************************
 */
div.example {
	background-color: #EAEAEA;
	padding: 12px;
	margin:   0px  0px 24px  0px;
}
/*
  *******************************************************
  EXPLANATION
  *******************************************************
 */
div.explanation {
	padding:14px;
	border-left:solid 2px #99ccff;
	border-top:solid 2px #99ccff;
	margin:0px;
	margin-top:14px;
}
div.explanation h5 {
	margin-top:0px;
}
/*
  *******************************************************
  INTERMEZZO
  *******************************************************
 */
div.intermezzo {
	background-color: #CC99FF;
	padding: 12px;
	margin:   0px  0px 24px  0px;
}
/*
  *******************************************************
  INSTRUCTION
  *******************************************************
 */
div.instruction {
	background-color: #FF6666;
	padding: 12px;
	margin:   0px  0px 24px  0px;
}
/*
  *******************************************************
  PHRASE
  *******************************************************
 */
.phrasecorrect, .phrasedubious, .phraseincorrect, .phraseregional, .phrasearchaic, .phrasewritten, .phrase, .phrasespoken {
	margin:12px 0px 12px 16px;
	line-height: 11pt;
	text-align: left;
	vertical-align: top;
	color: #000066;
	background-color:White;
}

.phrasecorrect 
{
    color: #008000;
}

.phrasedubious 
{
    color: #FF4500;
}

.phraseincorrect 
{
    color: #FF0000;
}

.phraseregional 
{
    color: #2F4F4F;
}

.phrasearchaic 
{
    color: #4B0082;
}

.phrasewritten, .phrase
{
    color: #000000;
}

.phrasespoken 
{
    color: #00FF00;
}

.phrasecorrect, .phrasedubious, .phraseincorrect, .phraseregional, .phrasearchaic, .phrasewritten, .phrasespoken td {
}
/*
  *******************************************************
  RULE
  sometime called instruction. We use rule here because it
  fits the matching dtd-element
  *******************************************************
 */
.rule {
	margin-left: -19px;
	margin-top: 12px;
	padding-left:56px;
	border-left: 3px solid #000066;
}
.rule p {
	line-height: 11pt;
	margin-top: 0px;
}
/*
  *******************************************************
  EXCEPTION
  *******************************************************
 */
.exception {
	padding-left: 40px;
	line-height: 11pt;
	text-align: left;
	vertical-align: top;
	margin-top:11px;
}
.exception p {
	line-height: 11pt;
}
/*
  *******************************************************
  QUOTATION
  *******************************************************
 */
table.quote {
	margin-top: 12px;
	margin-bottom: 12px;
	font-style:italic;
}
table.quote P {
	line-height: 14px;
	font-size : 11px;
}
table.quote TFOOT TD P {
	margin-top:0px;
}
.quote H3 {
	margin-top:0px;
	margin-bottom:0px;
	font-weight:normal;
	font-style:italic;
}
/*
  *******************************************************
  JUDGEMENT
  *******************************************************
 */
div.judgement {
	margin-left:16px;
}
div.judgement H6 {
	font-style: normal;
}
/*
  *******************************************************
  CLIPPING
  *******************************************************
 */
.clipping {
	font-family: times;
	margin-top: 12px;
	margin-bottom: 12px; 
	margin-Left:31px;
	background-color: #dddddd;
	width: 90%;
}
.clipping span {
 	padding-right:5px; 
}
.clipping .introduction {
	font-weight:bold;
}
.clipping thead td {
 	padding-bottom:10px;
	padding-top: 15px; 
}
.clipping tfoot td p {
	margin-top:-7px; 
}
.clipping hr {
	background-color: black;
	height:4px;
}
.clipping td {
 	padding-left: 16px;
	padding-bottom: 16px;
	padding-right: 16px; 
	line-height: 12pt;
}
.clipping p {
	font-size: 13px;
 	margin-top: 12px;
	margin-bottom: 0px;
	margin-right: 16px; 
}
.clipping li p {
 	margin-top: 0px;
	margin-bottom: 0px; 
}
.clipping h1 {
 	margin-top: 0px;
	margin-bottom: 0px; 
	font-size: 23px;
	line-height: 21px;
	font-weight: bold;
	display:block;
}
.clipping h2 {
	margin-top: 0px;
	margin-bottom: 12px; 
	font-size: 21px;
	line-height: 21px;
	font-weight:normal;
	font-style:normal;
	display:block;
}
.clipping h3 {
	font-size:18px;
	font-weight:normal;
	font-style:normal;
}
/*
  *******************************************************
  JOURNAL-ENTRY
  *******************************************************
 */
.journal-entry {
	color:black;
	font-family:Verdana;
	border:0px;
	margin:0px;
	margin-bottom:12px;
	padding:0px;
	border-collapse: collapse;
}
.journal-entry td {
	margin:0px;
	padding:0px 10px 0px 0px;
	border-bottom:solid #99CCFF 1.5px;
	border-collapse: collapse;
}
.journal-entry P {
}
.journal-entry .col1 {
	width:22px;
	text-align:left;
}
.journal-entry .col2 {
	width:200px;
	text-align:left;
}
.journal-entry .col3 {
	width:10px;
	text-align:right;
}
.journal-entry .col4 {
	width:60px;
	text-align:right;
}
/*
  *******************************************************
  balance-sheet
  *******************************************************
 */
.balance-sheet, .journal-entry {
	margin:0px 0px 12px 0px;
	background-color: #EAEAEA;
	border:solid 12px #EAEAEA;
}
.balance-sheet thead td {
	color:black;
	font-weight:bold;
	vertical-align:middle;
	height:24px;
	border-right:0px;
}
.balance-sheet TD {
	padding:12px;
}
/*
  styling is different when a balance-sheet
  is published within an example.
 */
.example .balance-sheet {
	border: solid 1px black;
}
/*
  *******************************************************
  layout
  *******************************************************
 */
.layout {
	margin:0px 0px 12px 0px;
}
.layout TD {
	padding:0px 15px 0px 0px;
}
/*
  *******************************************************
  realia
  cartoon
  photograph
  *******************************************************
 */
.realia, .cartoon, .photograph {
	margin:0px 0px 12px 0px;
}
/*
  *******************************************************
  emphasis
  *******************************************************
 */
.correct {
	color: Green;
}
.incorrect {
	color: Red;
}

/*
  *******************************************************
Table with ID4
  *******************************************************
 */
 .Table4 {
	font-size: 12px;
}

/*
  *******************************************************
Case embedded
  *******************************************************
 */
div.case-embedded
{
	background-color: #CCFF66;
	padding: 12px;
	margin:   0px  0px 24px  0px;
}

/*
  *******************************************************
Case opening
  *******************************************************
 */
div.case-opening
{
	background-color: #FF9966;
	padding: 12px;
	margin:   0px  0px 24px  0px;
}

/*
  *******************************************************
Steps
  *******************************************************
 */
div.steps
{
	background-color: #6666FF;
	color: #FFFFFF;
	padding: 12px;
	margin:   0px  0px 24px  0px;
}

/*
  *******************************************************
Central example
  *******************************************************
 */
div.central-example
{
	background-color: #00FFFF;
	padding: 12px;
	margin:   0px  0px 24px  0px;
}

/*****************************************************/
/*  tips  */
/*****************************************************/
.tipPlaceHolder {
  position:absolute;
  padding:8px 0px 0px 8px;
  margin:-10px 0px 0px 0px;
  left:0px;
}

.example .tipPlaceHolder {
  left:-40px;
}

.tipPlaceHolder IMG { 
  cursor: pointer;
}

.icon {
  width:32px;
}

.icon img {
  display:inline;
}

.icon hr {
  border:solid 1px;
  height:1px;
  position:relative;
  top:-18px;
  left:9px;
  width:11px;
}

.iconPlaceHolder {
  position:absolute;
  margin:-10px 0 0 -60px;
  padding:8px 0px 0px 8px;
}

.overlayPlaceHolder {
  display:none;
  margin-top:0px;
  width:1000px;
  left:60px;
  position:absolute;
  z-index:5;
  font-size: 10pt;
}

.overlayTextholder {
  display:block;
  height:37px;
  width:675px;
  left:-55px;
  margin:-10px 0px 0px 0px;  
  padding:8px 0px 8px 0px;
  border-left:solid 50px;
  position:absolute;
  background-color: #CDCDCD;
  border-left-color:  #CDCDCD;
}