﻿/* Content Page (!Top)


** To quickly navigate to the section, just highlight the shortcut key 
(e.g. !Footer)and hit Ctrl F and click on Find Next and you will reach
the Footer section**

Colour chart
HTML (!HTML)
ASCX Control (!ASCX)
Header (!Head)
	Banner Container (!Banner)
		Search Bar (!Search)
		Banner & Logo Image (!BLImage)
Content (!Content)
	Parent Category (!Parent)
	Breadcrumbs (!Bread)
	Utilities (!Util)
	Public Left Content (!LeftCt)
		Left Content Pics (!LCP)
		Contact Us (!Contact)
		Left Content Transparent Pics (!LCTP)
	Public Main Content (!MainCt)
		Home Content (!HomeCt)
		Case Study (!CaseStd)
		Featured Category & CaseStudy (!Feature)
		Readmore (!Readmore)
	Public Right Content (!RightCt)
		Latest News (!News)
		Related Content (!Related)
		Static Homepage Text (!Static)
Footer (!Footer)
Search Result (!SResult)
Jobs (!Jobs) 
Uncategorized code (!Code)

/******************************* Colour Chart *************************************

Colour charts:
#333(333) = dark grey
#666(666) = grey
#999(999) = grey

#CCC(CCC) = grey
#EEE(EEE) = light grey
#FFF(FFF) = white

#666663 = grey
#A09D93 = grey
#E6E4E0 = grey
#848377 = grey
#F5F4F2 = light grey
#FF0000 = red
#CBC7BE = grey
#E0E0E0 = grey
#A09D93 = grey



/******************************** HTML (!HTML)**************************************/
html
{
    overflow-x: hidden;
    overflow-y: auto;
}
body
{
    font-family: Verdana, Arial;
    font-size: 11px;
    margin: 0;
    padding: 0;
    height: 100%;
    color: #666663;
   
}
td
{
    vertical-align: top;
    display: table-cell;
}
a, a:link
{
    color: #666663;
}
a:hover
{
    text-decoration: underline;
}
.PublicErrorMessage
{
    color: Red;
    font-size: small;
    font-weight: bold;
}
.PublicErrorMessage ul, .PublicErrorMessage li
{
    display: block;
}
hr
{
    height: 0;
    width: auto;
    border: 0;
    border-bottom: 1px dashed red;
    margin: 10px 0 5px 0;
}
img, table
{
    border: 0;
    padding: 0;
    margin: 0;
}
h1, .header1, .InputFieldHeader1
{
    color: #0055A4;
    font-family: Arial;
    font-weight: bold;
    font-size: 22px;
    margin: 7px 0 4px 0;
    padding: 0;
}
h2, .header2, .InputFieldHeader2
{
    color: #0055A4;
    font-family: Verdana, Arial;
    font-size: 15px;
    text-transform: none;
    margin: 8px 0 8px 0;
    padding: 0;
}
h2, h2 a, h2 a:link, h2 a:visited
        {
            color: #0055A4;
        }
h3, .header3, .InputFieldHeader3
{
    color: #0055A4;
    font-family: Arial;
    font-weight: bold;
    font-size: 15px;
    text-transform: none;
    margin: 9px 0 4px 0;
    padding: 0;
}
h3, h3 a, h3 a:link, h3 a:visited
        {
            color: #0055A4;
        }
h4, .header4, .InputFieldHeader4
{
    color: #414042;
    font-family: Verdana, Arial;
    font-weight: bold;
    font-size: 12px;
    text-transform: none;
    margin: 9px 0 4px 0;
    padding: 0;
}
h4, h4 a, h4 a:link, h4 a:visited
        {
            color: #414042;
        }
p
{
    color: #666663;
    font-family: Verdana, Arial;
    font-weight: normal;
    text-transform: none;
    margin: 0 0 6px 0;
    line-height: 130%;
    text-align: left;
    font-size: 11px;
}
p a:link, p a:visited
{
    color: Black;
}
ul
{
    margin: 0;
    padding: 0 0 0 15px;
    margin:8px 0 13px 0;
}
li
{
    list-style-type: square;
    margin: 2px 0 3px 15px;
    padding: 0;
}

