/*==================================*\
|*		Structure					*|
\*==================================*/

#content .frame-set			{ width: 960px; padding:0px 0px 20px; }
#content .frame-set			{ border:3px solid #fff; background:#fff !important; }

#content .left-frame 		{ float:left; width:477px; background-image:none; margin:0 0 0 3px; }
#content .right-frame 		{ float:right; width:472px; margin:7px 3px 0 0px; }

#content .right-frame .box	{ background-repeat:repeat-x; background-color:transparent; height:auto; position:relative; zoom:1; }
#content .right-frame .bg 	{ background-image:none; }
/*\*/ * html .right-frame .bg { width:440px !important; } /**/

#content .right-frame .purple 	{ background-image: url(/images/bg/prpl-box-bg.jpg); }
#content .right-frame .green 	{ background-image: url(/images/bg/gren-box-bg.jpg); }
#content .right-frame .orange 	{ background-image: url(/images/bg/oran-box-bg.jpg); }


#quicklinks 				{ float:left; width:476px; height: 140px; margin:0 0 0 0px; padding:4px 0 0 0px; line-height:15px; }
#quicklinks .bg				{ padding:0 0px 0 17px; height:100%; }

#quicklinks a 				{ float:left; padding:6px 3px 0 0; width:88px; height:130px; background-image: url(/images/bg/quicklink-shadow.png);}
#quicklinks a,
#quicklinks a span 			{ display:block; text-align:center; text-decoration:none; background-repeat:no-repeat; font-weight:bold; }

#quicklinks a .fg 			{ background-image: url(/images/quicklinks_back.jpg); height:auto}
#quicklinks .icon 			{ padding:75px 0px 0 0; height:55px; background-position: center 15px; }

#quicklinks .rout .fg		{ background-position: 0px 0px; }
#quicklinks .alert .fg		{ background-position: -88px 0px; }
#quicklinks .buy .fg 		{ background-position: -176px 0px; }
#quicklinks .jobs .fg		{ background-position: -264px 0px; }
#quicklinks .taxi .fg		{ background-position: -352px 0px; }

#quicklinks .taxi .icon		{ background-image: url(/images/icons/taxi.gif); }
#quicklinks .buy .icon 		{ background-image: url(/images/icons/buy.gif); }
#quicklinks .jobs .icon		{ background-image: url(/images/icons/jobs.gif); }
#quicklinks .rout .icon		{ background-image: url(/images/icons/rout.gif); }
#quicklinks .alert .icon	{ background-image: url(/images/icons/alert.gif); }

#quicklinks .taxi:hover .icon	{ background-position: center -185px; color:#F1714C; }
#quicklinks .buy:hover .icon 	{ background-position: center -185px; color:#0C6D3A; }
#quicklinks .jobs:hover .icon	{ background-position: center -185px; color:#B84646; }
#quicklinks .rout:hover .icon	{ background-position: center -185px; color:#4749A0; }
#quicklinks .alert:hover .icon	{ background-position: center -185px; color:#7D3577; }


#trip-planner 				{ float:left; width: 468px; padding:0 0px 10px 10px; }
#trip-planner 				{ background: url(/images/plan_back.gif) no-repeat; }
#trip-planner .large 		{ margin:0; padding:0; }
#trip-planner .large label 	{ margin:0; padding:0; line-height:0;}
#trip-planner .large div 	{ margin:-2px 0 2px 0; padding:0; line-height:0;}
#trip-planner .large input 	{ width:340px; margin:0; }
#trip-planner fieldset 		{ clear:both; border:1px solid #fff; width:425px; margin:10px 0 0 0; padding:4px 8px 6px;} 
#trip-planner .accessible label { padding-left:17px; background: url(/images/icons/wheelchair.jpg) 0px 3px no-repeat; } 

#sub_ball 					{ float:right; position:relative; z-index:2; width:135px; height:135px; background: url(/images/sunpass.gif) no-repeat; margin:-25px 0px -25px 0; }
#sub_ball span 				{ display:none; }
#sub_ball					{ display:none; }

#interactive-map 			{ float:left; padding:10px; border:2px solid #ccc; margin-top:20px !important; }

.border 					{ float:left; border:2px solid #ccc; }
.blue .bg 					{ background: transparent !important; }

#content .left-frame .box 	{ width:444px; }


#temp_button { background: url(/images/system_map_button.png) no-repeat; width:448px; height:168px; display:block; margin-top:9px; }
#temp_button span { display:none; }




/*==================================*\
|*		Typography					*|
\*==================================*/
body 						{ font-size:11px; }

h1, h2						{ font-size:18px; color: #0470BB; margin:0 0 .7em; font-weight:bold; letter-spacing:-.03em; line-height:1em; }
h3 							{ font-size:15px; color: #538A4F; margin:0 0 .5em; }

#trip-planner 				{ color:#fff; }
#trip-planner h3 			{ color: #FFFFFF; font-size:22px; margin:44px 0 0 0; }
#trip-planner .large label 	{ font-size:16px; }
#trip-planner .large .normal{ font-size:12px; }
#trip-planner .accessible label { color:#333; }


#plan_inner 				{ color: #000000; font-weight: bold; }
#googletransit 				{ font-size: 11px; background: #d4edf9; }




/*==================================*\
|*		Print					*|
\*==================================*/
@media print {
  #content div { width:100% !important; padding:0px !important; margin:0px !important; float:none !important; }
  .right-frame { display:block; }
  .left-frame { display:none; }
}