/***************************************** Master page elements and OOTB controls *****************************************/
body
{
    background-image: url('/_layouts/1033/Images/Infocentre2/background.gif');
    background-position: center top;
    background-repeat: repeat-x;
}

*,
.ms-paging,
.ms-searchChannelTitle span
{
    font-family: Arial, Helvetica, Sans-Serif!important;
}

img
{
    border: 0px;
}

body,
.ms-WPBody table,
.ms-WPBody table tr td,
select,
input,
input.ms-long,
.ms-rtefield,
.ms-vb,
.ms-vb2,
textarea,
td.ms-addnew a:link,
a.ms-addnew,
a.ms-addnew a,
.ms-WPBody a.viewalllink:link,
.ms-WPBody a.viewalllink:visited,
.ms-tztable .ms-contactcardtext1,
.ms-contactcardtext1,
.ms-listheaderlabel,
.ms-newsfeedheader,
.ms-searchsummarymain #JobTitleField,
.psrch-Main #JobTitleField,
.psrch-Main #PhoneField,
.srch-WPBody,
h3.ms-WPTitle,
.ms-identitypiecenote > .ms-identitypiecenoteindent,
div.ms-socialThoughtBoxTitle,
span.ms-socialThoughtActivitiesTitle,
span.ms-socialThoughtActivities .month
{
    color: #3a3a3a;
}

.ms-treeviewlabel
{
    color: #3a3a3a !important;
    margin-left: 5px;
}

a
{
    cursor: pointer; /* For links without href attribute */
}

body,
.ms-WPBody,
.ms-WPBody table,
.ms-WPBody table tr td,
select,
input,
.ms-ButtonHeightWidth,
input.ms-long,
.ms-rtefield,
.ms-vb,
.ms-vb2,
.ms-vb-user,
a.ms-addnew, 
textarea,
th .ms-vb,
.ms-vh2,
.ms-descriptiontext,
.ms-paging,
td.ms-vb,
ul.characters-list li.li12pxFont
{
    font-size: 12px;
}

ul.ulFixedWidth300px
{
    max-width: 300px;
    display: inline-block;
}

ul.plain
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

ul.ulFixedWidth420px
{
    max-width: 420px;
    display: inline-block;
}

td.tdRecentContentsPeopleContainer .ms-newsfeedheader,
ul#pnlRecentDocumentsPlaceholder .ms-newsfeedheader
{
    font-size: 24px;
    padding-top: 0px;
}

td.tdRecentContentsPeopleContainer .ms-newsfeedheader2,
ul#pnlRecentDocumentsPlaceholder .ms-newsfeedheader2
{
    font-size: 16px;
}

div.divShadedSubTitle
{
    background-image: url('/_layouts/1033/Images/Infocentre2/th-bknd.gif');
    background-repeat: repeat-x;
    height: 30px;
    padding-left: 10px;
    line-height: 30px;
    font-weight: bold;
    color: #6b7277;
}

input,
input.input90Wide,
table.tblScoreCardTemplateTable input.input90Wide
{
    line-height: 20px;
    height: 20px;
    border: 1px solid #d9dde0;
    border-radius: 4px;
    background-color: #FFFFFF;
    background-image: url('/_layouts/1033/images/Infocentre2/input-bg.gif');
    background-repeat: repeat-x;
    background-position: top;
    padding: 0px 3px;
}

input[type='file']
{
    height: 23px;
}

/*Overrides my custom input styling for the OOTB list view table*/
.ms-listviewtable input
{
    line-height: inherit;
    height: inherit;
    border: inherit;
    border-radius: inherit;
    background-color: inherit;
    background-image: inherit;
    background-repeat: inherit;
    background-position: inherit;
    padding: 3px;
}

input.inputImageDelete
{
    background-color: transparent;
}


input[type='checkbox'],
input[type='radio']
{
    background-color: transparent;
    background-image: none;
    border: none;   
}

input[type="button"],
input[type="submit"],
input[type="reset"],
button,
a.aInfocentreButtonLink
{    
    /*TODO: Ask Anna whether the shadow value is correct*/
    cursor: pointer;
    padding: 0 10px;
    color: #525252;
    border: 1px solid #cacfd4;
    border-radius: 3px;
    height: 24px;
    background-image:url('/_layouts/1033/IMAGES/Infocentre2/button-bg.gif');
    background-repeat:repeat-x;
    background-position: bottom;
    background-color: #f7f7f7;
    box-shadow:0 1px 3px 0 #dddddd;
}

a.aInfocentreButtonLink,
a.aInfocentreButtonLink:link,
a.aInfocentreButtonLink:visited
{
    height: 21px;
    padding: 4px 10px;
    line-height: 21px;
    width: inherit;
    color: #3a3a3a;
    font-size: 12px;
}

input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
button:hover,
a.aInfocentreButtonLink:hover
{
    color: #525252;
    border-color: #94999d;
    background-image: url('/_layouts/1033/IMAGES/Infocentre2/button-bg-hover.gif');
    background-color: #f9f9f9;
    cursor: pointer;
    box-shadow: 0 1px 3px 0 #bbbbbb;
}

input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active,
a.aInfocentreButtonLink:active
{
    inset 0 0 5px rgba(80, 80, 80, 0.4);
}

/*Orange button overrides*/
input[type="button"].primary,
input[type="submit"].primary,
a.aInfocentreButtonLink.primary,
input[type="image"].primary
{
    background-image:url('/_layouts/1033/IMAGES/Infocentre2/button-bg-org.gif');
    background-color: #f5c38d;
    border-color: #ee9534;
    color: #FFFFFF;
}

input[type="image"]
{
    height: inherit;
    background-image: none;
}

input[type="button"].primary:hover,
input[type="submit"].primary:hover,
a.aInfocentreButtonLink.primary:hover,
input[type="image"].primary:hover
{
    background-image:url('/_layouts/1033/IMAGES/Infocentre2/button-bg-org-hover.gif');
    background-color: #f3ac61;
    border-color: #e17b0e;
    color: #FFFFFF;
    text-decoration: none;
}


