@CHARSET "UTF-8";

* {
	margin: 0;
}

html,body {
	width: 100%;
	height: 100%;
}

.wrapper {
	position: absolute;
	background-color: white;
	top: 0px;
	left: 0px;
	overflow-x: auto;
	overflow-y: scroll;
}

.fixedBR {
	position: fixed;
	right: 15px;
	bottom: 0px;
	font-size: 1px;
	line-height: 1px;
	z-index: 1000;
	background-color: transparent;
}

.fixedT {
	position: fixed;
	top: 0px;
	font-size: 1px;
	line-height: 1px;
	width: 100%;
	z-index: 1000;
	background-color: transparent;
	line-height: 1px;
}

.fixedTR {
	position: fixed;
	right: 15px;
	top: 0px;
	font-size: 1px;
	line-height: 1px;
	z-index: 1000;
	background-color: transparent;
	line-height: 1px;
}

.fixedTL {
	position: fixed;
	left: 15px;
	top: 0px;
	font-size: 1px;
	line-height: 1px;
	z-index: 1000;
	background-color: transparent;
	line-height: 1px;
}

* html .fixedBR,* html .fixedT,* html .fixedTR,* html .fixedTL {
	position: absolute;
}

/*

Fixed Positioning in IE6 
http://ryanfait.com/

*/
#loading {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1000;
	background-color: #fff;
	padding: 15px 15px 15px 15px;
}

.lpb {
	margin: 2px 0;
	border: 1px solid #949dad;
	width: 300px;
	height: 0.5em;
	overflow: hidden;
	padding: 1px
}

#lpt {
	background: #d4e4ff;
	width: 0;
	height: 100%;
	font-size: 0
}

.invfr {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 0;
	height: 0;
	border: 0
}

.msgb {
	position: absolute;
	right: 0;
	bottom: 10px;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	background: #fff;
	padding: 20px
}

body,td,input,textarea,select,button,pre,th,p,h1,h4,span,option,optgroup,div,label
	{
	font-family: Terafik, Traffic, "B Traffic", Tahoma, Verdana, Arial,
		Geneva, Sans-serif;
	font-size: 8pt;
	font-weight: bold;
	line-height: 20px;
	color: #000000;
}

/* IE png fix */
img,div {
	behavior: url(inc/iepngfix.htc)
}

img {
	border: 0px;
	vertical-align: middle;
}

.chk,button,select,input,span {
	vertical-align: middle;
}

IFRAME {
	border: 0px;
	background-color: transparent;
}

FORM.search {
	width: 315px;
	background-color: #eee;
	padding: 0px 0px 0px 0px;
	margin-bottom: 5px;
}

FORM {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

FORM DIV {
	clear: both;
	padding-top: 5px;
	white-space: nowrap;
}

FORM DIV LABEL {
	float: right;
	width: 100px;
	text-align: left;
	padding-left: 10px;
	vertical-align: middle;
	white-space: nowrap;
}

FORM.search DIV LABEL {
	width: 70px;
}

#page {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}

#header {
	position: relative;
	height: 80px;
	background-color: #112255;
	background-image: url('../images/bgh.gif');
	background-repeat: repeat-x;
	margin-bottom: 3px;
}

#logo { /**/
	position: absolute;
	top: 0px;
	right: 0px;
	background-image: url('../images/bgs.gif');
	background-position: 100% 0;
	height: 50px;
	width:30px
}

#messaging {
	float: left;
	background-image: url('../images/bgs.gif');
	background-position: -610px 0px;
	background-repeat: no-repeat;
	height: 50px;
	width: 250px
}

#bar {
	color: black;
	border: 1px solid #aaa;
	background-color: #eee;
	margin-bottom: 2px;
	text-align: left;
}

#bar input {
	height: 16px;
	line-height: 16px;
}

#bar table {
	display: block;
}

#rlec {
	position: relative;
	width: 60px;
}

