1 /*************************************************************

     2 A - SETUP

     3 **************************************************************/

     4 	

     5 /* Start from scratch

     6 -------------------------------------------------------------*/

     7 

     8 html, body, /* Remove this line if integrating */

     9 .pun div, .pun p, .pun h1, .pun h2, .pun h3, .pun h4, .pun h5, .pun h6,

    10 .pun blockquote, .pun pre, .pun code, .pun samp,

    11 .pun abbr, .pun acronym, .pun address, .pun small, .pun cite,

    12 .pun span, .pun em, .pun img, .pun strong,

    13 .pun dl, .pun dt, .pun dd, .pun ol, .pun ul, .pun li,

    14 .pun form, .pun fieldset, .pun label, .pun legend,

    15 .pun table, .pun caption, .pun tbody, .pun tfoot, .pun thead,

    16 .pun tr, .pun th, .pun td {

    17 	margin: 0;

    18 	padding: 0;

    19 	font-size: 100%;

    20 	vertical-align: baseline;

    21 	font-weight: normal;

    22 	font-style: normal;

    23 	}

    24 

    25 .pun fieldset, .pun img, .pun cite {

    26 	border: none;

    27 	}

    28 

    29 .pun ol, .pun ul {

    30 	list-style: none;

    31 	}

    32 

    33 .pun table {

    34 	width: 100%;

    35 	table-layout: fixed;

    36 	empty-cells: show;

    37 	border-spacing: 0;

    38 	}

    39 	

    40 .pun td {

    41 	overflow: hidden;

    42 	vertical-align: middle;

    43 	}

    44 	

    45 .pun span.submit input,

    46 .pun span.cancel input {

    47 	overflow: visible;

    48 	padding-left: 0.5em;

    49 	padding-right: 0.5em;

    50 	padding-bottom: 2px;

    51 	}

    52 	

    53 .pun a {

    54 	cursor: pointer;

    55 	text-decoration: underline;

    56 	}

    57 	

    58 .pun div.divider, .pun fieldset br {

    59 	display: none;

    60 	}

    61 	

    62 	

    63 /* Text Setup

    64 -------------------------------------------------------------*/

    65 

    66 .pun { /* Needs modifying if body has non default font-size */

    67 	font: 75%/130% Verdana, Arial, Helvetica, sans-serif;

    68 	}

    69 	

    70 .pun samp, .pun code, .pun pre, .pun option, .pun optgroup {

    71 	font-size: 1em;

    72 	font-family: Verdana, Arial, sans-serif;

    73 	font-style: normal;

    74 	}

    75 

    76 .pun input, .pun select, .pun textarea {

    77 	font-size: 1.1em;

    78 	font-family: Verdana, Arial, sans-serif;

    79 	}

    80 	

    81 .pun code {

    82 	font-size: 1.1em;

    83 	line-height: 140%;

    84 	font-family: 'andale mono', 'lucida console', monospace

    85 	}

    86 	

    87 .frm .frm-info li span strong,

    88 .pun .important strong,

    89 .pun .warn strong {

    90 	font-weight: bold;

    91 	}

    92 

    93 /*************************************************************

    94 B - FLOAT CLEARING AND HIDDEN STUFF

    95 **************************************************************/

    96 	

    97 /* Clear Me

    98 -------------------------------------------------------------*/

    99 

   100 .pun-page:after,

   101 #pun-visit:after,

   102 #pun-about:after,

   103 #pun-info #stats:after,

   104 #pun-info #onlinelist:after,

   105 .main .paged-head:after,

   106 .main .paged-foot:after,

   107 .main .main-head:after,

   108 .main .main-foot:after,

   109 .sectioned .main-nav:after,

   110 .frm .frm-set div:after,

   111 .frm .link:after,

   112 .frm .frm-group:after,

   113 .user .user-info li.status:after,

   114 .frm .profile:after,

   115 .main .topic .post .postbody:after,

   116 .main .topic .post .postfoot:after {

   117 	content: "";

   118 	display: block;

   119 	font-size: 0;

   120 	height: 0;

   121 	line-height: 0.0;

   122 	overflow:hidden;

   123 	visibility: hidden;

   124  	clear: both;

   125 	}

   126 	

   127 /* Hide Me

   128 -------------------------------------------------------------*/

   129 

   130 .main h1,

   131 #pun-info .main-head,

   132 #pun-info #stats h3,

   133 #qjump legend,

   134 .crumbs span span,

   135 .crumbs strong span,

   136 .main table .tcmod label span,

   137 .main .main-head h2 span span,

   138 .main .main-foot .h2 strong span,

   139 .frm .frm-legend,

   140 .frm .frm-legend span,

   141 .frm .frm-info h3,

   142 .frm .frm-warn,

   143 .user .user-info .status strong,

   144 .user .user-info .title strong,

   145 .frm .profile h3,

   146 .pun a span span,

   147 .main .post h3 cite,

   148 .main .post .posthead .post-select span,

   149 .main .post .post-entry h4,

   150 .frm .twin .twin2 .fld-label,

   151 .pun .frm .frm-group .nodefault span.noshow,

   152 .main .parted .frm-head {

   153  	font-size: 0;

   154  	left: -9999px;

   155  	text-indent: -9999px;

   156  	position:absolute;

   157  	line-height: 0em;

   158  	}

   159 	

   160 	

   161 /*************************************************************

   162 C - PAGE LAYOUT and COMMON ELEMENTS

   163 **************************************************************/

   164 

   165 /* Page Layout

   166 -------------------------------------------------------------*/

   167 

   168 .pun-page {

   169 	width: 95%;

   170 	margin: 0 auto;

   171 	padding: 20px 0;

   172 	}

   173 

   174 #pun-redirect, #pun-maint, #pun-util {

   175 	margin: 50px auto 12px auto;

   176 	width: 60%;

   177 	}

   178 	

   179 .pun { /* Confines clearing behaviour within forum wrapper */

   180 	float: left;

   181 	width: 100%;

   182 	position: relative;

   183 	}

   184 	

   185 	

   186 /* Skip Link

   187 -------------------------------------------------------------*/

   188 	

   189 #pun-access {

   190 	text-align: right;

   191 	padding: 0;

   192 	height: 0;

   193 	margin: 0;

   194 	position: absolute;

   195 	background: transparent;

   196 	}

   197 	

   198 #pun-access a, #pun-access a:link, #pun-access a:visited {

   199 	height: 2em;

   200 	padding: 0 1.3em;

   201 	line-height: 2em;

   202 	position: absolute;

   203 	left: -999em;

   204 	margin: 1px;

   205 	width: 12em;

   206 	}

   207 	

   208 #pun-access a:hover, #pun-access a:active, #pun-access a:focus {

   209 	text-indent: 0;

   210 	background: #000;

   211 	position: static;

   212 	float: right;

   213 	}

   214 	

   215 	

   216 /* Board Title and Description

   217 -------------------------------------------------------------*/

   218 	

   219 #pun-title {

   220 	padding: 1.3em 1.3em 0.3em 1.3em;

   221 	white-space: nowrap;

   222 	}

   223 	

   224 #pun-title strong {

   225 	font-size: 1.5em;

   226 	}

   227 	

   228 #pun-desc {

   229 	padding: 0 1.3em 1em 1.3em;

   230 	}

   231 	

   232 	

   233 /* Main Menu

   234 -------------------------------------------------------------*/

   235 	

   236 #pun-navlinks ul {

   237 	padding: 0.7em 1.3em;

   238 	}

   239 	

   240 #pun-navlinks ul li {

   241 	display: inline;

   242 	margin-right: 0.8em;

   243 	font-size: 1.2em;

   244 	}

   245 	

   246 	

   247 /* Welcome Box

   248 -------------------------------------------------------------*/

   249 

   250 #pun-visit {

   251 	border-style: none solid solid solid;

   252 	border-width: 1px;

   253 	padding: 0.8em 1.3em 0.8em 1.3em;

   254 	margin: 0 0 1em 0;

   255 	}

   256 	

   257 #pun-visit ul {

   258 	float: right;

   259 	}

   260 	

   261 #pun-visit ul li {

   262 	display: inline;

   263 	margin-left: 0.7em;

   264 	}

   265 	

   266 #pun-visit p span, #pun-visit ul li a {

   267 	white-space: nowrap;

   268 	}

   269 	

   270 #pun-visit p strong,

   271 #pun-visit ul li strong {

   272 	font-weight: bold;

   273 	}

   274 	

   275 	

   276 /* Alert Box

   277 -------------------------------------------------------------*/

   278 

   279 #pun-alert {

   280 	border-style: solid;

   281 	border-width: 1px;

   282 	margin: 0 0 1em 0;

   283 	}

   284 	

   285 #pun-alert h1 {

   286 	padding: 0.6em 0;

   287 	margin: 0 1.3em 0.6em 1.3em;

   288 	border-bottom-style: dashed;

   289 	border-bottom-width: 1px;

   290 	}

   291 	

   292 #pun-alert h1 strong {

   293 	font-size: 1.1em;

   294 	}

   295 

   296 #pun-alert p {

   297 	padding: 0.2em 0 0.8em 0;

   298 	margin: 0 1.3em;

   299 	}

   300 

   301 #pun-alert p strong {

   302 	display: block;

   303 	padding-bottom: 0.2em;

   304 	font-weight: bold;

   305 	}

   306 	

   307 	

   308 /* Statistics

   309 -------------------------------------------------------------*/

   310 

   311  #stats ul {

   312  	padding: 0.6em 1.3em;

   313  	}

   314  	

   315  #stats ul li.st-users {

   316  	float: left;

   317  	clear: both;

   318  	white-space: nowrap;

   319  	line-height: 150%;

   320  	}

   321  

   322  #stats ul li.st-activity {

   323  	text-align: right;

   324  	display: block;

   325  	white-space: nowrap;

   326  	line-height: 150%;

   327  	}

   328  	

   329 #stats ul li strong {

   330 	font-weight: bold;

   331 	}

   332  

   333 #onlinelist {

   334 	border-top-style: dashed;

   335 	border-top-width: 1px;

   336 	line-height: 150%;

   337 	padding: 0.6em 1.3em;

   338 	}

   339  

   340 #onlinelist h3 {

   341 	float: left;

   342 	margin: 0 0.5em 0 0;

   343 	}

   344 	

   345 #onlinelist h3 strong {

   346 	font-weight: bold;

   347 	}

   348 	

   349 	

   350 /* About Box (Footer / Copyright / Jump Menu) and Home Link

   351 -------------------------------------------------------------*/

   352 

   353 #pun-about {

   354 	border-style: solid;

   355 	border-width: 1px;

   356 	margin: 0 0 1em 0;

   357 	padding: 0.6em 1.3em;

   358 	}

   359 

   360 #pun-about p {

   361 	text-align: right;

   362 	}

   363 	

   364 #pun-about #qjump {

   365 	float: left;

   366 	width: 40%;

   367 	}

   368 	

   369 #pun-about #qjump label {

   370 	font-weight: bold;

   371 	display: block;

   372 	}

   373 	

   374 #pun-home {

   375 	font-weight: normal;

   376 	float:right;

   377 	padding: 0.4em 1.3em 0 0;

   378 	}

   379 	

   380 /* Announcements

   381 -------------------------------------------------------------*/

   382 

   383 #pun-announcement .userbox {

   384 	margin: 0 0 1em 0;

   385 	padding-bottom: 1em;

   386 	}

   387 	

   388 #pun-announcement .msg-head {

   389 	font-size: 1.2em;

   390 	padding-bottom: 0.5em;

   391 	margin-bottom: 0.5em;

   392 	border-bottom-style: dashed;

   393 	border-bottom-width: 1px;

   394 	font-size: 1.1em;

   395 	font-weight: bold;

   396 	}

   397 

   398 	

   399 /*************************************************************

   400 D - MAIN CONTENT COMMON ELEMENTS

   401 **************************************************************/

   402 

   403 /* Common Styling

   404 -------------------------------------------------------------*/

   405 	

   406 .main .main-content, .paged .paged-foot {

   407 	margin-bottom: 1em;

   408 	}

   409 	

   410 .paged .main-content {

   411 	margin-bottom: 0;

   412 	}

   413 

   414 .main .main-content {

   415 	border-style: solid;

   416 	border-width: 1px;

   417 	}

   418 	

   419 

   420 

   421 /* Breadcrumbs

   422 -------------------------------------------------------------*/

   423 

   424 #pun-crumbs-head,

   425 #pun-crumbs-foot {

   426 	padding: 0 1.3em;

   427 	margin: 0 0 1em 0;

   428 	}

   429 	

   430 #pun-crumbs-head .crumb,

   431 #pun-crumbs-foot .crumb {

   432 	padding-left: 1.5em;

   433 	padding-right: 0.5em;

   434 	background-image: url(crumb.png);

   435 	background-repeat: no-repeat;

   436 	background-position: 0;

   437 	white-space: nowrap;

   438 	}	

   439 

   440 #pun-crumbs-head .crumbfirst,

   441 #pun-crumbs-foot .crumbfirst {

   442 	background-image: none;

   443 	padding-left: 0;

   444 	}

   445 

   446 #pun-crumbs-head .crumblast,

   447 #pun-crumbs-foot .crumblast {

   448 	font-weight: bold;

   449 	}

   450 	

   451 	

   452 /* Paging and Posting

   453 -------------------------------------------------------------*/

   454 	

   455 .main .paged-head,

   456 .main .paged-foot {

   457 	border-style: solid;

   458 	border-width: 1px;

   459 	padding: 0 1.3em;

   460 	min-height: 2.6em;

   461 	}

   462 	

   463 .main .paged-head .paging,

   464 .main .paged-foot .paging {

   465 	float: left;

   466 	font-size: 1.1em;

   467 	padding: 0.6em 0;

   468 	}

   469 	

   470 .main .paged-head .posting,

   471 .main .paged-foot .posting {

   472 	float: right;

   473 	font-size: 1.1em;

   474 	padding: 0.6em 0;

   475 	}

   476 	

   477 .main .paged-head .posting span,

   478 .main .paged-head .paging strong,

   479 .main .paged-foot .posting span,

   480 .main .paged-foot .paging strong {

   481 	font-weight: bold;

   482 	}

   483 	

   484 .main .paged-foot .submitting {

   485 	float: right;

   486 	padding: 0.3em 0 0.3em 0;

   487 	}

   488 	

   489 .main .submitting {

   490 	text-align: right;

   491 	}

   492 	

   493 .main .paged-foot .submitting span {

   494 	margin-left: 0.8em;

   495 	}

   496 

   497 

   498 /* Main Headers and Footers

   499 -------------------------------------------------------------*/

   500 

   501 .main .main-head,

   502 .main .main-foot {

   503 	padding: 0.7em 1.3em;

   504 	min-height: 1.3em;

   505 	}

   506 

   507 #pun-install .main-head {

   508 	padding-left: 1.7em;

   509 	}

   510 	

   511 .main .main-head h1 {

   512 	position: static;

   513 	font-size: 1em;

   514 	line-height: 1.3em;

   515 	text-indent: 0;

   516 	}

   517 

   518 .main .main-head h1,

   519 .main .main-head h2,

   520 .main .main-foot .h2 {

   521 	float: left;

   522 	padding: 0 1px;

   523 	}

   524 

   525 .main .main-head h1 span,

   526 .main .main-head h2 span,

   527 .main .main-foot .h2 strong {

   528 	font-size: 1.1em;

   529 	}

   530 

   531 .main .main-head .main-options,

   532 .main .main-foot .main-options,

   533 .admin .main-head h2,

   534 .admin .main-head h1 {

   535 	float: right;

   536 	padding: 0 1px;

   537 	}

   538 

   539 .main .main-head .main-options a.feed-option {

   540 	margin-left: 0.5em;

   541 	}

   542 	

   543 .main .main-foot .main-options a.mod-option,

   544 .main .main-foot .main-options a.user-option {

   545 	margin-left: 0.8em;

   546 	}

   547 	

   548 .main .main-head .main-options a.feed-option,

   549 .main .main-head .main-options a.feed-option:link,

   550 .main .main-head .main-options a.feed-option:visited {

   551 	padding-left: 22px;

   552 	background-repeat: no-repeat;

   553 	background-position: left;

   554 	background-image: url(feed.png);

   555 	}

   556 

   557 .main .main-head a.exthelp,

   558 .main-head a.exthelp:link,

   559 .main .main-head a.exthelp:visited {

   560 	padding-left: 20px;

   561 	background-repeat: no-repeat;

   562 	background-position: left;

   563 	background-image: url(helpdark.png);

   564 	}

   565 	

   566 .main .frm-head {

   567 	padding: 0.5em 1.7em;

   568 	border-style: solid none solid none;

   569 	border-width: 1px;

   570 	background: #f1f1f1 !important;

   571 	border-bottom-color: #bbb !important;

   572 	}

   573 

   574 .main .frm-head span, .main .frm-part h3 span {

   575 	font-size: 1.1em;

   576 	}

   577 

   578 /* Tabbed Navigation (General

   579 -------------------------------------------------------------*/

   580 

   581 .main .main-nav {

   582 	min-width: 50em;

   583 	}

   584 

   585 .main .main-nav * {

   586 	white-space: nowrap;

   587 	}

   588 

   589 .main .main-nav ul {

   590 	padding: 0 1.9em;

   591 	}

   592 

   593 .main .main-nav ul li {

   594 	display: inline;

   595 	float:left;

   596 	padding: 0 5px 0 0;

   597 	}

   598 

   599 .main .main-nav ul li a,

   600 .main .main-nav ul li a:link,

   601 .main .main-nav ul li a:visited {

   602 	border-style: solid solid none solid;

   603 	border-width: 1px;

   604 	float: left;

   605 	padding: 0;

   606 	}

   607 	

   608 .main .main-nav ul li a span,

   609 .main .main-nav ul li a:link span,

   610 .main .main-nav ul li a:visited span {

   611 	height: 2.2em;

   612 	line-height: 2.2em;

   613 	padding: 0 1em;

   614 	background:transparent;

   615 	float: left;

   616 	border-top-style: solid;

   617 	border-top-width: 1px;

   618 	}

   619 

   620 	

   621 /* Tabbed Navigation (with submenu)

   622 -------------------------------------------------------------*/

   623 .main .submenu {

   624 	position: relative;

   625 	}

   626 

   627 .main .submenu ul li.topactive ul {

   628 	background: transparent;

   629 	border: none;

   630 	height: 2.5em;

   631 	left: 0;

   632 	line-height: 2.5em;

   633 	margin: 0;

   634 	padding: 0 1.7em;

   635 	position: absolute;

   636 	top: 2.5em;

   637 	}

   638 

   639 .main .submenu ul li.topactive ul li a,

   640 .main .submenu ul li.topactive ul li a:link,

   641 .main .submenu ul li.topactive ul li a:visited {

   642 	margin-right: 0.8em;

   643 	border: none;

   644 	padding: 0;

   645 	}

   646 

   647 /*************************************************************

   648 E - MAIN TABLES ( Index / Forums / Userlist )

   649 **************************************************************/

   650 

   651 /* Table Cells Widths and Alignment

   652 -------------------------------------------------------------*/

   653 

   654 .main table .tcl {

   655 	width: 50%;

   656 	text-align: left;

   657 	}

   658 

   659 .main table .tc2,

   660 .main table .tc3,

   661 .main table .tcmod {

   662 	width: 10%;

   663 	text-align: center;

   664 	}

   665 

   666 .main table .tcr {

   667 	width: 30%;

   668 	text-align: left;

   669 	}

   670 	

   671 #pun-userlist table .tcl,

   672 #pun-searchtopics table .tcl {

   673 	width: 40%

   674 	}

   675 	

   676 #pun-userlist table .tc2,

   677 #pun-searchtopics table .tc2 {

   678 	width: 20%;

   679 	text-align: left;

   680 	}

   681 	

   682 #pun-debug  table .tcl {

   683 	white-space:normal;

   684 	width: 15%;

   685 	}

   686 

   687 #pun-debug table .tcr {

   688 	white-space: normal;

   689 	width: 90%;

   690 	}

   691 	

   692 #pun-admin-users table .tcl {

   693 	width: 35%;

   694 	line-height: 1.4em;

   695 	}

   696 	

   697 	

   698 #pun-admin-users table .tc2 {

   699 	width: 20%;

   700 	}

   701 	

   702 #pun-admin-users table .tc3 {

   703 	width: 10%;

   704 	}

   705 	

   706 #pun-admin-users table .tcr {

   707 	width: 20%;

   708 	}

   709 	

   710 #pun-admin-users table .actions {

   711 	width: 15%;

   712 	}

   713 	

   714 #pun-admin-users td.tcl span {

   715 	display: block;

   716 	}

   717 	

   718 #pun-admin-users td.tcl strong {

   719 	font-weight: bold;

   720 	}

   721 	

   722 	

   723 /* Table Cell Styling

   724 -------------------------------------------------------------*/

   725 

   726 .main table .tcl h3 span {

   727 	font-size: 1.1em;

   728 	font-weight: bold;

   729 	}

   730 

   731 .main table .tcl span.topic-nav,

   732 .main table .tcl span.topic-nav *,

   733 .main table .tcr a {

   734 	white-space: nowrap;

   735 	}

   736 	

   737 .main table .tcl .modlist {

   738 	display: block;

   739 	padding-top: 0.3em

   740 	}

   741 	

   742 .main table td {

   743 	padding: 0.6em 1.3em 0.7em 1.3em;

   744 	border-width: 1px;

   745 	border-style: solid none none solid;

   746 	line-height: 130%;

   747 	}

   748 	

   749 .main table td.tcl {

   750 	border-left-style: none;

   751 	border-left-width: 0

   752 	} 

   753 	

   754 .main table th {

   755 	padding: 0.5em 1.3em;

   756 	border-style: none;

   757 	}

   758 

   759 .main table tbody.statused td.tcl {

   760 	padding-left: 3.4em;

   761 	}

   762 	

   763 .main table tbody.statused span.status {

   764 	margin-left: -2.4em;

   765 	position: absolute;

   766 	}

   767 

   768 .main table .tcl img {

   769 	border-style: solid;

   770 	border-width: 0.6em;

   771 	display: inline;

   772 	height: 0;

   773 	width: 0;

   774 	float: left;

   775 	margin-right: 0.4em;

   776 	margin-top: 0.1em;

   777 	}

   778 	

   779 #pun-index .main table .tcl img {

   780 	border-width: 0.7em;

   781 	}

   782 

   783 #pun-index .main table .tcr .byuser {

   784 	display: block;

   785 	}

   786 	

   787 .main table td.actions, .main table th.actions {

   788 	text-align: right;

   789 	}

   790 

   791 .main table td.actions span {

   792 	display: block;

   793 	}

   794 	

   795 /*************************************************************

   796 E - MAIN FORMS

   797 **************************************************************/

   798 

   799 /* General Styling

   800 -------------------------------------------------------------*/

   801 	

   802 .frm .frm-form {

   803 	margin: 1.7em 1.7em 0.7em 1.7em;

   804 	}

   805 	

   806 .frm .frm-set {

   807 	border-top-style: dashed;

   808 	border-top-width: 1px;

   809 	padding: 1.3em 0 0.5em 0;

   810 	}

   811 

   812 .frm .set1 {

   813 	border-top-style: none;

   814 	padding-top: 0;

   815 	}

   816 	

   817 .frm .frm-buttons {

   818 	padding: 0.8em 0 0.3em 15.6em;

   819 	border-top-style: double;

   820 	border-top-width: 3px;

   821 	margin-top: 0.5em;

   822 	}

   823 	

   824 .frm .frm-buttons span {

   825 	margin-right: 1em;

   826 	}

   827 	

   828 .frm .frm-fld span.submit {

   829 	clear: left;

   830 	display: block;

   831 	padding-top: 0.3em;

   832 	}

   833 	

   834 .frm table {

   835 	border-style: solid;

   836 	border-width: 1px;

   837 	margin-bottom: 1em;

   838 	}

   839 	

   840 /* Text, Select. Link Field and Textarea

   841 -------------------------------------------------------------*/

   842 

   843 .main form .frm-fld {

   844 	padding: 0 0 0.7em 0;

   845 	margin: 0 0 0 15.6em;

   846 	position: relative;

   847 	line-height: 1.3em;

   848 	}

   849 

   850 .main form .frm-fld .fld-label {

   851 	float: left;

   852 	width: 14.6em;

   853 	position: relative;

   854 	margin-left: -15.6em;

   855 	text-align: right;

   856 	font-weight: bold;

   857 	padding: 3px 1em 2px 0;

   858 	}

   859 	

   860 .main form .link .fld-label {

   861 	padding: 0 1em 0 0;

   862 	}

   863 	

   864 .admin .frm form fieldset .link .fld-input {

   865 	float: left;

   866 	}

   867 	

   868 .main form .frm-fld .fld-input,

   869 .main form .frm-fld .fld-input input,

   870 .main form .frm-fld .fld-input select {

   871 	float: left;

   872 	}

   873 	

   874 .main form .frm-fld .fld-input {

   875 	padding-right: 0.5em;

   876 	}

   877 	

   878 .main form .frm-fld label span.fld-help,

   879 .main form .frm-fld label span.fld-extra {

   880 	float: left;

   881 	width: 98%;

   882 	display: block;

   883 	font-size: 0.9em;

   884 	margin-left: -2px;

   885 	position: relative;

   886 	}

   887 

   888 .main form .textarea label span.fld-help {

   889 	width: 86%;

   890 	}

   891 	

   892 .main form .frm-fld label span.fld-extra {

   893 	display: inline;

   894 	width: auto;

   895 	margin: 0;

   896 	padding-top: 3px;

   897 	}

   898 	

   899 .main form .frm-fld label small.extra {

   900 	font-size: 1em;

   901 	}

   902 

   903 .main form .frm-fld .fld-label a {

   904 	margin-left: 0.5em;

   905 	}

   906 	

   907 .main form .frm-fld .fld-label a span {

   908 	font-weight: bold;

   909 	}

   910 	

   911 .main form .textarea .fld-input,

   912 .main form .longtext .fld-input {

   913  	width: 84%;

   914  	padding-right: 0.8em;

   915  	}

   916 	

   917 .main form .textarea textarea,

   918 .main form .longtext input {

   919 	width: 100%;

   920 	}

   921 

   922 .main form .frm-fld em.req-text {

   923  	float: left;

   924  	padding-top: 2px;

   925  	}

   926  	

   927  .main .frm .frm-part {

   928 	margin: 0 -1.7em;

   929  	padding: 0 1.7em;

   930  	border-top: 1px solid #ddd;

   931  	margin-top: 1em;

   932  	}

   933  	

   934  .main .frm .frm-part h3 {

   935  	margin-top: 0;

   936  	background: #f1f1f1;

   937  	margin: 1em -1.7em;

   938  	margin-top: 0;

   939  	margin-bottom: 1.3em;

   940  	padding: 0.5em 1.7em;

   941  	border-top: 1px solid #fff;

   942  	border-bottom: 1px solid #bbb;

   943  	}

   944  	

   945  .main .frm .part1 {

   946 	margin-top: -1.7em;

   947 	border-top: none;

   948  	}

   949  	

   950  .main .frm .frm-part h3 * {

   951  	color: #113C5E;

   952  	}

   953  	

   954  /* Checkboxes and Radio Buttons

   955 -------------------------------------------------------------*/

   956 	

   957 .main form .frm-group {

   958 	padding: 0 0 0.7em 0;

   959 	position: relative;

   960 	}

   961 

   962 .main form .radbox {

   963 	margin: 0 0 0 15.6em;

   964 	padding: 3px 0 0.3em 23px;

   965 	line-height: 1.3em;

   966 	position: relative;

   967 	}

   968 

   969 .main form .checkbox {

   970 	padding-bottom: 1em;

   971 	}

   972 	

   973 .main form .radbox input {

   974 	float: left;

   975 	position: relative;

   976 	left: -20px;

   977 	top: 0.65em;

   978 	margin: -7px -13px 0 0;

   979 	min-width: 13px;

   980 	min-height: 13px;

   981 	}

   982 	

   983 .main form .checkbox .fld-label {

   984 	float: left;

   985 	width: 14.6em;

   986 	text-align: right;

   987 	position: relative;

   988 	left: -23px;

   989 	padding: 0;

   990 	margin-left: -15.6em;

   991 	font-weight: bold;

   992 	}

   993 	

   994 .main form .frm-yesno label,

   995 .main form .frm-choice label {

   996 	float: left;

   997 	}

   998 	

   999 .main form .frm-yesno label {

  1000 	width: 8em;

  1001 	}

  1002 	

  1003 .main form .frm-choice label {

  1004 	width: 11em;

  1005 	}

  1006 	

  1007 .main form .frm-group legend span {

  1008 	position: absolute;

  1009 	left: 0;

  1010 	width: 14.6em;

  1011 	text-align: right;

  1012 	padding-top: 3px;

  1013 	font-weight: bold;

  1014 	}

  1015 	

  1016 	

  1017  /* Form Information Boxes

  1018 -------------------------------------------------------------*/

  1019 	

  1020 .frm .frm-info,

  1021 .frm .frm-error,

  1022 .frm .req-warn {

  1023 	margin: 1.7em;

  1024 	padding: 1em 1em 0.3em 1em;

  1025 	border-style: solid;

  1026 	border-width: 1px;

  1027 	}

  1028 	

  1029 .frm .frm-form .frm-info {

  1030 	margin: 0.7em 0 1.7em 0;

  1031 	}

  1032 

  1033 .frm .frm-info p,

  1034 .frm .frm-error .warn,

  1035 .frm .frm-error .important {

  1036 	padding: 0 0 0.8em 0;

  1037 	}

  1038 	

  1039 .frm .frm-info ul {

  1040 	padding: 0 0 0.2em 1em;

  1041 	margin: 0 0 0 8px;

  1042 	}

  1043 	

  1044 .frm .frm-info li,

  1045 .frm .frm-error li {

  1046 	padding: 0 0 0.7em 0.5em;

  1047 	list-style-type: square;

  1048 	line-height: normal;

  1049 	}

  1050 	

  1051 #pun-main .frm .actions a, #pun-main .frm .actions a * {

  1052 	font-weight: bold;

  1053 	}

  1054 

  1055 .frm .frm-info .actions {

  1056 	padding-left: 2em;

  1057 	}

  1058 

  1059 .frm .actions a {

  1060 	margin-right: 0.7em;

  1061 	white-space: nowrap;

  1062 	}

  1063 	

  1064 #pun-search .frm .frm-info .actions {

  1065 	background: url('searchicon.png') no-repeat top left;

  1066 	padding-left: 2.2em;

  1067 	}

  1068 	

  1069 .frm .frm-error ul {

  1070 	margin-top: 0;

  1071 	margin-bottom: 0;

  1072 	padding-left: 0;

  1073 	margin-left: 1.6em;

  1074 	}

  1075 	

  1076 .frm .frm-error li {

  1077 	line-height: 1.5em;

  1078 	}

  1079 	

  1080 .main form .item-select {

  1081 	position: relative;

  1082 	float: right;

  1083 	margin-top: -2.8em;

  1084 	z-index: 100;

  1085 	padding-bottom: 0;

  1086 	}

  1087 

  1088 .main form div.item-select * {

  1089 	font-weight: bold;

  1090 	}

  1091 	

  1092 .main form div.item-select .fld-label {

  1093 	font-weight: normal;

  1094 	}

  1095 	

  1096 	

  1097  /* Data Boxes

  1098 -------------------------------------------------------------*/

  1099 

  1100 .main .frm-form .databox {

  1101 	margin: 1.7em 0;

  1102 	}

  1103 	

  1104 .main .databox {

  1105 	margin: 1.7em;

  1106 	padding: 1em 1em 0.3em 1em;

  1107 	border-style: solid;

  1108 	border-width: 1px;

  1109 	overflow: hidden;

  1110 	}

  1111 	

  1112 .main .databox p,

  1113 .main .databox ul {

  1114 	padding-bottom: 0.8em;

  1115 	overflow: hidden;

  1116 	}

  1117 	

  1118 .main .databox .legend {

  1119 	padding-bottom: 0.5em;

  1120 	border-bottom-style: dashed;

  1121 	border-bottom-width: 1px;

  1122 	margin-bottom: 0.7em;

  1123 	}

  1124 	

  1125 .main .databox .legend span,

  1126 .main .databox .term span {

  1127 	font-weight: bold;

  1128 	}

  1129 	

  1130 .main .databox .legend strong {

  1131 	float: right;

  1132 	font-weight: bold;

  1133 	}

  1134 	

  1135 .main .databox .note {