/* colors for testing * /
body          { background-xolor: #D5EBFC; }
#header       { background-xolor: #FF0000; }
#mainmenu     { background-xolor: #0FF000; }
#submenu      { background-xolor: #0FF000; }
#content      { background-xolor: #00FF00; }
#footer       { background-xolor: #088000; }
#minwidth     { background-xolor: #000880; }
#sidebar-left { background-xolor: #000FF0; }
#sidebar-right{ background-xolor: #0000FF; }
#main         { background-xolor: #F80000; } 

body          { background-xolor: #D5EBFC; }
#header       { background-xolor: #FF0000; }
#mainmenu     { background-xolor: #0FF000; }
#submenu      { background-xolor: #0FF000; }
#content      { background-xolor: #00FF00; }
#footer       { background-xolor: #088000; }
#minwidth     { background-xolor: #000880; }
#sidebar-left { background-xolor: #000FF0; }
#sidebar-right{ background-xolor: #0000FF; }
#main         { background-xolor: #F80000; } 
*/

table, form, input, div, body { margin: 0px; padding: 0px; border: 0px; }

/* default link style */
a, a:link, a:active {
  font-weight: bold;
  text-decoration: none;
  color: #000000;
}
a:hover {
/*  text-decoration: underline;*/
}

/* default font style & background color */
body {
  margin: 0;
  padding: 0px;
  font-family: Verdana;
  font-size: 9pt;
  background-color: #D5EBFC;
}

/* special div for centering the page content */
#main {
  vertical-align: top;
  width: 100%;
}
/* special div for minimal width of content block */
#minwidth{
  width: 400px;
  line-height: 0px;
}


/* header/menu/footer/ sidebar */
#header  { 
    overflow: hidden;
    height: 180px;
    background-image: url("./image/header.jpg");
    background-repeat:no-repeat;
    background-position:bottom center;
    text-align: bottom;
}
#mainmenu{ 
    height: 37px;
    padding-top: 5px;
    background-image: url("./image/menu.jpg");
    background-repeat:no-repeat;
    background-position:top center;
    font-size: 11pt; 
} 
#footer{ 
    width: 1010px;
    height: 44px;
    margin-top: 5px;
    background-image: url("./image/footer.jpg");
    background-repeat:no-repeat;
    background-position:bottom center;
    font-size: 9pt; 
    text-align: center;
}
#sidebar-left, #sidebar-right {
  vertical-align: top;
  padding: 10px;
  height: 355px; /* minimal height */
}

/* error block */
.error{ color: red; font-weight:bold; }
.sdate{ font-size: 8pt; }
/* block/ content elements * /
.block {
  width: 160px;
}
.block .content { /* content blocks (inside .block) * /
  margin: 0 0 .5em 0;
}
*/


/* block with clipped corners */
.block_tl{ width: 22px; height: 26px; background-image: url("./image/block_tl.jpg"); background-repeat:no-repeat; background-position:top left; overflow: hidden; }
.block_tc{ width:     ; height: 26px; background-image: url("./image/block_tc.jpg"); background-repeat: repeat-x; background-position:middle center; overflow: hidden; }
.block_tr{ width: 22px; height: 26px; background-image: url("./image/block_tr.jpg"); background-repeat:no-repeat; background-position:middle center; overflow: hidden; }
.block_ml{ width: 22px; height:     ; background-image: url("./image/block_ml.jpg"); background-repeat: repeat-y; background-position:middle center; overflow: hidden; }
.block_mc{ width:     ; height:     ; background-image: url("./image/block_mc.jpg"); background-repeat:   repeat; background-position:middle center; overflow:       ; padding-top: 5px; }
.block_mr{ width: 22px; height:     ; background-image: url("./image/block_mr.jpg"); background-repeat: repeat-y; background-position:middle center; overflow: hidden; }
.block_bl{ width: 22px; height: 23px; background-image: url("./image/block_bl.jpg"); background-repeat:no-repeat; background-position:middle center; overflow: hidden; }
.block_bc{ width:     ; height: 23px; background-image: url("./image/block_bc.jpg"); background-repeat: repeat-x; background-position:middle center; overflow: hidden; }
.block_br{ width: 22px; height: 23px; background-image: url("./image/block_br.jpg"); background-repeat:no-repeat; background-position:middle center; overflow: hidden; }


/* block without clipped corneres */
.blockm_tl{ width: 9px; height: 26px; background-image: url("./image/blockm_tl.jpg"); background-repeat:no-repeat; background-position:top left; overflow: hidden; }
.blockm_tc{ width:    ; height: 26px; background-image: url("./image/blockm_tc.jpg"); background-repeat: repeat-x; background-position:middle center; overflow: hidden; }
.blockm_tr{ width: 9px; height: 26px; background-image: url("./image/blockm_tr.jpg"); background-repeat:no-repeat; background-position:middle center; overflow: hidden; }
.blockm_ml{ width: 9px; height:     ; background-image: url("./image/blockm_ml.jpg"); background-repeat: repeat-y; background-position:middle center; overflow: hidden; }
.blockm_mc{ width:    ; height:     ; background-image: url("./image/blockm_mc.jpg"); background-repeat:   repeat; background-position:middle center; overflow:       ; }
.blockm_mr{ width: 9px; height:     ; background-image: url("./image/blockm_mr.jpg"); background-repeat: repeat-y; background-position:middle center; overflow: hidden; }
.blockm_bl{ width: 9px; height: 5px; background-image: url("./image/blockm_bl.jpg"); background-repeat:no-repeat; background-position:middle center; overflow: hidden; }
.blockm_bc{ width:    ; height: 5px; background-image: url("./image/blockm_bc.jpg"); background-repeat: repeat-x; background-position:middle center; overflow: hidden; }
.blockm_br{ width: 9px; height: 5px; background-image: url("./image/blockm_br.jpg"); background-repeat:no-repeat; background-position:middle center; overflow: hidden; }