#rle {
	position: absolute;
	/*visibility: hidden;*/
	top: 20px;
	right: 0px;
	background-color: #eee;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	z-index: 100;
	box-shadow: 0px 1px 5px #888888;
	-webkit-box-shadow: 0px 1px 5px #888888;
	-moz-box-shadow: 0px 1px 5px #888888;
	border-left: 1px solid #aaa;
}

#rle div {
	white-space: nowrap;
	text-align: right;
	font-size: 7pt;
}

#crpane {
	position: relative;
	z-index: 10000;
}

#newNote {
	z-index: 10001;
	position: absolute;
	display: none;
	background-image: url(../images/new.png);
	background-position: top right;
	background-repeat: no-repeat;
	top: 20px;
	right: -5px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 35px;
	width: 257px;
	height: 253px;
	font-size: 10pt;
}

#lbls {
	visibility: hidden;
	position: absolute;
	right: -10px;
	top: 16px;
	border: 1px solid;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	z-index: 200;
	width: 150px;
	background-color: #eeeeee;
	box-shadow: 0px 1px 5px #888888;
	-moz-box-shadow: 0px 1px 5px #888888
}

#lbls div {
	margin-left: 3px;
	margin-right: 3px;
	white-space: nowrap;
}

.lbl {
	font-size: 6pt;
	color: #003366;
	padding: 1px 5px;
	background-color: #efefff;
}

#tabs {
	text-align: right;
	margin-bottom: -1px;
}

#tabsc {
	padding-right: 20px;
	width: 900px;
	overflow: hidden;
}

#tabsc span {
	height: 20px;
	background: transparent url(../images/tab_right.gif) no-repeat scroll;
	background-position: right top;
	background-color: white;
	float: right;
	border: 0 none;
	cursor: pointer;
	overflow: hidden;
	padding: 0px;
	text-align: center;
	margin-left: 5px;
	text-decoration: none;
}

#tabsc span * {
	background: transparent url(../images/bgs.gif) no-repeat scroll left top;
	background-color: white;
	cursor: pointer;
	color: white;
	overflow: hidden;
	display: block;
	padding: 0px 10px 0px 15px;
	margin: 0px 5px 10px 0px;
	position: relative;
	white-space: nowrap;
	text-decoration: none;
}

#tabsc span.on {
	background: transparent url(../images/tab_right.gif) no-repeat scroll;
	background-position: right -25px;
}

#tabsc span a.on {
	background: transparent url(../images/bgs.gif) no-repeat scroll left top;
	background-position: left -25px;
	color: black;
}

a.cont {
	text-decoration: none;
	color: #999;
}

a.cont:hover {
	color: #000;
}

#content {
	margin-top: -1px;
	padding: 1px 5px 1px 5px;
	background-image: url('../images/bgc.gif');
	background-position: right bottom;
	background-repeat: repeat-x;
}

#content table {
	position: relative;
}

#content td {
	position: relative;
}

#content td p {
	text-align: justify;
}

#content td a {
	display: block;
	position: absolute;
	bottom: 0px;
}

.content {
	background-color: #dcdcdc;
}

#customer {
	position: relative;
	margin-top: 5px;
	height: 50px;
	background-image: url('../images/bgs.gif');
	background-position: left bottom;
	background-repeat: no-repeat;
}

#footer {
	height: 25px;
	line-height: 25px;
	color: #aaa;
	font-size: 8pt;
	text-align: center;
}

button {
	overflow: hidden;
	cursor: pointer;
	border: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 6px;
	text-align: center;
	background-image: url(../images/button_r.gif);
	background-repeat: no-repeat;
	background-position: right;
	background-color: transparent;
}

button span {
	line-height: 21px;
	position: relative;
	color: white;
	display: block;
	white-space: nowrap;
	padding: 0px 0px 0px 6px;
	margin: 0px 6px 0px 0px;
	background-image: url(../images/button.gif);
	background-repeat: no-repeat;
	background-position: left;
}

/*--------------------- BORDERS------------------------*/
b.rtop,b.rbottom {
	display: block;
	font-size: 1px;
	line-height: 1px;
}

