/*==============================================/
	Map Styles
/==============================================*/

.\@map-module { font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 150%; }
.\@map-module * { font-family: Arial, Helvetica, sans-serif; /*font-size: 100%;*/ }
/*
.\@map-module { 
	font-family: Arial, Helvetica, sans-serif; 
	text-shadow: 0 0 0 #000; 
	}

.\@map-module input { 
	font-family: Arial, Helvetica, sans-serif; 
	text-shadow: 0 0 0 #000; 
	}
*/
.\@map-module-width { 
	margin-left:2.6em;
	margin-right:2.6em;
}


/*
.\@map-module * { font-family: Arial, Helvetica, sans-serif; }
*/
.\@map-module dl, .\@map-module dd { margin: 0px; padding: 0px; }
.\@map-module dd { padding-left: 40px; }

.\@map-module fieldset { margin: 0px; padding: 0px; border: none; display: block; }
/* IE lte 6 ONLY */
* html fieldset { float: none; }
.\@map-module form { margin: 0px; padding: 0px; overflow: hidden; }

.\@map-module h1, .\@map-module h2, .\@map-module h3, .\@map-module h4, .\@map-module h5, .\@map-module h6, .\@map-module p, .\@map-module ol, .\@map-module ul { margin: 0px; }
.\@map-module h1, .\@map-module h2, .\@map-module h3, .\@map-module h4, .\@map-module h5, .\@map-module h6 { font-family: Arial, Helvetica, sans-serif; line-height: 100%; }
.\@map-module h1 { padding: 10px 0px; }
.\@map-module h2 { padding: 13px 0px; }
.\@map-module h3 { padding: 16px 0px; }
.\@map-module h4, .\@map-module dt, .\@map-module th { font-size: 1em; }
.\@map-module dt, .\@map-module th { font-weight: bold; }
.\@map-module h4, .\@map-module ol, .\@map-module p, .\@map-module ul { padding: 16px 0px; }
.\@map-module h5 { padding: 13px 0px; }
.\@map-module h6 { padding: 11px 0px; }

.\@map-module a img { border: none; }

.\@map-module p { line-height: inherit; }

.\@map-module ol, .\@map-module ul { padding-left: 40px; overflow: hidden; }
/* IE lte 6 ONLY */
* html dl, * html ul { display: inline-block; }

.\@map-module textarea { overflow: auto; }

.\@map-module dd, .\@map-module label, .\@map-module li, .\@map-module p, .\@map-module td { line-height: 150%!important; font-size:65% !important}

.\@map-module li *, .\@map-module li li, .\@map-module td *, .\@map-module p td { font-size: 100%!important; }

.\@map-module li { /*margin-bottom: 0.65em;*/ }

.\@map-module p, .\@map-module ul { padding-top: 0.2em; padding-bottom: 0.2em; }

