/* ####################################
   Page Elements - Custom
   ################################## */

.featurelink {
    padding-left: 10px;
    background: url('./images/arrow_box_small.gif') 0 3px no-repeat;
}

#LatestRoadworks {
    padding-bottom: 1em;
    margin-bottom: 1.5em;
    background: #BCBEC0 url('./images/box_grey_bottom_curve.gif') bottom right no-repeat;
}

    #LatestRoadworks h2 {
        position: relative; /* Make sure IE6 shows the background color. */
        padding: 7px 0px 7px 7px;
        margin: 0;
        color: #ffffff;
        background: #075FAA;
    }
    
        #LatestRoadworks h2 a:link {
            color: #ffffff;
            text-decoration: none;
        }
    
        #LatestRoadworks h2 a:visited {
            color: #ffffff;
            text-decoration: none;
        }
    
        #LatestRoadworks h2 a:hover {
            color: #ffffff;
            text-decoration: underline;
        }
    
    #LatestRoadworks .newsitem {
        margin: 0.75em 0 0.5em;
    }
        
        #LatestRoadworks .newsitem .title {
            margin: 0;
            padding: 0 7px;
            color: #ffffff;
        }
        
            #LatestRoadworks .newsitem .title a:link {
                color: #ffffff;
            }
        
            #LatestRoadworks .newsitem .title a:visited {
                color: #ffffff;
            }
        
            #LatestRoadworks .newsitem .title a:hover {
                color: #075FAA;
            }
                    
        #LatestRoadworks .newsitem .summary {
            padding: 7px;
            margin: 0;
            color: #ffffff;
            font-size: 91.7%;
            border-bottom: #CCCED0 1px solid;
        }
    
#AnchorButtons {
    padding-left: 7px;
    border-left: #e1e2e3 1px dashed;
}

    #AnchorButtons #ButtonTraffic {
        background: #ffffff url('./images/icon_clock_blue.gif') 4px 4px no-repeat;
    }
    
        #AnchorButtons #ButtonTraffic:hover {
          background: #E7EAF6 url('./images/icon_clock_blue.gif') 4px 4px no-repeat;
        }

    #AnchorButtons #ButtonSubscribe {
        background: #ffffff url('./images/icon_pen_blue.gif') 4px 3px no-repeat;
    }

        #AnchorButtons #ButtonSubscribe:hover {
            background: #E7EAF6 url('./images/icon_pen_blue.gif') 4px 3px no-repeat;
        }

    #AnchorButtons #ButtonContact {
        background: #ffffff url('./images/icon_phone_blue.gif') 6px 4px no-repeat;
    }

        #AnchorButtons #ButtonContact:hover {
            background: #E7EAF6 url('./images/icon_phone_blue.gif') 6px 4px no-repeat;
        }

    #AnchorButtons a {
        display: block;
        padding: 7px 5px 3px 33px;
        margin-bottom: 0.75em;
        min-height: 20px;
        
        font-weight: bold;
        text-decoration: none;
        
        border: #e1e2e3 1px solid;
    }
    * html #AnchorButtons a {
        height: 20px;
    }
    
        #AnchorButtons a:link {
            color: #ADADAD;
        }
    
        #AnchorButtons a:visited {
            color: #ADADAD;
        }
        
        #AnchorButtons a:hover {
            color: #075FAA;
        }

        #AnchorButtons a:active {
        }
    
/* ####################################
   Page Elements - White Site
   ################################## */

#TrailNav {
    position: absolute;
    top: -60px;
    left: -121px;
    
    padding-right: 57px; /* Right column minus left column width. Yes, it does make sense! RW */
    
    color: #A7A9AC;
    font-size: 87.5%;
}

    #TrailNav a:link {
        color: #A7A9AC;
        text-decoration: none;
    }

    #TrailNav a:visited {
        color: #A7A9AC;
        text-decoration: none;
    }

    #TrailNav a:hover {
        text-decoration: underline;
    }

    #TrailNav a:active {
    }
    
