html {
  font-size: 12px;
  font-family:Verdana, Arial, sans-serif;
}
body
{
  background-image:url('../images_cdim/background.png');
  background-repeat:repeat-x;
  background-color:#FFFFFF;
  width:100%;
  height:100%;
  text-align:center;
  margin:0px;
  padding:0px;
  color:#000000;
  /*
  font-family:Verdana, Arial, sans-serif;
  font-size:12px;
  */
}

h1
{
  /*font-size:20px;*/
  font-size: 1.666rem;
  color:#10427b;
  margin-top:20px;
  margin-bottom:10px;
}

h2
{
  /*font-size:14px;*/
  font-size: 1.166rem;
  color:#7095BF;
  margin-top:0px;
  margin-bottom:5px;
}

h3
{
  /*font-size:12px;*/
  font-size: 1rem;
  font-style:italic;
  color:#7095BF;
  margin-top:0px;
  margin-bottom:5px;
}

p
{
  /*font-family:Verdana, Arial, sans-serif;*/
  /*font-size:12px;*/
  font-size: 1rem;
}

td
{
  /*font-family:Verdana, Arial, sans-serif;*/
  /*font-size:12px;*/
  font-size: 1rem;
}

span
{
  /*font-family:Verdana, Arial, sans-serif;*/
  /*font-size:12px;*/
  font-size: 1rem;
}

form
{
  margin:0px;
  padding:0px;
}

text-area
{
  /*font-family:Verdana, Arial, sans-serif;*/
  /*font-size:12px;*/
  font-size: 1rem;
}

.float-left { float:left; }

a {
  text-decoration:none;
  color:#10427b;
  font-weight:bold;
  /*font-size:12px;*/
  font-size: 1rem;
}
a:hover { color:#6e94bd; }

hr.separator
{
  width:100%;
  height:1px;
  margin-left:0px;
  margin-top:0px;
  text-align:left;
  border-top: solid 1px #aabbcc99;
  border-left: none;
  border-right: none;
  border-bottom: none;
}

div.button-group
{
  float:right;
  margin-top:25px;
  margin-right:20px;
  margin-bottom:0px;
  width:auto;
}

a.button-item img
{
  /*float:right;*/
  padding-left:3px;
  padding-right:3px;
}

.button-separator
{
  width:15px;
}

#shadow-left
{
  width:10px;
  background-image:url('../images_cdim/shadow-left.png');
}

#shadow-right
{
  width:10px;
  background-image:url('../images_cdim/shadow-right.png');
}

#wrapper-content
{
  background-color:#ffffff;
  text-align:left;
}
#wrapper-table
{
  margin-left:auto;
  margin-right:auto;
}
#main-content
{
  margin-left:5px;
}

/* Smaller screen sizes (default) */
#wrapper-table
{
  width:1020px;
}
#wrapper-content
{
  width:1000px;
}
#main-content
{
  width:780px;
}
/* Normal screen sizes (e.g. 1920x1080) */
@media screen and (min-width: 1370px) {
  #wrapper-table {
	 width:1140px;
  }
  #wrapper-content {
	width:1120px;
  }
  #main-content {
	 width:900px;
  }
}

#wrapper-content-table
{
  width:100%;
  height:100%;
}

#header
{
  width:100%;
  height:150px;
  /*background-color:#10427b;*/
  background-color:#183E77;
}

#header table { width:100%; }

#header-logo
{
  width:474px;
  height:55px;
  background-image:url('../images_cdim/logo.png');
  margin-left:20px;
}

#menu
{
  width:100%;
  height:52px;
  background-image:url('../images_cdim/menu.png');
}

.menu-item
{
  float:left;
  padding: 5px 24px 5px 24px;
  margin-top:15px;
  background: transparent url('../images_cdim/menu-separator.png') no-repeat right;
}