/* plain block single color */
.blocks_tl{ width:11px; height: 11px; background-image: url("./image/blocks_tl.jpg"); background-repeat:no-repeat; background-position:top left; overflow: hidden; }
.blocks_tc{ width:    ; height: 11px; background-image: url("./image/blocks_tc.jpg"); background-repeat: repeat-x; background-position:middle center; overflow: hidden; }
.blocks_tr{ width:10px; height: 11px; background-image: url("./image/blocks_tr.jpg"); background-repeat:no-repeat; background-position:middle center; overflow: hidden; }
.blocks_ml{ width:11px; height:     ; background-image: url("./image/blocks_ml.jpg"); background-repeat: repeat-y; background-position:middle center; overflow: hidden; }
.blocks_mc{ width:    ; height:     ; background-image: url("./image/blocks_mc.jpg"); background-repeat:   repeat; background-position:middle center; overflow:       ; }
.blocks_mr{ width:10px; height:     ; background-image: url("./image/blocks_mr.jpg"); background-repeat: repeat-y; background-position:middle center; overflow: hidden; }
.blocks_bl{ width:11px; height:  5px; background-image: url("./image/blocks_bl.jpg"); background-repeat:no-repeat; background-position:middle center; overflow: hidden; }
.blocks_bc{ width:    ; height:  5px; background-image: url("./image/blocks_bc.jpg"); background-repeat: repeat-x; background-position:middle center; overflow: hidden; }
.blocks_br{ width:10px; height:  5px; background-image: url("./image/blocks_br.jpg"); background-repeat:no-repeat; background-position:middle center; overflow: hidden; }

.block_mc, .blockm_mc, .blocks_mc{ padding-top: 5px;  padding-bottom: 5px; }

/* info-block layout tables are contained in this block */
.infoblock{
  margin-top:    0px;  /* outside offset */
/*padding:    5px;  /* inside offset */
}
.infoblock .id_title{
  padding-left: 10px;
}
.infoblock .title, .infoblock .id_title{
  margin-top: 2px;  /* outside offset */
  font-weight: bold;
  font-size: 10pt;
}
.infoblock .id_body .para{
  margin:  5px; /* outside offset */
  padding: 5px; /* inside offset */
}
.infoblock a{
  font-weight: bold;
  font-size: 10pt;
  text-decoration: underline;
}
.infoblock a:hover{
  text-decoration: none;
}


/* account form  -------------------------------------- */
#profile label, #password label{
  width: 140px;
}
#profile input, #password input{
  width: 180px;
}
#profile .radio, #password .radio{
  width: 10px;
}
#profile .button, #password .button{
  width: 75px;
}



/* for google map and timeline */
.map{ 
  width:    600px;
  height:   350px;
  z-index:  10; /* higher than the sliders */
}

.mapresize{
  position:absolute;
  z-index:5;
}

.lift{ color: #0000ff; }
.downhill{ color: #ff6600; }


/* object positioning */
/*#sldtrack{ top:;      width: 600px; height: 100px; }*/
#sldleft { top:  0px; width:  15px; height: 100px; }
#sldpos  { top:-100px; width: 15px; height: 100px; }
#sldright{ top:-200px; width: 15px; height: 100px; }
#sldstart{ top:-300px; width: 30px; height: 15px; }
#sldend  { top:-315px; width: 30px; height: 15px; }

/* colors for testing */
#sldtrack{ background-xolor: #000; }
#sldleft { background-xolor: #0f0; background-image:url('image/marker2.png'); background-position:bottom left;  }
#sldpos  { background-color: #fff;  }
#sldright{ background-xolor: #999; background-image:url('image/marker2.png'); background-position:bottom left; }
#sldstart{ background-xolor: #aaa; }
#sldend  { background-xolor: #aaa; }

#sldtrack{
    overflow: hidden;
    background-repeat:no-repeat;
    background-position:top center;
    margin-top: 5px;
}
#sldvert {
    position: absolute;
    top: 0px;
    height: 1px;
    width: 720;
    z-index: 0;
	line-height: 0px;
	font-size: 0px;
}

#sldleft, #sldright, #sldpos, #sldstart, #sldend{
    position: relative;
	margin: 0;
	z-index: 2;
	line-height: 0px;
	font-size: 0px;
	text-align: left;
}
#sldleft{
}
#sldpos{
    visibility: hidden;
}
#sldright{
}

#sldstart, #sldend{
    z-index: 1;
    font-size:   9px;
    line-height: 9px;
    border: 0px;
}