Click here to Skip to main content
Click here to Skip to main content
Articles » Web Development » ASP.NET » Data » Downloads
 
Add your own
alternative version

Generic Paging for Recordset with Next Back Navigation

, 20 Jun 2005
This article is basically about a Paging control required for project purposes. One can use this just by changing three parameters.
Paging_src.zip
Paging
bin
Paging.dll
Global.asax
Paging.csproj.webinfo
style
_vti_cnf
_vti_pvt
access.cnf
deptodoc.btr
doctodep.btr
service.cnf
service.lck
services.cnf
_vti_script
_vti_txt
BODY {
	BACKGROUND-COLOR: #ffffff; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: x-small; MARGIN: 0px; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#HEADER {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BORDER-RIGHT: 0px; BORDER-TOP: 0px; WIDTH: 100%
}
#BODY {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BORDER-RIGHT: 0px; BORDER-TOP: 0px; WIDTH: 100%
}
#FOOTERS {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BORDER-RIGHT: 0px; BORDER-TOP: 0px; WIDTH: 100%
}
#PAGELAYOUT1 {
	HEIGHT: 1px; WIDTH: 12px
}
#PAGELAYOUT1 IMG {
	HEIGHT: 1px; WIDTH: 12px
}
#PAGELAYOUT3 {
	HEIGHT: 1px; WIDTH: 12px
}
#PAGELAYOUT3 IMG {
	HEIGHT: 1px; WIDTH: 12px
}
#PAGELAYOUT5 {
	HEIGHT: 1px; WIDTH: 12px
}
#PAGELAYOUT5 IMG {
	HEIGHT: 1px; WIDTH: 12px
}
#PAGELAYOUT7 {
	HEIGHT: 1px; WIDTH: 12px
}
#PAGELAYOUT7 IMG {
	HEIGHT: 1px; WIDTH: 12px
}
#PAGELAYOUT2 {
	HEIGHT: 1px; WIDTH: 142px
}
#PAGELAYOUT2 IMG {
	HEIGHT: 1px; WIDTH: 142px
}
#PAGELAYOUT4 {
	HEIGHT: 1px; WIDTH: 210px
}
#PAGELAYOUT4 IMG {
	HEIGHT: 1px; WIDTH: 210px
}
#PAGELAYOUT6 {
	HEIGHT: 1px; WIDTH: 99%
}
#PAGELAYOUT6 IMG {
	HEIGHT: 1px; WIDTH: 374px
}
#HOMEPAGE #PAGELAYOUT1 {
	HEIGHT: 1px; WIDTH: 60px
}
#HOMEPAGE #PAGELAYOUT1 IMG {
	HEIGHT: 1px; WIDTH: 60px
}
#HOMEPAGE #PAGELAYOUT3 {
	HEIGHT: 1px; WIDTH: 60px
}
#HOMEPAGE #PAGELAYOUT3 IMG {
	HEIGHT: 1px; WIDTH: 60px
}
#HOMEPAGE #PAGELAYOUT2 {
	HEIGHT: 1px; WIDTH: 99%
}
#HOMEPAGE #PAGELAYOUT2 IMG {
	HEIGHT: 1px; WIDTH: 360px
}
#HOMEPAGE #PAGELAYOUT4 {
	HEIGHT: 1px; WIDTH: 20px
}
#HOMEPAGE #PAGELAYOUT4 IMG {
	HEIGHT: 1px; WIDTH: 20px
}
#HOMEPAGE #PAGELAYOUT5 {
	HEIGHT: 1px; WIDTH: 230px
}
#HOMEPAGE #PAGELAYOUT5 IMG {
	HEIGHT: 1px; WIDTH: 230px
}
#HOMEPAGE #PAGELAYOUT6 {
	HEIGHT: 1px; WIDTH: 40px
}
#HOMEPAGE #PAGELAYOUT6 IMG {
	HEIGHT: 1px; WIDTH: 40px
}
#HOMEPAGE #BANNERLEFT {
	BACKGROUND-IMAGE: url(../img/bg-home-left-60x4.gif); HEIGHT: 210px; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#HOMEPAGE #BANNERCENTER {
	BACKGROUND-IMAGE: url(../img/bg-home-center-1x4.gif); HEIGHT: 210px; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#HOMEPAGE #BANNERCENTER IMG {
	HEIGHT: 180px; WIDTH: 360px
}
#HOMEPAGE #BANNERRIGHT {
	BACKGROUND-IMAGE: url(../img/bg-home-right-60x4.gif); HEIGHT: 210px; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
