/* <!-- compression status: 1 --> (this is for http compression) */
/*  (do not remove this :) */
/*  (not this either :) */



/* --------- pre-existing colors ------------

     medium blue:       #236ea2
	 red:               #e60000
	 yellow:            #feb237
	 orange:            #ff7e00
	 dark blue:         #00047c
	 green:             #009448
	 turqoise:          #00b2e5
*/

#portal-breadcrumbs
{
     background-color: #F47D3F;
     text-align: left;
     height:20px;
     margin: -0.1em 0.25em 0em 0.25em;
     border-top: solid 4px #F47D3F;
}

#portal-breadcrumbsApplication
{
	background-color:#EfEEEC;
	vertical-align:top;
	height:25px; 
    text-align: left;
   	width: 808px;
    border-bottom: none;
    color: black;
    margin-top:-10px;
    margin-left: 0px; 
    margin-right: 0px;
    padding: 0px 0px 0px 0px;
	text-transform: none;
}

#portal-column-content
{
	width: 600px;
    padding: 1em 0em 1em 0em;
    border-left : none;
	background-image:url(http://www.durban.gov.za/durban/ContentCurve1.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


#ethekwini-actionbar
{
     background-color: #F47D3F;
}

#level_1 a {
    font-weight:bold;
	border-bottom:solid 2px #EfEEEC;
	background-image: url(http://www.durban.gov.za/durban/arrow_side_white.gif);
	padding: 5px 0 5px 10px;
	background-repeat: no-repeat;
	background-position:  0px center;
}




#level_1 a:hover,#level_1 .navTreeCurrentItem {
	font-weight:bold;
	background-color: #F47D3F;;
	#background-image: url(http://www.durban.gov.za/durban/arrow_side_white.gif);
	background-repeat: no-repeat;
	background-position:  0px center;
}

ul {
    line-height: 1.5em;
    margin: 0em 0 0 0em;
    padding: 0;
}

.eThekwiniComposite .composite_sitemap h2 a
{
    border-bottom: 0;
    color: #F47D3F;
}

.eThekwiniComposite .composite_sitemap h2
{
    border-bottom: 0;
    color: #F47D3F;
}

dl.portlet {
    margin: 0px 0 0em 0;
    background-color: #F47D3F;
}

dl.portlet a {
    text-decoration: none;
}

.portlet a.tile {
    display: block;
}


/* XXX: The two below rules should really be in the rule above, but that makes the items grow/shrink on :hover (navtree) - need to investigate how to make it not do that. ~limi, Dec 2005 */
dd.portletItem a,
dd.portletFooter a {
    border-bottom: none;
}
dd.portletItem a:visited,
dd.portletFooter a:visited {
    color: #000000;;
}

.portletHeader {
    padding: 0em 1em;
    text-transform: lowercase;
    font-weight: normal;
    line-height: 1.6em;
}

.portletHeader a {
    color: #000000;;
}

.portletItem {
    margin: 0;
    padding: 0em;
  
}

.portletItemDetails {
    text-align: left;
    display: block;
    color: #000000;;
}


/* Elements that enable layout with rounded corners */

.portletTopLeft {}
.portletTopRight {}
.portletBottomLeft {}
.portletBottomRight {}



/* New navtree styles */

.portletNavigationTree {
    width: 100%;
    margin: 0 0 0 0em; 
    padding: 0; 
    list-style: none; 
    line-height: 0em;
    text-align: left;
}

.navTree {
    list-style: none; 
    list-style-image: none; 
    margin-top: 0px;
}

.navTreeLocal {
    margin: 0 0 0 0em;
}

.navTree li {
    margin-bottom: 0px;
}

.navTreeItem {
    display: block;
    padding: 0;
    margin: 0;
}

.navTreeItem a,
dd.portletItem .navTreeItem a {
    display: block;
    color: #FFFFFF;    
    text-decoration: none;
    padding-top: 0.2em;
    padding-bottom: 0.25em;
}

.navTreeItem a:hover,
dd.portletItem .navTreeItem a:hover {
    font-weight:bold;
    background-color: #F47D3F;;
    color: #FFFFFF;;
}

.navTreeCurrentItem {
    font-weight:bold;
    background-color: #F47D3F;
    color: #FFFFFF;;
}

li.navTreeCurrentItem {
    padding: 0 0 0 0px;
    margin: 0 0 0px 0px;
}

li.navTreeCurrentItem a,
li.navTreeCurrentItem a:hover {
    display: block;
    font-weight:bold;
    min-height: 1.6em;
    line-height: 1.6em;
    height: auto;
}



.visualIconPadding,
.actionMenu .actionMenuContent .visualIconPadding {
    padding-left: 0.5em;
    margin-bottom: 1px;
    min-height: 1.6em;
    height: auto;
    line-height: 1.6em;
}

/* Another workaround for broken Internet Explorer */

* html li.navTreeCurrentItem a,
* html li.navTreeCurrentItem a:hover {
    height: 1.6em;
    font-weight: bold;
}

/* IE workaround to make sure the element is selectable in its full width */
* html .visualIconPadding {
    height: 1.6em;
}


.navTreeLevel0 {
 margin: 0; 
 color : #FFFFFF;;
 }


.navTreeLevel2 { 

border-left: solid 10px #F47D3F;
background-color: #FC5EOO;
color : #FFFFFF;;
}
.navTreeLevel3 { 
border-left: solid 10px #FC5EOO;
background-color: #F47D3F;

color : #FFFFFF;;
}
.navTreeLevel4 { 
border-left: solid 10px #F47D3F;
background-color: #FC5EOO;
color : #FFFFFF;;
}
.navTreeLevel5 { margin-left: 0.75em; }

/*  */