/**
 * @file
 * Override styles for front page of the soundtransit theme.
 *
 * Base styling, text/font declarations are specified in dedicated files.
 * @see soundtransit.css
 * @see text.css
 */





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

 LAYOUT

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

#content {
	float: left;
	width: auto;
	margin: 0;
}

#sidebar-first {
	width: 379px;
	margin-right: 26px;
}

.sidebar-first #content {
	width: 555px;				/* = page width - (sidebar1 width + right margin) */
	margin-left: 405px;			/* = sidebar1 width + right margin */
}

#block-mod-soundtransit-fp-map-img-btn {
	float: left;
	width: 272px;
	margin-right: 8px;
	padding: 8px 13px 11px;
	background: url("../img/sprite-front.png") 0 -488px no-repeat scroll #fff;	/* rgb(255, 255, 255) */
}

#block-mod-soundtransit-fp-topic-links {
	float: left;
	width: 218px;
	margin: 0 0 10px;
	padding: 8px 10px 8px 12px;
	background: url("../img/sprite-front.png") -312px -488px no-repeat scroll #fff; /* rgb(255, 255, 255) */
}

#block-mod-soundtransit-fp-event-notices {
	float: left;
	width: 238px;
}

.column .block {
	margin-bottom: 25px;
}

.block h2 {
	margin-bottom: 9px;
	font-weight: normal;
	line-height: 1.2em;
	color: #2b376e;	/* rgb(43, 55, 110) */
}

.field-name-field-hero {
	margin-bottom: 10px;
}





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

	SERVICE INFO / ROUTE PICKER BLOCK

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


#block-mod-soundtransit-service-info {
	margin: 0;
	/*
	background: url("../img/sprite-front.png") 0px -146px no-repeat scroll transparent;
	*/
}

#block-mod-soundtransit-service-info h2 {
	float: left;
	margin: 0 15px 0;
	padding: 0;
	line-height: 51px;	/* height of radio button wrapper */
}


/* Service mode selector */

#mod-soundtransit-schedule-finder-form .form-item-service-mode {
	margin: 0;
	background: url("../img/sprite-front.png") 0px -82px no-repeat scroll transparent;
}

#mod-soundtransit-schedule-finder-form .form-item-service-mode > label {
	position: absolute;
	top: -999em;
}

#mod-soundtransit-schedule-finder-form .service-type-option {
	position: relative;
	display: inline-block;
	width: 51px;
	height: 51px;
	margin: 0 0 0 4px;
	vertical-align: middle;
	overflow: hidden;
}

#mod-soundtransit-schedule-finder-form .selected {
	/*width: 67px;
	height: 67px;*/
	padding: 8px 8px 7px;
}

#mod-soundtransit-schedule-finder-form .service-type-option label {
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

#mod-soundtransit-schedule-finder-form .service-type-option label:before {
	content: ' ';
	display: block;
	width: 100%;
	height: 100%;
	background: url("../img/sprite-front.png") no-repeat scroll 0 0 rgb( 192, 192, 192);
}

#mod-soundtransit-schedule-finder-form .service-type-bus label:before {
	background-position: -379px -68px;
}

#mod-soundtransit-schedule-finder-form .service-type-bus.selected label:before {
	background-position: -312px 0;
}

#mod-soundtransit-schedule-finder-form .service-type-train label:before {
	background-position: -446px -68px;
}

#mod-soundtransit-schedule-finder-form .service-type-train.selected label:before {
	background-position: -379px 0;
}

#mod-soundtransit-schedule-finder-form .service-type-lightrail label:before {
	background-position: -497px -68px;
}

#mod-soundtransit-schedule-finder-form .service-type-lightrail.selected label:before {
	background-position: -446px 0;
}


/* Route picker info panel */

#schedule-finder-mode-info {}

#schedule-finder-mode-info fieldset {
	margin: 0;
	padding: 0;
	border: none 0;
}

#schedule-finder-mode-info .sounder-train legend {
	color: rgb(44, 95, 82);		/* train color */
}

