/* rc.css */
a img { display: block; } /* Set image to baseline to remove 5px space */

body {
	line-height: 1.8em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #222;
	}
	
/*------------------------------------*\
  TYPE
\*------------------------------------*/

/*--- HEADINGS ---*/
h1, h2, h3, h4, h5, h6 {
  margin-bottom: 5px;
  font-weight: bold;
  font-family: "Georgia", Palatino, "Palatino Linotype", Times, "Times New Roman", serif; 
}

h1 {
  font-size: 1.6em;
  line-height: 1em;
  margin-bottom: 24px;
}

#main-column h1 a, #main-column h2 a, #main-column h3 a, #main-column h4 a, #main-column h5 a {
  color: #222; 
}

h2, #footer h3 {
  line-height: 1.25em;
  font-size: 1.6em;
  font-weight: normal;
  color: #c69b50;
  text-transform: uppercase;
}	

h3 {
  font-size: 1.3em;
  line-height: 1.2em;
}

h4, h5, h6 {
  font-size: 1.2em;
  line-height: 1.333em;
}

/*--- PARAGRAPHS ---*/

p, .content {
  font-size: 1.3em;
  margin-bottom: 24px;
}

/* Fix for MSword formatting */
.MsoNormal {
  font-size: 1.3em;
  margin-bottom: 24px;
  line-height: 1.333em !important;
}
.MsoNormal p { font-size: 100%; }
/* End fix */


p.large {
  font-size: 1.6em;
  line-height: 1.325em;
}

em, i {
	font-style: italic;
}

strong, b {
	font-weight: bold;
}




/*--- LISTS ---*/
ul, ol {
  margin-bottom: 24px;
  font-size: 1.3em;
  margin-left: 16px;
    /* Remember, if your magic number is
    different to this, use your own. */
}

ul {
  list-style: disc outside;
}

ul ul,
ol ol {
  margin: 0 0 0 30px;
  font-size: 100% !important;
}

ul p { font-size: 100%; }


#main-column ul, #main-column ol { 
  line-height: 1.8em;
}

/* tables */

table, table * {
  text-align: left;
}

/* links */

a, a:link,
a:visited {
	outline : none;
	text-decoration: none;
	color: #c69b50;
	-webkit-transition: color .2 ease;
	-moz-transition: color .2 ease;
	-o-transition: color .2 ease;
	transition: color .2 ease;
	}
a:hover {
	color: #ab8138;
	}
	
/*a:active, a:focus { 
	position : relative; 
	top : 1px; 
	}   */ 

.btn.green,
button.btn.green { 
  cursor: pointer;
  text-transform: uppercase;
  line-height: 17px;
  font-size: 11px;
  background: #41b377;
  border: 1px solid #2a7e4e;
    
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; 
  
  box-shadow: inset 0 1px 0px rgba(255, 255, 255, 0.6), inset 0 -5px 15px #267146;
  -o-box-shadow: inset 0 1px 0px rgba(255, 255, 255, 0.6), inset 0 -5px 15px #267146;
  -webkit-box-shadow: inset 0 1px 0px rgba(255, 255, 255, 0.6), inset 0 -5px 15px #267146;
  -moz-box-shadow: inset 0 1px 0px rgba(255, 255, 255, 0.6), inset 0 -5px 15px #267146;
  -pie-background: linear-gradient(top, #97d6b6 0%, #41b377 15%, #267146 100%);
  
  color: #fefeff !important;
  text-shadow: 0px 1px #20593a;
  text-decoration: none;
  padding: 8px 10px;
  font-weight: bold;
  text-align: center;
  position: relative;
}		

.btn.details {
  background-color: #e6e6e6;
  border: 1px solid #e6e6e6;
  color:#424242;
  display: block;
  width: 80%;
  margin-top: 6px !important;
  padding: 8px 10px;
  line-height: 17px;
  font-size: 11px;
  text-shadow: 0 2px rgba(255, 255, 255, 0.6);
  clear: both;
    text-align: center;
      position: relative;
  float: right;
   -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; 
  margin-right: 8px;
}
.btn.details:hover {
  color: #000; 
}

#main-column  .result-title h3 a:hover {
  color: #c69b50 !important;  
}


