\r
-#banner { \r
- background-position:left bottom;\r
- background-image:url("images/banner_bg.gif");\r
- background-repeat: repeat-x; \r
- background-color:transparent;\r
- padding: 0.1em; \r
- text-align:center; \r
- color:white;\r
- /* 0.1em 0.1em 0.2em black\r
- 0.1em 0.1em 0.05em black \r
- */\r
+#banner { background-color:white; }\r
+\r
+#mainpagefeatures {\r
+ margin: 0 2em 0 2em;\r
+}\r
+\r
+#wrapper #mainpagefeatures table, #wrapper #mainpagefeatures th, #wrapper #mainpagefeatures td, #wrapper #mainpagefeatures tr{\r
+ border:none;\r
+ border-collapse:collapse;\r
+ background-color: #fff; \r
+ padding-bottom:2em;\r
+}\r
+\r
+#wrapper #choicematrix table, #wrapper #choicematrix th, #wrapper #choicematrix td, #wrapper #choicematrix tr{\r
+ border:1px solid grey;\r
+ background-color: #fff; \r
+ padding:1em;\r
+}\r
+\r
+#wrapper #choicematrix th {\r
+ background-image:url(images/brickhead2.jpg); \r
+ background-repeat:repeat-x;\r
+}\r
+\r
+.brick {\r
+padding-bottom:1em;\r
+ border: 2px solid #999;\r
+ -webkit-border-radius:20px;\r
+ -moz-border-radius:20px;\r
+ border-radius: 20px;\r
+ background-image:url(images/brickhead2_line.jpg);\r
+ background-repeat:repeat-x;\r
+}\r
+.brick_header {\r
+ display:block;\r
+ background:none;\r
+}\r
+\r
+.brick_header h2 {\r
+ font-weight: bold;\r
+ border:none;\r
+ background:none;\r
+ margin: 0.7em 0 0 0.5em;\r
+}\r
+\r
+.brick_content {\r
+ position:relative;\r
+ padding: 2em 1.5em 0em 1.5em;\r
}\r
\r
-#panel { width:150px; background:url("images/panel_bg.gif") repeat-y ; float:left;\r
+\r
+/*\r
+td.vm {\r
+background-image:url(images/N_cell.jpg);\r
+background-repeat:repeat-x;\r
+}\r
+td.button a {\r
+display:block;\r
+background:#069;\r
+border:1px outset #069;\r
+text-decoration:none;\r
+font-weight:bold;\r
+line-height:1.5em;\r
+padding:0 .5em;\r
+color:#fff;\r
+}\r
+\r
+td.button a:hover {\r
+background:#09c;\r
+border-color:09c;\r
+}\r
+*/\r
+#container .round {\r
+ display:block;\r
+ margin-right:10px;\r
+ background:#fff;\r
+ border: 1px solid #ccc;\r
+ -webkit-border-radius:20px;\r
+ -moz-border-radius:20px;\r
+ border-radius: 20px;\r
+ background-image:url(images/N_cell.jpg);\r
+ background-repeat:repeat-x;\r
+}\r
+ \r
+ /*\r
+#container .example5 div a {\r
+ padding:3px 20px;\r
+ border: 1px solid #ccc;\r
+ -webkit-border-radius:20px;\r
+ -moz-border-radius:15px;\r
+}\r
+ \r
+#container .example5 div a:hover {\r
+ background:#5d9ddd;\r
+ border:1px solid #2a7ecd;\r
+ color:#fff;\r
+}\r
+*/\r
+/*\r
+\r
+ -webkit-border-radius:20px;\r
+ -moz-border-radius:15px;\r
+ \r
+See index.html banner commented out code for an example of use \r
+.uniicon { overflow: hidden; display:inline; padding:0; margin:0; float:right; position:relative; top:1em; } \r
+.uniicon a img {border:none;} \r
+*/\r
+#panel { \r
+ width:150px; \r
+ background:url("images/panel_bg.gif") repeat-y ; \r
+ float:left;\r
font-family:Verdana, Arial, Helvetica, sans-serif;\r
+ padding-top:1em;\r
}\r
\r
-#content { margin-left:150px; border-bottom:solid 1px #6994af; }\r
+#content { \r
+ margin-left:157px; \r
+ border-bottom:solid 1px #6994af; \r
+ margin-right:0.9em;\r
+}\r
\r
-#page { margin: 0.5em; }\r
+#page { \r
+ margin: 0;\r
+ background-color:#fff;\r
+}\r
\r
#copyright { text-align:right; \r
color:#999999; \r
font-family:Verdana, Arial, Helvetica, sans-serif;\r
font-size:smaller;\r
line-height:1em;\r
+ padding:0.3em 0.9em 1em 0;\r
}\r
\r
-#wrapper { background:url("images/panel_bg.gif") repeat-y left top; }\r
+#wrapper { \r
+ background:url("images/panel_bg.gif") repeat-y left top; \r
+ margin:0; \r
+ padding:0; \r
+}\r
\r
ul {\r
list-style-type: circle;\r
line-height: 1em;\r
padding:10px;\r
color:#000000; \r
- text-decoration:none;\r
}\r
\r
#panel a:hover {\r
font-weight:bolder;\r
}\r
\r
+\r
+#panel #submenu a {\r
+margin-left: 1.5em;\r
+margin-left: 20px;\r
+padding: 5px; \r
+}\r
+\r
strong {\r
font-weight:bold;\r
color:#003366;\r
font-family:"Courier New", Courier, monospace;\r
}\r
\r
+\r
+/*\r
+.about {\r
+border-left: solid 4px #006633;\r
+border-left-style:ridged;\r
+padding-left: 1em;\r
+}*/\r
+\r
+\r
.code { \r
- font-size-adjust:0.4;\r
color:black;\r
background-color:#F5F5F5;\r
font-family:"Courier New",Courier,monospace;\r
}\r
\r
.box { \r
- font-size-adjust:0.4;\r
color:black;\r
background-color:#F5F5F5;\r
- font-family:Verdana, Arial, Helvetica, sans-serif\r
+ font-family:Arial, Helvetica, sans-serif;\r
font-style:normal;\r
margin:1em 0;\r
padding: 0.5em;\r
.u { text-decoration: underline; }\r
/* .headeru { text-shadow: #CCCCCC 15px -14px 2px;} font-size-adjust:+0.7 */\r
/*.headeru { text-shadow: 1px 0 black, 0 -1px black;} */\r
- .headeru { text-shadow: black 0.05em 0.05em 0.01em ;} \r
-/* .headeru { border-bottom:1px solid white; } */\r
+.headeru { \r
+ text-shadow:0 1px 3px black;\r
+ border-bottom: 1px solid white;\r
+} \r
+/* .headeru { border-bottom:1px solid white; } */\r
+\r
+#banner h1 { \r
+ font-family:Helvetica, Arial, sans-serif;\r
+ white-space:nowrap;\r
+ color: white;\r
+ font-weight:bold;\r
+ text-shadow:0 1px 3px #100F0E;\r
+ font-size: 27px;\r
+}\r
+\r
+h3 {border-bottom: 1px solid grey; margin-top: 2em; }\r
+\r
+#headtitle { margin:0; padding-top:1em; text-align:center; color:#003b62; font-weight:600;} \r
+\r
+h2 {margin:1.8em 0 0 0; color:#003b62; font-weight:600;}\r
\r
/* Table styles */\r
-table {\r
+\r
+#wrapper table {\r
border-collapse: collapse; \r
border: 1px solid #666;\r
margin: 20px 0 20px 0;\r
width: 100%;\r
}\r
-th, td {\r
+#wrapper th, #wrapper td {\r
margin: 2px 4px 2px 4px;\r
padding: 0 5px;\r
text-align: left;\r
border: 1px solid #666;\r
}\r
\r
-table caption {\r
+#wrapper table caption {\r
font: 1.5em Georgia, "Times New Roman", Times, serif; \r
padding: 1em;\r
background-color: #9c9;\r
}\r
\r
-.mainheader {\r
- font: 1.5em Georgia, "Times New Roman", Times, serif; \r
- background-color: #9c9;\r
- text-align:center;\r
- line-height:1em;\r
-}\r
\r
-tr {\r
+#wrapper tr {\r
background-color: #eee; \r
}\r
\r
-tr:nth-child(odd) {\r
+#wrapper tr:nth-child(odd) {\r
background-color: #ccc; \r
}\r
\r
-\r
span.directory {\r
background: transparent url(images/dir.gif) no-repeat scroll left center;\r
color:#666666;\r
}\r
\r
body {\r
- margin: 1em;\r
font-family:Arial, Helvetica, sans-serif;\r
- font-size: 9pt;\r
- background-color: white;\r
+ /* color: #494949; */\r
+ font: 12px/170% Verdana;\r
+ background-image:url(images/matrix_bg6.jpg);\r
+ background-repeat:repeat;\r
+/* background-color: #EAEAEA; */\r
line-height: 2em;\r
+ min-width: 760px;\r
+ max-width: 1100px;\r
+ margin:0 auto;\r
+}\r
+\r
+\r
+#banner table {\r
+ border-collapse: collapse; \r
+ border: none;\r
+ padding:0;\r
+ margin:0;\r
+ line-height:0.5em;\r
+ color:white;\r
+ text-align:center;\r
+ vertical-align:middle;\r
+ width: 100%;\r
+}\r
+\r
+\r
+#banner td.bg {\r
+ border-collapse: collapse; \r
+ background-image:url("images/banner_bg.gif");\r
+ background-repeat: repeat-x; \r
+ background-color:transparent;\r
+ background-position:inherit;\r
+}\r
+\r
+img.logo {\r
+/* border-top:1px solid #003b62; \r
+ border-left:1px solid #003b62; \r
+ border-right:none; \r
+ border-bottom: none; */\r
+ border:none;\r
+ margin:0; \r
+ padding:0; \r
+ display:inline\r
+ float:left;\r
}\r