/*
NTTA PORTAL (ABOUT US)

A few important notes:
- We're using CSS to load all the layout images i.e. any images that are common to the site, and are not part of the content. 
- The paths for images being loaded via CSS are relative to the CSS file, not the HTML file.

Transparent PNGs:
- We're using a combination of transparent PNGs and precisely-positioned non-transparent GIFs/PNGs to create the shadows and edges.
- IE 6 doesn't support transparent PNGs by default, we're feeding it the IE-only AlphaImageLoader filter to make the PNG transparent, and then offering Firefox, etc. just the transparent PNG.
- IE 6 slightly color shifts (saturates) PNGs, so they don't blend with CSS colors and sometimes with GIFs.

WARNING: 
1. Text in front of transparent PNGs become unclickable in IE 6. Transparent portions of PNGs in links are also non-clickable.
2. Paths for images loaded via AlphaImageLoader should be relative to root i.e. /images/a.png rather than ../images/a.png
 
*/	

/* General elements */
* { padding: 0; margin: 0; border: 0; }
html, body {  height: 100%; }	
body { background: #36332f url(/images/common/bg/bg-page.gif) repeat-x left top; font: 12px/16px Arial, sans-serif; color:#35322e; }
td { vertical-align: top; }
p { margin-bottom: 10px;  }

a:link { color: #377eab; }
a:visited { color: #377eab; }
a:hover { color: #df2d04; }
a:active {  color: #df2d04; }


/* Main layout containers */
#main { background: #f1ebdd url(/images/about/common/bg.png) no-repeat left top; height: 400px; }
#leftcol { width: 220px; }
#content { width: 760px; }
#footer {  width: 750px; height: 20px; padding-top:20px; color: #88837c; }

/* NTTA home */
#ntta-portal-home { margin: 0; width: 110px; height: 40px; text-indent: -10000px; }
#ntta-portal-home a { display: block; width: 100%; height: 100%; }

/* About NTTA link */	
#about-ntta { margin: 0; width:120px; height: 50px; }
#about-ntta a  { display: block; width: 100%; height: 100%; text-indent: -10000px;  }

/* Search field */
#search { margin-left: 10px; height: 30px; width: 100px; background: url(/images/common/search-bg.gif) no-repeat 0 0; position: relative; padding-right: 10px; }
html>body #search { width: 120px; }
#search label { position: absolute; top: 1px; left: 16px; width: 46px; height: 10px; text-indent: -10000px; background: url(/images/about/search-text.gif) no-repeat left center; }
html>body #search label { top: 4px; }
#search input.text { margin-left: 40px; background-color: transparent; width: 70px;}
html>body #search input.text { margin-left: 50px; }
#search #search-submit { position: absolute; top: 1px; left: 133px; border: 0; background-color: transparent; width: 21px; height: 21px; background: url(/images/about/home/button-search.png) no-repeat top left; text-indent: -10000px; }
#search .search-submit { position: absolute; top: 1px; left: 133px; border: 0; background-color: transparent; width: 21px; height: 21px; background: url(/images/about/home/button-search.png) no-repeat top left; text-indent: -10000px; }



/* Navigation box */
#nav { position: relative; margin-top: 20px; }
#nav ul { font-size: 12px; line-height: 16px; color: #416e8a; list-style: none; background: url(/images/common/nav-bg.png) no-repeat left top; padding-bottom: 0; }
#nav ul li { padding: 3px 15px 5px 15px; }
#nav ul li.level1 { background: url(/images/common/level2-bg.png) no-repeat left top; font-weight: normal; color: #fff }
#nav ul li.level2 { background: url(/images/common/level2-bg.png) no-repeat left top; font-weight: normal; color: #fff; padding-left: 30px; }
#nav ul li.here { background: url(/images/common/nav-here.png) no-repeat left top !important; font-weight: bold; color: #fff }
#nav ul li.here a { color: #fff !important; }


#nav ul a {  text-decoration: none; }
#nav ul a:hover {  text-decoration: underline; }
#nav-bottom { width: 220px; height: 20px; 
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/common/nav-bottom.png',sizingMethod='scale'); }
html>body #nav-bottom {  background: url(/images/common/nav-bottom.png) no-repeat left bottom; }

.navDir { font-weight: normal; }
.currentDir { font-weight: bold; }
.currentParentDir {font-weight: bold;}
li.Channels {font-weight: bold;}  /*root channel stays bolded*/
li.currentDir { display:block; visibility:visible;}
li.WorkingWithUs { display:none; }
.currentDir.Home.navDir { font-weight: normal; }

/* Contact Us box */
#contact { color: #36332f; }

#contact-top { width: 220px; height: 20px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/common/contact-top.png',sizingMethod='scale'); }
html>body #contact-top { background: url(/images/common/contact-top.png) no-repeat left top; }

#contact-content { width: 220px; background: url(/images/common/contact-bg.png) repeat-y left top; }
#contact-content p { padding: 0 10px 0px 10px; }

#contact-bottom { width: 220px; height: 20px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/common/contact-bottom.png',sizingMethod='scale'); }
html>body #contact-bottom { background: url(/images/common/contact-bottom.png) no-repeat left top; margin-top: -10px; }


.icon-news { margin-right: 5px; float: right; width: 70px; height: 60px;  
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/common/icon-news.png',sizingMethod='scale'); }
html>body .icon-news { background: url(/images/common/icon-news.png) no-repeat left top; }

.icon-warn { margin-right: 5px; float: right; width: 51px; height: 53px;  
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/common/icon-warn.png',sizingMethod='scale'); }
html>body .icon-warn { background: url(/images/common/icon-warn.png) no-repeat left top; }

.icon-arrow-right { margin-left: 5px; margin-right: 0; float: right; width: 40px; height: 60px; 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/common/arrow-right.png',sizingMethod='scale');  }
html>body .icon-arrow-right { background: url(/images/common/arrow-right.png) no-repeat left top; }

.icon-map { margin-left: 5px; margin-right: 0; float: right; width: 69px; height: 47px; 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/common/icon-map.png',sizingMethod='scale');  }
html>body .icon-map { background: url(/images/common/icon-map.png) no-repeat left top; }

.icon-interop { margin-left: 0; margin-right: 5px; float: left; width: 65px; height: 67px; 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/common/icon-interop.png',sizingMethod='scale');  }
html>body .icon-interop { background: url(/images/common/icon-interop.png) no-repeat left top; }

.icon-annual { margin-left: 0; margin-right: 5px; float: right; width: 41px; height: 98px; 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/common/icon-annual.png',sizingMethod='scale');  }
html>body .icon-annual { background: url(/images/common/icon-annual.png) no-repeat left top; }

#footer {  margin-left: 5px; list-style: none; }
#footer li { float: left; border-left: 1px solid #736e67; color: #736e67; padding: 0 10px 0 10px; }
#footer li.first { border: 0; }


/*Right-side shadow */
#shadow-right { width: 10px; height: 400px; background: #36332f url(/images/common/bg/shadow-right-bg.gif) repeat-y left top;   }
#shadow-righttop { width: 10px; height: 100%; background: url(/images/common/bg/shadow-right-top.gif) no-repeat left top; }
	

/*Right-side shadow */
#shadow-bottom { height: 20px; background: url(/images/common/bg/shadow-bottom.gif) repeat-x left bottom; }
#shadow-bottomright { height: 20px; width: 100%; background: url(/images/common/bg/shadow-bottom-right.gif) no-repeat right top;  }

/*blockquote { color: #396480; background: url(/images/common/quote.gif) no-repeat left top; margin: 10px; padding-left: 100px; height: 100px; border: 1px solid #f00;  }*/

address { margin: 5px 10px 10px 20px; }

table.data { border-top: 1px solid #bbb4ab;  border-bottom: 1px solid #bbb4ab; color: #36332f; }
table.data th { text-align: left; padding: 5px; vertical-align: top; width: 160px; }
table.data td { text-align: left; padding: 5px; vertical-align: top; }
/*table.data tr.odd th { background-color: #f9e3a6; }
table.data tr.odd td { background-color: #f9e3a6; }*/
.odd1 { background-color: #fff; } 
.even1 { background-color: #f9e3a6; } 

.prev-arrow { background: url(/images/common/step-prev.gif) no-repeat left top; padding-left: 35px; height: 30px; line-height: 30px; float: left; }
.prev-arrow-left { background: url(/images/common/step-prev.gif) no-repeat left top; padding-left: 35px; height: 30px; line-height: 30px; }
.next-arrow { background: url(/images/common/step-next.gif) no-repeat left top; width: 35px; height: 30px; float: left; }
.next-arrow-left { background: url(/images/common/step-next.gif) no-repeat left top; padding-left: 35px; height: 30px; line-height: 30px; }
.next-arrow-right { background: url(/images/common/step-next.gif) no-repeat right top; padding-right: 35px; height: 30px; line-height: 30px; }
.next-arrow-left-blue { background: url(/images/common/arrow-next-bluebg.gif) no-repeat left center; padding-left: 40px; height: 30px; line-height: 30px; }

blockquote { background: url(/images/common/quote.gif) no-repeat top left; margin-left: 20px; margin-bottom: 10px; padding-left: 40px; height: 40px; color: #396480; min-height: 40px; }
blockquote .quote-end { background: url(/images/common/quote-end.gif) no-repeat top right; padding-right: 30px; height: 100%;}

.important { font-weight: bold; color: #BD1E09; }

.question { font-size: 14px; font-weight: bold; }
.answer { padding-left: 35px; height: 51px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/common/icon-a.png',sizingMethod='crop');  }
html>body .answer { height: auto; min-height: 51px; }

html>body .answer { background: url(/images/common/icon-a.png) no-repeat left top; } 

.icon-calendar { margin-left: 0; margin-right: 5px; float: right; width: 57px; height: 75px; 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/common/icon-calendar.png',sizingMethod='crop');  }
html>body .icon-calendar { background: url(/images/common/icon-calendar.png) no-repeat left top; }

.calendar-left { font: normal 12x/16px Arial, sans-serif !important; margin-top: 20px; }
.calendar-left .text { display: block; float: left; margin-top: 25px; font-weight: bold;  }
.calendar-left .icon { width: 57px; height: 75px; float: left;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/common/icon-calendar.png',sizingMethod='crop');  }
html>body .calendar-left .icon { background: url(/images/common/icon-calendar.png) no-repeat left top; }

/* Roadway Channel */
.roadway-system-map { margin-right: 10px; }
html>body .roadway-system-map img { display: block; }

.roadway-rates-list { width: 680px; }
.roadway-rates-list td { padding-right: 20px;}
.roadway-rates-list a { color: #000; }
.roadway-rates-list a:hover { color: #df2d04; }

/*Search Results */
#search-page #main { background: #f1ebdd url(/images/common/bg/bg-search.png) no-repeat left top; height: 400px; }
#logo-search { margin-top: -5px; width: 110px; height: 70px;  text-indent: -10000px; }
.button-back { margin: 50px 0 0 13px; display: block; width: 60px; height: 21px; text-indent: -10000px; background: url(/images/common/button-back.png) no-repeat left top; }

.button-home { margin: 50px 0 0 13px; display: block; width: 61px; height: 22px; text-indent: -10000px; background: url(/images/common/button-home.gif) no-repeat left top; }

/*e-News template */
#enews-page #main { background: #f1ebdd url(/images/common/bg/bg-enews.png) no-repeat left top; height: 400px; }
#logo-enews { margin-top: -5px; width: 110px; height: 70px;  text-indent: -10000px; }

/*Legislative page template*/
#legislative-page #main { background: #f1ebdd url(/images/common/bg/bg-legislative.png) no-repeat left top; height: 400px; }
#logo-legislative { margin-top: -5px; width: 110px; height: 70px;  text-indent: -10000px; }
table.legislative-layout { width: 90%;}
table.legislative-layout td { padding: 0 10px 10px 0; }


   /* Event Details */
.eventDetails, .eventDetails td, .eventDetails th { border: 0; padding: 0; margin: 0; border-collapse: collapse; }
.eventDetails { background-color: #fff; font: 12px/16px Arial, sans-serif; margin-bottom: 20px; border-bottom: 1px solid   #bfb7a4; border-top: 1px solid #bfb7a4; }
.eventDetails th {  background-color: #f4f0e6; padding: 5px 15px 5px 5px; text-align: left; color: #497692; }
.eventDetails td {  background-color: #fff;  padding: 5px 15px 5px 5px;  text-align: left; border-bottom: 1px solid   #f4f0e6; }
a { color: #4e7b97; }
    
    /* Events Calendar */    
/*.EventsCalendar { border: 0 !important; border-top: 1px solid #f1ebdd !important; border-bottom: 1px solid #f1ebdd !important; background: #fff; }
.EventsCalendar { border: 1px solid #d8d2c7 !important; margin: 0; }
.EventsCalendar td { border: 0 !important; background-color: #fff; }
.EventsCalendar td a { text-decoration: none;  }
.EventsCalendar th { border: 0 !important; background-color: #fff; }*/
.Calendar a { text-decoration: none;  }

/*.CalendarDayHeader { font-weight: bold; background-color: #f4f0e6 !important; color: #3c3934; }*/
.CalendarTodayDay { background-color: #b8d1e1 !important; color: #fff !important; font-weight: bold; }     
.CalendarDay { color: #4a7794 !important; border-left: 0; border-right: 0; text-decoration:none;}
.CalendarTitle { color: #4e4b45; font: bold 16px/20px Arial,sans-serif;  background-color:#fff;}
.CalendarDayHeader { font-weight: bold; background-color: #f4f0e6 !important; color: #393732 !important; padding-top: 0 !important; padding-bottom: 0 !important; height: 15px !important; }
.CalendarNextPrev { font: bold 12px/16px Arial,sans-serif; color: #377eab !important; background-color:#fff;}
.CalendarOtherMonthDay a { color: #9EBACB !important; }
.CalendarSelectedDay { background-color: #7797ab !important; color: #fff !important; }
.CalendarSelectedDay a { color: #fff !important; }

.eventDay { background:url(/images/about/news/eventIcon.gif) no-repeat right bottom}
.eventDay a { text-decoration:underline; color: #496C82; font-style:italic; font-weight:bold; font-size:125%; display:block; width:100%; height:100%;}
.dayStyle a { text-decoration:none; }

table.eventCalendarContainer { width:700px;  border-width:0px; border-collapse:collapse; }
table.eventCalendarContainer td { vertical-align:top; width:50%; border-width:1px; border-collapse:collapse; padding:2px;}

span.eventDetail { width:100%; border:1px solid #c00; background-color:#f1f1f1; float:right}
span.eventStartDate, span.eventEndDate { font-weight:bold; margin-right: 5px; width:125px; float:left; font-size:9pt;}
span.eventName { width:100px; margin-right:5px; float:left;}
span.eventLocation { width:300px; margin-right:5px; float:left;}
span.eventDescription, span.eventAttachments { width:300px; margin-top:2px; float:left;}

table.eventDetails { width: 100%; border-bottom: 1px solid #ccc; margin-top:4px; }
table.eventDetails td { padding: 5px; font: 12px/16px Arial, sans-serif; }
table.eventDetails th { padding: 5px; font: 12px/16px Arial, sans-serif; }
table.eventDetails th.eventDetailsName { font: 13px/15px Arial, sans-serif; padding-bottom: 2px; border-bottom: 1px solid #ccc; text-align: left; } 
table.eventDetails td.eventDetailsLabel { width:20%; font-weight: bold; padding-right: 10px; vertical-align: top; }
table.eventDetails td.eventDetailsLocation { width:300px;}
span.monthCss { font-weight:bold; font-size:13pt; color:Black; margin-bottom:-10px;}
/*span.descCss { font-variant:small-caps;}*/

/* projects slideshow*/
.slideshow-left { font: normal 12x/16px Arial, sans-serif !important; margin: 10px 0; }
.slideshow-left .text { display: block; float: left; margin-top: 25px; font-weight: bold;  }
.slideshow-left .icon { width: 73px; height: 55px; float: left; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/common/icon-slideshow.png',sizingMethod='crop');  }
html>body .slideshow-left .icon { background: url(/images/common/icon-slideshow.png) no-repeat left top; }