b.rtop b,b.rbottom b {
	display: block;
	height: 1px;
	overflow: hidden;
	font-size: 1px;
}

/* WITHOUT BORDER*/
b.r1 {
	margin-left: 5px;
	margin-right: 5px;
}

b.r2 {
	margin-left: 3px;
	margin-right: 3px;
}

b.r3 {
	margin-left: 2px;
	margin-right: 2px;
}

b.rtop b.r4,b.rbottom b.r4 {
	height: 2px;
	margin-left: 1px;
	margin-right: 1px;
}

.r5 {
	
}

/* WITH GRAY BORDER*/
b.r1_b {
	background: #bbbbbb;
	margin-left: 5px;
	margin-right: 5px;
}

b.r2_b {
	border-left: solid 2px #bbbbbb;
	border-right: solid 2px #bbbbbb;
	margin-left: 3px;
	margin-right: 3px;
}

b.r3_b {
	border-left: solid 1px #bbbbbb;
	border-right: solid 1px #bbbbbb;
	margin-left: 2px;
	margin-right: 2px;
}

b.rtop b.r4_b,b.rbottom b.r4_b {
	border-left: solid 1px #bbbbbb;
	border-right: solid 1px #bbbbbb;
	height: 2px;
	margin-left: 1px;
	margin-right: 1px;
}

.r5_b {
	border-left: solid 1px #bbbbbb;
	border-right: solid 1px #bbbbbb;
}

/* WITH WHITE BACKGROUND*/
b.r1_w {
	border-left: solid 5px white;
	border-right: solid 5px white;
}

b.r2_w {
	border-left: solid 3px white;
	border-right: solid 3px white;
}

b.r3_w {
	border-left: solid 2px white;
	border-right: solid 2px white;
}

.r4_w {
	border-left: solid 1px white;
	border-right: solid 1px white;
}

b.rtop b.r4_w,b.rbottom b.r4_w {
	border-left: solid 1px white;
	border-right: solid 1px white;
	height: 2px;
}

/* SMALL */
b.rtops,b.rbottoms {
	display: block;
	font-size: 1px;
}

b.rtops b,b.rbottoms b {
	display: block;
	height: 1px;
	overflow: hidden;
	font-size: 1px;
}

/* WITHOUT BORDER*/
b.r1s {
	margin-left: 2px;
	margin-right: 2px;
}

b.r2s {
	margin-left: 1px;
	margin-right: 1px;
}

/* WITH BORDER*/
b.r1s_b {
	background: #000;
	margin-left: 2px;
	margin-right: 2px;
}

b.r2s_b {
	border-left: solid 1px #000;
	border-right: solid 1px #000;
	margin-left: 1px;
	margin-right: 1px;
}

.stitle {
	font-weight: bold;
}

h1,h1 span {
	font-size: 20px;
	font-weight: bold;
	margin: 2px 2px 2px 2px;
}

.txt,TEXTAREA {
	border: 1px solid #000;
	padding: 1px;
	width: 200px;
	vertical-align: middle;
}

.ltxt {
	border: 1px solid #000;
	padding: 1px;
	width: 80px;
	vertical-align: middle;
}

.vltxt {
	border: 1px solid #000;
	padding: 1px;
	width: 50px;
	vertical-align: middle;
}

.file {
	width: 250px;
}

.loginTxt {
	border: 1px solid #000;
	padding: 1px;
	width: 130px;
}

/* blue buttons */ /*button {
	overflow: hidden;
	border: 0px;
	cursor: pointer;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	background: url(../images/button_right_.gif) right no-repeat;
}

button span {
	line-height: 21px;
	position: relative;
	display: block;
	white-space: nowrap;
	padding: 0px 0px 0px 6px;
	margin: 0px 6px 0px 0px;
	background: url(../images/button_bg_.gif) left no-repeat;
}
*/
.bottomborder {
	border-bottom: 1px solid #000000;
	font-weight: bold;
}

.lightbottom {
	background-color: transparent;
	padding-left: 1px;
	padding-right: 1px;
	border-bottom: 1px solid #cdcdcd;
}