/***************************** ASCX Control (!ASCX) ********************************/
.Form
{
    margin: 10px 0px 0 0px;
    background: #EEE;
    border: 1px solid #CCC;
    padding: 2px;
}

.LeftMenuItemArrow
{
    position: absolute;
    margin: 5px 0px 4px auto;
    right: 3px;
}

.DocumentUpload
{
    float: right;
}
.DocumentUpload td
{
    vertical-align: middle;
    padding: 2px;
}
.ContentContainer
{
    width: 100%;
    padding: 0;
    margin: 10px 0;
    float: left;
    clear: none;
}
.ContentContainer a:link, ContentContainer a:visited
{
    color: #333;
}
.ContentContainer th
{
    background: #CBC7BE;
    border-right: 1px solid #999;
    border-left: 1px solid #CCC;
    border-bottom: 1px solid #999;
    font-weight: bold;
    text-align: left;
    margin: 0;
    padding: 5px;
}
.ContentItemHeader, .ContentItemHeaderActiveAscending, .ContentItemHeaderActiveDescending
{
    padding: 0px 0px 0px 20px;
    background-repeat: no-repeat;
}
.ContentItemHeaderActiveAscending
{
    background-image: url(/Images/arrow_up.gif);
}
.ContentItemHeaderActiveDescending
{
    background-image: url(/Images/arrow_down.gif);
}
.ContentItemAlternate, .ContentItem
{
    vertical-align: top;
    padding: 15px 5px 15px 5px;
}
.ContentItemAlternate img, .ContentItem img
{
    margin: 0 5px 0 0;
    padding: 0;
    vertical-align: middle;
}
.ContentItem
{
    background: #EEE;
    border-bottom: 1px dotted #999;
}
.ContentItemAlternate
{
    background: #FFF;
    border-bottom: 1px dotted #999;
}
.ContentItemAlternate a, .ContentItemAlternate a:link, .ContentItemAlternate a:visited, .ContentItem a, .ContentItem a:link, .ContentItem a:visited
{
    color: #0055A4;
}

.ContentItemTitle a
{
    font-weight: bold;
    margin: 5px 0;
    text-decoration: none;
}
.ContentItemStatus
{
    font-size: 11px;
}
.ContentItemMetadataContainer
{
    margin: 5px 0;
    font-size: 11px;
}
.ContentItemAbstract
{
    font-size: 11px;
    color: #666;
    margin: 10px 0;
}
.ContentItemMetadataContainer td
{
    padding: 1px;
    margin: 0;
    border-bottom: 0;
}
.ContentItemAction
{
    font-size: 12px;
    font-weight: bold;
    height: 20px;
    margin: 0 0 0px 0;
}
.ContentItemAction a
{
    text-decoration: none;
}
.ContentItemSubAction
{
    font-size: 11px;
    margin: 1px 0;
    padding: 0;
    width: 100%;
    text-align: center;
}
.ContentProgressInfo
{
    height: 15px;
    float: left;
    background: #FF0000;
    color: #FFF;
    font-size: 11px;
    font-family: Arial;
    padding: 2px 5px;
}
.ContentItemStaging
{
}
.FileUploadArea
{
    float: left;
    width: 100%;
    margin: 10px 0;
}

/******************************* Header (!Head) ************************************/
#Header
{
    padding: 0;
    margin: 0;
    position: relative;
    float: left;
    width: 100%;
}
/************** Banner Container (!Banner)************/
#Banner
{
    position: relative;
    float: left;
    background: #000;
    padding: 0;
    font-size: 0;
    width: 100%;
}

