/*
################################################################################
## div.column, div.panel-left, div.panel-right
################################################################################
*/

/* give every element in the column by default a white background and align left */
/*
div.column *,
div.panel-left *,
div.panel-right * {
  background-color: white;
  text-align: left;
  line-height: 1.3em;
}
*/

div.column > div,
div.panel-left > div,
div.panel-right > div {
  margin: 0em 0ex 1em 0ex;
  padding: 0em 0ex;
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  border-color: #ccddff;
  background-color: white;
}

div.column > div {
  overflow: auto;
}

div.panel-left > div,
div.panel-right > div {
  overflow: hidden;
}


/* remove leading margin of first element in each column block */
div.column > :first-child,
div.panel-left > :first-child,
div.panel-right > :first-child {
  margin-top: 0em;
  padding-top: 0em;
}

/* special treatment of headers in a column */
div.column h1,
div.column h2,
div.column h3,
div.column h4,
div.column h5,

div.panel-left h1,
div.panel-left h2,
div.panel-left h3,
div.panel-left h4,
div.panel-left h5,

div.panel-right h1,
div.panel-right h2,
div.panel-right h3,
div.panel-right h4,
div.panel-right h5 {
/*
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #CCDDFF;
*/
}

/* center align headers 1 and 2 and give them a colored background */
div.column h1,
div.column h2,

div.panel-left h1,
div.panel-left h2,

div.panel-right h1,
div.panel-right h2 {
  text-align: center;
  /* background-color: #dde1ef; */
  margin-top: 0em;
  background-color: #ccddff;
}

div.panel-left h1,
div.panel-left h2,

div.panel-right h1,
div.panel-right h2 {
  background-color: #FFFFFF;
  background-image: url(../media/images/header_shadow.jpg);
  background-repeat: repeat-x;
  background-position: left top;
  border-bottom: 1px solid #e67519;
  color: #001542; /* #002D8F; */
}

div.panel-left h2 a,
div.panel-right h2 a {
  color: black; /* #001542; */ /* #002D8F; */
}

div.column img,
div.panel-left img,
div.panel-right img {
  border: 0px;
  background-color: transparent;
}

div.column table,
div.panel-left table,
div.panel-right table {
  margin: 0.3em 0.5ex 0em 0.5ex;
}

div.column p.link,
div.panel-left p.link,
div.panel-right p.link {
  margin: 0em 0ex;
  padding: 0em 0ex 0em 3ex;
  background-image: url(../media/images/link_arrow);
  background-repeat: no-repeat;
  background-position: 0.2ex 0.3em;
  border-width: 1px;
  border-style: dashed;
  border-color: #CCDDFF;
  /* make the link's font size equal to <p> */
  font-size: 85%;
}

div.column p.link a,
div.panel-left p.link a,
div.panel-right p.link a {
  background-color: transparent;
  text-decoration: none;
}

div.column p,
div.panel-left p,
div.panel-right p {
  /* let all paragraphs start anew by default */
  clear: both;
}

div.column ul,
div.panel-left ul,
div.panel-right ul {
  
}

div.column a,
div.panel-left a,
div.panel-right a {
  font-weight: 700;
  color: #002D8F; /* #444444; */
  text-decoration: none;
}

div.column a:hover,
div.panel-left a:hover,
div.panel-right a:hover {
  text-decoration: underline;
}

.column-element-block p.body {
  /* let paragraphs in block elements float around images */
  clear: none;
}

div.panel-left .column-element-image,
div.panel-right .column-element-image {
  border-width: 0px;
  overflow: hidden;
}

div.panel-left .column-element-image img,
div.panel-right .column-element-image img{
  float: left;
}

.column-element-image {

}

.column-element-image p.body {
  clear: both;
  /* text-align: right; */
}

.column-element-table {

}

.column-element-table div.body {
  /* compensate Mozilla's border model that renders borders outside the block */
  padding: 1px;
  border-width: 0px;
  border-style: solid;
  border-color: #CCDDFF;
}

.column-element-table table {
  /* reset the table's default/style margins */
  margin: 0px;
  padding: 0px;
}

.column-element-table td {
  padding: 0px;
  border-width: 1px;
  border-style: solid;
  border-color: #CCDDFF;
}

div.column p.annotation,
div.panel-left p.annotation,
div.panel-right p.annotation {
  /* clear: both; */
  float: right;
  margin: 0.2em 0.5ex 0.5em 0.5ex;
  padding: 0em 0ex 0em 3ex;
  font-size: 80%;
  line-height: 0.8em;
  text-align: right;
  background-color: transparent; /* #CCDDFF; */
  background-image: url(../media/images/bullet_arrow);
  background-repeat: no-repeat;
  background-position: 0ex -0.2em;
}

.column-element-ordered-list {

}


/*
################################################################################
## div.panel-left div.panel-right
################################################################################
*/

div.panel-left,
div.panel-right {
  padding: 0px;
  background-color: white;
  text-align: left;
  line-height: 1em;
  border-style: solid;
  /* border-color: #EAF1FF #EAF1FF #CCDDFF #CCDDFF; */
  background-image: url(../media/images/sheet_shadow.jpg);
  background-repeat: repeat-x;
  background-position: left bottom;
}

div.panel-left {
  border-width: 1px 1px 0px 1px; /* 2px; */
  border-color: #ebf4fc #ebf4fc #d1dae2 #c8c8c8; /* #d1dae2; */
}

div.panel-right {
  border-width: 1px 1px 0px 1px; /* 2px; */
  border-color: #ebf4fc #ebf4fc #d1dae2 #c8c8c8; /* #d1dae2; */
}