Advertisement
Guest User

Untitled

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