org.symbian.tools.wrttools.doc.WebDeveloper/html/css/style.css
changeset 229 716254ccbcc0
equal deleted inserted replaced
228:913c9751c067 229:716254ccbcc0
       
     1 /**************************************
       
     2 	PRINT STYLESHEET PROPERTIES FOR:
       
     3 		Internet Explorer 5+
       
     4 		Mozilla 1.6+
       
     5 		Netscape 7+
       
     6 		Opera 7+
       
     7 	
       
     8 	Version 2.3.0
       
     9 	---------------------------------
       
    10 	If you need to create new styles,
       
    11 	do not add it in this file, instead 
       
    12 	create a new CSS file, called 
       
    13 	"style_custom.css" and reference 
       
    14 	it from your XHTML file(s).
       
    15 **************************************/
       
    16 
       
    17 
       
    18 /* LAYOUT */
       
    19 div.header {
       
    20 	display: block;
       
    21 	}
       
    22 
       
    23 div.nav {
       
    24 	display: block;
       
    25 	margin: 20px 0 0 0;
       
    26 	padding: 0px;
       
    27 	}
       
    28 
       
    29 div.toolBar {
       
    30 	clear: left;
       
    31 	display: block;
       
    32 	}
       
    33 
       
    34 div.tools {
       
    35 	display: block;
       
    36 	float: right;
       
    37 	margin: 0px;
       
    38 	width: 758px;
       
    39 	}
       
    40 
       
    41 div.body {
       
    42 	clear: both;
       
    43 	display: block;
       
    44 	margin: 20px 0 0 38px;
       
    45 	padding: 0px;
       
    46 	width: 712px;
       
    47 	}
       
    48 div.body#toolbar {
       
    49 	margin-top: 0px;
       
    50 }
       
    51 
       
    52 /* content area width: 712px */
       
    53 div.contentFull {
       
    54 	display: block;
       
    55 	float: left;
       
    56 	margin: 0px;
       
    57 	min-height: 200px;
       
    58 	padding: 0 0 50px 0;
       
    59 	width: 712px;
       
    60 	}
       
    61 /* content area width: 576px */
       
    62 div.contentRight {
       
    63 	display: block;
       
    64 	float: left;
       
    65 	margin: 0px;
       
    66 	min-height: 200px;
       
    67 	padding: 0 0 50px 0;
       
    68 	width: 576px;
       
    69 	}
       
    70 /* content area width: 398px */
       
    71 div.contentMiddle {
       
    72 	display: block;
       
    73 	float: left;
       
    74 	margin: 0px;
       
    75 	min-height: 200px;
       
    76 	padding: 0 0 50px 0;
       
    77 	width: 398px;
       
    78 	}
       
    79 /* content area width: 534px */
       
    80 div.contentLeft {
       
    81 	display: block;
       
    82 	float: left;
       
    83 	margin: 0px;
       
    84 	min-height: 200px;
       
    85 	padding: 0 0 50px 0;
       
    86 	width: 534px;
       
    87 	}
       
    88 
       
    89 div.contentLeft h2{
       
    90 	font-size: 12px;
       
    91 	margin: 20px 0 10px 0;
       
    92 	padding: 0px;
       
    93 	color: #000;
       
    94 }
       
    95 
       
    96 div.contentLeft h2.verify-hdr{
       
    97 	float: left;
       
    98 	font-size: 12px;
       
    99 	margin: 20px 0 10px 0;
       
   100 	padding: 0px;
       
   101 	color: #000;
       
   102 }
       
   103 
       
   104 div.contentLeft  a.chng{
       
   105 	margin: 20px 0 0 10px;
       
   106 	float: left;
       
   107 	clear: right;
       
   108 }
       
   109 
       
   110 #altHomepage {
       
   111 	padding-top: 60px;
       
   112 	}
       
   113 div#altHomepage h1, div#altHomepage div.prTxt {
       
   114 	margin-left: 136px;
       
   115 	}
       
   116 
       
   117 div.secondary {
       
   118 	clear-after: both;
       
   119 	display: block;
       
   120 	margin: 0px;
       
   121 	padding: 0px;
       
   122 	width: 100%;
       
   123 	}
       
   124 /* begin: for Netscape 6 */
       
   125 div.secondary:after {
       
   126 	content: "";
       
   127 	display: block;
       
   128 	height: 0;
       
   129 	clear: both;
       
   130 	}
       
   131 /* end: for Netscape 6 */
       
   132 
       
   133 div.sidebar {
       
   134 	display: block;
       
   135 	float: left;
       
   136 	margin: 0 0 0 14px;
       
   137 	min-height: 200px;
       
   138 	padding: 0 0 50px 0;
       
   139   }
       
   140 div.sidebar#tools {
       
   141 	margin: 20px 0 0 14px;
       
   142 	}
       
   143 
       
   144 div.footer {
       
   145 	clear: both;
       
   146 	display: block;
       
   147 	margin: 0px;
       
   148 	padding: 0 0 20px 0;
       
   149 	position: relative;
       
   150 	width: 750px;
       
   151 	}
       
   152 div.navFooter, div.copy {
       
   153 	clear: both;
       
   154 	color: #999;
       
   155 	display: block;
       
   156 	text-align: center;
       
   157 	width: 750px;
       
   158 	}
       
   159 div.copy {
       
   160 	font-size: 11px;
       
   161 	}
       
   162 	
       
   163 div.row {
       
   164   clear: both;
       
   165 	margin-bottom: 5px;
       
   166   }
       
   167 div.row div.center {
       
   168 	clear: both;
       
   169 	width: 100%;
       
   170 	}
       
   171 div.row div.left {
       
   172   float: left;
       
   173   width: 50%;
       
   174   }
       
   175 div.row div.right {
       
   176   float: right;
       
   177   width: 50%;
       
   178   }
       
   179 div.row span.left {
       
   180   float: left;
       
   181 	text-align: left;
       
   182   width: 50%;
       
   183   }
       
   184 div.row span.right {
       
   185   float: right;
       
   186 	text-align: right;
       
   187   width: 50%;
       
   188   }
       
   189 
       
   190 
       
   191 /* HEADER */
       
   192 .logo {
       
   193 	margin: 20px 0 0 10px;
       
   194 	}
       
   195 .siteIdentifier {
       
   196 	color: #666;
       
   197 	font-size: 12px;
       
   198 	font-weight: bold;
       
   199 	left: 180px;
       
   200 	position: absolute;
       
   201 	top: 27px;
       
   202 	width: 350px;
       
   203 	}
       
   204 .service {
       
   205 	display: block;
       
   206 	left: 350px;
       
   207 	position: absolute;
       
   208 	text-align: right;
       
   209 	top: 3px;
       
   210 	width: 400px;
       
   211 }
       
   212 .svcTools {
       
   213 	color: #999;
       
   214 	}
       
   215 div.svcTools a:link, div.svcTools a:visited, div.svcTools a:active {
       
   216 	color: #666;
       
   217 	font-size: 11px;
       
   218 	text-decoration: none;
       
   219 	}
       
   220 div.svcTools a:hover {
       
   221 	color: #666;
       
   222 	font-size: 11px;
       
   223 	text-decoration: underline;
       
   224 	}
       
   225 
       
   226 div.svcSearch {
       
   227 	margin: 3px 0 0 0;
       
   228 	}
       
   229 div.svcSearch div.button {
       
   230 	float: right;
       
   231 	}
       
   232 div.svcSearch div.input {
       
   233 	float: right;
       
   234 	padding: 0 5px 0 0;
       
   235 	}
       
   236 div.svcSearch div.input input {
       
   237 	font-size: 11px;
       
   238 	margin: 1px 0 0 0;
       
   239 	width: 100px;
       
   240 	}	
       
   241 div.svcSearch div.label {
       
   242 	float: right;
       
   243 	padding: 7px 5px 0 0;
       
   244 	}
       
   245 
       
   246 
       
   247 /* NAVIGATION */
       
   248 a:link {
       
   249 	color: #03C;
       
   250 	text-decoration: underline;
       
   251 	}
       
   252 a:visited {
       
   253 	color: #909;
       
   254 	text-decoration: underline;
       
   255 	}
       
   256 a:hover {
       
   257 	text-decoration: underline !important;
       
   258 	}
       
   259 a:active {
       
   260 	text-decoration: underline;
       
   261 	}
       
   262 
       
   263 /* 1st level navigation */
       
   264 div.nav div.n1 {
       
   265 	background: #03c;
       
   266 	clear: both;
       
   267 	height: 19px;
       
   268 	padding-left: 13px;
       
   269 	}
       
   270 div.nav div.n1 a {
       
   271 	background:url(../images/line_nav_l1.gif) repeat-y right center;
       
   272 	color: #fff;
       
   273 	display: block;
       
   274 	float: left;
       
   275 	font-size: 12px;
       
   276 	font-weight: bold;
       
   277 	line-height: 13px;
       
   278 	margin: 0 -1px;
       
   279 	padding: 3px 10px;
       
   280 	text-decoration: none;
       
   281 	}
       
   282 div.nav div.n1 a.n1on{
       
   283 	color:#000;
       
   284 	background: #ccc;
       
   285 	}
       
   286 
       
   287 /* 2nd level navigation */
       
   288 div.nav div.n2 {
       
   289 	background: #ccc;
       
   290 	clear: both;
       
   291 	height: 19px;
       
   292 	padding-left: 13px;
       
   293 	}
       
   294 div.nav div.n2 a {
       
   295 	background:url(../images/line_nav_l2.gif) repeat-y right center;
       
   296 	color: #000;
       
   297 	display: block;
       
   298 	float: left;
       
   299 	font-size: 12px;
       
   300 	font-weight: bold;
       
   301 	line-height: 13px;
       
   302 	margin: 0 -1px;
       
   303 	padding: 3px 10px;
       
   304 	text-decoration: none;
       
   305 	}
       
   306 div.nav div.n2 a.n2on{
       
   307 	background: #fff;
       
   308 	}
       
   309 
       
   310 /* 3rd level navigation */
       
   311 div.nav3 {
       
   312 	color: #666;
       
   313 	display: block;
       
   314 	float: left;
       
   315 	margin: 20px 10px 0 0;
       
   316 	width: 126px;
       
   317 	}
       
   318 div.nav3 h2 {
       
   319 	font-size: 12px;
       
   320 	font-weight: bold;
       
   321 	margin: 0px;
       
   322 	padding: 0 0 10px 12px;
       
   323 	}
       
   324 div.nav3 h2 a:visited {
       
   325 	color: #909;
       
   326 	text-decoration: none;
       
   327 	}
       
   328 div.nav3 h2 a:link {
       
   329 	color: #03C;
       
   330 	text-decoration: none;
       
   331 	}
       
   332 div.nav3 h2 a:hover {
       
   333 	text-decoration: underline !important;
       
   334 	}
       
   335 div.nav3 h2 a:active {
       
   336 	text-decoration: none;
       
   337 	}
       
   338 	
       
   339 div.nav3 div.links a {
       
   340 	clear: both;
       
   341 	display: block;
       
   342 	padding: 0 0 0 12px;
       
   343 	color: #03C;
       
   344 	text-decoration: none;
       
   345 	}
       
   346 div.nav3 div.links a:visited {
       
   347 	color: #909;
       
   348 	}
       
   349 div.nav3 div.links a:hover {
       
   350 	text-decoration: underline !important;
       
   351 	}
       
   352 div.nav3 div.links div.on3 {
       
   353 	background: url(../images/arrow.gif) top left no-repeat;
       
   354 	display: block;
       
   355 	padding: 0 0 0 12px;
       
   356 	}
       
   357 
       
   358 
       
   359 /* 4th level navigation */
       
   360 div.nav4 {
       
   361 	color: #666;
       
   362 	display: block;
       
   363 	float: left;
       
   364 	margin: 0 0 0 12px;
       
   365 	/*margin: 0 0 0 5px;*/
       
   366 }
       
   367 div.nav4 div.links a {
       
   368 	clear: both;
       
   369 	display: block;
       
   370 	padding: 0 0 0 12px;
       
   371 	color: #03C;
       
   372 	text-decoration: none;
       
   373 }
       
   374 div.nav4 div.links a:visited {
       
   375 	color: #909;
       
   376 }
       
   377 div.nav4 div.links a:hover {
       
   378 	text-decoration: underline !important;
       
   379 }
       
   380 div.nav4 div.links div.on4 {
       
   381 	background: url(../images/arrow.gif) top left no-repeat;
       
   382 	display: block;
       
   383 	padding: 0 0 0 12px;
       
   384 }
       
   385 
       
   386 /* 5th level navigation */
       
   387 div.nav5 {
       
   388 	color: #666;
       
   389 	display: block;
       
   390 	float: left;
       
   391 	margin: 0 0 0 12px;
       
   392 	/*margin: 0 0 0 5px;*/
       
   393 }
       
   394 div.nav5 div.links a {
       
   395 	clear: both;
       
   396 	display: block;
       
   397 	padding: 0 0 0 12px;
       
   398 	color: #03C;
       
   399 	text-decoration: none;
       
   400 }
       
   401 div.nav5 div.links a:visited {
       
   402 	color: #909;
       
   403 }
       
   404 div.nav5 div.links a:hover {
       
   405 	text-decoration: underline !important;
       
   406 }
       
   407 div.nav5 div.links div.on5 {
       
   408 	background: url(../images/arrow.gif) top left no-repeat;
       
   409 	display: block;
       
   410 	padding: 0 0 0 12px;
       
   411 }
       
   412 
       
   413 
       
   414 /* toolbar navigation */
       
   415 div.toolCap {
       
   416 	background: url(../images/line_tool.gif) no-repeat;
       
   417 	float: right;
       
   418 	height: 18px;
       
   419 	width: 3px;
       
   420 	width/* */:/**/4px;
       
   421 	}
       
   422 div.toolLnk {
       
   423 	background: url(../images/arrow_green_right.gif) left no-repeat;
       
   424 	border-bottom: 1px solid #009;
       
   425 	display: block;
       
   426 	float: right;
       
   427 	padding: 1px 8px 0 6px;
       
   428 	height: 18px;
       
   429 	height/* */:/**/16px;
       
   430 	}
       
   431 div.toolLnk a:link, div.toolLnk a:visited, div.toolLnk a:active {
       
   432 	color: #666;
       
   433 	font-size: 11px;
       
   434 	text-decoration: none;
       
   435 	}
       
   436 div.toolLnk a:hover {
       
   437 	color: #666;
       
   438 	font-size: 11px;
       
   439 	text-decoration: underline !important;
       
   440 	}
       
   441 div.toolPadL {
       
   442 	border-bottom: 1px solid #009;
       
   443 	float: right; 
       
   444 	height: 17px;
       
   445 	width: 1px;
       
   446 	}
       
   447 div.toolPadR {
       
   448 	height:17px;
       
   449 	width:1px;
       
   450 	}
       
   451 td.toolL {
       
   452 	text-align: right;
       
   453 	vertical-align: top;
       
   454 	width: 750px;
       
   455 	}
       
   456 td.toolR {
       
   457 	border-bottom:1px solid #009;
       
   458 	width: 100%;
       
   459 	}
       
   460 /* begin: Hide from Opera 7 */
       
   461 html*td.toolR {
       
   462 	border-bottom:1px solid #009;
       
   463 	width: auto;
       
   464 	}
       
   465 /* end: Hide from Opera 7 */
       
   466 
       
   467 /* MAIN BODY CONTENT */
       
   468 .alignL {
       
   469 	text-align: left;
       
   470 	}
       
   471 .alignR {
       
   472 	text-align: right;
       
   473 	}
       
   474 
       
   475 body {
       
   476 	font-size: 11px;
       
   477 	font-family: arial,helvetica,sans-serif;
       
   478 	margin: 0px;
       
   479 	padding: 0px;
       
   480 	}
       
   481 
       
   482 div.center {
       
   483 	margin: 0 auto 0 auto;
       
   484 	text-align: center;
       
   485 	}
       
   486 
       
   487 /* comparison-related */
       
   488 .cmpEl {
       
   489 	display: block;
       
   490 	float: left;
       
   491 	vertical-align: top;
       
   492 	}
       
   493 	
       
   494 tbody tr.cmpDataH td {
       
   495 	border-bottom: 1px solid #999;
       
   496 	padding: 10px 5px 5px 5px;
       
   497 	vertical-align: top;
       
   498 	}
       
   499 tbody tr.cmpDataV td {
       
   500 	padding: 10px 5px 5px 5px;
       
   501 	vertical-align: top;
       
   502 	}
       
   503 .cmpImg {
       
   504 	display: block;
       
   505 	float: left;
       
   506 	vertical-align: top;
       
   507 	}
       
   508 	
       
   509 .creationDate {
       
   510 	color: #666;
       
   511 	padding: 0 0 10px 0;
       
   512 	}
       
   513 
       
   514 .floatL {
       
   515 	float: left;
       
   516 	}
       
   517 .floatR {
       
   518 	float: right;
       
   519 	}
       
   520 
       
   521 .ftNote {
       
   522 	color: #999;
       
   523 	padding: 3px 0 0 0;
       
   524 	}
       
   525 .ftNote a:link, .ftNote a:active, .ftNote a:visited {
       
   526 	color: #999;
       
   527 	text-decoration: none;
       
   528 	}
       
   529 .ftNote a:hover {
       
   530 	color: #999;
       
   531 	text-decoration: underline !important;
       
   532 	}
       
   533 
       
   534 /* primary */
       
   535 .img72 {
       
   536 	display: block;
       
   537 	float: left;
       
   538 	padding: 0 10px 0 0;
       
   539 	vertical-align: top;
       
   540 	width: 62px;
       
   541 	}
       
   542 .img195 {
       
   543 	display: block;
       
   544 	float: left;
       
   545 	padding: 0 10px 20px 0;
       
   546 	}
       
   547 .txt188 {
       
   548 	display: block;
       
   549 	float: left; 
       
   550 	padding: 0 10px 0 0; 
       
   551 	width: 178px;
       
   552 	}
       
   553 .txt193 {
       
   554 	display: block; 
       
   555 	float: left; 
       
   556 	width: 193px;
       
   557 	}
       
   558 	
       
   559 div.prImg {
       
   560 	margin: 0 0 10px 0;
       
   561 	}
       
   562 .prTxt {
       
   563 	font-size: 12px;
       
   564 	font-family: arial,helvetica,sans-serif;
       
   565 	line-height: 16px;
       
   566 	margin: 0 0 10px 0;
       
   567 	}
       
   568 
       
   569 .prTxt img.prt{
       
   570 	margin-right: 10px;
       
   571 }
       
   572 
       
   573 a:link.prt{
       
   574 	color: #FF6600 !important;
       
   575 	text-decoration: underline !important;
       
   576 }
       
   577 
       
   578 a:visited.prt{
       
   579 	color: #FF6600 !important;
       
   580 	text-decoration: underline !important;
       
   581 }
       
   582 
       
   583 a:hover.prt{
       
   584 	color: #FF6600 !important;
       
   585 	text-decoration: underline !important;
       
   586 }
       
   587 	
       
   588 div.inset {
       
   589 	display: block;
       
   590 	float: left;
       
   591 	padding: 0 10px 10px 0;
       
   592 	}
       
   593 
       
   594 div.editorial div.prTxt {
       
   595 	display: block;
       
   596 	float: left;
       
   597 	margin: 0px;
       
   598 	padding: 0px;
       
   599 	width: 262px;
       
   600 	}
       
   601 
       
   602 div.txt {
       
   603 	clear: left;
       
   604 	margin: 0 0 20px 0;
       
   605 	}
       
   606 div.txt h2 {
       
   607 	font-size: 12px;
       
   608 	font-weight: bold;
       
   609 	margin: 0px;
       
   610 	padding: 0 0 5px 0;
       
   611 	}
       
   612 	
       
   613 /* teasers */
       
   614 div.tsr1 {
       
   615 	display: block;
       
   616 	float: left;
       
   617 	margin: 0 0 20px 10px;
       
   618 	width: 126px;
       
   619 	}
       
   620 div.tsr1 h2 {
       
   621 	font-size: 12px;
       
   622 	margin: 0 0 10px 0;
       
   623 	padding: 0px;
       
   624 	}
       
   625 
       
   626 div.tsr1Left {
       
   627 	display: block;
       
   628 	float: left;
       
   629 	margin: 0 0 20px 0;
       
   630 	width: 126px;
       
   631 	}
       
   632 div.tsr1Left h2 {
       
   633 	font-size: 12px;
       
   634 	margin: 0 0 10px 0;
       
   635 	padding: 0px;
       
   636 	}
       
   637 
       
   638 /* 2-column teaser */	
       
   639 div.tsr2Left {
       
   640 	display: block;
       
   641 	float: left;
       
   642 	margin: 0 0 20px 0;
       
   643 	width: 262px;
       
   644 	}
       
   645 div.tsr2Left h2 {
       
   646 	font-size: 12px;
       
   647 	margin: 0 0 10px 0;
       
   648 	padding: 0px;
       
   649 	}
       
   650 div.tsr2 {
       
   651 	display: block;
       
   652 	float: left;
       
   653 	margin: 0 0 20px 10px;
       
   654 	width: 262px;
       
   655 	}
       
   656 div.tsr2 h2 {
       
   657 	font-size: 12px;
       
   658 	margin: 0 0 10px 0;
       
   659 	padding: 0px;
       
   660 	}
       
   661 	
       
   662 div.sidebar div.sb div.sbBody select, div.sidebar div.sb div.sbBody input.txt {
       
   663 	font-size: 11px;
       
   664 	width: 120px;
       
   665 	}
       
   666 	
       
   667 .error {
       
   668 	width: 534px;
       
   669 	}
       
   670 .errorImg {
       
   671 	display: block;
       
   672 	float: left;
       
   673 	width: 32px;
       
   674 	}
       
   675 .errorTxt {
       
   676 	display: block;
       
   677 	float: left;
       
   678 	font-size: 12px;
       
   679 	padding: 4px 0 0 0;
       
   680 	width: 502px;
       
   681 	}
       
   682 .errorMsg {
       
   683 	color: #F00;
       
   684 	padding: 0 0 10px 0;
       
   685 	}
       
   686 
       
   687 
       
   688 /* form-related */
       
   689 fieldset {
       
   690 	border: 1px solid #ccc;
       
   691 	/*
       
   692 	border: none;
       
   693 	*/
       
   694 	margin-bottom: 20px;
       
   695 	padding-bottom: 5px;
       
   696 	}
       
   697 form {
       
   698 	margin: 0px;
       
   699 	}
       
   700 form input.img {
       
   701 	border: none;
       
   702 	margin: 5px 0 0 0;
       
   703 	}
       
   704 img.date {
       
   705 	margin:0 0 -3px 3px;
       
   706 	}
       
   707 input.txt {
       
   708 	font-size: 11px;
       
   709 	width: 170px;
       
   710 	}
       
   711 input.txtError {
       
   712 	background: #ffc;
       
   713 	font-size: 11px;
       
   714 	width: 170px;
       
   715 	}
       
   716 label {
       
   717 	cursor: pointer;
       
   718 	text-align: left;
       
   719 	}
       
   720 label.req {
       
   721 	font-weight: bold;
       
   722 	}
       
   723 label.error {
       
   724 	color: #f00;
       
   725 	}
       
   726 label.reqError {
       
   727 	color: #f00;
       
   728 	font-weight: bold;
       
   729 	}
       
   730 legend {
       
   731 	font-size: 1.1em;
       
   732 	font-weight: bold;
       
   733 	}
       
   734 optgroup {
       
   735 	font-size: 1em;
       
   736 	}
       
   737 select {
       
   738 	font-size: 11px;
       
   739 	width: 176px;
       
   740 	}
       
   741 textarea {
       
   742 	font-family: arial,helvetica,sans-serif;
       
   743 	font-size: 11px;
       
   744 	height: 75px;
       
   745 	width: 170px;
       
   746 	}
       
   747 td.frmLblBottom {
       
   748 	text-align: right;
       
   749 	vertical-align: bottom;
       
   750 	width: 40%;
       
   751 	}
       
   752 td.frmLblTop {
       
   753 	padding-top: 10px;
       
   754 	text-align: right;
       
   755 	vertical-align: top;
       
   756 	width: 40%;
       
   757 	}
       
   758 tr.spacer {
       
   759 	height: 20px;
       
   760 	}
       
   761 	
       
   762 h1 {
       
   763 	color: #000;
       
   764 	font-size: 16px;
       
   765 	font-weight: bold;
       
   766 	margin: 5px 0 10px 0;
       
   767 	}
       
   768 h1.noMargin {
       
   769 	color: #000;
       
   770 	font-size: 16px;
       
   771 	font-weight: bold;
       
   772 	margin: 5px 0 3px 0;
       
   773 	}
       
   774 	
       
   775 h1.pageHeading {
       
   776 	color: #000;
       
   777 	font-family: Nokia Sans SemiBold,arial,helvetica,sans-serif;
       
   778 	font-size: 22px;
       
   779 	font-weight: normal;
       
   780 	margin: 0 0 10px 0;
       
   781 	}
       
   782 h1.pageHeadingRed {
       
   783 	color: #f00;
       
   784 	font-family: Nokia Sans SemiBold,arial,helvetica,sans-serif;
       
   785 	font-size: 22px;
       
   786 	font-weight: normal;
       
   787 	margin: 0 0 10px 0;
       
   788 	}
       
   789 
       
   790 .hgt5 {
       
   791 	clear: left;
       
   792 	margin: 5px 0 0 0;
       
   793 	}
       
   794 .hgt10 {
       
   795 	clear: left;
       
   796 	margin: 10px 0 0 0;
       
   797 	}
       
   798 .hgt20 {
       
   799 	clear: left;
       
   800 	margin: 20px 0 0 0;
       
   801 	}
       
   802 
       
   803 hr {
       
   804 	background: #CCC;
       
   805 	border-top: 1px #CCC;
       
   806 	clear: left;
       
   807 	color: #CCC;
       
   808 	height: 1px;
       
   809 	margin: 0 0 10px 0;
       
   810 	width: 100%;
       
   811 	}
       
   812 
       
   813 hr.drk {
       
   814 	background: #666;
       
   815 	border-top: 1px #666;
       
   816 	clear: left;
       
   817 	color: #666;
       
   818 	height: 1px;
       
   819 	margin: 0 0 10px 0;
       
   820 	width: 100%;
       
   821 }
       
   822 	
       
   823 img {
       
   824 	border: none;
       
   825 	}
       
   826 
       
   827 img.btn {
       
   828 	margin: 5px 0 0 0;
       
   829 	}
       
   830 img.ph {
       
   831 	background: #CFF;
       
   832 	border: 1px solid #000;
       
   833 	}
       
   834 
       
   835 .marginBottom {
       
   836 	margin-bottom: 3px;
       
   837 	}
       
   838 
       
   839 p {
       
   840 	margin: 10px 0 0 0;
       
   841 	}
       
   842 
       
   843 table.numFound {
       
   844 	color: #999;
       
   845 }
       
   846 	
       
   847 div.pagination {
       
   848 	clear: both;
       
   849 	margin: 0px;
       
   850 	text-align: right;
       
   851 	margin-bottom: 3px;
       
   852 	/*margin-bottom: 0px;*/
       
   853 	}
       
   854 
       
   855 td div.pagination {
       
   856 	clear: both;
       
   857 	margin: 0px;
       
   858 	text-align: right;
       
   859 	}
       
   860 	
       
   861 div.pagination span {
       
   862 	color: #666;
       
   863 	padding: 0 0 0 5px;
       
   864 	}
       
   865 	
       
   866 .price126 {
       
   867 	border-top: 2px solid #093;
       
   868 	border-bottom: 2px solid #093;
       
   869 	margin: 5px 0 0 0;
       
   870 	width: 126px;
       
   871 	}
       
   872 .price195 {
       
   873 	border-top: 2px solid #093;
       
   874 	border-bottom: 2px solid #093;
       
   875 	margin: 5px 0 10px 0;
       
   876 	width: 195px;
       
   877 	}
       
   878 .priceAmt {
       
   879 	padding: 5px;
       
   880 	}
       
   881 
       
   882 td {
       
   883 	font-size: 11px;
       
   884 	font-family: arial,helvetica,sans-serif;
       
   885 	}
       
   886 
       
   887 table thead tr th,/*td*/
       
   888 table tbody tr th {
       
   889 	font-weight: bold;
       
   890 	}
       
   891 	
       
   892 thead tr.title td, tbody tr.title td {
       
   893 	background: #E6E6E6;
       
   894 	border-top: 1px solid #999;
       
   895 	border-bottom: 1px solid #999;
       
   896 	font-size: 12px;
       
   897 	font-weight: bold;
       
   898 	white-space: nowrap;
       
   899 	}
       
   900 thead tr.title td a:link, thead tr.title td a:visited, thead tr.title td a:active, 
       
   901 tbody tr.title td a:link, tbody tr.title td a:visited, tbody tr.title td a:active {
       
   902 	color: #000;
       
   903 	text-decoration: none;
       
   904 	}
       
   905 thead tr.title td a:hover,
       
   906 tbody tr.title td a:hover {
       
   907 	color: #000;
       
   908 	text-decoration: underline;
       
   909 	}
       
   910 
       
   911 thead tr td.titleOn {
       
   912 	background: #999;
       
   913 	border-top: 1px solid #999;
       
   914 	border-bottom: 1px solid #999;
       
   915 	color: #FFF;
       
   916 	font-size: 12px;
       
   917 	}
       
   918 thead tr td.titleOn a:link, thead tr td.titleOn a:visited, thead tr td.titleOn a:active {
       
   919 	color: #FFF;
       
   920 	text-decoration: none;
       
   921 	}
       
   922 thead tr td.titleOn a:hover {
       
   923 	color: #FFF;
       
   924 	text-decoration: underline;
       
   925 	}
       
   926 
       
   927 thead tr th, tbody tr th {
       
   928 	background: #E6E6E6;
       
   929 	border-top: 1px solid #999;
       
   930 	border-bottom: 1px solid #999;
       
   931 	font-size: 12px;
       
   932 	font-weight: bold;
       
   933 	text-align: left;
       
   934 	white-space: nowrap;
       
   935 	}
       
   936 thead tr th a:link, thead tr th a:visited, thead tr th a:active, 
       
   937 tbody tr th a:link, tbody tr th a:visited, tbody tr th a:active {
       
   938 	color: #000;
       
   939 	text-decoration: none;
       
   940 	}
       
   941 thead tr th a:hover,
       
   942 tbody tr th a:hover {
       
   943 	color: #000;
       
   944 	text-decoration: underline;
       
   945 	}
       
   946 
       
   947 thead tr th.on {
       
   948 	background: #999;
       
   949 	border-top: 1px solid #999;
       
   950 	border-bottom: 1px solid #999;
       
   951 	color: #FFF;
       
   952 	font-size: 12px;
       
   953 	}
       
   954 thead tr th.on a:link, thead tr th.on a:visited, thead tr th.on a:active {
       
   955 	color: #FFF;
       
   956 	text-decoration: none;
       
   957 	}
       
   958 thead tr th.on a:hover {
       
   959 	color: #FFF;
       
   960 	text-decoration: underline;
       
   961 	}
       
   962 	
       
   963 tbody tr td.footer {
       
   964 	border-bottom: 1px solid #999;
       
   965 	}
       
   966 tfoot tr td.footer {
       
   967 	border-bottom: 1px solid #999;
       
   968 	}
       
   969 	
       
   970 td.vaTop {
       
   971 	vertical-align: top;
       
   972 	}
       
   973 td.vaBtm {
       
   974 	vertical-align: bottom;
       
   975 	}
       
   976 
       
   977 ol {
       
   978 	margin: 0;
       
   979 	margin-left: 17px;
       
   980 	/*margin-left: 22px;*/
       
   981 	padding: 0;
       
   982 	}
       
   983 
       
   984 ul {
       
   985 	list-style: none;
       
   986 	margin: 0;
       
   987 	padding: 0;
       
   988 	}
       
   989 
       
   990 ul.black li {
       
   991 	background: url('../images/li_bla.gif') no-repeat top left ;
       
   992 	padding-left: 8px;
       
   993 	}
       
   994 
       
   995 ul li {
       
   996 	background: url('../images/li_blu.gif') no-repeat top left ;
       
   997 	padding-left: 8px;
       
   998 	}
       
   999 
       
  1000 div.w288 {
       
  1001 	display: block;
       
  1002 	float: left; 
       
  1003 	padding: 0 10px 0 0; 
       
  1004 	width: 278px;
       
  1005 	}
       
  1006 div.w288 h2 {
       
  1007 	font-size: 12px;
       
  1008 	font-weight: bold;
       
  1009 	margin: 0px;
       
  1010 	padding: 0 0 5px 0;
       
  1011 	}
       
  1012 	
       
  1013 .old {
       
  1014 	font-style: italic;
       
  1015 	}
       
  1016 
       
  1017 /* SIDEBAR */
       
  1018 div.siteHelper {
       
  1019 	margin: 0 0 10px 0;
       
  1020 	width: 164px;
       
  1021 	}
       
  1022 
       
  1023 .shBg {
       
  1024 	background: url(../images/right_column_dot.gif) #999;
       
  1025 	}
       
  1026 .shTxt {
       
  1027 	background: #E6E6E6;
       
  1028 	padding: 3px 0 3px 7px;
       
  1029 	}
       
  1030 	
       
  1031 div.sb {
       
  1032 	margin: 0px;
       
  1033 	width: 164px;
       
  1034 	}
       
  1035 div.sbHeading h1 {
       
  1036 	background: url(../images/sb_header.gif) top right no-repeat #FFF;
       
  1037 	color: #666;
       
  1038 	display: block;
       
  1039 	font-family: arial,helvetica,sans-serif;
       
  1040 	font-size: 12px;
       
  1041 	font-weight: bold;
       
  1042 	margin: 0px;
       
  1043 	padding: 6px 0 7px 9px;
       
  1044 	}
       
  1045 div.sbBody h2 {
       
  1046 	color: #666666;
       
  1047 	font-family: arial,helvetica,sans-serif;
       
  1048 	font-size: 11px;
       
  1049 	font-weight: bold;
       
  1050 	margin: 0px;
       
  1051 	padding: 0px;
       
  1052 	}
       
  1053 div.sbBody {
       
  1054 	background: #FFF;
       
  1055 	border: 1px solid #CCC;
       
  1056 	border-bottom: none;
       
  1057 	color: #666;
       
  1058 	display: block;
       
  1059 	margin: -2px 0 0 0;
       
  1060 	padding: 8px 8px 7px 8px;
       
  1061 	width: 146px;
       
  1062 	}
       
  1063 div.txtFull, div.sbBody ul {
       
  1064 	width: 146px;
       
  1065 	}
       
  1066 div.sbFooter {
       
  1067 	background: url(../images/sb_footer.gif) top no-repeat #FFF;
       
  1068 	display: block;
       
  1069 	margin: -2px 0 0 0;
       
  1070 	padding: 0px;
       
  1071 	width: 164px;
       
  1072   }
       
  1073 
       
  1074 
       
  1075 /* COLORS: Only the color attribute is specified */
       
  1076 tr.bg {
       
  1077 	background: #e6e6e6;
       
  1078 	}
       
  1079 
       
  1080 .black {
       
  1081 	color: #000;
       
  1082 	}
       
  1083 .blue {
       
  1084 	color: #03C;
       
  1085 	}
       
  1086 .green {
       
  1087 	color: #093;
       
  1088 	}
       
  1089 .grey {
       
  1090 	color: #666;
       
  1091 	}
       
  1092 .greyLight {
       
  1093 	color: #999;
       
  1094 	}
       
  1095 .red {
       
  1096 	color: #F00;
       
  1097 	}
       
  1098 
       
  1099 
       
  1100 /* POPUP */
       
  1101 div.navPop {
       
  1102 	border-top: 2px solid #03C;
       
  1103 	display: block;
       
  1104 	margin: 10px 0 0 0;
       
  1105 	padding: 0px;
       
  1106 	width: 100%;
       
  1107 	}
       
  1108 
       
  1109 div.btnPop {
       
  1110 	margin: -14px 0 0 0;
       
  1111 	text-align: right;
       
  1112 	width: 100%;
       
  1113 	}
       
  1114 div.btnPop div {
       
  1115 	margin-right: 10px;
       
  1116 	}
       
  1117 
       
  1118 div.bodyPop {
       
  1119 	display: block;
       
  1120 	margin: 10px 0 0 0;
       
  1121 	width: 100%;
       
  1122 	}
       
  1123 div.bodyPop div.content {
       
  1124 	padding: 0 38px 50px 38px;
       
  1125 	}
       
  1126 
       
  1127 div.footerPop {
       
  1128 	clear: both;
       
  1129 	color: #999;
       
  1130 	height: 26px;
       
  1131 	margin: 0;
       
  1132 	text-align: center;
       
  1133 	width: 100%;
       
  1134 	}
       
  1135 
       
  1136 
       
  1137 /* Tools: download, bookmark, print */
       
  1138 div.download {
       
  1139 	background: url(../images/ico_download.gif) top right no-repeat;
       
  1140 	margin: 0 0 5px 0;
       
  1141 	padding: 0 13px 0 0;
       
  1142 	white-space: nowrap;
       
  1143 	}
       
  1144 div.download a:link, div.download a:visited, div.download a:active, div.download a:hover {
       
  1145 	color: #f60;
       
  1146 	font-size: 11px;
       
  1147 	font-weight: bold;
       
  1148 	text-decoration: none !important;
       
  1149 	}
       
  1150 div.print {
       
  1151 	background: url(../images/ico_print.gif) left no-repeat;
       
  1152 	margin: 0;
       
  1153 	padding: 0 0 0 13px;
       
  1154 	white-space: nowrap;
       
  1155 	}
       
  1156 div.print a:link, div.print a:visited, div.print a:active, div.print a:hover {
       
  1157 	color: #f60;
       
  1158 	font-size: 11px;
       
  1159 	text-decoration: underline;
       
  1160 	}
       
  1161 	
       
  1162 	
       
  1163 /* Tabs */
       
  1164 /* Page Container, tab navigation width, depending on the template width */
       
  1165 div.full {
       
  1166 	width: 712px;
       
  1167 	}
       
  1168 div.right {
       
  1169 	width: 576px;
       
  1170 	}
       
  1171 div.middle {
       
  1172 	width: 398px;
       
  1173 	}
       
  1174 div.left {
       
  1175 	width: 534px;
       
  1176 	}
       
  1177 
       
  1178 /* Tab Container, Left and Right end caps */
       
  1179 div.tab {
       
  1180 	/*background: url('../images/tab_bg_border.gif') repeat-x bottom left;*/
       
  1181 	clear: both;
       
  1182 	font-family: arial, helvetica, sans-serif;
       
  1183 	font-size: 11px;
       
  1184 	width: 100%;
       
  1185 	}
       
  1186 div.tab div.left {
       
  1187 	border-bottom: 1px solid #666;
       
  1188 	display: block;
       
  1189 	float: left;
       
  1190 	margin: 0;
       
  1191 	padding: 0;
       
  1192 	height: 20px;
       
  1193 	/*height: 21px;*/
       
  1194 	width: 20px;
       
  1195 	}
       
  1196 div.tab div.right {
       
  1197 	background: url('../images/tab_end.gif') no-repeat top left;
       
  1198 	border-bottom: 1px solid #666;
       
  1199 	display: block;
       
  1200 	float: left;
       
  1201 	height: 20px;
       
  1202 	/*height: 21px;*/
       
  1203 	margin: 0;
       
  1204 	padding: 0px;
       
  1205 	width: 20px;
       
  1206 	}
       
  1207 div.tab div.filler {
       
  1208 	border-bottom: 1px solid #666;
       
  1209 	height: 20px;
       
  1210 	/*height: 21px;*/
       
  1211 	width: 100%;
       
  1212 	}
       
  1213 		
       
  1214 /* Tab "OFF" state attributes */
       
  1215 div.tab div.off {
       
  1216 	background: url('../images/tab_off_left.gif') no-repeat top left;
       
  1217 	display: block;
       
  1218 	float: left;
       
  1219 	margin: 0;
       
  1220 	padding: 0 0 0 5px;
       
  1221 	}
       
  1222 div.tab div.off div {
       
  1223 	background: url('../images/tab_off_strip.gif') repeat-x top left;
       
  1224 	display: block;
       
  1225 	float: left;
       
  1226 	margin: 0 0 0 3px;
       
  1227 	padding: 0;
       
  1228 	}
       
  1229 div.tab div.off div a {
       
  1230 	background: url('../images/tab_off_right.gif') no-repeat top right;
       
  1231 	color: #000;
       
  1232 	display: block;
       
  1233 	float: left;
       
  1234 	height: 21px;
       
  1235 	margin: 0;
       
  1236 	padding: 5px 14px 0 7px;
       
  1237 	/*padding: 5px 14px 0 4px;*/
       
  1238 	text-decoration: none;
       
  1239 	white-space: nowrap;
       
  1240 	}
       
  1241 div.tab div.off div a:hover {
       
  1242 	text-decoration: underline !important;
       
  1243 	}
       
  1244 
       
  1245 /* Tab "ON" state attributes */
       
  1246 div.tab div.on {
       
  1247 	background: url('../images/tab_on_left.gif') no-repeat top left;
       
  1248 	display: block;
       
  1249 	float: left;
       
  1250 	margin: 0;
       
  1251 	padding: 0 0 0 5px;
       
  1252 	}
       
  1253 div.tab div.on div {
       
  1254 	background: url('../images/tab_on_strip.gif') repeat-x top left;
       
  1255 	cursor: default;
       
  1256 	display: block;
       
  1257 	float: left;
       
  1258 	margin: 0 0 0 6px;
       
  1259 	/*margin: 0 0 0 3px;*/
       
  1260 	padding: 0;
       
  1261 	}
       
  1262 div.tab div.on div div#on {
       
  1263 	background: url('../images/tab_on_right.gif') no-repeat top right;
       
  1264 	color: #000;
       
  1265 	display: block;
       
  1266 	float: left;
       
  1267 	font-weight: bold;
       
  1268 	height: 21px;
       
  1269 	margin: 0;
       
  1270 	padding: 5px 14px 0 4px;
       
  1271 	white-space: nowrap;
       
  1272 	}
       
  1273 	
       
  1274 	
       
  1275 /* WEBCAST Template -specific */
       
  1276 /* webcast containers */
       
  1277 div.webcast {
       
  1278 	margin: 20px;
       
  1279 	/*margin: 0 20px 20px 20px;*/
       
  1280 	}
       
  1281 div.webcast table {
       
  1282 	background:url(../images/wc_bg_gradient.gif) repeat-x;
       
  1283 	}
       
  1284 	
       
  1285 /* table/iframe container borders */
       
  1286 td.border_t {
       
  1287 	background: url(../images/wc_border_t.gif) repeat-x top;
       
  1288 	}
       
  1289 td.border_r {
       
  1290 	background: url(../images/wc_border_r.gif) repeat-y right;
       
  1291 	}
       
  1292 td.border_b {
       
  1293 	background: url(../images/wc_border_b.gif) repeat-x bottom;
       
  1294 	}
       
  1295 td.border_l {
       
  1296 	background: url(../images/wc_border_l.gif) repeat-y left;
       
  1297 	}
       
  1298 	
       
  1299 /* iframes */
       
  1300 iframe#video {
       
  1301 	border: 1px solid #999;
       
  1302 	height: 180px;
       
  1303 	margin: 0 0 10px 0;
       
  1304 	padding: 0;
       
  1305 	width: 238px;
       
  1306 	}
       
  1307 iframe#video_status {
       
  1308 	border: none;
       
  1309 	height: 24px;
       
  1310 	margin: 0 0 10px 0;
       
  1311 	padding: 0;
       
  1312 	width: 240px;
       
  1313 	}
       
  1314 iframe#video_control {
       
  1315 	border: none;
       
  1316 	height: 35px;
       
  1317 	margin: 0 0 10px 0;
       
  1318 	/*margin: 0 0 5px 0;*/
       
  1319 	padding: 0;
       
  1320 	width: 240px;
       
  1321 	}
       
  1322 iframe#toc {
       
  1323 	border: 1px solid #999;
       
  1324 	height: 200px;
       
  1325 	margin: 5px 0 0px 0;
       
  1326 	padding: 0;
       
  1327 	width: 238px;
       
  1328 	}
       
  1329 iframe#main {
       
  1330 	border: 1px solid #999;
       
  1331 	height: 353px;
       
  1332 	margin: 0 0 20px 0;
       
  1333 	padding: 0;
       
  1334 	width: 468px;
       
  1335 	}
       
  1336 iframe#exdocs_tabs {
       
  1337 	border: none;
       
  1338 	height: 21px;
       
  1339 	margin: 0 0 10px 0;
       
  1340 	padding: 0;
       
  1341 	width: 468px;
       
  1342 	}
       
  1343 iframe#exdocs_docs {
       
  1344 	border: 1px solid #999;
       
  1345 	height: 95px;
       
  1346 	/*height: 104px;*/
       
  1347 	margin: 0;
       
  1348 	padding: 0;
       
  1349 	width: 466px;
       
  1350 	}
       
  1351 
       
  1352 li.pdf {
       
  1353 	font-size: 12px;
       
  1354 	background: url('../images/ico_pdf.gif') no-repeat top left ;
       
  1355 	padding-left: 20px;
       
  1356 	padding-bottom: 3px;
       
  1357 	}
       
  1358 li.ppt {
       
  1359 	font-size: 12px;
       
  1360 	background: url('../images/ico_ppt.gif') no-repeat top left ;
       
  1361 	padding-left: 20px;
       
  1362 	padding-bottom: 3px;
       
  1363 	}
       
  1364 li.word {
       
  1365 	font-size: 12px;
       
  1366 	background: url('../images/ico_word.gif') no-repeat top left ;
       
  1367 	padding-left: 20px;
       
  1368 	padding-bottom: 3px;
       
  1369 	}
       
  1370 /* END Webcast Template */