/*************** Search Bar (!Search) *****************/
#SearchBar
{
    position: relative;
    float: right;
    text-align: right;
}
#SearchContentArea
{
    position: relative;
    float: right;
    width: 190px;
}
#SearchLabel
{
    position: relative;
    float: left;
    margin-top: 6px;
    color: #848377;
    font-size: 12px;
}
.SearchTools
{
    font-size: 11px;
    padding: 10px 0;
}
.SearchTools a
{
    text-decoration: underline;
    cursor: pointer;
}
/* Input fields: short, medium, long*/
.PublicInputField, .PublicInputFieldShort, .PublicInputFieldMedium, .PublicInputFieldLong
{
    font-family: Arial, Verdana;
    padding: 2px;
    font-size: 11px;
    border: 1px solid #999;
    width: 150px;
    margin: 2px 0 2px 0;
}
.PublicInputFieldShort
{
    width: 120px;
}
.PublicInputFieldMedium
{
    width: 200px;
}
.PublicInputFieldLong
{
    width: 98%;
}
.PublicButton
{
    background-color: #A09D93;
    color: #FFFFFF;
    margin: 2px;
    height: 20px;
    font-size: 11px;
    padding: 0 2px 0 2px;
}
/********** Banner & Logo Image (!BLImage)************/
#Banner img
{
    border: 0;
    margin: 0;
    padding: 0;
    width: 900px;
    height: 131px;
}
.Logo, .pnlLogoBreadcrumbs, #CompanyLogo
{
    position: absolute;
    right: 0px;
    z-index: 2;
    top: 20px;
    border: solid 1px black;
    display: none;
}

/********************************** Content (!Content)****************************************/
#Content
{
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    position: relative;
    float: left;
    clear: both;
    width: 100%; *z-index:-1;/*used for IE7 fix for sub menu hover*/
}
.ContentHeader
{
    position: relative;
    float: left;
    border-bottom: 1px solid #EEE;
    width: 100%;
    margin: 0 0 0 0;
    height: 30px;
}
/*************** Parent Category (!Parent)***************/
#ParentCategory
{
    background-color: #E6E4E0;
    border-left: 1px solid #FFF;
    width: 256px;
    margin: 0;
    padding: 0;
    float: left;
    height: 30px;
}
#ParentCategoryText
{
    font-size: 16px;
    font-weight: bold;
    padding: 8px 3px 0 30px;
}
#ParentCategory a
{
    color: Black;
    text-decoration: none;
}
#ParentCategory a:hover
{
    text-decoration: underline;
}
/**************** Breadcrumbs (!Bread)*****************/

.Breadcrumbs
{
    padding: 4px 10px 5px 0px;
    float: left;
    color: #666663;
    font-size: 11px;
    text-decoration: none;
}
.BreadcrumbsItem
{
    text-decoration: none;
    color: #5B7EB6;
}
/***************** Utilities (!Util)******************/
#Utilities
{
    position: relative;
    float: right;
    padding-right: 10px;
}
/****************************** Left Content (!LeftCt)***************************************/
.PublicLeftContent
{
    left: 0;
    width: 176px;
    float: left;
    position: relative;
    margin-left: 0;
    margin-right: 0;
    padding-right: 20px;
    /*z-index: 100;*/ /*used for IE7 fix for sub menu hover*/
    min-height: 1px;
    padding-top:26px;
}
#LeftMenu
{
    background-color: #E6E4E0;
    border-bottom: 10px Solid White;
}
/******* LeftContent Pictures (!LCP)***********/
.ImageUpload, #ctl00_phlRightContent_ctl00_pnlUploadImages
{
    padding-bottom: 10px;
    height: auto;
    width: 257px;
}
#transparentMiddlePicHide
{
    position: absolute;
    top: 124px;
    left: 191px;
    z-index: 100;
}
#transparentBottomPicHide
{
    position: absolute;
    top: 248px;
    left: 142px;
    z-index: 100;
}

/************ Contact Us (!Contact)************/
#ContactUsLink
{
    border-top: 1px Solid #EEE;
    border-bottom: 1px Solid #EEE;
    padding: 7px 0 7px 30px;
    margin: 20px 0 0px 0;
}
#ContactUsLink a
{
    color: Black;
    font-size: 12px;
    text-decoration: none;
}
#ContactUsLink a:hover
{
    text-decoration: underline;
}
/********* Transparent Left Pic (!LCTP)**********/