.lightbottomgray {
	background-color: #EFEFEF;
	padding-left: 1px;
	padding-right: 1px;
	border-bottom: 1px solid #cdcdcd;
}

.lightbottomexpired {
	background-color: #ffcccc;
	padding-left: 1px;
	padding-right: 1px;
	border-bottom: 1px solid #cdcdcd;
}

.link {
	cursor: pointer;
}

/*hyperlink*/
.hl {
	color: #ff5555;
}

.disable {
	color: #eee;
	background-color: #ccc;
}

.disabled {
	background-color: #ccc;
}

.wasread {
	color: #888888;
}

.unread {
	font-size: 11px;
}

.topborder {
	border-top: 1px solid #000000;
	font-weight: bold;
}

.error {
	color: #aa0000;
}

TH {
	background-color: #9999cc;
	padding-left: 1px;
	padding-right: 1px;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	font-weight: bold;
	white-space: nowrap;
}

.sideMenu {
	width: 200px;
	white-space: nowrap;
}

.content {
	white-space: nowrap;
}

.menuTitle {
	background-color: #ddddee /*#FFF3CB*/;
	font-size: 12px;
	cursor: pointer;
	display: block;
	white-space: nowrap;
}

.menuItem {
	background-color: #fffcf2;
	cursor: pointer;
	white-space: nowrap;
}

.menu {
	cursor: pointer;
	text-decoration: none;
	color: #28446e;
	white-space: nowrap;
}

.subMenu {
	text-decoration: none;
	color: #585858;
	height: 20px;
	white-space: nowrap;
}

.bc {
	padding: 0px 5px 20px 5px;
	vertical-align: text-top;
}

a {
	color: #ff5555;
	text-decoration: none;
}

a span {
	color: #ff5555;
	text-decoration: none;
}

a:visited {
	color: #ff5555;
	text-decoration: none;
}

a:active {
	color: #ff5555;
}

a:hover {
	text-decoration: underline;
}

a:focus {
	outline: 0px solid #000000;
}

a.selected {
	background: #e2e2e2;
	text-decoration: none;
}

.large_error {
	color: #ff0000;
	margin: 40px 50px 40px 50px;
	padding: 10px 10px 10px 10px;
	border: 1px dashed #000000;
	font-weight: bold;
}

.small_error {
	color: #aa0000;
	margin: 0px 0px 0px 0px;
}

.small {
	font-size: 10px;
}

.help {
	border: solid #000 1px;
	background-color: #FFF4CB;
}

/*--------------------- BORDERS------------------------*/
b.rtop,b.rbottom {
	display: block;
	font-size: 1px;
	line-height: 1px;
}

b.rtop b,b.rbottom b {
	display: block;
	height: 1px;
	overflow: hidden;
	font-size: 1px;
}

/* WITHOUT BORDER*/
b.r1 {
	margin-left: 5px;
	margin-right: 5px;
}

b.r2 {
	margin-left: 3px;
	margin-right: 3px;
}

b.r3 {
	margin-left: 2px;
	margin-right: 2px;
}

b.rtop b.r4,b.rbottom b.r4 {
	height: 2px;
	margin-left: 1px;
	margin-right: 1px;
}

.r5 {
	
}

/* WITH GRAY BORDER*/
b.r1_b {
	background: #bbbbbb;
	margin-left: 5px;
	margin-right: 5px;
}

b.r2_b {
	border-left: solid 2px #bbbbbb;
	border-right: solid 2px #bbbbbb;
	margin-left: 3px;
	margin-right: 3px;
}

b.r3_b {
	border-left: solid 1px #bbbbbb;
	border-right: solid 1px #bbbbbb;
	margin-left: 2px;
	margin-right: 2px;
}

b.rtop b.r4_b,b.rbottom b.r4_b {
	border-left: solid 1px #bbbbbb;
	border-right: solid 1px #bbbbbb;
	height: 2px;
	margin-left: 1px;
	margin-right: 1px;
}

