/*main attributes*/
* {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	text-decoration:none;
}

body{
margin:0;
padding:0;
line-height: 1.5em;
text-align:left;

}
.printVersion
{
    text-align:center;
    }
.printVersion h1
{
    text-decoration:underline;
   
  
    }
.printVersion h3
{
    text-align:left;
    
    }
.printVersion h3 label
{
    font-weight:bold;
    
    
}
.printVersion th
{
    text-align:left;
    
    }    
form {
	margin:0px;
	padding:0px
}
form input[TYPE="button"],input[TYPE="submit"]   {

cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(Images/formbg.gif) repeat-x left top;

}

form input[TYPE="text"]   { /*custom definition for text boxes*/
   
}

h1 {
	font-size:1.3em;
	margin:0px;
	padding:0px;
	text-align:center;
	
	
}
h2 {
	font-size:1.15em;
	margin:0px 0px .4em 0px;
	padding:0px;
}
h3 {
	font-size:1em;
	margin:0px;
	padding:0px;
	text-align: center;
}
  

a  {
	color:#AA403D;
	/*text-decoration: none;*/
	/*font-weight: bold;*/
	text-decoration:underline; 
	font-size:normal;
	
}
a:visited {
	color:#AA403D
}
a:hover {
	color:#333 ;
}

b{font-size: 110%;}
em{color: red;}


#topsection{
background: #EAEAEA;
height: 90px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;

}

#contentcolumn{
margin-left: 350px; /*Set left margin to LeftColumnWidth*/
height:100%;
}

#leftcolumn{
float: left;
width: 350px; /*Width of left column*/
margin-left: -100%;
background: #EBD172;
}

#footer{
clear: left;
width: 100%;
background: black;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}

.innertube{
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}


/* Accordion */
.accordionHeader /*default class for all headers in the accordion*/
{
    border-bottom: 1px solid #333;
    color: white;
    background-color: #EBD172;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
 
    
}

.accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}
.accordionHeader H2
{
    color:White;
    }
    
.accordionHeader h3
{
    text-align:left;
    }

 .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent /*class that defines the content for all content sections inside the accordion control*/
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
    
}

.accordionContent H3
{
    text-align:left;
    
  }
  
.accordionContent H4
{
    text-align:left;
    }
    
.accordionContent p
{
    font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	text-decoration:none;
    }
.contact /*class for the contact panel content"*/
{
    text-align:center;
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
    color:#333;
    }
.contact p /*class for the 'leave us you comments...' label*/
{
    text-align:left;
    
    }
.requiredElements  
{
    
    padding:3px 3px 3px 3px;
    margin:3px 3px 3px 3px;
    
}


.requiredElements H3
{
    text-align:left;
    color:Black;
  }    
 .requiredElements label /* custom definition for 'Required data...*/
 {
    
    }
    

.nonRequiredElements  
{
   
    padding:3px 3px 3px 3px;
    margin:3px 3px 3px 3px;
    visibility:hidden;
    overflow:hidden;
    height:0;
    
    
}



.nonRequiredElements H3
{
    text-align:left;
    color:Black;
  }    
 .nonRequiredElements label /* custom definition for 'Optional data...*/
 {
    
    }


.routeDetails /* div that contains all the route info in the direction pane*/
{
    
    }
.routeDetails h2 /* the 'Route Itinerary from... subtitle*/
{
    
    }    
    
.routeDetails label /* the Total distance, Estimated Total Time and Departure Time labels*/
{
    font-weight:bold;
    color:Black;
    }    
    
.routeDetails p /* the 'Route Itinerary from... subtitle*/
{
    font-style:italic;
    }    
  
.routeDetails a /* the 'Is this the best time?... link*/
{
    cursor:pointer;
    
    }   
    
.routeDetails table
{
    width:325px;
    
    border:solid,1px,black;
    border: outset 2pt; 
    border-collapse: separate;
    border-spacing: 2pt 
    
    }
    
.routeDetails th    
{
    vertical-align:baseline;
    text-align:center;
    color:Black;
    }        
.routeDetails tr
{
    vertical-align:top;
    
    }    
.routeDetails td
{
    font-family:Arial;
    font-size:10px;
    font-style:normal;
    border-color:Black;
    border-bottom-style:solid;
    border-bottom-width:thin;
    
    }
    
    
.exportElements  
{
   
    padding:3px 3px 3px 3px;
    margin:3px 3px 3px 3px;
    visibility:hidden;
    overflow:hidden;
    height:0;
    
    
}

.ShareElements
{
	padding:3px 3px 3px 3px;
    margin:3px 3px 3px 3px;
    visibility:hidden;
    overflow:hidden;
    height:0;
	}
/*Textbox Watermark*/

