/**** Hyro Website Default Screen Stylesheet ****/
		
/*** core html styles ***/
body {
	background-image: url(../Images/BGRepeat.gif);
	scrollbar-arrow-color : #333333;
	scrollbar-3dlight-color : #333333;
	scrollbar-face-color : #DDDDDD;
	scrollbar-highlight-color : #FFFFFF;
	scrollbar-shadow-color : #666666;
	scrollbar-track-color : #666666;
	scrollbar-darkshadow-color : #FFFFFF; 
	margin: 0px 0px;
	padding: 0px;
}

body, td, div
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #767676;
}
img {border: 0px;}

h1 {
	font-size: 16px;
	font-weight: bold;
	color: #CE3909;
}
h2 {
	font-size: 14px;
	font-weight: bold;
	color: #CE3909;
	}

h3 {
	font-size: 12px;
	font-weight: bold;
	color: #CE3909;
}
h4 {
	font-size: 12px;
	font-weight: bold;
	color: #CE3909;
}
a {
	color: #2661A9;
	text-decoration: none;
}

/*** class styles ***/

/** master page template **/
table.masterPage {width: 775px; height: 100%;}

/* header */ 
td.pageHeader{ text-align: right; }
table.banner {width: 100%; padding: 0px 5px 20px 0px; }
td.bannerLinks { text-align: right; vertical-align: middle; width: 100%; padding-left: 5px }
table.bannerLinks { text-align: right; vertical-align: middle;}
td.bannerMain {padding-bottom: 10px;}
td.bannerLeft{width: 50%; text-align: left;}
td.bannerRight{width: 50%; text-align: right;}