input[type="button"][disabled],
input[type="submit"][disabled],
button[disabled]
{
    display:none;
}

/* Override the rule to hide disabled buttons */
input[type="button"][disabled].display,
input[type="submit"][disabled].display,
button[disabled].display
{
    display: inline-block;
    background-color: #F5F5F5;
    background-image: none;
    border: 1px solid #CACFD4;
    box-shadow: none;
    color: #888888;
    border: 1px solid #DDDDDD;
}

input[type="button"][disabled].display.primary,
input[type="submit"][disabled].display.primary,
button[disabled].display.primary
{
    box-shadow: none;
    background-color: #ffd7b2;
    border-color: #e9c5a2;
    color: #ffffff;
}

/*End Orange button overrides*/

div.divEditLink
{
    background-image:url('/_layouts/1033/Images/Infocentre2/edit.gif');
    background-position: left middle;
    background-repeat: no-repeat;
    padding-left: 25px;
    height: 25px;
}

/*Formats all error messages on the site*/
.ms-formvalidation
{
    font-size: 11px;
    color: #de002b;
}


div#s4-bodyContainer
{
    position: relative;
}

div#s4-bodyContainer
{
    width: 90%;
    min-width: 960px;
    margin-right: auto;
    margin-left: auto;
}

div.ms-cui-ribbonTopBars
{
    width: 90%;
    min-width: 960px;
    margin-right: auto;
    margin-left: auto;
}

div#s4-mainarea
{
    min-width: 960px;
}

/**/
div#divInfocentreRibbonContainer
{
    /*Puts the margin at the same width as the scroll bars so that the ribbon is centered in line
    margin-right: 17px;
    This has been removed because the Ribbon now stretches across the whole page
    */
}

div#s4-ribbonrow
{
    background-color: #96a0a9;
    margin-top: -21px;
}


.v4master .ms-siteactionsmenuinner,
.v4master .ms-siteactionsmenuhover
{
    border: 0px;
    border-left: 1px;
    border-bottom: 1px;
    height: 19px;
}

.v4master .ms-siteactionsmenuinner a,
.v4master .ms-siteactionsmenuhover a
{
    padding-top: 3px;
    padding-bottom: 2px;
}

.ms-SpLinkButtonInActive,
.ms-SpLinkButtonActive
{
    /*Fixes the 1px solid white underline on hover of user name drop down*/ 
    padding-top: 1px;
}

/*Styles up the spans on the ribbon tabe for Browse, Page, Publish etc */
.ms-cui-tts > .ms-cui-tt-s > .ms-cui-tt-a > span.ms-cui-tt-span,
span.ms-cui-tt-span
{
    /*padding-bottom: 3px;    */
}

/*Stops there being a scroll bar if contents are too big.*/
table.s4-titletable
{
    overflow: hidden;
}

/*Ensures that the web part adder fits into the frame and does not have any scroll bars*/
#WebPartAdderUpdatePanelContainer
{
    position: relative;
}

/*Stops the 1px vertical movement switching  between browse and other ribbon tabs*/
div#s4-titlerow
{
    height: 91px;
}

.displaynone
{
    display: none;
}
/***************************************** Anchor styling ****************************************************************/
a,
a:hover,
a:visited,
a:link,
.ms-WPBody a:link,
.ms-WPBody a:visited,
.s4-specialNavLinkList a,
.s4-specialNavLinkList a:hover,
.s4-ql ul.root ul > li > a,
.s4-ql ul.root ul > li > a:hover,
div.divBreadCrumbContainer span span a,
.s4-specialNavLinkList a:hover > span.ms-splinkbutton-text,
.ms-sblink a:link,
.ms-sblink a:visited,
.srch-Title2 a,
.srch-Title2 a:visited,
a .ms-searchref-filterlink,
li.ms-searchref-filter,
.ms-vb a:visited,
.ms-vb a:visited:hover, 
.ms-vb2 a:visited:hover, 
.ms-vb2 a:link,
.ms-vb-user a:visited:hover,
.ms-vb a:link,
.ms-vb2 a,
.ms-vb2 a:visited,
.ms-vb-user a:link,
th .ms-selectedtitle .ms-vb,
th .ms-selectedtitle .ms-vh2-nofilter,
th .ms-selectedtitle .ms-vb a,
th .ms-selectedtitle .ms-vh2-nofilter-icon a,
.ms-menutoolbar td a,
div.ms-viewselector a, 
div.ms-viewselectorhover a.ms-menu-a span,
span.srch-urllink a:link
table.infocentreTable thead tr th a:hover,
table.infocentreTable tr th a:hover,
.ms-socialCommentItem .socialcomment-username a:visited,
.ms-socialCommentItem .socialcomment-username a:link,
.ms-socialCommentItem .socialcomment-cmdlink a:link,
.ms-socialCommentItem .socialcomment-cmdlink a:visited,
.ms-identitypiecenotebig .ms-identitypiecenotelink,
.ms-socialThoughtView a.viewdefault,
.ms-socialThoughtView a.viewselect,
.ms-socialThoughtView a.viewdefault:hover,
.ms-socialThoughtView a.viewselect:hover,
.ms-socialThoughtTagsSort a.sortdefault,
.ms-socialThoughtTagsSort a.sortselect,
.ms-socialThoughtTagsSort a.sortdefault:hover,
.ms-socialThoughtTagsSort a.sortselect:hover,
.ms-socialThoughtItems a.viewactivities,
.ms-socialThoughtItems a.delete,
.ms-socialThoughtItems a:hover,
a.ms-toolbar:hover,
span.srch-urllink a:link, 
.srch-urllink a:visited,
.ms-profilevalue a,
.ms-profilevalue a:link,
.ms-profilevalue a:visited,
div.divWebPartHeader a:hover
{
    color: #670000;
}

