﻿body, html  {
	font-family:Verdana, Arial, Helvetica, sans-serif !important;
}
/* CSS link for Site Setting */
.ms-linksection-listItem a:hover, 
.ms-linksection-listItem a:active {
	color:#00A19C !important;
	text-decoration:underline;
}
.ms-linksection-listItem a:active {
	color:#00A19C !important;
}
.ms-linksection-listItem a,
.ms-linksection-listItem .ms-link:visited {
	color:#00A19C !important;
	text-decoration:none;
}

/* Footer CSS Container, Area, New Footer and push */
#Container {
	min-height:100% !important;
	position:relative !important;
}
#Area {
	/* padding-bottom:30px;   /* Height of the footer */
	margin: 0 auto 0px; /* 0 auto 110px */
	height: auto !important;
	height: 100% !important;
}
#Footer {
	position:absolute !important;
	border-top:3px solid #00aba4;
	height:85px;
	padding-top:5px;
	width:100% !important;
	color:#000;
	vertical-align:middle !important;
	text-align:right !important;
	color:#FFF;
	bottom:0;
	left:0;
	/* background-color:#00A59D; */
	/* background:transparent url('../../../../images/FooterLine.png') no-repeat center top; */	
}
#Footer .notice {
	border-bottom:solid 1px #dddddd;
	list-style:none;
	margin:0;
	padding:2px 0;
}
#Footer .notice li {
	list-style:none;
	display:inline;
	margin-right:15px;
}
#Footer .notice a {
	color:#000;
	font-size:10px; /* .65em */
	text-decoration:none;
}
#Footer p {
	text-align:center;
	color:#5f6a72;
	font-size:10px; /* .65em */
	line-height:1.5em;
}
#Footer p a {
	color:#5f6a72;
}

#Footer a:hover {
	text-decoration:underline !important;
}
.push {
	clear: both;
}

/* Global */
.global {
	position:relative;
	width:100%;
	/* height:134px; 34px; */
	background:url('../images/top-bg.gif') repeat-x;
}
.global .directory {
	float:left;
	width:480px;
	overflow:hidden;
	margin:10px 0; /* 8px 0 6px 15px */
	margin-left:15%;
	font-size:10px !important;
}
.global .directory ul {
	list-style:none;
	margin:0;
	padding:0;
}
.global .directory ul li {
	list-style:none;
	float:left;
	margin-right:15px;
}
.global .directory ul li img {
	float:left;
	margin-right:5px;
}
.global .directory .crudeoil li {
	background-color:#00a295;
	border:solid 1px #55bab7;
	color:#ffffff;
	padding:0 3px;
	font-size: 10px !important;
}
.global .directory .crudeoil .s4-wpTopTable, 
.global .directory .crudeoil .ms-WPBody {
	width:100% !important;
}
/* 
.global a {
	text-decoration:none;
	color:#fff;
	float:left;
}
.global .directory a, .global .ms-SPLink {
	font-size:10px !important;
}
.global a:hover {
	text-decoration:underline !important;
}
*/
.global .login, .global .search, .global .ms-sbtable-ex {
	float:right;
}
.global .login {
	margin:8px 10px 8px 10px;
}
.global #SearchBox {
	background-color:white;
}
.global #SearchBox  a {
	float:right;
}
.global #SearchBox input {
	font:normal 12px Verdana, Arial, Helvetica, sans-serif; /* .65em */
	padding-top:3px;
}

/*  Start - NEW CSS for Branding name */
.global .ms-tableCell {
	position:absolute;
	float:right;
	width:97% 
}
.ms-breadcrumb-box {
	position:relative !important;
	float:none !important;
	top:35px; 
	width:100% !important;
	padding-left:20px;
}
/* Logo size */
#DeltaSiteLogo {
	position:absolute !important;
	top:30px;
	line-height:0px;
}
.ms-siteicon-a {
	max-height:150px !important;
}
#DeltaSiteLogo img {
	width:89px !important;
	max-height:150px !important;
}
#siteIcon {
	min-width:70px !important;
	position:relative !important;
	top:-35px;
}
#DeltaPlaceHolderMain {
	padding-bottom:110px !important;
}
#sideNavBox {
	/* top:30px;
	float:none!important; */
}
#contentBox {
	/* position:absolute;
	float:left !important;
	top:200px; */
}
/* Left Navigation Settings */
.ms-core-sideNavBox-removeLeftMargin {
	padding-bottom:93px;
	margin-left: 0px !important;	
}
/* 
.ms-core-sideNavBox-removeLeftMargin,
.ms-core-listMenu-verticalBox {
	padding-top:85px !important;
	padding-bottom:100px !important;
}
*/
/* CSS to remove header and Footer for 'focus on content' button */
.ms-fullscreenmode #Footer {
	display:none;
}
.ms-core-brandingText {
    display: none;
}
#suiteBarLeft .ms-tableCell:before {
    content: 'PETRONAS';
    font-size: 14px; /* 1.2em */
    padding-left: 20px;
}
/*  End - NEW CSS for Branding name */

