/* ================================
    CSS STYLES FOR Client 
   ================================
*/ 

body
{
	background-color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif; margin: 15px 15px 15px 15px; padding: 0px; }
td { vertical-align: top; margin: 0px; padding: 0px;}
img {border: 0px;}
table {margin: 0px; padding: 0px;}
.BodyTable
{
	background: #FFFFFF url(images/bodybottom.gif) no-repeat bottom;
	padding: 0px;
	margin: 0px;
	width: 940px;
	}
li {
	list-style-image: url(Images/list.gif);
	vertical-align: middle;
	line-height: 14px;
	padding-bottom: 5px;
}

hr
{
	color: #0086D3;
	height: 1px;
}

#cms_leftcol{ padding-bottom: 25px;}
#Banner{ padding-bottom: 15px; background-color: #CCCCCC;}

	
	
#cms_centrecol, #cms_title{ padding-left: 20px; padding-right: 20px;  vertical-align: top;}
#cms_centrecol{height: 320px; padding-bottom: 25px;}
#cms_leftcol{ border-right: 2px solid #D6D5D5;}
#cms_rightcol{ width: 400px; padding-left: 20px; padding-right: 20px; border-left: 2px solid #D6D5D5;}

#searchbox{ display: block; margin: 15px 0px 0px 15px;}

#searchboxhome{ display: block; float: left;  vertical-align: top; padding: 0px; margin: 0px 0px 20px 0px;}


/*----------------------  Quick links  -*/
#quicklinks, #BranchDiv{ margin: 15px 10px 0px 15px; display: block; clear: both;}
.qlinks
	{font-weight: normal;
	font-size: 13px;
	color: #0086D3;
	text-decoration: none;
	margin: 0px 0px 15px 0px; display: block; padding: 2px 2px 15px 2px;
	background: url(images/qlinks/bg.gif) no-repeat bottom;
	width: 160px;}
.qlinks:hover
	{font-weight: normal;
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px 0px 15px 0px; display: block; padding: 2px 2px 15px 2px;
	background: #0086D3 url(images/qlinks/bg.gif) no-repeat bottom;
	width: 160px;}
	
	
.smallqlinks
	{font-weight: normal;
	font-size: 13px;
	color: #0086D3;
	text-decoration: none;
	margin: 0px 0px 4px 0px; display: block; padding: 5px 5px 5px 5px;
	border-left: dotted 1px #0184D4;
	border-bottom: dotted 1px #0184D4;
	width: 160px;}
