Statistics
| Branch: | Revision:

m2u-upass-admin / WebContent / error / css / main.css @ 142:9f1591b1f4b7

History | View | Annotate | Download (36.8 KB)

1 0:ea666cc7880e hadi
@charset "utf-8";
2
/* CSS Document */
3
4
body{
5
        padding:0;
6
        margin:0;
7
        background-color:#d60000;
8
        font-size:11px;
9
        font-family:Arial,Verdana,Tahoma,sans-serif;
10
        line-height:normal;
11
        text-align:left;
12
        color:#000;
13
        }
14
15
div, img{ border:none; text-decoration:none;}
16
.fail, .alert, .error {color:#FF0000;}
17
18
a {font-size:11px;font-weight:bold;color:#414042;text-decoration: none;}
19
a:hover {color:#e41b23; text-decoration:none; font-weight::bold;}
20
21
#background_gradient{position:inherit;padding:0; margin:0 auto; width:1100px; background-image: url(../images/bg_tr2.jpg); background-position:left top; background-repeat:repeat-y;}
22
#container { padding:0; margin:0 auto; width:965px; max-width:988px; min-width:965px; background-color:#FFF;}
23
#wrap { width:965px;}
24
25
#header{ width:965px; height:130px; background-image: url(../images/header_bg_tr.jpg);background-position:left top; background-repeat:repeat-x;}
26
27
/*------------------ share css -------------------*/
28
#content{ width:945px; margin:0 auto; padding:0;}
29
#content .innerpage_content{ width:720px; float:left;}
30
#content .innerpage_content_with_bug{ width:720px; float:left; background-image:url(../images/bug_innerpage.jpg); background-position: top right; background-repeat:no-repeat;}
31
32
33
34
/*------------------ Landing page header -------------------*/
35
#topimg{ width:965px; height:130px; position:relative;}
36
img.logo{ position:absolute; left:29px;top:12px;}
37
.header_copy{ width:500px; position:absolute; left:200px; top:25px;}
38
.header_copy h1{ margin:0; padding:0; font-size:33px; font-weight:normal;}
39
.header_copy p{ margin:0; padding:0; line-height:12px;}
40
.header_copy span{ color:#e41b23;}
41
.header_copy strong.color{ color:#e41b23;}
42
#logout { width:240px; height:25px; position:absolute; top:0px; left:705px;}
43
#logout .btn
44
{
45
  display: block;
46
  width: 72px;
47
  height: 23px;
48
  background: url("../images/logout_btn.jpg") no-repeat 0 0;
49
50
}
51
52
#logout .btn:hover
53
{
54
  background-position: 0 -23px;
55
}
56
#logout .btn span{ display:none;}
57
.header_copy_inner{ width:500px; position:absolute; left:200px; top:45px;}
58
.header_copy_inner h1{ margin:0; padding:0; font-size:33px; font-weight:normal;}
59
.header_copy_inner span{ color:#e41b23;}
60
61
62
#logout { width:240px; height:25px; position:absolute; top:0px; left:705px;}
63
#logout .btn_in
64
{
65
  display: block;
66
  width: 72px;
67
  height: 23px;
68
  background: url("../images/login.jpg") no-repeat 0 0;
69
70
}
71
72
#logout .btn_in:hover
73
{
74
  background-position: 0 -23px;
75
}
76
#logout .btn_in span{ display:none;}
77
78
79
80
81
/*------------------ Landing page content -------------------*/
82
#content .login{ background:#eeeeee url(../images/login_top.jpg) no-repeat left top; float:left; margin:25px 0 20px 20px;}
83
#content .login .loginTbl{background:url(../images/login_bottom.jpg) left bottom no-repeat;padding:15px 0;width:540px;}
84
#content .login .verticalDot{background:url(../images/red_dot.gif) top center repeat-y;}
85
#content .login input {font-size:11px; color:#000; margin:0;padding:2px; background-image:url(../images/field_bg.jpg); width:146px; height:21px; border:none;}
86
#content .login h1{ font-size:16px; font-weight:bold; padding-left:5px;  margin:0; line-height:20px;}
87
#content .login span.copy1{ font-size:11px; font-weight:normal; padding-left:5px; margin:0;}
88
#content .login span.copy2{ font-size:13px; font-weight:normal; padding:0; margin:0;}
89
#content .login span.copy3{ font-size:14px; font-weight:normal; padding-right:5px; padding-bottom:5px; margin:0;}
90
#content .login a {font-size:11px;font-weight:bold;color:#414042;text-decoration: none;}
91
#content .login a:hover {color:#e41b23; text-decoration: underline; font-weight::bold;}
92
#content .login input.btn_image{display: block;width: 60px;height: 25px;background: url(../images/btn_next.jpg) no-repeat 0 0;cursor: pointer; text-indent: -9999px; color: transparent; text-transform: capitalize;  /* This is the IE hack   */}
93
#content .login input.btn_image:hover{background-position: 0 -25px;}
94
95
#content .bug{ float:right; }
96
#content .info_wrap{width:925px; height:190px;  position:relative; clear:both; margin-bottom:25px; padding-left:20px;}
97
#content .info_bg{ width:260px; height:190px; float:left; background-image: url(../images/content_gradient.jpg); background-position:left top; background-repeat:no-repeat;}
98
#content .warning_icon{position:absolute; left:15px; top:11px;}
99
#content .light_icon{position:absolute; left:270px; top:11px;}
100
#content .time_icon{position:absolute; left:524px; top:11px;}
101
#content .phone_icon{position:absolute; left:530px; top:85px;}
102
#content .verisign{margin-top:60px; margin-left:5px;}
103
#content .info_column1{width:195px;  margin-left:40px; margin-top:11px;}
104
#content .info_column2 {width:195px; margin-left:25px; margin-top:11px;}
105
#content .info_column3 {width:195px; margin-left:35px; margin-top:11px;}
106
#content .info_column1 h1, .info_column2 h1,.info_column3 h1{ font-size:12px; font-weight:bold; color:#e41b25; padding:0; margin:0;}
107
#content .info_column1 p, .info_column2 p,.info_column3 p{ font-size:12px; font-weight:normal; padding:0; line-height:18px; margin:0;}
108
#content .dotted_line{border-bottom:1px dotted #e41b25; line-height:1px; margin:10px 0;}
109
110
111
#content .password{ background:#eeeeee url(../images/password_top.jpg) no-repeat left top; float:left; margin:25px 0 20px 20px;}
112
#content .password .passwordTbl{background:url(../images/password_bottom.jpg) left bottom no-repeat;padding:15px 0;width:500px;}
113
#content .password input {font-size:11px; color:#000; margin:0;padding:2px; background-image:url(../images/field_bg.jpg); width:146px; height:21px; border:none;}
114
#content .password h1{ font-size:16px; font-weight:bold; padding:0 margin:0; line-height:6px;}
115
#content .password .note{ padding:5px; margin:auto 0; background-color:#FFF; border:1px #F00 dotted; width:448px;}
116
#content .password a {font-size:11px;font-weight:bold;color:#414042;text-decoration: none;}
117
#content .password a:hover {color:#e41b23; text-decoration: underline; font-weight::bold;}
118
#content .password input.btn_image{display: block;width: 60px;height: 25px;background: url(../images/btn_next.jpg) no-repeat 0 0;cursor: pointer; text-indent: -9999px;
119
color: transparent;
120
text-transform: capitalize;  /* This is the IE hack   */}
121
#content .password input.btn_image:hover{background-position: 0 -25px;}
122
#content .password input.btn_cancel{display: block;width: 60px;height: 25px;background: url(../images/btn_cancel.jpg) no-repeat 0 0;cursor: pointer;
123
text-indent: -9999px;
124
color: transparent;
125
text-transform: capitalize;  /* This is the IE hack   */}
126
#content .password input.btn_cancel:hover{ background-position: 0 -25px;}
127
128
129
#content .security{ background:#eeeeee url(../images/security_top.jpg) no-repeat left top; float:left; margin:25px 0 20px 20px;}
130
#content .security .securityTbl{background:url(../images/security_bottom.jpg) left bottom no-repeat;padding:15px 0;width:400px;}
131
#content .security input {font-size:11px; color:#000; margin:0;padding:2px; background-image:url(../images/field_bg.jpg); width:146px; height:21px; border:none;}
132
#content .security h1{ font-size:16px; font-weight:bold; padding:0 margin:0; line-height:10px;}
133
#content .security a {font-size:11px;font-weight:bold;color:#414042;text-decoration: none;}
134
#content .security a:hover {color:#e41b23; text-decoration: underline; font-weight::bold;}
135
#content .security input.btn_image{display: block;width: 60px;height: 25px;background: url(../images/btn_next.jpg) no-repeat 0 0;cursor: pointer; text-indent: -9999px;
136
color: transparent;
137
text-transform: capitalize;  /* This is the IE hack   */}
138
#content .security input.btn_image:hover{ background-position: 0 -25px;}
139
#content .security input.btn_cancel{display: block;width: 60px;height: 25px;background: url(../images/btn_cancel.jpg) no-repeat 0 0;cursor: pointer; text-indent: -9999px;
140
color: transparent;
141
text-transform: capitalize;  /* This is the IE hack   */}
142
#content .security input.btn_cancel:hover{ background-position: 0 -25px;}
143
144
145
#content .logout_page{ width:560px; float:left; margin-top:25px; margin-left:20px; margin-bottom:10px;}
146
#content .logout_page .top{ margin:0; padding:0;}
147
#content .logout_page .bottom{ margin-top:20px; padding:0;}
148
#content .logout_page h1{ font-size:16px; font-weight:bold; padding:0; margin:0;}
149
#content .logout_page h2{ font-size:14px; font-weight:bold; padding:0; margin:0;}
150
#content .logout_page .bottom table td { padding:5px; }
151
#content .logout_page .bottom span{ font-size:9px;}
152
table.logout {
153
        border-width: 1px;
154
        border-color: #acacac;
155
        border-collapse: collapse;
156
}
157
table.logout th {
158
        border-width: 1px;
159
        border-style: solid;
160
        border-color: #acacac;
161
}
162
table.logout td {
163
        border-width: 1px;
164
        border-style: solid;
165
        border-color: #acacac;
166
}
167
168
#content .logout_note{ width:800px; float:left; margin-left:20px; margin-bottom:25px;}
169
170
.need_help {font-size:11px; font-weight:normal;}
171
.need_help .title{font-size:14px; font-weight:bold; margin-bottom:10px;}
172
.need_help ul{ list-style: none; margin:0; padding:0;}
173
.need_help img{  margin-bottom:-5px; padding:0;}
174
175
/*------------------ funds tranfer page content -------------------*/
176
#content .tranfer_wrap{ width:700px; margin:10px; position:relative;}
177
#content .tranfer_wrap .secure{width:109px; height:54px; position:absolute; right:40px; bottom:50px;}
178
#content .tranfer_wrap .content_holder{ width:490px; border-bottom:1px dotted #e41b25; margin:25px 0; padding:0 10px 20px 0; clear:both;}
179
#content .tranfer_wrap h1{ font-size:24px; font-weight:normal; padding:0; margin:0; }
180
#content .tranfer_wrap h2{ font-size:13px; font-weight:normal; padding:0; margin:0; }
181
#content .tranfer_wrap h3{ font-size:14px; font-weight:normal; padding:0; margin:0; }
182
#content .tranfer_wrap p{ font-size:10px; font-weight:normal; padding:0; margin:0; line-height:15px;}
183
#content .tranfer_wrap span.red{ color:#e41b25;}
184
185
/*------------------ submenu -------------------*/
186
#subnavi_wrap{ width:205px; float:left; margin:10px; padding:0;}
187
#subnavi_wrap #sideContent{ border:1px #1d1d1d solid; padding:0 0 60px 0; margin:0; width:200px; background-color:#505050; background-image:url(../images/navi_bg.jpg); background-position:bottom left; background-repeat:no-repeat;}
188
#subnavi_wrap #sideContent .sdmenu ul {list-style:none; margin:0; padding:0px;}
189
#subnavi_wrap #sideContent .sdmenu ul li {padding: 0; display: block;}
190
#subnavi_wrap #sideContent .sdmenu ul li a { display: block; height:32px; line-height:32px; font-size:13px; color:#FFF; text-decoration:none; margin:0;padding: 0; background-image:url(../images/navi2.jpg); padding-left:20px;}
191
192
/* first level navigation  */
193
#subnavi_wrap #sideContent .sdmenu ul li a{ height:32px; width:180px;  background-position: 0px 0px; color:#FFF; padding-left:20px;}
194
195
/*rollover*/
196
#subnavi_wrap #sideContent .sdmenu ul li a:hover{ height:32px; width:180px; line-height:32px; background-position: 0px -32px; color:#FFF; padding-left:20px;}
197
198
/*press*/
199
#subnavi_wrap #sideContent .sdmenu ul li a.active,
200
#subnavi_wrap #sideContent .sdmenu ul li a:active{ height:32px; width:180px; line-height:32px; background-position: 0px -32px; }
201
#subnavi_wrap #sideContent .sdmenu ul li a.active,
202
203
/*on states navigation*/
204
.selected{ text-decoration: none; margin:0;padding: 0; }
205
#subnavi_wrap #sideContent .sdmenu ul li .selected, #subnavi_wrap #sideContent .sdmenu ul li .selected, #subnavi_wrap #sideContent .sdmenu ul li .selected:hover, #subnavi_wrap #sideContent .sdmenu ul li .selected:active { height:32px; width:180px;  line-height:32px; background-position: 0px -32px; cursor:default;}
206
207
/*on states navigation*/
208
.selected2{ text-decoration: none; margin:0;padding: 0; }
209
#subnavi_wrap #sideContent .sdmenu ul li .selected2, #subnavi_wrap #sideContent .sdmenu ul li .selected2, #subnavi_wrap #sideContent .sdmenu ul li .selected2:hover, #subnavi_wrap #sideContent .sdmenu ul li .selected2:active { height:32px; width:180px;  line-height:32px; background-position: 0px -64px; cursor:default;}
210
211
#subnavi_wrap #sideContent .sdmenu ul li .sdmenu_bg{background-color:#262626; padding:0; margin:0; background-image:url(../images/submenu_inner_shadow.jpg); background-position:bottom left; background-repeat:no-repeat;}
212
#subnavi_wrap #sideContent .sdmenu ul li .sdmenu_bg_top{ padding:0; margin:0; background-image:url(../images/submenu_inner_top.jpg); background-position:top left; background-repeat:no-repeat;}
213
#subnavi_wrap #sideContent .sdmenu ul li ul.sdmenu_inner { border-bottom:1px #959595 solid; padding-bottom:10px; padding-top:10px; margin:0;}
214
#subnavi_wrap #sideContent .sdmenu ul li ul.sdmenu_inner li { width:200px;}
215
#subnavi_wrap #sideContent .sdmenu ul li ul.sdmenu_inner li div{ list-style:none; margin:0; padding-left:25px; padding-right:5px; font-size:11px; color:#FFF; font-size:12px; font-weight:bold;}
216
#subnavi_wrap #sideContent .sdmenu ul li ul.sdmenu_inner li a{ width:140px; list-style:none; margin-left:30px; padding:5px 0 5px 15px; font-size:11px; font-weight:normal; color:#fff; line-height:14px; height:auto !important; background-image:url(../images/arrow.gif); background-position:left; background-repeat:no-repeat; text-decoration:none;  }
217
218
#subnavi_wrap #sideContent .sdmenu ul li ul.sdmenu_inner li a:hover{ width:140px; list-style:none; margin-left:30px; padding:5px 0 5px 15px; font-size:11px; color:#e01d21; font-weight:normal; line-height:14px; height:auto !important; background-image:url(../images/arrow.gif); background-position:left; background-repeat:no-repeat; text-decoration:underline; }
219
220
/*on states sub navigation*/
221
.selected{ text-decoration: none; margin:0;padding: 0; }
222
#subnavi_wrap #sideContent .sdmenu ul li ul.sdmenu_inner li .selected, #subnavi_wrap #sideContent .sdmenu ul li ul.sdmenu_inner li .selected, #subnavi_wrap #sideContent .sdmenu ul li ul.sdmenu_inner li .selected:hover, #subnavi_wrap #sideContent .sdmenu ul li ul.sdmenu_inner li .selected:active { width:140px; list-style:none; margin-left:30px; padding:5px 0 5px 15px; font-size:11px; color:#e01d21; font-weight:normal; line-height:14px; height:auto !important; background-image:url(../images/arrow_on.gif); background-position:left; background-repeat:no-repeat; text-decoration:underline;}
223
224
/*------------------ welcome page content -------------------*/
225
#content .user_info{ width:182px; background-color:#2b2b2b; padding:10px; margin-bottom:10px; }
226
#content .user_info span.red{ color:#e41b23; font-size:12px; font-weight:bold; }
227
#content .user_info span.white{ color:#fff; }
228
#content .user_info .dotted_line_white{border-bottom:1px dotted #fff; line-height:1px; margin:10px 0;}
229
#content .user_info h1 {font-size:16px; font-weight:bold; padding:0; margin:0; line-height:18px; color:#e41b23;}
230
#content .user_info p{ color:#fff; font-size:11px; line-height:16px; padding:0; margin:0; }
231
#content .user_info h1 span {font-size:11px; font-weight:normal; font-style:italic; color:#fff;}
232
#content .announcement_wrap{ width:288px; height:233px; background-color:#f7f7f7; border:1px solid #ff9b9b; padding:20px; float:left; margin:5px 10px 10px 10px;}
233
#content .sublink{ width:658px; height:115px; background-color:#f7f7f7; border:1px solid #ff9b9b; padding:10px; float:left; margin:0 10px 25px 10px;}
234
#content .announcement_wrap h1 {font-size:14px; font-weight:bold; padding-bottom:10px; margin:0; color:#e41b23;}
235
#content .announcement_wrap h2 {font-size:10px; font-weight:normal; padding:0; margin:0;}
236
#content .announcement_wrap p{ color:#fff; font-size:10px; padding-bottom:10px; color:#000; margin:0;}
237
#content .announcement_wrap span.red{ color:#e41b23; font-size:11px; font-weight:bold;}
238
#content .announcement_wrap .read_more_btn{ text-align:right;}
239
#content .announcement_wrap a, .sublink a { font-size:11px; font-weight:bold; color:#414042; text-decoration:none;}
240
#content .announcement_wrap a:hover, .sublink a:hover { font-size:11px; font-weight:bold; color:#e41b23; text-decoration:none;}
241
242
243
244
/*------------------ Account Information page content -------------------*/
245
#content .acc_info_wrap{width:700px; margin:10px;}
246
#content .acc_info_wrap h1{ font-size:14px; font-weight:bold; margin:0; color:#e41b23; padding-bottom:20px;}
247
#content .acc_info_wrap h2{ font-size:12px; font-weight:bold; padding:0; margin:0; }
248
#content .acc_info_wrap h3{ font-size:11px; font-weight:normal; padding:0; margin:0; }
249
#content .acc_info_wrap h4{ font-size:12px; font-weight:bold; margin:0; color:#e41b23; padding:0;}
250
#content .acc_info_wrap tr.title{ background-color:#96090e; color:#FFF;text-align:left;}
251
/* #content .acc_info_wrap tr.even{ background-color:#e7e7e7; }
252
#content .acc_info_wrap tr.alt{ background-color:#f9f9f9; } */
253
#content .acc_info_wrap .note ul { width:500px; padding:0; margin-left:15px; list-style:decimal ; list-style-position: outside;}
254
#content .acc_info_wrap .note ul li{ line-height:16px; padding:0; margin:0;}
255
table.datebase {
256
        border-width: 1px;
257
        border-color: #acacac;
258
        border-collapse: collapse;
259
}
260
table.datebase th {
261
        border-width: 1px;
262
        border-style: solid;
263
        border-color: #acacac;
264
}
265
table.datebase td {
266
        border-width: 1px;
267
        border-style: solid;
268
        border-color: #acacac;
269
}
270
271
#content .acc_info_wrap .note{
272
        margin:15px 0;
273
        width:700px;
274
        height:95px;
275
        background-repeat:no-repeat;
276
        background-position:top left;
277
        }
278
279
/*------------------ footer -------------------*/
280
#footer{ width:945px; height:40px; margin:0 auto; padding:0; background-image:url(../images/footer_bg_tr.jpg); background-position:left top; background-repeat:repeat-x; color:#FFF;}
281
#footer_wrap{ width:945px; height:40px; position:relative;}
282
#footer_wrap .footer_left{ position:absolute; left:0;}
283
#footer_wrap .footer_right{ position:absolute; right:0;}
284
#footer_wrap span#links { position:absolute; left:15px; top:15px;}
285
#footer_wrap span#copyrights { position:absolute; right:15px; top:15px; font-size:9px;}
286
#footer_wrap a {font-size:11px; text-decoration:none; font-weight:bold; text-align:left; color:#fff; padding-right:15px;}
287
#footer_wrap a:hover {color:#000; text-decoration:none; font-weight::bold; padding-right:15px;}
288
289
#footer_shadow {width:1085px;height:61px;background-image:url(../images/bg_bottom.jpg);margin:0 auto;}
290
291
/* table control */
292
div.tableWrap {padding:0 5px 10px 5px;background:#fff;}
293
294
table tr.borderTop td {border-bottom:1px solid #5e5e5e;}
295
table tr.borderBottom td {border-bottom:1px solid #5e5e5e;}
296
297
table.tablogin {background:#fff;padding:1px;width:100%;border-spacing:1px;margin:12px 0 0 0;height:100px;}
298
        table.tablogin td {background:#fff;padding:5px 5px 0 5px;border:1px solid #ff7800;}
299
        table.tablogin td form {background:none;background-color:none;padding:10px 0 0 0;}
300
        table.tablogin td form table td {background:none;border:none;}
301
        table.tablogin td form table td.right {direction:rtl}
302
        table.tablogin td table td {background:none;border:none;}
303
        table.tablogin .loginRight {background:#e6e5e5;width:40%;padding:10px 15px 5px 17px;vertical-align:top;border:1px solid #e6e5e5;}
304
        table.tablogin .loginRight h2 {font-size:1.3em;font-style:italic;color:#666666;padding:0 0 5px 0;}
305
        table.tablogin .loginRight h3 {font-size:1.0em;color:#666666;padding:0 0 5px 0;}
306
        table.tablogin .loginRight li {list-style:url("../images/arrow_org.gif");padding:2px 0px 3px 0px;margin:0 0 0 15px;font-weight:bold;}
307
        table.tablogin .loginField {text-align:right;color:#000;font-weight:bold;}
308
        table.tablogin .loginRight a {color:#000;font-size:10px;font-weight:bold;}
309
        table.tablogin .loginRight a:hover {color:000;}
310
        table.tablogin .loginAlert{text-align:center;color:#FF0000;font-weight:bold;padding:2px 5px 3px 5px;}
311
312
table.tabsummary {
313
        border:1px solid #e7e7e7;
314
        padding:1px;
315
        width:100%;
316
        border-spacing:1px;
317
        border-color: #acacac;
318
        border-width: 1px;
319
        background-color: #f9f9f9;
320
        border-collapse: collapse;
321
}
322
        table.tabsummary thead {background:c;}
323
        table.tabsummary tr.header {background:#ffc;}
324
        table.tabsummary th {
325
        padding:6px;
326
        background:#96090e;
327
        font-size:12px;
328
        color:#fff;
329
        font-weight:bold;
330
        text-align:center;
331
}
332
        table.tabsummary tr.even {background:#eeeeee;}
333
        table.tabsummary tr.alt {
334
        background:#ffffff;
335
        border-color: #acacac;
336
        border-width: 1px;
337
        border-style: solid;
338
}
339
        table.tabsummary td {padding:6px;}
340
        table.tabsummary td a {font-weight:bold;}
341
        table.tabsummary .select {
342
        width:160px;
343
        text-align:left;
344
        border-style: solid;
345
        border-width: 1px;
346
        border-color: #acacac;
347
}
348
        table.tabsummary th.select span {padding-left:10px;}
349
                table.tabsummary .select form.quickLink p {text-align:right;}
350
                table.tabsummary .select form.quickLink select {width:120px;font-size:10px;}
351
                        table.tabsummary .select form.quickLink select option {width:100%;}
352
                        table.tabsummary .select form.quickLink input {
353
        cursor:pointer;
354
        margin:0px;
355
        font-size:10px;
356
        padding:0px;
357
        vertical-align:middle;
358
        left: 1030px;
359
        top: 252px;
360
}
361
                        table.tabsummary .select form.quickLink .go {
362
        cursor:pointer;
363
        margin:0px;
364
        font-size:10px;
365
        padding:2px;
366
}
367
        table.tabsummary  .name {width:25%;text-align:right;}
368
        table.tabsummary  .title{
369
        min-width:130px;
370
        text-align:left;
371
        vertical-align:top;
372
        border-color: #acacac;
373
        border-width: 1px;
374
        border-style: solid;
375
}
376
        table.tabsummary  .header{
377
        text-align:center;
378
        vertical-align:top;
379
        border-width: 1px;
380
        border-color: #acacac;
381
        border-style: solid;
382
}
383
        table.tabsummary  .headerRight{text-align:right;vertical-align:top;}
384
        table.tabsummary  .account {
385
        width:60px;
386
        text-align:left;
387
        vertical-align:top;
388
        border-style: solid;
389
        border-width: 1px;
390
        border-color: #acacac;
391
}
392
        table.tabsummary  .balance {
393
        min-width:80px;
394
        text-align:right;
395
        vertical-align:top;
396
        border-color: #acacac;
397
        border-width: 1px;
398
        border-style: solid;
399
}
400
        table.tabsummary  .balance1 {width:20%;text-align:right;vertical-align:top;}
401
        table.tabsummary  .input {width:100%;text-align:left;vertical-align:middle;}
402
        table.tabsummary  .tickbox {width:6%;text-align:center;vertical-align:top;}
403
        table.tabsummary  .description {min-width:160px;text-align:left;vertical-align:top;}
404
405
table.tabdata {
406
        border:1px solid #e3e3e3;
407
        padding:0px;
408
        width:100%;
409
        border-spacing:1px;
410
        /* [disabled]border:1px solid #acacac; */
411
        border-width: 1px;
412
        border-style: solid;
413
        border-color: acacac;
414
        border-collapse: collapse;
415
}
416
        table.tabdata thead {background: #e3e3e3;border-spacing:0px;}
417
        table.tabdata tr.header {background:#ffc;}
418
        table.tabdata th {
419
        padding:5px;
420
        background:#96090e;
421
        font-size:12px;
422
        color:#fff;
423
        font-weight:bold;
424
        text-align:center;
425
}
426
        table.tabdata tr.even {background:#eeeeee;}
427
        table.tabdata tr.alt {background:#ffffff;}
428
                table.tabdata td {
429
        padding:4px 5px 4px 10px;
430
        border-width: 1px;
431
        border-style: solid;
432
        border-color: #acacac;
433
}
434
        table.tabdata td a {font-weight:bold;}
435
        table.tabdata  .name {width:25%;text-align:right;}
436
        table.tabdata  .title{width:50%;text-align:left;vertical-align:middle;}
437
        table.tabdata  .titletop{width:50%;text-align:left;vertical-align:middle;border-bottom:0px;}
438
        table.tabdata  .header{
439
        text-align:left;
440
        vertical-align:middle;
441
        border-color: #acacac;
442
        border-style: solid;
443
        border-width: 1px;
444
}
445
        table.tabdata  .headerRight{
446
        text-align:left;
447
        vertical-align:middle;
448
        border-color: #acacac;
449
        border-style: solid;
450
        border-width: 1px;
451
}
452
        table.tabdata  .account {
453
        width:30%;
454
        text-align:left;
455
        vertical-align:top;
456
        border-width: 1px;
457
        border-color: #acacac;
458
        border-style: solid;
459
}
460
        table.tabdata .balance {
461
        width:20%;
462
        text-align:left;
463
        vertical-align:top;
464
        border-color: #acacac;
465
        border-style: solid;
466
        border-width: 1px;
467
}
468
        table.tabdata  .balance1 {width:30%;text-align:right;vertical-align:top;}
469
        table.tabdata .status {width:35%;text-align:center;vertical-align:top;}
470
        table.tabdata .number {width:15%;text-align:left;vertical-align:top;}
471
        table.tabdata .numberCenter {width:40%;text-align:center;vertical-align:top;}
472
        table.tabdata  .input {width:30%;text-align:left;vertical-align:left;}
473
        table.tabdata  .tickbox {width:6%;text-align:center;vertical-align:top;}
474
        table.tabdata  .date {
475
        width:17%;
476
        text-align:left;
477
        vertical-align:top;
478
        border-color: #acacac;
479
        border-style: solid;
480
        border-width: 1px;
481
}
482
        table.tabdata  .description {width:25%;text-align:center;vertical-align:top;}
483
        table.tabdata  .description2 {width:40%;text-align:left;vertical-align:top;}
484
        table.tabdata  .fromAccount {width:21%;text-align:center;vertical-align:top;}
485
        table.tabdata .amount {width:15%;text-align:right;vertical-align:top;}
486
        /* this is css for list SI Summary print*/
487
        table.tabdata  .normal {width:10%;text-align:center;vertical-align:top;}
488
        table.tabdata  .accountColumn {width:15%;text-align:center;vertical-align:top;}
489
        table.tabdata  .transType {width:20%;text-align:left;vertical-align:top;}
490
        table.tabdata  .transId {width:10%;text-align:left;vertical-align:top;}
491
        table.tabdata ol {list-style-type:decimal;list-style-position:outside;}
492
                table.tabdata ol li {margin-left:15px;}
493
494
table.tabresult {background:#fff;border:0;padding:0px;width:100%;border-spacing:0px;border-top:1px solid #999999;}
495
        table.tabresult thead {background: #e3e3e3;border-spacing:0px;}
496
        table.tabresult tr.header {background:#ffc;}
497
        table.tabresult th {padding:5px;background:#02673f;font-size:12px;color:#fff;font-weight:bold;text-align:center;}
498
        table.tabresult tr.even {background:none repeat scroll 0 0 #FFEBEC}
499
        table.tabresult tr.alt {background:none repeat scroll 0 0 #FFFFFF}
500
        table.tabresult td {padding:4px 5px 4px 10px;border-bottom:1px solid #999999;}
501
        table.tabresult td a {font-weight:bold;}
502
        table.tabresult  .name {width:25%;text-align:right;}
503
        table.tabresult  .title{text-align:left;vertical-align:middle;}
504
        table.tabresult  .titleRight{text-align:right;vertical-align:middle;}
505
        table.tabresult  .titletop{text-align:left;vertical-align:middle;border-bottom:0px;}
506
        table.tabresult  .titletopRight{width:20%;text-align:right;vertical-align:middle;border-bottom:0px;}
507
        table.tabresult  .header{text-align:center;vertical-align:middle;}
508
        table.tabresult  .account {width:30%;text-align:left;vertical-align:top;}
509
        table.tabresult .balance {width:20%;text-align:right;vertical-align:top;}
510
        table.tabresult  .balance1 {width:30%;text-align:right;vertical-align:top;}
511
        table.tabresult  .input {width:30%;text-align:left;vertical-align:left;}
512
        table.tabresult  .tickbox {width:6%;text-align:center;vertical-align:top;}
513
514
table.tabmenu {background:#fff;border:1px solid #999999;padding:1px;width:100%;border-spacing : 2px;}
515
        table.tabmenu tr.even {background:#ebf6d6;}
516
        table.tabmenu tr.alt {background:#e8eede;}
517
        table.tabmenu td {padding:10px;}
518
        table.tabmenu td a {font-weight:bold;}
519
        table.tabmenu ul {list-style-type:disc;list-style-position:outside;}
520
                table.tabmenu ul li {margin-left:15px;}
521
        table.tabmenu  .name {width:25%;text-align:right;}
522
        table.tabmenu  .title{width:50%;text-align:left;vertical-align:middle;}
523
        table.tabmenu  .describtion{width:70%;text-align:left;vertical-align:top;}
524
        table.tabmenu  .header{text-align:center;vertical-align:middle;}
525
        table.tabmenu  .account {width:30%;text-align:left;vertical-align:top;}
526
        table.tabmenu .balance {width:20%;text-align:right;vertical-align:top;}
527
        table.tabmenu  .balance1 {width:30%;text-align:right;vertical-align:top;}
528
        table.tabmenu  .input {width:30%;text-align:left;vertical-align:left;}
529
        table.tabmenu  .tickbox {width:6%;text-align:center;vertical-align:top;}
530
531
table.tabtrans {
532
        background:#ffd8da url(../images/bg_c_red.jpg) repeat-x top;
533
        border:1px solid #999999;
534
        padding:0px;
535
        width:100%;
536
        border-spacing:0px;
537
}
538
        table.tabtrans input, table.tabtrans select {padding:0px;margin:0px;}
539
        table.tabtrans tr {border:0px 1px 0px 1px solid #999999;}
540
        table.tabtrans th, table.tabtrans td {padding:7px 10px 7px 10px;}
541
        table.tabtrans td a {font-weight:bold;}
542
        table.tabtrans td p {margin:0;padding:0;border:0;outline:0; vertical-align:baseline;}
543
        table.tabtrans tfoot {background:#fff;}
544
         table.tabtrans tfoot #borderTop {border-top:1px solid #999999;}
545
         table.tabtrans tfoot #noBorder {border:0px}
546
         table.tabtrans tfoot td {border:0px}
547
        table.tabtrans tfoot input {vertical-align:middle;}
548
        table.tabtrans ul {list-style-type:disc;list-style-position:outside;}
549
        table.tabtrans ul li {margin-left:15px;}
550
        table.tabtrans  .name {width:25%;text-align:right;}
551
        table.tabtrans  .name2 {width:15%;text-align:right;}
552
        table.tabtrans  .title{width:50%;text-align:left;vertical-align:middle;}
553
        table.tabtrans  .header{text-align:center;vertical-align:middle;}
554
        table.tabtrans  .account {width:30%;text-align:left;vertical-align:top;}
555
        table.tabtrans  .balance {width:20%;text-align:right;vertical-align:top;}
556
        table.tabtrans  .balance1 {width:30%;text-align:right;vertical-align:top;}
557
        table.tabtrans  .input {width:30%;text-align:left;vertical-align:top;}
558
        table.tabtrans  .tickbox {width:6%;text-align:center;vertical-align:top;}
559
        table.tabtrans  .fromacc {width:15%;text-align:center;vertical-align:top;}
560
        table.tabtrans  .toacc {text-align:left;vertical-align:middle;border-bottom:1px solid #666666;}
561
        table.tabtrans  .toacc h3 {color:#fff;}
562
563
        table.tabtrans  .regMobile1 {width:35%;text-align:left;vertical-align:top;}
564
        table.tabtrans  .regMobile2 {width:19%;text-align:right;vertical-align:top;}
565
        table.tabtrans  .regMobile3 {width:1%;text-align:left;vertical-align:top;}
566
        table.tabtrans  .regMobile4 {width:45%;text-align:left;vertical-align:top;}
567
568
table.tabtrans1{background:#e0ffb4 url(../images/bg_c_green.jpg) repeat-x top;border:1px solid #999999;padding:0px;width:80%;border-spacing:0px;}
569
        table.tabtrans1 input, table.tabtrans select {padding:0px;margin:0px;}
570
        table.tabtrans1 tr {border:0px 1px 0px 1px solid #999999;}
571
        table.tabtrans1 th, table.tabtrans td {padding:7px 10px 7px 10px;}
572
        table.tabtrans1 td a {font-weight:bold;}
573
        table.tabtrans1 tfoot {background:#fff;}
574
         table.tabtrans1 tfoot #borderTop {border-top:1px solid #999999;}
575
         table.tabtrans1 tfoot #noBorder {border:0px}
576
         table.tabtrans1 tfoot td {border:0px}
577
        table.tabtrans1 ul {list-style-type:disc;list-style-position:outside;}
578
                table.tabtrans1 ul li {margin-left:15px;}
579
        table.tabtrans1  .name {width:25%;text-align:right;}
580
        table.tabtrans1  .title{width:50%;text-align:left;vertical-align:middle;}
581
        table.tabtrans1  .header{text-align:center;vertical-align:middle;}
582
        table.tabtrans1  .account {width:30%;text-align:left;vertical-align:top;}
583
        table.tabtrans1  .balance {width:20%;text-align:right;vertical-align:top;}
584
        table.tabtrans1  .balance1 {width:30%;text-align:right;vertical-align:top;}
585
        table.tabtrans1  .input {width:30%;text-align:left;vertical-align:left;}
586
        table.tabtrans1  .tickbox {width:6%;text-align:center;vertical-align:top;}
587
588
table.tabtrans2{background:#e0ffb4 url(../images/bg_c_green.jpg) repeat-x top;border:1px solid #999999;padding:0px;width:80%;border-spacing:0px;}
589
        table.tabtrans2 input, table.tabtrans select {padding:0px;margin:0px;}
590
        table.tabtrans2 tr {border:0px 1px 0px 1px solid #999999;}
591
        table.tabtrans2 th, table.tabtrans td {padding:7px 10px 7px 10px;}
592
        table.tabtrans2 td a {font-weight:bold;}
593
        table.tabtrans2 tfoot {background:#fff;}
594
         table.tabtrans2 tfoot #borderTop {border-top:1px solid #999999;}
595
         table.tabtrans2 tfoot #noBorder {border:0px}
596
         table.tabtrans2 tfoot td {border:0px}
597
        table.tabtrans2 ul {list-style-type:disc;list-style-position:outside;}
598
                table.tabtrans2 ul li {margin-left:15px;}
599
        table.tabtrans2  .name {width:25%;text-align:right;}
600
        table.tabtrans2  .title{width:50%;text-align:left;vertical-align:middle;}
601
        table.tabtrans2  .header{text-align:center;vertical-align:middle;}
602
        table.tabtrans2  .account {width:30%;text-align:left;vertical-align:top;}
603
        table.tabtrans2  .balance {width:20%;text-align:right;vertical-align:top;}
604
        table.tabtrans2  .balance1 {width:30%;text-align:right;vertical-align:top;}
605
        table.tabtrans2  .input {width:30%;text-align:left;vertical-align:left;}
606
        table.tabtrans2  .tickbox {width:6%;text-align:center;vertical-align:top;}
607
608
609
table.tabwhite {background:#fff;border:1px solid #999999;padding:12px;width:100%;border-spacing:1px;}
610
        table.tabwhite input, table.tabwhite select {padding:0px;margin:0px;}
611
        table.tabwhite tr {border:0px 1px 0px 1px solid #999999;}
612
        table.tabwhite th, table.tabwhite td {padding:5px 10px 5px 10px;}
613
        table.tabwhite td a {font-weight:bold;}
614
        table.tabwhite tfoot {background: #fff;border:0px #fff;}
615
         table.tabwhite tfoot td #borderTop {border-top:1px solid #999999;}
616
         table.tabwhite tfoot td #noBorder {border:0px}
617
         table.tabwhite tfoot td {border:0px}
618
        table.tabwhite ul {list-style-type:disc;list-style-position:outside;}
619
                table.tabwhite ul li {margin-left:15px;}
620
        table.tabwhite  .name {width:25%;text-align:right;}
621
        table.tabwhite  .title{width:50%;text-align:left;vertical-align:middle;}
622
        table.tabwhite  .header{text-align:center;vertical-align:middle;}
623
        table.tabwhite  .account {width:30%;text-align:left;vertical-align:top;}
624
        table.tabwhite  .balance {width:20%;text-align:right;vertical-align:top;}
625
        table.tabwhite  .balance1 {width:30%;text-align:right;vertical-align:top;}
626
        table.tabwhite  .input {width:30%;text-align:left;vertical-align:left;}
627
        table.tabwhite  .tickbox {width:6%;text-align:center;vertical-align:top;}
628
629
div.overlay {
630
 max-width:988px;
631
 min-width:760px;
632
 position:absolute;
633
 background-color: transparent;
634
/* opacity:0.75;*/
635
 z-index:100;
636
}
637
638
div.overlayBox
639
{
640
 position:fixed;
641
 z-index:99;
642
 visibility:hidden;
643
 width:400px;
644
}
645
646
div.overlayBox p
647
{
648
 text-align: center;
649
 padding: 20px;
650
 font-size: 18px;
651
}
652
653
654
#notes {
655
        padding:10px 120px 10px 10px;
656
        margin:15px 0 4px 0;
657
        background-repeat: no-repeat;
658
        min-height: 92px;
659
}
660
#notes h5 {
661
        padding:0px 0px 4px 0px;
662
        color:#e41b23;
663
}
664
#notes ol {list-style:decimal; padding:6px 20px;}
665
        #notes ul li {padding:0 2px 0 2px;}
666
#notes ul {list-style:disc; padding:6px 20px;}
667
        #notes ul li {padding:0 2px 0 2px;}
668
669
#notes2 {padding:10px 10px 10px 10px;margin:5px 0 3px 0;background:#fff;}
670
#notes2 h5 {padding:0px 0px 4px 0px;color:#73b205;}
671
#notes2 p {font-size:11px;font-weight:bold;}
672
#notes2 ol {list-style:decimal; padding:6px 20px; font-size:11px; font-weight:bold;}
673
#notes2 ul {list-style:disc; padding:6px 20px; font-size:11px; font-weight:bold;}
674
675
676
#mainContent { padding:10px; margin-bottom:40px;}
677
#mainContent h1{ color:#e41b23; padding:0; margin:0; font-size:16px;}
678
#mainContent h2{ font-size:11px; padding:0; margin:0;}
679
#mainContent h5{ font-size:11px; padding:0; margin:0;}
680
#mainContent h6{ font-size:10px; padding:0; margin:0;}
681
#mainContent p{ font-size:11px; line-height:14px;}
682
683
#mainContent #tac {background:#F8F8F8;margin:6px 0 5px 0;border-top:1px solid #666666;padding:5px 20px 5px 20px;}
684
        #mainContent #tac #flowright {float:right;}
685
        #mainContent #tac div {padding:8px 20px 6px 0;}
686
        #mainContent #tac a {font-weight:bold;cursor:pointer;}
687
        #mainContent #tac input {width:50px;font-size:11px;}
688
689
690
691
        /* steps */
692
#steps {padding:0px;margin:10px 0 7px 0;font-weight:bold;text-align:right;display:block;}
693
        #steps span {border:1px solid #999999;padding:5px 5px 5px 5px;}
694
695
696
        #buttons {
697
        background:#f9f9f9;
698
        margin:5px 0 5px 0;
699
        border-top:1px dotted #666666;
700
        border-bottom:1px dotted #333333;
701
        padding:5px 20px 5px 50px;
702
        text-align:right;
703
        direction:rtl
704
}
705
        #buttons #flowright {float:right;}
706
707
ul.previousNext {list-style:none;padding:10px 0;text-align:right;}
708
ul.previousNext li {display:inline;}
709
710
711
table.tabsummary .select form.quickLink .go {
712
        cursor:pointer;
713
        margin:0px;
714
        font-size:10px;
715
        padding:2px;
716
}
717
718
719
720
721
722
        table.logout {
723
        border:1px solid #e3e3e3;
724
        padding:0px;
725
        width:100%;
726
        border-spacing:1px;
727
        /* [disabled]border:1px solid #acacac; */
728
        border-width: 1px;
729
        border-style: solid;
730
        border-color: acacac;
731
        border-collapse: collapse;
732
}
733
        table.logout thead {background: #e3e3e3;border-spacing:0px;}
734
        table.logout tr.header {background:#ffc;}
735
        table.logout th {
736
        padding:5px;
737
        background:#96090e;
738
        font-size:12px;
739
        color:#fff;
740
        font-weight:bold;
741
        text-align:center;
742
}
743
        table.logout tr.even {background:#eeeeee;}
744
        table.logout tr.alt {background:#ffffff;}
745
                table.logout td {
746
        padding:4px 5px 4px 10px;
747
        border-width: 1px;
748
        border-style: solid;
749
        border-color: #acacac;
750
}
751
        table.logout td a {font-weight:bold;}
752
        table.logout  .name {width:25%;text-align:right;}
753
        table.logout  .title{width:50%;text-align:left;vertical-align:middle;}
754
        table.logout  .titletop{width:50%;text-align:left;vertical-align:middle;border-bottom:0px;}
755
        table.logout  .header{
756
        text-align:left;
757
        vertical-align:middle;
758
        border-color: #acacac;
759
        border-style: solid;
760
        border-width: 1px;
761
}
762
763
764
        table.logout .share {
765
        text-align:left;
766
        vertical-align:top;
767
        border-color: #acacac;
768
        border-style: solid;
769
        border-width: 1px;
770
}
771
        table.logout  .balance1 {width:30%;text-align:right;vertical-align:top;}
772
        table.logout .status {width:35%;text-align:center;vertical-align:top;}
773
        table.logout .number {width:15%;text-align:left;vertical-align:top;}
774
        table.logout .numberCenter {width:40%;text-align:center;vertical-align:top;}
775
        table.logout  .input {width:30%;text-align:left;vertical-align:left;}
776
        table.logout  .tickbox {width:6%;text-align:center;vertical-align:top;}
777
        table.logout  .date {
778
        width:17%;
779
        text-align:left;
780
        vertical-align:top;
781
        border-color: #acacac;
782
        border-style: solid;
783
        border-width: 1px;
784
}