#PageFunctions, #PageFunctions-Top, #PageFunctions-Bottom {
    padding: 0.5em 0;
    
    /* A bunch of browser hacks for opacity... */
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

	#PageFunctions ul, #PageFunctions-Top ul, #PageFunctions-Bottom ul {
	    margin: 0;
	    padding: 0;
	    list-style: none;
    }
    
	#PageFunctions ul li, #PageFunctions-Top ul li, #PageFunctions-Bottom ul li {
		display: inline;
		padding: 2px 4px;
		vertical-align: middle;
	    border-right: #e1e1e0 1px solid;
    }
    
    	#PageFunctions ul li:hover, #PageFunctions-Top ul li:hover, #PageFunctions-Bottom ul li:hover {
        }
	
	#PageFunctions ul li.first {
	}

	#PageFunctions ul li.last, #PageFunctions-Top ul li.last, #PageFunctions-Bottom ul li.last {
        border-right: 0;
	}
	
	#PageFunctions a {
	}

	#PageFunctions a:link {
	}

	#PageFunctions a:visited {
	}

	#PageFunctions a:hover {
	}

	#PageFunctions a:active {
	}
    
#PageFunctions-Top {
    display: none;

    position: relative;
    width: 100%;
    text-align: right;     /* Better solution than float because it doesn't cause page template float issues. */
    margin-top: -2.1em;    /* .1 allows for border on trail nav element */
}

#PageFunctions-Bottom {
    clear: both;
    width: 100%;
    
    border-top: #e1e2e3 1px dashed;
}
    
#UserLogin {
}

    #UserLogin label {
    }

    #UserLogin input {
    }

#PagingTop, #PagingBottom {
    clear: both;
    margin: 1em 0;
    border: #f0f0f0 1px solid;
    padding: 8px;
}

    #PagingTop .summary, #PagingBottom .summary {
    }

    #PagingTop .totalpages, #PagingBottom .totalpages {
    }

    #PagingTop .pages, #PagingBottom .pages {
    }

    #PagingTop .pageslabel, #PagingBottom .pageslabel {
    }

    #PagingTop .pagelinks, #PagingBottom .pagelinks {
    }

    #PagingTop .previouspage, #PagingBottom .previouspage {
        margin: 0 0.25em;
    }

    #PagingTop .nextpage, #PagingBottom .nextpage {
        margin: 0 0 0 0.25em;
    }

#Attachments {
    margin: 1em 0;
}

    #Attachments table {
        width: 100%;
        background: #ffffff;
        border: 1px solid #f0f0f0;
        border-bottom: 0;
    }

    #Attachments table tr th {
        padding: 3px;
        font-size: 91.7%;
        background: #f0f0f0;
    }

    #Attachments table tr td {
        padding: 3px;
        border: 1px solid #f0f0f0;
        vertical-align: top;
    }

    #Attachments table tr td.icon {
        width: 20px;
    }

    #Attachments table tr td.overview {
        width: auto;
    }
    *:first-child+html #Attachments table tr td.overview {
        /* IE7 only */
        width: 100%;
    }

    #Attachments table tr td.format {
        white-space: nowrap;
    }

    #Attachments table tr td.filesize {
        white-space: nowrap;
        border-right: 0;
    }
    
    #Attachments .title {
    }
    
    #Attachments .summary {
        font-size: 91.7%;
    }
    
    #Attachments .url {
    }

/* ####################################
   Page Body Elements - White Site
   ################################## */

#PageBody #PageTitle {
}

#PageBody #PublishInfo {
    margin-bottom: 1em;
}

#PageBody #PublishInfo div {
    display: inline;
    margin-right: 0.5em;
}

#PageBody #MainContent {
}

/* ####################################
   Search
   200805 Should this have its own theme?
   ################################## */

#SearchResults {
}

    #SearchResults .SearchResult {
        position: relative;
        clear: both;
    }

        #SearchResults .SearchResult .icon {
            position: absolute;
            top: 0;
            left: 0;
        }

        #SearchResults .SearchResult .text {
            padding-left: 20px;
        }

        #SearchResults .SearchResult .title {
        }

        #SearchResults .SearchResult .relevance {
        }

        #SearchResults .SearchResult .trailnav {
            font-size: 91.7%;
        }

        #SearchResults .SearchResult .date {
        }

        #SearchResults .SearchResult .summary {
            margin-top: 0;
        }