#UploadedImages
{
}
#UploadedImages img
{
    margin: 0 0 4px 0;
    float: none;
    clear: right;
}
.Image1
{
    height: 119px;
    margin-bottom: 5px;
}
.Image2
{
    height: 119px;
    margin-bottom: 5px;
}
.Image3
{
    height: 97px;
    margin-bottom: 5px;
}
/******************************* Main Content (!MainCt)*******************************/
.PublicMainContent
{
    position: relative;
    float: left;
    padding: 0;
    margin: 0 0px 0 0;
    clear: right;
    width: 421px;
    z-index: 1; /*used for IE7 fix for sub menu hover*/
    padding-top:26px;
}
.CategoryContent
{
    margin: 0;
    clear: right;
    width: 100%;
}

/****************** Home Content (!HomeCt)**********************/

.HomeContent, .DefaultContent
{
    padding: 0px 0 0 0;
}
.HomeContent
{
    position: relative;
    float: left;
    width: 100%;
}
.CategoryDescription
{
    padding: 0px;
    position: relative;
    float: left;
    clear: both;
    width: 100%;
}
.DefaultContent
{
}
/********************* Case Study (!CaseStd)**********************/

.ChildCategoryItem, .ArticleItem
{
    margin: 15px 0 0 0;
    padding: 5px 0 5px 0;
    border-top: 1px solid #CCC;
    position: relative;
    float: left;
    width: 100%;
    clear: both;
}
.CaseStudyHeader, .CaseStudyHeader a
{
    text-decoration: none;
    color: Black;
}
.CaseStudyHeader a:hover
{
    text-decoration: underline;
}
.ChildCategoryHeader a:link, .ChildCategoryHeader a:visited
{
    color: Black;
}
.ChildCategoryHeader a:hover
{
    text-decoration: underline;
    color: Black;
}

/******** Featured Category & CaseStudy on HomePage (!Feature)*******/
FeaturedCategoryContent, .FeaturedCaseStudyContent
{
    padding-left: 20px;
    position: relative;
    float: left;
}
#FeaturedCaseStudy
{
    overflow: visible;
    padding: 0 0 15px 0;
}
#FeaturedCategory, #FeaturedCaseStudy
{
    float: left;
    width: 49.8%;
    max-width: 500px;
    overflow: hidden;
    padding: 0 0 0 0px;
    margin: 0px 0 0 0;
}
.FeaturedHeader
{
    font-weight: 700;
    margin: 5px 0 0 0px;
    text-align: left;
    color: Black;
    display: none;
}
.FeaturedHeader p
{
    font-size: medium;
}
#FeatureImage
{
    border: solid 1px #F5F4F2;
    margin: 12px 0 0 0;
}
#FeatureImage img
{
    width: 100%;
}
.FeatureAbstract
{
    margin: 12px 0 0 0;
    padding-right: 2px;
    text-align: left;
    position: relative;
    float: left;
}
.FeatureAbstract p
{
    font-size: 11px;
}
/************ Read More link (!Readmore)*************/
.ReadMore, .ReadMore a:link, .ReadMore a:visited
{
    color: Black;
    font-weight: 600;
    text-decoration: none;
    font-size: small;
    clear: both;
}
.ReadMore a:hover
{
    text-decoration: underline;
}
.ReadMore img
{
    padding: 0;
    margin: 0 0 -5px 0;
}
/**************************** Right Content (!RightCt)******************************/