a:hover,
a.ms-addnew:hover,
td.ms-addnew a:hover,
.ms-menutoolbar td a:hover,
h2.h2PageTitle a:hover
{
    text-decoration: underline;
    color: #670000;
}

a.menu-item:hover,
a.ms-cui-ctl-large:hover,
a.ms-cui-ctl-a2:hover,
a.ms-cui-ctl-menu:hover,
ul.s4-specialNavLinkList a:hover
{
    text-decoration: none;
}

div.ms-MenuUIPopupScreen div.ms-MenuUIPopupInner div.ms-MenuUILarge ul.ms-MenuUIUL div.ms-MenuUIULItemHover a.ms-MenuUIULLink, 
div.ms-MenuUIPopupScreen div.ms-MenuUIPopupInner div.ms-MenuUILargeRtL ul.ms-MenuUIUL div.ms-MenuUIULItemHover a.ms-MenuUIULLink,
div.ms-MenuUIPopupScreen div.ms-MenuUIPopupInner ul.ms-MenuUIUL div.ms-MenuUIULItemHover a.ms-MenuUIULLink,
td.ms-socialStandardheader a,
td.ms-socialStandardheader a:link,
td.ms-socialStandardheader a:visited
{
    text-decoration: underline !important;
    color: #670000 !important;
}

.ms-searchsummarymain a:visited,
.ms-searchsummarymain a:link
{
    color: #3a3a3a !important;
}

a.ms-searchref-filterlink,
a.ms-searchref-filterlink:hover,
a.ms-searchref-more,
a.ms-searchref-more:hover,
.srch-Title2 a,
.srch-Title2 a:link,
.srch-Title2 a:visited,
tr.s4-itm-hover a:hover,
tr.ms-itmhover a:hover,
.ms-viewlsts .ms-vb2 > a,
div.ms-MenuUIPopupScreen div.ms-MenuUIPopupInner div.ms-MenuUILarge ul.ms-MenuUIUL div.ms-MenuUIULItem a.ms-MenuUIULLink, 
div.ms-MenuUIPopupScreen div.ms-MenuUIPopupInner div.ms-MenuUILargeRtL ul.ms-MenuUIUL div.ms-MenuUIULItem a.ms-MenuUIULLink,
div.ms-MenuUIPopupScreen div.ms-MenuUIPopupInner ul.ms-MenuUIUL div.ms-MenuUIULItem a.ms-MenuUIULLink,
.ms-searchsummarymain a:hover,
.ms-searchsummarymain li a:visited,
.ms-searchsummarymain li a:link,
.srch-Page a,
.srch-Page a:link,
.srch-Page a:visited,
div.ms-treeviewouter .ms-navitem a,
.ms-searchref-filterlink,
.ms-searchref-filterlink:hover
{
    color: #670000 !important;
}

.ms-WPTitle,
.ms-WPTitle a:link,
.ms-WPTitle a:visited,
h2.h2PageTitle a,
.subHeading,
td.ms-sctabcn,
td.ms-sctabcnhover,
td.ms-sctabcf,
td.ms-sctabcfhover
{
    font-size: 16px;
    color: #3a3a3a;
}

.ms-searchChannelTitle span
{
    font-size: 16px !important;
    color: #3a3a3a !important;
}

span.ms-searchChannelTitle
{
    margin-left: 5px;
}

.ms-WPTitle img
{
    margin: 0px 2px 2px 2px;
}

.ms-WPTitle a:hover
{
    color: #670000;
}

div#divInfocentreRibbonContainer a,
div#divInfocentreRibbonContainer a:hover,
div#divInfocentreRibbonContainer a:visited,
div#divInfocentreRibbonContainer a:link,
div#divInfocentreRibbonContainer a.ms-addnew,
div#divInfocentreRibbonContainer a.ms-addnew:hover,
div#divInfocentreRibbonContainer a.ms-addnew a,
div#divInfocentreRibbonContainer a.ms-addnew a:hover,
div#divInfocentreRibbonContainer .ms-siteactionsmenu,
div#divInfocentreRibbonContainer .s4-specialNavLinkList a,
div#divInfocentreRibbonContainer .s4-specialNavLinkList a:hover,
div#divInfocentreRibbonContainer .s4-ql ul.root ul > li > a,
div#divInfocentreRibbonContainer .s4-ql ul.root ul > li > a:hover,
div#divInfocentreRibbonContainer div.divBreadCrumbContainer span span a,
div#divInfocentreRibbonContainer .ms-WPBody a:link,
div#divInfocentreRibbonContainer .s4-specialNavLinkList a:hover > span.ms-splinkbutton-text,
div#divInfocentreRibbonContainer .ms-cui-ribbonTopBars
{
    color: #FFFFFF;
    font-size: 11px;
}

.ms-dialog div#divInfocentreRibbonContainer span.ms-cui-tt-span,
div.divWebPartHeader a,
div.divWebPartHeader a:link
{
    color: #3a3a3a;
}
/***************************************** End Anchor styling *************************************************************/
/***************************************** End Master page elements and OOTB controls *************************************/


/***************************************** Title Styling ******************************************************************/
h2
{
    margin-top: 0px;
    font-size: 16px;
}

h2.h2PageTitle
{
    font-size: 18px;
    font-weight: normal;
}

h3.h3PageSubTitle
{
    font-size: 16px;
    margin-bottom: 8px;
    color: #96a0a9;
}

h3
{
    margin: 0px;
    font-weight: normal;
}

h3.subHeading
{
    padding-left: 10px;
    margin-top: 25px;
}

h3.subHeading + p
{
    padding-left: 10px;
    margin-top: 5px;
}
/***************************************** End Title Styling **************************************************************/
/***************************************** Header Styling *****************************************************************/
div#divInfocentreSitesHeader
{
    width: 100%;
    background-position: 17px 1px;
    background-repeat: no-repeat;
    border-bottom: 1px solid transparent;
}