H1 #TITLE {
	COLOR: #16254e; FONT-SIZE: 16px; FONT-WEIGHT: bold; MARGIN: 0px; PADDING-BOTTOM: 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 5px
}
H1 {
	COLOR: #16254e; FONT-SIZE: 16px; FONT-WEIGHT: bold; MARGIN: 0px; PADDING-BOTTOM: 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 5px
}
#LOGO {
	PADDING-BOTTOM: 15px; PADDING-LEFT: 0px; PADDING-RIGHT: 12px; PADDING-TOP: 4px; TEXT-ALIGN: right
}
#SECUREPAGE #LOGO {
	PADDING-BOTTOM: 15px; PADDING-LEFT: 0px; PADDING-RIGHT: 12px; PADDING-TOP: 4px; TEXT-ALIGN: right
}
#HOMEPAGE #LOGO {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 13px; PADDING-RIGHT: 36px; PADDING-TOP: 2px; TEXT-ALIGN: right
}
#LOGO IMG {
	HEIGHT: 80px; WIDTH: 320px
}
#SECUREPAGE #LOGO IMG {
	HEIGHT: 80px; WIDTH: 320px
}
#HOMEPAGE #LOGO IMG {
	HEIGHT: 80px; WIDTH: 320px
}
#QUICKSEARCH {
	COLOR: #16254e; FONT-SIZE: 10px; PADDING-BOTTOM: 0px; PADDING-LEFT: 13px; PADDING-RIGHT: 0px; PADDING-TOP: 11px; VERTICAL-ALIGN: top
}
#QUICKSEARCH A {
	COLOR: #16254e; MARGIN-RIGHT: 6px; TEXT-DECORATION: none; TEXT-TRANSFORM: lowercase
}
#QUICKSEARCH A:link {
	COLOR: #16254e; MARGIN-RIGHT: 6px; TEXT-DECORATION: none; TEXT-TRANSFORM: lowercase
}
#QUICKSEARCH A:active {
	COLOR: #16254e; MARGIN-RIGHT: 6px; TEXT-DECORATION: none; TEXT-TRANSFORM: lowercase
}
#QUICKSEARCH A:visited {
	COLOR: #16254e; MARGIN-RIGHT: 6px; TEXT-DECORATION: none; TEXT-TRANSFORM: lowercase
}
#QUICKSEARCH A:hover {
	COLOR: #856c58; TEXT-DECORATION: none
}
#QUICKSEARCH INPUT.box {
	BORDER-BOTTOM: #c4c5c5 1px solid; BORDER-LEFT: #c4c5c5 1px solid; BORDER-RIGHT: #c4c5c5 1px solid; BORDER-TOP: #c4c5c5 1px solid; COLOR: #16254e; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 10px; HEIGHT: 16px; MARGIN-RIGHT: 6px; PADDING-BOTTOM: 1px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; PADDING-TOP: 0px; WIDTH: 120px
}
#SEARCHBOX {	
padding: 5px 0px 0px 0px; color: #16254e;  font-size: 10px; vertical-align: middle;	border: 0;	border-collapse: collapse; }

