//*********************************************************************
// Purpose: Use this function to create buttons in the Browser Services
//			Example: "Save, Edit, Cancel, Delete, Add,..."
//*********************************************************************

function Button(sText, sLink){
var strButton, strTarget
	strButton = "<table border='0' bgcolor='#89B4D9' cellspacing='0' cellpadding='0'>"
	strButton += "<tr>"
	strButton += "<td width='2' height='2' valign='top' align='left' background=' Images/Button/TopTile.gif'><img border='0' src='Images/Button/LeftTopCorner.gif' width='2' height='2'></td>"
	strButton += "<td background=' Images/Button/TopTile.gif' height='2'><img border='0' src=' Images/Button/TopTile.gif' width='2' height='2'></td>"
	strButton += "<td width='2' height='2' valign='top' align='right' background=' Images/Button/TopTile.gif'><img border='0' src=' Images/Button/RightTopCorner.gif' width='2' height='2'></td>"
	strButton += "</tr>"
	strButton += "<tr>"
	strButton += "<td width='2' height='2' background=' Images/Button/LeftTile.gif' valign='top'><img border='0' src=' Images/Button/LeftTile.gif' width='2' height='17'></td>"
	strButton += "<td align='center' valign='middle' ><a class='Button' href='" + sLink + "' target='" + strTarget + "'>&#160;" + sText + "&#160;</a></td>"
	strButton += "<td width='2' height='2' background=' Images/Button/RightTile.gif' align='left'><img border='0' src=' Images/Button/RightTile.gif' width='2' height='17'></td>"
	strButton += "</tr>"
	strButton += "<tr>"
	strButton += "<td width='2' height='2' valign='bottom' align='left' background=' Images/Button/BottomTile.gif'><img border='0' src=' Images/Button/LeftBottomCorner.gif' width='2' height='2'></td>"
	strButton += "<td height='2' background=' Images/Button/BottomTile.gif' height='2'><img border='0' src=' Images/Button/BottomTile.gif' width='2' height='2'></td>"
	strButton += "<td width='2' height='2' valign='bottom' align='right' background=' Images/Button/BottomTile.gif'><img border='0' src=' Images/Button/RightBottomCorner.gif' width='2' height='2'></td>"
	strButton += "</tr>"
	strButton += "</table>"
	
	return strButton
}


//*********************************************************************
// Purpose: Use this function to create Page Header
//			
//*********************************************************************


function Header(sText){
var strPGHeader
	strButton = "<table border='0' cellspacing='0' cellpadding='0' width='100%' height='16'>"
	strButton += "<tr>"
	strButton += "<td width='32' valign='top' align='right' height='16'>"
	strButton += "<table border='0' width='32' cellspacing='0' cellpadding='0'>"
	strButton += "<tr>"
	strButton += "<td width='100%' height='10'></td>"
	strButton += "</tr>"
	strButton += "<tr>"
	strButton += "<td width='5%' height='1' bgcolor='#89B4D9'><img border='0' src='Images/Interface/BlueBorder1px.gif' height='1'></td>"
	strButton += "</tr>"
	strButton += "</table>"
	strButton += "</td>"
	strButton += "<td width='95%' height='16' bgcolor='#89B4D9'>"
	strButton += "<table border='0' width='100%' cellspacing='1'>"
	strButton += "<tr>"
	strButton += "<td width='100%' bgcolor='#FFFFFF' height='16' class='PGHeader'>&#160;" + sText + "&#160;</td>"
	strButton += "</tr>"
	strButton += "</table>"
	strButton += "</td>"
	strButton += "</tr>"
	strButton += "</table>"

	return strButton
}

//*********************************************************************
// Purpose: Use this function to Sub Page Banners
//			
//*********************************************************************

function Banner(sText, sImage){
var strPGBanner
	
	strButton = "<table border='0' width='100%' cellspacing='0' cellpadding='0'>"
	strButton += "<tr>"
	strButton += "<td width='1' height='1' bgcolor='#89B4D9'><img border='0' src='Images/Interface/BlueBorder1px.gif' width='1' height='1'></td>"
	strButton += "<td width='1' height='1' bgcolor='#89B4D9'><img border='0' src='Images/Interface/BlueBorder1px.gif' width='1' height='1'></td>"
	strButton += "</tr>"
	strButton += "<tr>"
	strButton += "<td width='1' height='1' bgcolor='#89B4D9'><img border='0' src='Images/Interface/BlueBorder1px.gif' width='1' height='1'></td>"
	strButton += "<td valign='baseline' align='left'>"
	strButton += "<table border='0' cellspacing='0' cellpadding='0'>"
	strButton += "<tr>"
	strButton += "<td width='100%'>"
	strButton += "<table border='0' cellspacing='0' cellpadding='0'>"
	strButton += "<tr>"
	strButton += "<td width='23' valign='middle' align='left'><img border='0' src='" + sImage +"'></td>"
        strButton += "<td valign='middle' align='left' class='IconBanner'>&#160;" + sText + "&#160;&#160;&#160;</td>"
        strButton += "</tr>"
        strButton += "</table>"
	strButton += "</td>"
        strButton += "</tr>"
        strButton += "<tr>"
        strButton += "<td height='1' background='Images/shared/BannerIcons/BottomTile.gif' aligh='left'><img border='0' src='Images/shared/BannerIcons/BottomTile.gif' width='1' height='1'></td>"
        strButton += "</tr>"
        strButton += "</table>"
        strButton += "</td>"
        strButton += "</tr>"
	strButton += "</table>"

	return strButton
}