/*
StyleMain.css
For Site: http://www.autobiopic.com/cgi-bin/
http://www.autobiopic.com/cgi-bin/
Author: Tom Brennan
Created 07/22/2010
Last Modified 08/07/2010 */

body { background: #10bc57;	} 

#Login { width: 400px;
         margin: 1px auto;
         padding: 10px;
         margin-top: 80px;	
         font-size: 1.2em;
         background: #cde0e3; }

#Browsers { width: 80%; 
            margin-left: 10%; 
            margin-top: 50px;	
            font-size: 0.8em; }
   
#Container {	width: 1088px;
              height: 948px;
              margin: 1px auto;	
              margin-top: 30px;	
              border: 10px solid #27e562;	
              background: #adf5c3;	}

#ContainerAbout {  width: 1088px;
                   margin: 1px auto;
                   margin-top:    80px;
                   margin-bottom: 80px;
                   background: #cde0e3; } 
             
#About { width:        888px;
         padding-top:   20px;
         padding-left:  100px;
         padding-right: 100px; }


#Map_Canvas { width:  780px;
              height: 600px;
              float:  left;
              margin-top:  6px;
              margin-left: 6px;
              border: 2px solid #000000; }

#Information { width:  280px;
               height: 600px;
               float:  left; }

#Controls { width:     100%; 
            margin-top: 58%; }

#Instructions { width:         70%;
                padding-left:  15%;
                padding-right: 15%; 
                font-size:     0.65em;	}


#MapInstructions { width:       100%;
                   margin-top:   40%;
                   padding-left: 18%;
                   font-size:  2.0em;	}

#Name {  width:   100%;
         height:  20%;
         padding: 10px;
         font-family: "Comic Sans MS", cursive, sans-serif;
         font-size: 1.2em;	}

#Date {  width:   100%;
         height:  10%;
         padding: 10px;
         font-family: Tahoma, Geneva, sans-serif;
         font-size: 1.2em;	}
         
#Distance {  width:   100%;
             height:  10%;
             padding: 10px;
             font-family: Tahoma, Geneva, sans-serif;
             font-size: 1.2em;	}
                     
#Averages {  width:   100%;
             height:  60%;
             padding: 10px;
             font-family: Tahoma, Geneva, sans-serif;
             font-size: 1.2em;	}

#slider_CheckIns { width: 50%;
                   margin-left: 25%; 
                   margin-top:  4px; }
#slider_CheckIns .ui-slider-handle { background: #000000; }
#slider_CheckIns .ui-slider-range  { background: #ff9000; }


#Buttons   {  width: 68%; 
              padding-left: 32%; }             
#Dropdowns {  width: 80%;
              padding-left: 20%; }