table#divInfocentreSitesHeader
{
    width: 100%;
    min-width: 960px;
    height: 91px;
}

table#divInfocentreSitesHeader td
{
    padding: 1px 0px;
}


table#divInfocentreSitesHeader div#bannerImages
{
    margin-top: -1px
}

table#divInfocentreSitesHeader td.tdBannerImages
{
    width: 100%;
}

table#divInfocentreSitesHeader td.tdSearchBoxContainer
{
    width: 265px;
}

a.aInfocentreHomeLink
{
    width: 296px;
    height: 86px;
    margin: 0px 0px 0px 0px;
    float: left;
}

a.aInfocentreHomeLink img
{
    border: 0px;
}
/***************************************** End Header Styling *************************************************************/
/***************************************** Form Styling *******************************************************************/
table.ms-v4propertysheetspacing,
table.ms-descriptiontext,
table.ms-authoringcontrols,
table.ms-formtable
{
    
    margin: 0px 0px;
    font-size: 12px;
}

table.ms-formtable
{
    width: 100%;
}

td.ms-authoringcontrols,
td.ms-authoringcontrols textarea,
td.ms-descriptiontext
{
    font-size: 12px;
}

table.ms-Infocentreformtable tr td
{
    padding: 6px 10px;
    vertical-align: top;
}

table.ms-Infocentreformtable tr td table tr td.ms-dtinput,
table.ms-Infocentreformtable tr td table tr td.ms-dttimeinput
{
    padding: 0px 5px 0px 0px;
}

table.ms-formtable tr td
{
    vertical-align: top;
}

table.ms-Infocentreformtable tr td table.ms-usereditor td
{
    padding: 0px;
}

table.ms-Infocentreformtable tr td.ms-sectionline
{
    display: none;
}

table.ms-Infocentreformtable tr td.ms-formlabel
{
    width: 20%;
}

table.ms-formtable tr td h3
{
    font-size: 16px;
    padding-top: 18px;
    padding-bottom: 6px;
}

table.ms-formtable tr td h3.ms-standardheader
{
    font-size: inherit;
    padding-top: 0px;
    padding-bottom: 0px;
}

table.ms-formtable tr td.ms-formbody select.ic2-listbox
{
    border: 1px solid #D9DDE0;
    border-radius: 4px 4px 4px 4px;
    width: 386px;
}

table.ms-formtable tr td.ms-formbody select.ic2-dropdown
{
    min-width: 386px;
}

.ic2-formfield input[type="text"],
.ic2-formfield textarea,
table.ms-formtable tr td.ms-formbody input[type="text"],
table.ms-formtable tr td.ms-formbody textarea
{
    border: 1px solid #D9DDE0;
    border-radius: 4px 4px 4px 4px;
    width: 380px;
}

table.ms-formtable tr td.ms-formbody ms-dtinput input[type="text"]
{
    width: 120px;
}

table.ms-formtable tr td.ms-formbody div.dateInput input[type="text"]
{
    width: 240px;
}

table.ms-formtable tr td.ms-formbody input[type="text"].inline
{
    width: auto;
}

table.ms-formtable tr td.ms-formbody select.selectWide
{
    width: 387px;
}

table.ms-v4propertysheetspacing > tbody > tr > td.ms-descriptiontext,
table.ms-v4propertysheetspacing > tbody > tr > td.ms-authoringcontrols,
table.ms-descriptiontext > tbody > tr > td.ms-descriptiontext,
table.ms-descriptiontext > tbody > tr > td.ms-authoringcontrols,
table.ms-formtable >tbody > tr > td.ms-formbody
{
    padding-top: 6px;
    padding-bottom: 6px;
}

table.ms-authoringcontrols,
td.ms-authoringcontrols,
td.ms-formbody
{
    background-color: #f4f5f7;
}


table.ms-v4propertysheetspacing td.ms-sectionline,
table.ms-descriptiontext td.ms-sectionline
{
    background-color: #d9dde0;
}

table.ms-formtable > tbody > tr > td
{
    border-top: 1px solid #d9dde0;
}

table.ms-v4propertysheetspacing td.ms-standardheader,
table.ms-descriptiontext td.ms-standardheader
{
    
    color: #3a3a3a;
}

table.ms-v4propertysheetspacing td.ms-descriptiontext,
table.ms-descriptiontext td.ms-descriptiontext
{
    /*Put styling for header descriptions in forms*/
    
}

table.ms-v4propertysheetspacing td.ms-authoringcontrols,
table.ms-descriptiontext td.ms-authoringcontrols
{
    /*Put styling for all of the controls in forms*/
    
}

div.divButtonAlignRight
{
    text-align: right;
}

div.divButtonAlignLeft
{
    text-align: left;
}

div.div5pxPadding
{
    padding: 5px;
}

div.div10pxPadding
{
    padding: 10px;
}

div.divTopBottomPadding20px
{
    padding-top: 20px;
    padding-bottom: 20px;
}

div.divTopBottomPadding10px, ul.TopBottomPadding10px
{
    padding-top: 10px;
    padding-bottom: 10px;
}

div.divRightPadding10px
{
    padding-right: 10px;
}


/***************************************** End Form Styling ***************************************************************/

/***************************************** News and Announcements *********************************************************/
div.divNewsAndAnnouncements
{
    font-size: 11px;
    padding: 0px;
    color: #6b7277;
}

div.divNewsAndAnnouncements a,
div.divNewsAndAnnouncements div,
div.divNewsAndAnnouncements ul div p
{
    font-size: 12px;
    color: #3a3a3a;
}

div.divNewsAndAnnouncements ul
{
    padding: 10px 10px 5px 10px;
    margin: 0px;
}

div.divNewsAndAnnouncements ul li
{
    padding-bottom: 5px;
    list-style-type: none;
}

div.divNewsAndAnnouncements ul div p
{
    margin: 0px;
}

