1/*--------------------------------------------------------*/
2/*           YaBB 2014                                    */
3/*--------------------------------------------------------*/
4/*   Created by: YaBB http://www.yabbforum.com            */
5/*--------------------------------------------------------*/
6/*  You may adapt elements of this CSS in your own        */
7/*  projects, but please give credit to yabbforum.com.    */
8/*--------------------------------------------------------*/
9/*  This is the css file for YaBB 2.6.1 default Template  */
10/*--------------------------------------------------------*/
11/* $Revision: 1613 $                                      */
12
13body {
14    background-color: #eee;
15    font: 12px Verdana, Helvetica, Arial, Sans-Serif;
16    margin: 0;
17    padding: 0;
18    min-width: 770px;
19}
20
21a {
22    color: #3b5998;
23    font-weight: 400;
24    text-decoration: none;
25}
26
27a:visited {
28    color: #3b5998;
29    font-weight: 400;
30}
31
32a:hover {
33    color: #2d2d2d;
34    text-decoration: underline;
35}
36
37a:focus, input:focus, textarea:focus, select:focus { outline: 0 none; }
38
39#header {
40    font: 12px Verdana, Helvetica, Sans-Serif;
41    color: #eee;
42    background-color: #4378ae;
43}
44
45#header a { color:#2d2d2d; }
46
47#header .highlight a { color: #3b5998; }
48
49form {
50    display: inline;
51    margin: 0;
52    padding: 0;
53}
54
55img {
56    border: 0 none;
57    vertical-align: middle;
58}
59
60input {
61    background-color: #eee;
62    border: 1px solid #b1bdc9;
63    color: #000;
64    font-family: Verdana, Helvetica, Sans-Serif;
65    font-size: 12px;
66    -webkit-border-radius: 5px;
67    -moz-border-radius: 5px;
68    border-radius: 5px;
69    padding: 5px;
70}
71
72sup {
73    vertical-align: baseline;
74    position: relative;
75    top: -0.4em;
76}
77
78.button, input[type="submit"], input[type="reset"], input[type="button"] {
79    background-color: #eee;
80    border: 1px solid #c6c6c6;
81    color: #000;
82    font-family: Verdana, Helvetica, Sans-Serif;
83    font-size: 12px;
84    font-weight: 600;
85    -webkit-border-radius: 5px;
86    -moz-border-radius: 5px;
87    border-radius: 5px;
88    cursor: pointer;
89}
90
91textarea {
92    background-color: #eee;
93    border: 1px solid #b1bdc9;
94    color: #000;
95    font-family: Verdana, Helvetica, Sans-Serif;
96    font-size: 12px;
97    -webkit-border-radius: 5px;
98    -moz-border-radius: 5px;
99    border-radius: 5px;
100}
101
102select {
103    background-color: #eee;
104    border: 1px solid #b1bdc9;
105    color: #000;
106    font-family: Verdana, Helvetica, Sans-Serif;
107    font-size: 10px;
108    -webkit-border-radius: 5px;
109    -moz-border-radius: 5px;
110    border-radius: 5px;
111    padding: 5px;
112}
113
114select optgroup {
115    color: #000;
116    font-size: 10px;
117}
118
119input:hover, input:focus, textarea:hover, textarea:focus, select:hover, select:focus { background-color: #f5f5f5; }
120
121.button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover { background-color: #fff; }
122
123label { cursor: pointer; }
124
125table {
126    border-collapse: collapse;
127    margin-left: auto;
128    margin-right: auto;
129    width: 100%;
130}
131
132td {
133    text-align: left;
134    vertical-align: middle;
135}
136
137table.cs_thin {
138    border-collapse: separate;
139    border-spacing: 1px;
140}
141 table.fixed {
142    table-layout:fixed;
143}
144
145#maincontainer {
146    border-top: 0;
147    margin-bottom: 10px;
148    margin-left: auto;
149    margin-right: auto;
150    padding: 0;
151    width: 92%;
152}
153
154#container {
155    width: 100%;
156    background-color: #fff;
157    border: 0;
158    margin: 0;
159    padding: 0 1px;
160    color: #2d2d2d;
161}
162
163.center { text-align: center; }
164
165.right { text-align: right; }
166
167.left { text-align: left; }
168
169.vtop { vertical-align: top; }
170
171.bottom { vertical-align: bottom; }
172
173.small { font-size: 10px !important; }
174
175.green, .none { display: none; }
176
177.tabtitle-text { text-shadow: #2d2d2d 1px 1px 1px; }
178
179.tabtitle {
180    height: 35px;
181    vertical-align: middle;
182    padding-left: 0.5em;
183    font-weight: bold;
184    font-style: normal;
185    font-size: 12px;
186    font-family: Verdana, Arial, Sans-Serif;
187    color: #eee;
188    background: url(./default/tabtitle.png) repeat-x top #3673b3;
189    -webkit-border-radius: 5px 5px 0 0;
190    -moz-border-radius: 5px 5px 0 0;
191    border-radius: 5px 5px 0 0;
192    border-bottom: 1px solid #195392;
193}
194
195.tabtitle-sub {
196    height: 15px;
197    vertical-align: middle;
198    padding-left: 0.5em;
199    font-weight: bold;
200    font-style: normal;
201    font-size: 12px;
202    font-family: Verdana, Arial, Sans-Serif;
203    color: #eee;
204    background: url(./default/tabtitle.png) repeat-x top #3673b3;
205}
206
207.tabtitle-bottom {
208    height: 35px;
209    vertical-align: middle;
210    padding-left: 0.5em;
211    font-weight: bold;
212    font-style: normal;
213    font-size: 12px;
214    font-family: Verdana, Arial, Sans-Serif;
215    color: #eee;
216    background: url(./default/tabtitle.png) repeat-x top #3673b3;
217    -webkit-border-radius: 0 0 5px 5px;
218    -moz-border-radius: 0 0 5px 5px;
219    border-radius: 0 0 5px 5px;
220    border-top: 1px solid #195392;
221}
222
223.tabtitle a, .tabtitle-bottom a {
224    color: #fff;
225    font-size: 12px;
226    font-family: Verdana, Helvetica, Arial, Sans-Serif;
227    font-style: normal;
228    font-weight: 700;
229    text-decoration: none;
230}
231
232.tabtitle a:hover, .tabtitle-bottom a:hover {
233    color: #bbb;
234    text-decoration: none;
235}
236
237.menutop {
238    height: 25px;
239    background-color: #6499d0 ;
240    font-weight: bold;
241    text-align: left;
242    color: #2d2d2d;
243}
244
245.mainbottom {
246    height: 25px;
247    width: 100%;
248    background-color: #2d2d2d;
249    font-weight: bold;
250    font-size: 10px;
251    color: #bbb;
252    margin-top: 10px;
253    padding-top: 1em;
254    vertical-align: middle;
255    text-align: left;
256}
257
258.mainbottom a, .mainbottom span {
259    font-weight: bold;
260    font-size: 10px;
261    color: #fff;
262}
263
264.mainbottom a:hover, .mainbottom span:hover {
265    color: #bbb;
266    text-decoration: none;
267}
268
269.tabmenuleft, .tabmenuright, .tabmenu {
270    height: 25px;
271    text-align: left;
272    background-color: #2d2d2d;
273    font-size: 12px;
274    font-family: Arial, Sans-Serif;
275    color: #bbb;
276    font-weight: bold;
277    text-decoration: none;
278}
279
280.tabmenu { overflow: hidden; }
281
282.tabmenu ul {
283    list-style: none;
284    display: block;
285    margin: 0 0 0 -41px;
286}
287
288.tabmenu li, .mctabmenu li {
289    float: left;
290    font-size: 100%;
291    font-weight: bold;
292    list-style: none;
293    margin-left: -1px;
294    padding: 0;
295    display: inline;
296}
297
298.tabmenu a, .mctabmenu a {
299    font-size: 12px;
300    font-family: Arial, Sans-Serif;
301    color: #bbb;
302    white-space: nowrap;
303    font-weight: bold;
304    display: block;
305    float: left;
306    margin: 0 1px 0 0;
307    padding: 4px 8px;
308    text-align: center;
309    text-decoration: none;
310}
311
312.tabmenu span, .mctabmenu span {
313    float: left;
314    height: 25px;
315    background-color: #2d2d2d;
316    margin: 0;
317    border: 0;
318    padding: 0;
319    vertical-align: middle;
320    text-align: center;
321    cursor: pointer;
322}
323
324.tabmenu span a, .mctabmenu span a {
325    font-size: 12px;
326    font-family: Arial, Sans-Serif;
327    color: #bbb;
328    text-decoration: none;
329    white-space: nowrap;
330    font-weight: bold;
331}
332
333.tabmenu span a:hover, .mctabmenu span a:hover {
334    color: #fff;
335    height: 25px;
336    font-weight: bold;
337    text-decoration: none;
338}
339
340.tabmenu span.selected, .tabmenu span.selected a, .mctabmenu span.selected, .mctabmenu span.selected a {
341    color: #fff;
342    font-weight: bold;
343}
344
345.rightbox {
346    height: 25px;
347    background-color: #2d2d2d;
348    color: #bbb;
349    text-align: center;
350    font-size: 11px;
351    font-weight: bold;
352    font-family: Verdana, Helvetica, Arial, Sans-Serif;
353    text-decoration: none;
354}
355
356.copyright {
357    color: #2d2d2d;
358    font-size: 11px;
359    font-weight: 400;
360    text-align: center;
361}
362
363.copyright a {
364    color: #3b5998;
365    font-size: 11px;
366    font-weight: 400;
367    text-align: center;
368}
369
370.newsfader {
371    background-color:#fefefe;
372    color: #304b58;
373    font-size: 10px;
374    font-style: normal;
375    font-weight: 400;
376    text-decoration: none;
377    min-height: 20px;
378}
379
380#fscroller {
381    line-height: 1.3em;
382    min-height: 20px;
383}
384
385.useronline {
386    background: url(./default/user_online.png) no-repeat;
387    padding-left: 15px;
388    color: #2e8b57;
389    font-weight: 700;
390}
391
392.useroffline {
393    background: url(./default/user_offline.png) no-repeat;
394    padding-left: 15px;
395    color: #7b68ee;
396    font-weight: 700;
397}
398
399.useraway {
400    background: url(./default/user_away.png) no-repeat;
401    padding-left: 15px;
402    color: #6078b0;
403    font-weight: 700;
404}
405
406.nav, .nav a, .nav a:visited {
407    color: #2d2d2d;
408    font-size: 10px;
409    font-weight: 700;
410    text-decoration: none;
411}
412
413.nav a:hover {
414    color: #3b5998;
415    text-decoration: underline;
416}
417
418.QuickLinks {
419    background-color: #ddd;
420    border: 1px;
421    border-color: #195392;
422    border-style: solid;
423    display: none;
424    list-style: none;
425    margin-left: 0;
426    top: 15px;
427    padding: 0;
428    position: absolute;
429    text-indent: 0;
430    min-width: 12.5em;
431    font-style: normal;
432}
433
434.QuickLinks li {
435    background-color: #eee;
436    font-size: 10px;
437    list-style: none;
438    margin-left: 0;
439    padding: 3px;
440    text-indent: 0;
441    white-space: nowrap;
442}
443
444.QuickLinks li:hover { background-color: #d8dfea; }
445
446.QuickLinks a:hover { text-decoration: none; }
447
448.windowbg {
449    background-color: #dee4ec;
450    font-size: 12px;
451    font-weight: 400;
452    font-style: normal;
453    color: #2d2d2d;
454}
455
456.windowbg2 {
457    background-color: #edeff4;
458    font-size: 12px;
459    font-style: normal;
460    font-weight: 400;
461    color: #2d2d2d;
462}
463
464.dividerbot { border-bottom: 1px #fff solid !important; }
465
466.dividertop { border-top: 1px #fff solid; }
467
468.hr {
469    background-color: #a7b8cc;
470    border: 0 solid #a7b8cc;
471    border-top: 0 solid #a7b8cc;
472    color: #6078b0;
473    height: 1px;
474}
475
476.hr2 {
477    background-color: #fff;
478    border: 0 solid #fff;
479    border-top: 0 solid #fff;
480    color: #fff;
481    height: 1px;
482}
483
484.hr_s {
485    background-color: #a7b8cc;
486    border: 0 solid #a7b8cc;
487    border-top: 0 solid #a7b8cc;
488    color: #a7b8cc;
489    height: 1px;
490    width: 40%;
491    text-align: left;
492}
493
494.bordercolor {
495    background-color: #fff;
496    font-size: 12px;
497}
498
499.border { border: thin solid #b1bdc9; }
500
501.top {
502    color: #475f79;
503    font-size: 11px;
504    font-style: normal;
505}
506
507.anchor{
508  display: block;
509  height: 27px;
510  margin-top: -27px;
511  visibility: hidden;
512}
513
514.titlebg {
515    font-size: 11px;
516    font-weight: bold;
517    font-style: normal;
518    text-decoration: none;
519    font-family: Verdana, Helvetica, Arial, Sans-Serif;
520    color: #3b5998;
521    background-color: #d7dbea;
522}
523
524.titlebg a {
525    font-weight: bold;
526    font-style: normal;
527    text-decoration: none;
528    color: #2d2d2d;
529}
530
531.catbg {
532    font-size: 11px;
533    font-weight: 700;
534    font-style: normal;
535    text-decoration: none;
536    font-family: Verdana, Helvetica, Arial, Sans-Serif;
537    color: #eee;
538    background-color: #195392;
539}
540
541.catbg a {
542    color: #fff;
543    font-style: normal;
544    font-weight: 700;
545    text-decoration: none;
546}
547
548.selected-bg {
549    font-size: 11px;
550    font-weight: 700;
551    font-style: normal;
552    text-decoration: none;
553    font-family: Verdana, Helvetica, Arial, Sans-Serif;
554    color: #eee;
555    background-color: #4378ae;
556}
557
558.selected-bg a {
559    color: #fff;
560    font-style: normal;
561    font-weight: 700;
562    text-decoration: none;
563}
564
565.titlebg a:hover,.catbg a:hover,.selected-bg a:hover { text-decoration: underline; }
566
567.message-sort, .message-sort a:hover { color: #2d2d2d; }
568
569.message-sort a { color: #3b5998; }
570
571.message, #message, .prevwin {
572    color: #2d2d2d;
573    font-family: Verdana, Helvetica, Arial, Sans-Serif;
574    font-size: 8pt;
575    font-style: normal;
576    font-weight: 400;
577    text-decoration: none;
578}
579
580.message a, .prevwin a {
581    background-color: transparent;
582    color: #900000;
583    font-style: normal;
584    font-weight: 400;
585    text-decoration: none;
586}
587
588.message a:hover, .prevwin a:hover {
589    background-color: transparent;
590    color: #3b5998;
591    text-decoration: underline;
592}
593
594.message table {
595    width: auto;
596    margin-left: 1em;
597}
598
599.message table td { border: #000 solid thin; }
600
601.droppageindex {
602    background-color: #eee;
603    /*border: 2px inset;*/
604    border: 1px solid #b1bdc9;
605    color: #000;
606    float: left;
607    font-family: Verdana, Sans-Serif;
608    -webkit-border-radius: 5px;
609    -moz-border-radius: 5px;
610    border-radius: 5px;
611    padding: 5px;
612}
613
614table.tableselect {
615    background-color: #eee;
616    color: #ccc;
617    font-family: Verdana, Helvetica, Sans-Serif;
618    font-size: 10px;
619    padding-bottom: 3px;
620}
621
622.droppages {
623    height: 14px;
624    padding-left: 1px;
625    padding-right: 1px;
626}
627
628.droppages a {
629    color: #2d2d2d;
630    font-size: 9px;
631    font-weight: 400;
632}
633
634.highlight {
635    background-color: #ff3;
636    color: #000;
637    font-family: inherit;
638    font-size: inherit;
639    font-style: inherit;
640    font-weight: 700;
641}
642
643.imgbg {
644    color: #fff;
645    font-size: 10px;
646    font-style: normal;
647}
648
649.imgcatbg {
650    color: #fff;
651    font-size: 10px;
652    font-style: normal;
653    font-weight: 700;
654}
655
656.imgcatbg:hover { color: #bbb; }
657
658.imgtitlebg {
659    color: #fff;
660    font-size: 10px;
661    font-style: normal;
662    font-weight: 700;
663}
664
665.imgwindowbg {
666    color: #3b5998;
667    font-size: 9px;
668    font-style: normal;
669    font-weight: 700;
670}
671
672.imgwindowbg:hover {
673    color: #2d2d2d;
674}
675
676.imgmenu {
677    color: #bbb;
678    font-size: 11px;
679    font-style: normal;
680    font-weight: 700;
681}
682
683.imgmenu:hover {
684    color: #fff;
685}
686
687tr.search .imgcatbg, tr.search .imgwindowbg {
688    color: #3b5998;
689    font-size: 10px;
690    font-style: normal;
691    font-weight: 700;
692}
693
694tr.search .imgcatbg:hover, tr.search .imgwindowbg:hover { color: #2d2d2d; }
695
696.quote {
697    background-color: #e8ebef;
698    border: 1px #34689a solid;
699    color: #000;
700    font-family: Verdana, Helvetica, Arial, Sans-Serif;
701    font-size: 11px;
702    font-style: normal;
703    font-weight: 400;
704    padding: 4px;
705    width: 90%;
706}
707
708.my_me {
709    color: #f00;
710    font-style: italic;
711}
712
713.code {
714    background-color: #ccc;
715    border: 1px #34689a solid;
716    color: #000;
717    font-family: Courier, "Courier New", Serif;
718    font-size: 14px;
719    font-style: normal;
720    font-weight: 400;
721    padding: 4px;
722    width: 90%;
723}
724
725.editbg {
726    background-color: #fffedf;
727    border: 1px #c00 solid;
728    color: #000;
729    font-family: Verdana, Helvetica, Arial, Sans-Serif;
730    font-size: 11px;
731    font-style: normal;
732    font-weight: 400;
733    padding: 4px;
734    width: 90%;
735}
736
737.forumjump {
738    background-color: #eee;
739    border-bottom: 1px dashed #d6b2ff;
740    border-top: 1px dashed #d6b2ff;
741    color: #000;
742    font-weight: 700;
743}
744
745.forumjumpcat {
746    background-color: #fffedf;
747    border-bottom: 1px dashed #d6b2ff;
748    border-top: 1px dashed #d6b2ff;
749    color: #000;
750}
751
752.forumjumpcatm {
753    background-color: #eee8aa;
754    color: #000;
755    font-style: italic;
756}
757
758.forumjumpcatmf {
759    background-color: #eee8aa;
760    border-bottom: 1px dashed #a5aaee;
761    color: #000;
762    font-style: italic;
763}
764
765.forumcurrentboard {
766    background-color: #f0fff0;
767    color: #000;
768    font-weight: 700;
769}
770
771#PMcontainer {
772    background-color: #eee;
773    border: 0;
774    float: left;
775    margin-bottom: 10px;
776    padding: 0;
777    width: 100%;
778}
779
780.boardcontainer {
781    background-color:#bbb;
782    border:0;
783}
784
785.displaycontainer {
786    background-color: #fff;
787    padding: 1px;
788    width: 100%;
789}
790
791.postcontainer {
792    background-color: #d7dbea;
793    padding: 5px;
794    -webkit-border-radius: 5px;
795    -moz-border-radius: 5px;
796    border-radius: 5px;
797}
798
799.post-userinfo {
800    background-color: #d7dbea;
801    line-height: 1.2em;
802}
803
804.navbarcontainer { margin: 0; }
805
806/* postbox, post, PM, calendar */
807#dragcanvas {
808    border: 0;
809    left: 0;
810    position: relative;
811    top: 0;
812    z-index: 1;
813}
814
815#usersto {
816    width: 98%;
817    display: inline;
818    float: left;
819}
820
821#userscc, #usersbcc {
822    width: 98%;
823    display: none;
824    float: left;
825}
826
827textarea#message {
828    top: 0;
829    left: 0;
830    z-index: 2;
831    padding: 5px;
832    margin: 0;
833    visibility: visible;
834}
835
836div#dragbgw {
837    position: absolute;
838    top: 0;
839    left: 460px;
840    width: 3px;
841    border: 0;
842    z-index: 3;
843}
844
845div#dragbgh {
846    position: absolute;
847    top: 142px;
848    left: 0;
849    height: 3px;
850    border: 0;
851    z-index: 3;
852}
853
854img#dragImg1 {
855    position: absolute;
856    top: 0;
857    z-index: 4;
858    width: 3px;
859    cursor: e-resize;
860}
861
862img#dragImg2 {
863    position: absolute;
864    left: 0;
865    z-index: 4;
866    height: 3px;
867    cursor: n-resize;
868}
869
870.deftpal {
871    border: 0;
872    cursor: pointer;
873    float: left;
874    font-size: 5px;
875    height: 9px;
876    margin-bottom: 1px;
877    margin-right: 1px;
878    width: 10px;
879}
880
881.npf_txt {
882    font-size: 9px;
883    margin: 3px 0 0;
884    padding: 0;
885    text-align: center;
886    width: 56px;
887}
888
889input[type="button"].npf_txt {
890   font-size: 9px;
891}
892
893div.palettebox {
894    float: left;
895    height: 20px;
896    margin-top: 1px;
897    padding-left: 1px;
898    padding-top: 1px;
899    width: 66px;
900}
901
902div#bullets {
903    background-color: #ccc;
904    border: 1px solid #666;
905    display: none;
906    left: 345px;
907    padding: 2px;
908    position: absolute;
909    text-align: center;
910    top: -22px;
911    width: 63px;
912}
913
914#bullets img {
915    background-color: #ccc;
916    cursor: pointer;
917    height: 8px;
918    margin: 3px;
919    width: 8px;
920}
921
922#fontface {
923    font-size: 9px;
924    margin-left: 1px;
925    margin-right: 1px;
926    margin-top: 2px;
927    width: 113px;
928}
929
930#fontsize {
931    font-size: 9px;
932    margin-left: 1px;
933    margin-right: 2px;
934    margin-top: 2px;
935    width: 39px;
936}
937
938div.txtalgn {
939    float: left;
940    width: 92px;
941}
942
943.leftleft {
944    float: left;
945    text-align: left;
946}
947
948div.left99 {
949    float: left;
950    width: 99%;
951}
952
953div.left440 {
954    float:left;
955    width:440px;
956}
957
958div.boxlist1 {
959    float: left;
960    width: 460px;
961}
962
963div.chrwarn {
964    float: left;
965    text-align: left;
966    width: 315px;
967}
968
969div.chrsize {
970    float: left;
971    text-align: right;
972    width: 127px;
973}
974
975input.chrwarn {
976    background-color: #fefefe;
977    border: 0;
978    color: #304b58;
979    font-size: 11px;
980    font-style: normal;
981    font-weight: 400;
982    padding: 1px;
983    width: 40px;
984}
985
986input.chrsize {
987    background-color: #fefefe;
988    border: 0;
989    color: #304b58;
990    font-size: 11px;
991    font-style: normal;
992    font-weight: 400;
993    padding: 1px;
994    width: 15px;
995}
996
997div#spell_container { float: left; }
998
999/* height, width, padding */
1000table.pad_2px td, .padd_2px { padding: 2px; }
1001
1002table.pad_3px td, .padd_3px { padding: 3px; }
1003
1004table.pad_4px td, .padd_4px { padding: 4px; }
1005
1006table.pad_8px td, .padd_8px { padding: 8px; }
1007
1008table.pad_0 td, .padd_0 { padding: 0; }
1009
1010table.pad_10px td, .padd_10px { padding: 10px; }
1011
1012.h_18px { height: 18px; }
1013
1014.h_15px { height: 15px; }
1015
1016.h_20px { height: 20px; }
1017
1018.h_22px { height: 22px; }
1019
1020.h_23px { height: 23px; }
1021
1022.h_25px { height: 25px; }
1023
1024.h_30px { height: 30px; }
1025
1026.h_40px { height: 40px; }
1027
1028.h_50px { height: 50px; }
1029
1030.h_60px { height :60px; }
1031
1032.h_70px { height: 70px; }
1033
1034.h_80px { height:80px; }
1035
1036/*For the ajax rotating gif popup.  The width established below must match the width in ajax.js*/
1037#ImageAlert {
1038    visibility: hidden;
1039    position: fixed;
1040    background-color: #eee;
1041    top: 50%;
1042    left: 50%;
1043    width: 230px;
1044    height: 100px;
1045    margin-left: -115px;
1046    margin-top: -50px;
1047    z-index: 1000;
1048    border: solid 5px rgb(119,119,119);
1049    border: solid 5px rgba(0,0,0,0.5);
1050    background-clip: padding-box;
1051    -webkit-border-radius: 5px;
1052    -moz-border-radius: 5px;
1053    border-radius: 5px;
1054}
1055
1056#ImageAlert div.topper {
1057    vertical-align: middle;
1058    padding-left: 0.5em;
1059    font-weight: bold;
1060    font-style: normal;
1061    font-size: 12px;
1062    font-family: Verdana, Arial, Sans-Serif;
1063    color: #eee;
1064    background: url(./default/tabtitle.png) repeat-x top #1f6eb6;
1065    height: 25%;
1066    line-height: 2em;
1067    text-align: center;
1068}
1069
1070#ImageAlert div.rotate {
1071    width: 100%;
1072    height: 75%;
1073    text-align: center;
1074}
1075
1076#ImageAlert div.rotate  img { margin: 4px; }
1077
1078.yabb_rss {
1079    float: right;
1080    width: 20px;
1081    height: 20px;
1082    text-align: center;
1083    padding: 4px 5px 0 0;
1084    display: inline;
1085}
1086
1087.yabb_searchbox {
1088    float: right;
1089    width: 180px;
1090    margin: 1px !important;
1091    padding: 1px !important;
1092    text-align: center;
1093    display: inline;
1094    background-color: #eee;
1095    border: #bbb solid 1px;
1096    -webkit-border-radius: 5px;
1097    -moz-border-radius: 5px;
1098    border-radius: 5px;
1099}
1100
1101.yabb_searchbox:hover, .yabb_searchbox:focus { background-color:#f5f5f5; }
1102
1103.yabb_searchbox input[type="text"] {
1104    color: #999;
1105    width: 150px;
1106    font-size: 13px !important;
1107    margin-left: 0;
1108}
1109
1110.yabb_searchbox input:hover, .yabb_searchbox input:focus { color: #000; }
1111
1112.yabb_main {
1113    width: 98%;
1114    margin: 0 auto;
1115    text-align: left;
1116}
1117
1118.yabb_forumjump {
1119    width: 96%;
1120    margin-left: auto;
1121    margin-right: auto;
1122    text-align: right;
1123    padding-top: 10px;
1124}
1125
1126.info-center, .board-perms { line-height: 1.7; }
1127
1128.clear { clear: both; }
1129
1130.ongif {
1131    margin-left: 4px;
1132    margin-right: 6px;
1133    vertical-align: middle;
1134}
1135
1136.grpcolors {
1137    font-size: 10px;
1138    float: left;
1139    width: 49%;
1140}
1141
1142.mctitle {
1143    float: left;
1144    width: 100%;
1145    height: 21px;
1146    text-align: center;
1147    padding-top: 3px;
1148}
1149
1150.pgindex {
1151    float: left;
1152    height: 21px;
1153    margin: 2px 0 0 0;
1154    line-height: .86em;
1155    vertical-align: middle;
1156}
1157
1158.bold { font-weight: bold; }
1159
1160.under, .u { text-decoration: underline; }
1161
1162.cursor { cursor: pointer; }
1163
1164.pass_box {
1165    float: left;
1166    width: 150px;
1167    height: 20px;
1168    text-align: left;
1169}
1170
1171.pstrength-bar {
1172    border: 1px solid #fff;
1173    height: 4px;
1174}
1175
1176#cappasswrd1, #cappasswrd2, #cappasswrd1_char, #cappasswrd2_char {
1177    clear: left;
1178    color: #f00;
1179    font-weight: bold;
1180    display: none;
1181}
1182
1183#password-strength-meter {
1184    background: transparent url(./default/empty_bar.gif) repeat-x center left;
1185    height: 4px;
1186}
1187
1188.borderbox {
1189    width: 500px;
1190    margin-bottom: 8px;
1191    margin-left: auto;
1192    margin-right: auto;
1193}
1194
1195.contactleft {
1196    float: left;
1197    clear: left;
1198    width: 30%;
1199    padding-top: 5px;
1200    padding-bottom: 5px;
1201}
1202
1203.contactright {
1204    float: left;
1205    width: 70%;
1206    padding-top: 5px;
1207    padding-bottom: 5px;
1208}
1209
1210/* Soft coded css buttons */
1211.buttonleft {
1212    padding: 0 0 0 6px;
1213    background-image: url(../../Buttons/Button22big_left.png);
1214}
1215
1216.buttonright {
1217    padding: 0 6px 0 0;
1218    background-image: url(../../Buttons/Button22big_right.png);
1219}
1220
1221.buttonimage {
1222    padding: 0 0 0 25px;
1223    background-position: 0 0;
1224}
1225
1226.buttontext {
1227    position: relative;
1228    top: 5px;
1229    left: 0;
1230    font-family: Verdana, Arial, Helvetica, sans-serif;
1231    font-size: 10px;
1232    color: #000;
1233    font-weight: normal !important;
1234    font-style: normal;
1235}
1236
1237/* Soft coded css buttons end */
1238
1239.cssbutton1 {
1240    height: 20px;
1241    width: 1px;
1242    margin: 0;
1243    padding: 0;
1244    vertical-align: top;
1245    display: inline-block;
1246}
1247
1248.cssbutton2 {
1249    height: 20px;
1250    border: 0;
1251    margin: 1px;
1252    background-position: top left;
1253    background-repeat: no-repeat;
1254    text-decoration: none;
1255    font-size: 18px;
1256    vertical-align: top;
1257    display: inline-block;
1258}
1259
1260.cssbutton3 {
1261    height: 20px;
1262    border: 0;
1263    margin: 0;
1264    background-position: top right;
1265    background-repeat: no-repeat;
1266    text-decoration: none;
1267    font-size: 18px;
1268    vertical-align: top;
1269    display: inline-block;
1270}
1271
1272.cssbutton4 {
1273    height: 20px;
1274    border: 0;
1275    margin: 0;
1276    background-repeat: no-repeat;
1277    vertical-align: top;
1278    text-decoration: none;
1279    font-size: 18px;
1280    display: inline-block;
1281}
1282
1283.cssbutton5 {
1284    height: 20px;
1285    border: 0;
1286    margin: 0;
1287    padding: 0 5px 0 0;
1288    text-align: left;
1289    text-decoration: none;
1290    vertical-align: top;
1291    white-space: nowrap;
1292    display: inline-block;
1293}
1294
1295span.ubbcbutton {
1296    height: 22px;
1297    width: 23px;
1298    border: 0;
1299    margin: 0 1px 1px 0;
1300    background-position: top right;
1301    background-repeat: no-repeat;
1302    text-decoration: none;
1303    font-size: 18px;
1304    vertical-align: top;
1305    display: inline-block;
1306	float:left;
1307}
1308
1309.ubbcbuttonback {
1310    background-image: url(../../UBBCbuttons/ubbc2.png);
1311}
1312
1313.tt { font-family: Courier, monospace; }
1314
1315.littlebody { width: 800px; }
1316
1317/* Post and Thread Tools */
1318.windowbg td.post_tools {
1319    background: #3673b3 url(./default/tabtitle.png) repeat-x;
1320    height: 100%;
1321    border-top: 0;
1322    border-bottom: 0;
1323    border-left: 1px;
1324    border-right: 1px;
1325    border-style: solid;
1326    border-color: #ddd;
1327    padding: 3px 10px 3px 3px;
1328}
1329
1330.windowbg2 td.post_tools,.tabtitle td.post_tools,.tabtitle-bottom td.post_tools {
1331    background: #3673b3 url(./default/tabtitle.png) repeat-x;
1332    height: 100%;
1333    border-top: 0;
1334    border-bottom: 0;
1335    border-left: 1px;
1336    border-right: 1px;
1337    border-style: solid;
1338    border-color: #edeff4;
1339    padding: 3px 10px 3px 3px;
1340}
1341
1342.post_tools_menu {
1343    background-color: #eee;
1344    position: absolute;
1345    display: none;
1346    margin: 0;
1347    padding: 1px;
1348    border: 1px solid #195392;
1349    list-style: none;
1350    text-indent: 0;
1351    top: 11px;
1352    right: 0;
1353    min-width: 110px;
1354}
1355
1356.post_tools_menu li {
1357    background-color: #4378ae;
1358    white-space: nowrap;
1359    font-size: 10px;
1360    margin-left: 0;
1361    padding: 3px;
1362    list-style: none;
1363    text-indent: 0;
1364    text-align: left;
1365    font-style: normal;
1366    font-size: 11px;
1367    color: #fff;
1368    font-weight: bold;
1369}
1370
1371.post_tools_a a {
1372    font-weight: bold;
1373    font-style: normal;
1374    font-size: 11px;
1375    font-family: Verdana, Arial, sans-serif;
1376    color: #fff;
1377}
1378
1379.post_tools_a a:hover {
1380    color: #bbb;
1381    text-decoration:none;
1382}
1383
1384.post_tools_menu li:hover {
1385    background-color:#eee;
1386    color: #2d2d2d;
1387}
1388
1389.post_tools_menu li a {
1390    color: #fff;
1391    text-decoration: none;
1392    font-weight: bold;
1393}
1394
1395.post_tools_menu li:hover a { color: #2d2d2d; }
1396
1397.post_tools_menu li:hover a:visited { color: #2d2d2d; }
1398
1399.post_tools_menu li a:hover {
1400    color: #2d2d2d;
1401    text-decoration: none;
1402}
1403
1404.post_tools_menu li a:visited {
1405    color: #fff;
1406    text-decoration: none;
1407}
1408/* End Post and Thread Tools */
1409
1410.showcolor {
1411    float: left;
1412    width: 15px;
1413    height: 15px;
1414    margin-right: 1px;
1415    margin-bottom: 1px;
1416    border: 0;
1417    font-size: 5px;
1418    cursor: pointer;
1419}
1420
1421.defpal {
1422    border: 0;
1423    float: left;
1424    font-size: 5px;
1425    height: 15px;
1426    margin-bottom: 1px;
1427    margin-right: 1px;
1428    text-align: center;
1429    width: 15px;
1430}
1431
1432.defpalx {
1433    float: left;
1434    text-align: center;
1435    width: 15px;
1436    height: 15px;
1437    margin-right: 1px;
1438    margin-bottom: 1px;
1439    border: 0;
1440    font-size: 5px;
1441}
1442
1443.defpal_b {
1444    border: 0;
1445    font-size: 5px;
1446    height: 13px;
1447    margin: 0;
1448    padding: 0;
1449    vertical-align: middle;
1450    width: 13px;
1451}
1452
1453.deftrows {
1454    float: left;
1455    width: 15px;
1456    height: 15px;
1457    margin-right: 1px;
1458    margin-bottom: 1px;
1459    border: 0;
1460    font-size: 5px;
1461    cursor: pointer;
1462}
1463
1464#feature_status_1, #feature_status_4, #feature_status_7 {
1465    font-size: 12px;
1466    font-style: normal;
1467    font-weight: 400;
1468}
1469
1470.calout_left {
1471    float: left;
1472    width: 30%;
1473    padding-top: 1px;
1474    padding-bottom: 1px;
1475    text-align: left;
1476}
1477
1478.calout_right {
1479    float: left;
1480    width: 70%;
1481    padding-top: 1px;
1482    padding-bottom: 1px;
1483    text-align: right;
1484}
1485
1486.memberlist_td {
1487    cursor: pointer;
1488    text-align: center;
1489}
1490
1491.norm { font-style: normal; }
1492
1493.pages {
1494    height: 14px;
1495    padding-left: 2px !important;
1496    padding-right: 2px !important;
1497    font-size: 9px;
1498}
1499
1500.imcontact {
1501    float: left;
1502    width: 99%;
1503    padding-top: 5px;
1504    margin-top: 2px;
1505    text-align: right;
1506}
1507
1508.imcontact_left {
1509    float: left;
1510    text-align: left;
1511    padding: 2px;
1512    margin: 2px;
1513    display: inline;
1514}
1515
1516.imcontact_right {
1517    float: right;
1518    text-align: right;
1519    padding: 2px;
1520    margin: 2px;
1521    display: inline;
1522}
1523
1524.minical_border { border: 1px solid #b1bdc9; }
1525
1526.cal_row1 { height: 23px; }
1527
1528.cal_row2 { height: 26px; }
1529
1530/* ---- Don't style some input fields: Quick search, palette, remaining characters, Postbox font face and size ---- */
1531.yabb_searchbox input,input[name="viewcode"] {
1532    background-color: transparent !important;
1533    border: 0 !important;
1534    padding: 0 !important;
1535}
1536
1537input[name*="msgCL"],input[name="txtsize"] { background-color: transparent !important; }
1538
1539select[name="fontface"],select[name="fontsize"] { padding:0 !important; }
1540
1541.zodiac {
1542    font-size: 18px;
1543    text-align: center;
1544    margin-bottom: 3px;
1545    cursor: pointer;
1546}
1547
1548.tabmenu span.tabstyle {
1549    font-size: 12px;
1550    white-space: nowrap;
1551    cursor: auto;
1552    margin: 0 1px 0 0;
1553    padding: 4px 8px;
1554    text-align: center;
1555}
1556
1557.tabmenu input.edittab {
1558    font-family: Arial,Sans-Serif;
1559    float: left;
1560    vertical-align: top;
1561    border-radius: 0;
1562    background-color: transparent;
1563    border: 0;
1564    font-size: 12px;
1565    white-space: nowrap;
1566    cursor: auto;
1567    margin: 0 1px 0 0;
1568    padding: 4px 8px;
1569    text-align: center;
1570    color: #bbb;
1571}
1572
1573.tabmenu input.editttab_img {
1574    float: left;
1575    background-color: transparent;
1576    border: 0;
1577    border-radius: 0;
1578    vertical-align: middle;
1579    padding: 0;
1580}
1581
1582.codebox {
1583    width: 90%;
1584    background-color: #4378ae;
1585    padding: 2px 6px 2px 2px;
1586    border: 1px #34689a solid;
1587    border-bottom: 0;
1588    color: #eee;
1589    font-weight: bold;
1590    height: 20px;
1591    line-height: 20px;
1592}
1593
1594.codebox div { float: right; }
1595
1596.codebox span { vertical-align: top; }
1597
1598.media_iframe {
1599    border: 0;
1600    height: 326px;
1601    width: 400px;
1602}
1603
1604.help { cursor: help; }
1605
1606.help_dd {
1607    color: #09c;
1608    padding-bottom: .5em;
1609}
1610
1611.help_attn { color: #09c; }
1612
1613.help_attn_strong { color: #f00; }
1614
1615h4.help {
1616    text-decoration: underline;
1617    margin-bottom: 0;
1618    cursor: default;
1619}
1620
1621.navmenu {
1622    float: right;
1623    width: 40px;
1624}
1625
1626.topic-hover {
1627    position: absolute;
1628    top: 20px;
1629    left: 200px;
1630    width: 400px;
1631    border: 1px solid #000;
1632    -webkit-border-radius: 4px;
1633    -moz-border-radius: 4px;
1634    border-radius: 4px;
1635    box-shadow: 2px 2px 4px #444;
1636    padding: 8px;
1637    z-index: 10000;
1638    overflow: hidden;
1639    display: none;
1640}
1641
1642.sub_drop {
1643    position: relative;
1644    top: 2px;
1645    cursor: pointer;
1646}
1647
1648.brd_arrow { margin: 2px; }
1649
1650.debug {
1651    float: left;
1652    padding: 0;
1653    width: 99%;
1654    margin-left: 0;
1655    margin-right: auto;
1656}
1657
1658.pagedropindex {
1659    float: left;
1660    width: 350px;
1661    margin: 2px 0 0 0;
1662    border: 0;
1663}
1664
1665.pagedropindex_inner {
1666    float: left;
1667    height: 21px;
1668    margin: 2px 4px 0 0;
1669}
1670
1671.decselector {
1672    float: left;
1673    height: 21px;
1674    margin: 0;
1675}
1676
1677.decselector_sel {
1678    font-size: 9px;
1679    border: 2px inset;
1680}
1681
1682.viewindex_hid {
1683    height: 14px;
1684    visibility: hidden;
1685}
1686
1687.attbox {
1688    float:left;
1689    margin:8px;
1690    display: inline;
1691}
1692
1693.attbox_b { margin:8px; }
1694
1695.att_hr {
1696    margin: 5px 0;
1697    padding: 0;
1698}
1699
1700.quoteinfo {
1701    float: left;
1702    width: 99%;
1703    overflow: auto;
1704}
1705
1706.delcounter {
1707    border: 0;
1708    visibility: hidden;
1709    display: none;
1710}
1711
1712.totitle { width: 99%; }
1713
1714.load_sig {
1715    float: left;
1716    font-size: 10px;
1717    font-family: Verdana, sans-serif;
1718    overflow: auto;
1719    max-height: 200px;
1720    height: 200px;
1721    width: 99%;
1722}
1723
1724.load_sig_b {
1725    float: left;
1726    font-size: 10px;
1727    font-family: Verdana, sans-serif;
1728    overflow: auto;
1729    max-height: 200px;
1730    width: 99%;
1731}
1732
1733/* Context Help */
1734.contexthlp {
1735    position: absolute;
1736    top: 20px;
1737    left: 20px;
1738    width: 400px;
1739    filter: alpha(opacity=95);
1740    opacity: 0.95;
1741    border: 1px solid #000;
1742    z-index: 10000;
1743}
1744
1745.contexttitle {
1746    filter: alpha(opacity=100);
1747    opacity: 1.0;
1748    padding: 6px;
1749}
1750
1751.contexttext {
1752    filter: alpha(opacity=100);
1753    opacity: 1.0;
1754    padding: 8px;
1755}
1756
1757.ctxtip {
1758    position: absolute;
1759    top: 20px;
1760    left: 90px;
1761    font: 11px Helvetica, sans-serif;
1762    color: #000;
1763    background-color: #ffd;
1764    border: 1px solid #000;
1765    padding: 1px 4px;
1766    z-index: 10000;
1767}
1768
1769/* Extended Profiles */
1770.ext_lft {
1771    float: left;
1772    width: 30%;
1773    padding-top: 5px;
1774    padding-bottom: 5px;
1775}
1776
1777.ext_rgt {
1778    float: left;
1779    width: 70%;
1780    padding-top: 5px;
1781    padding-bottom: 5px;
1782}
1783
1784.ext_100 {
1785    float: left;
1786    width: 100%;
1787    padding-top: 5px;
1788    padding-bottom: 5px;
1789}
1790
1791/* Help template */
1792.help_ul {
1793    list-style: none;
1794    margin: 0;
1795    padding: 2px;
1796    border: 0 none;
1797}
1798
1799/* IM */
1800.bnttoto {
1801    float: left;
1802    padding: 5px;
1803}
1804
1805.usersto {
1806    width: 98%;
1807    display: inline;
1808    float: left;
1809}
1810
1811.att_lft {
1812    float: left;
1813    width: 23%;
1814}
1815
1816.att_lft_b {
1817    float: left;
1818    width: 23%;
1819    padding-top: 5px;
1820}
1821
1822.att_rgt {
1823    float: left;
1824    width: 76%;
1825}
1826
1827.att_rgt_b {
1828    float: left;
1829    width: 76%;
1830    padding-top: 5px;
1831}
1832
1833.width_100 { width: 100%; }
1834
1835/* Message Index */
1836.q_post_space {
1837    text-align: right;
1838    padding-top: 10px;
1839    padding-bottom: 10px;
1840}
1841
1842.nopost { background-color: #fbb; }
1843
1844/* Profile */
1845.picrow {
1846    float: left;
1847    width: 20%;
1848    text-align: center;
1849    padding: 5px 5px 5px 0;
1850}
1851
1852.mc_clip {
1853    float: right;
1854    padding-right: 0.3em;
1855}
1856
1857.load_cllink {
1858    position: absolute;
1859    right: 3px
1860}
1861
1862.toolbutton_a {
1863    display: inline-block;
1864    cursor: pointer;
1865    padding-top: 2px;
1866    background-repeat: no-repeat;
1867    padding-left: 22px;
1868    height: 17px;
1869    text-align: left;
1870}
1871
1872.toolbutton_b {
1873    position: relative;
1874    float: right;
1875    display: inline-block;
1876    height: 10px;
1877}
1878
1879.sticky_stick { font-size: medium !important; }
1880
1881.style_ubbc_box {
1882    float: left;
1883    width: 463px !important;
1884}
1885
1886/*user select box */
1887.letterlinks_a {
1888    float: left;
1889    width: 11px;
1890    text-align: center;
1891    border: 1px #fff solid;
1892}
1893
1894.letterlinks_b {
1895    float: left;
1896    width: 13px;
1897    text-align: center;
1898    margin: 1px 0;
1899}
1900
1901.letterlinks_c {
1902    float: left;
1903    text-align: center;
1904    border: 1px #fff solid;
1905    padding: 0 2px;
1906}
1907
1908.letterlinks_d {
1909    float: left;
1910    text-align: center;
1911    padding: 0 2px;
1912    margin: 1px 0;
1913}
1914
1915.reclist {
1916    width: 456px;
1917    font-size: 11px;
1918    font-weight: bold;
1919}
1920
1921.reclist_b { width: 456px; }
1922
1923.reclist_sub { width: 226px; }
1924
1925.reclist_no {
1926    float: left;
1927    width: 456px;
1928    height: 139px;
1929    text-align: center
1930}
1931
1932.pagedrp {
1933    float: left;
1934    width: 456px;
1935    margin: 2px 0;
1936    border: 0;
1937}
1938
1939.recentpm {
1940    float: left;
1941    width: 224px;
1942    text-align: center;
1943    padding: 2px 0;
1944    border: 1px outset;
1945    cursor: pointer;
1946}
1947
1948.wildcard {
1949    font-size: 11px;
1950    width: 140px
1951}
1952
1953.select_body {
1954    background-color: #dee4ec;
1955    color: #2d2d2d;
1956    font-size: 12px;
1957    font-style: normal;
1958    font-weight: 400;
1959    width: 464px;
1960    min-width: 464px;
1961    margin: 0 auto;
1962}
1963
1964.select_body_qsearch {
1965    background-color: #dee4ec;
1966    color: #2d2d2d;
1967    font-size: 12px;
1968    font-style: normal;
1969    font-weight: 400;
1970    width: 300px;
1971    min-width: 300px;
1972    margin: 0 auto;
1973}
1974
1975.system-info {
1976    margin: 0 auto;
1977    height: 35px;
1978    width: 80%;
1979    font-size: 12px;
1980    font-family: Verdana, Arial, Sans-Serif;
1981    color: #eee;
1982    background: url(./default/tabtitle.png) repeat-x top #1f6eb6;
1983    -webkit-border-radius: 5px 5px 0 0;
1984    -moz-border-radius: 5px 5px 0 0;
1985    border-radius: 5px 5px 0 0;
1986    border-bottom: 1px solid #195392;
1987}
1988
1989.system-info td {
1990    text-align: center;
1991    font-weight: bold;
1992    vertical-align: middle;
1993}
1994
1995.system-info-body {
1996    width: 80%;
1997    background-color: #dee4ec;
1998    padding: 1px;
1999    border-collapse: separate;
2000    border-spacing: 1px;
2001}
2002
2003.system-info-body td {
2004    background-color: #eee;
2005    font-size: 12px;
2006    font-weight: 400;
2007    font-style: normal;
2008    color: #2d2d2d;
2009    padding: 1em;
2010}
2011
2012.smiley_box {
2013    height: 65px;
2014    width: 120px;
2015    border: 1px solid #b1bdc9;
2016    -webkit-border-radius: 0 0 5px 5px;
2017    -moz-border-radius: 0 0 5px 5px;
2018    border-radius: 0 0 5px 5px;
2019}
2020
2021.smiley_top {
2022    background-color: #1f6eb6;
2023    -webkit-border-radius: 5px 5px 0 0;
2024    -moz-border-radius: 5px 5px 0 0;
2025    border-radius: 5px 5px 0 0;
2026    color: #eee;
2027    font-size: 12px;
2028    font-style: normal;
2029    font-weight: bold;
2030    padding-left: 0.5em;
2031    vertical-align: middle;
2032    height: 15px;
2033}
2034
2035.mypostborder {
2036    border-right: thin solid #fff;
2037    border-left: thin solid #fff;
2038    border-bottom: thin solid #fff;
2039}
2040
2041.mar-bot { margin-bottom: 1em;}
2042
2043.off-color { color:#ccc;}