
body {
	background-color: #ffffff;
	margin-bottom: 0px;
	margin-left: 8px;
	margin-right: 0px;
	margin-top: 0px;
	color: #004466;
	direction: rtl;
}

A { 
	text-decoration: underline;
	color: #004466;
}
      A:hover {
     	text-decoration: none;
     	color : #007B6B;
     }
	 	 
TD {
      font-family : Arial, Helvetica, sans-serif;
      font-size : 11px;
      }

	  /* for IE height must be 30px, for netscape 24px because of padding - so we make 2 lines of text on each button for IE to display correctly */
			
td.menu { 
	width: 139px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	position: relative;
	display: inline-block;
	direction: rtl;
	cursor: pointer;
}
	
	
td.menu a { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none ; 
	line-height: 12px;   
	cursor : hand;
	height: auto;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 4px;
	background-image: url(giftcard/images/menu_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	display: block;

	/* letter-spacing: -0.4pt; */

}

td.menu a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;
	color: #ffffff;
	text-decoration: none ;
	line-height: 12px;
	cursor : hand;

	background-image: url(giftcard/images/menu_bg_on.gif);

	background-repeat: no-repeat;
	background-position: left top;
}

/* Opened Menus */
/* to make button highlighted plz use this class */


td.menuop_hi {
	width: 139px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	position: relative;
	display: inline-block;
	direction: rtl;
	cursor: pointer;
}


td.menuop_hi a {
	font-family: Verdana, Arial, Helvetica, sans-serif;


	font-size: 11px;

	font-weight: bold;
	color: ${__menu_fcolor};
	color: #000000;
	background-color: #FF9966;
	border-top-color: #ffffff;
	border-top-width: 2px;
	border-top-style: solid;
	border-left-color: #ffffff;
	border-left-width: 2px;
	border-left-style: solid;
	border-right-color: #D68056;
	border-right-width: 2px;
	border-right-style: solid;
	border-bottom-color: #D68056;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	text-decoration: none ;
	line-height: 12px;
	cursor : hand;
	height: auto;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 4px;
	position: relative;
	display: block;

	/* letter-spacing: -0.4pt; */

}

td.menuop_hi a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #E8E9E6;
	background-color: #669999;
	border-top-color: #ffffff;
	border-top-width: 2px;
	border-top-style: solid;
	border-left-color: #ffffff;
	border-left-width: 2px;
	border-left-style: solid;
	border-right-color: #336666;
	border-right-width: 2px;
	border-right-style: solid;
	border-bottom-color: #336666;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	text-decoration: none ;
	line-height: 12px;
	cursor : hand;
}


/* SubMenu Classes */

  td.submenu  {
	height: 17px;
	width: 139px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin: 0px;
	position: relative;
	display: inline-block;
}

  td.submenu a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #004466;
	text-decoration: none ;
	cursor : hand;
	height: 17px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 16px;
	background-image: url(giftcard/images/submenu_bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	letter-spacing: -1px;

}

  td.submenu a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: underline ;
	cursor : hand;
	background-image: url(giftcard/images/submenu_bg_on.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

/* SubMenu DISABLED Classes */

td.submenu_dis {

	height: 17px;
	width: 139px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin: 0px;
	position: relative;
	display: inline-block;
}

  td.submenu_dis a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none ;
	cursor : hand;
	height: 17px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 16px;
	background-image: url(giftcard/images/submenu_dis_bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	letter-spacing: -1px;
}

  td.submenu_dis a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: underline ;
	cursor : hand;
	background-image: url(giftcard/images/submenu_dis_bg_on.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}


/* Texts */

.orange_link {
	color: #FF9966;
	font-weight: bold;
	font-size : 9pt;
	text-decoration: none;
}

a.orange_link:active, a.orange_link:link, a.orange_link:visited {
	color: #FF9966;
	font-weight: bold;
	text-decoration: none;

}

a.orange_link:hover {
	color: #FF9966;
	font-weight: bold;
}

.error {
	color: #EF2A2A;
}

.success {
	color: #FF9966;
	font-weight: bold;
	font-size : 9pt;
}

.fail {
	color: #EF2A2A;
	font-weight: bold;
	font-size : 9pt;
}

.tips {
	padding-left: 14px;
	color: #007A6B;
	font-size : 9pt;
	font-weight: normal;
}

.path {
	      font-family : Arial, Helvetica, sans-serif;
    	  font-size : 10px;
		  font-weight: bold;
		  padding-bottom: 8px;
}

.path a, path a:visited, path a:active {
		  text-decoration: none;
		  color: #004466;
}

.path a:hover {
		  text-decoration: underline;
}


.user {
	      font-family : Arial, Helvetica, sans-serif;
    	  font-size : 11px;
		  font-weight: normal;
		  background-color: #2bb6bf;
		  background-image: url(images/cardnum_gradient.jpg);
		  background-repeat: no-repeat;
		  background-position: left;
		  color: #ffffff;
}

.user a, user a:visited, user a:active {
		  text-decoration: none;
		  color: OldLace;
}

.user a:hover {
		  text-decoration: none;
		   color: Ivory;
}

 .header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	background-color: #669999;
	vertical-align: top;
	text-decoration: none;
	padding-left: 4px;
	padding-right: 2px;
	background-position: left top;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #558383;
	border-left-color: #9DC0C6;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #558383;
	border-right-style: solid;
	border-right-width: 2px;
	border-top-color: #E1EEEF;
	border-top-style: solid;
	border-top-width: 1px;
}