div.divHiddenContents
{
    display: none;
}
/***************************************** End News and Announcements *****************************************************/

tr.ms-WPHeader td,
td.tdWebPartHeaderRepeater,
div.divWebPartHeader
{
    min-height: 28px;
    border-top-width: 0px;
}

tr.ms-WPHeader td h3.ms-standardheader
{
    margin-left: 5px;
}

/*Ensures padding is such that the text is vertically aligned*/
div.divWebPartHeader
{
    text-align: left;
    line-height: 28px;
    padding-left: 10px;
    font-size: 16px;
}

.ms-WPBody th
{
    font-weight: normal;
}

/*Aligns the login web part images to be in line with the text*/
img.imgWebPartIcon
{
    float: left;   
    margin: 6px 6px 2px 2px;
    height: 16px;
    width: 16px;
}

/* Inline 16px icon to be aligned with standard 12px text */
img.inlineIcon
{
    vertical-align: text-top;
}

table.s4-wpTopTable
{
    margin-top: 10px;
}

div#divHomePageLayout td#tdLeftArea table.s4-wpTopTable
{
    margin-top: 0px;
}


.elementWithWebPartChrome tr.ms-WPHeader td,
.elementWithWebPartChrome td.tdWebPartHeaderRepeater,
.elementWithWebPartChrome div.divWebPartHeader
{
    /*Sets the faded backround for all elements requiring chrome*/
    background-image: url('/_layouts/1033/Images/Infocentre2/chrome-bknd.gif');
    background-repeat: repeat-x;
    color: #3a3a3a;
    font-size: 16px;
}

/*Overrides the layouts page OOTB section header */
td.ms-linksectionheader,
table.ms-disc-bar
{
    background-position: inherit;
    background-image: url('/_layouts/1033/Images/Infocentre2/chrome-bknd.gif');
    background-repeat: repeat-x;
    border: 1px solid #d9dde0;
    font-size: 16px;
}

table.ms-disc-bar
{
    font-size: 12px;
}

td.ms-disc-bordered-noleft
{
    border-left-color: #C7CFD2;
}


td.ms-linksectionheader .ms-standardheader
{
    color: #3a3a3a;   
}
/*Ends Overrides the layouts page OOTB section header */

tr.ms-WPHeader td,
tr.ms-WPHeader td.ms-wpTdSpace,
td.tdWebPartHeaderRepeater,
div.divWebPartHeader,
.s4-wpcell:hover .ms-WPHeader td, 
.s4-wpActive .ms-WPHeader td, 
.s4-wpcell .ms-WPSelected .ms-WPHeader td, 
.ms-WPHeader td, .ms-fakewptitle, 
.ms-WPHeaderTdMenu .s4-wpcell:hover .ms-WPHeader .ms-wpTdSpace
{
    border-bottom: 4px solid #96a0a9 !important;
}

.elementWithWebPartChrome table.s4-wpTopTable,
.elementWithWebPartChrome .s4-wpcell table.s4-wpTopTable,
.elementWithWebPartChrome .s4-wpcell-plain table.s4-wpTopTable,
.elementWithWebPartChrome div.divWebPartContainer
{
    /*Sets the curved borders for all elements requiring chrome*/
    border: 1px solid #DADEE1;
    border-radius: 5px;
    /*PIE is here to allow IE( to use curved corners in the same way as other CSS 3.0 compliant browsers*/
    /*behavior: url(/_layouts/1033/Styles/Infocentre2/PIE.htc);*/
}


.elementWithWebPartChrome table.s4-wpTopTable tr td.ms-WPBorder,
.elementWithWebPartChrome div.divBorderedControlsContainer
{
    border: 4px solid #DADEE1;
    border-top: 0px;
}

/*This styling is applied to all web parts, not just under elementWithWebPartChrome
.elementWithWebPartChrome table.s4-wpTopTable tr td div.ms-wpContentDivSpace,
.elementWithWebPartChrome div.divBorderedControlsInnerContainer,*/
div.ms-wpContentDivSpace
{
    margin: 0px;
}

.elementWithWebPartChrome div.divBorderedControlsInnerContainer
{
    padding: 20px;
}

/*Sets the footer of each web part and explicitly targets the spacer div to ensure other functionality isn't broken*/
.elementWithWebPartChrome div.ms-wpContentDivSpace > table > tbody > tr > td > img
{
    display: none;
}

.elementWithWebPartChrome div.ms-wpContentDivSpace table td span img,
.elementWithWebPartChrome div.ms-wpContentDivSpace table tr th img
{
    display: inherit;
}
/*End of Sets the footer of each web part and explicitly targets the spacer div to ensure other functionality isn't broken"*/

.elementWithWebPartChrome div.ms-wpContentDivSpace table td.ms-addnew,
.elementWithWebPartChrome div.ms-wpContentDivSpace div.divWPGrayFooter
{
    padding-top: 7px;
    background-color: #d9dde0;
}

.elementWithWebPartChrome div.ms-wpContentDivSpace div.divWPGrayFooter .viewalllink
{
    float:none;
}

div.ms-wpContentDivSpace table td.ms-addnew,
div.ms-wpContentDivSpace div.divWPGrayFooter
{
    text-align: right;
    vertical-align: middle;
}

/*Puts the grey border at the bottom of web parts of the link exists, also text aligns right and inserts the red arrow*/
div.ms-wpContentDivSpace table td.ms-addnew span
{
    float: right;
    margin-top: 2px;
    margin-left: 3px;
    background: url('/_layouts/1033/Images/Infocentre2/arrow-right-red.gif');
    background-repeat: no-repeat;
    background-position: center center;
}
/***************************************** Web Part Styling *****************************************************************/


.elementWithWebPartChrome div.divWebPartHeader
{
    border-bottom: 0px;
}

.elementWithWebPartChrome .s4-wpcell-plain > table
{
    padding-bottom: 0px;
}