#MAINMENU1 {
	FONT-SIZE: 14px; PADDING-BOTTOM: 10px; PADDING-LEFT: 12px; PADDING-RIGHT: 0px; PADDING-TOP: 10px
}
#MAINMENU1 A {
	COLOR: #999999; FONT-WEIGHT: bold; TEXT-DECORATION: none; TEXT-TRANSFORM: capitalize
}
#MAINMENU1 A:link {
	COLOR: #999999; FONT-WEIGHT: bold; TEXT-DECORATION: none; TEXT-TRANSFORM: capitalize
}
#MAINMENU1 A:active {
	COLOR: #999999; FONT-WEIGHT: bold; TEXT-DECORATION: none; TEXT-TRANSFORM: capitalize
}
#MAINMENU1 A:visited {
	COLOR: #999999; FONT-WEIGHT: bold; TEXT-DECORATION: none; TEXT-TRANSFORM: capitalize
}
#MAINMENU1 A:hover {
	COLOR: #000000; TEXT-DECORATION: none
}
#MAINMENU1 A.selected {
	COLOR: #16254e
}
#MAINMENU1 A.selected:link {
	COLOR: #16254e
}
#MAINMENU1 A.selected:active {
	COLOR: #16254e
}
#MAINMENU1 A.selected:visited {
	COLOR: #16254e
}
#MAINMENU1 A.selected:hover {
	COLOR: #000000; TEXT-DECORATION: none
}
#HOMEPAGE #MAINMENU1 {
	PADDING-BOTTOM: 10px; PADDING-LEFT: 60px; PADDING-RIGHT: 0px; PADDING-TOP: 10px
}
#HOMEPAGE #MAINMENU1 A {
	COLOR: #999999; FONT-WEIGHT: bold; TEXT-DECORATION: none; TEXT-TRANSFORM: capitalize
}
#HOMEPAGE #MAINMENU1 A:link {
	COLOR: #999999; FONT-WEIGHT: bold; TEXT-DECORATION: none; TEXT-TRANSFORM: capitalize
}
#HOMEPAGE #MAINMENU1 A:active {
	COLOR: #999999; FONT-WEIGHT: bold; TEXT-DECORATION: none; TEXT-TRANSFORM: capitalize
}
#HOMEPAGE #MAINMENU1 A:visited {
	COLOR: #999999; FONT-WEIGHT: bold; TEXT-DECORATION: none; TEXT-TRANSFORM: capitalize
}
#HOMEPAGE #MAINMENU1 A:hover {
	COLOR: #000000; TEXT-DECORATION: none
}
#SECUREPAGE #MAINMENUS TABLE {
	WIDTH: 100%
}
#SECUREPAGE #MAINMENUS #CLIENTLOGO {
	PADDING-BOTTOM: 5px; PADDING-LEFT: 12px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#SECUREPAGE #MAINMENU1 {
	FONT-SIZE: 11px; PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 12px; PADDING-TOP: 10px; TEXT-ALIGN: right
}
#SECUREPAGE #MAINMENU1 A {
	COLOR: #16254e; FONT-WEIGHT: bold; TEXT-DECORATION: none; TEXT-TRANSFORM: lowercase
}
#SECUREPAGE #MAINMENU1 A:link {
	COLOR: #16254e; FONT-WEIGHT: bold; TEXT-DECORATION: none; TEXT-TRANSFORM: lowercase
}
#SECUREPAGE #MAINMENU1 A:active {
	COLOR: #16254e; FONT-WEIGHT: bold; TEXT-DECORATION: none; TEXT-TRANSFORM: lowercase
}
#SECUREPAGE #MAINMENU1 A:visited {
	COLOR: #16254e; FONT-WEIGHT: bold; TEXT-DECORATION: none; TEXT-TRANSFORM: lowercase
}
#SECUREPAGE #MAINMENU1 A:hover {
	COLOR: #000000; TEXT-DECORATION: none
}
#MAINMENU2 TABLE {
	WIDTH: 100%
}
#PAGE #LOGIN {
	COLOR: #16254e; FONT-SIZE: 10px; PADDING-BOTTOM: 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 12px; PADDING-TOP: 7px; TEXT-ALIGN: right
}
#PAGE #LOGIN INPUT.button {
	BACKGROUND-COLOR: #d0d0d0; BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; COLOR: #16254e; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 10px; HEIGHT: 16px; MARGIN-LEFT: 6px; PADDING-BOTTOM: 1px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; PADDING-TOP: 0px; WIDTH: 60px
}
#HOMEPAGE #LOGIN {
	HEIGHT: 210px; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px; VERTICAL-ALIGN: top
}
#HOMEPAGE #LOGIN TABLE {
	WIDTH: 100%
}
#HOMEPAGE #LOGIN TD {
	COLOR: #16254e; FONT-SIZE: 11px; PADDING-BOTTOM: 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#HOMEPAGE #LOGIN INPUT.button {
	BACKGROUND-COLOR: #eee9e5; BORDER-BOTTOM: #d6cac1 1px solid; BORDER-LEFT: #d6cac1 1px solid; BORDER-RIGHT: #d6cac1 1px solid; BORDER-TOP: #d6cac1 1px solid; COLOR: #16254e; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 10px; HEIGHT: 20px; PADDING-BOTTOM: 1px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; PADDING-TOP: 0px; WIDTH: 120px
}
#HOMEPAGE #LOGIN INPUT.box {
	BACKGROUND-COLOR: #eee9e5; BORDER-BOTTOM: #d6cac1 1px solid; BORDER-LEFT: #d6cac1 1px solid; BORDER-RIGHT: #d6cac1 1px solid; BORDER-TOP: #d6cac1 1px solid; COLOR: #16254e; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 10px; HEIGHT: 16px; PADDING-BOTTOM: 1px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; PADDING-TOP: 0px; WIDTH: 120px
}
#HOMEPAGE #LOGIN TABLE TD IMG {
	MARGIN-RIGHT: 10px
}
#SECUREPAGE #LOGIN {
	COLOR: #16254e; FONT-SIZE: x-small; FONT-WEIGHT: bold; MARGIN-TOP: 0px
}
#PNAV {
	COLOR: #856c58; FONT-SIZE: 10px; PADDING-BOTTOM: 4px; PADDING-LEFT: 0px; PADDING-RIGHT: 12px; PADDING-TOP: 0px; TEXT-ALIGN: right
}
#PNAV1 {
	COLOR: #856c58; FONT-SIZE: 10px; PADDING-BOTTOM: 10px; PADDING-LEFT: 12px; PADDING-RIGHT: 15px; PADDING-TOP: 10px; TEXT-ALIGN: right
}
#PNAV1 A {
	COLOR: #856c58; FONT-SIZE: 10px; TEXT-DECORATION: none; TEXT-TRANSFORM: capitalize
}
#PNAV1 A:link {
	COLOR: #856c58; FONT-SIZE: 10px; TEXT-DECORATION: none; TEXT-TRANSFORM: capitalize
}
#PNAV1 A:active {
	COLOR: #856c58; FONT-SIZE: 10px; TEXT-DECORATION: none; TEXT-TRANSFORM: capitalize
}
#PNAV1 A:visited {
	COLOR: #856c58; FONT-SIZE: 10px; TEXT-DECORATION: none; TEXT-TRANSFORM: capitalize
}
#PNAV1 A:hover {
	COLOR: #16254e; TEXT-DECORATION: none
}
#PNAV A {
	COLOR: #856c58; FONT-SIZE: 10px; TEXT-DECORATION: none; TEXT-TRANSFORM: capitalize
}
#PNAV A:link {
	COLOR: #856c58; FONT-SIZE: 10px; TEXT-DECORATION: none; TEXT-TRANSFORM: capitalize
}
#PNAV A:active {
	COLOR: #856c58; FONT-SIZE: 10px; TEXT-DECORATION: none; TEXT-TRANSFORM: capitalize
}
#PNAV A:visited {
	COLOR: #856c58; FONT-SIZE: 10px; TEXT-DECORATION: none; TEXT-TRANSFORM: capitalize
}
#PNAV A:hover {
	COLOR: #16254e; TEXT-DECORATION: none
}
#SECMENU {
	PADDING-TOP: 5px; VERTICAL-ALIGN: top
}
#SECMENU TABLE {
	WIDTH: 100%
}
#SECMENU TABLE TD {
	BORDER-BOTTOM: #16254e 1px dotted; FONT-SIZE: 11px; PADDING-BOTTOM: 6px; PADDING-LEFT: 1px; PADDING-RIGHT: 0px; PADDING-TOP: 6px
}
#SECMENU TABLE TD.first {
	BORDER-TOP: #16254e 1px dotted
}
#SECMENU TABLE TD.selected {
	FONT-WEIGHT: bold
}
#SECMENU TABLE TABLE TD {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BORDER-RIGHT: 0px; BORDER-TOP: 0px; PADDING-BOTTOM: 2px; PADDING-LEFT: 10px; PADDING-RIGHT: 0px; PADDING-TOP: 2px
}
#SECMENU TABLE TABLE TD.selected {
	BACKGROUND: url(../img/icon-left-5x7.gif) no-repeat 0px 6px; FONT-WEIGHT: normal
}
#SECMENU TABLE A {
	COLOR: #16254e; TEXT-DECORATION: none
}
#SECMENU TABLE A:link {
	COLOR: #16254e; TEXT-DECORATION: none
}
#SECMENU TABLE A:active {
	COLOR: #16254e; TEXT-DECORATION: none
}
#SECMENU TABLE A:visited {
	COLOR: #16254e; TEXT-DECORATION: none
}
#SECMENU tablea:hover {
	COLOR: #000000; TEXT-DECORATION: none
}
#RELMENU {
	FONT-SIZE: 11px; VERTICAL-ALIGN: top
}
#RELMENU IMG.pageimage {
	MARGIN: 5px 0px 10px; WIDTH: 210px
}
#RELMENU TABLE {
	BORDER-LEFT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; MARGIN-BOTTOM: 10px; WIDTH: 100%
}
#RELMENU TABLE TH {
	BORDER-BOTTOM: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; COLOR: #16254e; FONT-SIZE: 11px; PADDING-BOTTOM: 3px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-TOP: 1px
}
#RELMENU TABLE TD {
	BORDER-BOTTOM: #d4d4d4 1px solid; BORDER-RIGHT: #d4d4d4 1px solid; FONT-SIZE: 11px; PADDING-BOTTOM: 1px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-TOP: 1px; VERTICAL-ALIGN: top
}
#RELMENU TABLE.relmenu {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BORDER-RIGHT: 0px; BORDER-TOP: 0px; MARGIN: 0px 0px 10px; WIDTH: 100%
}
#MIDDLECONTENT TABLE {
	BORDER-LEFT: #cccccc 0px solid; BORDER-TOP: #cccccc 0px solid; MARGIN-BOTTOM: 0px; WIDTH: 100%
}
#MIDDLECONTENT TABLE TH {
	BORDER-BOTTOM: #cccccc 0px solid; BORDER-RIGHT: #cccccc 0px solid; COLOR: #16254e; FONT-SIZE: 11px; PADDING-BOTTOM: 3px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-TOP: 1px
}
#MIDDLECONTENT TABLE TD {
	BORDER-BOTTOM: #d4d4d4 0px solid; BORDER-RIGHT: #d4d4d4 0px solid; FONT-SIZE: 11px; PADDING-BOTTOM: 1px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-TOP: 1px; VERTICAL-ALIGN: top
}
#MIDDLECONTENT TABLE.middlecontent {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BORDER-RIGHT: 0px; BORDER-TOP: 0px; MARGIN: 0px 0px 10px; WIDTH: 100%
}
#SECUREPAGE #MAINCONTENT TABLE.relmenu {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BORDER-RIGHT: 0px; BORDER-TOP: 0px; MARGIN: 0px 0px 10px; WIDTH: 210px
}
#RELMENU TABLE.relmenu TD {
	BACKGROUND: url(../img/icon-left-5x7.gif) no-repeat 0px 4px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BORDER-RIGHT: 0px; BORDER-TOP: 0px; COLOR: #16254e; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#SECUREPAGE #MAINCONTENT TABLE.relmenu TD {
	BACKGROUND: url(../img/icon-left-5x7.gif) no-repeat 0px 4px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BORDER-RIGHT: 0px; BORDER-TOP: 0px; COLOR: #16254e; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#RELMENU H2.relmenu {
	BACKGROUND: #efefef; BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; COLOR: #16254e; FONT-SIZE: 11px; FONT-WEIGHT: bold; MARGIN: 5px 0px; PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; PADDING-TOP: 1px; TEXT-ALIGN: center; WIDTH: 100%
}
#RELMENU H2.relmenu {
	BACKGROUND: #efefef; BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; COLOR: #16254e; FONT-SIZE: 11px; FONT-WEIGHT: bold; MARGIN: 5px 0px; PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; PADDING-TOP: 1px; TEXT-ALIGN: center; WIDTH: 210px
}
#SECUREPAGE #MAINCONTENT H2.relmenu {
	BACKGROUND: #efefef; BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; COLOR: #16254e; FONT-SIZE: 11px; FONT-WEIGHT: bold; MARGIN: 5px 0px; PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; PADDING-TOP: 1px; TEXT-ALIGN: center; WIDTH: 210px
}
#RELMENU TABLE.relmenu TD.selected {
	BACKGROUND: url(../img/icon-left-beige-5x7.gif) no-repeat 0px 4px
}
#SECUREPAGE #MAINCONTENT TABLE.relmenu TD.selected {
	BACKGROUND: url(../img/icon-left-beige-5x7.gif) no-repeat 0px 4px
}
#RELMENU TABLE.relmenu A {
	COLOR: #16254e; TEXT-DECORATION: none
}
#RELMENU TABLE.relmenu A:link {
	COLOR: #16254e; TEXT-DECORATION: none
}
#RELMENU TABLE.relmenu A:active {
	COLOR: #16254e; TEXT-DECORATION: none
}
#RELMENU TABLE.relmenu A:visited {
	COLOR: #16254e; TEXT-DECORATION: none
}
#SECUREPAGE #MAINCONTENT TABLE.relmenu A {
	COLOR: #16254e; TEXT-DECORATION: none
}
#SECUREPAGE #MAINCONTENT TABLE.relmenu A:link {
	COLOR: #16254e; TEXT-DECORATION: none
}
#SECUREPAGE #MAINCONTENT TABLE.relmenu A:active {
	COLOR: #16254e; TEXT-DECORATION: none
}
#SECUREPAGE #MAINCONTENT TABLE.relmenu A:visited {
	COLOR: #16254e; TEXT-DECORATION: none
}
#RELMENU TABLE.relmenu A:hover {
	COLOR: #856c58; TEXT-DECORATION: none
}
#SECUREPAGE #MAINCONTENT TABLE.relmenu A:hover {
	COLOR: #856c58; TEXT-DECORATION: none
}
#RELMENU TABLE.relmenu TD.selected A {
	COLOR: #856c58
}
#RELMENU TABLE.relmenu TD.selected A:link {
	COLOR: #856c58
}
#RELMENU TABLE.relmenu TD.selected A:active {
	COLOR: #856c58
}
#RELMENU TABLE.relmenu TD.selected A:visited {
	COLOR: #856c58
}
#SECUREPAGE #MAINCONTENT TABLE.relmenu TD.selected A {
	COLOR: #856c58
}
#SECUREPAGE #MAINCONTENT TABLE.relmenu TD.selected A:link {
	COLOR: #856c58
}
#SECUREPAGE #MAINCONTENT TABLE.relmenu TD.selected A:active {
	COLOR: #856c58
}
#SECUREPAGE #MAINCONTENT TABLE.relmenu TD.selected A:visited {
	COLOR: #856c58
}
#RELMENU TABLE.relmenu TD.selected A:hover {
	COLOR: #16254e; TEXT-DECORATION: none
}
#SECUREPAGE #MAINCONTENT TABLE.relmenu TD.selected A:hover {
	COLOR: #16254e; TEXT-DECORATION: none
}
#FOOTER1 {
	BORDER-BOTTOM: #cccccc 1px solid; FONT-SIZE: 9px; PADDING-BOTTOM: 20px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 20px; TEXT-ALIGN: right
}
#FOOTER1 A {
	COLOR: #16254e; PADDING-BOTTOM: 0px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px; PADDING-TOP: 0px; TEXT-DECORATION: none; TEXT-TRANSFORM: lowercase
}
#FOOTER1 A:link {
	COLOR: #16254e; PADDING-BOTTOM: 0px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px; PADDING-TOP: 0px; TEXT-DECORATION: none; TEXT-TRANSFORM: lowercase
}
#FOOTER1 A:active {
	COLOR: #16254e; PADDING-BOTTOM: 0px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px; PADDING-TOP: 0px; TEXT-DECORATION: none; TEXT-TRANSFORM: lowercase
}
#FOOTER1 A:visited {
	COLOR: #16254e; PADDING-BOTTOM: 0px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px; PADDING-TOP: 0px; TEXT-DECORATION: none; TEXT-TRANSFORM: lowercase
}
#FOOTER1 A:hover {
	COLOR: #000000; TEXT-DECORATION: none
}
#FOOTER1 A SPAN {
	BACKGROUND: url(../img/icon-top-9x7.gif) no-repeat 100% 2px; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 15px; PADDING-TOP: 0px
}
#FOOTER12
{border-bottom: 0px solid #cccccc;padding: 20px 0 20px 0;text-align: right;font-size : 9px;}
#FOOTER12  a, #FOOTER12  a:link, #FOOTER12  a:active, #FOOTER12  a:visited
{padding: 0 12px 0 12px;color: #16254e;text-decoration: none;text-transform: lowercase;}
 #FOOTER12 a:hover
{color: #000000;text-decoration: none;}
#FOOTER12  a span
{padding: 0 15px 0 0;background : url(../img/icon-top-9x7.gif) no-repeat 100% 2px;}
#FOOTER11
{border-bottom: 0px solid #cccccc;padding: 20px 0 20px 0;text-align: left;font-size : 9px;}
#FOOTER11  a, #FOOTER11  a:link, #FOOTER11  a:active, #FOOTER11  a:visited
{padding: 0 12px 0 12px;color: #16254e;text-decoration: none;text-transform: lowercase;}
 #FOOTER11 a:hover
{color: #000000;text-decoration: none;}
#FOOTER11  a span
{padding: 0 15px 0 0;background : url(../img/icon-bottom-9x7.gif) no-repeat 100% 2px;}
#HOMEPAGE #FOOTER1 {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BORDER-RIGHT: 0px; BORDER-TOP: 0px; COLOR: #16254e; FONT-SIZE: 11px; FONT-WEIGHT: bold; PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; PADDING-TOP: 1px; TEXT-ALIGN: justify
}
#FOOTER2 {
	COLOR: #16254e; FONT-SIZE: 14px; FONT-WEIGHT: bold; PADDING-BOTTOM: 20px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px; PADDING-TOP: 20px; TEXT-ALIGN: right; TEXT-DECORATION: none; TEXT-TRANSFORM: uppercase
}
#HOMEPAGE #LOGIN #FOOTER2 {
	COLOR: #16254e; FONT-SIZE: 14px; FONT-WEIGHT: bold; PADDING-TOP: 35px; TEXT-ALIGN: justify; TEXT-TRANSFORM: uppercase
}
#FOOTER3 {
	COLOR: #856c58; FONT-SIZE: 9px; PADDING-BOTTOM: 30px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px; PADDING-TOP: 0px; TEXT-ALIGN: right
}
#FOOTER3 A {
	COLOR: #16254e; TEXT-DECORATION: none; TEXT-TRANSFORM: lowercase
}
#FOOTER3 A:link {
	COLOR: #16254e; TEXT-DECORATION: none; TEXT-TRANSFORM: lowercase
}
#FOOTER3 A:active {
	COLOR: #16254e; TEXT-DECORATION: none; TEXT-TRANSFORM: lowercase
}
#FOOTER3 A:visited {
	COLOR: #16254e; TEXT-DECORATION: none; TEXT-TRANSFORM: lowercase
}
#FOOTER3 A:hover {
	COLOR: #856c58; TEXT-DECORATION: none
}
#FOOTER3 A.beige {
	COLOR: #856c58
}
#FOOTER3 A.beige:link {
	COLOR: #856c58
}
#FOOTER3 A.beige:active {
	COLOR: #856c58
}
#FOOTER3 A.beige:visited {
	COLOR: #856c58
}
#FOOTER3 A.beige:hover {
	COLOR: #16254e; TEXT-DECORATION: none
}
#HOMEPAGE #FOOTER3 {
	COLOR: #856c58; FONT-SIZE: 9px; PADDING-BOTTOM: 20px; PADDING-LEFT: 0px; PADDING-RIGHT: 40px; PADDING-TOP: 20px; TEXT-ALIGN: right
}
#PAGE #MAINCONTENT {
	FONT-SIZE: 13px; PADDING-BOTTOM: 0px; PADDING-LEFT: 1px; PADDING-RIGHT: 0px; PADDING-TOP: 35px; VERTICAL-ALIGN: top
}
#PAGE #MIDDLECONTENT {
	FONT-SIZE: 13px; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px; VERTICAL-ALIGN: top
}
#PAGE #MAINCONTENT P {
	MARGIN-TOP: 0px; PADDING-TOP: 0px
}
#PAGE #MAINCONTENT H1 {
	COLOR: #16254e; FONT-SIZE: 10px; FONT-WEIGHT: bold; MARGIN-TOP: 0px; PADDING-TOP: 0px
}
#PAGE #MAINCONTENT H2 {
	COLOR: #16254e; FONT-SIZE: x-small; FONT-WEIGHT: bold; MARGIN-BOTTOM: 0px
}
#PAGE #MAINCONTENT IMG#CLIENTLOGO {
	MARGIN-BOTTOM: 10px
}
#PAGE #MAINCONTENT TABLE {
	BORDER-LEFT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; MARGIN-BOTTOM: 10px; WIDTH: 100%
}
#PAGE #MAINCONTENT TABLE TH {
	BORDER-BOTTOM: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; COLOR: #16254e; FONT-SIZE: x-small; PADDING-BOTTOM: 3px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-TOP: 1px
}
#PAGE #MAINCONTENT TABLE TD {
	BORDER-BOTTOM: #d4d4d4 1px solid; BORDER-RIGHT: #d4d4d4 1px solid; FONT-SIZE: x-small; PADDING-BOTTOM: 1px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-TOP: 1px; VERTICAL-ALIGN: top
}
/*
#PAGE #MIDDLECONTENT TABLE {
	BORDER-LEFT: #cccccc 0px solid; BORDER-TOP: #cccccc 0px solid; MARGIN-BOTTOM: 10px; WIDTH: 100%
}
#PAGE #MIDDLECONTENT TABLE TH {
	BORDER-BOTTOM: #cccccc 0px solid; BORDER-RIGHT: #cccccc 0px solid; COLOR: #16254e; FONT-SIZE: 11px; PADDING-BOTTOM: 3px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-TOP: 1px
}
#PAGE #MIDDLECONTENT TABLE TD {
	BORDER-BOTTOM: #d4d4d4 0px solid; BORDER-RIGHT: #d4d4d4 0px solid; FONT-SIZE: x-small; PADDING-BOTTOM: 1px; PADDING-LEFT: 0px; PADDING-RIGHT: 5px; PADDING-TOP: 1px; VERTICAL-ALIGN: top
}
*/
#PAGE #MIDDLECONTENT table {
border-top: 1px solid #cccccc;	border-left: 1px solid #cccccc;	margin-bottom: 9px;	width:100%; }
#PAGE #MIDDLECONTENT table th {
border-bottom: 1px solid #cccccc; 	border-right: 1px solid #cccccc; padding: 1px 5px 3px 5px; color: #16254e;	font-size: 11px;
letter-spacing: 1pt }
#PAGE #MIDDLECONTENT table td {
border-bottom: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4; padding: 3px 3px 3px 3px; font-size: 11px; vertical-align: top;
letter-spacing: 1pt }
#PAGE #MIDDLECONTENT #INSIDETABLE table {
	border-top: 0px solid #cccccc; border-left: 0px solid #cccccc; margin-bottom: 0px;width:100%; }