.footer {
	padding-top : 2px;
	padding-bottom : 2px;
	FONT-SIZE: 10px;
	COLOR: white;
	FONT-FAMILY: Arial, Helvetica, 	sans-serif;
	background-color: #004466;
}


/* Form */

	 form {margin:8px;}

	input {
	BACKGROUND-COLOR: #ffffff;
	BORDER-TOP-STYLE: solid;;
	BORDER-RIGHT-STYLE: solid;
	BORDER-LEFT-STYLE: solid;
	BORDER-BOTTOM-STYLE: solid;
	border-bottom-color: #BFDCDC;
	border-bottom-width: 1px;
	border-left-color: #82AFB0;
	border-left-width: 1px;
	border-right-color: #BFDCDC;
	border-right-width: 1px;
	border-top-color: #82AFB0;
	border-top-width: 1px;
	padding-left: 2px;
	COLOR: #004466;
	}

	select {
	BACKGROUND-COLOR: #EEF5F6;
	BORDER-TOP-STYLE: solid;;
	BORDER-RIGHT-STYLE: solid;
	BORDER-LEFT-STYLE: solid;
	BORDER-BOTTOM-STYLE: solid;
	border-bottom-color: #BFDCDC;
	border-bottom-width: 1px;
	border-left-color: #82AFB0;
	border-left-width: 1px;
	border-right-color: #BFDCDC;
	border-right-width: 1px;
	border-top-color: #82AFB0;
	border-top-width: 1px;
	padding-left: 2px;
	COLOR: #004466;
	}

	input.number {
	width: 80px;
	}


/* for disabled fields add this class */

	input.disabled {
	BACKGROUND-COLOR: #EEF5F6;
	BORDER-TOP-STYLE: solid;;
	BORDER-RIGHT-STYLE: solid;
	BORDER-LEFT-STYLE: solid;
	BORDER-BOTTOM-STYLE: solid;
	border-bottom-color: #ffffff;
	border-bottom-width: 1px;
	border-left-color: #ffffff;
	border-left-width: 1px;
	border-right-color: #ffffff;
	border-right-width: 1px;
	border-top-color: #ffffff;
	border-top-width: 1px;
	padding-left: 2px;
	COLOR: #004466;
	}

	input.number_disabled {
	width: 80px;
	BACKGROUND-COLOR: #EEF5F6;
	BORDER-TOP-STYLE: solid;;
	BORDER-RIGHT-STYLE: solid;
	BORDER-LEFT-STYLE: solid;
	BORDER-BOTTOM-STYLE: solid;
	border-bottom-color: #ffffff;
	border-bottom-width: 1px;
	border-left-color: #ffffff;
	border-left-width: 1px;
	border-right-color: #ffffff;
	border-right-width: 1px;
	border-top-color: #ffffff;
	border-top-width: 1px;
	padding-left: 2px;
	COLOR: #004466;
	}

	input.form_error {
	BACKGROUND-COLOR: MistyRose;
	BORDER-TOP-STYLE: solid;;
	BORDER-RIGHT-STYLE: solid;
	BORDER-LEFT-STYLE: solid;
	BORDER-BOTTOM-STYLE: solid;
	border-bottom-color: #BFDCDC;
	border-bottom-width: 1px;
	border-left-color: #82AFB0;
	border-left-width: 1px;
	border-right-color: #BFDCDC;
	border-right-width: 1px;
	border-top-color: #82AFB0;
	border-top-width: 1px;
	padding-left: 2px;
	COLOR: #004466;
	}

