/* ***** styling for 'big' usernames on postbit etc. ***** */ .bigusername { font-size: 15px; font-weight: bold; } /* ***** small padding on 'thead' elements ***** */ td.thead, div.thead { padding: 4px; } /* ***** basic styles for multi-page nav elements */ .pagenav a { text-decoration: none; } .pagenav td { padding: 2px 4px 2px 4px; } /* ***** define margin and font-size for elements inside panels ***** */ #links div { white-space: nowrap; } #links img { vertical-align: middle; } .fieldset { border-color: #8b8b8b; border-style: solid none none none; border-width: 1px 0px 0px 0px; margin-bottom: 6px; } .fieldset legend { padding-left: 8px; padding-right: 8px; } .fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; } /* ***** don't change the following ***** */ form { display: inline; } label { cursor: default; } .normal { font-weight: normal; } .inlineimg { vertical-align: middle; } img { border: 0; vertical-align: middle; } a { outline: none; } #container { margin-left: auto; margin-right: auto; min-width: 770px; width: 99%; } /* #wrapper, #collapseobj_wrapper { background: #FFFFFF; color: #000000; } */ .captionmid { background: url(images/as3/caption_mid.gif) #efefef repeat-x; font: 13px/22px 'Lucida Grande', Verdana, sans-serif; height: 22px; text-align: center; width: 100%; } .captionmid a:link,.captionmid a:visited,.captionmid a:active { background: transparent; color: #000000; text-decoration: none; } .captionmid a:hover { text-decoration: none; } .captionleft { background: url(images/as3/caption_left.gif) no-repeat 0px 0px; float: left; height: 22px; padding-left: 15px; width: 64px; } .captionleft a { display: block; height: 22px; width: 64px; } .captionleft a:hover { background: url(images/as3/caption_left.gif) no-repeat -15px -22px; } .captionleft a:active { background: url(images/as3/caption_left.gif) no-repeat -15px -44px; } .captionright { background: url(images/as3/caption_right.gif) no-repeat 0px 0px; float: right; height: 22px; padding-right: 15px; width: 64px; } .captionright a { display: block; float: left; height: 22px; width: 64px; } .captionright a:active { background: url(images/as3/caption_right.gif) no-repeat 0px -22px; } .shadleft { background: url(images/as3/shad_left.gif) repeat-y left; padding-left: 15px; } .shadright { background: url(images/as3/shad_right.gif) repeat-y right; padding-right: 15px; } .shadbotleft { background: url(images/as3/shad_bot_left.gif) #3873b3; float: left; height: 24px; width: 79px; } .shadbotmid { background: url(images/as3/shad_bot_mid.gif) repeat-x; height: 24px; text-align: center; } .shadbotright { background: url(images/as3/shad_bot_right.gif) #3873b3; float: right; height: 24px; width: 79px; } #toolbar, #collapseobj_toolbar { background: url(images/as3/toolbar_bg.gif) #f4f4f4; border-bottom: 1px solid #9f9f9f; height: 55px; padding: 0 6px 0 6px; } #toolbar ul, #collapseobj_toolbar ul { list-style: none; margin: 0; padding: 0px; white-space: nowrap; } #toolbar ul li, #collapseobj_toolbar ul li { display: inline; float: left; list-style: none; margin: 0 0 0 1px; padding: 0; text-align: center; } #toolbar ul li a, #collapseobj_toolbar ul li a { color: #000000; display: block; margin: 0 1px 0 1px; padding: 39px 5px 3px 5px; text-decoration: none; } #collapseobj_toolbar #tbhome a { background: url(images/as3/site_logo.png) no-repeat; height: 55px; padding: 0; width: 170px; } #collapseobj_toolbar #tbusercp a { background: url(images/as3/tb_usercp.png) no-repeat top center; } #collapseobj_toolbar #tbfaq a { background: url(images/as3/tb_faq.png) no-repeat top center; padding: 39px 10px 3px 10px; } #collapseobj_toolbar #tbmembers a { background: url(images/as3/tb_members.png) no-repeat top center; } #collapseobj_toolbar #tbcalendar a { background: url(images/as3/tb_calendar.png) no-repeat top center; } #collapseobj_toolbar #tbsearch a { background: url(images/as3/tb_search.png) no-repeat top center; } #collapseobj_toolbar #tbnewposts a { background: url(images/as3/tb_newposts.png) no-repeat top center; } #collapseobj_toolbar #tbmarkread a { background: url(images/as3/tb_markread.png) no-repeat top center; } #collapseobj_toolbar #tbbuddylist a { background: url(images/as3/tb_buddylist.png) no-repeat top center; } #collapseobj_toolbar #tbquicklinks a { background: url(images/as3/tb_quicklinks.png) no-repeat top center; } #collapseobj_toolbar #tblogout a { background: url(images/as3/tb_logout.png) no-repeat top center; } /* Toolbar Search Box */ #tbsearchbox { padding-top: 8px } #tbsearchbox #tbsearchbox-left { background: url(images/as3/search_box.png) no-repeat; height: 22px; width: 25px; } #tbsearchbox #tbsearchbox-left a { display: block; height: 22px; width: 25px; } #tbsearchbox #tbsearchbox-mid { background: url(images/as3/search_box.png) repeat-x 0px -50px; height: 22px; } #tbsearchbox #tbsearchbox-mid input, #tbsearchbox #tbsearchbox-mid .search { border: 0; background: #FFFFFF; font: 12px 'Lucida Grande', Verdana, sans-serif; color: #000000; width: 120px; padding: 1px 0 1px 3px } #tbsearchbox #tbsearchbox-right { background: url(images/as3/search_box.png) no-repeat right -25px; height: 22px; width: 25px; } #tbsearchbox #tbsearchbox-right a { display: block; height: 22px; width: 25px; } #tbsearchbox #tbsearchbox-adv { color: #000000; text-decoration: none; padding-top: 6px } #tbsearchbox #tbsearchbox-adv a { color: #000000; text-decoration: none; } /* Footer Links */ .footernav { background: url(images/as3/toolbar_bg.png) #f4f4f4; color: #000000; margin: 0px; padding: 0px 12px 0 6px; } #footernav { float: left; width: auto; } #footernav ul { list-style: none; margin: 0; padding: 0 0 0 6px; } #footernav li { display: inline; float: left; margin: 0 0 0 1px; padding: 0; text-align: center; vertical-align: middle; } #footernav a { color: #000000; display: block; margin-left: 1px; margin-right: 1px; padding: 3px 5px 3px 5px; text-decoration: none; } #footernav a:hover { color: #000000; } #footernav a:active { background: url(images/as3/toolbar_hot_bg.gif) #f4f4f4; border-left: 1px solid #b6b6b6; border-right: 1px solid #b6b6b6; color: #000000; margin-left: 0px; margin-right: 0px; } /* Search Box */ .dropdownsearch { background: url(images/as3/pin_1.gif) #ececec; border: 1px solid #787878; width: 200px; } .dropdownsearchspotlight { background: url(images/as3/spotlight_bg.gif) #3079c0 repeat-x; height: 24px; padding: 3px 11px 3px 11px; } .dropdownsearchadvanced { padding: 4px 0 4px 0; } .dropdownsearchadvanced a { color: #000000; display: block; padding: 3px 12px 3px 12px; text-decoration: none; } .dropdownsearchadvanced a:hover { background: url(images/as3/pin_3.gif) #3079c0; color: #ffffff; text-decoration: none; } /* Drop Down Menus */ .dropdown { background: url(images/as3/pin_1.gif) #ececec; border: 1px solid #787878; color: #000000; padding: 4px 0 4px 0; } .dropdown2 { background: url(images/as3/toolbar_bg.gif) #f4f4f4; color: #000000; padding: 4px 0 4px 0; width: 170px; } .dropdown dl, .dropdown2 dl { list-style: none; margin: 0; padding: 0; } .dropdown dt, .dropdown2 dt { color: #909090; display: block; margin: 0; padding: 3px 11px 3px 11px; } .dropdown dt a, .dropdown2 dt a { color: #909090; text-decoration: none; } .dropdown dd, .dropdown2 dd { margin: 0; padding: 0; } .dropdown dd a, .dropdown dd a:active, .dropdown dd a:visited, .dropdown dd a:link, .dropdown2 dd a, .dropdown2 dd a:active, .dropdown2 dd a:visited, .dropdown2 dd a:link, .dropdown span { color: #000000; display: block; padding: 3px 22px 3px 22px; text-decoration: none; cursor: pointer; } .dropdown dd a:hover, .dropdown2 dd a:hover { background: url(images/as3/pin_3.gif) #3079c0; color: #ffffff; text-decoration: none; } .dropdown .sep, .dropdown2 .sep { background: url(images/as3/dropdown_sep.gif) repeat-x; font-size: 0; height: 2px; margin: 4px 0 4px 0; } .dropdown .search { display: block; padding: 3px; } .dropdown .span2 { color: #000000; display: block; padding: 1px 22px 1px 22px; text-decoration: none; } /* Nav Bar */ #breadcrumb { background: url(images/as3/pin_1.gif) #ececec; border-bottom: 1px solid #b2b2b2; height: 32px; padding: 6px 8px 6px 8px; } #breadcrumbself { background: url(images/as3/misc/navbits_start.gif) no-repeat; font-size: 12px; font-weight: bold; line-height: 12px; padding: 1px 0 4px 22px; } #breadcrumbstart { background: url(images/as3/misc/navbits_start.gif) no-repeat; line-height: 11px; padding: 1px 0 4px 22px; } #breadcrumbend { background: url(images/as3/misc/navbits_finallink.gif) no-repeat; font-size: 12px; font-weight: bold; line-height: 12px; padding: 2px 0 2px 38px; } #breadcrumbend a, #breadcrumbself a { color: #000000; } #pmbubble { float: left; padding: 3px 6px 3px 6px; } #pmbubble a, #pmbubble a:link, #pmbubble a:active, #pmbubble a:visited, #pmbubble a:hover { background: url(images/as3/pm_bubble.gif) no-repeat center; display: block; height: 26px; width: 26px; } /* Global */ .clear { clear: both; font-size: 0; } .pin1 { background: url(images/as3/pin_1.gif) #ececec; } .pin3 { background: url(images/as3/pin_3.gif) #1b4ca2; color: #ffffff; } .pin4 { background: url(images/as3/toolbar_bg.gif) #f4f4f4; } .alt3 { background: #ffe1e1; } .aquag { background: url(images/as3/aqua_gray.gif) #eaeaea repeat-x; color: #000000; font-size: 10px; font-weight: bold; height: 15px; margin: 0px; padding: 0px 7px 0px 7px; } .aquag2 { background: #eaeaea; color: #000000; font-size: 10px; font-weight: bold; height: 15px; margin: 0px; padding: 0px 7px 0px 7px; } .aquag a, .aquag a:link, .aquag a:active, .aquag a:visited, .aquag2 a, .aquag2 a:link, .aquag2 a:active, .aquag2 a:visited { color: #000000; text-decoration: none; } .aquag a:hover, .aquag2 a:hover { text-decoration: underline; } .aquagv { background: url(images/as3/aqua_gray_vert.gif) #eaeaea repeat-y; min-height: 100px; } .borderleft { border-left: 1px solid #c0c0c0; } .borderright { border-right: 1px solid #c0c0c0; } .borderbottom { border-bottom: 1px solid #c0c0c0; } .borderbottom2 { border-bottom: 1px solid #d8d8d8; } .bordertop { border-top: 1px solid #c0c0c0; } .bordertop2 { border-top: 1px solid #d8d8d8; } .desc { color: #999999; } .desc2 { color: #d8d8d8; } .inlinemod .borderbottom2 { border-bottom: 1px solid #c0c0c0; } .inlinemod .desc2 { color: #c0c0c0; } .alert { background: url(images/as3/misc/alert.gif) no-repeat 0 10px; padding: 0 0 0 45px; } .alert ul, .alert ol { list-style: inside; margin: 8px 0 8px 4px; padding: 0; } .alert li { margin: 0 0 0 4px; padding: 1px 0 1px 0; } .offlinemessage { background: url(images/as3/gradients/alert_bg.gif) #fee3e3 repeat-x; border: 1px solid #c9b0b0; color: #330000; font-size: 10px; margin: 0 auto 0 auto; min-width: 770px; padding: 2px; width: 95%; } .tabbox { background: #ffffff; border-bottom: 1px solid #dddddd; border-left: 1px solid #bebebe; border-right: 1px solid #bebebe; border-top: 1px solid #a0a0a0; } /* Buttons */ .bnewthread { background: url(images/as3/buttons/newthread.gif) no-repeat 0px 0px; display: block; font-size: 0; height: 26px; width: 108px; } .bnewthread:active { background: url(images/as3/buttons/newthread.gif) no-repeat 0px -26px; } .bnewreply { background: url(images/as3/buttons/reply.gif) no-repeat 0px 0px; display: block; font-size: 0; height: 26px; width: 96px; } .bnewreply:active { background: url(images/as3/buttons/reply.gif) no-repeat 0px -26px; } .bclosed { background: url(images/as3/buttons/threadclosed.gif) no-repeat; display: block; font-size: 0; height: 26px; width: 75px; } .bcontinue { background: url(images/as3/buttons/continue.gif) no-repeat 0px 0px; display: block; font-size: 0; height: 26px; width: 90px; } .bcontinue:active { background: url(images/as3/buttons/continue.gif) no-repeat 0px -26px; } .bcontinue2 { background: url(images/as3/buttons/continue2.gif) no-repeat 0px 0px; display: block; font-size: 0; height: 26px; width: 90px; } .bcontinue2:active { background: url(images/as3/buttons/continue2.gif) no-repeat 0px -26px; } .breset { background: url(images/as3/buttons/reset.gif) no-repeat 0px 0px; display: block; font-size: 0; height: 26px; width: 67px; } .breset:active { background: url(images/as3/buttons/reset.gif) no-repeat 0px -26px; } .bcomplete { background: url(images/as3/buttons/complete.gif) no-repeat 0px 0px; display: block; font-size: 0; height: 26px; width: 93px; } .bcomplete:active { background: url(images/as3/buttons/complete.gif) no-repeat 0px -26px; } .bsavechanges { background: url(images/as3/buttons/savechanges.gif) no-repeat 0px 0px; display: block; font-size: 0; height: 26px; width: 119px; } .bsavechanges:active { background: url(images/as3/buttons/savechanges.gif) no-repeat 0px -26px; } .bpreview { background: url(images/as3/buttons/preview.gif) no-repeat 0px 0px; display: block; font-size: 0; height: 26px; width: 80px; } .bpreview:active { background: url(images/as3/buttons/preview.gif) no-repeat 0px -26px; } /* Posting Rules */ .rulescaption { background: url(images/as3/rules_caption.gif) #cfcfcf repeat-x; font-size: 11px; height: 15px; line-height: 15px; padding: 0 6px 0 17px; text-align: center; } .rulescaption a { background: url(images/as3/buttons/rules_collapse.gif) no-repeat 0px 0px; display: block; float: right; font-size: 0; height: 11px; margin: 2px 0 2px 0; width: 19px; } .rulescaption a:active { background: url(images/as3/buttons/rules_collapse.gif) no-repeat 0px -11px; } /* Progress Bar */ .progressbar { background: url(images/as3/progress_bg.gif) #dadada no-repeat; font-size: 0; height: 16px; padding: 0 3px 4px 3px; width: 194px; } .progressbar div { background: url(images/as3/progress.gif) #166cd6 repeat-x; font-size: 0; height: 16px; } .storagespace { background: url(images/as3/misc/storage_space.gif) #d2d2d2 repeat-x; border: 1px solid #6e6e6e; height: 8px; } .storagespace td { font-size: 0; height: 8px; } .storagespaceused { background: url(images/as3/misc/storage_space.gif) #428ef1 repeat-x 0px -8px; font-size: 0; height: 8px; } .storagespacesent { background: url(images/as3/misc/storage_space.gif) #428ef1 repeat-x 0px -16px; font-size: 0; height: 8px; } /* Postbit */ .avatar img { background: #ffffff; border: 1px solid #d8d8d8; margin: 0 auto 0 auto; padding: 5px; } .posttitle a, .posttitle a:hover, .posttitle a:active, .posttitle a:visited { color: #000000; text-decoration: none; } .post { padding: 10px 0 15px 0; line-height: 150%; } .post ul, .post li { line-height: 150%; } .sig { background: url(images/as3/sig.gif) no-repeat; color: #666666; font-size: 10px; padding: 6px 0 5px 0; } /* Registration */ #register { background: url(images/as3/register_bg.png) no-repeat; padding: 16px 27px 16px 172px; } #register .box { background: url(images/as3/transparent.png); border: 1px solid #909090; font-size: 12px; padding: 16px; } #register .boxie { background: #ffffff; border: 1px solid #909090; font-size: 12px; padding: 16px; } #register .box td, #register .boxie td { font-size: 12px; } #register .title { font-size: 13px; font-weight: bold; padding-bottom: 4px; } /* Posting */ .pfont, .pfont td { font-size: 12px; } .pcaption { font-size: 13px; } /* Alert Popup */ #pm_popup { margin: 0 20% 0 20%; position: fixed; text-align: center; top: 200px; width: 60%; } .alertmid { background: url(images/as3/caption_alert.gif) repeat-x 0px -66px; font: 13px/22px "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif; height: 22px; margin: 0 65px 0 65px; text-align: center; } .alertright { background: url(images/as3/caption_alert.gif) repeat-x 0px -44px; float: right; height: 22px; width: 65px; } .alertleft { float: left; height: 22px; width: 65px; } .alertleft a { background: url(images/as3/caption_alert.gif) repeat-x 0px 0px; display: block; height: 22px; width: 65px; } .alertleft a:active { background: url(images/as3/caption_alert.gif) repeat-x 0px -22px; } .alertbox { background: url(images/as3/toolbar_bg.gif) #f4f4f4; border-bottom: 1px solid #b5b5b5; border-left: 1px solid #b5b5b5; border-right: 1px solid #b5b5b5; border-top: 1px solid #8c8c8c; clear: both; padding: 16px; } .balertread { background: url(images/as3/buttons/alert_buttons.gif) no-repeat -67px 0px; display: block; float: right; font-size: 0; height: 26px; width: 152px; } .balertread:active { background: url(images/as3/buttons/alert_buttons.gif) no-repeat -67px -26px; } .balertclose { background: url(images/as3/buttons/alert_buttons.gif) no-repeat 0px 0px; display: block; float: right; font-size: 0; height: 26px; margin-right: 6px; width: 67px; } .balertclose:active { background: url(images/as3/buttons/alert_buttons.gif) no-repeat 0px -26px; } body { .captionleft { background: url("http://ramaserv.thasauce.net/images/OCRCSS/AquaSoft-JB/caption_left.png") #12253a !important; } .captionmid { background: url("http://ramaserv.thasauce.net/images/OCRCSS/AquaSoft-JB/caption_mid.png") #12253a repeat-x !important; } .captionmid a:link,.captionmid a:visited,.captionmid a:active { background: transparent !important; color: #C4C4D4 !important; text-decoration: none !important; font-weight: bold !important; } .captionmid a:hover{ text-decoration: underline; } .captionright { background: url("http://ramaserv.thasauce.net/images/OCRCSS/AquaSoft-JB/caption_right.png") #232329 !important; } .toolbar { background: url("http://ramaserv.thasauce.net/images/OCRCSS/AquaSoft-JB/toolbar_bg.png") #12253a !important; } #toolbar { background: url("http://ramaserv.thasauce.net/images/OCRCSS/AquaSoft-JB/toolbar_bg.png") #12253a !important; color: #C4C4D4 !important; } .tableborder { background: url("") #000 repeat-x !important; color: #C4C4D4 !important; } .content { background: #18181B !important; color: #C4C4D4 !important; } .rightcol { background: #000 !important; border: solid 1px #555 !important; } .footernav { background: #18181B !important; } li#fcurrent a:link, li#fcurrent a:active, li#fcurrent a:hover, li#fcurrent a:visited { background: #CECEDB !important; color: #C4C4D4 !important; } a:link, a:visited { color: #FFF !important; text-decoration: none; } a:hover, a:active { color: #FFF !important; text-decoration: underline; } }