.dgsPage h2.dgsBDC { border-bottom: 1px solid black; } .dgsPage .dgsBDCDL { } .dgsPage .dgsBDCDL dt { margin-top: 5px; color: #666666; font-weight: 700; } .dgsPage .dgsBDCDL dd { margin-left: 15px; } .dgsDLOne { width; 100%; } .dgsDLOne dt { float: left; width: 80%;} .dgsDLOne dd { float: right; margin-right: 0;} #dgsESCO01 dl.dgsDLOne { width: 80%; margin-left: 50px; } #dgsESCO01 dl.dgsDLOne dt { color: #333333; font-weight: 600; } #dgsESCO01 dl.dgsDLOne dd { } /***** Home *****/ #dgsBDCProjectNews { } #dgsBDCProjectNews dt { margin-top: 5px; color: #111111; font-weight: 600; } #dgsBDCProjectNews dd { margin-left: 15px; } .dgsPage div.dgsBDCSection { position: relative; float: left; width: 100%; padding: 10px 0; /*margin-bottom: 1em;*/ } .dgsPage div.dgsBDCSection div.left { float: left; width: 40%; margin: 0px; padding: 0 0; } .dgsPage div.dgsBDCSection div.right { float: right; width: 52.5%; margin: 0px; padding: 0 0; } .dgsPage div.dgsBDCSection div.divide { position: absolute; left: 43%; top: 10px; bottom: 10px; border-left: 1px solid #cccccc; } /***** Green Building *****/ #dgsBDCGreenBuilding img.imageFit { width: 640px; border: none; text-align: center; padding: 10px; border: solid 1px #cccccc; } #dgsBDCGreenBuilding p.caption { width: 640px; padding: 10px; text-align: center; background: #303030; color: #fff; margin: 0 auto; font-size: 1.4em; line-height: 1.05em; border: 1px solid black; } dl.dgsNPRProject { float: left; width: 95%; padding: 2% 2.5%; margin: 0; border-bottom: 1px solid #cccccc; } dl.dgsNPRProject.last { border-bottom: none; } dl.dgsNPRProject dt { float: left; width: 25%; } dl.dgsNPRProject dd { margin-top: 0; margin-left: 25%; padding-left: 2%; } dl.dgsNPRProject dt img { width: 90%; border: 0; } dl.dgsNPRProject dd h4 { margin-top: 0; } dl.dgsNPRProject dd span { display: inline-block; } dl.dgsNPRProject.right dt { float: right; } dl.dgsNPRProject.right dd { margin-right: 25%; padding-right: 2%; margin-left: 0; padding-left: 0; } dl.dgsNPRProject.right dt a { padding-left: 10%; } /* ---------------------------------------------------------------------------------------------------------------------------- == CIP - Individual Project Page ** ---------------------------------------------------------------------------------------------------------------------------- */ /***** CIP breadcrumb *****/ #dgsCIPBreadcrumb {font-size: .85em; margin: 0 0 12px 0; color: #666666; padding: 0 25px 0 0; } #dgsCIPBreadcrumb a { text-decoration: none; } #dgsCIPBreadcrumb a:hover { text-decoration: underline; } /*#dgsCIPBreadcrumb a.active {color: #739A42;}*/ /***** CIP Basic Info Panels ****/ .dgsPage div.dgsCIPBasicInfo { position: relative; float: left; width: 100%; padding: 10px 0; /*margin-bottom: 1em;*/ } .dgsPage div.dgsCIPBasicInfo div.left { float: left; width: 30%; margin: 10px; padding: 0 0; } .dgsPage div.dgsCIPBasicInfo div.right { float: right; width: 60%; margin: 10px; padding: 0 0; } .dgsPage div.dgsCIPBasicInfo div.divide { position: absolute; left: 35%; top: 10px; bottom: 10px; border-left: 1px solid #cccccc; } /***** CIP Address and Funding *****/ #dgsCIPAddress { margin-top: 0; } #dgsCIPAddress img { float: left; margin-right: 10px; border: 0; } #dgsCIPImage { text-align: center; width: 225px; } #dgsCIPFund a { font-weight: bold; } #dgsCIPFund span.single { } #dgsCIPFund span.both { } #dgsCIPFund span.hide { display: none; } /***** CIP Project Team *****/ /*.dgsPage div.dgsCIPBasicInfo div.right div { text-align: center; width: 50%; float: left; } .dgsPage div.dgsCIPBasicInfo div.right div span { font-weight: bold; } */ #dgsCIPTeam { margin-top: 0; font-weight: bold; text-align: center; padding: 10px 5px; font-size: 1.15em; background-color: #f0f0f0; } #dgsCIPTeamMCG { width: 100%; float: left; margin: 1em 0; font-weight: bold; text-align: center; } #dgsCIPTeamMCG.noTopMargin { margin-top: 0; } .dgsPage div.dgsCIPBasicInfo div.right br.clearfloat.hide { display: none; } .dgsPage div.dgsCIPBasicInfo div.right div.member { text-align: center; width: 50%; float: left; } .dgsPage div.dgsCIPBasicInfo div.right div.member.hide { display: none; } .dgsPage div.dgsCIPBasicInfo div.right div.member.full { width: 100%; } .dgsPage div.dgsCIPBasicInfo div.right div.member span { font-weight: bold; } .dgsPage div.dgsCIPBasicInfo div.right p.dgsSpecialNote { width: 99%; float: left; margin: 1em 0; background-color: #ffff66; border: 2px dashed #ff0000; } .dgsPage div.dgsCIPBasicInfo div.right p.dgsSpecialNote.hide { display: none; } .dgsPage div.dgsCIPBasicInfo div.right p.dgsSpecialNote span { display: inline-block; padding: 0.75em; } /***** CIP Extra Info *****/ #dgsCIPBasicInfoRFP { background-color: #f0f0f0; font-size: 1.15em; line-height: 2em; text-align: center; /*font-weight: bold;*/ } .dgsPage p.dgsCIPBasicInfoRFP { background-color: #f0f0f0; font-size: 1.15em; line-height: 2em; text-align: center; /*font-weight: bold;*/ } .dgsPage p.dgsSpecialNote { background-color: #ffff99; padding: 0.75em; border: 2px dashed #ff5c5c; } .dgsPage div.dgsSpecialNote { background-color: #ffff99; padding: 0.75em; border: 2px dashed #ff5c5c; } /* ---------------------------------------------------------------low------------------------------------------------------------- == TABS ** ---------------------------------------------------------------------------------------------------------------------------- */ .etabs { margin: 0; padding: 0; } .tab { display: inline-block; zoom:1; *display:inline; background: #eee; border: solid 1px #ccc; border-bottom: none; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; color:#054A73;letter-spacing:1px;font-size:1.25em;font-family: Verdana;font-weight:700;} .tab a { font-size: 14px; line-height: 2em; display: block; padding: 0 10px; outline: none; } .dgsPage .tab a { text-decoration: none; } .tab a:hover { text-decoration: underline; } .tab.active { background: #fff; padding-top: 6px; position: relative; top: 1px; border-color: #ccc; color:#054A73; letter-spacing:1px;font-size:1.25em;font-family:Verdana;font-weight:700; } .tab a.active { font-weight: bold; } .tab-container .panel-container {background: #fff; border: solid #ccc 1px; padding: 8px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; } /* ---------------------------------------------------------------------------------------------------------------------------- == END OF TABS ** ---------------------------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------------------------- == IMAGE LISTING ** ---------------------------------------------------------------------------------------------------------------------------- */ .dgsPage .imgList { text-align: center; /*position: static;*/ width: 100%; } .dgsPage .imgList div div.sItem { width: 354px; text-align: center; float: left; border: 1px solid #ccc; margin: 2.5px 3px; padding: 4.5px; } .dgsPage .imgList div div.sItem.slide { border: none; margin: 0; padding: 0; } .dgsPage .imgList div div.sItem h4.sITitle { margin: 0; background-color: #ccc; opacity: 0.7; font-size: 1.1em; padding: 2px 0; position: absolute; width: inherit; } .dgsPage .imgList div div.sItem h4.sITitle slide { } .dgsPage .imgList div div.sItem img.sIImage { width: 100%; border: 0; /*text-align: center; margin: auto;*/ } .dgsPage .imgList div div.sItem h4.sIImage slide { } .dgsPage .imgList div div.sItem p.sICaption { margin: 0; background-color: #ccc; opacity: 0.7; padding: 1px 3px; } .dgsPage .imgList div div.sItem h4.sICaption slide { } /* variation - where height shoudl be large enough to host all elements (title, image, and caption) to avoid cut off */ .dgsPage .imgList.Row1 div div.sItem { width: 600px; } /* for slide show, the parent div dimension = 740px x height */ .dgsPage .imgList.Row2 div div.sItem { width: 354px; } /* height: 270px */ .dgsPage .imgList.Row3 div div.sItem { width: 230px; } /* height: 173px */ .dgsPage .imgList div div.sItem.Row1 { width: 600px; height: auto; } .dgsPage .imgList div div.sItem.Row2 { width: 354px; height: auto; } .dgsPage .imgList div div.sItem.Row3 { width: 230px; height: auto; } /* page-specific settings for image list */ #dgs100300 #dgsImgListSlide2 div.sItem { height: 173px; } #dgs710302 #dgsImgListSlide2 div.sItem { height: 292px; } #dgs470973P3 #dgsImgListSlide2 div.sItem { height: 173px; } /* other page-specific settings */ #dgs641300 span.highlight { color: red; font-weight: bold; } #dgs720916 span.dgsCIPSchedule { display: inline-block; width: 500px; } #dgs470302 span.dgsCIPSchedule { display: inline-block; width: 500px; } #dgs500933 p.dgsCIPSchedule span { display: inline-block; width: 400px; margin-left: 100px; } #dgs361200 p.dgsCIPSchedule span { display: inline-block; width: 400px; margin-left: 100px; } /***** Neighborhood Projects Listing *****/ #dgsNPList { /*border: 1px solid red;*/ border-collapse: collapse; width: 100%; } #dgsNPList tr { /* border-bottom: 1px solid black; */ } #dgsNPList th, td { /* border: 1px solid black; border-width: 0px;*/ } #dgsNPList tr.spaned2 { background-color: lightcyan; display: none; } #dgsNPList tr.spaned2 td { border: none; /*border-width: 0px;*/ } #dgsNPList th { padding: 5px 5px; background-color: #f0f0f0; text-align: center; } #dgsNPList td { padding: 3px 5px; vertical-align: top; } #dgsNPList td img { height: 1em; margin: 0 0.2em 0 0; vertical-align: baseline; border: 0; cursor: pointer; } #dgsNPList td a { font-weight: 700; cursor: hand; } #dgsNPList td.colSpaned { background-color: lightcyan; font-weight: bold; font-size: 1.15em; /* padding-left: 10%;*/ } #dgsNPList col.col1 { font-weight: bold; } /* alternate row background color #dgsNPList tr.odd { background-color: #ffffee; } #dgsNPList tr.even { background-color: #eeeecc; } */ /* styles for DataTable */ .dtTable { width: 100%; float: left; } .dtFilterInfo { float: left; width: 100%; /*border: 1px solid black; border-bottom: none; background-color: #f0f0f0;*/ } #dgsNPList_filter { float: left; padding: 10px; } #dgsNPList_info { float: right; text-align: right; padding: 15px 10px; } #dgsNPList_filter { float: left; padding: 10px; } #dgsNPList_info { float: right; text-align: right; padding: 15px 10px; } #dgsNPList td.desc { display: none; font-size: 0.9em; padding: 3px 5px 10px 5px; border-top: 1px solid #cccccc; background-color: #f0f0f0; /*margin-left: 5%;*/ } #dgsNPList td.region { font-size: 1.15em; background-color: lightcyan; font-weight: bold; padding: 5px 5px; } #dgsNPList td.region img { display: none; } #dgsNPRegionInfo { position: absolute; display: inline-block; left: 525px; top: 10px; width: 235px; /*height: 300px;*/ } #dgsNPRegionInfo img { display: none; } #dgs509974 tr td { border: none; } #dgs509974 #dgsSSTCWalkingSSMetro dl dt, #dgs509974 #dgsSSTCWalkingMARCTrain dl dt { color: gray; font-weight: 600; } #dgs509974 #dgsSSTCWalkingSSMetro dl dd, #dgs509974 #dgsSSTCWalkingMARCTrain dl dd { margin-bottom: 1em; display: none; } #dgs509974 #dgsSSTCWalkingSSMetro dl.persist dd, #dgs509974 #dgsSSTCWalkingMARCTrain dl.persist dd{ display: block; } #dgs509974 #dgsSSTCWalkingSSMetro dl dt img, #dgs509974 #dgsSSTCWalkingMARCTrain dl dt img { vertical-align: bottom; height: 1.25em; cursor: pointer; } #dgs509974 #dgsImgListP div.sItem { height: 300px; overflow: hidden; } #dgs509974 #dgsImgListP div.sItem p.sICaption { height: 2.6em; overflow-y: auto; overflow-x: hidden; background-color: white; }