.unwatermarked {
	height:18px;
	width:148px;
	font-weight:bold;
	color:#000333;
}

.watermarked {
	height:20px;
	width:150px;
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	color:#000333;
}

/*error messages*/
.errorMessage 
{
    
    font-weight:bold;
    color:#AA403D;
}
/* div IE advice (when using with mozilla*/
.IEAdvice
{
    background-color:White;
    text-align:center;
    
    }
    
.IEAdvice img /*internet explorer logo*/
{
    /*width:35px;
    height:35px;*/
    }
    


/* Push Pins Section */

.pushPinHeader /*this is a div which contains the phrase 'Conditions For (place)'*/
{
    text-align:left;
 
}	

.pushPinHeader label
{
    font-size:11px;
    font-style:italic;
    font-weight:bold;
    color:Black;
}

.pushPinDate /*this is a div which contains the pushPin date inside*/
{
 
}

.pushPinDate label /*date of the pushpin*/
{
    font-size:11px;
    font-style:normal;
    font-weight:bold;
    color:Black;   
}

.pushPinDateForecast /*this is a div wich contains the general date forecast inside*/
{
 position:relative;
 top:5px;
 
}

.pushPinDateForecast label /* general date forecast */ 
{
	font-size:10px;
    font-style:normal;
    font-weight:normal;
    color:Black;   
	}

.pushPinImage /*this is a div wich contains the pushPin weather image */
{
    text-align:left;
    position:relative;
    top:0px;
    }
    
.pushPinDate img /*wheather icon*/
{
        
}
.pushPin
{
}

.pushPinForeCast label
{
    text-align:justify;
    font-style:italic;
    font-size:11px;
    position:relative;
    top:0px;
    
}

.pushPinHighTemperature /*div which contains the low temperature information inside*/
{
    font-size:10px;
    position:relative;
    top:-5px;
   
    }
    
.pushPinHighTemperature label /*the label for high temperatures:*/
{
   font-size:9px;
    font-style:normal;
    font-weight:bold;
    color:Black;
}
.pushPinHighTemperature span /* the high temperature info */
{
   
    color:Red;
}

.pushPinLowTemperature /*div which contains the low temperature information inside*/
{
    font-size:10px;
    position:relative;
    top:0px;
    float:left;
   
    }
    
.pushPinLowTemperature label /*the label for low temperatures (it should be the same as for high temperatures usually)*/
{
   font-size:9px;
    font-style:normal;
    font-weight:bold;
    color:Black;
}

.pushPinLowTemperature span /* the low temperature info */
{
   
    color:Blue;
}

.pushPinPrecipitation /*div which contains the precipitions information inside*/
{
    font-size:10px;
   position:relative;
    top:7px;
    }
    
.pushPinPrecipitation label /*the label for low temperatures (it should be the same as for high temperatures usually)*/
{
   font-size:9px;
    font-style:normal;
    font-weight:bold;
    color:Black;
}

.pushPinPrecipitation span /* the low temperature info */
{
   
    color:black;
}

/*styles for the calendar control*/

.select-free {
	 position:absolute;
	 z-index:10;
	 cursor:pointer;
	 overflow:hidden;
	 width:33em;
}
.select-free iframe {
	 display:none;
	 display/**/:block;
	 position:absolute;
	 top:0;
	 left:0;
	 z-index:-1;
	 filter:mask();
	 width:3000px;
	 height:3000px
}


.dateChooser td {
    cursor:default;
    text-align:center;
}
.dateChooser td.dateChooserActive:hover {
    color:white;
    background:#0A246A;
}
.dateChooser td.dateChooserActiveToday {
    border: 1px solid red;
}
.dateChooser th {
    background: #aaa;
    color: white;
    width: 18px;
    border: none;
}
.dateChooser option, .dateChooser select {
    font-size:10px;
}
.dateChooser {
    border: 2px outset #aaa;
    background: white;
    padding: 1px;
}
.dateChooser table {
    width:160px;
}
.dateChooser a
{
    color:Black;
    font-weight:bold;
    margin-left:10px;
    }
.contactForm
{
    
    }
/* ID's styles*/
#txtTimeStart /*caja de texto del calendario*/
{
    color:#AA403D;
}

#txtStart , #txtFinish /*cajas de texto de ciudades inicio y destino*/
{
    color:#AA403D; 
}



#desclaimer /* the desclaimer info in the route panel*/
{
    
    }
    
#desclaimer p
{
    color:Blue;
    font-size:xx-small;
    font-style:normal;
    
    
    }
    
#provided 
{
    text-align:right;
    }
    
#print2
{
    cursor:pointer;
    text-align:right;
    }
    
#startHere
{
    /*color:#ff0000;*/
    color:#AA403D;
    font-weight:bold;
    font-size:14px;
    }