html{
  width: 100%;
  height: 100%;
  color: #414141;
  background-color: #fff;
  border: none;
  margin: 0;
  padding: 0
}

body {
  background-image: url(../images/background.png);
  background-repeat: repeat-x;
  width: 100%;
  height: 100%;
  color: #414141;
  background-color: #fff;
  border: none;
  margin: 0;
  padding: 0
}

input.buttonclean {
    width: auto;
    color: #094155;
    font-size: 8pt;
    text-decoration: none;
    border: none;
    background-color: transparent;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    cursor: hand
}

input.buttonclean:hover {
    width: auto;
    color: #414141;
    font-size: 8pt;	
    text-decoration: underline;
    border: none;
    background-color: transparent;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    cursor: hand
}

.ditch-tab-pane {
	min-height: 200px;
	height:auto;
}
/* for Internet Explorer */
/*\*/
* html .ditch-tab-pane {
	height: 200px;
}
/**/

p.navtext {
    border: none;
    font-size: 8pt;
    font-weight: lighter;
    color: #414141
}

a {
    color: #094155;
    font-weight: bold;
    text-decoration: none
}

a:visited {
    color: #094155;
    font-weight: bold;
    text-decoration: none
}

a:hover {
    color: #414141;
    font-weight: bold;
    text-decoration: none;
}

a.tree, a.tree:visited {
    border: none;
    background-color: transparent;
    margin: 0px;
    padding: 0px;
    color: #094155;
    font-size: 8pt;
    font-weight: bold;
    vertical-align: middle;
    text-decoration: none
}

a.tree:hover {
    border: none;
    background-color: transparent;
    margin: 0px;
    padding: 0px;
    color: #414141;
    font-size: 8pt;
    font-weight: bold;
    vertical-align: middle;
    text-decoration: none
}

img.tree {
    border: none;
    margin: 0px;
    padding: 0px; 
    vertical-align: middle
}

a.go {
    color: #094155;
    font-weight: bold;
    font-size: 8pt;
    text-decoration: none
}

a.go:visited {
    color: #094155;
    font-weight: bold;
    font-size: 8pt;
    text-decoration: none
}

a.go:hover {
    color: #414141;
    font-weight: bold;
    font-size: 8pt;
    text-decoration: none
}

#ruler {
    width: 100%    
}

h1 {
    font-size: 17pt;
    font-family: arial;
    font-weight: lighter;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    color: #094155
}

h2 {
    font-size: 11pt;
    font-family: arial;
    font-weight: lighter;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    color: #094155
}

h3 {
    font-size: 9pt;
    font-family: verdana
}

h4 {
    font-size: 9pt;
    font-weight: normal;
    font-family: verdana;
    color: #DC6309;
    border: none;
    padding: 0;
    margin: 0
}

p {
    font-size: 8pt;
    font-family: verdana;
    text-align: right;
    padding: 0;
    margin: 5px 0px 5px 0px;
    border: none
    /*border-top: 1px dotted #aaa*/
}

p a:visited {
    color: #094155;
    font-weight: bold;
    text-decoration: none
}

table.info {
    width: 80%
}

th.info {}
tr.info {}
td.info {}

img {
    border: 0
}


#logo {
    background-image: url('../images/logo.jpg');
    width: 150px;
    height: 150px;
    background-repeat: no-repeat
}

table.block {   
    width: 80%;
    border: 1px solid #CCCCCC
}

table.login {
    border: 1px solid #CCCCCC
}

caption.block {
    caption-side: top
}

p.toolbar {}

th.block {
    background-image: url('../images/th_gradient.png');
    background-repeat: repeat-x;
    border: 1px solid #CCCCCC;
    text-align: left;
    font-size: 9pt;
    border-collapse: collapse
}

th.block a {
    text-decoration: none
}


tr.block {
    text-align: left;
    border-spacing: 10px;
    vertical-align: top
}

td.block {
    text-align: left;
    border-spacing: 10px;
    vertical-align: top
}

td, th {
    font-family: verdana;
    font-size: 8pt
}

th {
   font-weight: bold; 
}

/* End General style */

/* Form styles */

#button {
    width: auto;
    border: 3px double #999999;
    border-top-color: #CCCCCC;
    border-left-color: #CCCCCC;
    padding: 0.15em;
    background-color: #EEEEEE;
    background-repeat: repeat-x;
    color: #333333;
    font-size: 8pt;
    font-weight: bold;
    font-family: verdana
}

#button:active {
    border: 3px double #CCCCCC;
    border-top-color: #999999;
    border-left-color: #999999
}

#button:hover {
    color: #414141
}

textarea {
    font-family: verdana;
    font-size: 8pt;
    border-style: solid;
    border-width: 1px;
    border-color: #D2DEEC;
    border-collapse: collapse
}

select {
    font-family: verdana;
    font-size: 8pt
}

input {
    font-family: verdana;
    font-size: 8pt;
    margin: 0px 0px 0px 0px;
    /*border: 0px 0px 0px 0px;*/
    border-style: solid;
    border-width: 1px;
    border-color: #D2DEEC;
    border-collapse: collapse
}

form {
    margin: 0;
    border: 0;
    border: none
}

input.search_key {
    font-family: verdana;
    font-size: 8pt;
    margin: 0px 10px 0px 0px;
    /*border: 0px 0px 0px 0px;*/
    border-style: solid;
    border-width: 1px;
    border-color: #D2DEEC;
    border-collapse: collapse;
    background-color: #FFFFFF;
    vertical-align: top
}

/* ---------- END FORMS STYLE ----------- */
  

/* Style of data table class */

table.data {
    text-align: left;
    color: #1D1D1D;
    font-family: verdana;
    border-style: solid;
    border-width: 1px;
    border-color: #D2DEEC;
    border-collapse: collapse;
    width: 100%
}

tr.data {
    caption-side: top
}

tr.alternatingOne {
    background-color: #F1F1F1;
    vertical-align: top
}

tr.alternatingTwo {
    background-color: #D1D1D1;
    vertical-align: top
}

th.data {
    color: #414141;
    background-color: #D2DEEC;
    border-bottom: 2px dotted #FFED3E;
    font-size: 9pt
}

td.data {
    text-align: top
}

th.block_data {
    color: #000000;
    background-color: #BBD2F3;
    border-width: 2px
}

table.block_data {
    text-align: left;
    color: #000000;
    font-family: verdana;
    border-style: solid;
    border-width: 1px;
    border-color: #CCCCCC;
    border-collapse: collapse;
    width: 100%
}