#PublicMainRightContent
{
    position: relative;
    float: left;
    width: 743px;
}
.PublicRightContent
{
    right: 0;
    width: 252px;
    position: relative;
    float: right;
    margin-left: 0;
    margin-right: 0; /*padding-top: 38px;*/
    overflow: hidden;
    padding-left: 31px;
    _padding-left:20px; /* IE6 specific issue fixed */
}
#RightImages
{
    position: relative;
    float: right;
    width: 100%;
}
#RightImages img
{
    max-width: 100%;
    padding: 0 0 10px 0;
}
/******************* Latest News (!News)******************/
#LatestNews
{
    background-color: #A09D93; /*height: 119px;*/
    overflow: hidden;
    position: relative;
    float: left;
    width: 100%;
    padding: 10px 0 10px 0;
    margin: 20px 0 10px 0;
}
#LatestNewsHeader
{
    color: White;
    padding: 0 0 0 15px;
    font-size: 14px;
}
.NewsItemRow1, .NewsItemRow1 p
{
    font-size: 10px;
    color: White;
    padding: 3px 0 0 15px;
}
#RightImages div.NewsDate img
{
    width: 7px;
    padding: 0px;
}
.NewsItemRow2
{
    font-size: 10px;
    color: White;
    padding: 0px 0 0 15px;
}
.NewsItemRow2 img
{
    padding: 0 2px 0 0;
}
.ReadMoreLatestNews
{
    font-size: 10px;
}
.ReadMoreLatestNews a:link, .ReadMoreLatestNews a:visited
{
    font-weight: 600;
    color: #333;
    text-decoration: none;
}
.ReadMoreLatestNews a:hover
{
    text-decoration: underline;
}
/*************** Related Content (!Related)******************/
#RelatedContent, #RelatedDocuments, #RelatedExternalLinks, #RelatedTrainingModules
{
    position: relative;
    float: left;
    margin: 0px 0 10px 0;
    width: 230px;
    border:1px solid #CCDEE6;
    padding:4px 10px 15px 10px;
}
#RelatedContent ul, #RelatedDocuments ul, #RelatedExternalLinks ul, #RelatedTrainingModules ul
{
    padding-left:0px;
}
#RelatedContentHeader, #RelatedDocumentsHeader
{
    margin: 0 0 5px 0;
}
.RelatedContentPic, .RelatedDocumentsPic
{
    position: relative;
    float: left;
}
.RelatedContentItem a:link, .RelatedDocumentsItem a:link, .RelatedContentItem a:visited, .RelatedDocumentsItem a:visited
{
    padding: 0 0 4px 10px;
    font-weight: normal;
    color: #666663;
}


.RelatedContentItem, .RelatedDocumentsItem
{
    margin-bottom: 5px;
    padding: 0 0 0 0;
    color: #333;
}

/************* Static HomePage Text (!Static)*****************/
#StaticHomePageText
{
    position: relative;
    float: left;
    font-size: 17px;
    padding: 5px 0 0 14px;
    text-align: left;
    color: Black;
    margin: 10px 0 0 0px;
    height: 210px;
    font-family: Helvetica, sans-serif;
    line-height: 25px;
    border-left: dotted 1px #ccc;
    width: 220px;
}

/***************************** Footer (!Footer) ************************************/
#Footer
{
    position: relative; float:left; /*height: 20px;*/
    clear: both;
    border-top: 1px dotted #CCC;
    width: 100%;
    margin-top: 20px;
    background-color:#163570;
    height:80px;
}
#FooterRockSolid
{
    text-align: right;
    float: right;
    padding: 5px 15px 0px 15px;
    margin: 0;
}
.FooterText
{
    text-align: left;
    padding: 20px 0px 5px 0px;
    clear: left;
    margin: 0 auto 0 auto;
    font-size: 10px;
    width: 900px;
    color:#FFFFFF;
}
#Footer a:link, #Footer a:visited
{
    color:#FFFFFF;
}
#Footer div.FooterRocksolidLogo a:link, #Footer div.FooterRocksolidLogo a:visited 
{
    text-decoration:none;
}
#Footer div.FooterRocksolidLogo a:link span.FooterRocksolidLogoText, #Footer div.FooterRocksolidLogo a:visited span.FooterRocksolidLogoText
{
    position:relative;
    float:left;
    padding-right:13px;
    cursor:pointer;
}

.FooterTextInner
{
    position:relative;
    float:left;
}
.FooterRocksolidLogo img
{
    width:70px;
}
.FooterRocksolidLogo
{
    position:relative;
    float:right;
}

/************************* Search Result (!SResult)********************************/