table.s4-wpTopTable tr td.ms-WPBorder,
div.ms-wpContentDivSpace div.ms-WPBorder
{
    /*Removes the initial blue border on the web part*/
    border: 0px;
}

/* Sharepoint "There are no items to show..." message is in a cell with colSpan=99  */
table.s4-wpTopTable tr td.ms-WPBorder table[dir="none"] > tbody > tr > td.ms-vb[colSpan="99"]
{
    padding-left: 5px;
    padding-right: 5px;
}

.s4-wpcell:hover .ms-WPHeader td, 
.s4-wpActive .ms-WPHeader td, 
.s4-wpcell .ms-WPSelected .ms-WPHeader td,
.ms-WPHeader td,
.ms-fakewptitle,
.ms-WPHeaderTdMenu
.s4-wpcell:hover .ms-WPHeader .ms-wpTdSpace
{
    border-bottom: 1px solid #dadee1;
}

.ms-WPHeaderTdMenu,
.ms-WPHeaderTdMenu:hover
{
    border: 0px solid transparent;
    border-top: 0px;
}


/*.ms-vh-div,
.ms-vh div,
.ms-vh2 div
{
    padding-top: 0px;
    margin: 0px;
}*/

.s4-ctx-show,
tr.ms-viewheadertr > th:hover .s4-ctx-show
{
    border: 0px;
}
/***************************************** End Web Part Styling *************************************************************/
/***************************************** End Wep Part Chrome ************************************************************/
div#footer
{
    margin-top: 40px;
    float: left;
    text-align: center;
    background-color: #96a0a9;
    width: 100%;
    height: 30px;
    color: #FFFFFF;
}

div.GSMAcopyright
{
    display: inline-block;
    line-height: 30px;
    margin-right: 20px;
    vertical-align: top;
}

div#footer > div.footerLinks
{
    display: inline-block;
}

div#footer > div.footerLinks ul.root > li
{
    line-height: 30px;    
    padding-right: 20px;
}

div#footer > div.footerLinks a.menu-item:hover
{
    text-decoration:underline;
    color: #ffffff;
}

div#footer a span.menu-item-text
{
    font-size: 12px;
    color: #FFFFFF;
}
/*****************************************  Key Contacts Webpart  ********************************************************/
div.divKeyContactsContainer,
div.divKeyContactsContainer div.divKeyContact
{
    clear: both;
}

div.divKeyContactsContainer div.divKeyContact
{
    padding-top: 3px;
    width: 100%;
    min-height: 60px;
    border-bottom: 1px solid #e9edf0;
}

div.divKeyContactsContainer div.divKeyContact div.divKeyContactImage
{
    float: left;
    max-width: 15%;
    min-width: 60px;
    margin-right: 5px;
}

div.divKeyContactsContainer div.divKeyContact div.divKeyContactImage img
{
    max-height: 60px;
    width: 50px;
    margin: 5px 0px 0px 5px;
}

div.divKeyContactsContainer div.divKeyContact div.divKeyContactDetail
{
    float: left;
    max-width: 70%;
    min-width: 200px;
    overflow: hidden;
}

div.divKeyContactsContainer div.divViewMoreArea
{
    border-top: 1px;
}

/*****************************************  End Key Contacts Webpart  ****************************************************/

/*****************************************  Calendar Webpart  ************************************************************/

