#tabs { height: 40px; vertical-align: bottom; background: url(../../images/about/board/tab-bg.png) repeat-x left top; }
#tabs ul { list-style: none; }
#tabs li { display: inline; line-height: 200%; font-size: 14px;}
#tabs li a { display: block; float: left; background: url(../../images/about/board/tab.png) no-repeat top left; height: 40px; padding-left: 15px; margin-left: 10px; text-decoration: none; cursor: pointer;  }
#tabs li a span { display: block; float: left; background: url(../../images/about/board/tab.png) no-repeat top right; padding-right: 15px;  color: #4e4426;  height: 100%; }

#tabs li a:hover { background: url(../../images/about/board/tab-over.png) no-repeat left top; }
#tabs li a:hover span { background: url(../../images/about/board/tab-over.png) no-repeat right top; }

/* tab for the page that the user is currently on */
#tabs li.here a, #tabs li.here a:hover { background: url(../../images/about/board/tab-here.png) no-repeat left top; cursor: default;}
#tabs li.here a span, #tabs li.here a:hover span { background: url(../../images/about/board/tab-here.png) no-repeat right top; color: #000; height: 100%; font-weight: bold; }

.yellow { margin: 0; }
.yellow-content { padding: 10px; }

.yellow-tab-topleft { width: 10px; height: 40px; background: url(../../images/about/board/yellow-corners-tab.png) no-repeat left top; }
.yellow-tab-topright { width: 10px; height: 40px; background: url(../../images/about/board/yellow-corners-tab.png) no-repeat right top; }
.yellow-content { width: 561px; }

