/* This CSS increases the size of the paragraph elements */

.mini-module.routes td a:link {
  font-weight: normal;
  text-decoration: underline;
}

.mini-module.routes td a:hover {
  font-weight: normal;
  text-decoration: none;
}

table.point2point td, table.point2point th{
  border: none;
}

span.smallText{
  color: #333333;
  font-size: 80%;
  font-weight: bold;
}

.point2point a, .div0 a, .div1 a, a.button.startover > span, a.button.reverse > span {
  font-weight: bold;
  text-decoration: none;
  padding-left: 4px;
}

.highlight {
  background-color: #FFFF99;
}

.white {
  color: #FFFFFF !important;
}

.heading {
  font-family:Arial,Helvetica,sans-serif; 
  color: #333399; 
  font-weight: bold;
}

.divAboutButton {
  color:black;
  padding: 2px 8px 2px 8px;
}

.avoid_pagebreak {
  clear:both; 
  float: left; 
  page-break-inside: avoid; 
  padding-right: 5px;
}

.avoid_pagebreak2 {
  float: left; 
  min-width: 30%;
  page-break-inside: avoid; 
  margin: 0 auto;
  border: 1px solid #000000;
}

.cfif isReverse{
  clear: both; 
  min-width: 30%; 
  float: left; 
  page-break-inside: avoid; 
  margin: 0 auto;
}

.nbsp{
  float: left; 
  width: 10px; 
  margin: 0 auto;
  text-align: center;
}

.divButton{
  color: #FFFFFF;	
  height: 30px;
}


a.divBlockButtons {
  color: #000000; 
  padding:2px 8px 2px 8px; 
  background: #CECECE; 
  border: 1px solid #000000;
  text-decoration: none;
}

.divButton {
  height: auto;
  padding: 2px; 
  margin-right: 10px; 
  background-image: url(buttons/bar1.jpg); 
  background-repeat: repeat-x; 
  cursor: pointer; 
  font-size:.75em !important;
  border: 1px solid #999999;
}

.divButton2 {
  padding: 2px; 
  margin-right: 10px; 
  background-image: url(buttons/bar2.jpg); 
  background-repeat: repeat-x; 
  cursor: pointer; 
  font-size:.75em !important;
  border: 1px solid #999999;
}

.divButton3 {
  padding: 2px; 
  margin-right: 10px; 
  background-image: url(buttons/bar3.jpg);
  background-color: #FDB813; 
  background-repeat: repeat-x; 
  cursor: pointer; 
  font-size:.75em!important;
  border: 1px solid #999999;
  font-weight: bold;
}

.button.outputscreen > span{
   padding: 0px 15px 0px 0px;
}

input{
  border: 1px solid #333333;
  margin-left: 6px;
}


/*NEW STYLES*/

tr > th.div_City,
tr > th.div_City {
	background: #CCCCCC;
}

tr > td.borderRight {
  /*padding: 10px 4px !important;*/
}

tr > td.div_city,
tr > td.div_City,
li > div.div_city {
  min-height: 20px; 
  color: #000000; 
  cursor: pointer;
  padding: 10px 4px !important;
}

.marginFixT,.marginFixB{
  min-height: 20px; 
  color: #000000; 
  cursor: pointer; 
  padding: 10px 4px !important;
  background: #FFFFFF !important;
}

.marginFixT.div_Gray > span {
	padding: 10px 4px !important;
}

.marginFixB.div_city > span {
	padding: 10px 4px !important;
}


.shaderow {
	background: #EAEAEA !important;
}

.div_City > span,
.div_City > a {
	padding-left: 4px !important;
}

.div_city {
  min-height: 20px; 
  color: #000000; 
  cursor: pointer; 
  background: #FFFFFF;
  padding-top: 10px !important; 
  padding-left: 0px !important;
}

li > .div_city {
	background: #EAEAEA !important;
}

/*END NEW STYLES*/

.div1 {
  min-height: 20px; 
  color: #000000; 
  cursor: pointer; 
  padding: 10px 4px 4px 4px;  
  background-color: #FFFFFF;
}

.div0 {
  min-height: 20px; 
  color: #000000; 
  cursor: pointer;
  padding: 10px 4px 4px 4px;
  background-color: #EAEAEA;   
}

.category {
  border-bottom: 1px solid #333333;
  border: 1px solid #333333;
  text-align: left;
  background-color: #292929; 
  vertical-align: middle; 
  color: #FFFFFF;
  padding: 3px;
}

.category > strong, .category > b {
	padding-left: 4px;
}

.category2{
  color: #000000; 
  cursor: pointer; 
  border-bottom: 1px solid #333333; 
  font-weight: bold; 
  background-color: #CCCCCC; 
  padding: 4px;
}
.category a {
  color:#FFFFFF !important;	
}

.vlist { 
  margin: 0px;
  padding-left: 0px; 
}

.vlist li, .vlist dt { 
  width: 100%; 
  float: left; 
  clear: both; 
  list-style: none;
  display: inline; 
}

.cabiClosed {
  visibility: hidden;
  display: none;	
  height: 0px;
}

.cabiOpen {
  visibility: visible;
  display: block;	
  height: auto;
  padding: 2px;
  background-color: #ED2431;
  border: 1px dotted #CCCCCC;
  text-align: center;
}


tr td: first-of-type {
	border: 1px solid #00F !important;
	background: #000;
}

@media handheld, only screen and (max-device-width: 480px) {
    /* overrides or style additions for iPhone */
}