#PAGE #MIDDLECONTENT #INSIDETABLE table th{
border-bottom: 0px solid #cccccc; 	border-right: 0px solid #cccccc;padding: 0px 0px 0px 0px; color: #16254e; font-size: 11px; letter-spacing: 1pt }
#PAGE #MIDDLECONTENT #INSIDETABLE table td {
border-bottom: 0px solid #d4d4d4; border-right: 0px solid #d4d4d4; padding: 0px 0px 0px 0px; font-size: 11px;vertical-align: top;	letter-spacing: 1pt }
#PAGE #MIDDLECONTENT #INSIDETABLE table td.inside{
	border-bottom: 0px solid #d4d4d4; border-right: 0px solid #d4d4d4; padding: 0px 0px 0px 0px; vertical-align: middle; font-size: 11px;	
	letter-spacing: 1pt }
#PAGE #MIDDLECONTENT input.button {
 border: #cccccc 1px solid; padding: 0; 	margin: -2px 0 2px 6px; font-size: 10px; font-family:  Arial, Helvetica, sans-serif;
	width: 120px; height: 20px;	background-color : #d0d0d0 }
#PAGE #MIDDLECONTENT input {
 padding: 2; margin: 1px 1px 1px 1px; font-size: 11px; font-family:  Arial, Helvetica, sans-serif;letter-spacing: 1pt }
