﻿
table, th, input, textarea, select
{
	font-family: arial,helvetica,sans-serif;
	font-size: 12px;
	color: #313131;
}

img
{
	border: 0;
}

hr
{
	height: 0;
	border: 0;
	border-top: 1px dotted #ddecd2;
}


/* template elements */

#header-title
{
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	left: 310px;
	position: absolute;
	top: 45px;
	width: 340px;
}

#hlogin
{
	position: absolute;
	right: 27px;
	top: 15px;
	width: 180px;
}

#hlogin-inner
{
	height: 80px;
	position: relative;
}

#hlogin-action
{
	bottom: 0;
	position: absolute;
}

#hlogin a
{
	color: #e0e0e0;
}

#hlogin a:hover
{
	color: #f89738;
}

#main
{
	/*background: url(Images/main_bg.gif) no-repeat;*/ /*padding: 0 27px;*/
	position: relative;
}

#main-inner
{
	background-color: #fff;
	border-left: 8px solid #ffffff;
	border-right: 8px solid #ffffff;
	padding-left: 20px;
	padding-top: 20px;
}


/* navigation */
#navigation
{
	background-color: #FFFFFF; /*padding: 6px 20px 8px 20px;	*/
	background-color: #7FBA00;
	height: 30px;
	position: relative;
	z-index: 99;
}

#navigation a
{
	text-decoration: underline;
}

#navigation a:hover
{
	text-decoration: none;
}


/* menu */
#navigationmenu
{
	margin-left: 32px;
}

#navigationmenu a
{
	color: #FFFFFF;
	font-family: Arial;
	font-size: 11px;
	display: block;
	padding: 0.75em 0.85em;
	position: relative;
	text-decoration: none;
}

.nav-navbar li li:hover, .nav-navbar li li.navHover
{
	background: #BFDC7F;
	border: none;
}

.nav-navbar ul li
{
	width: auto;
	float: left;
	list-style: none;
	background-color: #7FBA00;
	border-top: solid 1px #fff;
	text-align: left;
	width: 190px;
	margin: 0;
}

.nav-navbar li
{
	background: #7FBA00;
	border: none;
}


#navigationmenu a:hover
{
	color: #003F87;
	font-weight: bold; /*text-decoration: underline;*/
	text-decoration: none;
}

.nav-menu, .nav-menu *
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav-menu a
{
	display: block;
	padding: .75em .85em;
	position: relative;
	text-decoration: none;
}

#menu
{
	float: left;
	width: 163px;
	margin-top: 20px;
}

.menu-list
{
	/*background: url(Images/bg_menu_bottom.gif) no-repeat left bottom;*/
}

.menu-item
{
	/*border-bottom: 1px solid #858585;*/
	padding: 5px 0;
}

.menu-sub-item
{
	/*	border-bottom: 1px solid #cadabf;*/
	font-size: 10px;
	padding: 5px 0 5px 10px;
}

.menu-item a, .menu-sub-item a
{
	color: #313131;
	font-weight: bold;
}
.nav-menu ul
{
	/*background-color: #7FC9FF;*/
	position: absolute;
	top: -999em;
	width: 10em; /* left offset of submenus need to match (see below) */
}

.nav-menu li:hover
{
	visibility: inherit; /* fixes IE7 'sticky bug' */
}

.nav-menu li
{
	float: left;
	position: relative;
}

.nav-menu li:hover ul, .nav-menu li.navHover ul
{
	left: 0;
	top: 2.7em; /* match top ul list item height */
	width: 100%; /*z-index: 99;*/
}

ul.nav-menu li:hover li ul, ul.nav-menu li.navHover li ul
{
	top: -999em;
}

ul.nav-menu li li:hover ul, ul.nav-menu li li.navHover ul
{
	left: 10em; /* match ul width */
	top: 0;
}

ul.nav-menu li li:hover li ul, ul.nav-menu li li.navHover li ul
{
	top: -999em;
}

ul.nav-menu li li li:hover ul, ul.nav-menu li li li.navHover ul
{
	left: 10em; /* match ul width */
	top: 0;
}


