/* ADDITIONS & OVERRIDES */

a.sm-buttons {
	width: 24px;
	height: 24px;
	background-image: url(http://www.mdta.maryland.gov/r2015/egov/img/icons/social-icons-sm.png);
	display:block;
	display:inline-block;
	margin-right:.5em;
	position:relative;
	/*top:.5em;*/
}

h3 a.sm-buttons  {top:0;}
	
a.sm-buttons.sm-twitter {
	background-position: -24px -31px;
}

a.sm-buttons.sm-facebook {
	background-position: -24px 0px
}

a.sm-buttons.sm-rss {
	background-position: -24px -361px;
}

.seBlogViewletContainer {
	padding: .5em;
	margin: 0 0 0 1em;
	font-size: .85em;
}

.seBlogViewletContainer>a,
.seBlogViewletDate {
	display:block;
	padding:0 .5em;
}

.seBlogViewletDate {
	text-align:right;
	font-size:.8em;
	color:#333;
}

div.span6>.seBlogViewletContainer:nth-child(2n),
div.viewlet>.seBlogViewletContainer:nth-child(2n),
table.mdta tr:nth-child(2n) td {
	background-color:#EFF3FA;	
}

table.mdta tr.highlight td,
div.highlight,
div.savings {
	background:#FFFF99 !important;
}


table.mdta th {
	background-color:#2B639E;
	color:#fff;
	text-align:left;
	font-weight:normal;
}

table.mdta th,
table.mdta td {
	padding:.25em .25em .25em 1em;
}

dl.mdta dt {
	margin:1em 0 .5em 0;
	font-weight:bold;
	
}
table.mdta th.hours24,
table.mdta td.hours24{
	padding:0;	
}
.hours24 {
	
}
.hours24 div {
	float:left;
	width:4.16%;
	font-size:.7em;

}

.hours24 span {
	display:block;
	float:left;
	width: 10%;
	padding:.2em .5em;
}
div.hours24 {
	padding:.5em;
}

div.savings {
	border-radius: 100%;
	padding: 1em .5em;
	font-size: 1.5em;
	display: block;
	margin: .5em auto;
	text-align: center;
	clear: both;
	width: 2.5em;
	border:1px solid #EFF3FA;
}

/*table.mdta th.hours24 div {
	float:left;
	width:4.16%;
	font-size:.7em;	
	text-align:left;
}*/

.hours-overnight {background-color:#7575D0;color:#fff;}
.hours-peak {background-color:#2796D7;color:#fff;}
.hours-off-peak {background-color:#333;}

/* forms */
form.mdta label {clear:both;font-weight:bold;}
form.mdta label input[type=text],
form.mdta .btn-full {
	width:95%;
	clear:left;
}


/* toll calculator */
.toll-steps {
	width:100%;
	overflow:hidden;
}
.toll-controls {
	float:right;
}

.toll-controls div span {
	display:none;
}
.toll-controls div {
	display:block;
	float:left;
	width:16px;
	height:16px;
	background:url(/app/img/toll-calc-sprite.png) top left no-repeat;
	cursor: pointer;
}

.toll-controls  div#toll_control_back {
	background-position: -2px 0px;
	display:none;
}

.toll-controls  div#toll_control_restart {
	background-position: -33px 0px;
}

#toll_progress {
	border:1px solid #84A4C7;
	width:100%;
	position:relative;
	top:-.5em;
	height:6px;
	overflow:hidden;
}
#toll_progress > div {
	background-color:#84A4C7;
	height: 100%;
}

.toll-transition,
#toll_progress>div {
-webkit-transition: all 500ms cubic-bezier(0.430, 0.005, 0.300, 1); /* older webkit */
-webkit-transition: all 500ms cubic-bezier(0.430, 0.005, 0.300, 1.265); 
   -moz-transition: all 500ms cubic-bezier(0.430, 0.005, 0.300, 1.265); 
     -o-transition: all 500ms cubic-bezier(0.430, 0.005, 0.300, 1.265); 
        transition: all 500ms cubic-bezier(0.430, 0.005, 0.300, 1.265);
}

.toll-progress-0 {width:0%;}
.toll-progress-1 {width:25%;}
.toll-progress-2 {width:50%;}
.toll-progress-3 {width:75%;}
.toll-progress-4 {width:100%;}

.toll-steps {
	/*width:400%;
	position:relative;*/
	
	overflow:hidden;
}

#toll_steps_container .toll-hidden {
	display:none;
}

#toll_steps_container {
	position:relative;
	width:600%;
	overflow:hidden;
}
#toll-steps-container:after,
.toll-steps:after {
	content:" ";
	clear:both;	
}

.toll-step{
	width:16.66%;
	display:block;
	left:0;
	position:relative;

	background-color:#fff;
	float:left;
}

.toll-step0{left:0;}
.toll-step1{left:-25%;}
.toll-step2{left:-50%;}
.toll-step4{left:-75%;}

.toll-step-hidden {left:100%;}


#toll_calculator_step1 ul,
#toll_calculator_step1 ul li,
#toll_calculator_step2 ul,
#toll_calculator_step2 ul li,
#toll_calculator_step2_1 ul,
#toll_calculator_step2_1 ul li,
#toll_calculator_step2_2 ul,
#toll_calculator_step2_2 ul li
  {
	list-style:none;
	margin:0;
	padding:0;
}

#toll_calculator_step1 li a,
#toll_calculator_step2 li a,
#toll_calculator_step2_1 li a,
#toll_calculator_step2_2 li a {
	font-size:1.25em;
	padding:.5em 1em;
	display:block;
	color:#333;	
}

#toll_calculator_step1 li a:hover,
#toll_calculator_step1 li a:active,
#toll_calculator_step2 li a:hover,
#toll_calculator_step2 li a:active,
#toll_calculator_step2_1 li a:hover,
#toll_calculator_step2_1 li a:active,
#toll_calculator_step2_2 li a:hover,
#toll_calculator_step2_2 li a:active {
	background-color:#EFF3FA;
	text-decoration:none;
}

#toll_calculator_step2 h4,
#toll_calculator_step2 img {
	margin:.5em 0;	
}
#toll_calculator_step2 p {
	font-size:.75em;
	margin:.5em 0;	
}



.small {font-size:.75em}
/* /toll calculator */


@media(max-width:800px){
	table.mdta .hours24 div.hours-overnight,
	table.mdta .hours24 div.hours-peak,
	table.mdta .hours24 div.hours-off-peak {
		font-size:.6em;
	}
}

@media(max-width:500px){
	table.mdta .hours24 div.hours-overnight,
	table.mdta .hours24 div.hours-peak,
	table.mdta .hours24 div.hours-off-peak {
		font-size:1px;
		text-indent: -100%;
		white-space: nowrap;
		overflow: hidden;	
	}
}

/* -------------------- */

#mdgov_enterpriseSearch {
	margin: 0;
}

#mdgov_searchInput {
	width: 100%;
	font-size:115%;
	position: inherit;
}

#agency_branding {
	padding-bottom: 10px;
}

@media(max-width:767px) {
#mdgov_agencyTitle a img {
	max-width: 100%;
	margin: 0 0 20px 0;
}

#mdgov_searchInput {
	font-size:180%;	
	position: relative;
}

}

@media(max-width:480px) {
#mdgov_searchInput {
	font-size:163%;
}


}