Advertisement
Guest User

TR CSS June 19th, 2011

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