.r5_b {
	border-left: solid 1px #bbbbbb;
	border-right: solid 1px #bbbbbb;
}

/* WITH WHITE BACKGROUND*/
b.r1_w {
	border-left: solid 5px white;
	border-right: solid 5px white;
}

b.r2_w {
	border-left: solid 3px white;
	border-right: solid 3px white;
}

b.r3_w {
	border-left: solid 2px white;
	border-right: solid 2px white;
}

.r4_w {
	border-left: solid 1px white;
	border-right: solid 1px white;
}

b.rtop b.r4_w,b.rbottom b.r4_w {
	border-left: solid 1px white;
	border-right: solid 1px white;
	height: 2px;
}

/* SMALL */
b.rtops,b.rbottoms {
	display: block;
	font-size: 1px;
}

b.rtops b,b.rbottoms b {
	display: block;
	height: 1px;
	overflow: hidden;
	font-size: 1px;
}

/* WITHOUT BORDER*/
b.r1s {
	margin-left: 2px;
	margin-right: 2px;
}

b.r2s {
	margin-left: 1px;
	margin-right: 1px;
}

/* WITH BORDER*/
b.r1s_b {
	background: #000;
	margin-left: 2px;
	margin-right: 2px;
}

b.r2s_b {
	border-left: solid 1px #000;
	border-right: solid 1px #000;
	margin-left: 1px;
	margin-right: 1px;
}

/* added by sahra for help pages*/
.myHeading {
	font-weight: bold;
	font-size: 12.0pt;
	color: #032a49;
}

.imp {
	font-weight: bold;
	font-size: 10.0pt;
	color: #032a49;
}

/*number*/
.number {
	list-style-type: decimal;
	color: #032a49;
}

/*disc*/
.disc {
	list-style-type: disc;
	color: #032a49;
}

/*disc*/
.blackdisc {
	list-style-type: disc;
}

/*square*/
.square {
	list-style-type: square;
	color: #032a49;
}

/*circle*/
.circle {
	list-style-type: circle;
	color: #032a49;
}

.customer_box_header {
	background: #dedede /*2824ad*/;
}

.news_box_header {
	background: #6c6c6c;
}

/*transaction*/
.inner_cell {
	color: #FFFFFF;
	background: #9999cc;
	height: 50px;
	text-align: center;
	font-size: 14px;
}

.hatch {
	background: url(../images/hatch.gif) repeat scroll 0% 0%;
}

.datePicker {
	border: 1px solid black;
	background-color: #f5f5f5;
}

div.selected {
	background-color: #ddddee;
	padding: 2px 2px 2px 2px;
	white-space: nowrap;
	height: 25px;
	text-align: left;
}

div.selected label {
	float: right;
	white-space: nowrap;
}

div.row {
	padding: 2px 2px 2px 2px;
	/*background-color: #ddddee;*/
	white-space: nowrap;
	height: 25px;
	text-align: left;
}

div.row label {
	float: right;
	white-space: nowrap;
	text-decoration: underline;
	cursor: pointer;
}

.billing tbody tr th {
	width: 100px;
	border: 0px;
	background-color: inherit;
	text-align: left;
	padding-left: 10px;
	vertical-align: middle;
	white-space: nowrap;
}

/* OLD VERSION
.fixedTL {
	position: fixed;
	_position: absolute;
	top: 0;
	_top: expression(eval(document.body.scrollTop) );
	left: 0;
	margin: 0;
	padding: 0;
}

/* if you want to emulate bottom:0;, use this:
.fixedBR {
	position: fixed;
	_position: absolute;
	bottom: 0px;
	right: 0px;
	_top: expression(document.body.scrollTop +  
		  document.body.clientHeight-this.clientHeight);
}
*/
.note {
	vertical-align: top;
	color: #999;
	font-size: 7pt
}

.b {
	background-color: #FFFF66;
}

.t {
	background-color: #ddd;
}

optgroup {
	color: #999;
}

.input-default {
	color: #999;
}

.frm {
	display: none;
}

.zero {
	color: #ccc;
}

