@charset "utf-8";

html {
  height: 100%;
  background-repeat: no-repeat;
  background: #f2f2f2; /* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#d4d4d4'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#d4d4d4)) fixed; /* for webkit browsers */
  background: -moz-linear-gradient(top,  #f6f6f6,  #d4d4d4) fixed; /* for firefox 3.6+ */
}

body {
  overflow: auto; /* this is a problem on iphone/ipad devices so it is overwritten in apple.css */
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', arial, verdana, helvetica, clean, sans-serif !important;
  font-size: 14px !important;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 22px;
}

img {
  border: 0 !important;
}

p {
  margin: 1em 0px !important;
}

hr {
  border-style: inset !important;
}

ul {
  list-style-type: disc !important;
}

ol {
  list-style-type: decimal !important;
}

pre, xmp, plaintext, listing {
  font-family: monospace;
  white-space: pre;
  margin: 1em 0px !important;
}

a:link {
  color: #146EB4;
}

a:hover {
  color: #146EB4;
}

a:visited {
  color: #146EB4;
}

a:active {
  color: #146EB4;
}

.link_like:hover {
  cursor: pointer;
  text-decoration: underline;
}

.pagecontent {
  width: 950px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  position: relative;
}

.pagecontent hr {
  border: 0;
  height:0px; 
  margin:0px;
  color:#CCC;
  background-color: #ccc; 
  /*clear:both;*/
}

.clear {
  clear: both;
}

.width_245 {
  width: 245px !important;
}

.wordwrap {
  word-wrap: break-word;
}

.text {
  text-align: justify;
}

.text ul {
  padding-left: 40px !important;
  margin-top: 14px !important;
}

.text ol {
  padding-left: 40px !important;
  margin-top: 14px !important;
}

.text ol li {
  color: #0071DB;
  font-weight: bold;
  margin-bottom: 0.5em;
  margin-left: 24px;
  padding-left: 0px;
}

.text ul li {
  background-image: url(../images/blue_bullet_2.png);
  background-position: 0px 0.6em;
  background-repeat: no-repeat;
  list-style-type: none;
  margin-left: 6px;
  padding-left: 14px;
  margin-bottom: 0.5em;
}

.text ul li.level2 {
  background-image: url(../images/green_bullet.png);
}

.text ol span {
  color: black;
  font-weight: normal;
}

.text xmp {
  padding: 0px;
  margin: 0px;
}

.text pre.zoom {
  position: relative;
  /* z-index: 9999; */
  color: grey;
  font-size: 75%;
  word-wrap: break-word;
  overflow-x: hidden;
  line-height: 12px;
  border-width: 1px;
  border-style: dotted;
  border-color: grey;
  padding: 5px !important;
}

.text pre.zoom:hover {
  color: #595959;
  font-size: 100%;
  /* word-wrap: normal; */
  overflow-x: auto;
  line-height: 18px;
  border-width: 2px;
  border-style: solid;
  border-color: grey;
  padding: 10px;
}

.text h1 {
  color: #2D8686;
  font-size: 170%;
  font-weight: normal;
  margin: 1.5em 0px 1em;
  padding: 0px;
}

.h1_like {
  color: #2D8686;
  font-size: 170%;
  font-weight: normal;
}

.text h2 {
  color: #004B91;
  font-size: 145%;
  font-weight: normal;
  margin: 1em 0px;
  padding: 0px;
}

.h2_like {
  color: #004B91;
  font-size: 145%;
  font-weight: normal;
}

.text h3 {
  color: #BD3F00;
  font-size: 120%;
  font-weight: normal;
  margin: 1em 0px;
  padding: 0px;
}

.h3_like {
  color: #BD3F00;
  font-size: 120%;
  font-weight: normal;
}

.text a {
  position: relative;
  color: #004B91;
  text-decoration: none;
  font-weight: normal;
  /* z-index: 9999; */
}

.text a:visited {
  color: #004B91;
}

.text a:hover {
  color: #002242;
  text-decoration: underline;
}

.caption {
  color: #146EB4;
  font-style: italic;
  text-align: center;
  padding-top: 5px !important;
}

.uppercase {
  text-transform: uppercase;
}

.font_larger {
  font-size: larger;
}

.weight_bold {
  font-weight: bold;
}

.title {
  color: #202060;
  font-size: 23px;
  font-weight: 600;
  margin: 0px 0px 13px;
  padding: 0px 0px 15px;
}

.mar_top_0 {
  margin-top: 0px !important;
}

.mar_top_5 {
  margin-top: 5px !important;
}

.mar_top_10 {
  margin-top: 10px !important;
}

.mar_top_15 {
  margin-top: 15px !important;
}

.mar_top_20 {
  margin-top: 20px !important;
}

.mar_top_25 {
  margin-top: 25px !important;
}

.mar_top_30 {
  margin-top: 30px !important;
}

.mar_bottom_20 {
  margin-bottom: 20px;
}

.mar_bottom_29 {
  margin-bottom: 29px;
}

.mar_bottom_35 {
  margin-bottom: 35px;
}

.mar_left_20 {
  margin-left: 20px;
}

.orangedk {
  color:#E47911;
}

.arrow_up {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url(../images/orange_arrow_up_2.png);
  background-repeat: no-repeat;
  background-position: top left;
}

.bold {
  font-weight:bold;
}

.txt110{
  font-size: 110%;
}

.no-underline a {
  text-decoration:none;
}

.yui-g {
  width: 75%;
  white-space:nowrap;
}

.yui-u {
  width: 48%;
  float: right;
}

.yui-g {
  zoom: 1;
}

.yui-g div.first {
  float: left;
}

.spacer {
  height: 5px;
}

.arrow_bullets ul li {
  margin-left: 6px;
  padding-left: 18px;
  list-style-type: none;
  vertical-align: top;
  background-image: url(../images/orange_arrow_down.png);
  background-repeat: no-repeat;
  background-position: top left;
  color: #146EB4;
  font-size: 120%;
  font-weight: bold;
}

.arrow_bullets_level_2  a {
  color: #004B91 !important;
}

.arrow_bullets_level_2 li {
  background-image: url(../images/orange_bullet.png) !important;
  background-position: 0px 0.5em !important;
  background-repeat: no-repeat !important;
  list-style-type: none !important;
  margin-left: 26px !important;
  padding-left: 14px !important;
  margin-bottom: 0.5em !important;
}

.tool_buttons {
  /*clear: both;*/
  float: right;
  margin: -27px 0px 5px 0;
}

.tool_buttons_home {
  /*clear: both;*/
  float: right;
  margin-right: 25px;
}

.tool_buttons img {
  border: 0px;
  margin-left: 5px;
}

#gwt_generic_table {
    border-spacing: 0px !important;
}

table.imagestable {
  background-color: transparent;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  border: none;
}

table.imagestable td {
  background-color: transparent;
  border: none;
  text-align: center;
}

table.imagestable td img {
  border: 14px solid #D6E3F2 !important;
  -moz-border-radius: 14px;
  -webkit-border-radius: 14px;
  border-radius: 14px;
}

.example_border {
  border: 1px solid #CCC;
  padding: 10px;
}

.gwt_loading {
  width: 936px; /* 950px - 2 * border */
  -moz-border-radius: 14px;
  -webkit-border-radius: 14px;
  border-radius: 14px;
  border: 7px solid #AEC9E5 !important;
  background-color: #D6E3F2;
  filter:alpha(opacity=50);
  opacity: 0.5;
  -moz-opacity:0.5;
  background-image:url(../images/loading_big.gif);
  background-repeat:no-repeat;
  background-position:center center;
}

.emphetize {
  color: rgb(217,149,148);
}