.menu-item a {
  text-decoration:none; color:#10427b;
  font-weight:bold;
  /*font-size:12px;*/
  font-size: 1rem;
}
.menu-item a:hover { color:#6e94bd; }

.submenu-item
{
  width:150px;
  text-align:left;
  padding:12px 10px 12px 30px;
  margin-top:1px;
  margin-left:4px;
  background:#9fbfe3 url('../images_cdim/bullet.png') no-repeat 10px;
}
.submenu-content
{
  width:186px;
  text-align:left;
  padding:8px 0px 0px 0px;
  margin-top:8px;
  margin-left:10px;
  background: #fff;
}

.submenu-content > img.bsi_logo {
	width: 82%;
	margin-left: 12px;
}

.submenu-item a { text-decoration:none; color:#10427b; font-weight:bold; }
.submenu-item a:hover { color:#ffffff; }

#wrapper-login
{
  background-color:#d4e2f2;
  width:190px;
  margin-top:20px;
  margin-bottom:15px;
  color:#10427b;
  margin-left:4px;
  padding-top:3px;
  padding-bottom:3px;
}

#wrapper-login table tr td { color:#10427b; }

.content-photo {
	width: 98%;
}

#footer
{
  width:100%;
  height:59px;
  background-image:url('../images_cdim/footer.png');
  padding-top:1px;
}

#footer div
{
  color:#ffffff;
  text-align:center;
  margin-top:20px;
}
#footer div a { color:#ffffff; }

div.action { float:right; }
div.action div { margin-bottom:5px; }

div.tool_button { float:right; margin-top:25px; }

.cell_table
{
}
.cell_header
{
  background-color: #7095BF;
  text-align: left;
 	vertical-align: top;
  padding-top: 3px;
  padding-right: 3px;
  padding-bottom: 3px;
  padding-left: 0px;
  color: #ffffff;
  /*font-size:12px;*/
  font-size: 1rem;
}
.cell_header a { color: #ffffff; }
.cell_header a:hover { color: #F0F0F0; }

.cell_header_act
{
  background-color: #7095BF;
  text-align: left;
 	vertical-align: top;
  padding: 3px;
  color: #ffffff;
}
font.cell_header
{
  font-weight: bold;
}
.cell_list
{
  vertical-align: top;
  border: none;
  padding: 2 2 2 2;
}
.cell_odd
{
  vertical-align: top;
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom:solid 1px #10427b;
}
.cell_odd_flag
{
  vertical-align: top;
  padding: 2 2 2 2;
  border-bottom:solid 1px #10427b;
}
.cell_even
{
  vertical-align: top;
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom:solid 1px #10427b;
  background-color: #DEEBFB;
}
.cell_even_flag
{
  vertical-align: top;
  padding: 2 2 2 2;
  border-bottom:solid 1px #10427b;
  background-color: #DEEBFB;
}
.cell_colored
{
 	vertical-align: top;
  padding: 2 2 2 2;
  border-bottom:solid 1px #10427b;
  background-color:#DEEBFB;
}

table.summary_graph
{
}
tr.summary_graph
{
 border: none;
 padding: 0 0 0 0;
 margin: 0 0 0 0;
}
th.summary_graph
{
  text-align:left;
  color:#6e94bd;
  /*font-size:14px;*/
  font-size: 1.166rem;
}
td.summary_graph_all_firstcol
{
  font-weight: bold;
  text-align: left;
  vertical-align: top;
  margin: 0px;
}
td.summary_graph_all
{
  text-align: left;
	vertical-align: top;
  margin: 0px;
}
td.summary_graph_firstcol
{
  font-weight: bold;
  text-align: left;
	vertical-align: top;
  margin: 0px;
}
td.summary_graph
{
  text-align: left;
	vertical-align: top;
  margin: 0px;
}
td.summary_separator
{
  padding: 0px;
  height: 0px;
}

#action_menu
{
  margin-right: 0px;
  margin-left: 8px;
  float:right;
  width:100px;
}

#action_menu #action_menu_header
{
  padding:5px 10px 5px 10px;
  font-weight:bold;
  background-color:#7095BF;
  color:#FFFFFF;
}

#action_menu .action_menu_link
{
  padding:2px 10px 2px 10px;
  background-color:#D4E2F2;
  text-align:center;
}

input.error
{
  background-color:#FDC9C9;
}

button { position: relative; border: 0; padding: 0; cursor: pointer; overflow: visible; }
button::-moz-focus-inner { border: none; }
button span { position: relative; display: block; white-space: nowrap; }
@media screen and (-webkit-min-device-pixel-ratio:0) { button span { margin-top: -1px; } }
button.submitBtn
{
  height:27px;
  background: transparent url('../images_cdim/button-normal-left.png') no-repeat left top;
  text-align: left;
}

button.submitBtn span
{
  font-weight:bold;
  color:#10427b;
  margin-left:6px;
  line-height:15px;
  height:15px;
  padding: 5px 10px 7px 5px;
  vertical-align:top;
  background: transparent url('../images_cdim/button-normal-right.png') no-repeat right;
}
button.submitBtn span img { vertical-align:top; margin-right:5px; }
button.submitBtn:hover, button.submitBtnHover { background: transparent url('../images_cdim/button-hover-left.png') no-repeat left top; }
button.submitBtn:hover span, button.submitBtnHover span  { background: transparent url('../images_cdim/button-hover-right.png') no-repeat right; }

button.submitBtn_high
{
  height:27px;
  background: transparent url('../images_cdim/button-high-left.png') no-repeat left top;
  text-align: left;
}

button.submitBtn_high span
{
  font-weight:bold;
  color:#10427b;
  margin-left:6px;
  line-height:15px;
  height:15px;
  padding: 5px 10px 7px 5px;
  vertical-align:top;
  background: transparent url('../images_cdim/button-high-right.png') no-repeat right;
}
button.submitBtn_high span img { vertical-align:top; margin-right:5px; }

.tabSelected { border-bottom:solid 1px #D4E2F2;background-color:#D4E2F2;}
.tabNormal { border-bottom:solid 1px #10427B;background-color:#9FBFE3;}

.prop { height:100px; float:right; width:1px; }
.clear { clear:both; height:0px; overflow:hidden; line-height:0px; font-size:0px; }


/* NEW STYLES 2024 FROM HERE */
body {
  background-color: white;
  background-image: url('../images_cdim/page-gradient-2.png');
	background-repeat: repeat-x;
}
#header
{
  background-color:white;
  color: #10427b;
  height: 92px !important;
}
#header-logo
{
  width:800px;
  height:55px;
  background-image:url('../images_cdim/logo-cdi-transparant.png');
  background-repeat: no-repeat;
  margin-left: 4px !important;
  margin-top: 12px !important;
  padding-left: 16px;
  padding-top: 54px !important;
  font-style: italic;
  font-size: 12px;
  color: #10427b !important;
}
#menu
{
  /*width:100%;*/
  height:52px;
  background-image: none;
  background-color:#10427b;
  /*width: calc(100% - 0px);*/
  width: 100%;
  margin-left: 0px;
}

.menu-item
{
  float:left;
  padding: 5px 24px 5px 24px;
  margin-top:15px;
  background: transparent url('../images_cdim/menu-separator.png') no-repeat right;
}

.menu-item a {
  text-decoration:none;
  color: white;
  font-weight:bold;
  font-size: 1rem;
  /*color:#10427b;*/
}
.menu-item a:hover {
  color: #d6e6f9;
}

td.searchform input {
  padding: 4px 4px;
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  border-color: light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
}
td.searchform input:focus {
  border-width: 1px;
  border-style: solid;
  border-color: #10427b;
  box-shadow: 0 0 10px #719ECE;
  outline: none;
}
td.searchform select {
  padding: 4px 4px;
  border-radius: 3px;
}    
td.searchform select:focus {
  border-width: 1px;
  border-style: solid;
  border-color: #10427b;
  box-shadow: 0 0 10px #719ECE;
  outline: none;
}   
button.ui-datepicker-trigger:focus {
  border-color: #10427b;
  box-shadow: 0 0 10px #719ECE;
  outline: none;    
} 
button:focus {
  border-color: #10427b;
  box-shadow: 0 0 10px #719ECE;
  outline: none;    
}
a.button-item:focus {
  outline: none;    
}

/* This prevent the JQuery tabs form using a different font */
.ui-widget {
  font-family: Verdana !important;
}

body::-webkit-scrollbar {
  width: 8px;
}

body::-webkit-scrollbar-track {
  background: silver;
}
body::-webkit-scrollbar-thumb {
  background: gray;  
}