body {
  margin: 0;
  padding: 0;
  text-align: center;
  color: #A8A8A8;
  background-color: #192629;
/*font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-family: "DejaVu Sans Mono";
  font-size: 14px;*/
  line-height: 100%;
  word-spacing: normal;
  letter-spacing: normal;
  text-decoration: none;
  text-transform: none;
  text-align: left;
  text-indent: 0ex;
  
  min-width:880px;
}

a:link {
  color: #DDAA99;
  text-decoration:none;
}

a:visited {
  color: #DDAA99;
  text-decoration:none;
  }

a:hover {
  color: #EEDDDD;
  }

a:active {
  color: #FFEEDD;
  text-decoration: none;
}

img {
  border : 0;
  background: transparent;
}
#chart_container {
  background-color: #192629;
  position : relative;
  height: 420px;
  overflow: hidden;
}

#chart_object, #target_selection{
  color : #000;
  position : absolute;
  letter-spacing: -0.02em;
  font-family:monospace;
  left : 0;
  top : 0;
}

#html_marker_info_layer {
  border-bottom-left-radius: 10px 10px;
  border-bottom-right-radius: 10px 10px;
  border-top-left-radius: 10px 10px;
  border-top-right-radius: 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  color : #000;
  position : absolute;
  font-size:1em;
  font-family:monospace;
  line-height:95%;
  display:none;
}

#marker_info_title {
  padding-top:4px;
  font-size: 1.2em;
  font-weight:bold;
}

#marker_info_content {
  text-align:left;
  padding:5px;
}

.marker_info_desc {
  position:absolute;
  text-align:right;
}

.marker_info_value {
  position:absolute;
  text-align:left;
  font-weight:bold;
}

.marker_info_line {
  position:relative;
  padding : 1px;
}

#header{
  position : relative;
  background-color:#3f4647;
  border : 1px solid #C0C0C0;
  text-align : center;
  height:105px;
}

#renderer_selecter {
  float : right;
  text-align : right;
  margin : 3px;
  padding : 3px;
}

#renderer_selecter a {
  margin : 3px;
  padding-left : 5px;
  padding-right : 5px;
  border : 1px solid #CCC;
  background-color:#504030;
}

#footer {
  background-color:#202d2f;
  font-size : 0.8em;
}

#menu_left {
  min-width : 150px;
  width : 150px;
  background-color:#404d4f;
  border : 1px solid #C0C0C0;
  text-align:left;
}

#menu_right {
  min-width : 180px;
  width : 180px;
  background-color:#404d4f;
  border : 1px solid #C0C0C0;
  text-align:left;
  font-family : monospace;
  font-size:0.9em;
  line-height: 90%;
}


#main_part {
  position : relative;
  background-color: #303030;
  width : 900px;
  height : 420px;
}

#kyoto_seal {
  position:absolute;
  margin : 3px;
  left : 1px;
  top : 1px;
}

#help_information {
  color : #AADDAA;
  text-align : center;
  margin-top : 2px;
  margin-bottom : 2px;
  border : 1px solid #C0C0C0;

}

#statistic_file {
  min-width:400px;
  text-align : left;
}

#popup {
  border-bottom-left-radius: 10px 10px;
  border-bottom-right-radius: 10px 10px;
  border-top-left-radius: 10px 10px;
  border-top-right-radius: 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  background-color : #405040;
  position: absolute;
  display : none;
  border : 1px solid #CCFFCC;
  padding : 6px;
  margin : 3px;
  text-align : left;
  max-width : 200px;
}

#popup_title {
  font-size:1.2em;
  color : #A5A5E0;
  border-bottom : 1px dashed grey;
}

#popup_content {
  color : #C5C5C5;
  padding : 3px;
}

#log_screen {
  position:absolute;
  top : 0;
  right : 0;
  width : 400px;
  background-color: #444;
  border : 1px solid #C0C0C0;
  margin:2px;
  overflow : hidden;
  text-align:left;
  padding-bottom: 2px;
  vertical-align : top;
  height:auto;
}

#log_content {
  margin-top : 6px;
  margin-bottom : 6px;
}

