/****************/
/* System Layer */
/****************/

#boxContent { position: relative; left: -3px; top: -3px; }
#boxContainer { position: relative; background: #c0c0c0; }

.searchBanner { border: 1px dotted #777777; background-color: #ffffff; width: 100%; }
.searchBannerText { font-family: verdana, arial, helvetica, sans-serif; text-align: center; font-size: 10px; }
.searchTitleHighlight { background: #ffff5c; }
.searchSummaryHighlight { background: #ffff5c; color: #000000; }
.searchVisited { color: #606060; }


/******************/
/* Template Layer */
/******************/

body { margin-left: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; background-color: #ffffff; color: #000000; }

a { color: #003399; text-decoration: none; }
a:active { color: #cc0001; text-decoration: none; }
a:hover { text-decoration: underline; }
a:visited { color: #606060; text-decoration: none; }

.breadcrumb { font-family: verdana, arial, helvetica, sans-serif; font-size: 54%; margin-left: 10px; }
.breadcrumb a:hover { text-decoration: underline; }

.verticalMenu ul { list-style-type: none; padding: 20px 0px 0px 0px; margin: 0px; font-family: verdana, arial, helvetica, sans-serif; font-size: 60%; width: 160px; color: #003399; }
.verticalMenu a, .verticalMenu a:visited, .verticalMenu a:hover { color: #003399; text-decoration: none; }
.verticalMenu a { display: block; border: 1px solid #ffffff; padding-left: 2px; padding-right: 2px; }
.verticalMenu a:hover { background-color: #f0f0f0; border: 1px solid #a7a7ab; }
.verticalMenu #active a { border: none; }
.verticalMenu #active { border: 1px dotted #a7a7ab; background-color: #edf3fe; }

.folderIndexMenu ul { list-style-type: none; padding: 0px; margin: 0px; font-family: verdana, arial, helvetica, sans-serif; font-size: 60%; width: 160px; color: #003399; }
.folderIndexMenu a, .folderIndexMenu a:hover { color: #003399; text-decoration: none; }
.folderIndexMenu a:visited { color: #606060; text-decoration: none; }
.folderIndexMenu a { display: block; border: 1px solid #ffffff; padding-left: 2px; padding-right: 2px; }
.folderIndexMenu a:hover { background-color: #f0f0f0; border: 1px solid #a7a7ab; }
.pageIndexSeparator { background-color: #a7a7ab; color: #a7a7ab; border: 0; width: 80%; height: 1px; }

.calendarMenu ul { list-style-type: none; padding: 0px; margin: 0px; }
.calendar { font-family: verdana, arial, verdana, helvetica, sans-serif; font-size: 50%; text-align: center; color: #000000; padding-left: 2px; padding-right: 2px; }
.calendarEvent { background-color: #f0f0f0; border: 1px dotted #a7a7ab; }
.calendar a, .calendar a:visited, .calendar a:hover { text-decoration: none; color: #000000; }
.calendarToday { background-color: #edf3fe; border: 1px solid #a7a7ab; font-weight: bold; }

.panelBody { font-family: verdana, arial, helvetica, sans-serif; font-size: 60%; text-align: center; }
.panelBody a:hover { text-decoration: underline; }

.accessControl, .mailingList { font-family: verdana, arial, helvetica, sans-serif; font-size: 60%; line-height: 1.2; padding-left: 2px; padding-right: 2px; }
.accessControl a, .accessControl a:visited, .accessControl a:hover { color: #003399; text-decoration: none; }

.pageTitle { font-family: verdana, arial, helvetica, sans-serif; font-size: 74%; font-weight: bold; text-align: center; padding-top: 5px; }

.defaultBodyText a { color: #0000ff; }
.defaultBodyText a:hover { text-decoration: underline; }
.defaultBodyText a:visited { color: #606060; }

.sideheading { font-family: verdana, arial, helvetica, sans-serif; font-size: 60%; font-weight: bold; text-align: center; padding: 0px 5px 0px 5px; }
.forumFeed { font-family: verdana, arial, helvetica, sans-serif; font-size: 60%; }
.forumFeed a:hover { text-decoration: underline; }

.whatsHot ul, .forumLatest ul { list-style-type: none; padding: 0px; margin: 0px; width: 160px; font-family: verdana, arial, helvetica, sans-serif; font-size: 60%; }
.whatsHot a, .forumLatest a { display: block; border: 1px solid #ffffff; padding-left: 2px; padding-right: 2px; }
.whatsHot a:hover, .forumLatest a:hover { background-color: #f0f0f0; border: 1px solid #a7a7ab; text-decoration: none; }

.usernameField { width: 100px; }
.passwordField { width: 100px; }

.motd { font-family: 'trebuchet ms', verdana, arial, helvetica, sans-serif; font-size: 80%; padding-left: 10px; padding-right: 10px; line-height: 1.2; }
.motdCredit { font-family: verdana, arial, helvetica, sans-serif; font-size: 60%; font-weight: bold; text-align: right; padding-left: 10px; padding-right: 10px; }

.sitemapFolder { font-family: arial, verdana, helvetica, sans-serif; font-size: 100%; font-weight: bold; color: #585858; }
.sitemapFolder a { color: #585858; }
.sitemapFolder a:visited { color: #585858; }
.sitemapPage { font-family: verdana, arial, helvetica, sans-serif; font-size: 60%; }

.inputFormOptions { font-family: verdana, arial, helvetica, sans-serif; font-size: 60%; text-align: center; color: #000000; }
.inputFormRegularText { font-family: verdana, arial, helvetica, sans-serif; font-size: 60%; color: #000000; }

.powerIcon { margin-left: 10px; }

.scorecardBox { background-color: #f0f0f0; border: 1px solid #a7a7ab; padding: 4px; width: 182px; margin: 0 auto; }
.scorecard { font-family: verdana, arial, helvetica, sans-serif; font-size: 60%; text-align: center; }
.scorecardButton { vertical-align: middle; }
.scorecardResultsBox { margin-top: 4px; background-color: #f0f0f0; border: 1px solid #a7a7ab; padding: 4px; width: 200px; white-space: nowrap; }
.scorecardResults { font-family: verdana, arial, helvetica, sans-serif; font-size: 60%; text-align: center; vertical-align: middle; }
.scorecardResultsIcon { vertical-align: bottom; }

.pollQuestion { font-family: verdana, arial, helvetica, sans-serif; font-size: 60%; text-align: center; }
.pollResponse { font-family: verdana, arial, helvetica, sans-serif; font-size: 60%; text-align: left; }

.basket { font-family: verdana, arial, helvetica, sans-serif; font-size: 60%; text-align: center; }
.checkoutTable { border-left: 1px solid #a7a7ab; border-right: 1px solid #a7a7ab; border-top: 1px solid #a7a7ab; font-family: verdana, arial, helvetica, sans-serif; font-size: 60%; }
.checkoutTable td { border-bottom: 1px solid #a7a7ab; }
.checkoutTableHeaderRow { background-color: #6c7ea4; }
.checkoutTableHeader { font-family: verdana, arial, helvetica, sans-serif; font-size: 100%; font-weight: bold; text-transform: capitalize; color: #ffffff; }
.checkoutTotal { font-weight: bold; }



.imageViewer { overflow: auto; }


/*****************/
/* Content Layer */
/*****************/

.frontPageSectionTitle { font: bold 80% 'trebuchet ms', verdana, arial, helvetica, sans-serif; text-align: center; padding: 0; margin: 10px 0px 0px 0px; }

.articleTitle { text-align: left; font-family: arial, verdana, helvetica, sans-serif; font-size: 10pt; color: #cc0001; font-weight: bold; }
.articleParagraphHeading { font: bold 80% 'trebuchet ms', verdana, arial, helvetica, sans-serif; color: #004080; text-align: left; }
.articleBody, .tableTitle { font: 80% 'trebuchet ms', verdana, arial, helvetica, sans-serif; color: #000000; text-align: left; }
a .articleBody { color: #003399; }
a:hover .articleBody { text-decoration: underline; }
a:visited .articleBody { color: #606060; }
.articleSmall { font: 60% verdana, arial, helvetica, sans-serif; color: #000000; text-align: justify; }
.imageCaption { font: 60% verdana, arial, helvetica, sans-serif; color: #000000; text-align: center; background-color: #f0f0f0; border: 1px solid #a7a7ab; padding: 0px 4px 0px 4px; display: block; width: 50%; }
.emphasize { font: bold 80% 'trebuchet ms', verdana, arial, helvetica, sans-serif; color: #000000; text-align: right; }
a .emphasize { color: #0000ff; }
a:hover .emphasize { text-decoration: underline; }
a:visited .emphasize { color: #606060; }

.code { font: 8pt courier, monospace; text-align: left; border: 1px solid #a7a7ab; display: block; padding: 10px; background-color:#f0f0f0; overflow: auto; clear: both; }

.lastModified { font: 60% arial, verdana, helvetica, sans-serif; color: #c0c0c0; text-align: right; vertical-align: bottom; }

.pageSelector { font: 80% 'trebuchet ms', verdana, arial, helvetica, sans-serif; color: #000000; text-align: center; }
.currentPage { background-color: #edf3fe; border: 1px solid #a7a7ab; padding: 0px 2px 0px 2px; }
.pageSelector a { border: 1px solid #ffffff; padding: 0px 2px 0px 2px; }
.pageSelector a:hover { background-color: #f0f0f0; border: 1px solid #a7a7ab; text-decoration: none; }

.indexTitle { font: 90% 'trebuchet ms', verdana, arial, helvetica, sans-serif; color: #000000; text-align: left; vertical-align: middle; }
.indexTitle a:hover { text-decoration: underline; }
.indexBody { font: 80% 'trebuchet ms', verdana, arial, helvetica, sans-serif; color: #000000; text-align: justify; vertical-align: top; }
.indexBody a:hover { text-decoration: underline; }

.contentBox { background: #ffffff; border: 1px solid #a7a7ab; padding: 10px; }

.typeIcon { vertical-align: middle; margin: 0px 10px 0px 4px; }
.indexThumbnail { border: 1px solid #000000; vertical-align: top; margin-top: 5px; }
.indexThumbnailBorder { border: 1px solid #000000; }

.feedThumbnailBorder { border: 1px solid #000000; }

/* Highlight Acronyms */
acronym { border-bottom: 1px dotted; cursor: help; }
/* hides from IE Macintosh */
* html .ieFloat { height: 1%; }
* html acronym { border: 0; font-style: italic; font-weight: bold; }
/* End hide from IE-mac */

/* Feedback */
.commentCounter { text-align: center; clear: both; }
.commentCounter a, .commentCounter a:visited { font: 80% verdana, arial, verdana, helvetica, sans-serif; text-align: center; color: #000000; padding: 0px 4px 2px 4px; border: 1px solid #a7a7ab; }
.commentCounter a:hover { text-decoration: none; background-color: #f0f0f0; }

/* Previous / Next Controls (Weblog) */
.relativeLink a, .relativeLink a:visited { font: 10px verdana, arial, verdana, helvetica, sans-serif; text-align: center; color: #000000; padding: 0px 4px 2px 4px; border: 1px solid #a7a7ab; margin-right: 4px; }
.relativeLink a:hover { text-decoration: none; background-color: #f0f0f0; }

 /* Image Drop Shadow */
.imgholder { margin: 1em 1em 0 0 !important; text-indent: 0; position: relative; left: 5px; top: -5px; background: url(/assets/drop.gif) bottom right no-repeat; float: left; line-height: 0; }
html>body .imgholder { background: url(/assets/drop.png) bottom right; }
.imgholder img { position: relative; left: -5px; top: -5px; }

/* Forms */
.formFieldLabel { font: 60% verdana, arial, helvetica, sans-serif; color: #000000; text-align: right; width: 160px; padding-right: 6px; float: left; }
input.text, input.password, textarea { border: 1px solid #a7a7ab; }
.searchField { vertical-align: middle; }
.listField { vertical-align: middle; }
.submitButton { font-family: verdana, arial, helvetica, sans-serif; font-size: 9px; background-color: #f0f0f0; border-right: 1px solid #a7a7ab; border-bottom: 1px solid #a7a7ab; vertical-align: middle; letter-spacing: -1px; margin-left: 2px; }
.key { text-decoration: underline; }
div.userComments { clear: both; padding-bottom: 4px; }
div.userComments span.commentsLabel { float: left; width: 70px; text-align: right; padding-right: 10px; font: 60% verdana, arial, helvetica, sans-serif; color: #000000; padding-top: 4px; }
div.userComments span.commentsField { text-align: left; }
.commentsField input { width: 98%; }
* html .commentsField input { width: 300px; }

/* Validation Button (XHTML, CSS, etc) */
.validationButton { display: inline; margin-left: 4px; border: 1px solid #777777; padding: 1px; font-family: arial, verdana, helvetica, sans-serif; font-size: 9px; }
.validationButtonHighlight { background-color: #004080; color: #ffffff; }
.validationButtonNormal { background-color: #ffffff; color: #000000; }
.validationButtonHighlight, .validationButtonNormal { padding: 0px 2px 0px 2px; }

/* Image Gallery Thumbnails */
.imageThumbnailTable { border: 1px solid #000000; width: 100%; height: 100%; background-color: #e0e0e0; vertical-align: middle; cursor: pointer; margin: 0 auto; padding: 0; border-collapse: collapse;  }
.imageThumbnailTable td { background: url(/assets/zoom.gif) no-repeat 102px 142px; }
.imageThumbnailTable td:hover { background-color: #909090; }

/* Tables (User Comments) */
.tableTitle { margin-top: 40px; }
.myfolderTable, .annotationsTable, .commentsTable, .forumTable { border: 1px solid #a7a7ab; border-collapse: collapse; width: 98%; margin: 0 auto; }
.myfolderTableHeaderRow, .annotationsTableHeaderRow, .commentsTableHeaderRow, .forumTableHeaderRow { background: url(/assets/background.gif); }
.myfolderTableHeader, .annotationsTableHeader, .commentsTableHeader, .forumTableHeader { font: 80% arial, verdana, helvetica, sans-serif; text-decoration: none; color: #000000; }
.forumTableHeader a, .forumTableHeader a:visited, .forumTableHeader a:hover { text-decoration: none; color: #000000; }
.annotationsTable td, .commentsTable td, .forumTable td, .myfolderTable td { border-top: 1px dotted #a7a7ab; padding: 6px; vertical-align: top; }
.myfolderTable td { vertical-align: middle; }
.myfolderTableHeaderRow td, .annotationsTableHeaderRow td, .commentsTableHeaderRow td, .forumTableHeaderRow td { border-bottom: 1px solid #a7a7ab; }
.annotationsBody, .commentsBody, .myfolderBody, .forumBody { font: 80% 'trebuchet ms', verdana, arial, helvetica, sans-serif; text-align: left; }
.annotationsSmall, .commentsSmall, .forumSmall { font: 60% verdana, arial, helvetica, sans-serif; text-align: center; }
.forumRowMouseOver, .myfolderRowMouseOver { background-color: #f0f0f0; }
.forumRowMouseOut, .myfolderRowMouseOut { background-color: #ffffff; }
#sortWhite { display: none; }


/* Aire Trucks */
.body { text-align: left; font-family: arial, verdana, helvetica, sans-serif; font-size: 10pt; }
.title { text-align: left; font-family: arial, verdana, helvetica, sans-serif; font-size: 10pt; color: #cc0001; font-weight: bold; }
.footer { text-align: center; font-family: arial, verdana, helvetica, sans-serif; font-size: xx-small; }

div.hr { height: 1px; color: #ffffff; background-color: #ffffff; border-top: 1px dotted #c0c0c0; clear: both; }
div.hr hr { display: none; }

.vacanciesContainer{ background: #ffffff; border-left: 1px dotted #a7a7ab; margin-left: 20px; margin-top: 60px; padding: 10px; width: 200px; float: right; padding-bottom: 20px; }
.vacanciesTitle{ text-align: center; font-family: arial, verdana, helvetica, sans-serif; font-size: 10pt; }
.vacancies ul { list-style-type: none; padding: 0px; margin: 0px; font-family: 'trebuchet ms', verdana, arial, helvetica, sans-serif; font-size: 80%; }
.vacancies a { display: block; border: 1px solid #ffffff; padding-left: 2px; padding-right: 2px; padding-bottom: 4px; }
.vacancies a:hover { background-color: #f0f0f0; border: 1px solid #a7a7ab; text-decoration: none; }