* { background-color: transparent; border: 0px solid #999; color: #999; font-size: 12px; font-family: arial, verdana, lucida, helvetica, sans-serif; padding: 0px; margin: 0px; text-align: left; } body { background: #000; text-align: center; } /* Captions */ strong {color: #ccc;} /* SITELINK STYLE */ #SITELINKS {vertical-align: bottom;} #Header ul {text-align: center;} #Header .menuLinks li {display: inline; list-style: none; font-weight: bold;} #Header .menuLinks li {display:inline; list-style: none; font-weight: bold;} #Header .menuLinks a {color: #999; background: transparent url(images/sitelinksRoll.png) top center no-repeat; padding: 0px 5px; text-decoration: none;} #Header .menuLinks a:hover {color: #ccc; background-position: bottom center;} #FooterContent ul {text-align: center;} #FooterContent .menuLinks li {display: inline; list-style: none; font-weight: bold;} #FooterContent .menuLinks li {display:inline; list-style: none; font-weight: bold;} #FooterContent .menuLinks a {color: #333; background: transparent url(images/sitelinksFooterRoll.png) bottom center no-repeat; padding: 0px 5px; text-decoration: none;} #FooterContent .menuLinks a:hover {color: #ccc; background-position: top center;} #Login {text-align: center;} #Top {display: block; float: right; margin: 0px 12px 0px 0px; height: 14px; width: 19px; background: transparent url(images/top.png) top no-repeat;} #Top:hover {background-position: bottom;} /* MENUS AND CONTENT */ #ContentTable {width: 100%; text-align: center; vertical-align: top;} #LeftMenu {text-align: center; vertical-align: top;} #Content {width: 100%; text-align: center; vertical-align: top;} #RightMenu {text-align: center; vertical-align: top;} /* HEADER */ #Header {width: 100%;} #HeaderContent {height: 100%; width: 100%; background: transparent url(images/HeaderFill.png) top repeat; vertical-align: top;} #Heading {vertical-align: bottom; text-align: left;} #HeaderTL {height: 24px; width: 30px; vertical-align: top; background: transparent url(images/HeaderL.png) repeat-y;} #HeaderTL img {display: block;} #HeaderTL1 {height: 100%; width: 100%; background: transparent url(images/HeaderTL1.png) top left no-repeat;} #HeaderTFill {background: transparent url(images/HeaderTFill.png) top repeat-x; height: 100%; width: 100%;} #HeaderTR1 {height: 100%; width: 100%; background: transparent url(images/HeaderTR1.png) top right no-repeat;} #HeaderTR {height: 24px; width: 30px; vertical-align: top; background: transparent url(images/HeaderR.png) repeat-y;} #HeaderTR img {display: block;} #HeaderL {height: 4px; width: 30px; background: transparent url(images/HeaderL.png) repeat-y;} #HeaderL img {display: block;} #HeaderL1 {height: 100%; width: 100%; background: transparent url(images/HeaderL1.png) left repeat-y;} #HeaderFill {background: transparent url(images/HeaderFill.png) top repeat-x; height: 4px; width: 100%;} #HeaderFill img {display: block;} #HeaderR1 {height: 100%; width: 100%; background: transparent url(images/HeaderR1.png) right repeat-y;} #HeaderR {height: 4px; width: 30px; background: transparent url(images/HeaderR.png) repeat-y;} #HeaderR img {display: block;} #HeaderCL {height: 31px; width: 30px; background: transparent url(images/HeaderL.png) repeat-y; vertical-align: bottom;} #HeaderCL img {display: block;} #HeaderCL1 {height: 100%; width: 100%; background: transparent url(images/HeaderCL1.png) bottom left no-repeat;} #HeaderCFill {background: transparent url(images/HeaderCFill.png) bottom repeat-x; height: 100%; width: 100%;} #HeaderCR1 {height: 100%; width: 100%; background: transparent url(images/HeaderCR1.png) bottom right no-repeat;} #HeaderCR {height: 31px; width: 30px; background: transparent url(images/HeaderR.png) repeat-y; vertical-align: bottom;} #HeaderCR img {display: block;} #HeaderBL {height: 12px; width: 30px;} #HeaderBL img {display: block;} #HeaderBL1 {height: 12px; width: 350px;} #HeaderBL1 img {display: block;} #HeaderBFill {background: transparent url(images/HeaderBFill.png) top repeat-x; height: 12px; width: 100%;} #HeaderBFill img {display: block;} #HeaderBR1 {height: 12px; width: 350px;} #HeaderBR1 img {display: block;} #HeaderBR {height: 12px; width: 30px;} #HeaderBR img {display: block;} /* BODY */ #Body {width: 100%;} #BodyContent {width: 100%; background: transparent url(images/BodyContent.png) repeat; vertical-align: top;} #BodyTL {height: 19px; width: 45px;} #BodyTL img {display: block;} #BodyT {background: transparent url(images/BodyT.png) top repeat-x; height: 19px; width: 100%;} #BodyT img {display: block;} #BodyTR {height: 19px; width: 45px;} #BodyTR img {display: block;} #BodyL {height: 100%; width: 45px; background: transparent url(images/BodyL.png) repeat-y;} #BodyL img {display: block;} #BodyR {height: 100%; width: 45px; background: transparent url(images/BodyR.png) repeat-y;} #BodyR img {display: block;} #BodyBL {height: 32px; width: 45px;} #BodyBL img {display: block;} #BodyB {background: transparent url(images/BodyB.png) top repeat-x; height: 32px; width: 100%;} #BodyB img {display: block;} #BodyBR {height: 32px; width: 45px;} #BodyBR img {display: block;} /* FOOTER */ #Footer {width: 100%;} #Footer * {color: #333;} #FooterContent {width: 100%; background: transparent url(images/FooterContent.png) repeat; vertical-align: top;} #FooterTL {height: 10px; width: 60px;} #FooterTL img {display: block;} #FooterT {background: transparent url(images/FooterT.png) top repeat-x; height: 10px; width: 100%;} #FooterT img {display: block;} #FooterTR {height: 10px; width: 60px;} #FooterTR img {display: block;} #FooterL {height: 100%; width: 60px; background: transparent url(images/FooterL.png) repeat-y;} #FooterL img {display: block;} #FooterR {height: 100%; width: 60px; background: transparent url(images/FooterR.png) repeat-y; text-align: right; vertical-align: bottom;} #FooterBL {height: 38px; width: 60px;} #FooterBL img {display: block;} #FooterB {background: transparent url(images/FooterB.png) top repeat-x; height: 38px; width: 100%;} #FooterB img {display: block;} #FooterBR {height: 38px; width: 60px;} #FooterBR img {display: block;} /* BLOCK */ .block {height: 100%; width: 100%; background: transparent url(images/blockFill.png) repeat;} .leftMenu {width: 200px; background: transparent url(images/blockFill.png) repeat; margin-bottom: 10px;} .content {width: 100%; background: transparent url(images/blockFill.png) repeat; margin-bottom: 10px;} .rightMenu {width: 200px; background: transparent url(images/blockFill.png) repeat; margin-bottom: 10px;} .blockTL {height: 7px; width: 13px; vertical-align: top;} .blockTL img {display: block;} .blockTFill {background: transparent url(images/blockTFill.png) top repeat-x; height: 7px; width: 100%;} .blockTFill img {display: block;} .blockTR {height: 7px; width: 12px; vertical-align: top;} .blockTR img {display: block;} .blockCL {height: 20px; width: 13px; background: transparent url(images/blockL.png) repeat-y; vertical-align: top;} .blockCL img {display: block;} .blockCFill {background: transparent url(images/blockCFill.png) top repeat-x; height: 17px; width: 100%;} .blockCFill { border-bottom: 1px solid #333; padding-left: 10px; vertical-align: top; } .blockCR {height: 20px; width: 12px; background: transparent url(images/blockR.png) repeat-y; vertical-align: top;} .blockCR img {display: block;} .blockL {height: 20px; width: 13px; background: transparent url(images/blockL.png) repeat-y; vertical-align: top;} .blockL img {display: block;} .blockFill {background: transparent url(images/blockFill.png) top repeat-x; height: 100%; width: 100%;} .blockFill { padding: 10px; vertical-align: top; } .blockR {height: 20px; width: 12px; background: transparent url(images/blockR.png) repeat-y; vertical-align: top;} .blockR img {display: block;} .blockBL {height: 10px; width: 13px; background: transparent url(images/blockL.png) repeat-y; vertical-align: bottom;} .blockBL img {display: block;} .blockBFill {background: transparent url(images/blockBFill.png) top repeat-x; height: 10px; width: 100%;} .blockBFill img {display: block;} .blockBR {height: 10px; width: 12px; background: transparent url(images/blockR.png) repeat-y; vertical-align: bottom;} .blockBR img {display: block;} /* LOWER BLOCKS */ #LowerBlock {width: 100%;} #LowerBlocks {width: 100%;} #Left {width: 33%; text-align: center; vertical-align: top; border-right: 1px solid #333;} #Center {width: 33%; text-align: center; vertical-align: top;} #Right {width: 33%; text-align: center; vertical-align: top; border-left: 1px solid #333;} #LowerBlocks div, #LowerBlocks table {text-align: center;} .lowerBlock {width: 200px;} /* ########## e107 Core ########## */ @media all { /* ########## Layout Blocks and core classes ########## */ .ContentBody td.fcaption strong {color: #fff;} /* calendar */ /* ########## Start core id ########## */ #Banner {float: right;} #Clock {float: right; color: #666; padding-right: 3px; vertical-align:top; font-family: Arial, sans-serif;} #chatbox * {text-align: center;} #chatbox .tbox {width: 90%; margin: 3px; text-align: left;} #chatbox .button {text-align: right;} .customLogin .button {padding: 0px; border: 0px;} #dataform {text-align: left; width: 90%;} #dataform > * {text-align: left; width: 90%;} #dataform textarea.tbox {width: 90%;} #dataform input.tbox {width:90%;} #dataform input.helpbox {width: 90%;} #dataform .fborder {border: 0px;}/* border off around content submit */ #dataform .forumheader {border: 0px;} #dataform .forumheader3 {border: 0px;} /* ########## Start core Classes ########## */ .helpbox {background: transparent; cursor: help;} .indent, .code, .quote, blockquote { background: transparent url(images/blockCFill.png) repeat-x; color: #ccc; border: 1px solid #333; border-top: 1px solid #000;} .indent a {font-weight: bold; text-decoration: none;} select {background: #000;} option {background: #000;} .tbox {border: 1px solid #666;} .tbox {background: transparent;} .tbox {background: transparent url(images/tbox.png) top repeat; border: 1px solid; border-color: #333; border-top-color: #000;} .tbox:hover {background: transparent url(images/tbox.png) bottom repeat; border-color: #333; border-bottom-color: #000;} .tbox:focus {background: transparent url(images/tbox.png) bottom repeat; border-color: #333; border-bottom-color: #000;} .button {color: #ccc; background: transparent url(images/Gradient.png) bottom repeat; border: 1px solid; cursor: pointer; font-weight: bold; padding: 0px 2px 0px 2px; margin:2px; border-color: #333; border-top-color: #000;} .button:hover {background: transparent url(images/Gradient.png) top repeat; border-color: #333; border-bottom-color: #000;} .button:focus {background: transparent url(images/Gradient.png) top repeat; border-color: #333; border-bottom-color: #000;} .smalltext {font-size: 10px;} .smalltext a {font-size: 10px;} .smallblacktext {color: #999; font-size: 12px;} .mediumtext {font-size: 12px;} .largetext {font-size: 16px;} /* Gerneral table style */ .fborder {border: 1px solid #333; border-top: 1px solid #000; border-bottom: 1px solid #333;} .forumheader {color: #ccc; border: 1px solid #333; border-top: 1px solid #000; border-bottom: 1px solid #333; background: transparent url(images/blockCFill.png) repeat-x;} .forumheader2 {border: 1px solid #333; border-top: 1px solid #000; border-bottom: 1px solid #333; text-align: left;} .forumheader3 {border: 1px solid #333; border-top: 1px solid #000; border-bottom: 1px solid #333; text-align: left;} .nforumholder {border: 1px solid #333; border-top: 1px solid #000; border-bottom: 1px solid #333; padding: 5px;} .nforumcaption {border: 1px solid #333; border-top: 1px solid #000; border-bottom: 1px solid #333; padding: 5px;} .nforumcaption2 {border: 1px solid #333; border-top: 1px solid #000; border-bottom: 1px solid #333; padding: 5px;} .nforumcaption3 {border: 1px solid #333; border-top: 1px solid #000; border-bottom: 1px solid #333; padding: 5px;} .nforumcaption4 {border: 1px solid #333; border-top: 1px solid #000; border-bottom: 1px solid #333; padding: 5px;} .nforumcaption5 {border: 1px solid #333; border-top: 1px solid #000; border-bottom: 1px solid #333; padding: 5px;} .nforumview {border: 1px solid #333; border-top: 1px solid #000; border-bottom: 1px solid #333; padding: 5px;} .nforumview2 {border: 1px solid #333; border-top: 1px solid #000; border-bottom: 1px solid #333; padding: 5px;} .nforumview3 {border: 1px solid #333; border-top: 1px solid #000; border-bottom: 1px solid #333; padding: 5px;} .nforumview4 {border: 1px solid #333; border-top: 1px solid #000; border-bottom: 1px solid #333; padding: 5px;} .nforumview5 {border: 1px solid #333; border-top: 1px solid #000; border-bottom: 1px solid #333; padding: 5px;} .forumheader4 {border: 1px solid #333; border-top: 1px solid #000; border-bottom: 1px solid #333; padding: 5px; background: url(images/BodyFill.png) repeat;} .forumheader5 {border: 1px solid #333; border-top: 1px solid #000; border-bottom: 1px solid #333; padding: 5px;} #ContentTable .TableCaption {text-align: left; padding: 5px;} #ContentTable {vertical-align: top;} #ContentTable .indent, .code, .quote, blockquote {padding: 10px;} #ContentTable .fborder * {text-align: left;} #ContentTable td.forumheader3 {padding: 10px; text-align: left; padding-top: 5px;} #ContentTable b {color: #fff; font-weight: bold;} #ContentTable a.forumlink {color: #ccc; font-weight: bold; text-decoration: none;} #ContentTable a.forumlink:hover {color: #fff; font-weight: bold;} #ContentTable .fborder {border: 0px solid #999; width: 100%;} #ContentTable .forumheader {color: #ccc; border: 1px solid #333; border-top: 1px solid #000; border-bottom: 1px solid #333; background: transparent url(images/blockCFill.png) repeat-x; padding: 5px;} #ContentTable .forumheader2 {border: 1px solid #333; border-top: 1px solid #000; border-bottom: 1px solid #333; padding: 5px; padding-top: 10px;} html > body #ContentTable .forumheader2:hover {background: transparent url(images/blue.png) repeat; border: 1px solid #333; border-top: 1px solid #000; border-bottom: 1px solid #333; padding: 5px; padding-top: 10px;} #ContentTable .forumheader3 {border: 1px solid #333; border-top: 1px solid #000; border-bottom: 1px solid #333; text-align: left; padding: 5px;} #LeftMenu .indent, #RightMenu .indent { background: url(images/BodyFill.png) repeat;} #LeftMenu .indent a, #RightMenu .indent a {color: #ccc;} #LeftMenu .forumheader, #RightMenu .forumheader { background: url(images/Gradient.png) bottom repeat; color: #000;} #LeftMenu .forumheader .smalltext, #RightMenu .forumheader .smalltext {color: #000;} } /* EOF */