/*  STRUCTURE FOR ENR HOMEPAGE */
.homeBody #rightColumn {
	background-color:#EEEEEE;
}
.homeBody #leftColumn {
	border:none;
	margin:0;
}
.homeBody #leftColumn .left { /* left column on homepage inside of #leftColumn */
	float: left;width: 310px;
}
.homeBody #leftColumn .right { /* right column on homepage inside of #leftColumn */
	float: right;width: 310px;
}
.homeBody .section {
	font-size: 20px;
	color:#333333;
	border-bottom-color:#333333;
	margin-bottom: 8px;
}
.homeBody .section a {
	color:#333333;
}
.homepageBucket, .homeBody .rectangleAd {
	margin-bottom:20px;
}
#rightColumn .homepageBucket, .homeBody #rightColumn .rectangleAd { /* margin between boxes of content in the right hand column */
	margin-bottom:10px;
}
#ENR #topDiv{
	position:relative;
	top:0px;
}


/* styles for the optional ANNOUNCEMENT BOX ON HOMEPAGE */
#homeAnnouncement {	margin: 0px 0px 10px;padding: 5px;border: 1px dotted #F10102;}
#homeAnnouncement #announceTop {font-size: 14px;color: #F10102;text-align: center;}
#homeAnnouncement #announceTop a{ color: #F10102;}



/* Main Picture Box styles for homepage */	
#homepageFeature {
	padding:4px;
	margin-bottom: 20px;
	border-style:solid;
	border-width:1px;
	border-top-color:#0552b8;
	border-left-color:#0552b8;
	border-right-color:#052856;
	border-bottom-color:#052856;
}
#homepageFeature .photo{
	width:300px;
	text-align:center;
	overflow: hidden;
	height: 230px;
}
#homepageFeature .photoCredit{
	text-align:right;
	margin-top:3px;
	height: 12px; 
	overflow: hidden;

}
#homepageFeature .headline {
	font-size: 18px;
	color:#064599;
	margin: 3px 0px 8px;
}
#homepageFeature .headline a{
	text-decoration:none;
}
#homepageFeature .headline a:hover{
	text-decoration:underline;
}
#homepageFeature .caption{
	margin: 5px 0px 10px;
}

#homepageFeature .fullcaption { /* this ensures that the entire caption area under the featured photo is always the same height */
    height: 135px;
    overflow: hidden;
}


/*this part of css is for ads on pic box # 3 and # 6*/


.adCallout {
    position:absolute;
    z-index:1000;
    width:293px;
    background-color:#FF9900; 
    text-align:center; 
    padding:2px; 
    font-style:italic; 
    font-size:11px;
    text-transform:uppercase;
    opacity: 0.70;
    filter: alpha(opacity=70);
    color:#000000;
    font-weight:bold;
}
#slideshowAdvert-TopLeft, #slideshowAdvert-TopRight  {
    width: 296px;
    height:376px;
    border: 2px solid #FF9900;
    background-color: #FFFFFF;
    overflow: hidden;
}



	/*this is part of the rotating main picture box function - ENR only has 3 features rotating - the following is set up for up to 5 */
	
#featureAA, #featureBB, #featureCC, #featureDD, #featureEE, #featureFF, #featureGG { /* hides background features*/
	display:none;
}
#homepageFeature.featureA #featureAA, #homepageFeature.featureB #featureBB, #homepageFeature.featureC #featureCC, #homepageFeature.featureD #featureDD, #homepageFeature.featureE #featureEE, #homepageFeature.featureF #featureFF, #homepageFeature.featureG #featureGG{ /* shows specific features*/
	display: block;
}
#homepageFeatureNav { /*picture box navigation */
	border-top:1px solid #EEEEEE;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	margin: 5px 0;
	height: 19px;
	padding: 3px 0px 0px 5px;
}
	
#homepageFeatureNav a {
	display:block;
	color:#333333;
	text-decoration:none;
	font-size: 11px;
	font-weight: bold;
	border: 1px solid #FF0000;
	width: 14px;
	text-align: center;
	padding: 2px 3px 0px;
	height: 14px;
	float: left;
	cursor:pointer;
	margin: 2px 0px 1px 8px;
}
#homepageFeatureNav a:hover {
	background:#EEEEEE;
}
#homepageFeature.featureA #homepageFeatureNav a.featureA, #homepageFeature.featureB #homepageFeatureNav a.featureB, #homepageFeature.featureC #homepageFeatureNav a.featureC, #homepageFeature.featureD #homepageFeatureNav a.featureD, #homepageFeature.featureE #homepageFeatureNav a.featureE,#homepageFeature.featureF #homepageFeatureNav a.featureF,#homepageFeature.featureG #homepageFeatureNav a.featureG,
#homepageFeature.featureA #homepageFeatureNav a.featureA:hover, #homepageFeature.featureB #homepageFeatureNav a.featureB:hover, #homepageFeature.featureC #homepageFeatureNav a.featureC:hover, #homepageFeature.featureD #homepageFeatureNav a.featureD:hover, #homepageFeature.featureE #homepageFeatureNav a.featureE:hover, #homepageFeature.featureF #homepageFeatureNav a.featureF:hover, #homepageFeature.featureG #homepageFeatureNav a.featureG:hover {
	background-color:#FF0000;
	color:#FFFFFF;
	border: 1px solid #FF0000;

}
	/* Pause & Play buttons*/