.SearchResultItem
{
    border-top: 1px solid #CCCCCC;
    margin: 15px 0pt 0pt;
    padding: 5px 0pt;
}
.SearchResultItemSubtitle
{
    font-weight: bold;
}
SPAN.searchword
{
    background-color: yellow;
}
/******************************** Jobs (!Jobs)**************************************/
.JobList
{
    position: relative;
    float: left;
    background-color: #EEEEEE;
    width: 100%;
    color: Black;
    border-bottom: 1px Solid #CC3333;
}
.JobItem
{
    position: relative;
    float: left; /*margin: 15px 0 10px 0;*/
    padding: 15px 0px 15px 0px;
    border-top: 1px solid #CC3333;
    width: 100%;
    clear: both;
}
.JobHeader
{
    position: relative;
    padding: 0 0 0 5px;
    font-size: 16px;
    font-weight: bold;
}
.JobHeader a:link, .JobHeader a:visited
{
    color: Black;
}
.JobAbstractListView
{
    position: relative;
    float: left;
    margin-top: 16px;
    padding: 0 5px 0 5px;
}

/*********************************************************************************

                               Uncategorized codes (!Code)

*********************************************************************************/

.InputContentItemTitle /* ?????? */
{
    font-family: Arial;
    font-weight: bold;
    font-size: small;
    color: Black;
    width: 97%;
    margin: 0 1%;
    border: 1px solid #999;
    padding: 2px;
}

.ClosingDate
{
    position: relative;
    float: right;
    padding: 0px 5px 0px 0;
}

.JobHeader h2
{
    position: relative;
    float: left;
    margin-top: 0px;
    color: Black;
}
.JobLaunchDate
{
}
.JobClosingDate
{
    padding-top: 4px;
    position: relative;
    float: left;
    clear: both;
}

.JobAbstract
{
    padding: 7px 0 7px 0;
    clear: both;
}

.JobDescription
{
    position: relative;
    float: left;
    clear: both;
}
.ReadMoreJob, .ReadMoreJob a:link, .ReadMoreJob a:visited
{
    color: #909090;
    font-weight: 600;
    text-decoration: none;
    font-size: small;
    padding: 10px 0 0 0;
}
.JobFormArea
{
    position: relative;
    float: left;
    clear: both;
}
.CategoryAbstract
{
    margin: 0 0 7px 0;
    position: relative;
    float: left;
    clear: both;
}
#SiteContent
{
    background-color: White;
    position: relative;
    width: 900px;
    min-width: 900px;
    margin: 0 auto 0 auto;
}
#LinksAndSearch, #HeaderRight
{
    width: 100%;
}
#SearchTextBox, #SearchButton
{
    position: relative;
    float: left;
    padding-top: 12px;
    padding-right: 6px;
}

#SearchTextBox
{
    padding-top: 12px;
    padding-right: 3px;
}
.Content
{
    width: 100%;
}
.BreadcrumbsLanguageBar
{
    position: relative;
    float: left;
    clear: right;
}
#ctl00_phlMainContent_pnlTitleSubtitle
{
    position: relative;
    clear: left;
}
.NewsletterSubscription
{
    position: relative;
    float: left;
    clear: both;
    background: #EBEBEB;
    margin-top: 10px;
    width: 248px;
    padding-left: 15px;
    padding-right: 11px;
    padding-bottom: 15px;
}
#FirstName, #FirstNameEntry, #Email, #EmailEntry, .NewsSubscribeFirstNameTextbox, .NewsSubscribeEmailTextbox
{
    position: relative;
    float: left;
}
.NewsSubscribeEmailTextbox
{
    color: #999999;
    font-size: 9px;
    padding: 3px;
    width: 180px;
}
.NewsSubscribeFirstNameTextbox
{
    color: #999999;
    font-size: 9px;
    padding: 3px;
    width: 34%;
}
.NewsSubscribeLastNameTextbox
{
    color: #999999;
    font-size: 9px;
    padding: 3px;
    width: 54%;
}
#FirstNameEntry, #EmailEntry
{
    clear: both;
    padding-top: 5px;
    width: 100%;
    padding-left: 2px;
}
#FirstName, #Email
{
    width: 85px;
    text-align: right;
    padding-right: 10px;
    color: #848377;
}
#SubscribeButton
{
    position: relative;
    float: left;
    padding: 5px 0 0 95px;
    text-decoration: none;
    top: 10px;
}
#SubscribeButton a, .btnSubscribe, .btnSubscribe:hover, .btnSubscribe:link
{
    text-decoration: none;
    background-color: #A09D93;
    color: white;
    margin: 2px;
    height: 20px;
    font-size: 14px;
    font-family: Arial;
    padding: 2px 10px 2px 10px;
    border-top: solid 1px white;
    border-bottom: solid 1px black;
    border-right: solid 1px black;
    border-left: solid 1px white;
    left: 95px;
    position: relative;
    float: left;
    text-decoration: none;
}


