/*  tourstops.css               */
/*  Created: Feb 25, 2008       */
/*  Last Updated: Feb 25, 2008  */


    div.pageMaxWidth {
        margin-left: auto;
        margin-right: auto;
        max-width:460px;
        width:expression(document.body.clientWidth > 460 ? "460px": "auto" );    
    }
    
    div.bigBlueTitle {
        margin-bottom: 5px; 
        color: rgb(0,51,153); 
        font-size: 170%; 
        font-weight: bold;
    }

    div.numTS {
        background-color: #fbdc30;
        text-align: left;    
        width: 453px;
    }
    
    span.totalCountTitle {
        font-size: 110%;
        color: #0000dd;
        font-weight: bold;
        font-family: verdana, helvetica, arial, sans-serif;
    }
    
    span.totalCount {
        color: #000000;
        font-family: verdana, helvetica, arial, sans-serif;
    }    
    
    div.searchBlock {
    background-color: #d6e0ec;
    padding: 10px;
 /*   margin: 1em; */
    }
    
    div.simpleSearch {
        margin: 0 1em 0 1em;
    }
    
    span.menuBlock, form.menuBlock {
        cursor: pointer;
        margin-right: 1em;
    }

    .menuText {
    font-size: 120%;
    font-weight: bold;
    color: #0000dd;
    border-bottom: none;
    text-decoration: none;
    padding-bottom: 0.1em;
    }

    img.menuImage, input.menuImage {
    vertical-align: bottom; 
    width:20px; 
    height:20px;
    border: none;
    }
    
    div.infoText {

    }
    
    div.advSearchBox {
    font-size: 100%;
    color: #000000;
    padding: 1em;  
    background-color: #d6e0ec;
    margin-bottom: 1em;
    }

    span.closeLink {
    color: #ff0000;
    background-color: transparent;
    padding: 1em 0em 0.15em 0em; 
    border-bottom: 1px solid #ff0000;
    text-decoration: none;
    }  

    span.add2TourTitle {
    font-size: 150%;
    color: #0000dd;
    border-bottom: 1px solid #0000dd;
    padding-bottom: 0.1em; 
    }

    .yellowBackground {
    background-color: #ffff00;
    }

    .blueText {
    font-size: 100%;
    color:rgb(0,51,153);
    }
    
    
/*  Tour Stop Display Section */
div.gridAreaBox {
    border: 1px solid black; 
    background-color: #ffffff;
    padding: 5px;   
 }

/* Old style display box */
div.tsBlock {
    border: 1px solid #333333;
    width: 100%;
    height: 100px;
    overflow: auto;
}    
    
div.indivTSInfo {
    line-height: 180%;
    border-bottom: 1px solid black;
}

    .blueBackground {
    background-color: #d6e0ec;
    }

div.tsInfoTitle {
    font-size: 110%;
    font-weight: bold;
    margin-left: 0.5em;
}

div.photoBlock {
    width: 90px;
    float:left; 
}

img.tsInfoPicVideo {
    width: 74px;
    height: 74px;
    float:left;
    margin-left: 0.5em;
    margin-right: 0.5em;
    border:5px double rgb(255, 255, 0)
}

img.tsInfoPicAudio {
    width: 74px;
    height: 74px;
    float:left;
    margin-left: 0.5em;
    margin-right: 0.5em;
    border:5px double rgb(255, 0, 0)
}

img.tsInfoPicMixed {
    width: 74px;
    height: 74px;
    float:left;
    margin-left: 0.5em;
    margin-right: 0.5em;
    border:5px double rgb(255, 140, 0)
}

div.tsDescInfo {
    float: left;
    width: 150px;
    padding: 0 0.5em 0 0.5em;
    text-align: left;
}

div.tsInfoBlock {
    float: right;
    width: 150px;
}

span.regLink a {

}

span.regLink a:hover {

}

  span.moreClick {
    color: #0000FF;
    text-decoration: underline;
}
  
/* Map CSS */

div.mapCluster {
    border: 1px solid #333333;
    width: 200px;
    height: 100px;
    overflow: auto;
}

.mapping {
    overflow: hidden;
}

div.markerBlock {
    height: 120px;
    width: 220px;
}

div.markerInfo {
    float: left;
    padding-left: 0.5em;
    text-align: left;
}

/* Map TS Number */

span.numTitle {
    font-size: 110%;
    font-weight: bold;
    color: #dd2200;
}

/* Local pagechange.css to make it line up with rest of page */

div.pageSelector {
    width: 100%;
    min-height: 3.5em;
    font-size: 100%;
    background-color: #fbdc30;
    border: 1px solid #000000;
    margin: 0; 
}

/* Advanced Search */

span.dynamicSearchText {
    text-align: right;
}

div.advSearchInput {
    width: 50%;
    float: left; 
    text-align: left; 
}

div.advSearchTitle {
    width: 50%;
    float:left; 
    text-align: right; 
}


/* Tag Section */

div.tagBlock {
    margin: 1em 0 3em 0;
}