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