.ErrorMessage
{
    position: relative;
    float: left;
    left: 95px;
}
.EmailErrorMessage
{
    position: relative;
    padding-left: 95px;
    font-size: 10px;
    font-weight: bold;
    float: left;
}
.EmailUsed
{
    position: relative;
    float: left;
    color: Red;
    left: 12px;
    clear: both;
}
#SubscribedConfirmation
{
    position: relative;
    float: left;
}
.pnlSubscriberInfo
{
    position: relative;
    float: left;
    width: 100%;
}
#NavMenu
{
    position: relative;
    float: left;
    width: 100%;
}
.TopRightContent
{
    position: relative;
    float: left;
    width: 100%;
}
#LeftMenuShim, #LeftMenu
{
    font-size: 0;
    margin: 0;
    padding: 0;
}
#RelatedDocuments li, #RelatedContent li, #RelatedExternalLinks li, #RelatedTrainingModules li
{
    margin: 2px 0 3px 15px;
    list-style-type:disc;
    position: relative;
}
.AddThisButton
{
    position: relative;
    float: left;
    padding-top: 8px;
    padding-right: 15px;
    padding-bottom: 10px;
}
.PublicBreadcrumbs
{
    position: relative;
    float: left;
    width: 100%;
}
#NewsletterSubscribe
{
    position: relative;
    float: left;
    padding: 20px 5px 10px 5px;
    font-size: 10px;
}
#SubscribeTitle
{
    padding: 0 0 10px 0;
    font-size: 12px;
}
#MemberInputFields
{
    width: 100%;
    position: relative;
    float: left;
    padding: 0 0 5px 0;
}
.SubscribeField
{
    position: relative;
    float: left;
    padding: 4px 0 4px 0;
}
.SubscribeRow
{
    position: relative;
    float: left;
    width: 100%;
}
.SubscribeFeedback
{
    position: relative;
    float: left;
    padding: 8px 0 4px 0;
}
.RSSFeedIcon
{
    float: left;
    padding-bottom: 5px;
    padding-top: 10px;
    position: relative;
}

.RSSFeedIcon a img
{
    width: 13px;
}
.PublicMainContent li
{
    margin-top: 2px;
    margin-bottom: 3px;
}
.RSSFeedIcon img
{
    float: left;
    height: 13px;
    padding: 0 5px 0 0;
    position: relative;
}
.RSSFeedIcon a
{
    font-size:9px;
}
#RSSSyndicationText
{
    position: relative;
    float: left;
    padding-bottom: 10px;
}

/* START - Document Management & External Links*/
.DocumentManagement
{
    position: relative;
    float: left;
    width: 100%;
    min-width: 500px;
    padding: 10px 0 20px 0;
}
.DocumentImage
{
    position: relative;
    float: left;
    width: 78px;
}
.DocumentTitle
{
    position: relative;
    float: left;
    width: 400px;
}
.DocumentManagementExtraImages
{
    position: relative;
    float: left;
}

/* END - Document Management*/