/* body */
td.pageMain {padding: 0px 0px 0px 0px}
table.pageMain {width: 100%;}
td.contentSideBarLeft {width: 1%; vertical-align: top; }
td.contentMain {width: 99%; vertical-align: top; }
td.contentInnerMain { background-color: #f6f6f6; height: 213; }
td.contentMainHeader {}
td.contentMainBody {}

table.contentBody{width: 100%;}
td.contentBodyMain {width: 99%;padding-right: 5px; vertical-align: top;}
td.contentBodyNav {width: 1%; vertical-align: top;}

/* footer */
td.pageFooter {padding: 0px 0px 0px 0px; text-align:left;}


/** home page **/
table.homeAnnouncements {Width: 100%;}
table.homeAnnouncements td.homeAnnouncement{width: 33.3%;}
td.homeAnnouncementsHeading { padding-left: 10px; color: #FFFFFF; background-color: #2661A9; height: 18px; vertical-align:middle; }
img.homeAnnouncementsHeadingImage { margin-right:5px; }

/** In page navigation **/
td.InPageNavHeader { padding-left: 10px; font-weight: bold; color: #FFFFFF; background-color: #2661A9; height: 20px; vertical-align:middle; }
td.InPageNavItem { padding: 2px 1px 2px 10px; background-color: #F6F6F6; vertical-align:top; }
div.InPageNav{ padding: 5px 5px 5px 10px; }
table.InPageNav { width: 150px; }

/** main navigation **/
td.mainNav {background-color: #2661A9; vertical-align: middle; }

/** Quiz **/
td.quizQuest { font-size: 15px; font-weight: bold; color: #000000;}
td.quizQuestBig { font-size: 18px; font-weight: bold; color: #000000;}
td.quizAnswer { font-size: 11px; color: #000000; padding-left: 5px;}
td.quizAnswerBig { font-size: 12px; color: #000000; padding-left: 5px;}
span.scoreResult { font-size: 12px; color: #000000; }
div.scoreResult {  font-size: 12px; color: #000000; }

/* main nav menu items */
.cmsMenuMainNav_CMSMenu {}
.cmsMenuMainNavL1_CMSMenuItem,
.cmsMenuMainNavL2_CMSMenuItem
{ PADDING: 2px 8px 2px 8px; white-space: nowrap; }
.cmsMenuMainNavL1_CMSMenuItem,
.cmsMenuMainNavL2_CMSMenuItem
{ color: #000000;  BACKGROUND-COLOR: #EEEEEE; border: solid 1px #E1E1E1; font-size: 12px;}
.cmsMenuMainNav_CMSMenuItem,
.cmsMenuMainNav_CMSMenuItemMouseUp,
.cmsMenuMainNav_CMSMenuItemMouseOver,
.cmsMenuMainNav_CMSMenuItemMouseDown,
.cmsMenuMainNav_CMSMenuHighlightedMenuItem,
.cmsMenuMainNav_CMSMenuHighlightedMenuItemMouseUp,
.cmsMenuMainNav_CMSMenuHighlightedMenuItemMouseOver,
.cmsMenuMainNav_CMSMenuHighlightedMenuItemMouseDown
{ color: #FFFFFF; font-size: 12px; font-family: Arial; 
  PADDING: 2px 8px 2px 8px; white-space: nowrap; font-weight: bold; }
.cmsMenuMainNavL1_CMSMenuItemMouseUp,
.cmsMenuMainNavL2_CMSMenuItemMouseUp,
.cmsMenuMainNavL1_CMSMenuItemMouseOver,
.cmsMenuMainNavL2_CMSMenuItemMouseOver,
.cmsMenuMainNavL1_CMSMenuItemMouseDown,
.cmsMenuMainNavL2_CMSMenuItemMouseDown
{ PADDING: 2px 8px 2px 8px;  white-space: nowrap;  COLOR: white; 
  background-color: #999999; border: solid 1px #E1E1E1; font-size: 12px;}
.cmsMenuMainNavL1_CMSMenuHighlightedMenuItem,
.cmsMenuMainNavL2_CMSMenuHighlightedMenuItem
{ PADDING: 2px 8px 2px 8px; color: #FFFFFF; BACKGROUND-COLOR: #999999; white-space: nowrap; font-size: 12px;}
.cmsMenuMainNavL1_CMSMenuHighlightedMenuItemMouseUp,
.cmsMenuMainNavL2_CMSMenuHighlightedMenuItemMouseUp,
.cmsMenuMainNavL1_CMSMenuHighlightedMenuItemMouseOver,
.cmsMenuMainNavL2_CMSMenuHighlightedMenuItemMouseOver, 
.cmsMenuMainNavL1_CMSMenuHighlightedMenuItemMouseDown,
.cmsMenuMainNavL2_CMSMenuHighlightedMenuItemMouseDown
{ PADDING: 2px 8px 2px 8px;  white-space: nowrap; COLOR: #FFFFFF; font-size: 12px; BACKGROUND-COLOR: #999999;}

/** side menu **/
table.sideWidth {width:210px; margin-right:5px;}

/** secondary navigation **/
td.secondaryNav {background-color: #FFFFFF;}
td.secondaryNavHeading {font-weight: bold; color: #FFFFFF; background-color: #2661A9; }
.cmsTreeSecondaryNav {margin: 0px; border: none; padding:0px;}
.cmsTreeSecondaryNav_CMSTreeMenuTable { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; width: 100%;} 
.cmsTreeSecondaryNav_CMSTreeMenuItem, 
.cmsTreeSecondaryNavL1_CMSTreeMenuItem, 
.cmsTreeSecondaryNavL2_CMSTreeMenuItem,
.cmsTreeSecondaryNavL3_CMSTreeMenuItem,
.cmsTreeSecondaryNavL4_CMSTreeMenuItem 
{ BACKGROUND: #FFFFFF; padding: 5px 0px 5px 0px; border-bottom: solid 1px #767676;} 
.cmsTreeSecondaryNav_CMSTreeMenuSelectedItem, 
.cmsTreeSecondaryNavL1_CMSTreeMenuSelectedItem, 
.cmsTreeSecondaryNavL2_CMSTreeMenuSelectedItem, 
.cmsTreeSecondaryNavL3_CMSTreeMenuSelectedItem, 
.cmsTreeSecondaryNavL4_CMSTreeMenuSelectedItem 
{ BACKGROUND: #FFFFFF; padding: 5px 0px 5px 0px; border-bottom: solid 1px #767676;} 
.cmsTreeSecondaryNav_CMSTreeMenuLink {TEXT-DECORATION: none; color: #767676;} 
.cmsTreeSecondaryNav_CMSTreeMenuSelectedLink {TEXT-DECORATION: none; color: Black;}

.cmsTreeSecondaryNavL1_CMSTreeMenuItem, .cmsTreeSecondaryNavL1_CMSTreeMenuSelectedItem {padding-left: 7px; }
.cmsTreeSecondaryNavL2_CMSTreeMenuItem, .cmsTreeSecondaryNavL2_CMSTreeMenuSelectedItem {padding-left: 14px;}
.cmsTreeSecondaryNavL3_CMSTreeMenuItem, .cmsTreeSecondaryNavL3_CMSTreeMenuSelectedItem {padding-left: 21px;}
.cmsTreeSecondaryNavL4_CMSTreeMenuItem, .cmsTreeSecondaryNavL4_CMSTreeMenuSelectedItem {padding-left: 28px;}

/** content body with nav styles **/
table.contentBody{width: 100%;}
td.contentBodyMain{width: 99%;}
td.contentBodyNav{width: 1%; padding-top: 20px; margin-right: 10px; }

/** related items navigation **/
.cmsRelatedNav {margin-top: -5px; border: none; padding:0px;}
td.relatedNavHeading {font-weight: bold; color: #FFFFFF; background-color: #2661A9; }
div.relatedNavItem { BACKGROUND: #FFFFFF; padding: 5px 0px 5px 0px; border-bottom: solid 1px #767676;}
td.relatedNavItem { padding-left: 10px; background-color: #FFFFFF; }

/** footer navigation **/
.cmsMenuFooterNav_CMSMenu { border: 0px; }
.cmsMenuFooterNav_CMSMenuItem { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; COLOR: black; PADDING-TOP: 2px; text-decoration: underline;}
.cmsMenuFooterNav_CMSMenuItemMouseUp { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; COLOR: black; PADDING-TOP: 2px;text-decoration: underline;}
.cmsMenuFooterNav_CMSMenuItemMouseOver { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; text-decoration: underline;}
.cmsMenuFooterNav_CMSMenuItemMouseDown { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; COLOR: black; PADDING-TOP: 2px; text-decoration: underline;}
.cmsMenuFooterNav_CMSMenuHighlightedMenuItem { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; COLOR: black; PADDING-TOP: 2px;text-decoration: underline;}
.cmsMenuFooterNav_CMSMenuHighlightedMenuItemMouseUp { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; CURSOR: hand; COLOR: black; PADDING-TOP: 2px;text-decoration: underline;}
.cmsMenuFooterNav_CMSMenuHighlightedMenuItemMouseOver { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; CURSOR: hand; COLOR: black; PADDING-TOP: 2px;text-decoration: underline;}
.cmsMenuFooterNav_CMSMenuHighlightedMenuItemMouseDown { PADDING-RIGHT: 15px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; text-decoration: underline;}

/** standard page content **/

/** default page **/
h1.defaultPageHeader{color: #CE3909; padding-right: 5px; display: inline;
	font-size: 19pt; vertical-align: middle}
table.defaultPageHeader{width:100%; border-bottom: dotted 1px black; margin-bottom: 15px; }
div.defaultPageSummary{padding-left:5px;}
div.defaultPageChildList{padding-left:5px;}
div.defaultPageText{padding-left:5px;padding-right:5px;}
/** Heading widget **/
img.logoWidget {vertical-align: middle; }

img.logoQuality { vertical-align: middle; background-color: #FFFFFF; margin: 7px 0px 4px 0px; }
img.mainLogo_Home { vertical-align: middle; background-color: #FFFFFF; margin: 23px 0px 42px 0px; }
img.tagLine_Home { vertical-align: middle; background-color: #FFFFFF; margin: 0px 0px 5px 0px; }
img.mainLogo { vertical-align: middle; background-color: #FFFFFF; margin: 13px 0px 24px 0px; }
img.tagLine { vertical-align: middle; background-color: #FFFFFF; margin: 0px 0px 3px 0px; }
td.logoQuality { background-color: #FFFFFF; text-align: center; height: 80; vertical-align: middle; }
td.mainLogo { background-color: #FFFFFF; text-align: center; height: 135; vertical-align: middle; }

/** home page **/
h1.homePageHeader{}
div.homePageText{}
table.homeAnnouncements { margin: 0px; padding: 0px; width: 100%; border: 0px; }

/** announcements - latest **/
h1.announcementLatestPageHeader{}
div.announcementLatestPageText{margin-bottom: 20px;}

/** announcement page **/
div.announcement{}


div.announcementListItem {padding-bottom: 5px;}
table.announcementListItem td 
{ vertical-align:middle; padding: 5px 0px;}
h3.announcementListItem 
{
	padding: 0px 0px 0px 5px; margin: 0px;
	font-size: 12px;
	font-weight: bold;
	color: #2661A9;
}
td.announcementListItemText { background-color: #F8F8F8; }

h1.announcementTitle{}
div.announcementSummary {font-style: italic; padding: 2px 0px;}
div.announcementText{}
div.announcementReleaseDate {}

/** announcement archive page **/
h1.announcementArchivePageHeader{}
div.announcementArchivePageText{margin-bottom: 20px;}
span.announcementArchiveEmptyMessage{color: Red;}
div.announcementArchiveFilterNav{}
div.announcementArchiveFilterNavItem{margin: 10px 0px;}
div.announcementArchiveYear{font-weight: bold;}
div.announcementArchiveMonthFilterNav{}
a.announcementArchiveMonthFilterNavItem{}
div.announcementArchiveBack{margin-top: 20px;}
a.announcementArchiveBack{}

/** client filter pages **/
h1.clientFilterPageHeader{}
div.clientFilterPageText{}
div.clientFilterNav {margin-top: 20px;}
a.clientFilterNavLink {}

/** clients - preview **/
div.clientPreview {margin-top: 20px;}
a.clientPreviewNameLink {}
a.clientPreviewLogoLink {}
div.clientPreviewItem {float: left; padding: 5px; width: 135px; }
table.clientPreviewItem { margin: 0px; padding: 0px; }
td.clientPreviewImage { width: 100%; padding: 5px 0px 0px 0px; margin: 0px; background-color:White; border: solid 1px #E1E1E1; vertical-align: middle; text-align: center; }
table.clientPreviewName {width: 100%; padding: 0px 0px 5px 0px; margin: 0px; background-color: #F8F8F8; border: solid 1px #F8F8F8; }
td.clientPreviewName { vertical-align: top; padding-left: 5px; }

/** client page **/
h1.clientTitle{}
img.clientLogo{}
div.clientText {margin: 15px 0px;}
div.clientIndustry{}
span.clientIndustryLabel{}
div.clientProducts{}
span.clientProductsLabel{}
a.clientProductLink{}
div.clientServices{}
span.clientServiceLabel{}
a.clientServiceLink{}
div.clientCaseStudies{}
span.clientCaseStudyLabel{}
a.clientCaseStudyLink{}

/** case study page **/
div.caseStudyItem{}
h1.caseStudyTitle{}
div.caseStudyText{margin: 15px 0px;}
div.caseStudyClient{}
span.caseStudyClientLabel{}
a.caseStudyClientLink{}
div.caseStudyProducts{}
span.caseStudyProductsLabel{}
a.caseStudyProductLink{}
div.caseStudyServices{}
span.caseStudyServicesLabel{}
a.caseStudyServiceLink{}

/** service page **/
h1.serviceTitle{}
div.serviceText {margin: 15px 0px;}
div.serviceClients{}
span.serviceClientsLabel{}
a.serviceClientLink{}
div.serviceCaseStudies{}
span.serviceCaseStudiesLabel{}
a.serviceCaseStudyLink{}

/** product page **/
h1.productTitle{}
div.productText {margin: 15px 0px;}
div.productClients{}
span.productClientsLabel{}
a.productClientLink{}
div.productCaseStudies{}
span.productCaseStudiesLabel{}
a.productCaseStudyLink{}

/** jobs list page **/
h1.jobsListPageHeader{}
div.jobSummary{font-style: italic; padding: 2px 0px;}
div.jobsListPageText{margin: 15px 0px;}
div.jobsListItem{padding-bottom: 5px;}
div.jobsListItemLink{}

/** job page **/
h1.jobHeader{}
div.job{}
div.jobReferenceNumber{}
div.jobReferenceNumberLabel{font-weight: bold; }
div.jobDescription{}
div.jobDescriptionLabel{font-weight: bold; margin-top: 10px;}
div.jobRequirements{}
div.jobRequirementsLabel{font-weight: bold; margin-top: 10px;}
div.jobSubmitApplicationLink{margin: 10px 0px;}
a.jobSubmitApplicationLink{}

/** search page **/
h1.siteSearchPageHeader{}
div.siteSearchPageText{}

/** email forms **/
h1.emailFormTitle{}
div.emailFormBody{}
table.emailFormFooter{}
td.emailFormFooterLabel{width: 150px;}
td.emailFormFooterValue{}
div.emailFormSucess{}
div.emailFormFailure{}

/** edit mode buttons **/
.CMSEditModeButtons
{
	border: 1px solid black;
	background: white;
	cursor: hand;
	font-size: 10px;
	font-weight: bold; 
	padding: 2px;
	margin: 5px 0px;
	display:block;
	width: auto;
}

.CMSPageManager
{
	border: 1px solid darkgray;
	padding: 3px 3px 3px 3px;
	display: block;
	width: 100%;
	background-color: #EEEEEE;
	margin-bottom: 3px;
}

.CMSPageManager A
{
	font-weight: bold;
	text-decoration: underline;
	color: Black;
}

.CMSEditableRegion
{
	background-color: white;
	border: 1px solid darkgray;
	text-decoration: none;
	font-weight: normal;
}

.searchBox{
    padding: 0px;
    FONT: Arial, Helvetica, sans-serif;
    margin: 0px;
    font-size: 11px;
	color: #767676;
}

.searchButton{
    padding: 0px;
    margin: 0px 0px 0px 5px;
}

td.BreadCrumbsPrefix
{
	color: #2661A9;
}

.CMSBreadCrumbsCurrentItem
{
	padding-left: 5px;
}

.CMSBreadCrumbsLink
{
	padding-left: 5px;
}

.searchBox
{
	width: 115px;
	height: 20px;
}