#poweredby
{
	vertical-align: bottom;
	bottom: 0px;
	padding-bottom: 15px;
	padding-left: 30px;
	position: absolute;
}

/* content */
#content
{
	float: right;
	padding-top: 10px;
	width: 670px;
}

#content, #content ul
{
	line-height: 20px;
}

.full-column
{
	position: relative;
}

.text-column
{
	float: left;
	position: relative;
	width: 520px;
}

.detail-column
{
	float: right;
	position: relative;
	width: 190px;
}

.detail-column ul, ol
{
	padding-left: 15px;
}

.detail-column-App
{
	float: right;
	position: relative;
	width: 330px;
}

.detail-column-User
{
	float: right;
	position: relative;
	width: 170px;
}

.detail-column-App ul, ol
{
	padding-left: 15px;
}

.split-column
{
	position: relative;
	width: 48%;
}

.pushright
{
	float: right;
}

.message
{
	font-size: 10pt;
	color: Blue;
}


/* home page */
#headlines
{
	line-height: normal;
}

#headlines ul
{
	margin: 0;
	padding: 0;
}

#headlines li
{
	list-style: none;
	padding-bottom: 5px;
}

.headline-box
{
	background: url(Images/headline_box_top.gif) no-repeat left top;
}

.headline-box-bottom
{
	background: url(Images/headline_box_bottom.gif) no-repeat left bottom;
}

.item-box, .item-box-update, .item-box-last
{
	/*background: url(Images/item_box_bg.gif) no-repeat;*/
	float: left;
	height: 146px;
	margin-right: 32px;
	width: 185px;
}

.item-box-update
{
	/*background: url(Images/item_box_bg_update.gif) no-repeat;*/
}

.item-box-last
{
	margin-right: 0;
}

.partner
{
	padding: 10px;
}

.grid
{
	border-style: solid none solid none;
	border-width: 1px 1px 1px 1px;
	border-color: #fff;
	empty-cells: show;
	white-space: inherit;
}

.grid th
{
	background-color: #003F87;
	border-style: solid none solid none;
	border-width: 1px 1px 1px 1px;
	border-color: #fff #fff #fff #fff;
	padding: 4px 5px 4px 10px;
	text-align: left;
	font-family: Arial;
	font-weight: bold;
	font-size: 10px;
	color: #fff;
	text-indent: 0px;
}

.grid td
{
	border-top: 1px solid #fff; /*padding: 5px 10px;*/ /*vertical-align: top;*/
}
.grid tr:nth-child(even)
{
	background: #e7eaf2;
	border-top: 1px solid #fff;
	text-indent: 10px;
	font-family: Arial;
	font-weight: bold;
	font-size: 10px;
	color: #313131;
}
.grid tr:nth-child(odd)
{
	background: #f3f4f8;
	border-top: 1px solid #fff;
	text-indent: 10px;
	font-family: Arial;
	font-weight: bold;
	font-size: 10px;
	color: #313131;
}

.DashBoard
{
	border-style: solid none solid none;
	border-width: 1px 1px 1px 1px;
	border-color: transparent;
	empty-cells: show;
	white-space: inherit;
}

.DashBoard td
{
	border-top: 1px solid;
	border-width: 1px 1px 1px 1px;
	border-color: transparent;
	empty-cells: show;
	white-space: inherit;
}

/* footer */
#footer
{
	/*background: url(Images/footer_bg.gif) no-repeat top;*/
	clear: both;
	font-size: 11px;
}

#footer a
{
	color: #000000;
}

#footer a:hover
{
	text-decoration: underline;
}


/* extras */
#html_box
{
	background-color: #CC0000;
	border: 1px solid #ddd;
	display: none;
	font-family: Courier;
	padding: 0 10px;
	position: absolute;
	text-align: left;
	z-index: 5;
}


/* steps */
.step
{
	padding: 20px 0;
}