h3 { color: #1980c0; font-size: 18px; line-height: 24px; font-weight: normal; margin: 15px 0 5px 0; }
h4 { color: #393939; font-size: 14px; line-height: 24px; font-weight: bold; margin: 10px 0 5px 0; text-transform: uppercase}			
#project-info { position: relative; }
#project-info h4 { color:#000; font-size:18px; line-height: 24px; font-weight: normal; text-transform: none }
#project-info #project-map { float: right; border: 1px solid #36332f; margin: 5px 5px 0 10px; }
#project-info #project-footer	{ position: absolute; bottom: 20px; left: 0; width: 250px; }

#project-photos { float: left; width: 140px; padding-top: 5px; margin: 0 10px 0 0; }
#project-photos img { padding: 0 0 10px 0; }
#project-desc { float: left; width: 530px; }
#project-desc-wide { width: 670px; }

.project-list {  }
.project-list p { float: left; }
.project-list .project { width:130px; padding-left: 10px; float: left; }
.project-list .project a { color: #000; }
.project-list .project a:hover { color: #df2d04; }

.project-list .project-minor { width: 150px; padding-left: 10px; float: left; }
.project-list .project-minor a { color: #000; }
.project-list .project-minor a:hover { color: #df2d04; }

.clear-project-footer { height: 40px; background: none; }
.links {  }

.project-pages { width: 230px; height: 60px; float: left; }
.project-pages li { padding-right:10px; padding-bottom: 5px;}

#travel-map { width: 531px; height: 553px;  border:1px solid #d6bc6c; }

/* MAPS */

div.lcParentDiv {position:absolute;z-index:400; left:15px; top:15px;}
.lanes td {font-family: arial;font-size: 70%;text-align: center;}    
.lcParentTable {border: 0px;background-color: #B3CDEF;width: 300px;}  
.legend {position: absolute;top: 2px;right: 16px;}
  
div.dcParentDiv { background: #E7E6E7;border: 2px groove #E7E6E7;
	position: absolute;left: 13px;top: 5px;
    z-index: 400;
    cursor: pointer;
    width: 150px;
  }
  
.dcParentTable {background-color: #B3CDEF;font-family: arial;font-size: 8pt; border-collapse:separate;}
  
    div.SegmentAdvisoryTip {
position:absolute;
    background: #E7E6E7;
    border: 1px solid black;
    font-family: arial;
    font-size: 10px;
    padding: 3px;
    top: 5px;
    left: 5px;
    width: 230px;
    z-index: 999;
    cursor: pointer;
  }

table {border-collapse:collapse;}
#divPlazaDetails table { border-collapse: collapse; }
.laneclosures { margin-left: auto; margin-right: auto; width: 200px; border: 1px solid #000; background-color: #fff }
html>body .laneclosures { min-width: 200px; width: auto; }
td.laneclosures { background-color:  #b3cdef; padding: 5px; }
td.laneclosures-details { background-color: #b3cdef; font: 10px/14px Arial,sans-serif; text-align: left; padding: 4px; }
                        
.lanes { background-color: #fff; border: 10px solid #fff; width: 195px; margin-left: auto; margin-right: auto; }
html>body .lanes { min-width: 195px; width: auto; }
.lanes td { text-align: center;  }
.lanes .lane-logo { text-align: center; }	
.lanes .lane-logo .logo-dnt { margin-left: auto; margin-right: auto; width:45px; height: 45px; background: url(/images/Lane/lc_DNT_logo2.gif) no-repeat center center;  }
.lanes .lane-logo .logo-pgbt { margin-left: auto; margin-right: auto; width:45px; height: 45px; background: url(/images/Lane/lc_PGBT_logo.gif) no-repeat center center; }
.lanes .lane-logo .logo-aatt { margin-left: auto; margin-right: auto; width:45px; height: 45px; background: url(/images/Lane/lc_AATT_logo.gif) no-repeat center center; }
.lanes .lane-logo .logo-mclb { margin-left: auto; margin-right: auto; width:45px; height: 45px; background: url(/images/Lane/lc_MCLB_logo.gif) no-repeat center center; }
.lanes .lane-logo .logo-none { margin-left: auto; margin-right: auto; width:45px; height: 16px; background: url(/images/Lane/lc_bg_logo_sm.jpg) no-repeat center center; }

.lanes .lane-logo2 { text-align: center; background: url(/images/Lane/lc_bg_logo_sm.jpg) repeat-y left top; }		
.lanes .lane-logo2 .logo-dnt { margin-left: auto; margin-right: auto; width:45px; height: 57px; background: url(/images/Lane/lc_DNT_logo2.gif) no-repeat center center;  }
.lanes .lane-logo3 .logo-dnt { margin-left: auto; margin-right: auto; width:45px; height: 52px; background: url(/images/Lane/lc_DNT_logo2.gif) no-repeat center center;  }
.lanes .lane-logo2 .logo-pgbt { margin-left: auto; margin-right: auto; width:45px; height: 57px; background: url(/images/Lane/lc_PGBT_logo2.gif) no-repeat center center; }
.lanes .lane-logo3 .logo-pgbt { margin-left: auto; margin-right: auto; width:45px; height: 52px; background: url(/images/Lane/lc_PGBT_logo2.gif) no-repeat center center; }
.lane-direction { background-color: #dfb288;}

.laneclosure-lanes { margin-left: auto; margin-right: auto; }
.laneclosure-lanes td { text-align: center; vertical-align: middle; border: 1px solid #000; padding: 0; }
        
.laneclosure-lanes .lane-checkboxes td { background-color: #fff; width: 14px; height: 18px; padding: 0px; }      
.laneclosure-lanes .lane-number td { background-color: #fff; font: 10px/16px Arial,sans-serif; padding: 1px 1px; }      
.lane-number td { width:14px; height:14px;}

.lane-bottom { height: 20px; background: url(/images/Lane/laneclosure-bg.gif) repeat-y center center; }              
	
.laneclosures-title { font:10px/12px Arial,sans-serif; background-color: #fff; }
.laneclosures-topleft { width: 49%; float: left; text-align: left;  }
.laneclosures-topright { width: 49%; float: right; text-align: right; }
.laneclosures-bottomleft { width: 49%; float: left; text-align: left; }
.laneclosures-bottomright { width: 49%; float: right; text-align: right; color:Blue; }


