/* -- EskomRWD.css 201405160700 -- */

body
{
	font:12px Arial !important;
	line-height:normal;
}

label, input, button, select, textarea {
    font-size: 12px;
    font-weight: normal;
    line-height:normal;
}

.ms-propertysheet
{
	font-family:Arial, Helvetica, sans-serif;
}

.header-toolbar
{
	background-color:#003896;
	font:10px Arial;
	color:#fff;
	padding:7px 0;
}

.header-toolbar .span4
{
	padding-top:4px;
}

.header-toolbar .container
{
	padding:0 5px;
}

#s4-bodyContainer
{
	padding-left:0 !important;
	padding-right:0 !important;
}

.masthead
{
	padding-left:0 !important;
	padding-right:0 !important;
}

.header-toolbar .row div
{
	min-height:0 !important;
	text-align:right;
}

.header-toolbar .row div a
{
	margin-left:30px;
	color:#fff;
}

.header
{
	margin-top:0 !important;
	padding-top:5px;
}

.logo
{
	padding:0 5px;
}

.menu-horizontal
{
	font-size:12px;
}

/***************************************************************************** NAV BAR *********************************************************************/

.navbar-inner
{
	background-color:#fff !important;
	background-image:none !important;
	box-shadow:none !important;
	filter:none !important;
	border:0 !important;
}

.navbar .btn-navbar
{
	float:left !important;
	background-color:#3460ab !important;
	padding:10px 9px !important;
	margin:0 !important;
}

.navbar
{
	margin-bottom:0 !important;
}

.navbar-container
{
	padding:5px;
}

.navbar-inner .span8 .searchbox
{	
	float:right;
	position:absolute;
	left:50px;
	width:84%;
}

.searchbox.span4 > table > tbody > tr > td
{
    padding:0 5px;
}

.navbutton-container
{
	float:left;
	width:100%;
}


a.static.menu-item span.menu-item-text
{
	color:#3360ab;
	font-weight:bold;
}

a.static.menu-item:hover span.menu-item-text,
a.static.menu-item.selected span.menu-item-text
{
	color:#9c8e7c;
}

a.static.menu-item
{
	padding:7px 12px 7px 0 !important;
}

.menu-horizontal a.dynamic-children span.additional-background,
.menu-horizontal span.dynamic-children span.additional-background {
    background-image: none;
    padding-right:0;
}

.menu-horizontal ul.dynamic
{
	background-color:#9d8d7d;
	background-image: url('/_layouts/Eskom.SP.EskomCoZa.BrandingRWD/Images/horizontal-top.png');
	background-repeat:no-repeat;
}

.menu-horizontal ul.dynamic li:first-child
{
	margin-top:10px;
}

.menu-horizontal li.static ul.dynamic ul.dynamic
{
	display:none !important;
}

.menu-horizontal ul.dynamic a.dynamic-children span.additional-background,
.menu-horizontal ul.dynamic span.dynamic-children span.additional-background {
    background-image: none;
}

a.dynamic.menu-item
{
	padding:7px 10px;
	border-top:solid 1px #827360;
}

ul.dynamic li:first-child a
{
	border-top:none !important;
}

a.dynamic.menu-item span.menu-item-text
{
	text-decoration:none;
	color:#fff;
	white-space:normal;
}

a.dynamic.menu-item:hover,
a.dynamic.menu-item:hover span.menu-item-text
{
	text-decoration:none;
	color:#3659aa !important;
}

/********* TABLET MENU ********/
.in .menu-horizontal ul.dynamic li:first-child
{
	margin-top:0 !important;
}

.in a.static.menu-item
{
	padding:7px 20px 7px 10px !important;
}

.nav
{
	margin-top:5px !important;
	margin-bottom:0 !important;
}

.in a.static.menu-item
{
	background-color:#3460ab;
	border-top:solid 1px #27539e;
}

.in a.menu-item:hover,
.in a.menu-item.selected{
	background-color:#27539c;
}

.in a.static.menu-item span.menu-item-text
{
	color:#fff;
	font-weight:bold;
}

.in a.dynamic.menu-item span.menu-item-text
{
	color:#fff;
}

.in a.dynamic.menu-item,
.in a.dynamic.menu-item span.menu-item-text
{
	background-color:#6787c0;
}

.in .menu-horizontal a.dynamic-children span.additional-background,
.in .menu-horizontal span.dynamic-children span.additional-background {
    background-image:url('/_layouts/Eskom.SP.EskomCoZa.BrandingRWD/Images/icn-arrow.png');
    height:16px;
    background-repeat:no-repeat;
    padding-right:18px;
    left:700px
}

.in .menu-horizontal a.dynamic-children span.additional-background span.menu-item-text
{
	background-color:#3460ab;
}

.in .menu-horizontal a.dynamic-children:hover span.additional-background span.menu-item-text
{
	background-color:#27539c;
}

.in .menu-horizontal a.selected span.additional-background span.menu-item-text
{
	background-color:#27539c;
}

.in.collapse
{
	position:absolute;
	top:150px;
	z-index:300;
}

.in a.dynamic.menu-item span.menu-item-text
{
	background-color:#6787c0 !important;
}