#log_menu {
  padding-left : 15px;
  padding-top : 4px;
  padding-bottom : 3px;
  text-align : left;
  border-bottom : 1px solid #DDF;
  color : #AAF;
}

#menu_data {
  left : 170px;
  top : 150px;
  width : 400px;
  background-color : #223;
  border : 1px solid #CCC;
}

#menu_url {
  left : 370px;
  top : 150px;
  width : 300px;
  background-color : #243;
  border : 1px solid #CCC;
}



#menu_search {
  left : 210px;
  top : 200px;
  background-color : #322;
  border : 2px solid #CCC;
}

#menu_options {
  left : 230px;
  top : 250px;
  width : 350px;
  background-color : #312;
  border : 2px solid #CCC;
}

#menu_save {
  left : 550px;
  top : 300px;
  background-color : #403C3C;
  border : 2px solid #CCC;
}

#menu_comment {
  left : 750px;
  top : 100px;
  background-color : #3C403C;
  border : 2px solid #CCC;
}

#menu_information .menu_content {
  font-family : monospace;
}

#menu_content_set_location {
  position : relative;
  width : 700px;
  height : 154px;
}

#menu_set_location {
  background-color : #324C35;
  top : 200px;
  left : 500px;
  width : 700px;
  border : 1px solid #CCC;
}

#menu_help {
  background-color : #343434;
  top : 40px;
  left : 240px;
  width : 800px;
  border : 1px solid #CCC;
}

#position_low {
  position : absolute;
  border : 1px solid #AAC;
  top : 2px;
  left : 2px;
  width : 46%;
  padding : 3px;
}

#position_high {
  position : absolute;
  border : 1px solid #CAA;
  top : 2px;
  right : 2px;
  width : 49%;
  padding : 3px;
}

#position_options {
  position : absolute;
  border : 1px solid #ACA;
  top : 126px;
  left : 2px;
  width : 98%;
  padding : 3px;
}

#low_global_position, #high_global_position {
  min-width : 174px;
}

#low_chr_id , #high_chr_id{ 
  min-width : 42px;
  max-width : 42px;
}

#low_con_id , #high_con_id{ 
  text-align:left;
  min-width : 82px;
  max-width : 82px;
}

#low_chr_position , #high_chr_position{
  min-width : 120px;
}

#low_con_position , #high_con_position{
  min-width : 80px;
  max-width : 80px;
}

#reload_data_link {
  float:right;
  margin : 3px;
}

#genes_description {
  text-align : left;
  padding : 5px;
  min-height: 100px;
}

#percentBar {
  position:absolute;
  top: 100px;
  left:150px;
  background-color: #505050;
  border : 1px solid #777;
  display:none;
  width:155px;
}

#percentContainer {
  position:relative;
  width : 129px;
  height: 18px;
}

#percentDesc {
  display:none;
  position:absolute;
  top: -45px;
  left:-30px;
  width : 200px;
  padding:3px;
  padding-left:10px;
  background-color: #503030;
  border : 1px solid #C0A0A0;
}

#percentValue, #percentCurentValue {
  font-weight:bold;
  color : #FFF;
}

#percentClose {
  position:absolute;
  top: 1px;
  right:1px;
}

#percentBack {
  position:absolute;
  top: 3px;
  left:3px;
  height : 12px;
  width : 123px;
  background:url(images/percentImage.gif) no-repeat;
}

#percentFull {
  position:absolute;
  top:3px;
  left:3px;
  width : 0px;
  height : 12px;
  background:url(images/percentImageFull.gif) no-repeat;
}

#percentEnd {
  position:absolute;
  top:3px;
  left:3px;
  width : 1px;
  height : 12px;
  background:url(images/percentImageFull.gif) no-repeat;
  background-position :center right;
}

#percentCurrent {
  position:absolute;
  top:2px;
  left:3px;
  width : 1px;
  height : 12px;
  background-color:#CC5050;
  border : 1px solid #FFF;
}

.gene_title {
  font-size:1.2em;
  padding : 4px;
}

table {
  text-align:center;
}

td {
  vertical-align : top;
}

p {
  padding: 3px;
  margin : 2px;
  border-bottom : 1px dashed grey;
}

b {
  color : #FEE;
}