.preview {
	color: #999;
	border-bottom: 1px dotted #999;
	margin: 20px auto;
}

#doc {
	position: absolute;
	top: 200px;
	right: 300px;
	z-index: 2000;
	background-color: #ffffaa;
	border: 1px solid;
	display: none;
	width: 400px;
	overflow: auto;
	padding: 0px 10px 10px 10px;
}

#doc #bnk img {
	
}

#doc #by {
	position: absolute;
	text-align: center;
	left: 10px;
	color: #ff5500;
}

#doc span {
	font-size: 10pt;
	color: #222299;
	line-height: 23px;
}

#doc span.note {
	vertical-align: top;
	color: #999;
	font-size: 8pt;
	font-style: italic;
}

#doc #pb {
	font-size: 8pt;
	color: #222299;
	line-height: 20px;
}

#doc label {
	color: #992266;
}

.site_news {
	padding: 10px 0px 10px 0px;
	display: block;
}

.nt {
	display: block;
	color: black;
	font-size: 120%;
}

.nb {
	color: #555;
	padding-bottom: 15px;
}

.tdy {
	color: white;
	background-color: #2266cc;
	font-weight: bold;
}

#tipId {
	position: absolute;
	width: 350px;
	height: 350px;
	background-color: #fffcf2;
	border: 1px solid #aaa;
	box-shadow: 0px 2px 5px #555;
	-webkit-box-shadow: 0px 2px 5px #555;
	-moz-box-shadow: 0px 2px 5px #555;
}

.footer {
	font-size: 11pt;
	line-height: 20pt;
}

#dbsettings div label {
	width: 150px;
}

#tipContentText {
	font-size: larger;
	white-space: pre-line;
}

#tipContentText p,#tipContentText pre {
	font-size: larger;
	white-space: pre-line;
}

.title {
	color: black;
	border: 1px solid #aaa;
	background-color: #FFF1FF;
	/*direction: ltr;*/
	padding-left: 3px;
	padding-right: 3px;
}

.blink {
	text-decoration: blink;
}

.run {
	position: relative;
	height: 16px;
	width: 16px;
	line-height: 16px;
}

.run .mps {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 16px;
	width: 16px;
	text-align: center;
	line-height: 16px;
}

.msg-info {
  border: 1px solid #ccc;
  margin: 10px 0 5px 0;
  padding: 10px 32px;
  background: #bff7b4 url('../../images/ok.gif') 99% 9px no-repeat;
  text-align:right;
  direction:rtl;
}
.msg-info .title {
  color: #000;
  font-weight: bold;
}
.msg-warning {
  border: 1px solid #ccc;
  margin: 10px 0 5px 0;
  padding: 10px 32px;
  background: #ffffc6 url('../../images/att.gif') 99% 9px no-repeat;
  text-align:right;
  direction:rtl;
}
.msg-warning .title {
  color: #000;
  font-weight: bold;
}
.msg-error {
  border: 1px solid #ccc;
  margin: 10px 0 5px 0;
  padding: 10px 32px;
  background: #fde9e5 url('../../images/off.gif') 99% 9px no-repeat;
  text-align:right;
  direction:rtl;
}
.msg-error .title {
  color: #000;
  font-weight: bold;
}
.msg-warning .taskStatusLinks,
.msg-error .taskStatusLinks {
  margin-left: -10px;
}
.msg-warning .taskStatusLinks a,
.msg-error .taskStatusLinks a {
  margin-left: 15px;
}

#chgPic{
			z-index:-90;
			position:relative;
			left:-272px;
			top:-211px;
			margin:0px;
			height:200px;
			width:687px;
	   }


select,input,textarea
{
	font-family: Tahoma, Arial;
	font-size:10px;

}

td.main{background:#fff;}
div.wrap{
	width:849px;margin-left: auto ;
  margin-right: auto ;

}


table#main{
	background: white;
}

td.topnav{
	height:33px; width:818px; background:url(../images/bgtop.gif) repeat-x; vertical-align:top;
}