.step-icon
{
	background: url(Images/step_bg.gif) no-repeat 0 0;
	height: 77px;
	float: left;
	margin-right: 10px;
	width: 77px;
}

.step-icon img
{
	border: none;
	width: 67px;
	height: 67px;
	margin-top: 4px;
	margin-left: 5px;
}

.step-text
{
	float: left;
	width: 215px;
}

.cardprogram-step
{
	padding: 10px 0;
}

.cardprogram-step-icon
{
	background: url(Images/step_bg.gif) no-repeat 0 0;
	height: 77px;
	float: left;
	margin-right: 60px;
	width: 77px;
}

.cardprogram-step-icon img
{
	border: none;
	width: 67px;
	height: 67px;
	margin-top: 4px;
	margin-left: 5px;
}

.cardprogram-step-text
{
	float: left;
	width: 390px;
}

.step-checked
{
	float: left;
	height: 77px;
	margin-left: 50px;
	width: 77px;
}


/* hoverbox */
.hoverbox
{
	cursor: pointer;
	margin: 0 10px;
}

.view
{
	background-color: #fff;
	border: 1px solid #669933;
}

.preview
{
	background-color: #fff;
	border: 1px solid #669933;
	display: none;
	position: absolute;
}


/* social networking */
.bookmarks
{
	clear: both;
	padding: 10px;
}

.bookmarks ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.bookmarks ul li.myspace
{
	background: url("Images/sb/myspace.gif") no-repeat 0 0;
}

.bookmarks ul li.linkedin
{
	background: url("Images/sb/linkedin.gif") no-repeat 0 0;
}

.bookmarks ul li.delicious
{
	background: url("Images/sb/delicious.gif") no-repeat 0 0;
}

.bookmarks ul li.digg
{
	background: url("Images/sb/digg.gif") no-repeat 0 0;
}

.bookmarks ul li.reddit
{
	background: url("Images/sb/myspace.gif") no-repeat 0 0;
}

.bookmarks ul li.facebook
{
	background: url("Images/sb/facebook.gif") no-repeat 0 0;
}

.bookmarks ul li.stumbleupon
{
	background: url("Images/sb/stumbleupon.gif") no-repeat 0 0;
}

.bookmarks ul li a
{
	padding: 0 0 0 20px;
}


/* popup */
#facebox .b
{
	background: url(Images/popup/b.png);
}

#facebox .tl
{
	background: url(Images/popup/tl.png);
}

#facebox .tr
{
	background: url(Images/popup/tr.png);
}

#facebox .bl
{
	background: url(Images/popup/bl.png);
}

#facebox .br
{
	background: url(Images/popup/br.png);
}

#facebox
{
	left: 0;
	position: absolute;
	text-align: left;
	top: 0;
	z-index: 100;
}

#facebox .wrapper
{
	position: relative;
}

#facebox table
{
	border-collapse: collapse;
}

#facebox td
{
	border-bottom: 0;
	padding: 0;
}

#facebox .body
{
	border: 1px solid #77461b;
	background-color: #fff;
	width: 410px;
}

#facebox .heading
{
	background-color: #7FC9FF;
	border-bottom: 1px solid #0C88FF;
	padding: 5px;
}

#facebox .header
{
	background-color: #7FC9FF;
	border-bottom: 1px solid #0C88FF;
	padding: 10px 5px;
	text-align: right;
}

#facebox .content
{
	background-color: #fff;
}

#facebox .loading
{
	text-align: center;
}

#facebox .image
{
	text-align: center;
}

#facebox img
{
	border: 0;
	margin: 0;
}