h3 {
  padding : 2px;
  margin : 2px;
}
h1 {
  margin : 10px;
  padding : 2px;

}


.menu {
  margin : 1px;
  padding : 1px;
}

.float_menu {
  border-bottom-left-radius: 10px 10px;
  border-bottom-right-radius: 10px 10px;
  border-top-left-radius: 10px 10px;
  border-top-right-radius: 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  position :absolute;
  margin : 3px;
  padding : 3px;
  width : 300px;
}

.menu_title {
  padding-left : 15px;
  padding-bottom : 2px;
  padding-top : 2px;
  text-align : left;
  border-bottom : 1px solid #DDF;
  color : #AAF;
}

.menu_content {
  margin-top : 6px;
  margin-bottom : 6px;
}

.menu_desc {
  font-size : 0.8em;
  color : #787878;
  margin-top : -3px;
}

.menu_control {
  float:right;
  text-decoration: none;
  color : #FF5500;
  font-weight : bold;
  margin-right : 10px;
}

.marker_title {
  font-weight : bold;
  color : #B0A0C0;
}

.marker_description {
  position:relative;
  text-align:left;
  border : 1px solid #CCC;
  margin-top : 4px;
  padding : 2px;
}

.marker_close {
  position : absolute;
  right : 0px;
  top : 0px;
}

input[type=text],input[type=password],select {
  max-width: 90px;
  text-align : right;
  color : #AAF;
  background-color:#333641;
  border : 1px solid #EED;
}

textarea {
  text-align : left;
  color : #AAF;
  background-color:#333641;
  border : 1px solid #EED;
}

input {
  margin-left : 0px;
  padding-left : 0px;
}

li {
  list-style: none;
  padding : 0px;
  border-left : 2px solid #777;
  padding-left: 2px;
  margin-left: 2px;
}

ul {
  margin : 0px;
  padding-left : 0px;
  padding-top : 0px;
  margin-top : 4px;
}


.error {
  color: #F99;
}

.information {
  color: #5A5;
}

.debug {
  color: #99C;
}

.value_content {
  color: #CCF;
  font-weight:bold;
  font-size : 0.9em;
  
}

.log_function {
  float:right;
  margin-right:10px;
}

.tool_buttons {
  position:relative;
  right : 0px;
  top : 0px;
  width : 78px;
  height : 78px;
  border : 1px dashed #CCC;

}

.small_button {
  margin:0 2px;
  float : right;
  display:block;
  width : 16px;
  height : 16px;
}

.big_button {
  position : absolute;
  margin:0 2px;
  display:block;
  width : 35px;
  height : 36px;
  background-color: #CCFFCC;

}

.close_button {
  background : url(images/close.png) no-repeat;
  _background : url(images/close.gif) no-repeat;
  
}

.close_button:hover {
  background : url(images/close_hover.png) no-repeat;
  _background : url(images/close_hover.gif) no-repeat;

}

.reduce_button {
  background : url(images/reduce.png) no-repeat;
  _background : url(images/reduce.gif) no-repeat;
}

.reduce_button:hover {
  background : url(images/reduce_hover.png) no-repeat;
  _background : url(images/reduce_hover.gif) no-repeat;

}
.expand_button {
  background : url(images/expand.png) no-repeat;
  _background : url(images/expand.gif) no-repeat;
}

.expand_button:hover {
  background : url(images/expand_hover.png) no-repeat;
  _background : url(images/expand_hover.gif) no-repeat;

}
.zoom_in_button {
  background : url(images/zoom_in.png) no-repeat;
  _background : url(images/zoom_in.gif) no-repeat;
  top : 100px;
  right:0px;
}

.zoom_in_button:hover {
  background : url(images/zoom_in_hover.png) no-repeat;
  _background : url(images/zoom_in_hover.gif) no-repeat;

}

.zoom_out_button {
  background : url(images/zoom_out.png) no-repeat;
  _background : url(images/zoom_out.gif) no-repeat;
  top : 140px;
  right:0px;
}
.zoom_out_button:hover {
  background : url(images/zoom_out_hover.png) no-repeat;
  _background : url(images/zoom_out_hover.gif) no-repeat;
}