#PAGE #MIDDLECONTENT input.inpnum {
 padding: 2; margin: 1px 1px 1px 1px; font-size: 11px; font-family:  Arial, Helvetica, sans-serif;letter-spacing: 1pt; text-align: right }
#PAGE #MIDDLECONTENT select, #PAGE #MAINCONTENT option {
border: #cccccc 1px solid; padding: 0;font-size: 11px; font-family:  Arial, Helvetica, sans-serif;letter-spacing: 1pt;width: 300px;
size: 5}
#PAGE #MIDDLECONTENT select.sep{
border: #cccccc ; padding: 0; font-size: 11px; font-family:  Arial, Helvetica, sans-serif;letter-spacing: 0pt;width: 200px;	size: 5}
#PAGE #MIDDLECONTENT input.buttonsep {
border: #FFFFFF 1px solid; padding: 0; margin: -2px 0 2px 6px; font-size: 10px; font-family:  Arial, Helvetica, sans-serif;	width: 100px;
height: 20px; background-color : #d0d0d0;}

#PAGE #MAINCONTENT INPUT.button {
	BACKGROUND-COLOR: #d0d0d0; BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px; HEIGHT: 20px; MARGIN: -2px 0px 2px 6px; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px; WIDTH: 100px
}
#PAGE #MAINCONTENT SELECT {
	BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px; HEIGHT: 16px; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px; WIDTH: 120px
}
#PAGE #MAINCONTENT OPTION {
	BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px; HEIGHT: 16px; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px; WIDTH: 120px
}
#PAGE #HYPERLINKTEXT A {
	COLOR: navy; TEXT-DECORATION: underline
}
#PAGE #HYPERLINKTEXT A:link {
	COLOR: navy; TEXT-DECORATION: underline
}
#PAGE #HYPERLINKTEXT A:active {
	COLOR: navy; TEXT-DECORATION: underline
}
#PAGE #HYPERLINKTEXT A:visited {
	COLOR: navy; TEXT-DECORATION: underline
}
#PAGE #HYPERLINKTEXT A:hover {
	COLOR: #856c58; TEXT-DECORATION: underline
}
#PAGE #HYPERLINKTEXTOTHER A {
	COLOR: navy; TEXT-DECORATION: none
}
#PAGE #HYPERLINKTEXTOTHER A:link {
	COLOR: navy; TEXT-DECORATION: none
}
#PAGE #HYPERLINKTEXTOTHER A:active {
	COLOR: navy; TEXT-DECORATION: none
}
#PAGE #HYPERLINKTEXTOTHER A:visited {
	COLOR: navy; TEXT-DECORATION: none
}
#PAGE #HYPERLINKTEXTOTHER A:hover {
	COLOR: #856c58; TEXT-DECORATION: none
}
#PAGE #RELMENU INPUT.button {
	BACKGROUND-COLOR: #d0d0d0; BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px; HEIGHT: 20px; MARGIN: -2px 0px 2px 6px; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