#facebox .footer
{
	background-color: #E7F7FA;
	padding: 10px 5px;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br
{
	height: 10px;
	overflow: hidden;
	padding: 0;
	width: 10px;
}

#facebox_overlay
{
	height: 100%;
	left: 0px;
	position: fixed;
	top: 0px;
	width: 100%;
	background-color: #000;
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.facebox_hide
{
	z-index: -100;
}


/* tabs */
.ui-tabs-nav
{
	float: left;
	position: relative;
	z-index: 1;
}

.ui-tabs-nav ul
{
	list-style: none;
}

.ui-tabs-nav li
{
	background-color: #deefd6;
	border: 1px solid #639a31;
	border-bottom: none;
	float: left;
	list-style: none;
	margin-right: 10px;
}

.ui-tabs-nav li a
{
	float: left;
	padding: .5em 1.2em;
	text-decoration: none;
}

.ui-tabs-nav li a:hover
{
	background-color: #639a31;
	color: #fff;
}

.ui-tabs-nav li.ui-tabs-selected
{
	background-color: #ff9639;
	color: #fff;
}

.ui-tabs-nav li.ui-tabs-selected a, .ui-tabs-nav li.ui-tabs-selected a:hover
{
	color: #fff;
}

.ui-tabs-panel
{
	clear: left;
	border: 1px solid #d3d3d3;
}

.ui-tabs-hide
{
	display: none;
}

input[type="submit"][id="Save"]
{
	src: url("Images/Button_Save_Inactive.jpg");
	background: url("Images/Button_Save_Inactive.jpg") no-repeat center center;
	width: 89px;
	border-color: transparent;
	border-style: solid;
	border-width: 1px;
	color: #FFFFFF;
	padding: 2px 5px;
}
input[type="submit"][id="Save"]:hover
{
	src: url("Images/Button_Save_Active.jpg");
	background: url("Images/Button_Save_Active.jpg") no-repeat center center;
}

input[type="submit"][id="Submit"]
{
	src: url("Images/Button_Submit_Inactive.jpg");
	background: url("Images/Button_Submit_Inactive.jpg") no-repeat center center;
	width: 89px;
	border-color: transparent;
	border-style: solid;
	border-width: 1px;
	color: #FFFFFF;
	padding: 2px 5px;
	height: 22px;
	font-size: 0;
	padding-top: 10px;
}
input[type="submit"][id="Submit"]:hover
{
	src: url("Images/Button_Submit_Active.jpg");
	background: url("Images/Button_Submit_Active.jpg") no-repeat center center;
}

input[type="submit"][value="Submit"]
{
	src: url("Images/Button_Submit_Inactive.jpg");
	background: url("Images/Button_Submit_Inactive.jpg") no-repeat center center;
	width: 89px;
	border-color: transparent;
	color: transparent;
	border-style: solid;
	border-width: 1px;
	padding: 2px 5px;
	height: 22px;
	font-size: 0;
}
input[type="submit"][value="Submit"]:hover
{
	src: url("Images/Button_Submit_Active.jpg");
	background: url("Images/Button_Submit_Active.jpg") no-repeat center center;
}

/*for SignIn button */
input[type="submit"][id="Login"]
{
	src: url("Images/Button_SignIn_Inactive.jpg");
	background: url("Images/Button_SignIn_Inactive.jpg") no-repeat center center;
	width: 89px;
	border-color: transparent;
	border-style: solid;
	border-width: 1px;
	color: #FFFFFF;
	padding: 2px 5px;
	height: 22px;
	font-size: 0;
}
input[type="submit"][id="Login"]:hover
{
	src: url("Images/Button_SignIn_Active.jpg");
	background: url("Images/Button_SignIn_Active.jpg") no-repeat center center;
}

/*for Delete button */
input[type="submit"][id="Delete"]
{
	src: url("Images/Button_Delete_Inactive.jpg");
	background: url("Images/Button_Delete_Inactive.jpg") no-repeat center center;
	width: 89px;
	border-color: transparent;
	border-style: solid;
	border-width: 1px;
	color: #FFFFFF;
	padding: 2px 5px;
	height: 22px;
	font-size: 0;
}
input[type="submit"][id="Delete"]:hover
{
	src: url("Images/Button_Delete_Active.jpg");
	background: url("Images/Button_Delete_Active.jpg") no-repeat center center;
}

/*for Publish button in a table */
input[type="submit"][id="Publish"]
{
	src: url("Images/Button_Publish_Inactive.jpg");
	background: url("Images/Button_Publish_Inactive.jpg") no-repeat center center;
	width: 89px;
	border-color: transparent;
	border-style: solid;
	border-width: 1px;
	color: #FFFFFF;
	padding: 2px 5px;
	height: 22px;
	font-size: 0;
}
input[type="submit"][id="Publish"]:hover
{
	src: url("Images/Button_Publish_Active.jpg");
	background: url("Images/Button_Publish_Active.jpg") no-repeat center center;
}

/*for Create button in a table */
input[type="submit"][id="Create"]
{
	src: url("Images/Button_Create_Inactive.jpg");
	background: url("Images/Button_Create_Inactive.jpg") no-repeat center center;
	width: 89px;
	border-color: transparent;
	border-style: solid;
	border-width: 1px;
	color: #FFFFFF;
	padding: 2px 5px;
	height: 22px; /*font-size: 0;*/
}
input[type="submit"][id="Create"]:hover
{
	src: url("Images/Button_Create_Active.jpg");
	background: url("Images/Button_Create_Active.jpg") no-repeat center center;
}

/*for Submit button in a table */
input[type="submit"][id="Submit"]
{
	src: url("Images/Button_Submit_Inactive.jpg");
	background: url("Images/Button_Submit_Inactive.jpg") no-repeat center center;
	width: 89px;
	height: 22px;
	font-size: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 1px;
	color: #FFFFFF;
	padding: 2px 5px;
	color: transparent;
}
input[type="submit"][id="Submit"]:hover
{
	src: url("Images/Button_Submit_Active.jpg");
	background: url("Images/Button_Submit_Active.jpg") no-repeat center center;
}

/*for Save button in a table */
input[type="submit"][value="Save"]
{
	src: url("Images/Button_Save_Inactive.jpg");
	background: url("Images/Button_Save_Inactive.jpg") no-repeat center center;
	width: 89px;
	height: 22px;
	font-size: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 1px;
	color: #FFFFFF;
	padding: 2px 5px;
	color: transparent;
}
input[type="submit"][value="Save"]:hover
{
	src: url("Images/Button_Save_Active.jpg");
	background: url("Images/Button_Save_Active.jpg") no-repeat center center;
}

/*for Edit button  */
input[type="submit"][id="Edit"]
{
	src: url("Images/Button_Edit_Inactive.jpg");
	background: url("Images/Button_Edit_Inactive.jpg") no-repeat center center;
	width: 89px;
	color: transparent;
	border-color: transparent;
	border-style: solid;
	border-width: 1px;
	padding: 2px 5px;
	height: 22px;
	font-size: 0;
}
input[type="submit"][id="Edit"]:hover
{
	src: url("Images/Button_Edit_Active.jpg");
	background: url("Images/Button_Edit_Active.jpg") no-repeat center center;
}

/*for Apply button  */
input[type="submit"][id="Apply"]
{
	src: url("Images/Button_ApplyNow_Inactive.jpg");
	background: url("Images/Button_ApplyNow_Inactive.jpg") no-repeat center center;
	width: 89px;
	color: transparent;
	border-color: transparent;
	border-style: solid;
	border-width: 1px;
	padding: 2px 5px;
	height: 22px;
	font-size: 0;
}
input[type="submit"][id="Apply"]:hover
{
	src: url("Images/Button_ApplyNow_Active.jpg");
	background: url("Images/Button_ApplyNow_Active.jpg") no-repeat center center;
}


/*for ViewAll button  */
input[type="submit"][id="ViewAll"]
{
	src: url("Images/Button_ViewAll_Inactive.jpg");
	background: url("Images/Button_ViewAll_Inactive.jpg") no-repeat center center;
	width: 89px;
	color: transparent;
	border-color: transparent;
	border-style: solid;
	border-width: 1px;
	padding: 2px 5px;
	height: 22px;
	font-size: 0;
}
input[type="submit"][id="ViewAll"]:hover
{
	src: url("Images/Button_ViewAll_Active.jpg");
	background: url("Images/Button_ViewAll_Active.jpg") no-repeat center center;
}

/*for View button */
input[type="button"][value="View"]
{
	src: url("Images/Button_View_Inactive.jpg");
	background: url("Images/Button_View_Inactive.jpg") no-repeat center center;
	width: 89px; /*height: 22px;*/
	border-color: transparent;
	color: transparent;
	border-style: solid;
	border-width: 1px;
	padding: 10px 5px 2px;
	width: 89px;
	height: 22px;
	font-size: 0;
}
input[type="button"][value="View"]:hover
{
	src: url("Images/Button_View_Active.jpg");
	background: url("Images/Button_View_Active.jpg") no-repeat center center;
}

/*for Add button in a table */
.Add input[type="submit"]
{
	src: url("Images/Button_Add_Inactive.jpg");
	background: url("Images/Button_Add_Inactive.jpg") no-repeat center center;
	width: 89px;
	height: 22px;
	border-color: transparent;
	border-style: solid;
	border-width: 1px;
	color: #FFFFFF;
	padding: 2px 5px;
	text-align: right;
	display: inline;
	font-size: 0;
}
.Add input[type="submit"]:hover
{
	src: url("Images/Button_Add_Active.jpg");
	background: url("Images/Button_Add_Active.jpg") no-repeat center center;
}

/*for Generate button */
input[type="submit"][value="Generate"]
{
	src: url("Images/Button_Generate_Inactive.jpg");
	background: url("Images/Button_Generate_Inactive.jpg") no-repeat center center;
	width: 89px; /*height: 22px;*/
	border-color: transparent;
	color: transparent;
	border-style: solid;
	border-width: 1px;
	padding: 2px 5px;
	height: 22px;
	font-size: 0;
}
input[type="submit"][value="Generate"]:hover
{
	src: url("Images/Button_Generate_Active.jpg");
	background: url("Images/Button_Generate_Active.jpg") no-repeat center center;
}

input[type="submit"][id="Preview"]
{
	background: url("Images/Button_Preview_Inactive.jpg") no-repeat scroll center center transparent;
	border-color: transparent;
	border-style: solid;
	border-width: 1px;
	color: transparent;
	display: inline;
	padding: 2px 5px;
	text-align: right;
	width: 89px;
	height: 22px;
	font-size: 0;
}
input[type="submit"][id="Preview"]:hover
{
	src: url("Images/Button_Preview_Active.jpg");
	background: url("Images/Button_Preview_Active.jpg") no-repeat center center;
}

.BackLink
{
	font-size: 10px;
	font-weight: bold;
	margin-bottom: 20px;
}

/*for Update button */
input[type="submit"][id="Update"]
{
	src: url("Images/Button_Update_Inactive.jpg");
	background: url("Images/Button_Update_Inactive.jpg") no-repeat center center;
	border-color: transparent;
	border-style: solid;
	border-width: 1px;
	color: #FFFFFF;
	padding: 2px 5px;
	text-align: right;
	display: inline;
	color: transparent;
	width: 89px;
	height: 22px;
	font-size: 0;
}
input[type="submit"][id="Update"]:hover
{
	src: url("Images/Button_Update_Active.jpg");
	background: url("Images/Button_Update_Active.jpg") no-repeat center center;
}

/*for Disable button */
input[type="submit"][id="Disable"]
{
	src: url("Images/Button_Disable_InActive.jpg");
	background: url("Images/Button_Disable_InActive.jpg") no-repeat center center;
	border-color: transparent;
	border-style: solid;
	border-width: 1px;
	color: #FFFFFF;
	padding: 2px 5px;
	text-align: right;
	display: inline;
	color: transparent;
	width: 89px;
	height: 22px;
	font-size: 0;
}
input[type="submit"][id="Disable"]:hover
{
	src: url("Images/Button_Disable_Active.jpg");
	background: url("Images/Button_Disable_Active.jpg") no-repeat center center;
}

/*for Enable button */
input[type="submit"][id="Enable"]
{
	src: url("Images/Button_Enable_InActive.jpg");
	background: url("Images/Button_Enable_InActive.jpg") no-repeat center center;
	border-color: transparent;
	border-style: solid;
	border-width: 1px;
	color: #FFFFFF;
	padding: 2px 5px;
	text-align: right;
	display: inline;
	color: transparent;
	width: 89px;
	height: 22px;
	font-size: 0;
}
input[type="submit"][id="Enable"]:hover
{
	src: url("Images/Button_Enable_Active.jpg");
	background: url("Images/Button_Enable_Active.jpg") no-repeat center center;
}

/*for Verify button */
input[type="submit"][value="Verify"]
{
	src: url("Images/Button_Verify_Inactive.jpg");
	background: url("Images/Button_Verify_Inactive.jpg") no-repeat center center;
	border-color: transparent;
	border-style: solid;
	border-width: 1px;
	color: #FFFFFF;
	padding: 2px 5px;
	text-align: right;
	display: inline;
	color: transparent;
	width: 89px;
	height: 22px;
	font-size: 0;
	padding-top: 10px;
}
input[type="submit"][value="Verify"]:hover
{
	src: url("Images/Button_Verify_Active.jpg");
	background: url("Images/Button_Verify_Active.jpg") no-repeat center center;
}

/*for Reject button */
input[type="submit"][value="Reject"]
{
	src: url("Images/Button_Reject_InActive.jpg");
	background: url("Images/Button_Reject_InActive.jpg") no-repeat center center;
	border-color: transparent;
	border-style: solid;
	border-width: 1px;
	color: #FFFFFF;
	padding: 2px 5px;
	text-align: right;
	display: inline;
	color: transparent;
	width: 89px;
	height: 22px;
	font-size: 0;
	padding-top: 10px;
}
input[type="submit"][value="Reject"]:hover
{
	src: url("Images/Button_Reject_Active.jpg");
	background: url("Images/Button_Reject_Active.jpg") no-repeat center center;
}

/*for Demo button */
input[type="button"][id="Demo"]
{
	src: url("Images/Button_transcard_InActive.jpg");
	background: url("Images/Button_transcard_InActive.jpg") no-repeat center center;
	width: 89px; /*height: 22px;*/
	border-color: transparent;
	color: transparent;
	border-style: solid;
	border-width: 1px;
	padding: 2px 5px;
	width: 89px;
	height: 22px;
	font-size: 0;
	padding-top: 10px;
}
input[type="button"][id="Demo"]:hover
{
	src: url("Images/Button_transcard_Active.jpg");
	background: url("Images/Button_transcard_Active.jpg") no-repeat center center;
}

/*for Remove buttone */
input[type="submit"][name="Remove"]
{
	src: url("Images/Button_Remove_Inactive.jpg");
	background: url("Images/Button_Remove_Inactive.jpg") no-repeat center center;
	width: 89px;
	border-color: transparent;
	border-style: solid;
	border-width: 1px;
	color: #FFFFFF;
	padding: 2px 5px;
	text-align: right;
	display: inline;
	color: transparent;
	height: 22px;
	font-size: 0;
	padding-top: 10px;
}
input[type="submit"][name="Remove"]:hover
{
	src: url("Images/Button_Remove_Active.jpg");
	background: url("Images/Button_Remove_Active.jpg") no-repeat center center;
}

/*for Product buttone */
input[type="button"][name="Product"]
{
	src: url("Images/Button_Product_Inactive.jpg");
	background: url("Images/Button_Product_Inactive.jpg") no-repeat center center;
	width: 89px;
	border-color: transparent;
	border-style: solid;
	border-width: 1px;
	color: #FFFFFF;
	padding: 2px 5px;
	text-align: right;
	display: inline;
	color: transparent;
	height: 22px;
	font-size: 0;
	padding-top: 10px;
}
input[type="button"][name="Product"]:hover
{
	src: url("Images/Button_Product_Active.jpg");
	background: url("Images/Button_Product_Active.jpg") no-repeat center center;
}