#homepageFeatureNav a.play, #homepageFeatureNav a.pause, #homepageFeatureNav a.playOn, #homepageFeatureNav a.pauseOn, #homepageFeatureNav a.play:hover, #homepageFeatureNav a.pause:hover, #homepageFeatureNav a.playOn:hover, #homepageFeatureNav a.pauseOn:hover{ 
	height: 20px;
	width: 18px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color:#FFFFFF
}
#homepageFeatureNav a.play {
	background-image: url(/images_master/play_off.gif);
	margin-left:10px;
}
#homepageFeatureNav a.playOn, #homepageFeatureNav a.play:hover {
	background-image: url(/images_master/play_on.gif);
	margin-left:10px;
}
#homepageFeatureNav a.pause {
	background-image: url(/images_master/pause_off.gif);
	margin-left: 4px;
}
#homepageFeatureNav a.pauseOn {
	background-image: url(/images_master/pause_on.gif);
	margin-left: 4px;
}



/* END: Main Picture Box styles for homepage */

/* styles for VIDEO bucket on homepage */
#videoBucket #videoFeature td{
	padding:3px;
	border:solid 1px #CCCCCC;
}
#videoBucket #videoFeature img{/* large features image in video bucket */
	width:175px;
	float:left;
	margin: 0 5px 0 2px;
	border:1px solid #333333;
}
#videoBucket #videoThumbnails td{
	padding:3px;
	width:92px;
	font-size:10px;
	vertical-align:top;
	display: table-cell;
}
#videoBucket #videoThumbnails img{/* thumbnail images in video bucket */
	width:90px;
	height:72px;
	float: left;
	border:1px solid #333333;
}
#videoBucket #videoThumbnails {
	border: solid 1px #CCCCCC;
	border-top:none;
	width: 100%;
}
div.videoPlayButton{
	background-image: url(http://construction.com/_MHC_shared_assests/images_buttons/playButton.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 16px;
	float: left;
	cursor: pointer;	
}
div.videoPlayButton:hover{
	background-image: url(http://construction.com/_MHC_shared_assests/images_buttons/playButton_red.gif);

}
#videoFeature .videoPlayButton{/* positioning over Large video image */
	height: 110px;
	margin: 0px 0px 0px -30px;
}
#videoThumbnails .videoPlayButton {/* positioning over small videom images */
	height:65px;
	margin: 0 0 0 -25px;
}
#fullVideoPlayer {
	border: 1px solid #CCCCCC;
}
#fullVideoPlayer a.smallgraytxt:hover {
	text-decoration:none;
}
#fullVideoPlayer .smallgraytxt img {margin: 3px 3px 3px 4px;}
/* END: styles for VIDEO bucket on homepage*/

/* News healine styles */	
#TopNews a.headline {
	font-size: 18px;
	text-decoration: none;
}
#TopNews a.headline:hover {
	text-decoration: underline;
}
#TopNews .videoLink, #homepageFeature  .videoLink{
	display: block;
	margin: 4px 5px 4px 25px;
	background-image: url(http://construction.com/_MHC_shared_assests/images_icons/video_camera.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 2px 0px 2px 15px;
}
#TopNews .slideshowLink, #homepageFeature .slideshowLink{
	display: block;
	margin: 4px 5px 4px 25px;
	background-image: url(http://construction.com/_MHC_shared_assests/images_icons/slideshowIcon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 2px 0px 2px 15px;
}
#TopNews .podcastLink, #homepageFeature .podcastLink {
	display: block;
	margin: 4px 5px 4px 25px;
	background-image: url(http://construction.com/_MHC_shared_assests/images_icons/audio.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 2px 0px 2px 15px;
}
#rssFeed {
	float:right;
	font-size:10px;
	color:#999999;
	white-space:nowrap;
	margin: 4px 0 0 0;
}
#rssFeed a {
	color:#666666;
}
#moreNews ul {
	padding: 0px 0px 0px 10px !important; 
	padding: 0px 0px 0px 16px;
	margin:0px 0px 0px 12px;
}
#newsWire ul {
	padding: 0px 0px 0px 5px !important; 
	padding: 0px 0px 0px 11px;
	margin:0px 0px 0px 12px;
}
#moreNews li, #newsWire li {
	padding: 0px 0px 5px;
	font-size: 13px;
}
#moreNews li a, #newsWire li a {
	text-decoration: none;
}
#moreNews li a:hover, #newsWire li a:hover {
	text-decoration: underline;
}
/* END: News healine styles */	