.\@map-module a:link, .\@map-module a:hover, .\@map-module a:active, .\@map-module a:visited { color: #0000ff; }

.\@map-module a:hover, .\@map-module a:focus, .\@map-module a:active { color: #ff0000; text-decoration: none; }

/*----------------------------------------------/
	Map: .@map-module
/----------------------------------------------*/

.\@map-module {
	/*font-size: 16px;*/
	/*margin: 15px;*/
	/*padding: 10px;*/
	/*border: 3px double #ccc;*/
	border: 3px solid #f0cb00;
	
	background-color:#d9e4e0;
	overflow: hidden;
}

/* IE lte 6 ONLY */
* html .\@map-module {
	display: inline-block;
}
/*----------------------------------------------/
	Map: .@map-module-mini
/----------------------------------------------*/
.\@map-module-mini {
	height:20.00em;
	border: 3px solid #f0cb00;
	
	background-color:#d9e4e0;
	overflow: hidden;
}

/*----------------------------------------------/
	Map: .@map-controls
/----------------------------------------------*/

.\@map-controls {
	background: #d9e4e0 none no-repeat right top;
	border-right: 1px dotted #999999;
	width: 200px;
	/*margin: 0px 10px 0px 0px;*/
	padding: 0px 10px 10px;
	float: left;
	clear: right;
	height:30.00em;
	overflow:hidden;
}

.\@map-list {
	/*height: expression( this.scrollHeight > 500 ? "27.00em" : "auto" ); 
	max-height:27.00em!important;*/
	height:42.00em;
	clear: right;	
	overflow:auto;
}

/*----------------------------------------------/
	Map: .@map-processing
		Note: Add .@map-processing to .@map-controls 
		to display animated process running symbol.
		
	@usage	<tag class="@map-controls @map-processing">
/----------------------------------------------*/

.\@map-processing {  }
.\@map-controls.\@map-processing {
	/*background-image: url(/shared/map/img/icon_progress.gif);*/
}

.\@map-controls h5 {
	padding-bottom: 5px;
}

/* List of controls */
.\@map-controls ul {
	padding-left: 5px;
	overflow: auto;
}

.\@map-controls li {
	width: 100%;
	margin: 3px 0px;
	padding: 2px 0px;
	float: left;
	clear: both;
	list-style: none;
	border-bottom: 1px solid #ccc;
	display: inline;
}

/* List of results if control contains displayable results */
.\@map-controls dl {
	/*font-size: 90%!important;*/
	padding: 5px 10px 10px 40px;
	clear: both;
	display: none;
}

.\@map-controls dt {
	color: #666;
	border-bottom:1px dotted #CCC;
	padding-top: 2px;
	margin-bottom:2px;
}

.\@map-controls dd {
	padding-left: 5px;
}

/* Control contents */
.\@map-controls input, .\@map-controls label  {
	float: left;
	clear: right;
}

.\@map-controls input {
	width: 16px;
	height: 16px;
	margin: 0px;
}

.route {
	clear:both!important;
	margin: 0px!important;
}

/* Label allows for 16 x 16 icon */
.\@map-controls label  {
	color: #666;
	background: url(/shared/map/img/icon-metro.jpg) no-repeat 4px top;
	padding-left: 26px;
	float: none;
	display: block;
	overflow: hidden;
}
.\@map-controls label .blankLabel{
	background:none !important;
	
}
.\@map-list-3 label  {
	background: url(/shared/map/img/icon-art.jpg) no-repeat 4px top !important;
}

.\@map-list-10 label  {
	background: url(/shared/map/img/icon-ffc.jpg) no-repeat 4px top !important;
}

.\@map-list-1 label  {

	background: url(/shared/map/img/icon-metrobus.jpg) no-repeat 4px top !important;

}

.\@map-list-cs label  {
	background: url(/shared/map/img/icon-cs.jpg) no-repeat 4px top !important;
}

.\@map-list-vre label  {
	background: url(/shared/map/img/icon-vre.jpg) no-repeat 4px top !important;
}

.\@map-list-zipcar label  {

	background: url(/shared/map/img/icon-zipcar.jpg) no-repeat 4px top !important;

}

.\@map-list-slug label  {

	background: url(/shared/map/img/icon-slug.jpg) no-repeat 4px top !important;

}

/* IE lte 6 ONLY */
* html .\@map-controls label {
	float: left;
}

.\@map-controls label:hover, .\@map-controls label:hover *, 
.\@map-controls label:visited, .\@map-controls label:visited * {
	color: #0000ff;
}

.\@map-controls label span  {
	color: #000;
	font-weight: bold;
	display: block;
}

/*----------------------------------------------/
	Map: .@map-viewport
/----------------------------------------------*/

.\@map-viewport {
	float: none;
	overflow: hidden;
	position: relative;
	z-index: 1000;
}


/*----------------------------------------------/
	Map: Google Map styles
/----------------------------------------------

.gmnoprint{
	padding-top:3px!important;
	line-height:110%!important;
	font-size:100%!important;
}

.gmnoprint table, tr, td{
	border:none;
}

div.gmnoprint{
	height:auto!important;
}
.gs-directions-to-from{
	font-size:10px!important;
}
.gmls-results-controls{
	padding-left:3px!important;
	padding-right:3px!important;
}
.list-item-key-keymode{
	padding-top:5px!important;
	height:20px;
}
.gs-title{
	padding-top:2px!important;
	font-size:11px!important;
	font-weight:bold;
}
.gmls-result-list-item-key-keymode{
	padding-top:5px!important;
	height:20px;	
}

.gmls-results-list .gmls-result-list-item .gmls-result-list-item-key-keymode {
	background-position:left bottom;
}

.gmls-results-list .gmls-result-list-item{
	height:auto;
	overflow:visible;
}
.gs-addressLine{
	font-size:11px!important;
}
.gs-phone{
	font-size:11px!important;
}
.gmls-app table {
	border-collapse:separate;
}
.gmls-result-wrapper{
	height:auto!important;
	overflow:visible!important;
	background-color:#fff;
	clear:both;
}*/
.gmnoprint table, tr, td{
	border:none;
}
/*----------------------------------------------/
	Map: Tabs
/----------------------------------------------*/

.tabTable, .tabTable tbody, .tabTable tr:first-child, .tabTable td {
	background-color: transparent;
}

.tabinActive, 
.tabinInactive {
	color: #000;
	font-size: 0.75em;
	font-weight: bold;
	background: #fff url(/shared/map/img/t1bg.jpg) repeat-x left top;
	padding: 5px;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	cursor: pointer;
}

.tabinInactive {
	color: #333;
	background-color: #ccc;
	background-image: url(/shared/map/img/t2bg.jpg);
	background-repeat:repeat-x;
	border-bottom: 1px solid #999;
}

.tabBodyActive {
	background-color: #fff;
	padding: 5px;
	border-right: 1px solid #999;
}

.tabTable{
	margin-top: 10px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
}

.divHidden {
	display:none;
	visibility:hidden;
}

.divVisible {
	display:block;
	visibility:visible;
}

/*----------------------------------------------/
	Map: #@map-detail
/----------------------------------------------*/

#\@map-detail {
	width: 240px;
	overflow: hidden; /* Important for calculating the proper height */
}
#\@map-detail p{
	line-height:15px !important;
}

