/*--------------------------------------------------------------------------*/ /* SITE DESIGN */ /*--------------------------------------------------------------------------*/ /* ### BASE SETTINGS #######################################################*/ body { margin:0px;padding:0px;font-family:Arial;font-size:13px;background:#EEEEEE;color:#000000; } h1,h2,h3,h4,h5,h6 { margin:0px;padding:0px;font-style:normal;font-weight:normal;text-align:left; } h2 { font-size:26px; } a,a:link,a:visited,a:hover { text-decoration:none; } a { color:#0033CC; } a:visited { color:#000099;/*color:#663300;*/ } a:hover { color:#0033FF; } .list ul { list-style-type:square; } .list ul li { padding-bottom:8px; } /* ### MASTER SITE STRUCTURES #######################################################*/ #sitebg { /*>>>*/display:none;/*<<<*/position:fixed;left:0px;right:0px;top:0px;bottom:0px;background:#FFFFDD; } #sitebg img { width:100%;height:100%; } #mastercontainer { z-index:2;margin:0px;padding:0px;padding-bottom:15px;position:relative;border:none;overflow:hidden; } #site { margin:0px auto;width:800px;z-index:5;position:relative;background:#FFFFFF;border:1px solid #000000;border-top:none; } #bdr { margin:0px auto;padding:0px;width:830px;height:100%;z-index:3;position:absolute;left:50%;margin-left:-415px;top:0px;background:transparent;border:none; } #bdr .left { z-index:1;width:15px;position:absolute;left:0px;top:0px;bottom:0px;overflow:hidden;background:transparent;background-image:url('/images/design/borders/site-left.png');background-repeat:repeat-y;background-position:bottom right; } #bdr .right { z-index:1;width:15px;position:absolute;right:0px;top:0px;bottom:0px;overflow:hidden;background:transparent;background-image:url('/images/design/borders/site-right.png');background-repeat:repeat-y;background-position:bottom left; } #bdr .bottom { z-index:2;height:15px;position:absolute;bottom:0px;left:0px;right:0px;overflow:hidden;background:transparent;background-image:url('/images/design/borders/site-bottom.png');background-repeat:no-repeat;background-position:top center; } /* ### HEADER #######################################################*/ #header { position:relative;z-index:700;background:#999999; } #header .border { z-index:3;position:absolute;left:0px;right:0px;top:0px;height:15px;overflow:hidden;background:transparent;background-image:url('/images/design/borders/header-top.png');background-repeat:repeat-x; } #header .image { z-index:1;height:80px;background:#999999;overflow:hidden; } #header .image .subtitle { display:block;margin:0px;padding:0px;z-index:1;position:absolute;bottom:0px;border:none;overflow:visible;line-height:normal; } #header .image .subtitle .bg { position:absolute;z-index:2;left:0px;bottom:0px;right:0px;top:0px;margin:0px;padding:0px;line-height:normal;background:#000000;opacity:0.50;filter:alpha(opacity=50); } #header .image .subtitle .text { position:relative;z-index:3;margin:0px;padding:3px 5px;line-height:normal;font-family:Arial;font-size:14px;font-weight:bold;font-style:italic;color:#FFFFFF; } #header .image .subtitle .bdr { position:absolute;z-index:2;right:-50px;bottom:0px;top:0px;width:50px;margin:0px;padding:0px;background:transparent; } #header .image .subtitle .bdr { background-image:url('/images/design/bgs/header-subtitle.png');background-repeat:repeat-y; } #header .logo { z-index:2;position:absolute;right:0px;bottom:0px;top:0px;width:310px;border:none;background-image:url('/images/design/logo/header.png');background-repeat:no-repeat;text-align:right; } #header .nav { height:32px;margin:0px;padding:0px;background:#000000;color:#FFFFFF;border-top:1px solid #000000;border-bottom:1px solid #000000; } #header img { border:none; } #header .top { position:relative;height:80px;overflow:hidden; } #header .top a,#header .top visited { color:#FFFFFF; } #header .top a:hover { } #header .top a /* ### CONTENT #######################################################*/ #content { position:relative;z-index:-1;margin:0px;padding:0px;background:transparent;border:none;clear:both; } /* ### FOOTER #######################################################*/ #footer { background:#FFFFFF; } #footer .links { padding:5px 5px 5px 5px;font-family:Verdana;font-size:12px;color:#999999; } #footer .links h3 { padding:0px 0px 0px 0px;color:#CC0000;font-size:11px;font-weight:bold;font-family:Verdana; } #footer .links .list { margin:0px;padding:0px 0px 0px 15px; } #footer .links .list a { font-family:Verdana;font-size:11px;color:#663300; } #footer .links .list a:hover { color:#0033FF; } #footer .border { height:15px;background:transparent;background-image:url('/images/design/borders/footer-top.png');border:none;overflow:hidden; } /*>>>temp>>>*/ #footer .border { font-size:10px;text-align:center;color:white; } #footer .end { height:40px;background-color:#000000;color:#FFFFFF;overflow:auto;font-family:Verdana;border-top:1px solid #000000; } #footer .end { background-image:url(/images/design/bgs/footer.jpg);background-repeat:repeat-x; } #footer .end .copyright { overflow:hidden;float:left;margin:0px;padding:7px 0px 0px 5px;font-size:10px;color:#CCCCCC; } #footer .end .company { overflow:hidden;float:right;margin:0px;padding:5px 5px 0px 0px;font-size:11px;text-align:right;color:#EEEEEE; } #footer .end .goodbye { overflow:hidden;margin:0px;padding:0px 20px;line-height:40px;vertical-align:middle;text-align:center;font-size:10pt;font-style:italic;font-size:13px;font-family:Arial; } #footer {} /* ### NAVIGATION: TOP BAR #######################################################*/ #navTop { width:100%;height:100%;margin:0px;padding:0px;background:transparent;position:relative;z-index:999999; } /*>>>IE-hacks-exist-for-nav<<<*/ #navTop ul { display:table;margin:0px;padding:0px;list-style-type:none;white-space:nowrap;border:none; } #navTop li { position:relative;z-index:9999;margin:0px;padding:0px;display:table-cell;background:#000000; } #navTop a { position:relative;z-index:9999;display:block;line-height:25px;height:30px;width:112px;vertical-align:middle;text-align:center;padding:0px;background:#000099;color:#FFFFFF;border:1px solid transparent;font-family:Verdana;font-size:12px; } #navTop a:hover { background:#FF7700;color:#FFFFFF;font-weight:bold; } /*Specifics*/ #navTop a.first { background:#222222; } #navTop a.reg { border-left:1px solid #AAAAAA; } #navTop a.last { width:114px;border-left:1px solid #AAAAAA; } #navTop a.first:hover { font-weight:normal; } #navTop a b { position:absolute;left:0px;top:16px;right:0px;text-align:center;line-height:normal;display:block;font-family:Arial;font-size:11px;font-weight:normal;color:#999999; } #navTop a:hover b { color:#FFFFFF;font-weight:bold; } #navTop a.active b { font-weight:bold;color:#FFFFFF; } /*Set Backgrounds*/ #navTop a.reg { background-image:url('/images/design/bgs/nav-reg.jpg'); } #navTop a.last { background-image:url('/images/design/bgs/nav-reg.jpg'); } #navTop a.first { background-image:url('/images/design/bgs/nav-title.jpg'); } #navTop a.active { background-image:url('/images/design/bgs/nav-reg-active.jpg'); } #navTop a.sub { background-image:url('/images/design/bgs/nav-sub.jpg'); } #navTop a.activesub { background-image:url('/images/design/bgs/nav-sub-active.jpg'); } #navTop a.reg:hover { background-image:url('/images/design/bgs/nav-reg-hover.jpg'); } #navTop a.last:hover { background-image:url('/images/design/bgs/nav-reg-hover.jpg'); } #navTop a.first:hover { background-image:url('/images/design/bgs/nav-title-hover.jpg'); } #navTop a.sub:hover { background-image:url('/images/design/bgs/nav-sub-hover.jpg'); } /*SubLinks*/ #navTop ul li ul { display:none;z-index:9999;position:absolute;border:2px solid #111111;background:transparent; } #navTop ul li ul li { display:block; } #navTop ul li:hover ul { display:block; } #navTop a.sub { display:block;margin:0px;padding:0px 0px 0px 10px;width:190px;line-height:25px;height:25px;border:none;border-bottom:1px solid #000066/*#3939E6*/;text-align:left; } #navTop a.lastsub { border-bottom:none; } #navTop .dropdown { position:relative;left:4px;top:-1px;display:inline;border:none; } #navTop .dropdown img { border:none;display:inline; } /* ### STANDARD PAGE #######################################################*/ #page { margin:0px;padding:0px;position:relative;border:none;border-bottom:1px solid #DDDDDD;padding-bottom:10px;/*min-height:540px;*//*overflow:hidden;*/ } #page #bigtitle { position:absolute;z-index:5;left:0px;right:0px;top:0px;height:30px;margin:0px;padding:4px 0px 0px 7px;border:none;background:transparent;color:#FFFFFF; } #page #bigtitle { background-image:url('/images/design/borders/page-top.png');background-repeat:no-repeat;background-position:top left; } #page #bigtitle h1 { font-family:Verdana;font-size:16px;font-weight:normal;text-align:left; } #page #sidebar { position:absolute;z-index:3;right:0px;top:0px;bottom:15px;margin:0px;padding:0px;width:220px;border:none;background:#CCCCFF; } #sidebar .border { position:absolute;left:-10px;top:0px;bottom:0px;width:10px;overflow:hidden;background:transparent;background-image:url('/images/design/borders/page-sidebar.png');background-repeat:repeat-y;background-position:top right; } #sidebar .bottom { position:absolute;left:-10px;bottom:-10px;right:0px;overflow:hidden;background:transparent;background-image:url('/images/design/borders/page-sidebar-bottom.png');background-repeat:no-repeat;background-position:top right; } #sidebar .content { margin:0px;padding:20px 0px 5px 0px;background:transparent;overflow:hidden; } #sidebar .content h5 { display:block;margin-bottom:8px;text-align:center;font-family:Arial;font-size:14px;font-weight:bold; } #sidebar .content ul { margin:0px;padding:0px;list-style-type:none;border-bottom:1px solid #9999FF; } #sidebar .content li { margin:0px;padding:0px; } #sidebar .content li a { display:block;margin:0px;padding:5px 5px;border-top:1px solid #9999FF; } #sidebar .content li a:hover { background:#FFFFAA;color:#000000; } #sidebar .content li a.captop { border-top:2px solid #666666; } #sidebar .content li a.capbottom { border-bottom:2px solid #666666; } #sidebar .chatbanner { margin:20px auto;padding:0px;border:none;text-align:center; } #sidebar .chatbanner img { border:none; } #sidebar .hable { margin:20px 10px;padding:0px;text-align:center;font-family:Verdana;font-size:11px;color:#000000; } #sidebar span.separator { display:block;margin:0px 0px 0px 0px;padding:5px 0px 5px 0px;text-align:center;font-family:Verdana;font-size:11px;font-weight:bold;font-style:normal;background:#AAAAFF;border-top:1px solid #9999FF; } #page #pager { margin:0px;padding:0px 0px 0px 0px;width:580px;min-height:800px; } #page #pager .wrapper { margin:0px;padding:40px 5px 0px 5px; } #pager { font-family:Arial;font-size:13px;font-weight:normal;font-style:normal; } #pager p { padding-left:10px;padding-right:10px;text-align:justify; } #sidebarX { position:absolute;z-index:3;right:0px;top:0px;bottom:0px;margin:0px;padding:0px;width:220px;border:none;background:#EEEEEE;border-left:1px solid #CCCCCC;overflow:hidden; } #sidebarX .expand { height:100%; } #page .photo { border:none;padding:0px;margin:0px 10px 10px 10px;width:160px; } #page .photo img { width:160px;display:block; } #page .pleft { float:left;margin-left:0px; } #page .pright { float:right;margin-right:0px; } #page .pborder img { border:1px solid #333333; } #page .pwidth { width:auto; } #page .pwidth img { width:auto; } #page .pcenter { margin:10px auto;text-align:center; } #page .pcenter img { margin:0px auto; } #page ul { list-style-type:square; } #page .pom { font-family:Verdana;font-size:16px;font-style:italic;font-weight:normal;color:#380082;text-align:center; } /* ### FORM STYLING/PROCESSING #######################################################*/ #form { position:relative;padding:0px;border:2px solid #000000;background:#EEEEFF; } #form { font-family:Verdana;font-size:12px; } #form .title { font-size:13px;font-weight:bold;text-align:right;background:#380082;color:#FFFFFF;padding:3px;margin-bottom:5px;border-bottom:1px solid #000000; } #form .error { background:#FFCCCC;border-bottom:1px solid #FF0000;font-size:11px;font-family:Verdana;color:#FF0000;padding:5px;margin-top:-5px;margin-bottom:5px; } #form .row { padding:0px 3px;padding-bottom:5px;/*white-space:nowrap;*/ } #form .col { width:auto;display:inline-block;overflow:visible;padding:3px;/*white-space:nowrap;*/ } #form .center { text-align:center; } #form .right { text-align:right; } #form .left { text-align:left; } #form label { display:block;width:100%;padding-bottom:3px;font-weight:bold;text-align:left;font-family:Verdana;font-size:12px; } #form .submit { padding:10px 0px; } #form .submit input { width:auto;border:2px solid #8239E4;background:#380082;color:#FFFFFF;padding:4px 6px; } #form .submit input:hover { background:#8239E4;border-color:#380082; } #form textarea { width:90%;height:120px; } #form input,#form textarea,#form select { width:100%;border:1px solid #3939E6;background:#CCCCFF; } #form #cover { display:none;position:absolute;z-index:25;left:0px;right:0px;top:0px;bottom:0px;background:#9C66E4;opacity:0.75;filter:alpha(opacity=75); } #form .note { font-size:11px;font-family:Verdana;padding:5px 10px;text-align:justify; } /* ### DISCLAIMER NOTE/BOX #######################################################*/ #page .disclaimer { margin:15px 10px;padding:5px 5px 5px 45px;border:1px solid #CCCCCC;background:#EEEEEE;color:#666666;font-family:Verdana;font-size:11px;font-weight:normal;font-style:normal;text-align:justify; } #page .disclaimer { background-image:url('/images/design/icons/info.jpg');background-repeat:no-repeat;background-position:5px 5px; } #page .disclaimer a { display:block;margin:5px 20px;padding:0px; } /* ### HELPER NOTE/BOX #######################################################*/ .helper { margin:15px 10px;padding:5px 5px 5px 45px;border:1px solid #CCCCCC;background:#EEEEEE;color:#666666;font-family:Verdana;font-size:11px;font-weight:normal;font-style:normal;text-align:justify; } .helper { background-image:url('/images/design/icons/help.jpg');background-repeat:no-repeat;background-position:5px 5px; } .helper a { display:block;margin:5px 20px;padding:0px; } /* ### MISC NOTICES/POP UPS #######################################################*/ #windowboxes { position:relative;z-index:9999; } .quickmsg { margin:0px;padding:0px;position:fixed;z-index:999999;top:45%;left:50%;margin-left:-200px;width:400px;text-align:center;padding:10px 6px; } .quickmsg { border:2px solid #0000CC;background:#EEEEFF;color:#000000;font-family:Verdana;font-size:11px; } .taskbarNotice { display:none;position:fixed;z-index:9999;bottom:4px;right:4px;margin:0px;padding:6px 4px;text-align:right; } .taskbarNotice { border:2px solid #009900;background:#CCFFCC;color:#000000;font-family:Verdana;font-weight:bold;font-size:11px; } #siteCoverHolder { display:none; } #siteCover { z-index:666;position:absolute;left:0px;right:0px;top:0px;bottom:0px;background:#5600C8;opacity:0.70;filter:alpha(opacity=70); } #siteCoverClose { z-index:667;position:fixed;right:10px;top:10px;width:70px;height:25px;border:1px dashed white; } #siteCoverClose img { display:block;position:absolute;right:5px;top:4px;border:none; } #siteCoverClose span { display:block;position:absolute;left:10px;top:4px;border:none; } #siteCoverClose span { font-family:Verdana;font-size:11px;color:#FFFFFF;font-weight:bold; } #siteCoverClose:hover { background:#380082; } .preHTMLnotice { margin:0px;padding:8px;border-bottom:1px solid #FFFF33;background:#FFFFCC;text-align:center;color:#CC0000;font-family:Verdana;font-size:11px; } /* ### PAGE NOT FOUND #######################################################*/ #notfound { margin:0px;padding:0px;border-bottom:1px solid #999999;background:#EEEEEE;overflow:auto; } #notfound img { float:left; } #notfound .text { margin:0px;padding:0px 10px 0px 310px; } #notfound .text h1 { margin-top:15px;text-align:left;color:#000099;font-size:28px; } #notfound .text p { text-align:left;font-size:14px;font-weight:normal; } #notfound .suggest { margin:0px;padding:0px 10px 0px 310px;border-top:1px solid #CCCCCC; } #notfound .suggest p { font-size:14px;font-style:italic; } #notfound .suggest ul { list-style-type:square; } #notfound .suggest li { padding-bottom:10px;font-size:14px; } /* ### DEBUG HANDLING #######################################################*/ #debugoutput { position:relative;z-index:3;max-height:300px;overflow:auto;border:5px solid #000000;background:#999999; } #debugoutput { font-family:Verdana;font-size:11px; } #debugTitle { background:#0000CC;color:#FFFFFF;padding:8px 0px;font-size:12px;font-weight:bold;text-align:center; } .debugTitle { background:#000000;color:#FF7700;padding:5px 5px; } .debugItem { background:#111111;color:#FFFFFF;padding:5px 0px 5px 40px; } .debugItem table { width:auto;margin:0px;padding:0px;margin-top:5px;border-collapse:collapse;border:none;background:transparent; } .debugItem td { margin:0px;padding:0px 0px 5px 0px;font-family:Verdana;font-size:11px;color:#FFFFFF;vertical-align:top; } .debugItem td.k { padding-right:5px;font-weight:bold;text-align:right;color:#CCCCCC; } .debugItem td.v { text-align:left; } /* ### SHELL BACKEND/ETC #######################################################*/ #ajaxbackend { display:none; } #ajaxbackend { z-index:9999;position:fixed;bottom:0px;left:0px;right:0px;height:60px;border:2px solid black;background:orange;padding:3px;text-align:left;overflow:auto;font-weight:bold;opacity:0.5; } .shellLogEntry { margin:0px;padding:0px;font-family:Verdana;font-size:11px;color:#000000;background:#EEEEEE;text-align:left;border-top:2px solid #000000;border-bottom:4px solid #000000; } .shellLogEntry p { margin:0px;padding:3px 5px;font-size:13px; } .shellLogEntry span { display:block;padding:3px 0px;padding-left:30px;background:#AAAAAA; } /* ### NO JAVASCRIPT NOTICE #######################################################*/ noscript { background:transparent;border:none;margin:0px;padding:0px; } noscript #noscript { z-index:999;position:absolute;left:0px;right:0px;top:0px;bottom:0px;margin:0px;padding:10px; } noscript #noscript { border:none;background:transparent;color:#CC0000;font-family:Verdana;font-size:13px; } noscript #noscript .bg { z-index:-1;position:absolute;left:0px;top:0px;right:0px;bottom:0px;border-bottom:2px solid #FF0000;border-top:2px solid #FF0000;background:#FFCCCC;opacity:0.95;filter:alpha(opacity='95');-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; } noscript #noscript h6 { margin:0px;padding:0px;font-size:24px; } noscript #noscript p {} noscript #noscript a {} /* %%% END %%% */