/*Baseball Trip Planner Layout CSS */

/************** Global ******************/
* { margin:0; padding:0; }

body { 
       font-family: Arial;
 }

table, th, td { 
                border-collapse: collapse;
                margin: 0;
                padding: 0;
 }

/************** Header *****************/
#header { 
          cursor: pointer;
          margin: 4px auto 6px;
          position: relative;
          height: 60px;
          width: 960px;
          }

#menu { 
        text-align: right;
        padding: 8px 8px 0px 0px;
 }


#navbuttons { 
              text-align: center;
              height: 20px;
              margin-bottom: 4px;
 }

#navbuttons ul li {  
                    font-size: 12px;
                    list-style: none;
                    display: inline;
                    margin: 0px 44px;
                    padding: 2px 10px;
}

/************** Main *****************/
#main { 
        margin-left: auto;
        margin-right: auto;
        width: 960px;
        /* This needs to change when content is added */
        /* mobile device needs fixed height for all text containers */
        height: 918px;
 }

#col1 {  display: none;  float: left;  width: 80px; height: 760px; margin-right: 4px;  }
#sidebar {    height: 600px; }

/************** Left Column *****************/
#col2 {  
        position: relative;
        float: left;
        width: 460px;
        margin-right: 6px;
}

#introduction { 
                display: block;
                position: relative;
                width: 444px;
                padding: 2px 8px;
                height: 152px;
                margin-bottom: 6px;
 }

#generator { 
             width: 444px;
             padding: 2px 8px;
             /*height: 86px;*/
             margin-bottom: 6px;
             }


#teamfilter { 
              position: relative;
              width: 452px;
              padding: 4px;
              /*height: 174px;*/
              font-size: 10px;
              margin-bottom: 6px;
 }

#teamfilter-expand { 
                     text-align: center;
                     width: 5px;
                     margin: 2px 0px 0px 2px;
                     padding: 0px 2px;
                     float: left;
                     font-size: 8px;
                     border: 1px solid black;
                     cursor: pointer;
 }

#teamfilter-title { 
                    font-size: 12px;
                    font-weight: bold;
                    margin-bottom: 2px;
                     }

#teamfilter table { 
                    border-collapse: collapse;
                    margin: 2px 0px;
                    padding: 0px;
                    width: 100%;
              }


#teamfilter tr td { 
                    margin: 1px;
                    padding: 0px;
                    }

#teamfilter-select-all { 
                         z-index: 2;
                         position: relative;
                         text-align: center;
                         cursor: pointer;
 }

#teamfilter-select-all a { 
                         color: blue;
                         }

.teamfilter-select { 
                     padding: 0px;
                     margin-top: 0px;
                     margin-bottom: 0px;
                     margin-right: 2px;
 }

.teamfilter-select input { 
                           width: 13px;
                           height: 13px;
                           overflow: hidden;
                           border: 0;
                           margin: 0 2px 1px 3px;
                           }

.excluded-team { 
                 color: #888888 !important;
 }

#teamfilter-options { 
                      text-align: center;
                      cursor: pointer;
                      height: 90px;
                      width: 180px;
                      display: none;
                      position: absolute;
                      font-size: 12px;
                      font-weight: bold;
                      left: 20%;
                      top: 40%;
 }

#teamfilter-options-header { font-weight: bold; margin-bottom: 6px; }
#teamfilter-options-close { font-size: 10px; color: blue; }

#grid { 
        height: 490px;   
        width: 460px;
        position: relative;
        padding: 20px 0px 0px 0px;
        /*   margin: 0px 0px 4px 0px;*/
 }

#grid-top{ 
           left: 0;
           top: 0;
           position: absolute;
           width: 460px;
           height: 40px;
           z-index: 1;
 }


/************** Right Column *****************/
#col3 {  
        float: right;
        width: 492px;
}

#introduction-right { 
                      float: left;
                      display: block;
                      padding: 2px 8px;
                      height: 118px;
                      width: 271px;
                      margin-bottom: 6px;
 }

.intro-header { 
                padding-bottom: 4px;
 }

#social-links { 
                float: right;
                margin: 20px 10px 10px 0px;
 }

#social-links img { border: 0; }

#social-links td { 
                   text-align: center;                  
                   padding: 3px 6px;
                   }

 #tripviewer { 
              z-index: 3;
              margin-bottom: 8px;
              padding: 2px 4px 4px 4px;
              height: 240px;
              width: 484px;
              text-align: center;
              margin-bottom: 6px;
 }

#trip-map { 
            /*margin: 0 4px; */
            height: 320px;
            width: 490px;
            border: 1px solid gray;
 }

.trip-map-marker { 
                   font-size: 12px;
 }

.trip-map-marker-zoom { 
                        color: blue;
                        cursor: pointer;
                        text-decoration: underline;
 }

/************** Footer *****************/
#quick-links { 
               position: relative;
               height: 76px;
               margin-top: 0px;
               font-size: 10px;
               padding: 8px 4px;
               text-align: center;
               
 }

#quick-links .links-header { 
                             font-weight: bold;
                             }

#quick-links a {
                 padding-right: 10px;
 }

#footer { 
          margin-top: 4px;
          font-size: 62.5%; 
          border-top: solid 1px black;
 }


#calcon { float: left;  margin-top: 16px;   padding-top: 2px;  height: 136px;  width: 138px; }
#calcon .ui-datepicker { border: 0 !important; }

/******** General ********/
.clearout { 
            position: relative;
            clear: both; }

#placemark-prompt-header{ 
                          font-size: 14px;
                          font-weight: bold;
                          text-align: center;
                    }

#placemark-prompt { 
                    display: none;
                    position: absolute;
                    top: 240px;
                    left: 40%;
 }

#placemark-prompt ul li { 
                          list-style: none;
                         }

#alert-popup { 
               display: none;
               position: absolute;
               top: 30%;
               left: 30%;
               /*height: 150px;*/
               width: 260px;
}

#alert-popup-text { 
                    text-align: center;
                    font-size: 12px;
}

#alert-popup-close { 
                     margin: 4px 40% !important;
                     text-align: center;
}

.visible {  }

.hidden { display : none !important; }

#help-content, #about-content, #privacy-content { 
                padding: 8px;
                height: 400px;
 }

#help-content .help-header { 
                             font-weight: bold;
                             text-decoration: underline;

 }