body, html {
    font-family     : verdana,tahoma,arial,sans-serif;
    font-size       : 10px;
    margin          : 0;
    overflow        : hidden;
}

#map_canvas {
    left:310px;
    right:0;
    position:absolute;
    top:0;
    bottom:0;
    
}


#left_pane_close {
    display:none;
    position:absolute;
    top:30px;
    left:290px;
    z-index:100;
}

#left_pane_open {
    display:none;
    position:absolute;
    top:30px;
    left:0px;
    z-index:100;
}

#left_pane {
    background-color : #FFF;
/*    border           : 1px solid black;*/
    padding          : 5px;
    position         : absolute;
    left:0;
    top:0;
    bottom:0;
    width            : 300px;
/*    max-height       : 75%;*/
/*    overflow         : auto;*/
}

#left_pane_title {
    padding-top:15px;
    padding-bottom:15px;
    margin           : 5px;
    text-align	     : center; 
}

#left_pane_title span {
    font-size        : 150%;
    font-weight	     : bold;
    cursor : pointer;
}

.left_pane_title_expanded {
    border-style:inset;
    background-color:#CCC;
}

.left_pane_title_collapsed {
    border-style:outset;
    background-color:#FFF;
}

#trail_list {
/*    display:none; */
    overflow         : auto;
    position         : absolute;
    top              : 185px;
    bottom:130px;
    width            : 290px;   
}

#coloration_panel {
    position         : absolute;
    bottom           : 40px;
/*    bottom           : 20px;*/
    left:0;
    width            : 300px;
    height           : 80px;
    padding          : 5px;
    background-color : #FFF;
/*    border           : 1px solid black;*/
}

#coloration_dropdown {
    display:none;
}

.coloration_color {
    border:1px black;
}

.passage_list {
    padding-left: 20px;
}

td {
    font-family     : verdana,tahoma,arial,sans-serif;
    font-size       : 10px;    
}

.left_pane_subtitle {
    font-size        : 120%;
    font-weight	     : bold;
    text-align	     : center;
}

.left_pane_group_hdr {
    font-size        : 120%;
    font-weight      : bold;
/*    color            : #00F; */
    /* text-align : center; */
    text-align: left;
    /* border-width:2px; */
    padding-top: 10px;
}

.left_pane_group_hdr_expanded {
/*    border-style:inset;
    background-color:#CCC;
*/
}

.left_pane_group_hdr_collapsed {
/*    border-style:outset;
    background-color:#FFF;
*/
}

.left_pane_line {
    position         : relative;
}

.yellow_hilite:hover {
    /* background       : #FFC; */
}

.has_desc {
/*    background : #FDC;*/
}

.has_photo {
/*    background : #FDC; */
}

.selected_trail {
    background: #CCF;
}

.left_pane_line_label {
    vertical-align   : middle;
}

.proposed {
    background:#EEE;
}

#uses {
    display:none;
    position         : absolute;
    bottom           : 0;
    width            : 300px;
    height           : 35px;
    text-align       : center;
}

.gray_font {
    color            : #888;
}

#link_bar {
    text-align:center;
    line-height:30px;
    position:absolute;
    bottom:0;
    left:0;
    width:300px;
    height:30px;
    background:#FFF;
/*    border:1px solid black;*/
    font-size:120%;
    font-weight:bold;
    padding:5px;
}

#iw_photo_credit {
    font-style:italic;
    font-size:80%;
    text-align:right;
}

.triangle_down {
    /*
    height:15px;
    width:15px;
    background-image:url('images/icons/tri_d_g.png');
    background-repeat:no-repeat;
    background-position:right top;
    */
}

.triangle_right {
    /*
    height:15px;
    width:15px;
    background-image:url('images/icons/tri_r_g.png');
    background-repeat:no-repeat;
    background-position:right top;
    */
}

.blue_text {
    color:#00F;
}

#help_text {
    font-size:-1;
    text-align:center;
    border:1px solid black;
    padding:3px;
}