button.btn.green  {
  padding: 8px 6px !important;
}


.btn.green:hover { 
    /*background-color: #389a66;*/
    color: #18432c !important;
    text-shadow: 0 1px 1px #a3dbbe;
    /*box-shadow: inset 0 1px 3px #267146, inset 0 -5px 15px #267146;
    -o-box-shadow: inset 0 1px 3px #267146, inset 0 -5px 15px #267146;
    -webkit-box-shadow: inset 0 1px 3px #267146, inset 0 -5px 15px #267146;
    -moz-box-shadow: inset 0 1px 3px #267146, inset 0 -5px 15px #267146;
    -pie-background: linear-gradient(top, #267146 0%, #41b377 15%, #267146 100%); */
	}
	
	.disabled-servicelevel .btn.green,
	.disabled-servicelevel .btn.green:hover {
	   color: #fff !important;
	   text-shadow: none !important;
	}
	

.btn.green:active { 
    /*background-color: #389a66;*/
    color: #18432c !important;
    text-shadow: 0 1px 1px #a3dbbe;
    box-shadow: inset 0 1px 3px #267146, inset 0 -5px 15px #267146;
    -o-box-shadow: inset 0 1px 3px #267146, inset 0 -5px 15px #267146;
    -webkit-box-shadow: inset 0 1px 3px #267146, inset 0 -5px 15px #267146;
    -moz-box-shadow: inset 0 1px 3px #267146, inset 0 -5px 15px #267146;
    -pie-background: linear-gradient(top, #267146 0%, #41b377 15%, #267146 100%); 
	}	

	.disabled-servicelevel .btn.green:active {
	  background: none repeat scroll 0 0 #41b377 !important;;
    border: 1px solid #2a7e4e !important;;
    border-radius: 4px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset, 0 -5px 15px #267146 inset !important;;
    color: #fefeff !important;
    cursor: pointer;
    font-size: 11px !important;
    font-weight: bold !important;
    line-height: 17px !important;
    position: relative !important;
    text-align: center !important;
    text-decoration: none !important;
    text-shadow: none !important;
    text-transform: uppercase;
	}
	
/* generic two panel banner ie: routes_and_packages page */
/* see overrides.css */

.large-panel-container .column-1,
.large-panel-container .column-2 {
  float:left;
  width: 308px;
  position: relative;
  
}

.large-panel-container .column-1 img,
.large-panel-container .column-2 img,
.large-panel-container.column-1 span.image-rounded,
.large-panel-container.column-2 span.image-rounded {
  /* margin-bottom: 10px; */
}


.large-panel-container .column-2 { border-left: 1px solid #6b6b6b; }
.large-panel-container .column-2 {  padding-left: 10px; }
.large-panel-container .column-1 { padding-right: 10px; }
.large-panel-container .item img, .main-panel-header .item span.image-rounded { margin-top: 10px; }

.large-panel-container .column-1 .button,
.large-panel-container .column-2 .button {  width: 100%; padding: 3px 0px;}



/* end */

/* station */
.station-tile {
  float: left;
  width: 300px;
  font-size: 1.3em;
  margin-bottom: 10px;
}
.station-tile .station-text,
.station-tile .image {
  float: left;
}
.station-tile .station-text {
 width: 184px; 
}
.station-tile .image {
  border: 1px solid #d7d7d7;
  width: 84px;
  margin-right: 10px;
  min-height: 84px;
}

.station-tile-container {
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  background-color: #fff;
  padding: 10px;
}

.rule {
	background: url(../../template_images/rmv/layout/line.png) repeat-x;
	height: 2px;
	border: 0px;
	margin: .5em auto;
}

object { display: block; }

img.right {
  float: right; 
}

/* Green Button */
.emailbox button.btn {
  padding-top: 3px !important; 
}
.clear {
  clear: both;
}
.column-1 h2,
.column-2 h2 {
  text-transform: capitalize;
}
.route-line {
   padding-top: 12px;
   margin-bottom: 8px;
   line-height: 0;
  clear: both;
}