\r
-#banner { background-color:white; }\r
-\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 { width:150px; background:url("images/panel_bg.gif") repeat-y ; float:left;\r
+#banner {\r
+ background-color:white;\r
+}\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
+#jabaws_on_cloud img {\r
+ border:1px solid #6994AF;\r
+ clear:both;\r
+ margin: 2em 0;\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
+\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 {\r
+ width:161px;\r
+ background:url("images/panel_bg_long.png") repeat-y ;\r
+ float:left;\r
font-family:Verdana, Arial, Helvetica, sans-serif;\r
- }\r
+ padding-top:1em;\r
+}\r
\r
-#content { margin-left:150px; border-bottom:solid 1px #6994af; }\r
+#content {\r
+ margin-left:170px;\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
- }\r
+#copyright {\r
+ 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_long.png") repeat-y left top;\r
+ margin:0;\r
+ padding:0;\r
+}\r
\r
ul {\r
list-style-type: circle;\r
}\r
\r
#panel a:link, #panel a:visited {\r
- text-decoration: none;\r
- display:block;\r
- line-height: 1em;\r
- padding:10px;\r
- color:#000000; \r
- }\r
- \r
+ text-decoration: none;\r
+ display:block;\r
+ line-height: 1em;\r
+ padding:10px;\r
+ color:#000000;\r
+}\r
+\r
#panel a:hover {\r
- background-color: transparent;\r
- text-decoration: underline;\r
- }\r
+ background-color: transparent;\r
+ text-decoration: underline;\r
+}\r
\r
#panel a.selected {\r
- text-decoration:underline; \r
- font-weight:bolder;\r
+ text-decoration:underline;\r
+ font-weight:bolder;\r
+}\r
+\r
+#panel #submenu a {\r
+ margin-left: 1.5em;\r
+ margin-left: 20px;\r
+ padding: 5px;\r
}\r
\r
strong {\r
font-family:Arial, Helvetica, sans-serif;\r
}\r
\r
-p { \r
+p {\r
line-height: 1.4em;\r
}\r
- \r
-.hightlight { \r
-font-style:italic;\r
-font-family:"Courier New", Courier, monospace;\r
+\r
+.i {\r
+ font-style:italic;\r
+}\r
+\r
+.hightlight {\r
+ font-style:italic;\r
+ font-family:"Courier New", Courier, monospace;\r
}\r
\r
-.code { \r
- font-size-adjust:0.4;\r
+.code {\r
color:black;\r
background-color:#F5F5F5;\r
font-family:"Courier New",Courier,monospace;\r
display:block;\r
}\r
\r
-.box { \r
+.box {\r
color:black;\r
background-color:#F5F5F5;\r
font-family:Arial, Helvetica, sans-serif;\r
font-style:normal;\r
margin:1em 0;\r
- font-size:0.9em;\r
padding: 0.5em;\r
border: 1px solid black;\r
display:block;\r
}\r
\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
+.u {\r
+ text-decoration: underline;\r
+}\r
\r
-/* Table styles */\r
+.headeru {\r
+ text-shadow:0 1px 3px black;\r
+ border-bottom: 1px solid white;\r
+}\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 {\r
+ border-bottom: 1px solid grey;\r
+ margin-top: 2em;\r
+}\r
+\r
+#headtitle {\r
+ margin:0;\r
+ padding-top:1em;\r
+ text-align:center;\r
+ color:#003b62;\r
+ font-weight:600;\r
+}\r
\r
+h2 {\r
+ margin:1.8em 0 0 0;\r
+ color:#003b62;\r
+ font-weight:600;\r
+}\r
\r
+/* Table styles */\r
#wrapper table {\r
- border-collapse: collapse; \r
+ border-collapse: collapse;\r
border: 1px solid #666;\r
margin: 20px 0 20px 0;\r
width: 100%;\r
}\r
+\r
#wrapper th, #wrapper td {\r
margin: 2px 4px 2px 4px;\r
padding: 0 5px;\r
text-align: left;\r
- vertical-align: top;\r
border: 1px solid #666;\r
}\r
\r
#wrapper table caption {\r
- font: 1.5em Georgia, "Times New Roman", Times, serif; \r
+ font: 1.5em Georgia, "Times New Roman", Times, serif;\r
padding: 1em;\r
background-color: #9c9;\r
}\r
\r
-\r
#wrapper tr {\r
- background-color: #eee; \r
+ background-color: #eee;\r
}\r
\r
#wrapper tr:nth-child(odd) {\r
- background-color: #ccc; \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
-font-family:"Courier New",Courier,monospace;\r
-font-style:normal;\r
-padding:0 0 0 15px;\r
+ background: transparent url(images/dir.gif) no-repeat scroll left center;\r
+ color:#666666;\r
+ font-family:"Courier New",Courier,monospace;\r
+ font-style:normal;\r
+ padding:0 0 0 15px;\r
}\r
\r
-.attention { \r
-color:#993333;\r
+.attention {\r
+ color:#993333;\r
}\r
\r
/* open/closed box related styles */\r
\r
-.source { \r
+.source {\r
border:1px solid #858789;\r
display:block;\r
margin:26px 0;\r
background:#F5F5F5 none repeat scroll right 0;\r
color:#434546;\r
padding:7px 15px;\r
-/* white-space:pre-wrap; */\r
white-space:normal;\r
-/* word-wrap:break-word; # this prop does not exits*/\r
}\r
\r
.source .header {\r
display:none;\r
}\r
\r
-.source .header.collapsed {\r
+.source .header.collapsed {\r
background:#E9EAEC url(images/plus.png) no-repeat scroll 98% center;\r
padding:0 15px 0 15px;\r
}\r
\r
-.body .code { \r
+.body .code {\r
margin:0;\r
padding:0;\r
border:0;\r
\r
body {\r
font-family:Arial, Helvetica, sans-serif;\r
- font-size: 9pt;\r
- background-color: white;\r
+ font: 12px/170% Verdana;\r
+ background-image:url(images/matrix_bg6.jpg);\r
+ background-repeat:repeat;\r
line-height: 2em;\r
- min-width:35em;\r
+ min-width: 760px;\r
+ max-width: 1100px;\r
+ margin:0 auto;\r
}\r
\r
-\r
#banner table {\r
- border-collapse: collapse; \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
- line-height:1.5em;\r
width: 100%;\r
}\r
\r
-#banner td.bg {\r
- border-collapse: collapse; \r
+#banner td.bg {\r
+ border-collapse: collapse;\r
background-image:url("images/banner_bg.gif");\r
- background-repeat: repeat-x; \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
- margin:0; \r
- padding:0; \r
+img.logo {\r
+ border:none;\r
+ margin:0;\r
+ padding:0;\r
display:inline\r
-}
\ No newline at end of file
+ float:left;\r
+}\r
+\r
+.mid {\r
+ vertical-align:middle;\r
+ height:80px;\r
+ border:none;\r
+}\r
+\r