﻿@import "../../../JavaScript/Dojo/release/dojo/dijit/themes/tundra/tundra.css";
@import "../../../JavaScript/Dojo/release/dojo/dojo/resources/dojo.css";

/* Pointer fixes */
#mTbHelp, #mTbMailList, #mTbContact, #mTbAbout {cursor:pointer !important;}
#toolbarTrip, #toolbarSearchWizard, #toolbarAddProvider, #toolbar1help, #toolbar1print, #toolbarMyInfo, #toolbarMyTrips, #toolbarMyProv {color:White;cursor:pointer!important;}
a img {cursor:pointer!important;}
.PagingButton {cursor:pointer;}
         
/* Dojo Overrides */
	/*Buttons*/
.dijitDropDownButtonHover {background:transparent!important;border-color:transparent!important;}
.dijitButtonHover {background:transparent!important;border-color:transparent!important;}	
.connect .dijitButtonNode, .connect .dijitButtonActive .dijitButtonNode, .connect .dijitDropDownButtonActive .dijitButtonNode{color:white;border:1px solid #aaa;background-image:url(../Images/buttonBgSmall.gif);}
.connect .dijitButtonHover .dijitButtonNode, .connect .dijitDropDownButtonHover .dijitButtonNode{color:black;border:1px solid #506595;background-image:url(../Images/buttonBgSmall.gif);}
.connect .buttonHighlight .dijitButtonNode, .connect .buttonHighlight .dijitButtonActive .dijitButtonNode{border-color:#708db1;background-image:url(../Images/buttonBgSmall2.gif);}
.connect .dijitComboBoxHover .dijitButtonNode{background-image:url(../Images/buttonBgSmall.gif);}
.largeddbutton .dijitButtonNode, .largeddbutton .dijitDropDownButtonActive .dijitButtonNode{padding:5px;color:white;border:1px solid #aaa;background-image:url(../Images/buttonBgLg.gif);}
.largeddbutton .dijitDropDownButtonHover .dijitButtonNode{padding:5px;color:black;border:1px solid #777;background-image:url(../Images/buttonBgLg.gif);}

	/*Dialogs*/
.dijitDialogUnderlay {background-color:#ccc;}
.tundra .dijitDialog{border-color:#ADADAD!important;}
.connect .dijitDialogTitleBar{background-image:url(../Images/tabBgLg.gif);background-position:left center;}
.connect .dijitDialogPaneContent{background:#f5f5f5 url(../Images/boxBg.gif) top left repeat-x!important;}
.connect .dijitDialogCloseIcon{width:43px;}
#editProvider .dijitDialogCloseIcon, #commentDialog .dijitDialogCloseIcon, #loadingDialog .dijitDialogCloseIcon, #mailListDialog .dijitDialogCloseIcon {display:none!important;}
.dijitDialog .closeText{display:inline;font-size:.9em;color:White;}
.connect .dijitProgressBarTile{background-image:url(../Images/progressBar.gif)!important;}

	/*Form Elements*/
.tundra .dijitTextArea > div {min-height:2.2em!important;}

	/*Panels*/
.connect .green .dijitTitlePaneTitle{background-image:url(../Images/boxHeaderGreen.gif);}
.connect .brown .dijitTitlePaneTitle{background-image:url(../Images/boxHeaderBrown.gif);}
.connect .dijitTitlePane .dijitTitlePaneTitle{color:white;padding:7px 0 7px 15px;}
.connect .dijitTitlePaneContentInner{background:#F4F4F4 url(../Images/boxBg.gif) repeat-x top left;}
.connect #refineCategories .dijitTitlePaneContentOuter{border:none;}
       
.connect .dijitTab .dijitTabInnerDiv{color:white;background-image:url(../Images/tabBgLg.gif);}
.connect .dijitTabHover{border-top-color:#506595; border-left-color:#506595; border-right-color:#506595;}
.connect .dijitTabCheckedHover{border-top-color:#CCC; border-left-color:#CCC; border-right-color:#CCC;}
.connect .dijitTabChecked .dijitTabInnerDiv{color:black!important;background-color:#E1E1E1; background-image:none;}
.connect .dijitTabContainerTop-tabs .dijitTabChecked{border-bottom-color:#E1E1E1;}

	/*Grid*/
.tundra .dojoxGrid-view {font-size: 1em;}

/* OL Overrides */
.olFramedCloudPopupContent {overflow:auto;}

/* Internal CSS */
	
html, body { height: 100%; width: 100%; margin: 0; padding: 0; } /* NOTE: for a full screen layout, must set body size equal to the viewport. */
.navlink {color:white; text-decoration:none;line-height:1.5em;}        
.showOnLoad {visibility:hidden!important;} 

	/*Master Dialogs*/
.commentPiece, .mailListPiece {width:420px;}
.commentPiece input, .mailListPiece input{width:97%;margin-bottom:8px!important;}
.commentPiece fieldset {width:96%;margin-bottom:8px;}
.commentButtons, .mailListButtons {text-align:center; padding: 10px 0 10px 0;}
.required {color:Red;font-size:.8em;}

	/*Master Header*/
.headerWrap {height:119px;padding:0px;}
.headerCenter {border:none;background: transparent url(../Images/SiteHeader/headerBg.gif) top left repeat-x;}
.headerLogo1 {float:left;padding-left:30px;}
.headerLogo2 {float:left;padding-top:41px;}
.headerToolbar1 {padding:5px;*padding-top:0px;width:490px;right:0;position:absolute;z-index:5;background: transparent url(../Images/SiteHeader/subnavBg.gif) bottom right no-repeat!important;border:none!important;}
.headerToolbar2 {position:absolute;bottom:4px;left:0;height:35px;background:transparent url(../Images/SiteHeader/headerBgBottom.gif) bottom left repeat-x;z-index:5;width:100%;}
.headerToolbar1 .toolbarItem {float:right;margin-left:10px;}
.headerToolbar2 .toolbarItem {position:relative;float:left;bottom:6px;height:35px;width:97px;cursor:pointer;}
#nav1 {background:transparent url(../Images/SiteHeader/tabHome.gif) 0 6px no-repeat;}
#nav2 {background:transparent url(../Images/SiteHeader/tabServices.gif) 0 6px no-repeat;}
#nav3 {background:transparent url(../Images/SiteHeader/tabResources.gif) 0 6px no-repeat;}
#nav4 {background:transparent url(../Images/SiteHeader/tabMyConnect.gif) 0 6px no-repeat;}
#nav5 {background:transparent url(../Images/SiteHeader/tabManage.gif) 0 6px no-repeat;}
#headerSubMenu {height:55px;width:100px;padding-left:10px;padding-top:10px;font-size:.9em;background:#E37423 url(../Images/SiteHeader/subnavDropdown.gif) 0 0 no-repeat;margin-left:10px;margin-top:5px;z-index:4!important;color:white; text-align:left;}
.headerToolbarSpacer1 {position:relative;float:left;width:30px;}
.headerToolbarSpacer2 {position:relative;float:left;width:10px;}

	/*Home*/
#homeBodyWrap {width: 952px; margin: 0 auto; padding-top:30px;}
#homeTitleHeader {width: 100%; padding: 0 0 10px 0; margin: 20px 0 20px 0; border-bottom: 2px solid #D7D7D7; height: 80px;}
#homeTitleHeader p {margin: 5px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:14px; color: #6d6d6d; line-height: 18px}
#homeButtonsNewToSite {width: 440px; float: right; padding: 12px 0 0 0; margin: 0 0 0 5px;}
#homeButtonsNewToSite img {vertical-align:middle;}
#homeButtonsMain {width: 215px; margin: 0 15px 0 0; float:left; height: 295px; *height: auto;}
#homeButtonsMain a {display:inline-block;float:left; margin: 0 0 12px 0;}
.homeButtonGroup {margin: 0 0 -3px 0 !important;}
#homeHighlight {float:left; width: 462px; margin: 0 16px 0 0;}
#homeUpdates {width: 240px; background: url(../Images/Home/boxHomeBg.gif) top left no-repeat; height: 273px; float: left; padding: 0;}
#homeUpdatesTitle {padding: 20px 0 15px; margin: 0 0 0 20px;}
.homeUpdatesList {height:200px; overflow:auto; margin-left:20px; margin-right:10px;}
.newsItem {margin-bottom:15px;}
.newsHeadline {font-weight:bold;font-size:1.2em; display:inline;}
#footer {padding: 25px 0 15px 0; border-top: 2px solid #D7D7D7; clear:left;}
#footerIconsLeft {float:left; padding: 0 25px 0 0; border-right: 1px solid #eaeaea; margin: 0 20px 0 0; height: 100px;}
#footerIconsRight {float: right;padding: 0 0 0 20px;border-left: 1px solid #eaeaea;margin: 0 0 0 15px;height: 100px;}
#footerDisclaimer {font-size: 10px; line-height: 12px;}

	/*Search*/
#searchToolbar {height:30px;background-image:url(../Images/headerbarBg.gif);}
#searchToolbar .toolbarItemLeft {}
#searchToolbar .toolbarItemLeftFirst {margin-left:22px;}
#searchToolbar .toolbarItemRight {float:right;}
#searchToolbar .toolbarItemRightFirst {float:right;margin-right:5px;}

.menuIcon {background-repeat: no-repeat;height: 18px;width: 18px;text-align: center;}
.excelIcon {background-image: url(../Images/excel.gif);}
.textIcon {background-image: url(../Images/text.gif);}
.accessIcon {background-image: url(../Images/access.gif);}

.dndNode {padding:3px;margin-top:1px;margin-bottom:1px;border:solid 1px #aaa;}

.helpTipText {font-size:.9em;}
.QTips {width:250px;}

.TOCHelpR{cursor:pointer;float:right;width:10px;height:14px;background:transparent url(../Images/help.gif) no-repeat;}
.TOCHelpL{cursor:pointer;float:left;width:10px;height:14px;background:transparent url(../Images/help.gif) no-repeat;}
.TOCHeader {font-weight:bold; font-size:1.1em; padding: 10px 21px 2px 15px;}       
.TOCText {float:left;padding-bottom:2px;}
.TOCTextbox {margin-left:15px!important;*margin-left:0px!important;width:160px;}
.TOCSlider {margin-left:10px;width:170px;}
.TOCButtonPane {width:100%; text-align:center; padding: 10px 0 15px 0;}
.TOCRefinePane {width:100%; padding: 0px;}
.TOCSearchingText {padding: 10px; font-style:italic;}
.TOCSearchingText ul {padding-left:15px; margin-top:0px;}
.TOCCheckbox, .EditCheckbox {margin-top:5px!important;}
.TOCLabel {margin-top:4px!important;}
.TOCBoundary {width:95%;margin-bottom:10px!important;}
#GeogLeft .WizBoundary {width:90%;}
#GeogRight .WizBoundary {width:95%;}

#gridTabHeader{border-width:0px; height:30px; background: #F5F5F5 url(../Images/boxBg.gif) repeat-x top left;}
#gridTabHeader .gridTabHeadLeft {float:left; padding-top:8px; padding-right:10px; padding-left:5px;}
#gridTabHeader .gridTabHeadRight {float:right;}
#gridTabHeader .gridTabHeadRightButton {float:right; margin-top:4px; margin-right:5px;}

#providerDetails {padding:8px; border-right:none;border-top:none; background: #F5F5F5 url(../Images/boxBg.gif) repeat-x top left;}
.detailPiece {margin-bottom:10px;}
.detailName {font-size:1.4em; font-weight:bold; padding-top: 5px;}
.detailService {font-size:.8em; line-height:1.4em; padding: 3px 0 0 5px; border-left: 2px solid #cccccc; margin: 0 0 0 9px; color: #666666}
.detailServiceTitle {padding: 3px 0 0 5px; border-left: 2px solid #cccccc; border-bottom: 1px solid #cccccc; margin: 0 0 0 9px; }
.detailItems {margin: 0 10px 0 10px; padding: 0 0 10px 0}
.detailPiece {margin: 10px 10px 10px 0}
.detailPiece img {vertical-align: middle}
.detailPiece h3 {font-size: 12px; padding-bottom: 2px; border-bottom: 1px solid #cccccc; margin: 6px 15px 3px 0;}
.detailPiece b {color:#444;font-size:0.95em;}
.detailPiece div {}
.detailPiece .detailService {padding-left:15px;}
.detailPieceIcon {height: 20px; width:20px; margin-right: 5px; margin-top:5px;}
.detailPaging {border-bottom: 3px solid #aaaaaa; margin: 10px 10px 0 10px; padding-bottom: 3px;}
.detailServiceItem {margin-top:4px;}

#mapTabHeader {height:auto; padding:0px; border:none; background: #F5F5F5 url(../Images/boxBg.gif) repeat-x top left;}
.mapTabHeadIcon {float:left;padding-top:5px;padding-left:5px;}
.mapTabHeadText {float:left;font-size:.9em;padding-top:3px;padding-bottom:3px;padding-left:5px;}
.mapTabHeadButton {float:right;margin:0;}
#septaLegend {margin-left:20px;visibility:hidden;height:1px;}
#septaLegend span {font-size:.9em;}

	/*Search Dialogs*/
.wiz {width:470px;}
.wiz2 {width:475px;}
.wizLogo {margin-bottom:5px;}
.wizInstruction {font-size:.9em;}
.wizButtons {text-align:center; padding: 10px 0 20px 0;}
.green table, .brown table {width:450px;}
.green td, .brown td {width:50%;vertical-align:top;}

.geocodeMatch {padding: 4px; margin: 2px; border: solid 1px #aaa; cursor:pointer; background-color:White;}
.geocodeMatch:hover{background-color:#F2F5F9;}

.tripText {width:400px; font-size:.9em;}
.tripText ul {margin:0px;padding-left:30px;}
.tripList {overflow:auto;padding:5px;height:200px;margin-top:5px;margin-bottom:5px;}
#routeLocation {width:335px;}
.routeCoords {visibility:hidden;height:1px;}
.routeName {font-weight:bold;}


	/*Edit Panel*/
.EditHeader {font-weight:bold; font-size:1.3em; padding-bottom:12px;width:700px;}

	/*Help*/
.helpHeader, .helpSubHeader1, .helpSubHeader2, .helpSubHeader3 {font-weight:bold;}
.helpSubHeader1, .helpSubHeader2, .helpSubHeader4 {text-decoration:underline;}
.helpHeader {font-size:14pt;}
.helpSubHeader1 {font-size:12pt;}
.helpSubHeader2, .helpSubHeader3 {font-size:10pt;}
.helpText, .helpSubHeader4 {padding-left:10px;}
.helpText2 {padding-left:20px;}
.bookmark {color:#2e69b1;}

	/*About*/
.aboutTitle {font-size:14pt;font-weight:bold;color:#ff6600;}
.aboutSubTitle {font-size:12pt;font-weight:bold;color:#3366ff;}
.aboutSubTitle2 {font-size:12pt;font-style:italic;color:#ff6600;}

	/*Register and Account Info*/
.registerTitle {font-size:14pt;font-weight:bold;}
.registerSubTitle {font-size:12pt;font-weight:bold; color:#ff6600;}
.registerHeader {font-weight:bold; margin-top:5px;}
.registerRequired {color:Red;}
.registerTxt1 {width:150px;}
.registerTxt2 {width:300px;}

	/* Editor request page */
.editRequestInfoTxt {width:300px; height: 200px;}

	/*Account Managment*/
.UserManagement_DetailView_Row{line-height:1.7em;}
.UserManagement_DetailView_Header{font-weight:bold;padding-right:10px;}
.UserManagement_DetailView_Footer{visibility:hidden;}
.UserManagement_DetailView_Row input{margin:2px 0;}
.UserManagement_DetailView_Row input[type="button"], .UserManagement_DetailView_Row input[type="submit"] {margin:10px 5px;}

.adminUserList table {margin:20px 0 0 0;}
.adminUserList table td{padding-right:10px;}
.adminUserList table td select{margin-right:5px;}
.adminUserList table.UserManagement_Grid {margin-top:10px;}
.adminUserList table.UserManagement_Grid td{padding:2px;}
.UserManagement_GridHeader th {height:24px;padding:0 2px;color:#1a4786;background:#a8a8a8 url(../Images/buttonBgSmall2.gif) top left repeat-x;}
.UserManagement_GridHeader th a {font-weight:bold;color:#1a4786;text-decoration:none;}
