body {
   background-color: #EDEEE3;
   font-family: Arial, Verdana, Helvetica, Sans-Serif;
   font-size: 12px;
   margin: 0px;
}

/* No image should have a default border. */
img { border: 0px; }

/* imageLeft and imageRight are for images that need a gap between it and text. */
/* Used in the content manager for things like Board Member images. */
.imageLeft {
   padding-bottom: 10px;
   padding-right: 10px;
}

.imageRight {
   padding-bottom: 10px;
   padding-left: 10px;
}

/* This class is added to an image control to align it with text. */
.imageAlign { vertical-align: middle; }

/* The site is 1000 pixels wide. */
.siteWidth { width: 1000px; } /* Changing this width will affect TreeView controls.  Search "Staff list". */

/* The breadcrumb and breadcrumb hyperlinks. */
.breadCrumb {
   font-size: 10px;
   font-weight: bold;
}

.breadCrumb a:Link { color: #E3771B; font-weight: bold; text-decoration: none; }
.breadCrumb a:Visited { color: #E3771B; font-weight: bold; text-decoration: none; }
.breadCrumb a:Hover { color: #E3771B; font-weight: bold; text-decoration: underline; }
.breadCrumb a:Active { color: #E3771B; font-weight: bold; text-decoration: none; }

/* The main navigation links - default mode. */
a.linkMainNavigation:Link { color: #FFFFFF; text-decoration: none; }
a.linkMainNavigation:Visited { color: #FFFFFF; text-decoration: none; }
a.linkMainNavigation:Hover { color: #DDDDDD; text-decoration: none; }
a.linkMainNavigation:Active { color: #DDDDDD; text-decoration: none; }

/* The main navigation links - selected. */
a.linkMainNavigationSelected:Link { color: #000000; text-decoration: none; }
a.linkMainNavigationSelected:Visited { color: #000000; text-decoration: none; }
a.linkMainNavigationSelected:Hover { color: #555555; text-decoration: none; }
a.linkMainNavigationSelected:Active { color: #555555; text-decoration: none; }

/* All tables. No borders and no padding. */
.tableBase {
   border: 0px;
   border-collapse: collapse;
   padding: 0px;
}

/* The height of the space just above the main header. */
.aboveHeader {
   background-color: #000000;
   height: 25px;
   color: #FFFFFF;
   font-weight: bold;
   text-align: center;
   padding-top: 0px;
}

/* The 6-pixel olive drab line above the main navigation. */
.aboveMainNavigation {
   background-image: url( "/Images/AboveMainNavigationBackground.png" );
   height: 6px;  
}

/* The orange main navigation bar. */
.mainNavigation {
   background-image: url( "/Images/MainNavigationBackground.png" );
   color: #FFFFFF;
   font-size: 15px;
   font-weight: bold;
   height: 27px;
   text-align: center;
}

.leftColumn1, /* The main layout - leftColum1 one is used by both the two- and three-column masterpages. */
.leftColumn2 { /* The second row of the left column. */
   background-color: #FFFFFF;
   border-right: solid 1px #000000;
   overflow: hidden;
   padding: 0px;
   width: 219px;
}

.leftColumn1 { vertical-align: top; }
.leftColumn2 { vertical-align: bottom; }

/* The center portion of the 3-column layout. */
.middleColumn {
   background-color: #FFFDF4; /* When changing this, also search on "staffBackground" and make a corresponding change. */
   height: 660px;
   overflow: hidden;
   padding: 10px;
   text-align: left;
   vertical-align: top;
}

.rightColumn1, /* The first row of the 3-column layout's right-most column. */
.rightColumn2 { /* The second row of the 3-column layout's right-most column. */
   background-color: #FFFFFF;
   border-left: solid 1px #000000;
   overflow: hidden;
   padding: 0px;
   width: 219px; /* Changing this width requires that you check the FlexTabs (search on "flexTab"). */
}

.rightColumn1 { vertical-align: top; }
.rightColumn2 { vertical-align: bottom; }

/* This is the right column of the two-column master page. */
.secondColumn {
   background-color: #FFFFFF;
   height: 660px;
   overflow: hidden;
   padding: 10px;
   text-align: left;
   vertical-align: top;
}

/* This is the single column of the one-column master page. */
.oneColumn {
   background-color: #FFFFFF;
   height: 660px;
   overflow: hidden;
   padding: 10px;
   text-align: left;
   vertical-align: top;
}

/* The LeftNav is run by an ASPxSiteMapControl, and all LeftNav */
/* CSS information is stored in the PorkV2Sitemap.CSS file. */

/*************************************************************************************/
/******************** All content control classes are below here. ********************/
/*************************************************************************************/

/******************************* .NET Grid controls. *********************************/
.dotnetGrid {
   border: solid 1px #000000;
   width: 100%;
}

.dotnetGrid caption {
   background-color: #000000;
   color: #FFFFFF;
   font-weight: bold;
   text-align: center;
}

.dotnetGridNoData {
   font-size: 10px !important;
   font-weight: bold !important;
   text-align: center !important;
}

.dotnetGridAltRow { background-color: #EFE3C6; }

.dotnetGridHeader {
   background-color: #8C925A;
   border: solid 1px #000000;
   color: #FFFFFF;
   font-size: 12px;
   font-weight: bold;
   text-align: center;
}

.dotnetGridHeader a:Link { color: #FFFFFF !important; font-size: 12px; text-decoration: underline; }
.dotnetGridHeader a:Visited { color: #FFFFFF !important; font-size: 12px; text-decoration: underline; }
.dotnetGridHeader a:Hover { color: #FFFFFF !important; font-size: 12px; text-decoration: underline; }
.dotnetGridHeader a:Active { color: #FFFFFF !important; font-size: 12px; font-weight: bold; text-decoration: underline; }

a.dotnetGridHeader:Link { color: #FFFFFF !important; font-size: 12px; text-decoration: underline; }
a.dotnetGridHeader:Visited { color: #FFFFFF !important; font-size: 12px; text-decoration: underline; }
a.dotnetGridHeader:Hover { color: #FFFFFF !important; font-size: 12px; text-decoration: underline; }
a.dotnetGridHeader:Active { color: #FFFFFF !important; font-size: 12px; font-weight: bold; text-decoration: underline; }

.dotnetGridCellCenter,
.dotnetGridCellLeft,
.dotnetGridCellRight {
   border: solid 1px #888888;
   font-size: 11px !important;
}

.dotnetGridCellCenter { text-align: center; }
.dotnetGridCellLeft {
   padding-left: 2px;
   text-align: left;
}
.dotnetGridCellRight {
   padding-right: 2px;
   text-align: right;
}

.dotnetGridPager { color: #E3771B; }

.dotnetGridPager a:Link { color: #000000 !important; font-size: 11px; text-decoration: underline; }
.dotnetGridPager a:Visited { color: #000000 !important; font-size: 11px; text-decoration: underline; }
.dotnetGridPager a:Hover { color: #000000 !important; font-size: 11px; font-weight: bold; text-decoration: underline; }
.dotnetGridPager a:Active { color: #E3771B !important; font-size: 11px; font-weight: bold; }

/******************************** The header control. ********************************/
.header {
   background-color: #FFFFFF;
   font-size: 12px;
   font-weight: bold;
   height: 80px;
}

.header td {
   padding: 0px;
   text-align: left;
}

/* The links in the header (Pork Store, RSS Feeds, etc.). */
a.headerLink:Link { color: #000000; text-decoration: none; }
a.headerLink:Visited { color: #000000; text-decoration: none; }
a.headerLink:Hover { color: #000000; text-decoration: underline; }
a.headerLink:Active { color: #000000; text-decoration: none; }

/* The search control...part of the header. */
.advancedSearchText {
   color: #E3771B;
   font-size: 10px;
   text-decoration: none;
}

.searchBoxLeft {
/*   background-image: url( "/Images/HeaderSearchBoxLeft.PNG" );
   background-repeat: no-repeat;
   border: none;
   float: left;
   height: 20px;
   width: 11px;*/
 }

.searchBoxCenter {
/*   background-image: url( "/Images/HeaderSearchBoxCenter.PNG" );
   background-repeat: repeat-x;
   border: none;
   height: 20px;*/
}

.searchBoxRight {
/*   background-image: url( "/Images/HeaderSearchBoxRight.PNG" );
   background-repeat: no-repeat;
   height: 20px;*/
}

/* The sitemap links. */
a.sitemap:Link { color: #000000 !important; text-decoration: none; }
a.sitemap:Visited { color: #000000 !important; text-decoration: none; }
a.sitemap:Hover { color: #E3771B !important; text-decoration: underline; }
a.sitemap:Active { color: #000000 !important; text-decoration: none; }

/************************** The home page rotator control. ***************************/
/* The main Rotator window.  This includes 300px for the image display, plus an */
/* additional 230px (padding-right) for the rotating panels. */
.rotatorMain {
   border: 1px solid #DEC794;
   height: 300px;
	padding-right: 230px;
	position: relative;
	text-align: left;
	width: 300px;
}

/* The main Rotator image.  It's position is absolute and the z-index is 0 so that */
/* the images from the .rotatorPanels will overwrite. */
.rotatorImage {
   position: absolute;
   z-index: 0;
}

/* The section for the rotating panels.  This section is "attached" to the right-hand */
/* side of .rotatorMain, sitting in the 230px padded area.  Its width is 256px in order */
/* to account for the arrow, which adds 36px to the width. */
.rotatorSection {
   background-color: transparent;
   height: 300px;
   left: 264px;
   margin: 0px;
   padding: 0px;
   position: absolute;
   top: 0;
   width: 266px;
   z-index: 1;
}

/* The common attributes of the Feature and Highlight Rotator panels. */
.rotatorPanelFeature,
.rotatorPanelHighlight {
   background-repeat: no-repeat;
   height: 100px;
   width: 266px;
}

/* The panel showing the Rotator feature.  This is the "non-highlighted" version. */
.rotatorPanelFeature { background-image: url( "/Images/RotatorFeatureBackground.PNG" ); }

/* The panel showing the highlighted Rotator feature. */
.rotatorPanelHighlight { background-image: url( "/Images/RotatorHighlightBackground.PNG" ); }

/* The common attributes for the Feature and Highlight Rotator panel text. */
.rotatorTitleFeature,
.rotatorTitleHighlight,
.rotatorSubtextHighlight {
   left: 40px;
   position: relative;
   text-decoration: none;
   top: 10px;
}

/* Attributes for the Rotator Feature text. */
.rotatorTitleFeature {
   color: #6B6B6B;
   font-size: 15px;
}

/* Attributes for the main Rotator Feature text...the highlighted feature. */
.rotatorTitleHighlight {
   color: #E3771B;
   font-size: 14px;
}

/* Attributes for the highlighted Rotator Feature subtext. */
.rotatorSubtextHighlight {
   color: #000000;
   font-size: 10px;
}

/* The link to the Feature archive. */
.rotatorArchiveLink {
   padding-right: 15px;
   text-align: right;
}

a.rotatorArchiveLink:Link { color: #E3771B; font-size: 11px; font-weight: bold; text-decoration: none; }
a.rotatorArchiveLink:Visited { color: #E3771B; font-size: 11px; font-weight: bold; text-decoration: none; }
a.rotatorArchiveLink:Hover { color: #E3771B; font-size: 11px; font-weight: bold; text-decoration: underline; }
a.rotatorArchiveLink:Active { color: #E3771B; font-size: 11px; font-weight: bold; text-decoration: none; }

/******************************* The spotlight control. ******************************/

/* The gap between the Features and Spotlights on the home page. */
.featureSpotlightGap {
   height: 25px;
   width: 100%;
}
s
/* The width control for the 3 Spotlight controls. */
.spotlight1 { width: 100%; }

.spotlight2 {
   clear: left;
   float: left;
   margin-top: 5px; /* Margin to provide a bit of space between larger spotlight above. */
   width: 49%; /* Less than 50% to allow a gap between the two smaller spotlights. */
}
.spotlight3 {
   float: right;
   margin-top: 5px; /* Margin to provide a bit of space between larger spotlight above. */
   width: 49%; /* Less than 50% to allow a gap between the two smaller spotlights. */
}

/* Spotlight title. */
.spotlightTitle {
   color: #969A67;
   font-size: 16px;
   text-align: left;
}

/* Horizontal bar under the title. */
.spotlightTitleBar {
   background-color: #DEC794;
   border: 0px;
   color: #DEC794;
   height: 3px;
   text-align: left;
   width: 100%;
}

/* The link to the full story. */
a.spotlightLink:Link { color: #E3771B; font-size: 11px; font-weight: bold; text-decoration: none; }
a.spotlightLink:Visited { color: #E3771B; font-size: 11px; font-weight: bold; text-decoration: none; }
a.spotlightLink:Hover { color: #E3771B; font-size: 11px; font-weight: bold; text-decoration: underline; }
a.spotlightLink:Active { color: #E3771B; font-size: 11px; font-weight: bold; text-decoration: none; }

/* The link to the Spotlight archive. */
.spotlightArchiveLink {
   clear: both;
   margin-top: 5px;
   text-align: right;
   width: 100%;
}

a.spotlightArchiveLink:Link { color: #E3771B; font-size: 11px; font-weight: bold; text-decoration: none; }
a.spotlightArchiveLink:Visited { color: #E3771B; font-size: 11px; font-weight: bold; text-decoration: none; }
a.spotlightArchiveLink:Hover { color: #E3771B; font-size: 11px; font-weight: bold; text-decoration: underline; }
a.spotlightArchiveLink:Active { color: #E3771B; font-size: 11px; font-weight: bold; text-decoration: none; }

/******************************** The footer control. ********************************/
.footer {
   background-image: url( "/Images/FooterBackground.png" );
   background-repeat: repeat-x;
   color: #FFFFFF;
   font-size: 11px;
   height: 75px;
}

.footerLeftColumn { text-align: left; }
.footerRightColumn {
   text-align: right;
   padding-right: 5px;
}

.footer a:Link { color: #FFFFFF; text-decoration: none; }
.footer a:Visited { color: #FFFFFF; text-decoration: none; }
.footer a:Hover { color: #FFFFFF; text-decoration: underline; }
.footer a:Active { color: #FFFFFF; text-decoration: none; }

.footerEmailUpdates { font-weight: bold; }

/******************** The News Release Control for the home page. ********************/
.newsRelease {
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 20px;
   text-align: left;
}

.newsReleaseTitle {
   color: #969A67;
	font-size: 16px;
}

/* The "a" classes are defined as "a.___" because the style is applied directly to the hyperlink. */
a.newsReleaseStoryLink:Link { color: #000000; font-size: 11px; text-decoration: none; }
a.newsReleaseStoryLink:Visited { color: #000000; font-size: 11px; text-decoration: none; }
a.newsReleaseStoryLink:Hover { color: #000000; font-size: 11px; text-decoration: underline; }
a.newsReleaseStoryLink:Active { color: #000000; font-size: 11px; text-decoration: none; }

a.newsReleaseArchiveLink:Link { color: #E3771B; font-size: 11px; font-weight: bold; text-decoration: none; }
a.newsReleaseArchiveLink:Visited { color: #E3771B; font-size: 11px; font-weight: bold; text-decoration: none; }
a.newsReleaseArchiveLink:Hover { color: #E3771B; font-size: 11px; font-weight: bold; text-decoration: underline; }
a.newsReleaseArchiveLink:Active { color: #E3771B; font-size: 11px; font-weight: bold; text-decoration: none; }

/********************* The Industry Calendar for the home page. **********************/
.industryCalendarList {
   padding-left: 10px;
   padding-top: 20px;
   text-align: left;
}

.industryCalendarListTitle {
   color: #969A67;
	font-size: 16px;
}

.industryCalendarListEventDate,
.industryCalendarListEventName,
.industryCalendarListEventLocation {
   color: #969A67;
   font-size: 11px;
}

.industryCalendarListEventName { font-weight: bold; }
.industryCalendarListEventLocation { font-style: italic; }

a.industryCalendarFullLink:Link { color: #E3771B; font-size: 11px; font-weight: bold; text-decoration: none; }
a.industryCalendarFullLink:Visited { color: #E3771B; font-size: 11px; font-weight: bold; text-decoration: none; }
a.industryCalendarFullLink:Hover { color: #E3771B; font-size: 11px; font-weight: bold; text-decoration: underline; }
a.industryCalendarFullLink:Active { color: #E3771B; font-size: 11px; font-weight: bold; text-decoration: none; }

/*********************** The Links control in the lower left. ************************/
.linksLayout {
   background-color: #EFE3C6;
   height: 100px;
}

.links {
   color: #E3771B;
   cursor: pointer;
   margin-bottom: 10px;
   text-align: left;
   width: 100%;
}

.links td {
   padding-left: 25px;
   padding-top: 10px;
}

.links a:Link { color: #E3771B; text-decoration: none; }
.links a:Visited { color: #E3771B; text-decoration: none; }
.links a:Hover { color: #E3771B; font-weight: bold; text-decoration: underline; }
.links a:Active { color: #E3771B; text-decoration: none; }

.linksPopup {
   background-color: #EFE3C6;
   border: solid 1px #888888;
   color: #E3771B;
   padding: 5px;
   text-align: left;
}

.linksPopup a:Link { color: #E3771B; text-decoration: none; }
.linksPopup a:Visited { color: #E3771B; text-decoration: none; }
.linksPopup a:Hover { color: #E3771B; font-weight: bold; text-decoration: underline; }
.linksPopup a:Active { color: #E3771B; text-decoration: none; }

/********************** The Flex Tabs control in the lower right. ***********************/
.flexTabsLayout {
   background-color: #C6CBAD;
   height: 190px;
   padding-left: 10px;
   padding-top: 10px;
   text-align: left;
   width: 210px;
}

.flexTabsTable { width: 200px; }

.flexTabsBorder {
   background-color: #FFFFFF;
   border: solid 1px #E3771B;
}

.flexTabsActive {
   background-color: Transparent;
   background-image: url( "/Images/FlexTabActive.PNG" );
   background-repeat: no-repeat;
   border: 0px;
   color: #FFFFFF;
   cursor: pointer;
   font-size: 13px;
   font-weight: bold;
   height: 25px;
   text-align: center;
   width: 60px;
}

.flexTabsInactive {
   background-color: Transparent;
   background-image: url( "/Images/FlexTabInactive.PNG" );
   background-repeat: no-repeat;
   border: 0px;
   color: #FFFFFF;
   cursor: pointer;
   font-size: 13px;
   font-weight: bold;
   height: 25px;
   text-align: center;
   width: 60px;
}

.flexTabsPanel {
   background-color: Transparent;
   height: 150px;
   width: 100%;
}

.flexTabsImage {
   padding-left: 5px;
   padding-top: 5px;
}

.flexTabsContent { padding-left: 5px; }

a.flexTabsContent:Link { color: #969A67; font-size: 11px; text-decoration: none; }
a.flexTabsContent:Visited { color: #969A67; font-size: 11px; text-decoration: none; }
a.flexTabsContent:Hover { color: #969A67; font-size: 11px; text-decoration: underline; }
a.flexTabsContent:Active { color: #969A67; font-size: 11px; text-decoration: none; }

.flexTabsLinkText { padding-left: 5px; }

a.flexTabsLinkText:Link { color: #E3771B; font-size: 11px; font-weight: bold; text-decoration: none; }
a.flexTabsLinkText:Visited { color: #E3771B; font-size: 11px; font-weight: bold; text-decoration: none; }
a.flexTabsLinkText:Hover { color: #E3771B; font-size: 11px; font-weight: bold; text-decoration: underline; }
a.flexTabsLinkText:Active { color: #E3771B; font-size: 11px; font-weight: bold; text-decoration: none; }

/*************** The AddThis social media control in the upper right. ****************/
.addThis {
   padding-left: 20px;
   padding-top: 5px;
}

.addThis a:Link { color: #000000; text-decoration: none; }
.addThis a:Visited { color: #000000; text-decoration: none; }
.addThis a:Hover { color: #000000; text-decoration: none; }
.addThis a:Active { color: #000000; text-decoration: none; }

/****************************** Research Search Results. *****************************/
a.researchTitle:Link { color: #E3771B; font-size: 12px; text-decoration: none; }
a.researchTitle:Visited { color: #E3771B; font-size: 12px; text-decoration: none; }
a.researchTitle:Hover { color: #E3771B; font-size: 12px; font-weight: bold; text-decoration: underline; }
a.researchTitle:Active { color: #E3771B; font-size: 12px; text-decoration: none; }

.researchIDnumber {
   color: #8C925A;
   font-size: 12px;
   font-style: italic;
   font-weight: bold;
}

.researchFiled {
   color: #8C925A;
   font-size: 11px;
   font-weight: bold;
}

.researchSeparator {
   color: #CCCCCC;
   height: 1px;
   text-align: center;
   width: 98%;
}

/******************************** MRL Search control. ********************************/
.smallText {
   font-size: 10px;
   font-weight: bold;
}

/*** For grid-specific classes, see the ".NET & DevExpress Grid controls" section. ***/

/****************************** Generic content control. *****************************/
.genericContent h1,
.genericContent h2,
.genericContent h3,
.title,
.featureArchiveTitle,
.featureArchiveTitle a:link,
.featureArchiveTitle a:visited,
a.featureArchiveTitle:link {
   color: #969A67;
   font-weight: bold;
   letter-spacing: normal;  
   text-decoration: none;
}

.featureArchiveTitle { padding-bottom: 5px; }
.featureArchiveTitle a:hover { text-decoration: underline; }

.genericContent h1
{ margin-right: 10px;
   padding-top: 10px;}

.genericContent h1 { font-size: 15px; }
.genericContent h2 { font-size: 14px; }
.genericContent h3 { font-size: 13px; }

.genericContent ol
.genericContent ul
.genericContent p, .midNavItem 
 {
   color: #000000;
   font-size: 12px;
}

.genericContent,
.genericContent div,
.genericContent td {
   font-size: 12px;
}

.genericContent hr {
   background-color: #DEC794;
   border: 0px;
   color: #DEC794;
   height: 2px;
   text-align: center;
   width: 95%;
}

.genericContent a:Link, .midNavItem a:Link { color: #E3771B; }
.genericContent a:Visited, .midNavItem a:Visited { color: #E3771B; }
.genericContent a:Hover, .midNavItem a:Hover { color: #E3771B; }
.genericContent a:Active, .midNavItem a:Active { color: #E3771B; }

/******************************* Right-column content. *******************************/
.rightContent {
   color: #000000;
   font-size: 12px;
   margin-bottom: 3px;
   margin-left: 3px;
   margin-top: 10px;
   text-align: left;
}

.rightContent h1,
.rightContent h2,
.rightContent h3 {
   color: #969A67;
   letter-spacing: normal;
}

.rightContent h1 { font-size: 14px; }
.rightContent h2 { font-size: 13px; }
.rightContent h3 { font-size: 12px; }

.rightContent hr {
   background-color: #DEC794;
   border: 0px;
   color: #DEC794;
   height: 2px;
   text-align: center;
   width: 95%;
}

.rightContent a:Link { color: #E3771B; text-decoration: none; }
.rightContent a:Visited { color: #E3771B; text-decoration: none; }
.rightContent a:Hover { color: #E3771B; text-decoration: underline; }
.rightContent a:Active { color: #E3771B; text-decoration: none; }

/************************** Staff list & Sitemap controls. ***************************/
.alphaLevelWidth { width: 475px; }
.controlWidth { width: 530px; }
.cursor { cursor: pointer; }
.deptLevelWidth { width: 450px; }
.levelPanels { white-space: normal; }
.staffBold { font-weight: bold; }
.staffItalics { font-style: italic; }

/************************** Premises ID & Barcode control. ***************************/
.premisesIDNotFound {
   color: #FF0000;
   font-weight: bold;
}

.premisesIDFound {
   color: #008800;
   font-weight: bold;
}

/************************** Advisor Training Dates control. **************************/
.trainingDetailLeftCol,
.trainingDetailRightCol,
.trainingDetailLastLeftCol,
.trainingDetailLastRightCol {
   padding: 3px;
   text-align: left;
   vertical-align: top;
}

.trainingDetailLeftCol,
.trainingDetailRightCol { border-bottom: solid 1px #AAAAAA; }

.trainingDetailRightCol,
.trainingDetailLastRightCol { border-left: solid 1px #AAAAAA; }

.trainingDetail a:Link { color: #E3771B; }
.trainingDetail a:Visited { color: #E3771B; }
.trainingDetail a:Hover { color: #E3771B; }
.trainingDetail a:Active { color: #E3771B; }

/*************************************************************************************/
/*************************************************************************************/
/*********************** CSS for the Certification Site Grids. ***********************/
/******* (Eventually, this will be moved to a dedicated Gridview style sheet. ********/
/*************************************************************************************/
/*************************************************************************************/
.certSearchHeader {
   background-color: #8C925A;
   border: solid 1px #000000;
	cursor: pointer;
	font-weight: normal;
	overflow: hidden;
	padding: 4px 0px 5px 0px;
	text-align: center;
	white-space: nowrap;
}

.failureNotification { color: #FF0000; }

/***************************** Certification Exam Page. ******************************/
.welcomeText {
   color: #969A67;
   font-size: 20px;
}

.splashText {
   font-size: 14px;
}

/* Centered box within mainArea that will contain the text. */
.quizArea {
   /*background-color: #7890AB;*/
   height: 375px;
   margin-left: auto;
   margin-right: auto;
   width: 850px;
}


/* The center screen.  This basically captures the quizArea set up on the master page. */
.centerScreen {
   height: 100%;
}

/* The panel where all the buttons will be. */
.buttonPanel {
   float: left;
   height: 60px;
   text-align: center;
   width: 100%;
}

/* The layout of the quiz page. */
.examQuestionCountBar {
   float: left;
   height: 40px;
   width: 100%;
}

.examSectionText {
   font-size: 16px;
   font-weight: bold;
}

.examQuestionCountText {
   font-size: 16px;
   text-decoration: underline;
}

.examQuestionAnswerText {
   font-size: 14px;
}

.examQuestionArea {
   float: left;
   height: 90px;
   width: 100%;
}

.examAnswerArea {
   float: left;
   height: 175px;
   width: 100%;
}

.examButtonBar {
   float: left;
   height: 30px;
   vertical-align: bottom;
   width: 100%;
}

.examFinished {
   font-size: 16px;
}

.researchReviewAltRow
{
    background-color: #EFE3C6;
}

.researchReviewOverallRow
{
    background-color: #8C925A; 
    color: #FFF;
}

.researchReviewOverallRow td
{
    vertical-align: top;
    border-top: 4px solid #FFF;   
}



#allResults
{
    width: 100%;
}

.allRelatedResults
{
    float: left;
    width: 38%;
    padding-right: 10px;
}

.allGoogleResultsWithRelatedResults
{
    float: left;
    width: 60%;
    padding-top: 10px;
    padding-top: 1px;
}

.allGoogleResultsWithRelatedResults iframe
{
    width:550px !important;
    height: 950px !important;
}

.allGoogleResultsWithoutRelatedResults
{
    width: 100%;
}

.allGoogleResultsWithoutRelatedResults iframe
{
    width: 100% !important;
    height: 1052px !important;
}

.headerText, .headerText a:link, .headerText a:visited, .headerText a:active, .headerText a:hover, .midNavContainer
{
    color:White;
    font-size:11px;
    font-family:Arial;   
}

.headerText a:link, .headerText a:visited, .headerText a:active
{
    text-decoration: none;
}

.headerText a:hover{ text-decoration:underline;}

.fltRt {float:right;}

.fltLft {float:left;}

.midNavContainer 
{
    background-color:Black;
    font-weight:bold;
    padding:5px;
}

.midNavItem
{
    background-color:White;    
    font-weight:normal;
    padding:4px;
}