.photoIndexTable .thumbnail {
	width:85px;
}
.photoIndexTable .middle td {
	background-color:#F6F6F6;
}
.photoIndexTable td {
	padding:5px;
}

/* styles for the clip syndicate tv */
img.cs-thumbnail {
	width: 85px;
	height: 64px;
	padding: 5px 5px 0 5px;
}
div.cs-button, div.cs-channel-info, div.cs-description {
	display: none;
}
a.cs-title-link {
	font-weight: bold;
	text-decoration: none;
}
a.cs-title-link:hover {
	color:#2e76d6;
	text-decoration: underline;
}
div.cs-clip > table {margin-bottom:5px;}

div.cs-clip td {
vertical-align:middle;
}
div.cs-time {
	font-size:11px;
	padding-top: 4px;
}
/* END: styles for the clip syndicate tv */


/* buckets in the right hand column on the homepage */
#MagCoverBox {
	background-color:#FFFFFF;
	border: 1px solid #CCCCCC;
	padding:5px;
	margin-bottom: 20px;
}
#MagCoverBox table {
	width:100%;
}
#MagCoverBox td.left {
	width:135px;
	border: 1px solid #EEEEEE;
}

#MagCoverBox td.left img {
	width: 135px;
}
#MagCoverBox ul, #MagCoverBox ul a {
	color:#ff0000;
	font-size: 11px;
	font-weight:bold;
	line-height:24px;
	margin-top: 0px;
}
#MagCoverBox #currentIssueBlurb {
	font-size: 12px;
	line-height: 14px;
	color: #333333;
	padding:0 0 8px 14px;
	background-image: url(http://construction.com/_MHC_shared_assests/images_graphics/Arrow_Blue_pointLeft.jpg);
	background-repeat: no-repeat;
	background-position: left 2px;
	margin-left:6px;
}
#MagCoverBox #currentIssueBlurb a{
	font-size: 12px;
	color: #064599;
	font-weight: bold;
}
#MagCoverBox #currentIssueBlurb a:hover{
	color: #2e76d6;
}
#costTable{
	font-size:11px;
	border-top: solid 1px #CCCCCC;
	border-left:  solid 1px #CCCCCC;
	margin-top:3px;
}
#costTable td, #costTable th {
	padding:2px;
	border-bottom: solid 1px #CCCCCC;
	border-right:  solid 1px #CCCCCC;
}
#costTable th {
	background-color:#E5EEF2;
	text-transform:uppercase;
	font-size:9px;
	font-weight:bold;
	padding:2px;
	color: #064599;
}
#bidName {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 3px;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E3E3E3;
}
#bidInfo {
	padding-left: 10px;
}
#bidInfo a {
	text-decoration: none;
}
#bidInfo a:hover {
	text-decoration: underline;
}
#topListsContent1 td.padding {
	padding: 0px 8px 0px 0px;
}

.homepageBucket .ecommerce {
	background-color:#E5EEF2;
	padding:4px;
	border: solid 1px #CCCCCC;
	margin-top: 8px;
}

#BlogsBucket .subHeading {
	font-size:13px;
}
#jobListingBucket {
	background-color: #FFFFFF;
	padding: 4px;
}
/* END: buckets in the right hand column on the homepage */

.section .sponsor { /* sponsored by text inside the normal section heading */
	font-size: 11px;
	font-style: italic;
	color: #999999;
}

/*BEGIN: special report styles in top news headlines area */
#specialReport {
	padding: 5px;
	margin-bottom: 10px;
	border: 3px double #FF0000;
}
#specialReport .title {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FF0000;
	margin-bottom: 5px;
	text-align:center;
	border-bottom:1px solid #CCCCCC;
}
#specialReport ul {
	padding: 0px 0px 0px 10px !important; 
	padding: 0px 0px 0px 16px;
	margin:0px 0px 0px 12px;
}
#specialReport li {
	padding: 0px 0px 5px;
}
#specialReport a {
	color:#333333;
}
#specialReport a:hover {
	color:#666666;
}