.noborder {
		border: 0px;
		background-color: transparent;
	}

.button {
	BACKGROUND-COLOR: #14aeb8;
	BORDER-TOP-STYLE: solid;
	BORDER-RIGHT-STYLE: solid;
	BORDER-LEFT-STYLE: solid;
	BORDER-BOTTOM-STYLE: solid;
	border-bottom-color: #108E8C;
	border-bottom-width: 1px;
	border-left-color: #42DBE7;
	border-left-width: 1px;
	border-right-color: #108E8C;
	border-right-width: 1px;
	border-top-color: #42DBE7;
	border-top-width: 1px;
	height: 16px;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 3px;
	line-height: 10px;
	padding-top: 0px;
	margin-top: 0px;
	white-space: nowrap;
}

.button_bot {
	BACKGROUND-COLOR: #E6F0F1;
	BORDER-TOP-STYLE: solid;
	BORDER-RIGHT-STYLE: solid;
	BORDER-LEFT-STYLE: solid;
	BORDER-BOTTOM-STYLE: solid;
	border-bottom-color: #C9CFD1;
	border-bottom-width: 1px;
	border-left-color: #FFFFFF;
	border-left-width: 1px;
	border-right-color: #C9CFD1;
	border-right-width: 1px;
	border-top-color: #FFFFFF;
	border-top-width: 1px;
	height: 16px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 3px;
	padding-top: 0px;
	white-space: nowrap;
}


.button_top {
	BACKGROUND-COLOR: #BBDDDD;
	BORDER-TOP-STYLE: solid;
	BORDER-RIGHT-STYLE: solid;
	BORDER-LEFT-STYLE: solid;
	BORDER-BOTTOM-STYLE: solid;
	border-bottom-color: #9FBCBC;
	border-bottom-width: 1px;
	border-left-color: #ffffff;
	border-left-width: 1px;
	border-right-color: #9FBCBC;
	border-right-width: 1px;
	border-top-color: #ffffff;
	border-top-width: 1px;
	height: 16px;
	color: #004466;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 3px;
	padding-top: 0px;
	white-space: nowrap;
}



form {margin:8px;}



/* PAGE ELEMENTS WITH COLORS AND BGS */

.column_left {
	BACKGROUND-COLOR: #669999;
	background-image: url();
	background-repeat: repeat;
	background-position: top;
	/* direction: ltr; */
}

.column_right {
	BACKGROUND-COLOR: #ffffff;
	background-image: url();
	background-repeat: repeat;
	background-position: top;
}

.border {
	BACKGROUND-COLOR: #004466;
}

.menu_bottom
 {
	BACKGROUND-COLOR: #004466;
	background-image: url();
	background-repeat: repeat;
	background-position-y:50%
	height: 5px;
}

.menu_table {
	BACKGROUND-COLOR: #004466;
	background-image: url();
	background-repeat: repeat;
	background-position-y:50%
}


.menu_content {
	BACKGROUND-COLOR: #BBDDDD;
	background-image: url();
	background-repeat: repeat;
	background-position-y:50%
	vertical-align: top;
	width: 138px;
}

.menu_left {
	BACKGROUND-COLOR: #004466;
	background-image: url(images/topleftbg_he.gif);
	background-repeat: repeat;
	background-position-y:50%
	vertical-align: top;
	width: 7px;

}


.menu_top {
	BACKGROUND-COLOR: transparent;
	background-image: url(images/topbg.gif);
	background-repeat: repeat;
	background-position-y:50%
	vertical-align: top;
	height: 18px;
}