#\@map-detail h4 {
	padding-bottom: 0px;
}

#\@map-detail h4 span {
	font-size: 80%;
	display: block;
}

#\@map-detail h5 {
	padding-bottom: 0px;
}

/* List of controls */
#\@map-detail ul {
	padding-left: 5px;
	overflow: visible;
	max-height:300px;
}

#\@map-detail li {
	width: 100%;
	margin: 3px 0px;
	padding: 2px 0px;
	float: left;
	clear: both;
	list-style: none;
	border-bottom: 1px dotted #ccc;
	display: inline;
	/*font-size:10px !important;*/
}

/* List of results if control contains displayable results */
#\@map-detail dl {
	/*font-size: 70%!important;*/
	padding: 5px 10px 10px 0px;
	clear: both;
}

#\@map-detail dt {
	color: #666;
	font-size: 0.75em;
}

#\@map-detail dd {
	padding-left: 15px;
}

#\@map-detail ul dl {
	/*font-size: 100%!important;*/
	padding-left: 5px;
}

.\@map-detail-name {
	
}

.gm-style .gm-style-iw-d ul {
   margin:0px !important;
	
}

.\@map-detail-direction {
	color: #666;
	font-weight: normal;
}

.\@map-detail-switch {
	font-size: 12px;
	margin-bottom:6px;
	margin-top:6px;
	/*padding-left: 5px;*/
}

.\@map-key { 
	margin-left:2.6em;
	margin-right:2.6em;

}
.\@map-key li {
	/*font-size:98% !important;*/
	float:left;
	display:inline;
	padding-right:2em;
	
}
.\@map-key ul {
	font-family: Arial, Helvetica, sans-serif; 
	
	color: #666;
	text-shadow: 0 0 0 #000;
	float: left;
	list-style-image: none;
	list-style-position:outside;
	list-style-type: none;
	overflow: visible;
	padding: 0px;
	margin:0px;
}


/* @begin - ACCS Framework */
.accs-map-row {

	position: relative;
	overflow: auto;
}

	.accs-map-col {

		position: relative;
	}

		.accs-map-gmap {

			overflow: hidden;
		}

			/* Override */
			.accs-map-gmap img {

				background-color: transparent !important;
			}

	.accs-map-options {

		
	}

.accs-active{
	display:block;
}

.accs-inactive{
	display:none;
}

#ARTList .accs-list-option-title{
    background: url(/shared/map/img/icon-art.jpg) no-repeat 0px top !important;
	padding-left: 22px;
}

#MetroList .accs-list-option-title{
    background: url(/shared/map/img/icon-metrobus.jpg) no-repeat 0px top;
    padding-left: 22px;
}

.route-title{
	width:80%;
	padding:2%;
}

.art-route-toggle label{
	font-size:13.333px;
}

#toggleTraffic > label{
    background: url(/shared/map/img/icon_traffic.jpg) no-repeat 4px top;
}

#toggleCS > label{
	background: url(/shared/map/img/icon-cs.jpg) no-repeat 4px top !important;
    
}

#toggleRail > label, #toggleVRE > label{
	background: url(/shared/map/img/vre.svg) no-repeat 4px top !important;
}

#toggleZipCar > label{
    background: url(/shared/map/img/zipcar.svg) no-repeat 4px top !important;
}

#toggleSlugLines > label{
	background: url(/shared/map/img/slugline.svg) no-repeat 4px top !important;
}

#tabGroup0_tab3Content input{
}

#tabGroup0_tab3Content div{
	width:100%;
}

#tabGroup0_tab3Content label{
	color: #666;
    padding-left: 26px;
    float: none;
    overflow: hidden;
	font-size:12px;
}

.art-route img{
	margin: 0px !important;
	padding:2px !important;
}
/* @end - ACSS Framework */