.in li.static.selected > a
{
	background-color:#27539c !important;
}

/***************************************************************************** SEARCH BOX *********************************************************************/

.searchbox .ms-sbcell input
{
	font: 13px Arial;
	font-style:normal;
	background-color:#fff;
	background-image:none;
	border:0 !important;
	color:#99afd5;
	padding:8px 8px 5px 8px !important;
	width:100% !important;
	outline-style:none !important;
}

.ms-sbtable
{
	border:solid 1px #d4dbe9 !important;
	width:100%;
}

.searchbox .s4-search .srch-gosearchimg
{
	display:none;
}

.ms-sbgo {
	width:40px;
	height:30px;
}

.ms-sbgo a{
	background-image:url('/_layouts/Eskom.SP.EskomCoZa.BrandingRWD/Images/eskom-sprite.png');
	background-repeat:no-repeat;
	background-position:-80px 0px;
	width:40px;
	height:30px;
	display:block;
}

/***************************************************************************** FOOTER *********************************************************************/


.footer-container
{
	background-color:#003897;
	padding:25px 10px 0 10px !important;
	margin-top:20px;
}

.footer-container .span8
{
	border-right:solid 1px #6a87c1;
	margin-bottom:15px;
}

.footer-copy,
.footer-copy a,
.footer-copy a:link,
.footer-copy a:visited
{
	font:10px Arial;
	color:#888;
}

.footer-copy footer
{
	min-height:0 !important;
	padding-top:10px;
}

.footer-copy .container
{
	padding: 20px 5px 30px 5px;
}

.footer-section
{
	color:#99afd5;
	font:12px Arial;
	line-height:16px;
	min-height:inherit !important;
}

.footer-section a
{
	color:#99afd5;
	display:block;
}

.footer-section-line
{
	border-right:solid 1px #6688c0;
}

.footer-section2,
.footer-section2 a,
.footer-section2 a:link,
.footer-section2 a:visited
{
	color:#fff;
	font:14px Arial;
	line-height:18px;
}

.footer-heading1,
.footer-heading1 a,
.footer-heading1 a:link,
.footer-heading1 a:visited
{
	line-height:22px;
	font-size:14px;
	color:#fff;
	display:table;
	text-decoration:none;
}

.footer-heading1 a
{
	padding:0!important;
}

footer-heading2
{
	line-height:26px;
	font-size:16px;
	font-weight:bold;
	color:#6789c6;
}

.footer-section .hidden-phone
{
	padding:9px 0;
}

.footer-social
{
	text-align:center;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:solid 1px #6986be;
}

.footer-social a
{
	margin:0 3%;
	display:inline-block;
	text-align:center;
	background-image:url('/_layouts/Eskom.SP.EskomCoZa.BrandingRWD/Images/eskom-sprite.png');
	background-repeat:no-repeat;
	width:42px;
	height:42px;
}

.footer-social .fs-twitter
{
	background-position:-54px 0;	
}

.footer-social .fs-facebook
{
	background-position:-54px -127px;	
}

.footer-social .fs-phone
{
	background-position:-54px -42px;	
}

.footer-social .fs-mail
{
	background-position:-54px -85px;	
}

.footer-seperator
{
	border-bottom:solid 1px #6986be;
	min-height:0 !important;
	height:2px !important;
	padding-bottom:10px;
	margin-bottom:10px;
}

.footer-section2 > div
{
	float:left;
	width:50%;
}

.span4.footer-section2 .footer-image
{
    /** background-image:url('/_layouts/Eskom.SP.EskomCoZa.BrandingRWD/Images/eskom-sprite.png'); **/
	background-repeat:no-repeat;
	background-position:-55px -169px;
	
	width:63px;
	height:72px;
	
	position:relative;
	float:right;
	margin-top:30px;
}

/***************************************************************************** SOCIAL ICONS *********************************************************************/

.social-icons
{
	text-align:center;
}
.social-icons div
{
	display:inline-block;
	text-align:right;
	margin:16px 6px 0 6px;
	background-image:url('/_layouts/Eskom.SP.EskomCoZa.BrandingRWD/Images/eskom-sprite.png');
	background-repeat:no-repeat;
	width:54px;
	height:54px;
}

.social-icons .si-twitter
{
	background-position:0 -107px;	
}

.social-icons .si-facebook
{
	background-position:0 -54px;	
}

.social-icons .si-phone
{
	background-position:0 -161px;	
}

.social-icons a
{
    display:inline-block;
}

/*********************************************************** GOOGLE TRANSLATE ***********************************************/

.goog-te-gadget-simple
{
	border:0 !important;
	padding:0 !important;
}

/*********************************************************** FIX FOR RIBBON ***********************************************/


body.v4master {
   overflow: visible;
   height: inherit;
   width: inherit;
}
body #s4-workspace {
	overflow: visible !important;
}
body #s4-ribbonrow {
	position: fixed;
	z-index: 1000;
}
#s4-ribbonrow .ms-MenuUIPopupBody, #s4-ribbonrow .ms-popoutMenu, .ms-cui-menu[id ^= "Ribbon."] {
	position: fixed !important;
}
.ms-dlgOverlay {
	width: 100% !important;
}