#HeaderRight
{
    position: absolute;
    z-index: 1;
}
.Links
{
    position: relative;
    float: left;
    padding-top: 15px;
    color:#FFFFFF;
    font-size:12px;
    padding-right:19px;
}
.spacer
{
    padding-right:5px;
}
#Banner div.Links a:link, #Banner div.Links a:visited
{
    padding: 5px 14px 5px 5px;
    color: #FFFFFF;
    font-size: 11px;
}
.PublicButtonSearch
{
    background-color: #EB9D3B;
    color: #FFFFFF;
    font-size: 11px;
    height: 20px;
    margin: 2px;
    padding: 0 2px;
    width: 34px;
}
#Banner div.Links div.Utilities a:link, #Banner div.Links div.Utilities a:visited
{
    padding: 1px;
}
#Banner div.Links div.Utilities a.StyleFontSize:link, #Banner div.Links div.Utilities a.StyleFontSize:visited
{
    text-decoration:none;
}
#Banner div.Links div.Utilities a.StyleFontSize:hover
{
    text-decoration:underline;
}
.Utilities
{
    position: relative;
    float: left;
    display: inline;
    padding-right: 11px;
    font-size:12px;
    margin-top:-3px;
}
/* Banner */
#BannerRight
{
    background-color: #163570;
    background-image: url(/Images/CustomerSpecific/banner_from_pdf_right.jpg);
    background-repeat: no-repeat;
    display: block;
    height: 131px;
    position: absolute;
    right: -800px;
    width: 800px;
}
#BannerArea
{
    background-color: Blue;
    float: right;
    height: 1px;
    margin-right: 0;
    overflow: visible;
    position: relative;
}
#BannerLeft
{
    background-color: #163570;
    background-image: url(/Images/CustomerSpecific/banner_from_pdf_left.jpg);
    background-repeat: no-repeat;
    background-position: right;
    display: block;
    height: 131px;
    position: absolute;
    left: -800px;
    width: 801px;
}
#BannerAreaLeft
{
    background-color: Blue;
    float: left;
    height: 1px;
    margin-right: 0;
    overflow: visible;
    position: relative;
}
.ShareButtonAndRSS
{
    float: left;
    position: relative;
    width: 276px;
    padding-top: 5px;
    margin-top:-5px;
}
.AddThisButton
{
    padding-left: 17px;
    width: 100px;
    padding-bottom: 6px;
}

/* this image class applies to whole site, not specific for the home page */
.HomePageImages
{
    position: relative;
    float: left;
    z-index:1;
}
.HomePageImages img
{
    padding: 5px 16px 4px 0;
}

/* end */
.CategoryAbstract
{
    clear: none;
    float: none;
    margin: 0 0 7px;
    position: relative;
    color:#5B7EB6;
    font-style:italic;
    font-size:15px;
    font-family:Verdana, Arial;
}
.CategoryAbstract p
{
    color:#5B7EB6;
    font-style:italic;
    font-size:15px;
    font-family:Verdana, Arial;
}
.CategoryDescription
{
    clear: none;
    float: none;
    width: auto;
}
#Banner img.LogoClickableArea {
height:90px;
left:10px;
position:absolute;
top:10px;
width:190px;
z-index:1000;
font-size:small;
}
.PodcastUrl
{
    font-size:10px;
}
.ArticleItem h2 a:link, .ArticleItem h2 a:visited
{
    color:#0055A4;
}
.PDFThisPage
{
    position:relative;
    float:left;
    padding-bottom:20px;
}
.PDFThisPage a:link, .PDFThisPage a:visited
{
    color:#EB9D3B;
}
#RelatedContent h2, #RelatedDocuments h2, #RelatedExternalLinks h2, #RelatedTrainingModules h2
{
    font-weight:normal;
}
#RelatedContent, #RelatedExternalLinks
{
    background-color:#F5F7FB;
}
#PrintImage, #PrintFooterRocksolidLogo
{
    display:none;
}
#SearchTextBox .PublicInputFieldShort
{
    font-size:11px;
    color:#999999;
}
.TrainingModuleDocument
{
    position: relative;
    float: left;
    width: 100%;
    padding: 0 0 10px 0;   
}
#TrainingModulesHeader
{
    position: relative;
    float: left;
    padding: 0px 0 0 0;
}