#PAGE #RELMENU INPUT.inp {
	FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px; HEIGHT: 20px; PADDING-BOTTOM: 0px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; PADDING-TOP: 2px; WIDTH: 140px
}
#PAGE #RELMENU SELECT {
	BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px; HEIGHT: 16px; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px; WIDTH: 140px
}
#PAGE #MAINCONTENT TABLE.docmenu TH {
	PADDING-BOTTOM: 2px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-TOP: 2px; FONT-SIZE: 13px;
}
#PAGE #MAINCONTENT TABLE.docmenu TD {
	PADDING-BOTTOM: 2px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-TOP: 2px;  FONT-SIZE: 13px;
}
#SECUREPAGE #MAINCONTENT {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 1px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
IMG {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BORDER-RIGHT: 0px; BORDER-TOP: 0px
}
.white {
	BACKGROUND: #ffffff
}
.darkgray {
	BACKGROUND: #e0e0e0;
	FONT-SIZE: 12px;
}
.gray {
	BACKGROUND: #eaeaea;
	FONT-SIZE: 12px;
}
.lightgray {
	BACKGROUND: #efefef;
	FONT-SIZE: 12px;
}
.smaller {
	FONT-SIZE: smaller
}
.center {
	TEXT-ALIGN: center
}
.left {
	TEXT-ALIGN: left
}
.right {
	TEXT-ALIGN: right
}
.justify {
	TEXT-ALIGN: justify
}
.bold {
	FONT-WEIGHT: bold
}
A {
	COLOR: #16254e; TEXT-DECORATION: none
}
A:link {
	COLOR: #16254e; TEXT-DECORATION: none
}
A:active {
	COLOR: #16254e; TEXT-DECORATION: none
}
A:visited {
	COLOR: #16254e; TEXT-DECORATION: none
}
A:hover {
	TEXT-DECORATION: underline
}
.tip {font:10px/12px Arial,Helvetica,sans-serif; border:solid 1px #666666; width:223px; padding:1px; position:absolute; z-index:100; visibility:hidden; color:#333333; top:20px; left:90px; background-color:#ffffcc; layer-background-color:#ffffcc;}
/* This portion is for Reports */
#REPORTS
{padding: 0px 0px 0px 0px;}
#REPORTS input.button
{border: #cccccc 1px solid;padding: 0;margin: -2px 0 2px 6px;font-size: 10px;font-family:  Arial, Helvetica, sans-serif;width: 120px;height: 20px;background-color : #d0d0d0;}
.reporthd
{font-size: 17px;font-family:  Arial, Helvetica, sans-serif;font-weight: bold;}
.reporttable 
{border: 0px #e0e0e0 solid;padding: 3px 3px 3px 3px;width:100%;border-collapse: collapse;font-family: Arial, Helvetica, sans-serif;font-size: 11px;background-color : #e0e0e0;}
.bodytextb 
{FONT-WEIGHT: bold;BACKGROUND-COLOR: #1C2A62;COLOR: #ffffff;FONT-FAMILY: Arial, Verdana, Tahoma, Helvetica, sans-serif;FONT-SIZE: 11px}
.Hdrtext 
{BACKGROUND-COLOR: #ffffff;FONT-FAMILY: Arial, Verdana, Tahoma, Helvetica, sans-serif;FONT-SIZE: 11px;FONT-WEIGHT: bold}	
.colhdr 
{FONT-WEIGHT: bold;BACKGROUND-COLOR: #1C2A62;COLOR: #ffffff;FONT-FAMILY: Arial, Verdana, Tahoma, Helvetica, sans-serif;FONT-SIZE: 11px;text-align:center}
.colhdrleft 
{FONT-WEIGHT: bold;BACKGROUND-COLOR: #1C2A62;COLOR: #ffffff;FONT-FAMILY: Arial, Verdana, Tahoma, Helvetica, sans-serif;FONT-SIZE: 11px;text-align:left}
.colhdrright 
{FONT-WEIGHT: bold;BACKGROUND-COLOR: #1C2A62;COLOR: #ffffff;FONT-FAMILY: Arial, Verdana, Tahoma, Helvetica, sans-serif;FONT-SIZE: 11px;text-align:right}
.tdatacol 
{FONT-SIZE: 11px;FONT-FAMILY: Arial, Verdana,Arial, Helvetica;BACKGROUND-COLOR: #F7F7F7;COLOR: #000000}
.tdata 
{FONT-SIZE: 11px;FONT-FAMILY: Arial, Verdana,Arial, Helvetica;BACKGROUND-COLOR: #ffffff;COLOR: #000000}
.DataHighLight
{COLOR: Red;FONT-FAMILY: Arial, Verdana, Tahoma, Helvetica, sans-serif;FONT-SIZE: 11px;}

By viewing downloads associated with this article you agree to the Terms of Service and the article's licence.

If a file you wish to view isn't highlighted, and is a text file (not binary), please let us know and we'll add colourisation support for it.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

About the Author

santosh poojari
Technical Lead
India India
Whatsup-->Exploring--> MVC/HTML5/Javascript & Virtualization.......!
www.santoshpoojari.blogspot.com

| Advertise | Privacy | Mobile
Web02 | 2.8.140709.1 | Last Updated 21 Jun 2005
Article Copyright 2005 by santosh poojari
Everything else Copyright © CodeProject, 1999-2014
Terms of Service
Layout: fixed | fluid