1/* CSS Document */
2.buttonok {width:52px; font-family:Verdana; font-size:11px; line-height:25px; text-align:center;}
3.buttonok a {height:28px; text-decoration: none;}
4.buttonok a:link, .buttonok a:visited {
5	color: #002157;	display: block;
6	background: url(images/button-ok.gif);}	
7.buttonok a:hover,.buttonok a:active {	color:#ffffff;	background:url(images/button-ok.gif) 0 -28px;}
8
9.buttonquit {width:100px; font-family:Verdana; font-size:11px; line-height:20px; text-align:center;  }
10.buttonquit a { height:31px; text-decoration:none; }
11.buttonquit a:link, .buttonquit a:visited {
12	color:#002157; display:block; background:url(images/button-quit.gif) no-repeat;}
13.buttonquit a:hover,.buttonquit a:active {	color: #ffffff;	background: url(images/button-quit.gif) no-repeat 0 -31px;}
14
15.top-message {
16	font-family:Verdana;
17	font-size:11px;
18	color:#000000;
19	border-left:2px dotted #97A9B2;
20	padding-left:10px;
21	padding-right:0px;
22	background: #c5d2d6;
23	}
24	
25.top-messagebold {
26	font-family:Verdana;
27	font-size:11px;
28	color:#4b6688;
29	line-height:200%;
30	font-weight:bold;
31	}
32
33.top-input {
34	font-family:Verdana;
35	font-size:11px;
36	color:#000000;
37	line-height:200%;
38	border: 1px solid  #7f9db9;
39	background-color:#e1f0f5;
40	width:140px;
41	}
42
43#top-logo {
44	font-size:17px;
45	font-family:Arial, Helvetica, sans-serif;
46	font-weight:bolder;
47	font-stretch:wider;
48	color:#FFFFFF;
49	letter-spacing:1px;
50	background:url(images/top-02.gif) #c5d2d6 no-repeat;
51	padding:20px 0 0 50px; /* Control the position of product name */
52}
53
54/*=================Form Style===================*/
55
56.FormTitle{
57	line-height : 160%;
58	font-size:12px;
59	font-family:Arial, Verdana, Arial, Helvetica, sans-serif;
60	border:1px solid #4e6d95;
61}
62.FormTitle thead{
63	color:#FFF;
64	font-size:13px;
65	text-align:center;	
66	font-weight:bold;
67	background-color:#4e6d95;
68}
69.FormTitle tbody{
70	line-height:180%;
71}
72
73.FormTable{
74	font-size:12px;
75	font-family:Arial, Helvetica, sans-serif;
76	border: 1px solid #999;
77	border-collapse: collapse;
78}
79.FormTable th{
80	font-family:Arial, Helvetica, sans-serif;
81	background-color:#7aa3bd;
82	font-weight:normal;
83	line-height:18px;
84	text-align:right;
85	font-size:12px;
86}
87.FormTable thead td{
88	color: #F4F4F4;
89	font-size:12px;
90	background-color:#4e6d95;
91	text-align:left;
92	font-weight:normal;
93}
94
95.FormTable thead th{
96	color: #000000;
97	font-size:12px;	
98	background-color:#7aa3bd;
99	text-align: center;
100	font-weight:normal;
101}
102
103.FormTable td{
104	background-color:#C0DAE4;/*#a7d2e2;*/	
105}
106.FormTable td span{
107	background-color:#C0DAE4;
108	color:#FF3300;
109}
110
111.input{
112	color:#3b5f71;
113	font-family: Arial, Helvetica, sans-serif;
114	font-size:12px;
115	padding-left:2px;
116}
117
118input[type=radio] {      
119  vertical-align:top;
120}
121input {
122	vertical-align:expression(this.type=="radio"?"middle":"baseline");
123	vertical-align:expression(this.type=="checkbox"?"middle":"baseline");
124}
125
126.button{  /*Lock 1206 modified*/
127	border: 1px solid #416492;
128	background:url(images/bgaibutton.gif) #ACCCE1;
129	height:20px;
130	font-family:Verdana;
131	font-size:12px;
132	margin-right:5px;
133	margin-left:5px;	
134  padding:0 .70em 0 .70em;
135  width:auto;
136  overflow:visible;
137	cursor:pointer;
138}
139.button:hover{
140	background:url(images/bgaibutton.gif) #ACCCE1;
141	color:#FFFFFF;
142}
143
144.sbtn{  /*Lock 1206 modified*/
145	border: 1px outset #333;
146	background:url(images/sbtn0.gif) #FFCC66;
147	height:20px;
148	font-family:Verdana;
149	font-size:12px;
150	margin-right:5px;
151	margin-left:5px;	
152  padding:0 .70em 0 .70em;
153  width:auto;
154  overflow:visible;
155	cursor:pointer;
156}
157.sbtn:hover{
158	background:url(images/sbtn.gif) #FFCC66;
159	color:#FFFFFF;
160}
161
162form{ 
163	margin:0px;
164}
165
166textarea{
167	width:98%;	
168}
169
170.hint_word{
171	color: #FF6666;
172	font:Verdana, Arial, Helvetica, sans-serif;
173	font-size:9pt;
174	padding:5px;
175}
176
177.domore{
178	font-size:12px;
179	font-family:Verdana, Arial, Helvetica, sans-serif;
180	background-color: #EEEEEE;
181	color: #006699;
182	float:right;
183	margin:8px 7px 0 0;
184}
185.domore option{
186	text-decoration:underline;
187}
188
189.short_btn {
190	width: 105px;
191	font-family:Verdana ;
192	font-size : 13px;
193	text-align:center;
194	line-height:25px;
195}
196	
197.short_btn a { height: 31px;	text-decoration: none;	}
198.short_btn a:link, .short_btn a:visited {
199	color: #002157;	display: block;	background: url(../images/button-next.gif);
200	}
201.short_btn a:hover,.short_btn a:active {	color: #ffffff;	background: url(../images/button-next.gif) 0 -31px;}
202
203/*0103 lock*/
204.popTable {
205	border:1px solid #666;	
206}
207.popTable thead td{
208	background-image:url(images/title-bg-2.gif);
209	border-bottom:1px solid #666;
210}
211	
212.popTable thead span{
213	font-family:Verdana;
214	font-size:12px;
215	font-weight:bold;
216	color:#000000;
217	float:left;
218	margin:6px 5px 0px 5px;
219	}
220.popTable thead img{
221	float:right;
222	margin:0px 4px 0px 4px;
223	cursor:pointer;
224}
225
226.popTable tbody{
227	background-color:#FFF;
228	text-align:left;
229}
230.popTable tbody th{
231	font-family:Verdana;
232	font-size:12px;
233	text-align:right;
234	padding-right:5px;
235	height:30px;
236}
237.popTable tbody td{
238	color: #666666;
239	font-family: Verdana, Arial, Helvetica, sans-serif;
240	font-size:10pt;
241	padding:4px;
242}
243
244.inputpin{
245	color:#333333;
246	border:1px inset #000;
247	background: url(images/bg_ipt_field.gif) repeat-x #FFF;
248	font-family:Verdana;
249	font-size:11px;
250	padding-left:2px;
251	font-weight:bold;
252	width:50pt;
253}
254
255.devicepin{
256	border:0px;
257	background-color: #C0DAE4;
258	font-family:Verdana;
259	font-size:11px;
260	padding-left:2px;
261	font-weight:bold;
262	cursor:text;
263}
264
265#ClientList_Block{
266	border:2px outset #999;
267	background-color:#EFEFEF;
268	position:absolute;
269	margin-top:-5px;
270	margin-left:273px;
271	text-align:left;
272	width:200px;
273	height:100px;
274	overflow-y:auto;
275	z-index:200;
276	padding: 1px;
277	display:none;
278}
279#ClientList_Block div{
280	height:20px;
281	line-height:20px;
282	text-decoration:none;
283	padding-left:2px;
284}
285
286#ClientList_Block a{
287	background-color:#EFEFEF;
288	color:#000;
289	font-size:12px;
290	font-family:Arial, Helvetica, sans-serif;
291}
292#ClientList_Block div:hover, #ClientList_Block a:hover{
293	background-color:#003366;
294	color:#FFFFFF;
295	cursor:default;
296}
297
298.hackiframe2   /* iframe for Hack IE 6.0 to avoid select menu over DIV layer. */
299{
300	display:none;/*sorry for IE5*/
301	display/**/:block;/*sorry for IE5*/
302	position:absolute;/*must have*/
303	top:0px;
304	left:0px;
305	margin-top:0px;
306	margin-left:0px;	
307	z-index: -1;
308	filter:mask();
309	width:205px;/*must have for any big value*/
310	height:125px;/*must have for any big value*/
311}
312
313#pull_arrow{
314 	float:left;
315 	cursor:pointer;
316 	border:2px outset #EFEFEF;
317 	background-color:#CCC;
318 	padding:3px 2px 4px 0px;
319}
320.list_table{
321	border-left: 1px solid #999;
322	border-right: 1px solid #999;
323	border-bottom: 1px solid #999;
324	border-collapse: collapse;
325	background-color:#FFFFFF;
326	text-align:center;
327	font-size:12px;
328}
329.list_table td{
330	border-bottom:1px solid #999;
331	border-left:1px solid #EFEFEF;		
332}
333.list_table tfoot td{
334	background-color:#C0DAE4;
335}
336
337.list_table .whenClick{
338	background-color: #FFFF99;
339}
340
341.IPaddr{
342	font-size:12px;
343	font-weight:normal;
344	font-family:Arial, Helvetica, sans-serif;
345	border: 2px inset #F4F4F4;
346	background:#FFF;
347	width:130px;
348	display: inline-block;
349}
350.IPaddr input{
351	border:0px solid #CCC;
352	color:#000;
353	font-size:12px;
354	font-family:Arial, Helvetica, sans-serif;
355	width:27px;
356	text-align:center;
357	margin:0px auto;
358	ime-mode:disabled;
359	/*background:#CCC;*/
360}
361