#schedule-finder-mode-info .link-light-rail legend {
	color: rgb(55, 154, 174);	/* lightrail color */
}

#schedule-finder-mode-info .route-picker, #schedule-finder-mode-info .item-list{
	background: #f5f6f7; /* Old browsers */
	background: -moz-linear-gradient(top,  #f5f6f7 0%, #f5f6f7 31%, #fcfcfc 67%, #feffff 72%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f5f6f7 0%,#f5f6f7 31%,#fcfcfc 67%,#feffff 72%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f5f6f7 0%,#f5f6f7 31%,#fcfcfc 67%,#feffff 72%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f7', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	padding: 10px 20px;
}

#schedule-finder-mode-info .item-list {
	margin-top: 20px;
}


/* Route picker info panel static tab styles */

.schedule-finder-mode-info {
	padding: 20px;
	display:none;
}

.schedule-finder-mode-info.init-mode {
	display:block;
}

.schedule-finder-mode-info fieldset {
	margin: 0;
	padding: 0;
	border: none 0;
}

#schedule-finder-mode-info legend, .route-picker label h3, .item-list > h3 {
	margin: 0;
	font-size: 1.466em;
	font-weight: normal;
	letter-spacing: .01em;
	line-height: 1;
	color: rgb(43, 55, 108);	/* bus color */
}

.schedule-finder-mode-info .sounder-train legend {
	color: rgb(44, 95, 82);		/* train color */
}

.schedule-finder-mode-info .link-light-rail legend {
	color: rgb(55, 154, 174);	/* lightrail color */
}

.route-picker .form-item-route-name, 
.route-picker > .form-type-select {
	margin: 0 0 20px;
}

.route-picker label span{
	display: block;
	margin: 0 0 10px;
	font-weight: bold;
	line-height: 1em;
	color: rgb(84, 84, 84);
}

.route-picker select {
	height: 1.25em;
	font-size: 1.25em;
}

.route-picker select option {
	padding: 0.25em;
}

#rider-alerts-list {
	list-style: none outside;
	margin: 0;
	padding: 0;
}

#rider-alerts-list li {
	margin: 0;
	padding: 0;
}

#rider-alerts-list li .alert-body{
	margin-left: 30px;
}

#rider-alerts-list li .alert-body a{
	display: initial;
	margin-left: 0;
	padding-left: 0;
}

#rider-alerts-list li .alert-body span.alert-heading{
	font-weight: bold;
}

#rider-alerts-list .alert-severity-none a {
	margin-left: 0;
}

.block-trip-planner #form-meta span {
	color: #9c9c9c;
	text-decoration: none;
	margin-left: 10px;
}
.block-trip-planner #form-meta span:hover {
	color: #666;
}



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

	GIANT MAP BUTTON

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


#system-map-link {
	float: left;
	/*margin: 0 8px 0 0;*/
	margin:0 0 0 14px;
	/*padding: 8px 13px 11px;*/
	padding: 8px 8px 11px;
	background: url("../img/sprite-front.png") 0 -488px no-repeat scroll rgb(255, 255, 255);
}

#system-map-link > a.link-maps > img {
	width:248px;
	height:auto;
}



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

	SIDEKICK

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


#front-sidekick {
	float: right;
	width: 218px;
	padding: 8px 10px 21px 14px;
	background: url("../img/sprite-front.png") -312px -488px no-repeat scroll rgb(255, 255, 255);
	margin:0 16px 0 0;
}

#front-sidekick .node {
	margin: 7px 0;
}




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

	FEATURED NEWS

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

#featured-news {
	clear: both;
	float: right;
	width: 174px;
	/*padding: 16px 0 21px 64px;*/
	padding: 16px 16px 16px 52px;
	background: url("../img/icon_homepagenews_238X64.gif") 0 0 no-repeat scroll rgb(255, 255, 255);
	margin:8px 16px 0 0;
}

#featured-news h2 {
	margin: 0;
	padding: 0 0 2px;
	color: rgb(51, 51, 51);
	font-size: 1em;
}