/* Hide - Skydrive and Newsfeed links from published site */
.ms-core-suiteLinkList {
	display:none;
}
/* Dialog Title */
.ms-dlgTitle {	
	background-color:#f3f3f3 !important;
	border-bottom:1px #00A59D solid !important;
}
/* Edited from CoreV15 css */
/* new CSS for left Navigation Box */
.LeftNavigationBox {
	margin-top:10px; /* 45px */
}
/* Page Title */
.ms-core-pageTitle {
	/* padding-left:110px; */
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size:30px !important;
	font-weight:normal !important;
}
.ms-core-pageTitle a {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size:30px !important;
	font-weight:normal !important;

}
/* left navigation color box */
.ms-core-listMenu-verticalBox li > a.ms-core-listMenu-item.ms-core-listMenu-selected:hover,
.ms-core-listMenu-verticalBox li > a.ms-core-listMenu-item:hover,
.ms-core-listMenu-verticalBox li > a.ms-core-listMenu-item:active {
	background-color:#00A59D !important;
}

#contentRow {
	padding-top: 35px !important;
	/* position:absolute !important;
	padding-top:85px;
	padding-bottom:85px; */
}
#s4-ribbonrow {
	position:relative;
}
#s4-workspace {
	overflow:auto;
	position:relative;
}
#s4-bodyContainer {
	height:100%;
	/* overflow:auto; */
	position:absolute !important;
	padding-bottom:0px !important;
}
.dfwp-item:hover {
	background-color:#E4F5E4 !important;
	padding:0 !important;
}
.dfwp-column {
	margin-left:0px !important;
}
.ms-webpart-chrome-title {
	border-bottom:1px #00a59d solid;
	margin-bottom:2px !important;
}
h2.ms-webpart-titleText {
	color:#00a59d !important;
	font-weight:bold !important;
}
.ms-WPBorder {
	border: none !important;
}
.ms-core-pageTitle {
	font-weight:bold;
}
#contentRow ul.ms-core-listMenu-root a:hover {
	color:#FFF !important;
	/* background-color:#00a59d !important; */
}
.ms-breadcrumb-menu {
	border:1px #cccccc solid;
}
.ms-navresizer-vertical {
	height:420px !important;
}
/* Ribbon color code */
.ms-cui-cg-db.ms-cui-cg {
	border-top-color:#00A59D !important;
}
.ms-cui-ct-topBar-db,.ms-cui-tabBody-db{
	border-color:#00A59D !important;
}
.ms-cui-cg-db .ms-cui-ct-ul {
	border-color:#00A59D !important;
}
.ms-cui-cg-db .ms-cui-tt-s > .ms-cui-tt-a > .ms-cui-tt-span,
.ms-cui-cg-db .ms-cui-tt > .ms-cui-tt-a:hover > .ms-cui-tt-span {
	color:#00A59D !important;
}
.ms-cui-cg-db.ms-cui-cg-s .ms-cui-tt-s .ms-cui-tt-a,.ms-cui-cg-db.ms-cui-cg-s .ms-cui-tt-s .ms-cui-tt-a:hover {
	border-color:#00A59D !important;
}
.ms-cui-cg-db .ms-cui-ct-first > .ms-cui-tt-a,.ms-cui-cg-db .ms-cui-ct-first > .ms-cui-tt-a:hover {
	border-left-color:#00A59D !important;
}
.ms-cui-cg-db .ms-cui-ct-last > .ms-cui-tt-a,.ms-cui-cg-db .ms-cui-ct-last > .ms-cui-tt-a:hover {
	border-right-color:#00A59D !important;
}
/* End - Ribbon color code */

/* DESIGN MANAGER Left Navigation Menu */
.ms_designnavigationmenu {
	padding-top:30px;
}

/* System Master page - Top Navigation - Show 2 rows */
#s4-titlerow {
	height:110px !important; /* 100% */
	padding-top:5px !important;
}
.ms-breadcrumb-top {
	white-space:normal !important;
}
.ms-core-listMenu-horizontalBox UL {
	display:inline !important;
}
#DeltaTopNavigation {
	top:-16px;
	left:25px;
	position:relative;
}

/* Input and Submit button */
INPUT[type=button]:hover {
	color:white;
	cursor:pointer;
}
INPUT[type=submit]:hover {
	color:white;
	cursor:pointer;
}
button:hover {
	color:white;
	cursor:pointer;
}

/* CSS for indicator for NEW! list library */
.ms-vl-recent {
	background-color: #00a59d !important;
}

/* Hide Home at Top Navigation - Structure navigation
.ms-core-listMenu-horizontalBox li.static > a{ 
	display: none !important; 
} 
.ms-core-listMenu-horizontalBox li.static > ul a{ 
	display: block !important; 
}
 */
 
/* TABLE class */
.ms-listviewtable thead {
	background-color:#f5f5f5;
}

/* align top navigation with icon drop down box */
.ms-breadcrumb-dropdownBox {
	display:block !important;	
}