.whole_button {
  background : url(images/whole.png) no-repeat;
  _background : url(images/whole.gif) no-repeat;
  top : 180px;
  right:0px;
}
.whole_button:hover {
  background : url(images/whole_hover.png) no-repeat;
  _background : url(images/whole_hover.gif) no-repeat;

}

.move_right_button {
  background : url(images/move_right.png) no-repeat;
  _background : url(images/move_right.gif) no-repeat;
  top : 320px;
  right:0px;
}

.move_right_button:hover {
  background : url(images/move_right_hover.png) no-repeat;
  _background : url(images/move_right_hover.gif) no-repeat;

}
.move_left_button {
  background : url(images/move_left.png) no-repeat;
  _background : url(images/move_left.gif) no-repeat;
  top : 320px;
  left:0px;
}

.move_left_button:hover {
  background : url(images/move_left_hover.png) no-repeat;
  _background : url(images/move_left_hover.gif) no-repeat;
}

.save_button {
  background : url(images/save.png) no-repeat;
  _background : url(images/save.gif) no-repeat;
  top : 5px;
  left:50px;
}
.save_button:hover {
  background : url(images/save_hover.png) no-repeat;
  _background : url(images/save_hover.gif) no-repeat;
}

.search_button {
  background : url(images/search.png) no-repeat;
  _background : url(images/search.gif) no-repeat;
  top : 5px;
  left:250px;
}
.search_button:hover {
  background : url(images/search_hover.png) no-repeat;
  _background : url(images/search_hover.gif) no-repeat;
}

.position_button {
  background : url(images/position.png) no-repeat;
  _background : url(images/position.gif) no-repeat;
  top : 5px;
  left:210px;
}
.position_button:hover {
  background : url(images/position_hover.png) no-repeat;
  _background : url(images/position_hover.gif) no-repeat;
}

.option_button {
  background : url(images/option.png) no-repeat;
  _background : url(images/option.gif) no-repeat;
  top : 5px;
  right:40px;
}
.option_button:hover {
  background : url(images/option_hover.png) no-repeat;
  _background : url(images/option_hover.gif) no-repeat;
}


.help_button {
  background : url(images/help.png) no-repeat;
  _background : url(images/help.gif) no-repeat;
  top : 5px;
  right:0px;
}
.help_button:hover {
  background : url(images/help_hover.png) no-repeat;
  _background : url(images/help_hover.gif) no-repeat;
}

.data_button {
  background : url(images/data.png) no-repeat;
  _background : url(images/data.gif) no-repeat;
  top : 5px;
  left:10px;
}
.data_button:hover {
  background : url(images/data_hover.png) no-repeat;
  _background : url(images/data_hover.gif) no-repeat;
}

.redraw_button {
  background : url(images/redraw.png) no-repeat;
  _background : url(images/redraw.gif) no-repeat;
  top : 5px;
  right:80px;
}
.redraw_button:hover {
  background : url(images/redraw_hover.png) no-repeat;
  _background : url(images/redraw_hover.gif) no-repeat;
}

.clipboard_button {
  background : url(images/clipboard.png) no-repeat;
  _background : url(images/clipboard.gif) no-repeat;
  top : 5px;
  left:90px;
}
.clipboard_button:hover {
  background : url(images/clipboard_hover.png) no-repeat;
  _background : url(images/clipboard_hover.gif) no-repeat;
}
.line {
  margin-top : 3px;
  text-align : center;
  height : 1.6em;
}

.line_title {
  display : block;
  position: absolute;
  left : 0px;
  width : 80px;
  text-align: right;
  margin-right : 2px;
  margin-left : 1px;
}

.line_value {
  display : block;
  position: absolute;
  left : 85px;
  width : 180px;
  text-align: left;
  margin-right : 2px;
  margin-left : 1px;
}

.line_apply {
  display : block;
  position: absolute;
  left : 270px;
  text-align: right;
  margin-right : 1px;
  margin-left : 2px;
}


#plot {
  position:absolute;
  top : -10px;
  left : -10px;
  display:none;
}

.form_table {
  text-align:left;
}

.form_title {
  text-align : right;
  width:150px;
  margin-right: 4px;
}

input[readonly] {
  background-color : #666;
  color : #AAA;
  border : 1px solid #CCC;
}