.date {
	BACKGROUND-COLOR: #004466;
	background-image: url();
	background-repeat: repeat;
	background-position-y:50%
	padding-top: 4px;
	vertical-align: middle;
	text-align: center;
	height: 18px;
	width: 147px;
	FONT-SIZE: 10px;
	COLOR: white;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.powered {
	BACKGROUND-COLOR: transparent;
	margin-top: 180px;
	margin-left: 28px;
	margin-bottom: 28px;
	vertical-align: bottom;
}



/* TABLES */

.login_table {
	background-color: #eef5f6;
	vertical-align: top;
	background-position: left top;
	border-left-color: #BFDCDC;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #BFDCDC;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: #BFDCDC;
	border-top-style: solid;
	border-top-width: 1px;
	padding-left: 2px;
	padding-right: 2px;
}

.row {
	border-bottom-color: #BFDCDC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	font-size: 8pt;
	color: #004466;
	font-weight: normal;
}

.row a {
	font-size: 9pt;
	font-weight: normal;
	text-decoration: underline;
	cursor : hand;
	height: 9pt;
}




.row_bright {
	background-color: #F5FEFF;
	font-size: 8pt;
	color: #004466;
	font-weight: normal;
}


.row_nohead {
	border-bottom-color: #BFDCDC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-top-color: White;
	border-top-style: solid;
	border-top-width: 1px;
	font-size: 9pt;
	color: #004466;
	font-weight: bold;
}

.row_bright_nohead {
	background-color: #F5FEFF;
	font-size: 9pt;
	color: #000000;
	font-weight: bold;
}


.logo_table {
	padding-top: 12px; padding-left: 28px; padding-bottom: 0px; padding-right: 18px;
}

.bottom_table {
	width: 100%;
	BACKGROUND-COLOR: #83B5B4;
	background-image: url(images/bg_bottom.gif);
	background-repeat: repeat;
	background-position-y:50%;
	border-top-color: #84B5B5;
	border-top-width: 1px;
	BORDER-TOP-STYLE: solid;
}

.flag {
 width: 128;
 height: 16px;
 background-image: url(images/flag.gif);
 background-repeat: no-repeat;
 background-position: center middle;
 }


	 /* SCROLLERS */

.overflow
  {
	scrollbar-face-color: #CDDA8E;
    scrollbar-shadow-color: #CDDA8E;
    scrollbar-highlight-color: #E6ECC6;
    scrollbar-3dlight-color: #CDDA8E;
    scrollbar-darkshadow-color: #B3C756;
    scrollbar-track-color: #D6E1A3;
    scrollbar-arrow-color: #3E5E52;
  background-color : White;
  overflow: -moz-scrollbars-vertical;
  overflow : auto;
  position : relative;
  top : -4px;
  left : -4px;
  width : 414px;
  height : 288px;
  overflow-y : auto;
  padding-left : 8px;
  padding-bottom : 4px;
  padding-right : 4px;
  padding-top : 4px;
  border-color : White;
  border : 0px;
  }


.overflowborder
  {
	scrollbar-face-color: #CDDA8E;
    scrollbar-shadow-color: #CDDA8E;
    scrollbar-highlight-color: #E6ECC6;
    scrollbar-3dlight-color: #CDDA8E;
    scrollbar-darkshadow-color: #B3C756;
    scrollbar-track-color: #D6E1A3;
    scrollbar-arrow-color: #3E5E52;
  background-color : White;
  overflow: -moz-scrollbars-vertical;
  overflow : auto;
  position : relative;
  top : -4px;
  left : -4px;
  width : 414px;
  height : 258px;
  overflow-y : auto;
  padding-left : 8px;
  padding-bottom : 4px;
  padding-right : 4px;
  padding-top : 4px;
  border-color : White;
  border : 0px;
  }

  .scroll
  {
  scrollbar-face-color:#e36da5; scrollbar-shadow-color: #CD5C5C; scrollbar-highlight-color: #FF80C0; scrollbar-3dlight-color: #DB7093; scrollbar-darkshadow-color: #DB7093; scrollbar-track-color: #DB7093; scrollbar-arrow-color: #FFB6C1;
}

span.plink a {
  color: #8C61A5;
  font-weight: bold;
}