.smallqlinks:hover
	{font-weight: normal;
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px 0px 4px 0px; display: block; padding: 5px 5px 5px 5px;
	border-left: solid 1px #0184D4;
	border-bottom: solid 1px #0184D4;
	width: 160px;
	background-color: #0086D3;}

.smallintlinks
	{font-weight: normal;
	font-size: 13px;
	color: #0086D3;
	text-decoration: none;
	margin: 0px 0px 4px 0px; display: block; padding: 5px 5px 5px 5px;
	border-left: dotted 1px #0184D4;
	border-bottom: dotted 1px #0184D4;
	width: 200px;}

.smallintlinks:hover
	{font-weight: normal;
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px 0px 4px 0px; display: block; padding: 5px 5px 5px 5px;
	border-left: solid 1px #0184D4;
	border-bottom: solid 1px #0184D4;
	width: 200px;
	background-color: #0086D3;}
#IntranetLogin
{
	margin: 15px 0px 0px 0px; display: block;}

	
/* ==================================== Titles ==============================================================*/

.SABlueTitle
{
	font-weight: bold;
	font-size: 20px;
	color: #0086D3;
	
}

.TitleBox
{
	padding-bottom: 5px;
}

/* ==================================== End of Titles ===================================================*/


/* =========================== Text =============================================================*/

.PlainText
{	
	font-weight: normal;
	font-size: 11px;
	color: #666666;
	text-align: left;
}
.PlainBlueText
{	
	font-weight: normal;
	font-size: 11px;
	color: #0086D3;

}
.SmallText
{	
	font-weight: normal;
	font-size: 10px;
	color: #666666;

}
.SmallDropDown
{	
	font-weight: normal;
	width: 128px;
	font-size: 10px;
	color: #0086D3;

}
.JustText
{	
	font-weight: normal;
	text-align: justify;
	font-size: 11px;
	color: #666666;

}

/* =================================End of Text =================================================*/

/*========================== LINKS =========================================================================*/
a
{	font-weight: normal;
	font-size: 11px;
	color: #233690;
	text-decoration:underline;
	}
a:hover
{	font-weight: normal;
	font-size: 11px;
	color: #0086D3;
	}
	
.LocalHomeLinks
{	
	width: 100%;
	padding: 4px;
	font-size: 11px;
	color: #152A75;
	border-bottom: solid 1px #0086D3
}
.LocalHomeLinks:Hover
{	
	width: 100%;
	padding: 4px;
	font-size: 11px;
	background:#53BFD8;
	color: #152A75;
	border-bottom: solid 1px #0086D3
}
.QuickLinks
{
	padding-right: 10px;
}
.SearchPager
{ 
	padding: 10px;
	background: #0086D3;	
}
.SearchLinks
{
	width: 100%;
	display: block;
	color: #152A75;
	padding-left: 4px;
	font-size: 11px;
	padding-bottom: 4px;
	padding-top: 4px;
	border-bottom: 1px solid #53BFD8;
	text-decoration: none;
	margin-bottom: 15px;
}
.SearchLinks:Hover
{
	width: 100%;
	display: block;
	color: #152A75;
	padding-left: 4px;
	font-size: 11px;
	padding-bottom: 4px;
	padding-top: 4px;
	background-color:#53BFD8;
	border-bottom: 1px solid #152A75;
	text-decoration: none;
}
.ChildLinks
{
	color: #152A75;
	font-size: 10px;
	padding: 2px 5px 2px 5px;
	text-decoration: none;
}
.ChildLinks:Hover
{
	color:#53BFD8;
	font-size: 10px;
	text-decoration: none;
}
.ChildLinkSpan
{
	display: block;
	color: #152A75;
	font-size: 10px;
	float: none;
	width: 160px;
	background-color: #ffffff;
	text-decoration: none;
}

.ChildLinkTitle
{
	width: 100%;
	padding-right: 4px;
	display: block;
	color: #FFFFFF;
	padding-left: 4px;
	font-weight: bold;
	font-size: 11px;
	float: none;
	margin-top: 2px;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	padding-bottom: 4px;
	padding-top: 4px;
	background-color: #152A75;
	}
	
.WhiteChildLink
{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
}
.WhiteChildLink:Hover
{
	color:#53BFD8;
	font-size: 11px;
	text-decoration: none;
}
.WhiteLink
{
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
}
.WhiteLink:Hover
{
	color: #53BFD8;
	font-size: 11px;
	text-decoration: none;
}
.IntraLink
{	
	padding-left: 10px;
	color: #152A75;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	padding-right: 10px;
}
.IntraLink:Hover
{	
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	padding-right: 10px;
}
	
/* ========================= End of Links=========================================================== */



/* =========================== SA Buttons ===========================================================*/

.SASmallButtons
{
	Border: 1px solid #666666;
	padding: 2px;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #333333;
	font-weight: bold;
}
.SASmallButton
{
	Border: 1px solid #666666;
	padding: 0px;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #333333;
	font-weight: bold;
	clear: none;
	float: right;
	margin-right: 3px;
}
.SAButtons
  {
	font: 11px verdana;
	border:1px solid black;
	padding: 2px;
	background-color: #53BFD8;
	cursor: hand;
	color: #FFFFFF;
}


.ButtonTable
{	font:11px Arial;
	background: #EAE7D6;
	border:solid 1px #EAE7D6;
	border-right-width:0px;
	border-bottom-width:0px;
}

.ButtonCell
{
	
	color:black;
	font:11px Arial;
	border:solid 1px white;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-right-color:#ACA899;
	border-bottom-color:#ACA899;
}
.GreenButtonCell
{
	color:black;
	font:11px Arial;
	background: #DCE9AA;
	border:solid 1px white;
	border-right-color:ThreeDShadow;
	border-bottom-color:ThreeDShadow;
	}
	
.buttons
  {
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#fffbe9,endColorStr=#d8d5c4)
			progid:DXImageTransform.Microsoft.Glow(color=black,strength=1)
			progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#555555,strength=2);
	color:Black;
	font:8pt Arial;
	border:none 0px;
	cursor: hand;
	padding-top:1px;
	padding-bottom:1px;
  }

	
/* ============================================ End of Buttons ======================================== */


/* ============================================ Boxes =================================================== */ 
.PasswordBox {
	font-weight: normal;
	font-size: 11px;
	color: #333333;
	background-color: #FFFFFF;
	border: 1px solid #333333;
	clear: none;
	float: left;
	width: 95px;
}
.PlainTextBox {
	font-weight: normal;
	font-size: 11px;
	color: #333333;
	background-color: #FFFFFF;
	border: 1px solid #666666;
	width: 100%;
}
.tb_search{ margin: 0px 0px 0px 0px; position: relative; padding: 0px; display: block;}
 /* ======================================== End of Boxes ===================================================*/



/* ========================== Crumb Trail =================================================*/
.CrumbTrail
{
	font-size: 11px;
	color: #152A75;
	padding-right: 3px;
	margin-bottom: 3px;
	font-family: Arial;
	text-decoration: none;
}
.CrumbTrail:Hover
{
	font-size: 11px;
	color:#53BFD8;
	padding-right: 3px;
	margin-bottom: 3px;
	font-family: Arial;
	text-decoration: underline;
}

/* ========================== Crumb Trail =================================================*/


/* =========================  NEWS SECTION  ================================== */

.NewsFeedLinks
{
	font-size: 10px;
	width: 128px;
	display: block;
	color: #152A75;
	padding: 3px;
	background: #FFFFFF;
	font-family: Arial;
	text-decoration: none;
	border-bottom: 1px solid #0086D3;
}
.NewsFeedLinks:Hover
{
	font-size: 10px;
	display: block;
	width: 128px;
	color:#53BFD8;
	background: #152A75;
	padding: 3px;
	font-family: Arial;
	text-decoration: none;
	border-bottom: 1px solid #0086D3;
}
.NewsCats
{
	width: 100%;
	display: block;
	color: #152A75;
	padding-left: 4px;
	font-size: 11px;
	padding-bottom: 4px;
	padding-top: 4px;
	margin-bottom: 5px;
	margin-top: 5px;
	font-family: Arial;
	background-color: #0086D3;
	border-bottom: 1px solid #152A75;
	text-decoration: none;
}
.NewsDateLine
{  
	font-weight: bold;
	font-size: 11px;
	margin-top: 15px;
	color: #152A75;
	padding-bottom: 3px;
	width: 100%;
	border-bottom: 1px solid #53BFD8;
}

.NewsLinks
{
	width: 100%;
	display: block;
	color: #152A75;
	font-size: 11px;
	padding-bottom: 4px;
	padding-left: 5px;
	padding-top: 4px;
	background-color: #ffffff;
	text-decoration: none;
}
.NewsLinks:Hover
{
	width: 100%;
	display: block;
	color: #ffffff;
	font-size: 11px;
	padding-bottom: 4px;
	padding-top: 4px;
	background-color: #152A75;
	text-decoration: none;
}
.NewsRow
{
	font-size: 11px;
	margin: 0px;
	padding: 5px;
	color: #152A75;
	border-bottom: #cccccc 1px solid;
	cursor: hand;
}
.NewsTitle
{
	font-weight: bold;
	font-size: 12px;
	color: #152A75;
	}
.NewsDate
{
	font-weight: bold;
	font-size: 12px;
	color:#53BFD8;
	}

/*----------------------  HOME PAGE NEWS----*/


.NewsHLink {font-family: Arial, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 0px;
	color: #127FC2;
	padding-bottom: 1px;
	width: 100%;
	letter-spacing: -0.05em; text-decoration: none;}
	
.NewsHLink:hover {font-family: Arial, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 0px;
	color: #127FC2;
	padding-bottom: 1px;
	width: 100%;
	letter-spacing: -0.05em; text-decoration: underline;}
.HomeNewsDateLine
{  
	font-family: Arial, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 0px;
	color: #127FC2;
	padding-bottom: 1px;
	width: 100%;
	letter-spacing: -0.05em;
}
.HomeNewsLinks
{
	width: 100%;
	display: block;
	color: #666666;
	font-size: 11px;
	padding-bottom: 2px;
	padding-top: 4px;
	font-family: Arial, Arial;
	background-color: #ffffff;
	text-decoration: none;
	margin-left: -5px;
	padding-left: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.HomeNewsLinks:Hover
{
	width: 100%;
	display: block;
	color: #ffffff;
	font-size: 11px;
	padding-bottom: 2px;
	padding-top: 4px;
	font-family: Arial, Arial, Sans-Serif;
	background-color: #127FC2;
	text-decoration: none;
}
.HomeNewsLinksBold
{
	margin-top: 0px;
	width: 100%;
	display: block;
	color: #127FC2;
	background: url(images/saglobe.gif) no-repeat left 0px;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 2px;
	padding-top: 0px;
	padding-left: 25px;
	font-family: Arial, Arial;
	background-color: #ffffff;
	text-decoration: none;
}
.HomeNewsLinksBold:Hover
{
	width: 100%;
	display: block;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 2px;
	padding-top: 0px;
	font-family: Arial, Arial;
	background-color: #127FC2;
	text-decoration: none;
}

/* ==============================  END OF NEWS SECTION  ======================================== */

/* =============================== NETWORK HEADERS ============================================== */

.NetworkHeader:Hover
{
	color:#53BFD8;
	width: 100%;
	height: 26px;
	font-size: 13px;
	font-weight:bold;
	padding-left: 5px;
	padding-bottom: 4px;
	padding-top: 4px;
	background-color: #152A75;
	border-bottom: 1px solid #53BFD8;
	border-top: 1px solid #53BFD8;
	text-decoration: none;
}
.NetworkHeader
{
	color: #152A75;
	width: 100%;
	height: 26px;
	font-size: 13px;
	font-weight:bold;
	padding-left: 5px;
	padding-bottom: 4px;
	padding-top: 4px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #53BFD8;
	border-top: 1px solid #53BFD8;
	text-decoration: none;
}
.NetworkRow
{
	color: #152A75;
	font-size: 11px;
	padding: 4px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #0086D3;
	text-decoration: none;
}
.NetworkTitle
{
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	width: 100%;
	margin-bottom: 8px;
	padding: 4px;
	background-color:#53BFD8;
	text-decoration: none;
}
.NetworkOperation
{
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 4px;
	padding-top: 4px;
	background-color:#53BFD8;
	border: 1px solid #0086D3;
	text-decoration: none;
}
.NetworkOpDetails
{
	color: #152A75;
	font-size: 11px;
	padding-bottom: 4px;
	padding-top: 4px;
	background-color: #FFFFFF;
	border: 1px solid #0086D3;
	text-decoration: none;
}
.NetworkServices
{
	color: #152A75;
	font-size: 10px;
	background-color: #FFFFFF;
	border: 1px solid #0086D3;
	text-decoration: none;
}
.NetworkAnchor
{
	color: #FFFFFF;
	font-size: 10px;
	width: auto;
	height:28px;
	padding: 4px;
	padding-left:10px;
	padding-right:10px;
	background-color: #152A75;
	border-top: 1px solid #0086D3;
	border-right: 1px solid #0086D3;
	border-left: 1px solid #0086D3;
	text-decoration: none;
}
.NetworkAnchor:Hover
{
	color: #152A75;
	font-size: 10px;
	width: auto;
	height:28px;
	padding: 4px;
	padding-left:10px;
	padding-right:10px;
	background-color:#53BFD8;
	border-top: 1px solid #0086D3;
	border-right: 1px solid #0086D3;
	border-left: 1px solid #0086D3;
	text-decoration: none;
}
.NetworkLinks
{
	width: 90%;
	display: block;
	color: #152A75;
	font-size: 11px;
	margin-left: 10px;
	padding-left: 10px;
	padding-bottom: 4px;
	padding-top: 4px;
	background-color: #ffffff;
	text-decoration: none;
	border-bottom: 1px solid #0086D3;
}
.NetworkLinks:Hover
{
	width: 90%;
	display: block;
	color: #ffffff;
	font-size: 11px;
	margin-left: 10px;
	padding-left: 10px;
	padding-bottom: 4px;
	padding-top: 4px;
	background-color: #152A75;
	text-decoration: none;
	border-bottom: 1px solid #0086D3;
}
.BlackLink
{
 font: 11px verdana;
 text-decoration: none;
 color: Black;
}
.BlackLink:Hover
{
	font: 11px verdana;
 text-decoration: none;
 color: Red;
	}

/* ========================================= END OF NETWORK ==============================================*/

/* ============================= MENU SYSTEM ==========================================*/

#menudiv
{
	margin: 10px 0px 10px 15px;
	}


.MenuItem
{
	font-weight: normal;
	border: none;
	padding: 5px 10px 5px 5px;
	margin: 0px;
	font-size: 13px;
	color: #666666;
	background-color: #FFFFFF;
	
}

.MenuSubMenu
{
	font-weight: normal;
	text-align: left;
	border: 1px solid #999999;
	padding: 0px;
	margin: 0px;
	font-size: 12px;
	color: #152A75;
}
.SelMenuItem
{
	padding: 5px 10px 5px 5px;
	border-top: none;
	border-bottom: none;
	margin: 0px;
	font-weight: normal;
	font-size: 13px;
	color: #152A75;
	background-color: #FFFFFF;
	}

.UnSelMenuItem
{
	background: #53BFD8;
	border: none;
	padding: 3px;
	font-weight: normal;
	font-size: 12px;
	color: #152A75;
	}


 


/* ============================================== END OF MENU SECTION ==================================*/


/*  ================================ Contact Pages ======================================================*/

.ContactRow
{
	font-size: 11px;
	margin: 0px;
	padding: 5px;
	color: #152A75;
	border-bottom: #cccccc 1px solid;
}
.TextBoxes
{
	font-size: 11px;
	color: #152A75;
	width: 95%;
}

/* ================================== End of Contact Pages ===========================================*/

/* ================================
    CSS STYLES FOR dkpm 
   ================================
*/

	
.HeaderCell
{
	color:black;
	font:11px Arial;
	border:solid 1px;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-right-color:#ACA899;
	border-bottom-color:#ACA899;
}
.EntryCell
{
	background: White;
	color:black;
	font:11px Arial;
	border:solid 1px;
	border-top-color: #000000;
	border-left-color: #000000;
	border-right-color:#ACA899;
	border-bottom-color:#ACA899;
}

.OrangeCell
{
	background: #9EB71E;
	font: 11px Arial;	
}
.FileInput
{
	color:black;
	font:8pt Arial;
	border:solid 1px white;
	border-right-color:ThreeDShadow;
	border-bottom-color:ThreeDShadow;
}
Body
{font-weight: normal;
	font-size: 11px;
	color: #333333;
	padding-bottom: 4px;
	} 
P
{
	margin-top: 0px;
	
}
.BlueText
{	
	font-weight: normal;
	font-size: 11px;
	color: #272082;
	}
	


.SunkenBox
{
	border: 2px inset #FFFFFF;
	padding: 4px;
	background-color: #FFFFFF;
	
}

  .butClass
  {
	border-color: #EAE7D6;
	border-width: 1px;
	border-style: solid;
	padding: 2px;
	font-size: 11px;
	color: #333333;
	font-weight: normal;
	
  }



.LightBlue
{
	background: #DEF1FD
	}
.MediumBlue
{
	background: #BCE3FB
	}	
	
.UFrame
{
	border-right: #DDDDDD 1px solid;
	border-bottom: #DDDDDD 1px solid;
	border-left: #DDDDDD 1px solid;
}

.TemplatePicks
{
	clear: none;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	background-color: #eeeeee;
}


.SearchRowBase
{
	font-size: 10px;
	padding-bottom: 5px;
	color: #666666;
	border-bottom: #cccccc 1px solid;
	font-family: Arial;
	text-align: justify;
}

.PicCol
{	
	width: 150px;
	padding-left: 4px;
	padding-right: 4px;
} 
.FileLinkCell
{
	padding-left: 5px;
	border-bottom: 1px solid #0086D3;
}
.LocalPageHeader
{	padding: 3px;
	font-size: 11px;
	width: 135px;
	font-family: Arial;
	background-color: #152A75;
	color:#53BFD8;
}

.DirectoryCell
{
	font-weight: normal;
	font-size: 10px;
	border-bottom: 1px solid #0086D3;
}
.DirectoryCellAlt
{
	font-weight: normal;
	font-size: 10px;
	background-color: #EEEEEE;
	border-bottom: 1px solid #0086D3;
}
.MonoType
{	font-family: Lucida Console, Courier;
	font-size: 11px;
	}
/*------ Fuel Graph---*/

.CurrentFuel { text-align: center; border: 3px solid #152A75; font-size: 15px; font-weight: bold; color: #152A75; width: 200px; padding: 5px; float: left; margin: 0px 10px 20px 0px; border: 1px sloid #666666;}
.CurrentFuelTitle { background-color: #0086D3; font-size: 13px; font-weight: bold; padding: 5px 0px 5px 0px; margin: 0px}

.IntraLoginTitle
{
		font-size: 20px;
	color: #0086D3;
	display: block;
	float: left;
	}
.Intralink
{
	display: block;
	background-image: url(images/go.gif);
	background-repeat: no-repeat;
	background-position: right center;
	width: 25px;
	height: 25px;
	}

.FuelTableTitle
{
	font-size: 11px;
	font-weight: bold;
	}
.PricingTable
{
	font-size: 12px;
	margin: 5px 0 10px 0;
	border: 1px solid #333;
	}
.PricingTable td
{
	padding: 6px;
}	
.PriceTitleCell
{
	
	background: #333;
	color: #fff;
	font-weight: bold;
	}
.CurrentPriceCell
{
	background: #FFFF66;
	color: #333;
	font-weight: bold;
}