.calendar img { border : none; padding : 2px; }
.calendar h2 { clear: none; padding-left:10px; color:#96a0a9;}
.calendar .calendarnav { float : left;margin: 3px;    padding-right: 20px;}
.calendar ul.calendarlist {padding:0;}
.calendar ul ul {}
.calendar .day 
{ 
    background : url('/_layouts/1033/IMAGES/Infocentre2/date-bknd.gif') no-repeat; 
    color: #ffffff; 
    font-size:11px; 
    font-weight:bold; 
    position:relative;
    margin: 4px 10px 16px 10px;    
    position: relative; 
    float:left;    
    width: 15px; 
    height:25px !important;
    text-align: center;  
}

.calendar .day
{
    height: 100%;
}

.calendar ul ul .details a { clear:right; float: left;}
.calendar ul ul label { color: #6b7277; }
/*.viewalllink { clear:right;float:right;}*/
/************************ Column Layout *****************************/
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
float:left;
margin-right:4%;
position:relative;
}
.one_half {
width:48%;
}
.one_third {
width:30.6666%;
}
.one_fourth {
width:22%;
}
.one_fifth {
width:16.8%;
}
.one_sixth {
width:13.3333%;
}
.two_third {
width:65.3332%;
}
.two_fourth {
width:48%;
}
.two_fifth {
width:37.6%;
}
.two_sixth {
width:30.6666%;
}
.three_fourth {
width:74%;
}
.three_fifth {
width:58.4%;
}
.three_sixth {
width:47.9998%;
}
.four_fifth {
width:79.2%;
}
.four_sixth {
width:65.3332%;
}
.five_sixth {
width:82.6665%;
}
.last {
clear:right;
margin-right:0 !important;
}
.four_column {
list-style-type:none;
margin:0;
padding:0;
}
.four_column li {
float:left;
list-style-type:none;
margin-right:4%;
width:22%;
}
.four_column p {
margin-bottom:10px;
}
.three_column {
list-style-type:none;
margin:0;
padding:0;
}
.three_column li {
float:left;
list-style-type:none;
margin-right:4%;
width:30.66%;
}
.three_column p {
margin-bottom:10px;
}
.two_column {
list-style-type:none;
margin:0;
padding:0;
}
.two_column li {
float:left;
list-style-type:none;
margin-right:4%;
width:48%;
}
.two_column p {
margin-bottom:10px;
}
.three_four_column {
list-style-type:none;
margin:0;
padding:0;
}
.three_four_column li {
float:left;
list-style-type:none;
margin-right:4%;
width:74%;
}
.three_four_column p {
margin-bottom:10px;
}
.two_column li li, .three_column li li, .four_column li li, .three_four_column li li {
float:none;
margin:0;
width:auto !important;
}

.ms-paging
{
    padding-left: 0px;
    padding-right: 0px;
}
/*****************************************  End Page Layout  *********************************************************/
/***************************************** InfocentreButton ***************************************************************/

span.spanInfoCentreButtonLeft
{
    float: left;
    margin-right: 10px;
}

span.spanInfoCentreButtonLeft,
span.spanInfoCentreButtonRight,
span.spanInfoCentreButtonRepeater
{
    display: inline-block;
    height: 26px;
}

span.spanInfoCentreButtonRepeater
{
    margin: 0px 3px;
    
}

span.spanInfoCentreButtonText
{
    white-space: nowrap;
    display: block;
    height: 26px;
}

span.spanInfoCentreButtonText a,
span.spanInfoCentreButtonText a:hover,
span.spanInfoCentreButtonText a:visited
{
    height: 20px;
    padding: 6px 10px 0px 10px;
    display: block;
    color: #818892;
}

span.spanInfoCentreButtonLeft
{
    background-image: url('/_layouts/1033/IMAGES/Infocentre2/button-left.gif');
    background-position: left;
    background-repeat: no-repeat;
}

span.spanInfoCentreButtonRight
{
    background-image: url('/_layouts/1033/IMAGES/Infocentre2/button-right.gif');
    background-position: right;
    background-repeat: no-repeat;
}

span.spanInfoCentreButtonRepeater
{
    background-image: url('/_layouts/1033/IMAGES/Infocentre2/button-bg.gif');
    background-position: left;
    background-repeat: repeat-x;
}
/***************************************** End InfocentreButton ***********************************************************/
/***************************************** InfocentreTable ****************************************************************/
table.infocentreTable
{
    width: 100%;
    border-bottom: 2px solid #d9dde0;
    border-collapse:collapse;
}

table.infocentreTable img
{
    border: 0px;
}



table.infocentreTable tr td
{
    border-bottom: 1px solid #d9dde0;
    padding: 3px;
    vertical-align: top;
}

table.infocentreTable thead tr th,
table.infocentreTable tr th
{
    background-image: url('/_layouts/1033/Images/Infocentre2/th-bknd.gif');
    background-repeat: repeat-x;
    font-size: 13px;
    color: #6b7277;
    height: 30px;
    text-align: left;
    padding-left: 3px;
    font-weight: normal;
}

table.infocentreTable thead tr th a,
table.infocentreTable tr th a
{
    color: #6b7277;
}

table.infocentreTable tr td ul
{
    padding: 0px;
    margin: 0px;
}

table.infocentreTable tr td ul li
{
    list-style-type: none;
}

table.ms-formtable > tbody > tr > td.tdRoleEditNoBorder
{
    border: 0px solid transparent;
}

table.ms-formtable > tbody > tr > td.ms-formbody.IOTOpDataRoles > span > span
{
    margin-top: 3px;
    height: auto;
}

table.ms-formtable > tbody > tr > td.ms-formbody.IOTOpDataRoles > span > span.tadig-codes > span
{
    width: 200px;
    display: inline-block;
}

table.ms-formtable > tbody > tr > td.ms-formbody.IOTOpDataRoles > span > span.tadig-codes > b
{
    vertical-align: top;
}

table.ms-formtable > tbody > tr > td.ms-formbody.IOTOpDataRoles > span > span.tadig-codes > a.all-tadig-elems
{
    float: right;
}

div.divRoleEditTitle
{
    padding-top: 20px;
    font-size: 16px;
}

table.ms-formtable > tbody > tr > td.tdRoleEditButtons
{
    width: 50%;
    border: 0px solid transparent;
}

div.divRoleNotGranted,
div.divRoleGranted,
span.divRoleGranted
{
    padding-left: 25px;
    height: 25px;
    background-image: url('/_layouts/1033/Images/Infocentre2/icon-block.png');
    background-repeat: no-repeat;
}

div.divRoleGranted,span.divRoleGranted
{
    background-image: url('/_layouts/1033/Images/Infocentre2/icon-tick.png');
}

div.divNotBoardMember,
div.divBoardMember,
span.divBoardMember
{
    background-image: none;
    background-repeat: no-repeat;
    background-position: center;
}

div.divBoardMember,span.divBoardMember
{
    background-image: url('/_layouts/1033/Images/Infocentre2/icon-tick.png');
}

div.divMainContactMsg
{
    padding-left: 25px;
    height: 25px;
    background-image: url('/_layouts/1033/Images/Infocentre2/icon-info.png');
    background-repeat: no-repeat;
    background-position: left middle;
}


/***************************************** End InfocentreTable *************************************************************/
/***************************************** Related Documents Control *******************************************************/
div.divRelatedDocumentsContainer
{
    margin-bottom: 10px;
}

a.infocentreHyperlink
{
    vertical-align: middle;
}

a.infocentreHyperlink img
{
    border: none;
    margin-right: 2px;
}

table td td.relatedDocumentsLinkCell
{
}

table tr td.relatedDocumentsRemoveCell
{
    white-space: nowrap;
    text-align: left;
    padding-left: 20px;
}

.SupressBottomBorder 
{
    border-bottom: 2px solid white;
    margin-bottom: -2px;
}

/***************************************** End Related Documents Control *******************************************************/
/***************************************** Create Contact Control *******************************************************/

div.divCreateContact
{
    float: left;
    margin: 0px 5px;
}

table.tblCreateContact
{
    width: 100%;
}

table.tblCreateContact tr td
{
    vertical-align: top;
}

/***************************************** End Create Contact Control *******************************************************/
/******************************************** Information Box User Control ***********************************************************************/
.infocentre-infobox-div
{
    padding: 10px 10px 0px 10px;
    margin-top: 10px;
}
.infocentre-infobox-div-green
{
    background-color: #D4E7DE;
    background-image: url('/_layouts/1033/Images/Infocentre2/info-box-green-bg.gif');
    border: 1px solid #C5D6CD;
    
    background-repeat: repeat-x;
    background-position: top;
}
.infocentre-infobox-div-yellow
{
    background-color: #FAEDC0;
    background-image: url('/_layouts/1033/Images/Infocentre2/info-box-yellow-bg.gif');
    border: 1px solid #E6D79E;
    
    background-repeat: repeat-x;
    background-position: top;
}
.infocentre-infobox-div-red
{
    /*background-color: rgb(228, 106, 107);
    border: 1px solid rgb(188, 106, 107);*/
    
    background-color: #fae3e3;
    border: 1px solid #f2cdce;
    background-image: none;

}
.infocentre-infobox-div-blue
{
    /*background-color: rgb(181, 195, 220);
    border: 1px solid rgb(201, 215, 230);*/
    
    background-color: #e3eefa;
    border: 1px solid #cddeee;
    background-image: none;

}
.infocentre-infobox-title1
{
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 10px;
}
.infocentre-infobox-text1
{
}
.infocentre-infobox-title2
{
    font-weight: bold;
    margin-bottom: 5px;
    padding-left: 20px;
    height: 16px;
    background-image: url('/_layouts/1033/Images/Infocentre2/icon-step.png');
    background-repeat: no-repeat;
    background-position: left;
}
.infocentre-infobox-text2
{
    margin-left: 20px;
}
/******************************************** End Information Box User Control *******************************************************************/

/***************************************** Begin Mobile Connect Login **********************************************************************/
table.tblLoginControlsMobileConnect {
	border-bottom:1px solid #dadee1;
}
.tblCellLoginControlsMobileConnectDesc {
	padding:20px; padding-bottom:0px; text-align:justify;
}
.tblCellLoginControlsMobileConnectBtn {
	text-align:center; padding:20px; padding-right:0px; padding-bottom:15px;
}
.tblCellLoginControlsMobileConnectBtnAnchor{
	width:144px; height:37px; display:inline-block; background-image:url('/_layouts/1033/IMAGES/Infocentre2/MobileConnectLogin.png');
	background-repeat:no-repeat;
}
.tblCellLoginControlsMobileConnectBtnAnchor:hover{
	background-image:url('/_layouts/1033/IMAGES/Infocentre2/MobileConnectLogin_Hover.png');
}
.tblCellLoginControlsMobileConnectWhyConnect {
		text-align:center; padding:20px; padding-left:0px; padding-bottom:15px;
}
.tblCellLoginControlsSeperator
{
    text-align:center; border-top:  1px solid #dadee1; border-bottom:  1px solid #dadee1; padding-top:10px; padding-bottom: 10px;
}
.tblCellLoginControlsInnerContainer 
{
    padding-top:20px; padding-bottom:10px;
}
.RegisterMobileConnectBtnAnchor {
	width:188px; height:37px; display:inline-block; background-image:url('/_layouts/1033/IMAGES/Infocentre2/MobileConnectRegister.png');
	float:right;
}
.RegisterMobileConnectBtnAnchor:hover{
	/*background-image:url('/_layouts/1033/IMAGES/Infocentre2/MobileConnectRegister.png');*/
}

.MobileConnectActiveImageDiv
{
    background-image:url('/_layouts/1033/IMAGES/Infocentre2/MobileConnectActive.png');
    background-repeat:no-repeat;
    width:181px;
    height:37px;
}
.MobileConnectActiveImageDiv:hover 
{
    background-image:url('/_layouts/1033/IMAGES/Infocentre2/MobileConnectActive_Hover.png');
}
.MobileConnectActiveButtonsContainer
{
    padding-top:3px;   
}
[type='button'].MobileConnectActiveRemoveLink, [type='button'].MobileConnectActiveRemoveLink:focus, [type='submit'].MobileConnectActiveRemoveLink, [type='submit'].MobileConnectActiveRemoveLink:focus
{
    padding-top:3px !important;
}
.mobileConnectButtonContainer {
	float:right;
    display:none;
}
.mobileConnectEnableButton:hover
{
    background-image:url('/_layouts/1033/IMAGES/Infocentre2/MobileConnectUse_Hover.png') !important;
}
.mobileConnectEnableButton
{	
    background-image:url('/_layouts/1033/IMAGES/Infocentre2/MobileConnectUse.png') !important;
	background-repeat:no-repeat !important;
	height:37px !important;
	width:169px !important;
}
.helpImgLink {
	width:20px;
	height:20px;
	float:right;
	padding-left:15px;
	background-image:url('/_layouts/1033/IMAGES/Infocentre2/help.gif');
	background-repeat:no-repeat;
	background-position:15px;
}
.inputButtonAsAnchor[type="button"], 
.inputButtonAsAnchor[type="button"]:focus,
.inputButtonAsAnchor[type="submit"], 
.inputButtonAsAnchor[type="submit"]:focus {
	float:right;
    background: none;
	background-image:none;
	background-color:transparent;
	box-shadow:0 0 0 0 transparent;
    border: none;
	border-radius: 0px;
	height: auto;
    display: inline;
    font: inherit;
    margin: 0;
    padding: 0px;
    outline: none;
    outline-offset: 0;
    color: #670000;
    cursor: pointer;
    text-decoration:none;
}
.inputButtonAsAnchor[type="button"]:hover,
.inputButtonAsAnchor[type="submit"]:hover  {
	text-decoration:underline;
    color: #670000;
    border-color: transparent;
    background-image: none;
    background-color: transparent;
    cursor: pointer;
    box-shadow: 0 0 0 0 transparent;
} 
.inputButtonAsAnchor[type="button"]::-moz-focus-inner,
.inputButtonAsAnchor[type="submit"]::-moz-focus-inner  {
    border: none;
    padding: 0;
}

/***************************************** End Mobile Connect Login **********************************************************************/