@import url(/includes/global.css);
*{
	color: #545454;
}
body {
	background-color: white;
}
.Tables TD{/*used for tables, generally for rates*/
	border-bottom-color: #e6e6e6;
}
TD.tableHeading{
	color: #FFAA00;
	background-color: #FFFEE5;
}
TABLE.SideTable TD{
    border: 1px solid #E6E6E6;
    padding: 3px 3px 3px 3px;
}
TABLE.SideTable TD.tableHeading{
   border: none;
}
.tableHeadingLeft{
	color: #FFAA00;
}
a {/*general base style for all links */
	color: #101010;
}
a:Hover {
	color: #FFA200;
}
.Tables A{
   line-height: 1em;
}
/*----side navigation styles: BEGIN e.g: http://portal.shift.co.za/Connect/Contracts/ ---- */
a.Nav{/*normal side nav*/
	background-image: url(/images/bulletArrowBlack.gif);
}
a.Nav:hover{
	background-image : url(/images/bulletArrowYellow.gif);
}
a.navCollapsed{/*collapsed nav */
	background-image : url(/images/left_Plus.gif);
}
a.navCollapsed:Hover{
	background-image : url(/images/left_PlusYellow.gif);
}
a.navExpanded{/*expanded nav */
	background-image : url(/images/left_Minus.gif);
}
a.navExpanded:Hover{
	background-image : url(/images/left_MinusYellow.gif);
}
a.navLoginCollapsed, a.navLoginExpanded{
	color: #FFA200;
}
a.navLoginCollapsed:Hover, a.navLoginExpanded:Hover{
	color: #101010;
}
a.navLoginCollapsed{/*login nav, collapsed */
	background-image : url(/images/left_PlusYellow.gif);
   border: 1px solid #FFF;
   border-bottom: none;
}
a.navLoginCollapsed:Hover{
	background-image : url(/images/left_Plus.gif);
}
a.navLoginExpanded{/*login nav, expanded */
	background-image : url(/images/left_MinusYellow.gif);
   border: 1px solid #FFA200;
   border-bottom: none;
   background-color: #FFF7E5;
}
a.navLoginExpanded:Hover{
	background-image : url(/images/left_Minus.gif);
}
.navDead{/*dead nav, indicates current page */
	color: #909090;
	background-image : url(../images/bulletArrowGrey.gif);
}
.Gray{
	/*dead nav, indicates current page */
	color: #909090;
	background-image : url(../images/bulletArrowGrey.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding: 10px;
}
/*----side navigation styles: END ---- */
a.Breadcrumb:hover {
	color: #FFAA00;
}
.textbox{/*all input boxes of type 'TEXT' */
	background-color: #FFFFFF;
}
.sidebarTextbox{
	font-size: 10px;
	background-color: #FFFFFF;
	width:80px;
}
a.norm {/*used for all links within copy, that need a 'Visited' state */
	color: #FFAA00;
}
a.norm:Hover {
	color: #A6A6A6;
}
a.norm:Visited {
	color: #8A8A8A;
}
a.Print{
	background-image: url(/images/Print_Norm.gif);
	padding-right: 15px;
	float: right;
	background-repeat: no-repeat;
	background-position: 100%;
}
a.Print:Hover{
	background-image : url(/images/Print_Over.gif);
}

/*footer styles: BEGIN */
td.Footer{
	background-color: #FFAA00;
}
td.footerBar{
	color: #FFAA00;
}
a.Footer {
	color: #FFAA00;
}
a.Footer:Hover {
	color: #272727;
}
/*footer styles: END */

a.Banner, TABLE.Banner {/*all clickable banners */
	border-color: #D9D9D9;
}
a.Banner:hover {
	border-color: #FFB300;
}
.BannerHover{
	display: block;
	border-width: 1px;
	border-style: solid;
	line-height: 50%;  /*workaround for the Mozilla engine's bottom padding */
	border-color: #FFB300;
}
.h1Black {/*heading */
	color: #272727;
}
.h2{/*heading, often used as a sub-heading */
	color: #FFB300;
}
a.h2{/*used for an h2 heading if it is a link */
	color: #FFB300;
	background-image : url(/images/bulletarrowyellowh2.gif);
}
a.h2:hover{
	color: #272727;
	background-image : url(/images/bulletarrowblackh2.gif);
}
.h2Black{/*heading */
	font-weight: bold;
	color: #272727;
	font-size: 1.32em;
	height : 20px;
	vertical-align : top;
	padding-right : 12px;
line-height: 1.76em; 
}
.h3{/*heading */
	color: #272727;
}
.h4 {/*heading */
	color: #FFB300;
}
.hSub{/*redundant */
	background-color:red;
}
.hrSolid{
	/*horizontal separator */
	background-image: url(/images/bglineonwhite.gif);
}
.hrDotted{/*horizontal separator */
	background-image: url(/images/bgdashonwhite.gif);
}

a.Bulleted{/*a link with a bullet e.g: http://portal.shift.co.za/MyMTN/ */
	background-image : url(/images/bulletarrowyellow.gif);
}
a.Bulleted:Hover{
	background-image : url(/images/bulletarrowblack.gif);
}
a.BulletedOnYellow{/*a link with a bullet e.g: http://portal.shift.co.za/MyMTN/ */
	color: #272727;
	background-image : url(/images/bulletarrowblack.gif);
}
a.BulletedOnYellow:Hover{
	color: #FFFFFF;
	background-image : url(/images/bulletarrowwhite.gif);
}
a.BulletedBlack{/*a link with a bullet e.g: http://portal.shift.co.za/MyMTN/ */
	color: #272727;
	background-image : url(/images/bulletarrowblack.gif);
}
a.BulletedBlack:Hover{
	color: #FFAA00;
	background-image : url(/images/bulletarrowyellow.gif);
}
a.Action{/*links that submit e.g: http://portal.shift.co.za/Connect/Contracts/ */
	background-image : url(/images/goarrowyellow.gif);
}
a.Action:Hover{
	background-image : url(/images/goarrowblack.gif);
}

a.ActionOnYellow{/*links that submit e.g: http://portal.shift.co.za/Connect/Contracts/ */
	color: #000;
	background-image : url(/images/goarrowblack.gif);
}
a.ActionOnYellow:Hover{
	color: #FFF;
	background-image : url(/images/goarrowwhite.gif);
}

a.actionLeft{/*links that submit e.g: http://portal.shift.co.za/Connect/Contracts/ */
	background-image : url(/images/goarrowyellowleft.gif);
}
a.actionLeft:Hover{
	background-image : url(/images/goarrowblackleft.gif {
	color: #fff37e;
	font-size: 0.7em;
	font-weight : bold;
	text-decoration : none;
	line-height:10px;
	text-align:center;
	width:45px;
}
/*icon styles: END */

UL LI {
	list-style-image : url(/images/bulletlists.gif);
	color:#272727;
}
.tipContentEven{/*even rows in a tip box */
	background-color : #FFF7E5;
	border-bottom-color : #FFFFFF;
}
.tipContentOdd{/*odd rows in a tip box */
	background-color : #FFF0CC;
	border-bottom-color : #FFFFFF;
}
SELECT {
	color: #272727;
	background-color: #FFFFFF;
}

.belowBannerYellow{/*as above, with a lite yellow background */
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	vertical-align: top;
	background-color: #FFF6E5
}
.belowBannerGrey{/*as above, with a lite gray background */
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	vertical-align: top;
	background-color: #F2F2F2;
}
.rightOfBannerYellow{/*as above, with a lite yellow background */
	padding-left:10px;
	vertical-align:top;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;	
	background-color: #FFE8B2
}
.rightOfBannerGrey{/*as above, with a lite gray background */
	padding-left:10px;
	vertical-align:top;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;		
	background-color: #E7E7E7
}

.barBorderedYellow {/*as above, with no background, and a lite yellow border */
	background-color : #FFFFFF;
	width : 100%;
	border-width:1px;
	border-style: solid;
	border-color: #FFECBF;
	padding-left : 10px;
	padding-top : 7px;
	padding-bottom : 10px;
	padding-right : 10px;
}
.barBorderedGrey {/*as above, with a lite gray border */
	background-color : #FFFFFF;
	width : 100%;
	border-width:1px;
	border-style: solid;
	border-color: #F2F2F2;
	padding-left : 10px;
	padding-top : 7px;
	padding-bottom : 10px;
	padding-right : 10px;
}
.barHeadingYellow{/*used for headings above barYellow */
	background-color: #FFB300;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	font-size: 1.2em;
	color: #FFF;
	font-weight:bold;
}

.FooterCopyright{
	color: #909090;
}
.Hierarchy TD{
	border: none;
	padding: 0 0 0 0;
}
.Hierarchy A{
	font-weight: normal;
   line-height:1.35em;
}
.aList A{
   line-height: 1.1em;
}
.Hierarchy A:Hover{
	color: #FFAA00;
}
.Hierarchy .Selected{
	color: #BB0000;
	cursor: default;
}
.Hierarchy .TopLevel{
	background: url(/images/Hierarchy/TopLevel.gif) no-repeat;
	padding-left: 20px;
	display: block;
}
.Hierarchy .Level1{
	background: url(/images/Hierarchy/Level1.gif) no-repeat;
	padding-left: 30px;
}
.Hierarchy .Level1Last{
	background: url(/images/Hierarchy/Level1Last.gif) no-repeat;
	padding-left: 30px;
}
.Hierarchy .Level2{
	background: url(/images/Hierarchy/Level2.gif) no-repeat;
	padding-left: 43px;
}
.Hierarchy .Level2Last{
	background: url(/images/Hierarchy/Level2Last.gif) no-repeat;
	padding-left: 43px;
}