Advertisement
Guest User

Untitled

a guest
Nov 6th, 2012
106
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 65.64 KB | None | 0 0
  1. * {
  2.      margin: 0px;
  3.      padding: 0px;
  4.      }
  5. * html {
  6.     scrollbar-face-color: #;
  7.     scrollbar-highlight-color: #;
  8.     scrollbar-shadow-color: #;
  9.     scrollbar-3dlight-color: #;
  10.     scrollbar-arrow-color: #;
  11.     scrollbar-track-color: #;
  12.     scrollbar-darkshadow-color: #;
  13.     }
  14. *+ html {
  15.     scrollbar-face-color: #;
  16.     scrollbar-highlight-color: #;
  17.     scrollbar-shadow-color: #;
  18.     scrollbar-3dlight-color: #;
  19.     scrollbar-arrow-color: #;
  20.     scrollbar-track-color: #;
  21.     scrollbar-darkshadow-color: #;
  22.     }
  23. body {
  24.     background-color: #000000;
  25.     background-image: url('http://i.imgur.com/Zkur4.jpg');
  26.     background-attachment: scroll;
  27.         background-repeat: no-repeat;
  28.     color: #333333;
  29.     font-size: 10px;
  30.     font-family: Verdana,Arial,Helvetica,sans-serif;
  31. background-position: top;
  32.     }
  33. .main-content {
  34.         margin-bottom : 15px;
  35.         }
  36.  
  37. /* Wrap .pun-------------------------------------------------------------*/
  38. .pun {
  39.     width: 880px;
  40.     margin: 0 auto;
  41.     padding: 5px;
  42.      
  43. /* Fix for RTL min-width bug, left here for consistency */
  44. min-width: 768px;
  45.     line-height: 130%;
  46.     }
  47. .pun div, .pun td, .sig-line {
  48.     border-color: ##dddddd;
  49.     color: ##dddddd;
  50.     }
  51. .pun img, .pun fieldset {
  52.     border: none;
  53.     }
  54. .pun a:link {
  55.     color: #0066ff;
  56.         text-decoration: none;
  57.     }
  58. .pun a:visited {
  59.     color: #076cac;
  60.         text-decoration: none;
  61.      }
  62. .pun a:hover {
  63.     color: black !important;
  64.         text-decoration: underline;
  65.      }
  66. .pun a:active {
  67.     color: #076cac;
  68.         text-decoration: none;
  69.      }
  70. .pun a:focus {
  71.     color: #076cac;
  72.         text-decoration: none;
  73.      }
  74. .pun h2, .pun h3, .pun th, .pun input, .pun select {
  75.     font: normal 1em Verdana, Arial, sans-serif;
  76.     }
  77.  
  78. /* Main navigation (Menu, information and crumbs)-------------------------------------------------------------*/
  79. #pun-head #pun-navlinks {
  80.     background-color: transparent;
  81.     border-color: #DDDDDD;
  82.     color: #FFFFFF !important;
  83.     margin-top: -51px;
  84.     padding: 0.5em 1.1em 2.6em 0;
  85. }
  86. #pun-navlinks ul {
  87.     list-style: none;
  88.     text-align: center;
  89.     }
  90. #pun-navlinks li {
  91.     display: inline;
  92.     font-size: 1.15em;
  93.     }
  94. #pun-navlinks li a {
  95.     color: black;
  96.     margin: 0.5em 1em 0.65em 0;
  97.     padding: 1.4em 0.5em 1.48em;
  98. }
  99.  
  100. #pun-navlinks a, #pun-navlinks a:visited {
  101.    
  102. /*color: #fff;
  103.     */
  104. text-decoration: none;
  105.     }
  106.  
  107. #pun-navlinks a:hover {
  108.     background-image: url("http://i49.servimg.com/u/f49/14/89/34/10/hoverl10.png");
  109.     background-position: center top;
  110.     background-repeat: repeat-x;
  111.     color: black !important;
  112.     height: 100%;
  113.     padding: 1.4em 0.5em 1.48em;
  114.     text-align: center;
  115.     text-shadow: 0 0 1px #7FDBFF !important;
  116.     top: -10px;
  117.     width: 100%;
  118. }
  119. #pun-navlinks a:active, #pun-navlinks a:focus {
  120. text-decoration: none;
  121. }
  122. #pun-visit,.main-box {
  123.     border-color: #dddddd;
  124.     border-style: solid;
  125.     border-width: 0px;
  126.     padding: 0.6em 1em;
  127.     background-color: transparent;
  128.     margin: 0 0 1em 0;
  129.     }
  130. #pun-visit ul,.main-box ul {
  131.     float: right;
  132.     width: 70%;
  133.     text-align: right;
  134.     list-style-type: none;
  135.     }
  136. .main-box ul {
  137.     float: left;
  138.     width: auto;
  139.     }
  140. #pun-visit li,.main-box li {
  141.     margin-left: 0.7em;
  142.     white-space: nowrap;
  143.     float: right;
  144.     }
  145. .pun-crumbs {
  146.     padding: 0.2em 1em;
  147.     margin: 0 1px 1em 1px;
  148.     }
  149. .pun-crumbs p {
  150.     margin: 0;
  151.     line-height: 1.5;
  152.     font-size: 1.11em;
  153.     color: #666;
  154.     }
  155. .pun-crumbs a {
  156.      text-decoration: none;
  157.      }
  158. #content-container div#container {
  159.     width: 100%;
  160.     float: left;
  161.     margin-right: -0px;
  162.     }
  163. #content-container div#content {
  164.     margin-right: 0px;
  165.     }
  166. #content-container div#main {
  167.     margin-bottom: 1em;
  168.     overflow: hidden;
  169.         }
  170. *+ html #content-container div#main {
  171.     margin-left: 0px;
  172.     }
  173. #content-container div#left {
  174.     width: 0px;
  175.     float: left;
  176.     margin-right: 0px;
  177.     overflow: hidden;
  178.     }
  179. #content-container div#right {
  180.     width: 0px;
  181.     float: right;
  182.     overflow: hidden;
  183.     }
  184. * html #content-container #main-content {
  185.      
  186. /* FIX for IE6... For some reason, if we insert comment before this series, the star html hack don't work no more... ?? */
  187. overflow: visible;
  188.     margin-right: 0px;
  189.     }
  190. * html #content-container div#main {
  191.      
  192. /* FIX for IE6 */
  193. margin-right: -99%;
  194.     width: 100%;
  195.     float: left;
  196.     }
  197. #page-body {
  198.     margin: 4px 0;
  199.     width: 100%;
  200.     }
  201.  
  202. /* Announcement Box-------------------------------------------------------------*/
  203. #pun-announcement {
  204.     border-style: solid;
  205.     border-width: 1px;
  206.     padding: 1em;
  207.     background-color: #fbfbfb;
  208.         border-radius: 15px 15px 15px 15px;
  209.     }
  210. .pun .main .main-content.message {
  211.      background-color: #fbfbfb;
  212.      }
  213. .pun .main .main-content p.message {
  214.     margin: 1.7em;
  215.     padding: 1em;
  216.     background-color: #fff;
  217.     border: 1px solid #dddddd;
  218.     }
  219.  
  220. /* Main headings and Pagination-------------------------------------------------------------*/
  221. .pun .main, .pun .main-category {
  222.     margin: 1em 0;
  223.     }
  224. .main .main-head, .main .main-foot {
  225.     padding: 0.8em 2em;
  226.     font-weight: normal;
  227.     color: #00000;
  228.         text-shadow: 0 0 2px #C9FF90 !important;
  229.     background-color: #fbfbfb;
  230.     }
  231. .main .main-head {
  232.     background-image: url('http://i.imgur.com/qBdQM.png');
  233.         background-repeat: repeat-x;
  234.         background-position: center;
  235.         -moz-border-radius-topleft: 5px;
  236.         -moz-border-radius-topright: 5px;
  237.         -webkit-border-top-left-radius: 5px;
  238.         -webkit-border-top-right-radius: 5px;
  239.     }
  240. .main .main-head .page-title {
  241.     font-size: 12px;
  242.     font-weight: normal;
  243.     }
  244. .pun .main-content {
  245.     border: 1px solid #dddddd;
  246.     background-color: #fbfbfb;
  247.     }
  248. .pun .style1 {
  249.     background-color: #fbfbfb;
  250.     padding: 0.5em;
  251.     }
  252. .pun .style2 {
  253.     background-color: #fbfbfb;
  254.     padding: 0.5em;
  255.     }
  256. .pun .main-foot .h2, .pun .main-head .h2 {
  257.     float: left;
  258.     }
  259. .pun .main .options {
  260.     float: right;
  261.     text-align: right;
  262.     color: #000000;
  263.     }
  264. .pun .main .options a,.pun .main .options a:link,.pun .main .options a:visited {
  265.     margin-left: 0.5em;
  266.     color: #000000;
  267.     text-decoration: none;
  268.     }
  269. .pun .main-foot .options a,.pun .main-foot .options a:link,.pun .main-foot .options a:visited {
  270.     margin-left: 0.6em;
  271.     color: #000000;
  272.     text-decoration: underline;
  273.     }
  274.  
  275. /* Table-------------------------------------------------------------*/
  276. .pun table.table {
  277.     width: 100%;
  278.     table-layout: fixed;
  279.     empty-cells: show;
  280.     border-collapse: collapse;
  281.     }
  282. .pun .frm .frm-form table {
  283.     border: 0px solid #dddddd;
  284.     border-top: 0px solid #1F537B;
  285.     border-color: #bbb;
  286.     }
  287. .pun table.table th {
  288.     padding: 0.5em 0;
  289.     border-style: none;
  290.     border-color: #;
  291.     background-color: #fbfbfb;
  292.     color: #333333;
  293.     }
  294. .pun table.table td {
  295.     padding: 0.6em 0 0.7em;
  296.     border-bottom: 0px solid #dddddd;
  297.         border-left: 0px solid #dddddd;
  298.     line-height: 130%;
  299.         border-right: 0px solid #dddddd;
  300.     background-color: #fbfbfb;
  301.    
  302.   background-image: url('');
  303.         background-repeat: repeat-x;
  304.        background-position: bottom;
  305.     }
  306.  
  307. .pun .main table td.tc2, .pun .main table td.tc3 {
  308.     background-color: #fbfbfb;
  309.     }
  310. .pun table.table td table td {
  311.     border: none;
  312.     padding: 0px;
  313.     }
  314. .pun table .tcl {
  315.     width: 50%;
  316.     overflow: hidden;
  317.     text-align: left;
  318.     }
  319. .pun table.table th.tcl {
  320.     padding-left: 0.5em;
  321.     }
  322. .pun .frm .frm-form table .tc2 {
  323.      text-align: left;
  324.      padding-left: 0.5em;
  325.     }
  326. .pun .table .tc2, .pun .table .tc3 {
  327.     width: 10%;
  328.     text-align: center;
  329.     }
  330. .pun .frm .frm-form table .tc4 {
  331.     text-align: center;
  332.     width: 5%;
  333.     }
  334. .pun table .tcr {
  335.     width: 30%;
  336.     overflow: hidden;
  337.     text-align: left;
  338.     padding: 0 0 0 0.5em !important;
  339.     }
  340. .pun table th.tcl,.pun table th.tc2,.pun table th.tc3,.pun table th.tc4,.pun table th.tcr {
  341.     overflow: hidden;
  342.     }
  343. .pun table .report {
  344.      width: 9%;
  345.      }
  346. .pun .main table.table td.report {
  347.      background-color: #fbfbfb;
  348.      }
  349. .pun table .tdtopics {
  350.      padding-left: 42px;
  351.      }
  352. .pun table .tdtopics .status {
  353.      margin-left: -32px;
  354.      }
  355. .pun table .tdtopics img, .pun .posthead img {
  356.     vertical-align: middle;
  357.     }
  358. table .tcl.memberlist {
  359.     width: 25%;
  360.     }
  361. .pun tbody.statused td.tcl {
  362.     padding-left: 3.4em;
  363.     }
  364. .pun tbody.statused span.status {
  365.     position: absolute;
  366.     }
  367. .pun table td.tcl {
  368.     border-left-style: none;
  369.     border-left-width: 0;
  370.     vertical-align: top;
  371.     height: 42px;
  372.     padding-left: 0.5em;
  373.     min-height: 24px;
  374.     }
  375. pun table td.tcl .height-giver {
  376.     min-height: 42px;
  377.     visibility: hidden;
  378.     width: 0px;
  379.     }
  380. td.avatar-mini a {
  381.     text-decoration: none;
  382.     }
  383. td.avatar-mini a span {
  384.     text-decoration: underline;
  385.     }
  386. td.avatar-mini img {
  387.     background-color: #fff;
  388.     border: 0px solid #1f537b;
  389.     vertical-align: middle;
  390.     width: 38px;
  391.     height: 38px;
  392.     }
  393. * html .pun table {
  394.     position: relative;
  395.     }
  396. * html .pun table td.tcl {
  397.     position: relative;
  398.     }
  399. .pun table td.tcl h2 {
  400.     font-weight: bold;
  401.     }
  402. .pun .main table.table td.td-title {
  403.     background-color: #f4f9fd;
  404.     }
  405. .pun .main table.table th.name {
  406.     padding-left: 0.5em;
  407.     }
  408. .pun .sticky-separator {
  409.     border-top: 5px double #dddddd !important;
  410.     }
  411. .mod-text {
  412.     font-weight: bold;
  413.     }
  414. h2.topic-title {
  415.     display: inline;
  416.     }
  417. .hierarchy {
  418.     display: inline;
  419.     text-transform: none;
  420.     border: none;
  421.     font-size: 10px;
  422.     font-weight: bold !important;
  423.     }
  424.  
  425. /* Stats-------------------------------------------------------------*/
  426. #stats {
  427.     padding: 0.6em 1em;
  428.     line-height: 150%;
  429.     background-color: #fbfbfb;
  430.        
  431.     }
  432. td.stat-bar {
  433.     padding: 0 10px !important;
  434.     }
  435. td.stat-bar div {
  436.     white-space: nowrap;
  437.     }
  438. #onlinelist {
  439.     border-top: 0px dashed #ccc;
  440.     padding: 0.6em 1em;
  441.     background-color: transparent;
  442.           background-image: url('');
  443.         background-position: bottom right;
  444.         background-repeat: no-repeat;
  445.     }
  446. #onlinelist img {
  447.     float: left;
  448.     }
  449. #onlinelist h3 {
  450.     float: left;
  451.     margin-right: 0.5em;
  452.     line-height: 150%;
  453.     }
  454. #onlinelist p {
  455.     line-height: 150%;
  456.     }
  457. #onlinechat {
  458.     border-top: 0px dashed #ccc;
  459.     padding: 0.6em 1em;
  460.     background-color: #fbfbfb;
  461.     }
  462.  
  463. /* Legend-------------------------------------------------------------*/
  464. ul.pun-legend,ul#pun-legend{
  465.     list-style-type: none;
  466.     text-align: center;
  467.     margin-bottom: 20px;
  468.         background-color: transparent;
  469.     }
  470. ul.pun-legend li {
  471.     display: inline;
  472.     margin-right: 20px;
  473.     }
  474. ul.pun-legend li img {
  475.     vertical-align: bottom;
  476.     }
  477.  
  478. /* Faq-------------------------------------------------------------*/
  479. .faq {
  480.     padding: 1em;
  481.     background-color: #fbfbfb;
  482.     }
  483. .faq a {
  484.     text-decoration: none;
  485.     }
  486. .faq a:hover {
  487.     text-decoration: underline;
  488.     }
  489. .faq dd {
  490.     margin: 1em 1.7em;
  491.     padding:1em;
  492.     background-color:#f4f9fd;
  493.     border:1px solid #E6E6E6;
  494.     color:#666666;
  495.     }
  496. .faq p {
  497.     margin: 0 0 1em 0;
  498.     }
  499. noscript div.message {
  500.     background-color: #ffffe1;
  501.     border: 1px solid #F0F0B4;
  502.     }
  503. noscript div.message p {
  504.     padding: 0 1.3em 0;
  505.     margin: 1em 0;
  506.     }
  507.  
  508. /* bbCode */
  509. .codebox {
  510.     margin: 1em;
  511.      background-color: #ffffe1;
  512.      border: 1px dotted #dddddd;
  513.     }
  514. .codebox dt {
  515.     padding: 0.25em;
  516.      border-bottom: 1px dotted #dddddd;
  517.     }
  518. .codebox dd {
  519.     margin: 0.5em;
  520.      padding: 0.5em;
  521.      background-color: #ffffe1;
  522.     }
  523. .faq dd ul {
  524.     margin: 0 2em;
  525.      }
  526. .codebox + blockquote {
  527.     margin: 0.5em 3em;
  528.      padding: 0.5em;
  529.      background-color: #fff;
  530.      border: 1px dotted #dddddd;
  531.     }
  532.  
  533. /* Forms-------------------------------------------------------------*/
  534. .main .main-content.frm {
  535.     background-color: #fbfbfb;
  536.     }
  537. .main .main-content.google {
  538.     background-color: #F2F2F2;
  539.     padding: 10px 10px 0px 10px;
  540.     }
  541. .main .frm-info {
  542.     margin: 1.7em;
  543.     padding: 1em 1em;
  544.     background: #ffffe1;
  545.     border: 1px solid #E6E6E6;
  546.     }
  547. .main ul.frm-info {
  548.     list-style-type: none;
  549.     }
  550. .main .frm-info li {
  551.     padding: 0 0 1em 2em;
  552.     background: url('blue.png') no-repeat top left;
  553.     }
  554. fieldset.frm-set {
  555.     margin: 1.7em;
  556.     padding: 0 0 1em 0;
  557.     border: none;
  558.     }
  559. fieldset.left {
  560.     width: 35%;
  561.     float: left;
  562.     }
  563. fieldset.right {
  564.     width: 45%;
  565.     float: right;
  566.     }
  567. .pun .set1 {
  568.     border-top: none;
  569.     padding-top: 0;
  570.     margin: 0;
  571.     }
  572. fieldset.frm-set.multi {
  573.     border-bottom: 1px dashed #dddddd;
  574.     }
  575. fieldset.frm-set.last {
  576.     padding-bottom: 0;
  577.     }
  578. fieldset.frm-set dl:after {
  579.     content: ".";
  580.     display: block;
  581.     height: 0;
  582.     clear: both;
  583.     visibility: hidden;
  584.     }
  585. * html fieldset.frm-set dl {
  586.      height: 1%;
  587.     }
  588. *+ html fieldset.frm-set dl {
  589.      height: 1%;
  590.     }
  591. fieldset.frm-set dl dt,fieldset.frm-set dl dd {
  592.     padding: 0.5em;
  593.     }
  594. fieldset.frm-set dl dt {
  595.     display: block;
  596.     width: 16em;
  597.     text-align: right;
  598.     float: left;
  599.     font-weight: bold;
  600.     }
  601. fieldset.frm-set dl dd {
  602.     margin-left: 17em;
  603.     }
  604. *+ html fieldset.frm-set dl dt {
  605.     height: 1%;
  606.     }
  607. fieldset.frm-set dl dd label {
  608.     margin: 0 1em 0 0;
  609.     }
  610. fieldset.frm-set .required {
  611.     margin: 0 0.25em;
  612.     font-style: normal;
  613.     color: #b42000}
  614. * html fieldset.frm-set dl {
  615.      height: 1%;
  616.     }
  617. .frm-buttons {
  618.     padding: 0.7em 0 0 17.5em;
  619.     border-top: 3px double #dddddd;
  620.     margin-bottom: -0.7em;
  621.     margin-top: 0.5em;
  622.     }
  623. .frm-buttons.full {
  624.     padding: 0.7em 0 0 0em;
  625.     }
  626. dl.frm-buttons {
  627.     padding: 0px;
  628.     }
  629. fieldset.frm-set .frm-buttons .button {
  630.     overflow: visible;
  631.      
  632. /* IE hack for buttons */
  633. padding: 1px 0.5em 2px 0.5em;
  634.     font-size: 1em;
  635.     vertical-align: middle;
  636.     line-height: 1.2;
  637.     margin-right: 1em;
  638.     }
  639. .frm-form fieldset.frm-set .inputbox {
  640.     width: 40%;
  641.     }
  642. .frm-form fieldset.frm-set textarea.inputbox {
  643.     width: 99%;
  644.     }
  645. .frm-form fieldset.frm-set .italic {
  646.     font-size: 0.9em;
  647.     }
  648. .frm-form fieldset.frm-set input[type="radio"] {
  649.     margin: 0 0.5em 0 0;
  650.     }
  651. .frm-form fieldset.frm-set input[type="checkbox"] {
  652.     margin: 0 0.5em 0 0;
  653.     }
  654. .frm-form select option {
  655.     padding: 0 2em 0 0;
  656.     }
  657. .sub-head {
  658.     margin: 0.5em 1.7em;
  659.     padding: 0 0 0.5em 0;
  660.     border-bottom: 1px solid #dddddd;
  661.     }
  662. .sub-head h2 {
  663.     display: inline;
  664.     color: #0C4675;
  665.     font-weight: bold;
  666.     }
  667. .sub-head span {
  668.     color: #0C4675;
  669.     font-weight: bold;
  670.     }
  671. .pun .frm .frm-buttons input {
  672.     overflow: visible;
  673.     padding: 1px 0.5em 2px 0.5em;
  674.     font-size: 1em;
  675.     vertical-align: middle;
  676.     line-height: 1.2;
  677.     margin-right: 1em;
  678.     }
  679. .pun .frm dd.frm-input, .pun .frm dd.frm-input input, .pun .frm dd.frm-textarea {
  680.      width: 82%;
  681.      }
  682. *+ html dd.frm-input,*+ html .dd-textarea {
  683.     display: inline;
  684.      margin: 0 !important;
  685.      }
  686. *+ html dd.frm-input input {
  687.     width: 60% !important;
  688.      }
  689. * html dd.frm-input,* html .dd-textarea {
  690.     display: inline;
  691.      margin: 0 !important;
  692.      }
  693. * html dd.frm-input input {
  694.     width: 60% !important;
  695.      }
  696. dd.frm-textarea #text_editor_textarea, #textarea_content dd.frm-textarea iframe#text_editor_iframe {
  697.      width: 100%;
  698.      }
  699. .pun .frm #textarea_content dd.frm-textarea iframe#text_editor_iframe {
  700.     height: 250px;
  701.     margin-top: -15px;
  702.     }
  703.  
  704. /* Advanced profile-------------------------------------------------------------*/
  705. div.nav-head {
  706.     margin: -1px 0 0 0;
  707.     padding: 0.7em 1.3em;
  708.     font-weight: normal;
  709.     color: #dedfdf;
  710.     background: #1F537B;
  711.     }
  712. #tabs {
  713.     min-width: 932px;
  714.     }
  715. * html #tabs {
  716.     width: 100%;
  717.     }
  718. #tabs ul {
  719.     list-style-position: outside;
  720.     list-style-type: none;
  721.     padding: 0 1.8em;
  722.     white-space: nowrap;
  723.     }
  724. #tabs ul li {
  725.     float: left;
  726.     margin: 0;
  727.     padding: 0 4px 0 0;
  728.     }
  729. #tabs ul li.activetab a {
  730.     background-color: #1f537b;
  731.     border-color:#1f537b;
  732.     color: #f4f9fd;
  733.     text-decoration:underline;
  734.     }
  735. #tabs ul li.activetab a:hover {
  736.     background-color: #1f537b;
  737.     }
  738. #tabs ul li a {
  739.     float: left;
  740.     padding: 0 1em;
  741.     background-color: #f4f9fd;
  742.     border: 1px solid #dddddd;
  743.     font-size:1.1em;
  744.     font-weight:normal;
  745.     line-height: 2em;
  746.     text-decoration:none;
  747.     }
  748. #tabs ul li a:hover {
  749.      background-color: #f4f4f4;
  750.      }
  751.  
  752. /*Profile View*/
  753. fieldset.profile-view dl dt {
  754.     width: 8em;
  755.     text-align: left;
  756.     font-weight: normal;
  757.     }
  758. fieldset.profile-view dl dd {
  759.     margin: 0;
  760.     }
  761. #profile-advanced-layout {
  762.     float: left;
  763.     margin-right: -302px;
  764.     width: 100%;
  765.     }
  766. #profile-advanced-left {
  767.     margin-right: 302px;
  768.     }
  769. #profile-advanced-left .main {
  770.     margin-top: 0;
  771.     }
  772. #profile-advanced-avatar {
  773.     float: left;
  774.     width: 30%;
  775.     }
  776. #profile-advanced-points, #profile-advanced-reputation {
  777.     float: left;
  778.     }
  779. #profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-details {
  780.     margin-right: 4px;
  781.     }
  782. #profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-right .module {
  783.     margin-bottom: 4px;
  784.     }
  785. #profile-advanced-details .main-content {
  786.     padding: 4px;
  787.     }
  788. #profile-advanced-details .pagination {
  789.     float: left;
  790.     }
  791. #profile-advanced-details ol {
  792.     list-style: none;
  793.     }
  794. #profile-advanced-details ol li {
  795.     display: block;
  796.     margin-bottom: 4px;
  797.     }
  798. #profile-advanced-details .avatar {
  799.     float: left;
  800.     }
  801. .avatar {
  802.     width: 50px;
  803.     border: 1px solid #1f537b;
  804.     background-color: #fff;
  805.     }
  806. .avatar img {
  807.     width: 50px;
  808.     }
  809. .friend-block .avatar {
  810.     margin: 0 auto;
  811.     cursor:pointer;
  812.     }
  813. .friend-block {
  814.     float: left;
  815.     width: 70px;
  816.     margin: 1px;
  817.     text-align: center;
  818.     overflow: hidden;
  819.     }
  820. .friend_list_online_status {
  821.     line-height: 11px;
  822.     font-size: .7em;
  823.     }
  824. .friend_list_online_status img {
  825.     vertical-align: middle;
  826.     }
  827. .friends-foes-list {
  828.     float: left;
  829.     width: 200px;
  830.     height: 2em;
  831.     }
  832. #profile-advanced-details .message-block {
  833.     margin-left: 57px;
  834.     }
  835. #profile-advanced-details .message-header {
  836.     border-top: 1px solid #dddddd;
  837.     background: #f4f4f4;
  838.     padding: 4px;
  839.     margin-bottom: 4px;
  840.     }
  841. #profile-advanced-details .message-date {
  842.     float: right;
  843.     }
  844. #profile-advanced-details .message-body {
  845.     margin-bottom: 4px;
  846.     }
  847. #profile-advanced-details .message-footer {
  848.     text-align: right;
  849.     }
  850. #profile-advanced-details .message-footer li {
  851.     display: inline;
  852.     margin: 0 0.25em;
  853.      
  854. /* Spacing between generation dot */
  855. }
  856. #profile-advanced-details .message-footer li:after {
  857.     content: ' .';
  858.      
  859. /* Beware of character: can create a whitepage in IE6 if char does not exist in lang. */
  860. }
  861. #profile-advanced-details .message-footer li a {
  862.     margin-right: 0.25em;
  863.      
  864. /* Spacing between generation dot */
  865. text-decoration: underline;
  866.     }
  867. #profile-advanced-details .message-footer li.last:after {
  868.     content: normal;
  869.     }
  870. #profile-advanced-layout #new-message {
  871.     position: relative;
  872.     margin-top: 20px;
  873.     }
  874. #profile-advanced-layout #tabs {
  875.     position: absolute;
  876.     bottom: 0;
  877.     }
  878. #profile-advanced-layout #new-message-link {
  879.     position: absolute;
  880.     bottom: 0;
  881.     right: 4px;
  882.     padding-bottom: 4px;
  883.     }
  884. #profile-advanced-details .top {
  885.     margin-bottom: 16px;
  886.     }
  887. #profile-advanced-details .bottom {
  888.     margin-top: 16px;
  889.     }
  890. #profile-advanced-right {
  891.     float: right;
  892.     width: 302px;
  893.     }
  894. #profile-advanced-add {
  895.     margin-right: 4px;
  896.     padding: 7px 0 6px;
  897.     text-align: right;
  898.     }
  899. #profile-advanced-details .stats-field {
  900.     margin: 4px 0 10px 4px;
  901.     padding: 0 10px 6px;
  902.     }
  903. #profile-advanced-details .stats-field legend {
  904.     font-weight: bold;
  905.     }
  906. #profile-advanced-details .stats-field ul {
  907.     list-style-type:none;
  908.     text-indent: 10px;
  909.     padding: 0;
  910.     }
  911. #profile-advanced-details .stats-field li {
  912.     margin: 4px 0;
  913.     }
  914.  
  915. /* Calendar-------------------------------------------------------------*/
  916. .pun .main fieldset.calendar {
  917.     margin: 0;
  918.     padding: 0;
  919.     }
  920. .pun p.left-box {
  921.     float: left;
  922.     }
  923. .pun p.right-box {
  924.     float: right;
  925.     }
  926. * html p.left-box,* html p.right-box {
  927.     position: relative;
  928.      
  929. /*fixes IE6 peekaboo bug*/
  930. }
  931. .pun .main p.right-box a,.pun .main p.left-box a {
  932.     color: #dedfdf;
  933.     }
  934. * html .pun .main p.right-box a,* html .pun .main p.left-box a {
  935.     height: 1%;
  936.     }
  937. .pun .main table.calendar {
  938.     border: none;
  939.     }
  940. .pun .main table.calendar thead th {
  941.     padding: 0.5em;
  942.     background-color: #f4f4f4;
  943.     font-weight: bold;
  944.     }
  945. .pun .main table.calendar td {
  946.     padding: 0;
  947.     border: 1px solid #dddddd;
  948.     overflow: hidden;
  949.     }
  950. .pun .main table.calendar td.row2:hover {
  951.     background-color: #f4f9fd;
  952.     }
  953. .pun .main table.calendar .row3 {
  954.     padding: 0.25em;
  955.     background-color: #f4f4f4;
  956.     }
  957. table.calendar ul {
  958.     list-style-type: none;
  959.     height: 10em;
  960.     }
  961. table.calendar ul li {
  962.     margin: 0.25em;
  963.     }
  964. table.calendar p.right-event {
  965.     padding: 0.25em;
  966.     text-align: right;
  967.     }
  968. .overview.calendar .left-overview {
  969.     padding: 0.25em;
  970.     }
  971. #mini-calendar {
  972.     float: left;
  973.     width: 270px;
  974.     margin: 1em;
  975.     }
  976. #mini-calendar .table {
  977.     margin-bottom: 1em;
  978.     border-left: 1px solid #dddddd;
  979.     border-bottom: 1px solid #dddddd;
  980.     border-right: 1px solid #dddddd;
  981.     }
  982. #calendar-result {
  983.     margin: 1em 0;
  984.     float: left;
  985.     width: 68%;
  986.     }
  987. .bday {
  988.     border: 1px solid #dddddd;
  989.     }
  990. .bday td {
  991.     text-align: center;
  992.     }
  993. .bday .name {
  994.     width: 20%;
  995.      text-align: left;
  996.     }
  997. .bday .www {
  998.     width: 10%;
  999.      text-align: center;
  1000.      overflow: hidden;
  1001.     }
  1002.  
  1003. /* Gallery-------------------------------------------------------------*/
  1004. .gallery-cat {
  1005.     float:left;
  1006.     margin-left: 1%;
  1007.     margin-bottom: 0.5em;
  1008.     min-height:125px;
  1009.     background-color: #fff;
  1010.     border: 1px solid #dddddd;
  1011.     }
  1012. * html .gallery-cat {
  1013.     height: 125px;
  1014.     }
  1015. br.clear-column {
  1016.     display:none;
  1017.     }
  1018. * html .clear-column {
  1019.     display: block !important;
  1020.     clear: both;
  1021.     }
  1022. .gallery-cat p {
  1023.     padding: 0.5em;
  1024.     }
  1025. fieldset.gallery input.inputbox {
  1026.     width: 80%;
  1027.     }
  1028. .gallery-nav .gallery-cat {
  1029.     width: 19%;
  1030.     margin: 1% 0 1% 1%;
  1031.     padding: 1em 0 0;
  1032.     text-align: center;
  1033.     }
  1034. .gallery-cat img {
  1035.     margin: 0.25em;
  1036.     }
  1037. .gallery-cat:hover {
  1038.     background-color: #f4f9fd;
  1039.     }
  1040. .gallery-cat .info-gallery {
  1041.     text-align: center;
  1042.     font-size: 0.9em;
  1043.     clear: both;
  1044.     }
  1045. .pic-container {
  1046.     overflow: auto;
  1047.     }
  1048.  
  1049. /* Special effects */
  1050. fieldset.effects dl {
  1051.     float: left;
  1052.     width: 19%;
  1053.     min-height: 10em;
  1054.     margin: 0 0.5em 0.5em 0;
  1055.     border: 1px solid #dddddd;
  1056.     }
  1057. fieldset.effects dl:hover {
  1058.     background-color: #f4f9fd;
  1059.     }
  1060. fieldset.effects dt {
  1061.     float: left;
  1062.      padding: 0.25em;
  1063.      font-weight: bold;
  1064.     }
  1065. fieldset.effects dd {
  1066.     padding: 0.25em;
  1067.      border-top: 1px solid #dddddd;
  1068.      text-align: center;
  1069.      margin-top: 2em;
  1070.      }
  1071. fieldset.effects dd.check {
  1072.     float: right;
  1073.      width: 1em;
  1074.      margin: 0.15em;
  1075.      border: none;
  1076.      clear: right;
  1077.     }
  1078.  
  1079. /* Mod Control Panel */
  1080. table.mod-cp {
  1081.     width: 100%;
  1082.     border-bottom: 1px solid #dddddd;
  1083.     }
  1084. table.mod-cp th {
  1085.     padding: 0.6em 1em 0.7em;
  1086.     background-color: ;
  1087.     }
  1088. table.mod-cp th.name,table.stats th.name {
  1089.     width: 25%;
  1090.     text-align: left;
  1091.     }
  1092. table.search th {
  1093.     text-align: left;
  1094.     }
  1095. table.search th.fixed {
  1096.     width: 8em;
  1097.     }
  1098. table.mod-cp td {
  1099.     text-align: center;
  1100.     }
  1101. table.mod-cp td.long-string {
  1102.     text-align: left;
  1103.     }
  1104. .main .mark {
  1105.     margin: 1.7em 1.7em 0;
  1106.     }
  1107. .main .mark a {
  1108.     color: #00569C !important;
  1109.     }
  1110. .main .mark a:hover {
  1111.     color: #B42000 !important;
  1112.     }
  1113. .gallery.overview img {
  1114.     float: left;
  1115.     margin: 1em 1em 0.5em 0.5em;
  1116.     padding: 0.25em;
  1117.     border: 2px dashed #dddddd;
  1118.     }
  1119. table.stats th.smallcell {
  1120.     width: 3%;
  1121.     }
  1122. table.stats td {
  1123.     text-align: center;
  1124.     }
  1125. table.search td,table.search .tcl {
  1126.     text-align: center;
  1127.     }
  1128.  
  1129. /* Avatar Gallery */
  1130. .main .avatar-gallery {
  1131.     padding: 1.7em;
  1132.     }
  1133. .main .avatar-gallery div p.select-avatar {
  1134.     position: absolute;
  1135.     bottom: 0;
  1136.     left: 0;
  1137.     right: 0;
  1138.     padding: 0.25em;
  1139.     background-color: #dddddd;
  1140.     text-align: center;
  1141.     }
  1142. * html .main .avatar-gallery div p.select-avatar {
  1143.     width: 114px;
  1144.     }
  1145. .main .avatar-gallery div div {
  1146.     float: left;
  1147.     position:relative;
  1148.     width: auto;
  1149.     height: 260px;
  1150.     margin: 0.5em 0.25em;
  1151.     background-color: #f4f9fd;
  1152.     text-align: center;
  1153.     border: 1px solid #dddddd;
  1154.     overflow: hidden;
  1155.     }
  1156. .main .avatar-gallery div div img {
  1157.     margin: 0.5em;
  1158.     border: 1px solid #dddddd;
  1159.     }
  1160.  
  1161. /* Stand-alone classes-------------------------------------------------------------*/
  1162. .main-content.standalone {
  1163.     margin: 0.5em 0;
  1164.     padding: 1em;
  1165.     background-color: #fbfbfb;
  1166.     }
  1167. .main-content.standalone h2 {
  1168.     margin: 0 0 1em 0;
  1169.     border-bottom: 1px solid #dddddd;
  1170.     font-size: 1.7em;
  1171.     }
  1172. .main-content.standalone .button {
  1173.     margin: 1em;
  1174.     padding: 0.5em 1em;
  1175.     border: 1px solid #dddddd;
  1176.     }
  1177. .main-content.standalone .button.button1 {
  1178.     font-weight: bold;
  1179.     }
  1180. .main-content.standalone .button:hover {
  1181.     background-color: #fff;
  1182.     border: 1px solid #B42000;
  1183.     }
  1184. .posting-confirm {
  1185.     margin: 1em;
  1186.     }
  1187.  
  1188. /* Pagination-------------------------------------------------------------*/
  1189. .pun .paged-head, .pun .paged-foot {
  1190.     border: 1px solid #dddddd;
  1191.     background-color: #fbfbfb;
  1192.     padding: 0.6em 1.3em 0.3em 1.3em;
  1193.     }
  1194. .pun .paged .posting {
  1195.     float: right;
  1196.     font-weight: bold;
  1197.     font-size: 1.2em}
  1198. .pun .paging {
  1199.     float: left;
  1200.     font-weight: bold;
  1201.     font-size: 1.1em}
  1202. strong.pagination {
  1203.     font-weight: normal;
  1204.     }
  1205.  
  1206. /* Post Basic Layout-------------------------------------------------------------*/
  1207. .pun .topic {
  1208.     border: 2px solid #dddddd;
  1209.     border-style: none solid;
  1210.     background: #f1f4ff;
  1211.     }
  1212. .pun .post {
  1213.     border-style: solid none;
  1214.     border-width: 0px 0 1px 0;
  1215.     border-color: #eee #fff #ccc #fff;
  1216.     position: relative;
  1217.     }
  1218. * html .pun .post {
  1219.     height: 1%;
  1220.     }
  1221. *+ html .pun .post {
  1222.     min-height: 1px;
  1223.     }
  1224. .pun .postmain {
  1225.     background-color: #fbfbfb;
  1226.     border-left: 1px solid #dddddd;
  1227.     margin-left: 17em;
  1228.     position: relative;
  1229.         background-image: url('');
  1230.         background-position: bottom right;
  1231.         background-repeat: no-repeat;
  1232.     }
  1233. .pun .posthead {
  1234.     padding: 0.5em 1.3em 0.5em 1em;
  1235.     background: #fbfbfb;
  1236.     border-bottom: 0px dashed #ccc;
  1237.     }
  1238. .pun .posthead h2 strong {
  1239.     float: right;
  1240.     }
  1241. .pun .postbody {
  1242.     width: 100%;
  1243.     position: relative;
  1244.     }
  1245. .pun .post-entry {
  1246.     padding: 1em 1em 0 1em;
  1247.     }
  1248. .pun .entry-content {
  1249.     padding-bottom: 0.8em;
  1250.     overflow: hidden;
  1251.     width: 100%}
  1252. .pun .entry-content ul,.pun .entry-content ol {
  1253.     margin-left: 2em;
  1254.     }
  1255.  
  1256. /*Posting layouts*/
  1257. .postmain blockquote {
  1258.     padding: 0.5em 1em;
  1259.     background-color: #fff;
  1260.     border: 1px solid #dddddd;
  1261.     }
  1262. .postmain cite {
  1263.     display: block;
  1264.     margin: 0 0 1em 0;
  1265.     font-weight: bold;
  1266.     font-style: normal;
  1267.     }
  1268. .vote {
  1269.     float: right;
  1270.     width: 9px;
  1271.     margin-left: 4px;
  1272.     }
  1273. .vote .vote-button {
  1274.     text-align: center;
  1275.     font-weight: bold;
  1276.     margin-left: -1px;
  1277.     }
  1278. .vote .vote-button a {
  1279.     text-decoration: none !important;
  1280.     }
  1281. .vote .vote-bar {
  1282.     width: 3px;
  1283.     height: 50px;
  1284.     margin: 0 auto;
  1285.     border: 1px solid #333333;
  1286.     font-size: 0;
  1287.     }
  1288. .vote .vote-no-bar {
  1289.     letter-spacing:-2px;
  1290.     margin-left:-2px;
  1291.     white-space:nowrap;
  1292.     }
  1293. .vote .vote-bar-plus {
  1294.     background-color: #0f0;
  1295.     }
  1296. .vote .vote-bar-minus {
  1297.     background-color: #f00;
  1298.     }
  1299.  
  1300. /* User information general layout-------------------------------------------------------------*/
  1301. .pun .user {
  1302.     position: relative;
  1303.     padding-top: 1.6em;
  1304.     overflow: hidden;
  1305.     width: 16em;
  1306.     white-space: normal;
  1307.     display: inline;
  1308.     }
  1309. .pun .post .user {
  1310.     float: left;
  1311.     margin-left: -16.6em;
  1312.     margin-top: -1.8em;
  1313.     }
  1314. .pun .user .user-ident {
  1315.     padding: 0 0 0.7em 0;
  1316.     font-size: 12px;
  1317.     }
  1318. .pun .user-ident .username {
  1319.     font-size: 1.2em;
  1320.     font-weight: bold;
  1321.     display: block;
  1322.     position: absolute;
  1323.     top: 0;
  1324.     text-decoration: none;
  1325.     color: #00569c;
  1326.     }
  1327. * html .pun .user-ident .username {
  1328.     padding: 0 0 0.25em;
  1329.     }
  1330. *+ html .pun .user-ident .username {
  1331.     padding: 0 0 0.3em;
  1332.     }
  1333. .pun .user-ident .username a{
  1334.     text-decoration:none}
  1335. .pun .user-ident .user-basic-info {
  1336.     font-weight: bold;
  1337.     }
  1338. .pun .user .user-info {
  1339.     color: #666;
  1340.     line-height: 1.8em;
  1341.     }
  1342. .postfoot {
  1343.     margin-left: -17em;
  1344.     text-align: right;
  1345.     clear: both;
  1346.     position: relative;
  1347.     border-top: 1px dashed #ccc;
  1348.     padding: 0.5em 1em;
  1349.     }
  1350. .postfodiv.post-options img{
  1351.     cursor: pointer;
  1352.     }
  1353. .pun .postfoot .user-contact {
  1354.     float: left;
  1355.     width: 15em;
  1356.     text-align: left;
  1357.     }
  1358. * html .pun .postfoot {
  1359.     margin-left: 0;
  1360.     }
  1361. .pun .sig-content {
  1362.     padding-top: 0.8emmargin-left: -17em;
  1363.     clear:both;
  1364.     position: relative;
  1365.     padding: 0.5em 1em;
  1366.     }
  1367. .pun .p-hidden {
  1368.     text-align:center;
  1369.     padding: 15px 0px;
  1370.     border-bottom: 1px solid #dddddd;
  1371.     }
  1372. .pun .sig-content .sig-line {
  1373.     margin: 0 auto;
  1374.     border-top-style: solid;
  1375.     border-top-width: 1px;
  1376.     border-color: #dddddd;
  1377.     display: block;
  1378.     padding-bottom: 0.5em;
  1379.     width: 250px;
  1380.     }
  1381.  
  1382. /* Plus menu-------------------------------------------------------------*/
  1383. .overview {
  1384.     background-color: #f4f9fd;
  1385.     border: 1px solid #dddddd;
  1386.     font-family: Verdana,Arial,Helvetica,sans-serif;
  1387.     }
  1388. .title-overview {
  1389.     background-color: #f4f9fd;
  1390.     padding: 5px 5px 0 0;
  1391.     }
  1392. .overview h1 {
  1393.     border-bottom: 1px solid #dddddd;
  1394.     font-size: 1em;
  1395.     text-align: center;
  1396.     padding: 0.25em 0.5em;
  1397.     }
  1398. .left-overview {
  1399.      padding: 5px 5px 0;
  1400.      }
  1401. .left-overview a {
  1402.      font-weight: normal;
  1403.      }
  1404. .center-overview {
  1405.      padding: 0.5em;
  1406.      text-align: center;
  1407.      }
  1408. p.center-overview a {
  1409.     color: #00569c !important;
  1410.     }
  1411. * html .center-overview {
  1412.     height: 1%;
  1413.     }
  1414. .topic-overview {
  1415.     padding: 0.5em;
  1416.     background-color: #fff;
  1417.     }
  1418. .overview-info {
  1419.     padding: 0.25em 0.5em;
  1420.     background-color: #fbfbfb;
  1421.     font-size: 0.8em;
  1422.     border-bottom: 1px dotted #dddddd;
  1423.     }
  1424. .dashed {
  1425.     color: #f4f9fd;
  1426.     background-color: #f4f9fd;
  1427.     border: none;
  1428.     }
  1429. #search_menu .forumline {
  1430.     padding: 0.5em;
  1431.     }
  1432. #search_menu .forumline .thHead {
  1433.     font-weight: bold;
  1434.     }
  1435. #search_menu .forumline td {
  1436.     padding: 0.5em 0;
  1437.     }
  1438. #search_menu .forumline span.genmed a {
  1439.     color: #333333 !important;
  1440.      font-size: 0.9em;
  1441.     }
  1442. #search_menu .forumline input.post {
  1443.     border: 1px solid #dddddd;
  1444.     }
  1445.  
  1446. /* Table forumline-------------------------------------------------------------*/
  1447. table.forumline {
  1448.     background-color: #f4f9fd;
  1449.     border: 1px solid #dddddd;
  1450.     }
  1451.  
  1452. /* Text editor (quick reply)-------------------------------------------------------------*/
  1453. .pun .main-head a.exthelp,.pun .main-head a.exthelp:link,.pun .main-head a.exthelp:visited {
  1454.     padding-left: 20px;
  1455.     background-repeat: no-repeat;
  1456.     background-position: left;
  1457.     background-image: url('http://illiweb.com/fa/punbb/helpdark.png');
  1458.     }
  1459. .pun .frm-form {
  1460.     background: #fbfbfb;
  1461.     border: none;
  1462.     }
  1463. .pun div.frm-form {
  1464.      margin: 1.7em;
  1465.      }
  1466. .dd-textarea {
  1467.      width: 72%;
  1468.      }
  1469. button.button2, input.button2 {
  1470.     font-size: 0.9em;
  1471.     border: 1px solid #BCBCBC;
  1472.     width: auto !important;
  1473.     margin: 0px 0.25em 0;
  1474.     padding: 2px 3px;
  1475.     font-family: Verdana,Arial,Helvetica,sans-serif;
  1476.     color: #000000;
  1477.     background-repeat: repeat-x;
  1478.     background-color: #FAFAFA;
  1479.     background-image: url('http://illiweb.com/fa/prosilver/bg_button.gif');
  1480.     background-position: top;
  1481.     overflow: visible;
  1482.     vertical-align:middle;
  1483.     }
  1484. body:last-child a.button1, input.button1, a.button2, input.button2, button.button2 {
  1485.      
  1486. /* Opera does not see this */
  1487. padding: 1px 0;
  1488.     }
  1489. button.button2:hover, input.button2:hover {
  1490.     border: 1px solid #b42000;
  1491.     color: #b42000;
  1492.     background-position: 0 100%;
  1493.     }
  1494. * html button.button2, * html input.button2 {
  1495.     padding-bottom: 0;
  1496.     margin: 0 0.25em;
  1497.     height: 24px;
  1498.     padding-right: 3px;
  1499.     padding-left: 3px;
  1500.     }
  1501. *+html button.button2, *+html input.button2 {
  1502.     height: 24px;
  1503.     padding-right: 3px;
  1504.     padding-left: 3px;
  1505.     }
  1506. *+html button.button2 img {
  1507.      vertical-align: middle;
  1508.      }
  1509. * html button.button2 img {
  1510.      vertical-align: middle;
  1511.      }
  1512. .select {
  1513.     background-color: #ffffff;
  1514.     border: 1px solid #BCBCBC;
  1515.     position: absolute;
  1516.     z-index: 999;
  1517.     top: 0;
  1518.     left: 0;
  1519.     overflow: hidden;
  1520.     width: 0px;
  1521.     margin: -15px 0px 0px -30px;
  1522.     }
  1523. * html .select {
  1524.     margin-top: -9px;
  1525.     }
  1526. .select p {
  1527.     padding: 4px 6px;
  1528.     font-size: 0.9em;
  1529.     margin: 0px;
  1530.     }
  1531. .select button {
  1532.     padding: 4px;
  1533.     font-size: 0.9em;
  1534.     margin: 0px;
  1535.     background-color: #FFF;
  1536.     border: none;
  1537.     text-align: left;
  1538.     }
  1539. .select button.button2 {
  1540.     border: 1px solid #BCBCBC;
  1541.     padding: 0px;
  1542.     }
  1543. *+html .select button.button2 {
  1544.     padding-right: 3px;
  1545.     padding-left: 3px;
  1546.     }
  1547. * html .select button.button2 {
  1548.     padding-right: 3px;
  1549.     padding-left: 3px;
  1550.     }
  1551. .select button.button2:hover {
  1552.     border: 1px solid #b42000;
  1553.     color: #b42000;
  1554.     background-position: 0 100%;
  1555.     }
  1556. .select button:hover,.selectHover {
  1557.     cursor: pointer;
  1558.     background-color: #EEE;
  1559.     }
  1560. button.bbcode {
  1561.     border: 1px solid #e3adad;
  1562.     background-image: url("http://illiweb.com/fa/wysiwyg/bg_button.png");
  1563.     }
  1564. #text_editor_controls {
  1565.      margin: 10px 0px 0px 210px;
  1566.      }
  1567. #textarea_content iframe#text_editor_iframe,#text_editor_textarea {
  1568.     width: 100%;
  1569.    
  1570. /*height: 100%;
  1571.     */
  1572. }
  1573. *+ html #textarea_content iframe#text_editor_iframe,*+ html #text_editor_textarea {
  1574.     width: 60%;
  1575.     }
  1576. * html #textarea_content iframe#text_editor_iframe,* html #text_editor_textarea {
  1577.     width: 60%;
  1578.     }
  1579. *+ html #text_editor_textarea.quick_reply_textarea {
  1580.     width: 60% !important;
  1581.     }
  1582. * html #text_editor_textarea.quick_reply_textarea {
  1583.     width: 60% !important;
  1584.     }
  1585. #quick_reply .frm-buttons {
  1586.      padding-left: 210px;
  1587.      }
  1588. div.posting-block {
  1589.     width: 80%;
  1590.     float: left;
  1591.     margin-right: 20px;
  1592.     }
  1593. .pun .frm div.posting-block dd.frm-textarea {
  1594.      width: auto;
  1595.      }
  1596. .helpline {
  1597.     margin-left: 210px;
  1598.     }
  1599. *+ html .helpline {
  1600.     display: block;
  1601.     height: 1em;
  1602.     }
  1603. * html .helpline {
  1604.     display: block;
  1605.     height: 1em;
  1606.     }
  1607.  
  1608. /* Smilies-------------------------------------------------*/
  1609. #smiley-box {
  1610.     float: left;
  1611.     width: 15%;
  1612.     margin: 6px 0px 0px 0px;
  1613.     }
  1614. #smiley-box iframe{
  1615.     border: none;
  1616.     overflow: auto;
  1617.     height: 300px;
  1618.     width: 100%;
  1619.     height: 260px;
  1620.     }
  1621. .smiley-element {
  1622.      margin-top: 5px;
  1623.      }
  1624. .smiley-element img {
  1625.      margin: 0px 15px 10px 0px;
  1626.      }
  1627. .smiley-element a,.smiley-element a img {
  1628.      border:none;
  1629.      }
  1630. #smiley-box-wysiwyg {
  1631.     float: left;
  1632.     margin: 25px 0px 0px 15px;
  1633.     width: 20%;
  1634.     background-color: #fbfbfb;
  1635.     }
  1636. * html #smiley-box-wysiwyg {
  1637.     margin: 25px 3px 0px 0px;
  1638.     }
  1639. *+html #smiley-box-wysiwyg {
  1640.     margin: 25px 3px 0px 0px;
  1641.     }
  1642. #smiley-box-wysiwyg iframe{
  1643.     border: none;
  1644.     overflow: auto;
  1645.     height: 300px;
  1646.     width: 100%;
  1647.     height: 280px;
  1648.     background-color: #fbfbfb;
  1649.     }
  1650.  
  1651. /* Privmsg-------------------------------------------------------------*/
  1652. .pun-privmsg {
  1653.     list-style-type: none;
  1654.     text-align: center;
  1655.     }
  1656. .pun-privmsg li {
  1657.     display: inline;
  1658.     margin-left: 15px;
  1659.     font-weight: bold;
  1660.     }
  1661. .pun-privmsg li a {
  1662.     font-weight: normal;
  1663.     }
  1664. .pun-privmsg li img {
  1665.     vertical-align: middle;
  1666.     }
  1667.  
  1668. /* Popup-------------------------------------------------------------*/
  1669. .popup {
  1670.     margin: 0px;
  1671.     min-width: 390px;
  1672.     }
  1673. .popup h1 {
  1674.     font-size: 1.1em;
  1675.     margin-top: 5px;
  1676.     }
  1677.  
  1678. /* Chatbox-------------------------------------------------------------*/
  1679. body.chatbox {
  1680.     background-image: none;
  1681.     padding: 0;
  1682.     margin: 0;
  1683.     background-color: #ffffff;
  1684.     }
  1685. #chatbox_header {
  1686.     height: 30px;
  1687.     background-image: url('http://i.imgur.com/qBdQM.png');
  1688.         background-repeat: repeat-x;
  1689.         background-position: center;
  1690.         -moz-border-radius-topleft: 5px;
  1691.         -moz-border-radius-topright: 5px;
  1692.         -webkit-border-top-left-radius: 5px;
  1693.         -webkit-border-top-right-radius: 5px;
  1694.     }
  1695. #chatbox_header.main-head {
  1696.     padding: 0 1.3em;
  1697.     color: #ffffff;
  1698.     background-color: #1f537b;
  1699.     }
  1700. .chatbox-title,.chatbox-title a.chat-title {
  1701.     color: #dedfdf;
  1702.     text-decoration: none;
  1703.     }
  1704. .chatbox-title {
  1705.     float: left;
  1706.     margin: 0;
  1707.     padding: 2px 5px 0 5px;
  1708.     width: 15em;
  1709.     }
  1710. .chatbox-options {
  1711.     float: right;
  1712.     list-style: none;
  1713.     font-size: 11px;
  1714.     margin: 0.7em 0.5em 0.5em 0.5em;
  1715.     }
  1716. .chatbox-options li {
  1717.     display:inline;
  1718.     }
  1719. .chatbox-options li,.chatbox-options li a,.chatbox-options li label {
  1720.     color: #dedfdf;
  1721.     }
  1722. #chatbox_members {
  1723.     position: absolute;
  1724.     top: 30px;
  1725.     bottom: 30px;
  1726.     width: 180px;
  1727.     overflow: auto;
  1728.     border-right: 1px dashed #ccc;
  1729.     }
  1730. #chatbox_messenger_form {
  1731.     margin: 10px 0 0 0;
  1732.     }
  1733. #chatbox_members .member-title {
  1734.     text-align: center;
  1735.     padding: 0.5em 0.25em;
  1736.     background-image: none;
  1737.     font-size: 12px;
  1738.     background-color: #f4f9fd;
  1739.     color : #00569c;
  1740.     font-family: Verdana,Arial,Helvetica,sans-serif;
  1741.     }
  1742. #chatbox_members ul {
  1743.     list-style: none;
  1744.     margin: 0 0 0 1em;
  1745.     }
  1746. #chatbox_members ul li {
  1747.     margin: 0.5em 0.5em 0.5em 0;
  1748.     }
  1749. #chatbox {
  1750.     position: absolute;
  1751.     top: 30px;
  1752.     left: 181px;
  1753.     right: 0;
  1754.     bottom: 30px;
  1755.     overflow: auto;
  1756.     line-height: 10px;
  1757.     }
  1758. #chatbox p {
  1759.     line-height: 1.2em;
  1760.     }
  1761. .chatbox_row_1 {
  1762.     padding: 4px;
  1763.     background-color: #fbfbfb;
  1764.     }
  1765. .chatbox_row_2 {
  1766.     padding: 4px;
  1767.     background-color: #f4f4f4;
  1768.     }
  1769. .chatbox_row_3 {
  1770.     padding: 4px;
  1771.     background-color: #f4f9fd;
  1772.     }
  1773. #chatbox .user {
  1774.     font-weight: bold;
  1775.     }
  1776. .memberlist_row_1 {
  1777.     background-color: #fbfbfb;
  1778.     }
  1779. #chatbox_footer {
  1780.     position: absolute;
  1781.     bottom: 0;
  1782.     left: 0;
  1783.     right: 0;
  1784.     border-top: 1px dashed #ccc;
  1785.     }
  1786. #message,#submit_button{
  1787.     border-width: 1px;
  1788.     }
  1789. .fontbutton {
  1790.     padding: 1px;
  1791.     cursor: pointer;
  1792.     text-align: left;
  1793.     }
  1794. .fontbutton_normal {
  1795.     background: #E1E1E2;
  1796.     }
  1797. .fontbutton_selected {
  1798.     background: #BBC7CE;
  1799.     border: 1px solid #22229C;
  1800.     }
  1801. .fontbutton_clicked {
  1802.     background: #959595;
  1803.     border: 1px solid #22229C;
  1804.     }
  1805. .fontbutton_hover {
  1806.     background: #E1E1E2;
  1807.     border: 1px solid #22229C;
  1808.     }
  1809. .fontbutton {
  1810.     background:#E1E1E2 none repeat scroll 0%;
  1811.     border:medium none;
  1812.     color:#000000;
  1813.     float:left;
  1814.     margin-right:10px;
  1815.     padding:1px;
  1816.     }
  1817.  
  1818. /*Internet Explorer fixers and hacks for Chatbox *
  1819. /* html #chatbox-members {
  1820.      
  1821. /* IE expressions helping IE work in Standards mode */
  1822. height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
  1823.     }
  1824. * html #chatbox {
  1825.      
  1826. /* IE expressions helping IE work in Standards mode */
  1827. height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
  1828.     width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 1.3) ) + "px");
  1829.     }
  1830. * html #chatbox-footer {
  1831.    
  1832. /* IE expressions helping IE work in Standards mode */
  1833. width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
  1834.     }
  1835. #chatbox_contextmenu {
  1836.     border: 2px solid black;
  1837.     background-color: #f4f9fd;
  1838.     }
  1839. #chatbox_contextmenu p {
  1840.     margin:0;
  1841.     padding: 1px 4px;
  1842.     font-family: verdana, arial, sans-serif;
  1843.     background: #fbfbfb;
  1844.     border-bottom:1px solid #777;
  1845.     }
  1846. #chatbox_contextmenu p.hover {
  1847.     background: #f4f4f4;
  1848.     }
  1849. #chatbox_contextmenu p.close {
  1850.     padding: 1px;
  1851.     font-size: 95%;
  1852.     color:#fff;
  1853.     background: url('');
  1854.     }
  1855. #chatbox_contextmenu p.close img {
  1856.     vertical-align: middle;
  1857.     padding-left: 20px;
  1858.     }
  1859. #chatbox_contextmenu a {
  1860.     color: #00569c;
  1861.      text-decoration: none;
  1862.      font-size: 95%;
  1863.     }
  1864. #chatbox_contextmenu a:hover {
  1865.     color: ;
  1866.     }
  1867.  
  1868. /* Portal / Modules-------------------------------------------------------------*/
  1869. .module {
  1870.     overflow: hidden !important;
  1871.     }
  1872. .module.main {
  1873.     margin: 0 !important;
  1874.     }
  1875. .module .main-content {
  1876.     padding: 1em;
  1877.     }
  1878. .module .main-content table {
  1879.     table-layout: fixed;
  1880.     }
  1881. .module .main-content ul {
  1882.     margin: 0 2em;
  1883.     }
  1884. .module p.author {
  1885.     padding: 0.25em;
  1886.     background-color: #f4f4f4;
  1887.     border-bottom: 1px solid #dddddd;
  1888.     font-size: 0.9em;
  1889.     }
  1890. .module h3.news {
  1891.     padding: 0.5em;
  1892.     background-color: #dddddd;
  1893.     font-weight: bold;
  1894.     }
  1895. .module div.body {
  1896.     padding: 0.5em;
  1897.     }
  1898. .module .full-reading {
  1899.     margin-top: 2em;
  1900.     }
  1901. .module div.body ul,.module div.body ol {
  1902.     margin-left: 2em;
  1903.     }
  1904. .module p.comments {
  1905.     padding: 0.25em 0.25em 1em;
  1906.     border-top: 1px dashed #dddddd;
  1907.     font-size: 0.8em;
  1908.     }
  1909. fieldset.frm-set.login {
  1910.     margin: 0;
  1911.     }
  1912. fieldset.frm-set.login dl dt {
  1913.     width: auto;
  1914.     margin: 0 1em 0 0;
  1915.     text-align: left;
  1916.     }
  1917. fieldset.frm-set.login dl dd {
  1918.     margin: 0;
  1919.     }
  1920. .module .details img {
  1921.     border: 1px solid #dddddd;
  1922.     margin: 0 1em;
  1923.     }
  1924. .module .details dt {
  1925.     font-weight: bold;
  1926.     }
  1927. #calendar.main-content {
  1928.     padding: 0;
  1929.     }
  1930. #calendar .calendar-header,#mini-calendar .calendar-header {
  1931.     border-left: none;
  1932.      border-bottom: 1px solid #dddddd;
  1933.     }
  1934. #calendar table tr.date td:first-child,#mini-calendar table tr.date td:first-child{
  1935.     border-left: none;
  1936.     }
  1937. .module #calendar {
  1938.     min-width: 180px;
  1939.     }
  1940. .module hr {
  1941.     height: 1px;
  1942.     margin: 1em 0;
  1943.     border: 0.5px solid #dddddd;
  1944.     }
  1945. .ballot fieldset {
  1946.     margin: 0.5em 0;
  1947.     }
  1948. .ballot fieldset dd {
  1949.     float: left;
  1950.     }
  1951.  
  1952. /* Groups-------------------------------------------------------------*/
  1953. .frm-set dd ul {
  1954.     list-style-type: none;
  1955.     }
  1956.  
  1957. /* Donate-------------------------------------------------------------*/
  1958. .donate .quotebox {
  1959.     padding: 1em;
  1960.     background-color: #f4f4f4;
  1961.     border-bottom: 1px solid #dddddd;
  1962.     }
  1963. .donate .donate-form p {
  1964.     padding: 1.7em;
  1965.     }
  1966. .donate .column {
  1967.     width: 49%;
  1968.     }
  1969.  
  1970. /* Report Abuse-------------------------------------------------------------*/
  1971. .captcha div.captcha-img {
  1972.     float: left;
  1973.     margin: 0 1em 0 0;
  1974.     }
  1975. .captcha .inputbox{
  1976.     margin-top: 0.5em;
  1977.     }
  1978. .warning {
  1979.     color: #ff3333;
  1980.     }
  1981. .report-abuse-textarea {
  1982.     width: 70%;
  1983.     }
  1984.  
  1985. /* RPG-------------------------------------------------------------*/
  1986. fieldset.frm-set.left.rpg,fieldset.frm-set.right.rpg {
  1987.     width: 47%;
  1988.     margin: 5px;
  1989.     }
  1990. fieldset.frm-set.rpg dt {
  1991.     text-align: left !important;
  1992.     width: auto;
  1993.     float: none !important;
  1994.     }
  1995. fieldset.frm-set.rpg dd {
  1996.     margin-left: 0 !important;
  1997.     }
  1998. fieldset.frm-set.rpg dd table {
  1999.     display: table;
  2000.     width: 100%;
  2001.     border: 1px solid #dddddd;
  2002.     padding: 0;
  2003.     border-spacing: 0;
  2004.     border-collapse: collapse;
  2005.     }
  2006. fieldset.frm-set.rpg dd table td {
  2007.     padding: 5px;
  2008.     }
  2009.  
  2010. /* Helpful classes-------------------------------------------------------------*/
  2011. .center {
  2012.      text-align: center;
  2013.      }
  2014. .right {
  2015.      float: right;
  2016.      }
  2017. .left {
  2018.      float: left;
  2019.      }
  2020. .margin-field {
  2021.      margin: 0px 1.7em;
  2022.      }
  2023. .normal {
  2024.      font-weight: normal;
  2025.      }
  2026. .bold {
  2027.     font-weight: bold;
  2028.     }
  2029. .clear {
  2030.     clear: both;
  2031.     height: 1px;
  2032.     }
  2033. * html .clear {
  2034.      
  2035. /* removes useless space in ie6 */
  2036. display: none;
  2037.     }
  2038. .clearfix:after {
  2039.     content: ".";
  2040.     display: block;
  2041.     height: 0;
  2042.     clear: both;
  2043.     visibility: hidden;
  2044.     }
  2045. *+ html .clearfix {
  2046.     min-height: 1px;
  2047.     }
  2048. * html .clearfix {
  2049.     height: 1%;
  2050.      clear: both;
  2051.     }
  2052.  
  2053. /* Footer-------------------------------------------------------------*/
  2054. #pun-about {
  2055.     border-style: solid;
  2056.     border-width: 0px;
  2057.     border-color: #dddddd;
  2058.     text-align: right;
  2059.     line-height: 150%;
  2060.     padding: 0.6em 1em;
  2061.     background-color: transparent;
  2062.     }
  2063. #pun-about ul {
  2064.     list-style-type: none;
  2065.     }
  2066. #pun-about ul li {
  2067.     display: inline;
  2068.     }
  2069. #pun-about ul li a {
  2070.     font-weight: bold;
  2071.     }
  2072. #pun-about #qjump {
  2073.     float: left;
  2074.     text-align: left;
  2075.     }
  2076. #pun-about #qjump label {
  2077.     font-weight: bold;
  2078.     }
  2079. #pun-about #qjump fieldset {
  2080.     border: none;
  2081.     }
  2082. #pun-foot {
  2083.     background-image: url('http://i64.servimg.com/u/f64/13/94/19/07/footer19.png');
  2084.         background-repeat: no-repeat;
  2085.         margin-left: -10px;
  2086.     width: 900px;
  2087.         background-position: bottom;
  2088.         height: 133px;
  2089.         margin-bottom: -5px; }
  2090. #pun-foot h3 {
  2091.      margin-top: 20px;
  2092.      }
  2093. #pun-foot #pun-about ul li strong {
  2094.     font-weight: normal;
  2095.     }
  2096. td.fav-icon img {
  2097.     float: left;
  2098.     margin: 0 1em 2em 0.5em;
  2099.     }
  2100.  
  2101. /* Login Popup---------------------------------------------------*/
  2102. #login_popup {
  2103.     position: absolute;
  2104.     z-index: 999;
  2105.     display: none;
  2106.     background-color: #fbfbfb;
  2107.     border: 1px solid #dddddd;
  2108.     }
  2109. #login_popup_buttons {
  2110.     position: absolute;
  2111.     bottom: 8px;
  2112.     right: 6px;
  2113.     }
  2114. #login_popup_buttons input {
  2115.     margin-left: 6px;
  2116.     }
  2117.  
  2118. /* BEGIN TESTING FOR MEDIA PRINT */
  2119. @media print {
  2120.     * {
  2121.     background-image: none;
  2122.     background-color: #fff;
  2123.     color: #000;
  2124.     }
  2125. body {
  2126.     margin: 0;
  2127.     }
  2128.  
  2129. /* Header */
  2130. body div.pun {
  2131.     width: 95%;
  2132.     margin: 0;
  2133.     }
  2134. div#pun-intro {
  2135.     padding: 0 0 1em 0;
  2136.     text-align: left;
  2137.     }
  2138. p#pun-desc#pun-intro #pun-logo,p#pun-desc,#pun-navlinks,#pun-visit,.noprint {
  2139.     display: none;
  2140.     }
  2141.  
  2142. /* Posts */
  2143. .pun .main .paged-head,.pun .main .main-head p.h2 a,.pun .main .sig-content,.pun .main .paged-foot,.pun .main .postmain img,.pun .main .postmain .postfoot,.pun .main .main-foot,.pun .main .user-ident .user-basic-info,.pun .main .user-info,.pun #pun-qpost {
  2144.     display:none;
  2145.     }
  2146. .pun .main .main-head {
  2147.     border-bottom: 1px solid #ddd;
  2148.     }
  2149. .pun .main .main-head p.h2 {
  2150.     margin: 0;
  2151.      padding: 0;
  2152.     }
  2153. .pun .main .main-head .h2 strong {
  2154.     margin-left: 0.25em;
  2155.     }
  2156. .pun .main .posthead h2 a {
  2157.     margin-right: 0.5em;
  2158.     }
  2159. .pun .main .main-content {
  2160.     border: none;
  2161.     }
  2162. .pun .main .post {
  2163.     border: none;
  2164.      border-bottom: 1px solid #ddd;
  2165.     }
  2166. .pun .main .post .user {
  2167.     float: none;
  2168.     }
  2169.  
  2170. /* Footer */
  2171. .pun .pun-crumbs .crumbs {
  2172.     font-size: 0.8em;
  2173.     }
  2174. .pun .pun-crumbs .crumbs a {
  2175.     margin: 0 1.25em 0 0.5em;
  2176.     }
  2177. #pun-foot,#pun-info {
  2178.     display: none;
  2179.     }
  2180. }
  2181.  
  2182. /* END TESTING FOR MEDIA PRINT */
  2183. ul.profile_field_list {
  2184.     padding:0;
  2185.     }
  2186. html ul.profile_field_list li {
  2187.     list-style-type: none;
  2188.     }
  2189. ul.profile_field_list > li {
  2190.     list-style-type: none;
  2191.     }
  2192. .inputURL {
  2193.     font-size:10px;
  2194.     font-family:"Courier New", "Times New roman";
  2195.     letter-spacing:-1px;
  2196.     }
  2197. .middleline {
  2198.     line-height:2em;
  2199.     }
  2200. .invisible{
  2201.     display:none;
  2202.     visibility:hidden;
  2203.     }
  2204. .visible{
  2205.     display:block;
  2206.     visibility:visible;
  2207.     }
  2208.  
  2209. /* ajax profil */
  2210. .ajax-profil_hover{
  2211.     background:transparent}
  2212. .ajax-profil_parent{
  2213.     position:relative;
  2214.     zoom:1}
  2215. .ajax-profil_edit{
  2216.     cursor:pointer;
  2217.     position:absolute;
  2218.     top:6px;
  2219.     left:-12px;
  2220.     }
  2221. .ajax-profil_edit img{
  2222.     margin-left:4px}
  2223. .ajax-profil_valid{
  2224.     cursor:pointer;
  2225.     margin-left:4px;
  2226.     vertical-align:middle}
  2227. #profile-advanced-details dl{
  2228.     padding:8px 10 8px 0;
  2229.     width:98%;
  2230.     margin:10px 0 0;
  2231.     }
  2232. #profile-advanced-details dl dt{
  2233.     float:left;
  2234.     display:block;
  2235.     width:10em;
  2236.     }
  2237. #profile-advanced-details dl dd{
  2238.     margin-left:10em;
  2239.     padding-left:12px;
  2240.     }
  2241. #profile-advanced-details div.separator{
  2242.     clear:both;
  2243.     font-size:1px;
  2244.     line-height:1px;
  2245.     border-bottom:1px solid #dcdcdc;
  2246.     padding-top:10px;
  2247.     }
  2248. #profile-advanced-details .ajax-profil_edit{
  2249.     left:-4px;
  2250.     }
  2251.  
  2252. /* jqModal */
  2253. .jqmWindow {
  2254.     display: none;
  2255.     position: fixed;
  2256.     left: 50%;
  2257.     width: 450px;
  2258.     margin-left: -225px;
  2259.     top: 50%;
  2260.     margin-top: -125px;
  2261.     background-color: #ffffff;
  2262.     border: 1px solid #f4f9fd;
  2263.     }
  2264. .jqmWindow .main {
  2265.     margin: 0;
  2266.     }
  2267. .jqmOverlay {
  2268.     background-color: #000;
  2269.     }
  2270. .jqDrag {
  2271.     cursor: move;
  2272.     }
  2273.  
  2274. /* First Post */
  2275. #first-post-br {
  2276.     width: 80%;
  2277.     border: 0;
  2278.     border-top: solid 1px #ccc;
  2279.     margin: 20px auto;
  2280.     }
  2281.  
  2282. /* Blog */
  2283. .blog_cal-border {
  2284.     display: inline;
  2285.     float: left;
  2286.     border: 1px solid #1f537b;
  2287.     background: #fbfbfb;
  2288.     padding: 1px;
  2289.     font-size: 1.2em;
  2290.     margin-right: 3em;
  2291.     }
  2292. .blog_cal-content {
  2293.     width: 2.9em;
  2294.     background: #1f537b;
  2295.     padding: 1px;
  2296.     line-height: 1.4em;
  2297.     text-align: center;
  2298.     font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Sans-Serif;
  2299.     color: #ffffff;
  2300.     }
  2301. .blog_cal-content span {
  2302.     display: block;
  2303.     }
  2304. .blog_cal-day {
  2305.     padding-left: 0.2em;
  2306.     font-size: 1.6em;
  2307.     letter-spacing: 0.2em;
  2308.     }
  2309. .blog_cal-month {
  2310.     line-height: 0.7em;
  2311.     font-size: 2em;
  2312.     font-weight: bold;
  2313.     }
  2314. .blog_cal-year {
  2315.     line-height: 1.2em;
  2316.     font-size: 0.8em;
  2317.     }
  2318. .blog_title {
  2319.     padding-top: 1.1em;
  2320.     font-size: 1.2em;
  2321.     }
  2322. .blog_title .status {
  2323.     margin-top: -0.1em;
  2324.     }
  2325. .blog_title .topictitle {
  2326.     font-size: 1.1em;
  2327.     text-decoration: none;
  2328.     }
  2329. .blog_message {
  2330.     margin-top: 0.5em;
  2331.     font-size: 1.1em;
  2332.     }
  2333. .blog_comments {
  2334.     margin-right: 0.5em;
  2335.     font-size: 0.8em;
  2336.     text-align: right;
  2337.     }
  2338. .blog_comments img {
  2339.     vertical-align: middle;
  2340.     }
  2341. #blog_comments {
  2342.     width: 90%;
  2343.     margin: 0 auto;
  2344.     }
  2345. #blog_comments .posthead {
  2346.     padding: 2px 4px;
  2347.     }
  2348. .blog_comment-avatar {
  2349.     float: left;
  2350.     }
  2351. .blog_comment-avatar img {
  2352.     background-color: #fff;
  2353.     border: 1px solid #1f537b;
  2354.     vertical-align: middle;
  2355.     width: 38px;
  2356.     margin: 2px 2px 4px;
  2357.     }
  2358. #blog_comments .h3 {
  2359.     overflow: hidden;
  2360.     margin-top: 0;
  2361.     margin-left: 45px;
  2362.     padding: 0;
  2363.     min-height: 22px;
  2364.     }
  2365. .blog_comment-title {
  2366.     float: left;
  2367.     min-height: 12px;
  2368.     margin-top: 7px;
  2369.     }
  2370. #blog_comments .postfoot {
  2371.     margin-left: inherit;
  2372.     }
  2373. .no_comment {
  2374.     padding: 10px 0;
  2375.     }
  2376.  
  2377. /* Social bookmarking */
  2378. #bookmarks {
  2379.     float: right;
  2380.     }
  2381. #bookmarks a img {
  2382.     width: 20px;
  2383.     height: 20px;
  2384.     background: url(http://illiweb.com/fa/social_bookmarking/social_bookmarking.png) no-repeat scroll;
  2385.     vertical-align: middle;
  2386.     }
  2387. #bookmarks a img.twitter {
  2388.     width: 16px;
  2389.     height: 16px;
  2390.     margin: 2px;
  2391.     background: url(http://illiweb.com/fa/social_bookmarking/twitter.png) no-repeat scroll;
  2392.     }
  2393. #bookmarks img.delicious {
  2394.     background-position: -10px -10px;
  2395.     }
  2396. #bookmarks img.digg {
  2397.     background-position: -10px -50px;
  2398.     }
  2399. #bookmarks img.excite {
  2400.     background-position: -9px -90px;
  2401.     }
  2402. #bookmarks img.facebook {
  2403.     background-position: -9px -128px;
  2404.     }
  2405. #bookmarks img.furl {
  2406.     background-position: -10px -166px;
  2407.     }
  2408. #bookmarks img.google {
  2409.     background-position: -10px -206px;
  2410.     }
  2411. #bookmarks img.live {
  2412.     background-position: -9px -246px;
  2413.     }
  2414. #bookmarks img.netscape {
  2415.     background-position: -9px -284px;
  2416.     }
  2417. #bookmarks img.newsvine {
  2418.     background-position: -9px -322px;
  2419.     }
  2420. #bookmarks img.reddit {
  2421.     background-position: -10px -360px;
  2422.     }
  2423. #bookmarks img.slashdot {
  2424.     background-position: -10px -400px;
  2425.     }
  2426. #bookmarks img.smarking {
  2427.     background-position: -9px -440px;
  2428.     }
  2429. #bookmarks img.stumbleupon {
  2430.     background-position: -10px -478px;
  2431.     }
  2432. #bookmarks img.technorati {
  2433.     background-position: -10px -518px;
  2434.     }
  2435. #bookmarks img.yahoo {
  2436.     background-position: -10px -558px;
  2437.     }
  2438.  
  2439. /* wysiwyg */
  2440. .mceContentBody{
  2441.     background: #f4f4f4;
  2442.     color: #333333;
  2443.     }
  2444.  
  2445. /* resize image */
  2446. .resizebox a.enlarge, .resizebox a.fullsize, .resizebox a.resize {
  2447.     display: inline-block;
  2448.     zoom: 1;
  2449.     *display: inline;
  2450.     }
  2451. .resizebox a.fullsize {
  2452.     display: none;
  2453.     }
  2454. .resizebox a.resize {
  2455.     display: none;
  2456.     }
  2457. .resizebox {
  2458.     background-color: #ffffe1;
  2459.     max-width: 100%;
  2460.     line-height: 1.1em;
  2461.     cursor: default;
  2462.     font-size: 11px;
  2463.     font-weight: normal;
  2464.     font-style: normal;
  2465.     margin: 0;
  2466.     }
  2467. .resizebox div {
  2468.     font-weight: normal;
  2469.     font-style: normal;
  2470.     margin: 0;
  2471.     }
  2472. .resizebox .resize_border {
  2473.     border: 1px solid #fbfbfb;
  2474.     }
  2475. .resizebox .resize_content {
  2476.     padding: 5px 10px;
  2477.     display: inline-block;
  2478.     zoom: 1;
  2479.     *display: inline;
  2480.     }
  2481. .resizebox .resize_filler {
  2482.     border: none;
  2483.     padding: 0;
  2484.     width: 40px;
  2485.     display: inline-block;
  2486.     zoom: 1;
  2487.     *display: inline;
  2488.     }
  2489. /*Designed by LHJ Graphics.*/
  2490.  
  2491. * {
  2492.      margin: 0px;
  2493.      padding: 0px;
  2494.      }
  2495. * html {
  2496.     scrollbar-face-color: #;
  2497.     scrollbar-highlight-color: #;
  2498.     scrollbar-shadow-color: #;
  2499.     scrollbar-3dlight-color: #;
  2500.     scrollbar-arrow-color: #;
  2501.     scrollbar-track-color: #;
  2502.     scrollbar-darkshadow-color: #;
  2503.     }
  2504. *+ html {
  2505.     scrollbar-face-color: #;
  2506.     scrollbar-highlight-color: #;
  2507.     scrollbar-shadow-color: #;
  2508.     scrollbar-3dlight-color: #;
  2509.     scrollbar-arrow-color: #;
  2510.     scrollbar-track-color: #;
  2511.     scrollbar-darkshadow-color: #;
  2512.     }
  2513. body {
  2514.     background-color: #000000;
  2515.     background-image: url('http://i.imgur.com/Zkur4.jpg');
  2516.     background-attachment: scroll;
  2517.         background-repeat: no-repeat;
  2518.     color: #333333;
  2519.     font-size: 10px;
  2520.     font-family: Verdana,Arial,Helvetica,sans-serif;
  2521. background-position: top;
  2522.     }
  2523. .main-content {
  2524.         margin-bottom : 15px;
  2525.         }
  2526.  
  2527. /* Wrap .pun-------------------------------------------------------------*/
  2528. .pun {
  2529.     width: 880px;
  2530.     margin: 0 auto;
  2531.     padding: 5px;
  2532.      
  2533. /* Fix for RTL min-width bug, left here for consistency */
  2534. min-width: 768px;
  2535.     line-height: 130%;
  2536.     }
  2537. .pun div, .pun td, .sig-line {
  2538.     border-color: ##dddddd;
  2539.     color: ##dddddd;
  2540.     }
  2541. .pun img, .pun fieldset {
  2542.     border: none;
  2543.     }
  2544. .pun a:link {
  2545.     color: #0066ff;
  2546.         text-decoration: none;
  2547.     }
  2548. .pun a:visited {
  2549.     color: #076cac;
  2550.         text-decoration: none;
  2551.      }
  2552. .pun a:hover {
  2553.     color: black;
  2554.         text-decoration: underline;
  2555.      }
  2556. .pun a:active {
  2557.     color: #076cac;
  2558.         text-decoration: none;
  2559.      }
  2560. .pun a:focus {
  2561.     color: #076cac;
  2562.         text-decoration: none;
  2563.      }
  2564. .pun h2, .pun h3, .pun th, .pun input, .pun select {
  2565.     font: normal 1em Verdana, Arial, sans-serif;
  2566.     }
  2567.  
  2568. /* Main heading (Logo and description)-------------------------------------------------------------*/
  2569. #pun-intro {
  2570.     margin: 0;
  2571.     padding: 1.5em 1em 1em 1em;
  2572.     border-bottom: 0px solid #296fa5;
  2573.     background-color: transparent;
  2574.     background-image: url('http://i.imgur.com/hTYwG.png');
  2575.         background-position: center;
  2576.     text-align: left;
  2577.     background-repeat: no-repeat;
  2578.         height: 252px;
  2579.         margin-top: -18px;
  2580.         margin-left: -34px;
  2581.         width: 928px;
  2582.     }
  2583. *+ html #pun-head {
  2584.     margin-top: -5px;
  2585.     }
  2586. * html #pun-head {
  2587.     margin-top: -5px;
  2588.     }
  2589. #pun-logo {
  2590.      float: left;
  2591.      }
  2592. #pun-title {
  2593.     padding-left: 5px;
  2594.     white-space: nowrap;
  2595.     color: #ffffff;
  2596.     font-family: Verdana,Arial,Helvetica,sans-serif;
  2597.     font-size: 20px;
  2598.     }
  2599. #pun-title h1 {
  2600.     font-size: inherit;
  2601.     font-weight: inherit;
  2602.     color: inherit;
  2603.     }
  2604. p#pun-desc {
  2605.     color:#DDDDDD;
  2606.     padding: 0.3em 0 0 5px;
  2607.     }
  2608.  
  2609. /* Main navigation (Menu, information and crumbs)-------------------------------------------------------------*/
  2610. #pun-head #pun-navlinks {
  2611.     background-color: transparent;
  2612.     border-color: #DDDDDD;
  2613.     color: #FFFFFF !important;
  2614.     margin-top: -51px;
  2615.     padding: 0.5em 1.1em 2.6em 0;
  2616. }
  2617. #pun-navlinks ul {
  2618.     list-style: none;
  2619.     text-align: center;
  2620.     }
  2621. #pun-navlinks li {
  2622.     display: inline;
  2623.     font-size: 1.15em;
  2624.     }
  2625. #pun-navlinks li a {
  2626.     color: black;
  2627.     margin: 0.5em 1em 0.65em 0;
  2628.     padding: 1.4em 0.5em 1.48em;
  2629. }
  2630.  
  2631. #pun-navlinks a, #pun-navlinks a:visited {
  2632.    
  2633. /*color: #fff;
  2634.     */
  2635. text-decoration: none;
  2636.     }
  2637. #pun-navlinks a:hover {
  2638.     background-image: url("http://i49.servimg.com/u/f49/14/89/34/10/hoverl10.png");
  2639.     background-position: center top;
  2640.     background-repeat: repeat-x;
  2641.     color: black;
  2642.     height: 100%;
  2643.     padding: 1.4em 0.5em 1.48em;
  2644.     text-align: center;
  2645.     text-shadow: 0 0 1px #7FDBFF !important;
  2646.     top: -10px;
  2647.     width: 100%;
  2648. }
  2649. #pun-navlinks a:active, #pun-navlinks a:focus {
  2650. text-decoration: none;
  2651. }
  2652. #pun-visit,.main-box {
  2653.     border-color: #dddddd;
  2654.     border-style: solid;
  2655.     border-width: 0px;
  2656.     padding: 0.6em 1em;
  2657.     background-color: transparent;
  2658.     margin: 0 0 1em 0;
  2659.     }
  2660. #pun-visit ul,.main-box ul {
  2661.     float: right;
  2662.     width: 70%;
  2663.     text-align: right;
  2664.     list-style-type: none;
  2665.     }
  2666. .main-box ul {
  2667.     float: left;
  2668.     width: auto;
  2669.     }
  2670. #pun-visit li,.main-box li {
  2671.     margin-left: 0.7em;
  2672.     white-space: nowrap;
  2673.     float: right;
  2674.     }
  2675. .pun-crumbs {
  2676.     padding: 0.2em 1em;
  2677.     margin: 0 1px 1em 1px;
  2678.     }
  2679. .pun-crumbs p {
  2680.     margin: 0;
  2681.     line-height: 1.5;
  2682.     font-size: 1.11em;
  2683.     color: #666;
  2684.     }
  2685. .pun-crumbs a {
  2686.      text-decoration: none;
  2687.      }
  2688. #content-container div#container {
  2689.     width: 100%;
  2690.     float: left;
  2691.     margin-right: -0px;
  2692.     }
  2693. #content-container div#content {
  2694.     margin-right: 0px;
  2695.     }
  2696. #content-container div#main {
  2697.     margin-bottom: 1em;
  2698.     overflow: hidden;
  2699.         }
  2700. *+ html #content-container div#main {
  2701.     margin-left: 0px;
  2702.     }
  2703. #content-container div#left {
  2704.     width: 0px;
  2705.     float: left;
  2706.     margin-right: 0px;
  2707.     overflow: hidden;
  2708.     }
  2709. #content-container div#right {
  2710.     width: 0px;
  2711.     float: right;
  2712.     overflow: hidden;
  2713.     }
  2714. * html #content-container #main-content {
  2715.      
  2716. /* FIX for IE6... For some reason, if we insert comment before this series, the star html hack don't work no more... ?? */
  2717. overflow: visible;
  2718.     margin-right: 0px;
  2719.     }
  2720. * html #content-container div#main {
  2721.      
  2722. /* FIX for IE6 */
  2723. margin-right: -99%;
  2724.     width: 100%;
  2725.     float: left;
  2726.     }
  2727. #page-body {
  2728.     margin: 4px 0;
  2729.     width: 100%;
  2730.     }
  2731.  
  2732. /* Announcement Box-------------------------------------------------------------*/
  2733. #pun-announcement {
  2734.     border-style: solid;
  2735.     border-width: 1px;
  2736.     padding: 1em;
  2737.     background-color: #fbfbfb;
  2738.         border-radius: 15px 15px 15px 15px;
  2739.     }
  2740. .pun .main .main-content.message {
  2741.      background-color: #fbfbfb;
  2742.      }
  2743. .pun .main .main-content p.message {
  2744.     margin: 1.7em;
  2745.     padding: 1em;
  2746.     background-color: #fff;
  2747.     border: 1px solid #dddddd;
  2748.     }
  2749.  
  2750. /* Main headings and Pagination-------------------------------------------------------------*/
  2751. .pun .main, .pun .main-category {
  2752.     margin: 1em 0;
  2753.     }
  2754. .main .main-head, .main .main-foot {
  2755.     padding: 0.8em 2em;
  2756.     font-weight: normal;
  2757.     color: #000000;
  2758.         text-shadow: 0 0 2px #C9FF90 !important;
  2759.     background-color: #fbfbfb;
  2760.  
  2761.     }
  2762. .main .main-head {
  2763.     background-image: url('http://i.imgur.com/qBdQM.png');
  2764.         background-repeat: repeat-x;
  2765.         background-position: center;
  2766.         -moz-border-radius-topleft: 5px;
  2767.         -moz-border-radius-topright: 5px;
  2768.         -webkit-border-top-left-radius: 5px;
  2769.         -webkit-border-top-right-radius: 5px;
  2770.     }
  2771. .main .main-head .page-title {
  2772.     font-size: 12px;
  2773.     font-weight: normal;
  2774.     }
  2775. .pun .main-content {
  2776.     border: 1px solid #dddddd;
  2777.     background-color: #fbfbfb;
  2778.     }
  2779. .pun .style1 {
  2780.     background-color: #fbfbfb;
  2781.     padding: 0.5em;
  2782.     }
  2783. .pun .style2 {
  2784.     background-color: #fbfbfb;
  2785.     padding: 0.5em;
  2786.     }
  2787. .pun .main-foot .h2, .pun .main-head .h2 {
  2788.     float: left;
  2789.     }
  2790. .pun .main .options {
  2791.     float: right;
  2792.     text-align: right;
  2793.     color: #ccc;
  2794.     }
  2795. .pun .main .options a,.pun .main .options a:link,.pun .main .options a:visited {
  2796.     margin-left: 0.5em;
  2797.     color: #ccc;
  2798.     text-decoration: none;
  2799.     }
  2800. .pun .main-foot .options a,.pun .main-foot .options a:link,.pun .main-foot .options a:visited {
  2801.     margin-left: 0.6em;
  2802.     color: #000000;
  2803.     text-decoration: underline;
  2804.     }
  2805.  
  2806. /* Table-------------------------------------------------------------*/
  2807. .pun table.table {
  2808.     width: 100%;
  2809.     table-layout: fixed;
  2810.     empty-cells: show;
  2811.     border-collapse: collapse;
  2812.     }
  2813. .pun .frm .frm-form table {
  2814.     border: 0px solid #dddddd;
  2815.     border-top: 0px solid #1F537B;
  2816.     border-color: #bbb;
  2817.     }
  2818. .pun table.table th {
  2819.     padding: 0.5em 0;
  2820.     border-style: none;
  2821.     border-color: #;
  2822.     background-color: #fbfbfb;
  2823.     color: #333333;
  2824.     }
  2825. .pun table.table td {
  2826.     padding: 0.6em 0 0.7em;
  2827.     border-bottom: 0px solid #dddddd;
  2828.         border-left: 0px solid #dddddd;
  2829.     line-height: 130%;
  2830.         border-right: 0px solid #dddddd;
  2831.     background-color: #fbfbfb;
  2832.    
  2833.   background-image: url('');
  2834.         background-repeat: repeat-x;
  2835.        background-position: bottom;
  2836.     }
  2837.  
  2838. .pun .main table td.tc2, .pun .main table td.tc3 {
  2839.     background-color: #fbfbfb;
  2840.     }
  2841. .pun table.table td table td {
  2842.     border: none;
  2843.     padding: 0px;
  2844.     }
  2845. .pun table .tcl {
  2846.     width: 50%;
  2847.     overflow: hidden;
  2848.     text-align: left;
  2849.     }
  2850. .pun table.table th.tcl {
  2851.     padding-left: 0.5em;
  2852.     }
  2853. .pun .frm .frm-form table .tc2 {
  2854.      text-align: left;
  2855.      padding-left: 0.5em;
  2856.     }
  2857. .pun .table .tc2, .pun .table .tc3 {
  2858.     width: 10%;
  2859.     text-align: center;
  2860.     }
  2861. .pun .frm .frm-form table .tc4 {
  2862.     text-align: center;
  2863.     width: 5%;
  2864.     }
  2865. .pun table .tcr {
  2866.     width: 30%;
  2867.     overflow: hidden;
  2868.     text-align: left;
  2869.     padding: 0 0 0 0.5em !important;
  2870.     }
  2871. .pun table th.tcl,.pun table th.tc2,.pun table th.tc3,.pun table th.tc4,.pun table th.tcr {
  2872.     overflow: hidden;
  2873.     }
  2874. .pun table .report {
  2875.      width: 9%;
  2876.      }
  2877. .pun .main table.table td.report {
  2878.      background-color: #fbfbfb;
  2879.      }
  2880. .pun table .tdtopics {
  2881.      padding-left: 42px;
  2882.      }
  2883. .pun table .tdtopics .status {
  2884.      margin-left: -32px;
  2885.      }
  2886. .pun table .tdtopics img, .pun .posthead img {
  2887.     vertical-align: middle;
  2888.     }
  2889. table .tcl.memberlist {
  2890.     width: 25%;
  2891.     }
  2892. .pun tbody.statused td.tcl {
  2893.     padding-left: 3.4em;
  2894.     }
  2895. .pun tbody.statused span.status {
  2896.     position: absolute;
  2897.     }
  2898. .pun table td.tcl {
  2899.     border-left-style: none;
  2900.     border-left-width: 0;
  2901.     vertical-align: top;
  2902.     height: 42px;
  2903.     padding-left: 0.5em;
  2904.     min-height: 24px;
  2905.     }
  2906. pun table td.tcl .height-giver {
  2907.     min-height: 42px;
  2908.     visibility: hidden;
  2909.     width: 0px;
  2910.     }
  2911. td.avatar-mini a {
  2912.     text-decoration: none;
  2913.     }
  2914. td.avatar-mini a span {
  2915.     text-decoration: underline;
  2916.     }
  2917. td.avatar-mini img {
  2918.     background-color: #fff;
  2919.     border: 0px solid #1f537b;
  2920.     vertical-align: middle;
  2921.     width: 38px;
  2922.     height: 38px;
  2923.     }
  2924. * html .pun table {
  2925.     position: relative;
  2926.     }
  2927. * html .pun table td.tcl {
  2928.     position: relative;
  2929.     }
  2930. .pun table td.tcl h2 {
  2931.     font-weight: bold;
  2932.     }
  2933. .pun .main table.table td.td-title {
  2934.     background-color: #f4f9fd;
  2935.     }
  2936. .pun .main table.table th.name {
  2937.     padding-left: 0.5em;
  2938.     }
  2939. .pun .sticky-separator {
  2940.     border-top: 5px double #dddddd !important;
  2941.     }
  2942. .mod-text {
  2943.     font-weight: bold;
  2944.     }
  2945. h2.topic-title {
  2946.     display: inline;
  2947.     }
  2948. .hierarchy {
  2949.     display: inline;
  2950.     text-transform: none;
  2951.     border: none;
  2952.     font-size: 10px;
  2953.     font-weight: bold !important;
  2954.     }
  2955.  
  2956. /* Stats-------------------------------------------------------------*/
  2957. #stats {
  2958.     padding: 0.6em 1em;
  2959.     line-height: 150%;
  2960.     background-color: #fbfbfb;
  2961.        
  2962.     }
  2963. td.stat-bar {
  2964.     padding: 0 10px !important;
  2965.     }
  2966. td.stat-bar div {
  2967.     white-space: nowrap;
  2968.     }
  2969. #onlinelist {
  2970.     border-top: 0px dashed #ccc;
  2971.     padding: 0.6em 1em;
  2972.     background-color: transparent;
  2973.           background-image: url('');
  2974.         background-position: bottom right;
  2975.         background-repeat: no-repeat;
  2976.     }
  2977. #onlinelist img {
  2978.     float: left;
  2979.     }
  2980. #onlinelist h3 {
  2981.     float: left;
  2982.     margin-right: 0.5em;
  2983.     line-height: 150%;
  2984.     }
  2985. #onlinelist p {
  2986.     line-height: 150%;
  2987.     }
  2988. #onlinechat {
  2989.     border-top: 0px dashed #ccc;
  2990.     padding: 0.6em 1em;
  2991.     background-color: #fbfbfb;
  2992.     }
  2993.  
  2994. /* Legend-------------------------------------------------------------*/
  2995. ul.pun-legend,ul#pun-legend{
  2996.     list-style-type: none;
  2997.     text-align: center;
  2998.     margin-bottom: 20px;
  2999.         background-color: transparent;
  3000.     }
  3001. ul.pun-legend li {
  3002.     display: inline;
  3003.     margin-right: 20px;
  3004.     }
  3005. ul.pun-legend li img {
  3006.     vertical-align: bottom;
  3007.     }
  3008.  
  3009. /* Faq-------------------------------------------------------------*/
  3010. .faq {
  3011.     padding: 1em;
  3012.     background-color: #fbfbfb;
  3013.     }
  3014. .faq a {
  3015.     text-decoration: none;
  3016.     }
  3017. .faq a:hover {
  3018.         color: black !important;
  3019.     text-decoration: underline;
  3020.     }
  3021. .faq dd {
  3022.     margin: 1em 1.7em;
  3023.     padding:1em;
  3024.     background-color:#f4f9fd;
  3025.     border:1px solid #E6E6E6;
  3026.     color:#666666;
  3027.     }
  3028. .faq p {
  3029.     margin: 0 0 1em 0;
  3030.     }
  3031. noscript div.message {
  3032.     background-color: #ffffe1;
  3033.     border: 1px solid #F0F0B4;
  3034.     }
  3035. noscript div.message p {
  3036.     padding: 0 1.3em 0;
  3037.     margin: 1em 0;
  3038.     }
  3039.  
  3040. /* bbCode */
  3041. .codebox {
  3042.     margin: 1em;
  3043.      background-color: #ffffe1;
  3044.      border: 1px dotted #dddddd;
  3045.     }
  3046. .codebox dt {
  3047.     padding: 0.25em;
  3048.      border-bottom: 1px dotted #dddddd;
  3049.     }
  3050. .codebox dd {
  3051.     margin: 0.5em;
  3052.      padding: 0.5em;
  3053.      background-color: #ffffe1;
  3054.     }
  3055. .faq dd ul {
  3056.     margin: 0 2em;
  3057.      }
  3058. .codebox + blockquote {
  3059.     margin: 0.5em 3em;
  3060.      padding: 0.5em;
  3061.      background-color: #fff;
  3062.      border: 1px dotted #dddddd;
  3063.     }
  3064.  
  3065. /* Forms-------------------------------------------------------------*/
  3066. .main .main-content.frm {
  3067.     background-color: #fbfbfb;
  3068.     }
  3069. .main .main-content.google {
  3070.     background-color: #F2F2F2;
  3071.     padding: 10px 10px 0px 10px;
  3072.     }
  3073. .main .frm-info {
  3074.     margin: 1.7em;
  3075.     padding: 1em 1em;
  3076.     background: #ffffe1;
  3077.     border: 1px solid #E6E6E6;
  3078.     }
  3079. .main ul.frm-info {
  3080.     list-style-type: none;
  3081.     }
  3082. .main .frm-info li {
  3083.     padding: 0 0 1em 2em;
  3084.     background: url('blue.png') no-repeat top left;
  3085.     }
  3086. fieldset.frm-set {
  3087.     margin: 1.7em;
  3088.     padding: 0 0 1em 0;
  3089.     border: none;
  3090.     }
  3091. fieldset.left {
  3092.     width: 35%;
  3093.     float: left;
  3094.     }
  3095. fieldset.right {
  3096.     width: 45%;
  3097.     float: right;
  3098.     }
  3099. .pun .set1 {
  3100.     border-top: none;
  3101.     padding-top: 0;
  3102.     margin: 0;
  3103.     }
  3104. fieldset.frm-set.multi {
  3105.     border-bottom: 1px dashed #dddddd;
  3106.     }
  3107. fieldset.frm-set.last {
  3108.     padding-bottom: 0;
  3109.     }
  3110. fieldset.frm-set dl:after {
  3111.     content: ".";
  3112.     display: block;
  3113.     height: 0;
  3114.     clear: both;
  3115.     visibility: hidden;
  3116.     }
  3117. * html fieldset.frm-set dl {
  3118.      height: 1%;
  3119.     }
  3120. *+ html fieldset.frm-set dl {
  3121.      height: 1%;
  3122.     }
  3123. fieldset.frm-set dl dt,fieldset.frm-set dl dd {
  3124.     padding: 0.5em;
  3125.     }
  3126. fieldset.frm-set dl dt {
  3127.     display: block;
  3128.     width: 16em;
  3129.     text-align: right;
  3130.     float: left;
  3131.     font-weight: bold;
  3132.     }
  3133. fieldset.frm-set dl dd {
  3134.     margin-left: 17em;
  3135.     }
  3136. *+ html fieldset.frm-set dl dt {
  3137.     height: 1%;
  3138.     }
  3139. fieldset.frm-set dl dd label {
  3140.     margin: 0 1em 0 0;
  3141.     }
  3142. fieldset.frm-set .required {
  3143.     margin: 0 0.25em;
  3144.     font-style: normal;
  3145.     color: #b42000}
  3146. * html fieldset.frm-set dl {
  3147.      height: 1%;
  3148.     }
  3149. .frm-buttons {
  3150.     padding: 0.7em 0 0 17.5em;
  3151.     border-top: 3px double #dddddd;
  3152.     margin-bottom: -0.7em;
  3153.     margin-top: 0.5em;
  3154.     }
  3155. .frm-buttons.full {
  3156.     padding: 0.7em 0 0 0em;
  3157.     }
  3158. dl.frm-buttons {
  3159.     padding: 0px;
  3160.     }
  3161. fieldset.frm-set .frm-buttons .button {
  3162.     overflow: visible;
  3163.      
  3164. /* IE hack for buttons */
  3165. padding: 1px 0.5em 2px 0.5em;
  3166.     font-size: 1em;
  3167.     vertical-align: middle;
  3168.     line-height: 1.2;
  3169.     margin-right: 1em;
  3170.     }
  3171. .frm-form fieldset.frm-set .inputbox {
  3172.     width: 40%;
  3173.     }
  3174. .frm-form fieldset.frm-set textarea.inputbox {
  3175.     width: 99%;
  3176.     }
  3177. .frm-form fieldset.frm-set .italic {
  3178.     font-size: 0.9em;
  3179.     }
  3180. .frm-form fieldset.frm-set input[type="radio"] {
  3181.     margin: 0 0.5em 0 0;
  3182.     }
  3183. .frm-form fieldset.frm-set input[type="checkbox"] {
  3184.     margin: 0 0.5em 0 0;
  3185.     }
  3186. .frm-form select option {
  3187.     padding: 0 2em 0 0;
  3188.     }
  3189. .sub-head {
  3190.     margin: 0.5em 1.7em;
  3191.     padding: 0 0 0.5em 0;
  3192.     border-bottom: 1px solid #dddddd;
  3193.     }
  3194. .sub-head h2 {
  3195.     display: inline;
  3196.     color: #0C4675;
  3197.     font-weight: bold;
  3198.     }
  3199. .sub-head span {
  3200.     color: #0C4675;
  3201.     font-weight: bold;
  3202.     }
  3203. .pun .frm .frm-buttons input {
  3204.     overflow: visible;
  3205.     padding: 1px 0.5em 2px 0.5em;
  3206.     font-size: 1em;
  3207.     vertical-align: middle;
  3208.     line-height: 1.2;
  3209.     margin-right: 1em;
  3210.     }
  3211. .pun .frm dd.frm-input, .pun .frm dd.frm-input input, .pun .frm dd.frm-textarea {
  3212.      width: 82%;
  3213.      }
  3214. *+ html dd.frm-input,*+ html .dd-textarea {
  3215.     display: inline;
  3216.      margin: 0 !important;
  3217.      }
  3218. *+ html dd.frm-input input {
  3219.     width: 60% !important;
  3220.      }
  3221. * html dd.frm-input,* html .dd-textarea {
  3222.     display: inline;
  3223.      margin: 0 !important;
  3224.      }
  3225. * html dd.frm-input input {
  3226.     width: 60% !important;
  3227.      }
  3228. dd.frm-textarea #text_editor_textarea, #textarea_content dd.frm-textarea iframe#text_editor_iframe {
  3229.      width: 100%;
  3230.      }
  3231. .pun .frm #textarea_content dd.frm-textarea iframe#text_editor_iframe {
  3232.     height: 250px;
  3233.     margin-top: -15px;
  3234.     }
  3235.  
  3236. div.nav-head {
  3237.     margin: -1px 0 0 0;
  3238.     padding: 0.7em 1.3em;
  3239.     font-weight: normal;
  3240.     color: #dedfdf;
  3241.     background: #1F537B;
  3242.     }
  3243. #tabs {
  3244.     min-width: 932px;
  3245.     }
  3246. * html #tabs {
  3247.     width: 100%;
  3248.     }
  3249. #tabs ul {
  3250.     list-style-position: outside;
  3251.     list-style-type: none;
  3252.     padding: 0 1.8em;
  3253.     white-space: nowrap;
  3254.     }
  3255. #tabs ul li {
  3256.     float: left;
  3257.     margin: 0;
  3258.     padding: 0 4px 0 0;
  3259.     }
  3260. #tabs ul li.activetab a {
  3261.     background-color:
  3262. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement