tarantula 0.0.5 → 0.0.8.1

data/laf/javascripts/niftycube.js

@@ -0,0 +1,298 @@
+/* Nifty Corners Cube - rounded corners with CSS and Javascript
+Copyright 2006 Alessandro Fulciniti (a.fulciniti@html.it)
+
+This program is free software; you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation; either version 2 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program; if not, write to the Free Software
+Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA
+*/
+
+var niftyOk=(document.getElementById && document.createElement && Array.prototype.push);
+var niftyCss=false;
+
+String.prototype.find=function(what){
+return(this.indexOf(what)>=0 ? true : false);
+}
+
+var oldonload=window.onload;
+if(typeof(NiftyLoad)!='function') NiftyLoad=function(){};
+if(typeof(oldonload)=='function')
+    window.onload=function(){oldonload();AddCss();NiftyLoad()};
+else window.onload=function(){AddCss();NiftyLoad()};
+
+function AddCss(){
+niftyCss=true;
+var l=CreateEl("link");
+l.setAttribute("type","text/css");
+l.setAttribute("rel","stylesheet");
+l.setAttribute("href","stylesheets/niftyCorners.css");
+l.setAttribute("media","screen");
+document.getElementsByTagName("head")[0].appendChild(l);
+}
+
+function Nifty(selector,options){
+if(niftyOk==false) return;
+if(niftyCss==false) AddCss();
+var i,v=selector.split(","),h=0;
+if(options==null) options="";
+if(options.find("fixed-height"))
+    h=getElementsBySelector(v[0])[0].offsetHeight;
+for(i=0;i<v.length;i++)
+    Rounded(v[i],options);
+if(options.find("height")) SameHeight(selector,h);
+}
+
+function Rounded(selector,options){
+var i,top="",bottom="",v=new Array();
+if(options!=""){
+    options=options.replace("left","tl bl");
+    options=options.replace("right","tr br");
+    options=options.replace("top","tr tl");
+    options=options.replace("bottom","br bl");
+    options=options.replace("transparent","alias");
+    if(options.find("tl")){
+        top="both";
+        if(!options.find("tr")) top="left";
+        }
+    else if(options.find("tr")) top="right";
+    if(options.find("bl")){
+        bottom="both";
+        if(!options.find("br")) bottom="left";
+        }
+    else if(options.find("br")) bottom="right";
+    }
+if(top=="" && bottom=="" && !options.find("none")){top="both";bottom="both";}
+v=getElementsBySelector(selector);
+for(i=0;i<v.length;i++){
+    FixIE(v[i]);
+    if(top!="") AddTop(v[i],top,options);
+    if(bottom!="") AddBottom(v[i],bottom,options);
+    }
+}
+
+function AddTop(el,side,options){
+var d=CreateEl("b"),lim=4,border="",p,i,btype="r",bk,color;
+d.style.marginLeft="-"+getPadding(el,"Left")+"px";
+d.style.marginRight="-"+getPadding(el,"Right")+"px";
+if(options.find("alias") || (color=getBk(el))=="transparent"){
+    color="transparent";bk="transparent"; border=getParentBk(el);btype="t";
+    }
+else{
+    bk=getParentBk(el); border=Mix(color,bk);
+    }
+d.style.background=bk;
+d.className="niftycorners";
+p=getPadding(el,"Top");
+if(options.find("small")){
+    d.style.marginBottom=(p-2)+"px";
+    btype+="s"; lim=2;
+    }
+else if(options.find("big")){
+    d.style.marginBottom=(p-10)+"px";
+    btype+="b"; lim=8;
+    }
+else d.style.marginBottom=(p-5)+"px";
+for(i=1;i<=lim;i++)
+    d.appendChild(CreateStrip(i,side,color,border,btype));
+el.style.paddingTop="0";
+el.insertBefore(d,el.firstChild);
+}
+
+function AddBottom(el,side,options){
+var d=CreateEl("b"),lim=4,border="",p,i,btype="r",bk,color;
+d.style.marginLeft="-"+getPadding(el,"Left")+"px";
+d.style.marginRight="-"+getPadding(el,"Right")+"px";
+if(options.find("alias") || (color=getBk(el))=="transparent"){
+    color="transparent";bk="transparent"; border=getParentBk(el);btype="t";
+    }
+else{
+    bk=getParentBk(el); border=Mix(color,bk);
+    }
+d.style.background=bk;
+d.className="niftycorners";
+p=getPadding(el,"Bottom");
+if(options.find("small")){
+    d.style.marginTop=(p-2)+"px";
+    btype+="s"; lim=2;
+    }
+else if(options.find("big")){
+    d.style.marginTop=(p-10)+"px";
+    btype+="b"; lim=8;
+    }
+else d.style.marginTop=(p-5)+"px";
+for(i=lim;i>0;i--)
+    d.appendChild(CreateStrip(i,side,color,border,btype));
+el.style.paddingBottom=0;
+el.appendChild(d);
+}
+
+function CreateStrip(index,side,color,border,btype){
+var x=CreateEl("b");
+x.className=btype+index;
+x.style.backgroundColor=color;
+x.style.borderColor=border;
+if(side=="left"){
+    x.style.borderRightWidth="0";
+    x.style.marginRight="0";
+    }
+else if(side=="right"){
+    x.style.borderLeftWidth="0";
+    x.style.marginLeft="0";
+    }
+return(x);
+}
+
+function CreateEl(x){
+return(document.createElement(x));
+}
+
+function FixIE(el){
+if(el.currentStyle!=null && el.currentStyle.hasLayout!=null && el.currentStyle.hasLayout==false)
+    el.style.display="inline-block";
+}
+
+function SameHeight(selector,maxh){
+var i,v=selector.split(","),t,j,els=[],gap;
+for(i=0;i<v.length;i++){
+    t=getElementsBySelector(v[i]);
+    els=els.concat(t);
+    }
+for(i=0;i<els.length;i++){
+    if(els[i].offsetHeight>maxh) maxh=els[i].offsetHeight;
+    els[i].style.height="auto";
+    }
+for(i=0;i<els.length;i++){
+    gap=maxh-els[i].offsetHeight;
+    if(gap>0){
+        t=CreateEl("b");t.className="niftyfill";t.style.height=gap+"px";
+        nc=els[i].lastChild;
+        if(nc.className=="niftycorners")
+            els[i].insertBefore(t,nc);
+        else els[i].appendChild(t);
+        }
+    }
+}
+
+function getElementsBySelector(selector){
+var i,j,selid="",selclass="",tag=selector,tag2="",v2,k,f,a,s=[],objlist=[],c;
+if(selector.find("#")){ //id selector like "tag#id"
+    if(selector.find(" ")){  //descendant selector like "tag#id tag"
+        s=selector.split(" ");
+        var fs=s[0].split("#");
+        if(fs.length==1) return(objlist);
+        f=document.getElementById(fs[1]);
+        if(f){
+            v=f.getElementsByTagName(s[1]);
+            for(i=0;i<v.length;i++) objlist.push(v[i]);
+            }
+        return(objlist);
+        }
+    else{
+        s=selector.split("#");
+        tag=s[0];
+        selid=s[1];
+        if(selid!=""){
+            f=document.getElementById(selid);
+            if(f) objlist.push(f);
+            return(objlist);
+            }
+        }
+    }
+if(selector.find(".")){      //class selector like "tag.class"
+    s=selector.split(".");
+    tag=s[0];
+    selclass=s[1];
+    if(selclass.find(" ")){   //descendant selector like tag1.classname tag2
+        s=selclass.split(" ");
+        selclass=s[0];
+        tag2=s[1];
+        }
+    }
+var v=document.getElementsByTagName(tag);  // tag selector like "tag"
+if(selclass==""){
+    for(i=0;i<v.length;i++) objlist.push(v[i]);
+    return(objlist);
+    }
+for(i=0;i<v.length;i++){
+    c=v[i].className.split(" ");
+    for(j=0;j<c.length;j++){
+        if(c[j]==selclass){
+            if(tag2=="") objlist.push(v[i]);
+            else{
+                v2=v[i].getElementsByTagName(tag2);
+                for(k=0;k<v2.length;k++) objlist.push(v2[k]);
+                }
+            }
+        }
+    }
+return(objlist);
+}
+
+function getParentBk(x){
+var el=x.parentNode,c;
+while(el.tagName.toUpperCase()!="HTML" && (c=getBk(el))=="transparent")
+    el=el.parentNode;
+if(c=="transparent") c="#FFFFFF";
+return(c);
+}
+
+function getBk(x){
+var c=getStyleProp(x,"backgroundColor");
+if(c==null || c=="transparent" || c.find("rgba(0, 0, 0, 0)"))
+    return("transparent");
+if(c.find("rgb")) c=rgb2hex(c);
+return(c);
+}
+
+function getPadding(x,side){
+var p=getStyleProp(x,"padding"+side);
+if(p==null || !p.find("px")) return(0);
+return(parseInt(p));
+}
+
+function getStyleProp(x,prop){
+if(x.currentStyle)
+    return(x.currentStyle[prop]);
+if(document.defaultView.getComputedStyle)
+    return(document.defaultView.getComputedStyle(x,'')[prop]);
+return(null);
+}
+
+function rgb2hex(value){
+var hex="",v,h,i;
+var regexp=/([0-9]+)[, ]+([0-9]+)[, ]+([0-9]+)/;
+var h=regexp.exec(value);
+for(i=1;i<4;i++){
+    v=parseInt(h[i]).toString(16);
+    if(v.length==1) hex+="0"+v;
+    else hex+=v;
+    }
+return("#"+hex);
+}
+
+function Mix(c1,c2){
+var i,step1,step2,x,y,r=new Array(3);
+if(c1.length==4)step1=1;
+else step1=2;
+if(c2.length==4) step2=1;
+else step2=2;
+for(i=0;i<3;i++){
+    x=parseInt(c1.substr(1+step1*i,step1),16);
+    if(step1==1) x=16*x+x;
+    y=parseInt(c2.substr(1+step2*i,step2),16);
+    if(step2==1) y=16*y+y;
+    r[i]=Math.floor((x*50+y*50)/100);
+    r[i]=r[i].toString(16);
+    if(r[i].length==1) r[i]="0"+r[i];
+    }
+return("#"+r[0]+r[1]+r[2]);
+}

data/laf/stylesheets/NiftyLayout.css

@@ -0,0 +1,47 @@
+html,body{margin:0;padding:0}
+body{font: 85%/1.3 Verdana,Arial,sans-serif;
+    text-align: center;background: #757D88;padding-bottom:20px}
+p{margin-top:0}
+h1,h2,h3{font: normal normal 200% "Trebuchet MS",Arial,sans-serif}
+h2{font-size:160%}
+h3{font-size:120%}
+
+div#header{width:100%;overflow:hidden;background: #595D66}
+div#header h1,div#menu{width:770px;margin:0 auto;text-align:left}
+div#header h1{padding: 30px 0 10px;color: #FFF}
+
+ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
+ul#nav{float:right;font-size: 80%}
+ul#nav li{float:left;margin-left: 3px;text-align: center}
+ul#nav a{float:left;width: 95px;padding: 5px 0;background: #369A3D;text-decoration:none;color: #FFC}
+ul#nav a:hover{background: #CDFFA1;color: #006A35}
+ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #FFF;color: #003}
+
+div#container{width:770px;margin:0 auto 10px;padding:20px 0 10px;text-align:left;background:#FFF}
+div#content{float:left;display:inline;width:560px;margin:0 0 10px 10px}
+
+ul#intro,ul#intro li{list-style-type:none;margin:0;padding:0}
+ul#intro{width:100%;overflow:hidden;margin-bottom:20px}
+ul#intro li{float:left;width:180px;margin-right:10px;padding: 10px 0}
+li#mission{background: #E65714}
+li#services{background: #42B4AC}
+ul#intro li#more{margin-right:0;background: #7D63A9}
+ul#intro p,ul#intro h3{margin:0;padding: 0 10px}
+ul#intro h3{text-transform:uppercase;padding-bottom:3px;color: #FFF}
+
+div#content h2{margin: 10px 0;color: #007BC4}
+div.date{float:left;width: 4em;padding: 5px 0;background: #F1DDC4;color:#B0001E;
+    text-align:center;margin: 0 4px 4px 0;font-size: 80%;line-height:0.9}
+div.date span{display:block;font-size: 150%;font-weight:bold}
+
+div.comments div{background: #EEE;margin-bottom:10px}
+div.comments p{padding: 10px;margin:0}
+div.comments div.odd{background:#DAE6FE}
+
+div#side{float:right;display:inline;width: 180px;background:#F3CF00; margin:0 10px 10px 0}
+div#side p{margin:5px 0 10px;padding: 0 10px}
+div#side div{margin: 0 0 10px;padding: 10px 0}
+
+div#footer{clear:both;width:750px;margin:0 10px 0;padding: 10px 0;
+    background: #586695;color: #FFF;text-align:center}
+div#footer p{margin:0}

data/laf/stylesheets/niftyCorners.css

@@ -0,0 +1,35 @@
+/*Nifty Corners Cube CSS by Alessandro Fulciniti
+The following classes are added dinamically by javascript,
+and their use should be avoided in the markup */
+
+b.niftycorners,b.niftyfill{display:block}
+b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
+    overflow:hidden;border-style:solid;border-width: 0 1px}
+/*normal*/
+b.r1{margin: 0 3px;border-width: 0 2px}
+b.r2{margin: 0 2px}
+b.r3{margin: 0 1px}
+b.r4{height: 2px}
+b.rb1{margin: 0 8px;border-width:0 2px}
+b.rb2{margin: 0 6px;border-width:0 2px}
+b.rb3{margin: 0 5px}
+b.rb4{margin: 0 4px}
+b.rb5{margin: 0 3px}
+b.rb6{margin: 0 2px}
+b.rb7{margin: 0 1px;height:2px}
+b.rb8{margin: 0;height:2px}
+b.rs1{margin: 0 1px}
+/*transparent inside*/
+b.t1{border-width: 0 5px}
+b.t2{border-width: 0 3px}
+b.t3{border-width: 0 2px}
+b.t4{height: 2px}
+b.tb1{border-width: 0 10px}
+b.tb2{border-width: 0 8px}
+b.tb3{border-width: 0 6px}
+b.tb4{border-width: 0 5px}
+b.tb5{border-width: 0 4px}
+b.tb6{border-width: 0 3px}
+b.tb7{border-width: 0 2px;height:2px}
+b.tb8{border-width: 0 1px;height:2px}
+b.ts1{border-width: 0 2px}

data/{tmp/test_output/stylesheets/tarantula.css → laf/stylesheets/old.css}

@@ -237,7 +237,7 @@ body {
 #header ul.navigation li em {
 	color: #727779;
 	display: block;	
-  font-size: .70em;
+	font-size: .70em;
 	font-style: normal;
 }
 

data/laf/stylesheets/tarantula.css

@@ -1,5 +1,3 @@
-/* RESET */
-
 html, body, div, span, applet, object, iframe,
 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 a, abbr, acronym, address, big, cite, code,
@@ -9,580 +7,85 @@ b, u, i, center,
 dl, dt, dd, ol, ul, li,
 fieldset, form, label, legend,
 table, caption, tbody, tfoot, thead, tr, th, td {
-	margin: 0;
-	padding: 0;
-	border: 0;
-	outline: 0;
-	font-size: 100%;
-	vertical-align: baseline;
-	background: transparent;
-}
-body {
-	line-height: 1;
-}
-ol, ul {
-	list-style: none;
-}
-blockquote, q {
-	quotes: none;
-}
-
-/* remember to define focus styles! */
-:focus {
-	outline: 0;
-}
-
-/* remember to highlight inserts somehow! */
-ins {
-	text-decoration: none;
-}
-del {
-	text-decoration: line-through;
-}
-
-/* tables still need 'cellspacing="0"' in the markup */
-table {
-	border-collapse: collapse;
-	border-spacing: 0;
-}
-
-/* UTILITY */
-
-/* IE Background Scroll Fix */
-html { 
-	background: url(null) fixed no-repeat; 
-}
-
-
-/* Firefox Link Fix */
-a:active, a:focus { 
-	outline: 0; 
-}
-
-.hide {
-	display: none;
-}
-
-/* TAGS */
-body {
-	min-width: 960px;
-	font-family: Arial, Helvetica, sans-serif;
-}
-
-strong, b { 
-	font-weight: 900;
-}
-
-em, i {
-	font-style: italic;	
-}
-
-a:link { /* unvisited link */
-	color: #003399
-}     
-
-a:visited { /* visited link */
-	color: #666666
-}  
-
-a:hover { /* mouse over link */
-
-}   
-
-a:active { /* selected link */
-	color: #003399
-}
-
-/* IMAGES */
-#header, #header h1, #page-container hr.top, #footer, #footer h4,	#header ul.navigation li, #header ul.navigation li a,
-table.grid thead tr:first-child th, table.grid thead th a, table.output thead tr:first-child th, table.output thead th ul.tab li a,
-table.output thead th ul.tab li a span, #page table thead tr th.asc span.sort, #page table thead tr th.desc span.sort {
-	background-image: url('../images/tarantula-sprites.png');
-	background-repeat: no-repeat;
-}
-
-#header {
-	background-position: 100% -80px;
-	background-repeat: repeat-x;
-	
-}
-
-#header h1 {
-	position: absolute;
-	display: block;
-	height: 81px;
-	width: 473px;
-}
-
-#header ul.navigation li {
-	height: 50px;				
-	background-position: 0 -162px;
-	background-repeat: repeat-x;
-	width: 147px;
-}
-
-#header ul.navigation li a {
-	background-position: 100% -162px;
-	height: 50px;
-	width: 150px;
-}
-
-#header ul.navigation li a:hover {
-	background-position: 100% -164px;
-}
-
-#page-container hr.top {
-	background-position: 100% -211px;
-	background-repeat: repeat-x;
-	height: 13px;
-}
-
-#footer {
-	background-position: 100% -330px;
-	background-repeat: repeat-x;
-	height: 55px;
-}
-
-#footer > h4 {
-	background-position: 4px -390px;
-	display: block;
-	height: 65px;
-	width: 165px;
-}
-
-/* LAYOUT */
-html {
-	background-color: #dac7ad;
-	color: #000;
+    margin: 0;
+    padding: 0;
+    border: 0;
+    outline: 0;
+    font-size: 100%;
+    vertical-align: baseline;
+    background: transparent;
 }
 
 body {
-	padding-top: .65em;	
+    background-color: #eee;
+    font-family: "Lucida Grande", veranda, arial, helvetica, sans-serif;
 }
 
 #header {
-	background-color: #000;
-	color: #000;
-	border-top: 10px solid #000;
-	height: 81px;
-	border-bottom: 1px solid #dac7ad;
-	position: inherit;
+    background-color: #003366;
+    font-size: 22px;
+    height: 70px;
 }
 
-#header hr.top {
-	background-color: #dac7ad;
-	border: 0;
-	color: #dac7ad;
-	height: 1px;
-	margin: 0;
-	padding: 0;	
+.header_text {
+    color: #ffcc00;
+    padding-top: 10px;
+    padding-left: 15px;
 }
 
-#header > h1 {
-	display: -moz-inline-box;
-	display: inline-block;
+#tabs-container {
+    padding-top: 7px;
+    padding-left: 15px;
 }
 
-#header ul.navigation {
-	display: inline;
-	left: 510px;
-	list-style: none;
-	position: relative;	
-	top: 28px;				
-	width: auto;		
-}
-		
-#header ul.navigation li {
-	display: -moz-inline-box;		
-	display: inline-block;		
-	font-size: 100%;
-	margin: 0;
-	text-align:left;
-}
-
-#header ul.navigation li a {
-	display: block;
-	margin-left: 1px;	
-	font-family: Arial, Helvetica, sans-serif;	
-	text-decoration: none;
-	padding-top: 5px;
-	padding-bottom: 0;
-	padding-left: 5px;
-}
-	
-#header ul.navigation li a:hover {
-	border-top: 2px solid;
-	padding-top: 3px; 
-}
-	
-#header ul.navigation li a.result-all {
-	border-color: #003399;
-}
-	
-#header ul.navigation li a.result-failure {
-	border-color: #990000;
-}
-	
-#header ul.navigation li a.result-success {
-	border-color: #339900;
-}
-	
-#header ul.navigation li span {
-	display: block;
-	color: #a8876e;
-	font-size: .70em;
-	font-weight: 900;
-}
-	
-#header ul.navigation li em {
-	color: #727779;
-	display: block;	
-  font-size: .70em;
-	font-style: normal;
-}
-
-h1 > span {
-	display: block;
-	margin-left: -9999em;
-	width: 475px;
-	clear: left;
-}
-
-#page-container {
-	border-top: 10px solid #000;
-}
-
-#page-container hr.top {
-	border: 0;
-	margin: 0;
-	padding: 0;
-}
-
-#page {
-	float: left;
-	margin: 1.5em;
-	padding-bottom: 40px;
-	width: 75%;
-}
-
-p, ul li, #sidebar p, #sidebar ul li {
-	font-family: Arial, Helvetica, sans-serif;
-	font-size: 82%;
-	margin: .45em;
-	text-align: justify;
-}
-
-ul {
-	margin-left: 2%;
-	
-}
-
-ul li {
-	list-style: square;
-	margin: .15em 1.5%;
-}
-
-h2, h3, h4, h5
-{
-	font-family: Arial, Helvetica, sans-serif;
-	padding-bottom: 4px;
-	margin: .25em;
-}
-
-#page h2 {
-	color: #1f1512;
-	border-bottom: 2px solid #cab8a0;
-}
-
-#page h3 {
-	font-size: 90%;
-	color: #48322c;
-}
-
-#page h4 {
-	font-size: 85%;
-	color: #82574f;
-	border-bottom: 1px solid #cab8a0;
+#results-container {
+    float: left;
+    width: 625px;
+    margin-left: 20px;
+    margin-top: 10px;
+    background-color: #fff;    
 }
 
 #sidebar {
-	width: 19%;
-	float: right;	
-	margin-top: 1.5em;
-	margin-right: 1%;
-}
-
-#sidebar p {
-	font-size: 76%;
-	margin: .40em;
-	padding: .2em;
-	text-align: justify;
-}
-
-#sidebar h3 {
-	font-family: Arial;
-	color: #3f110f;
-	margin: .25em;
-	padding-bottom: 4px;
-	font-size: 90%;
-	border-bottom: 2px solid #342320;
-}
-
-#sidebar h4 {
-	color: #613737;
-	font-size: 85%;
-}
-
-#footer {
-	background-color: #000;	
-	border-top: 1px solid #fff5da;
-	bottom: 0;	
-	color: #fff;
-	position: fixed;
-	text-align: right;
-	width: 100%;
-}
-
-#footer > h4 {
-
-	float: right;
-	clear: left;
-}
-
-#footer h4 > span {
-	display: block;
-	margin-right: -999em;
-}
-
-/* TABLES */
-
-table {
-	width: 99%;
-}
-
-table th.desc span.sort,
-table th.asc span.sort {
-  margin: 0 !important;
-	
-	display: -moz-inline-block !important;	
-	width: 18px !important;
-	height: 12px  !important;	
-	position: relative;
-	padding: 0 !important;
-	float: right;
-}
-
-table span.sort em {
-	margin-left: -9999px;
-}
-
-table th.asc span.sort{
-	background-position: 4px -304px;
-	background-repeat: repeat-x;	
-}
-
-table th.desc span.sort {
-	background-position: 4px -316px;	
-	background-repeat: repeat-x;
-
-}
-	
-#page table {
-	margin: .45em 0 0 0 !important;
-}
-
-#page table th, #page table td {
-	font-family: Arial, Helvetica, sans-serif;				  
-	font-size: .75em;
-	color: #66463e;			
-}	
-
-#page table.grid {
-	border-collapse: separate;				
-	padding: 1px;
-	margin-bottom: 1em;
-	width: 100%;
-}
-
-#page table.grid tbody td {				
-	border-color: #d6bda7;				
-	border-style: solid;
-	border-top-width: 1px;
-	border-right-width: 1px;
-	font-family: "Andale Mono","Monaco","Lucida Console", "Bitstream Vera Sans Mono", Courier, monospace;
-	font-size: .80em;		
-	color: #1a1a1a;
-}
-
-#page table.grid tbody td:first-child {
-	border-left-width: 1px;
-}
-
-#page table.grid tbody tr:last-child td {
-	border-bottom-width: 1px;
-}
-
-#page table.grid thead tr:first-child th:first-child, #page table.grid tfoot tr td, #page table.grid thead th:first-child a  {
-	background-color: #d3bda4;
-	background-image: none;
-	border: none;
-	color: #66463e;
-}
-
-#page table.grid tfoot tr td {
-	padding: 4px;
-	font-weight: 900;
-}
-			
-#page table.grid thead tr:first-child th {
-	background-position: 0 -223px;
-	background-repeat: repeat-x;
-	padding-left: 1px;					
-} 
-
-
-#page table.grid thead th a {
-	display: -moz-inline-block;
-	display: inline-block;
-	border-top: 1px solid #84574e;
-	background-image: none;
-	text-decoration: none;
-			height: 25px;
-	color: #dac7ad;	
-		width: 100%;		
-		font-size: 95%;					
-}
-
-#page table.grid thead th span.sort {
-	
-	height: 19px;
-	vertical-align: middle;
-	margin-right: 12px;
-	padding: 6px 18px 0px 18px;
-	/* padding: 6px; */
-}
-	
-#page table.grid tbody a {					
-	color: #003399;				
-}
-
-#page table.grid tbody td {
-	padding: 2px 4px;
-	background-color: #dacab4;				
+    float: right;	
+    width: 300px;
+    margin-right: 20px;
+    margin-top: 10px;
+    font-size: 12px;
+    padding: 20px;
+    background-color: #fff;
 }
 
-#page table.grid tbody tr.alt td {
-	background-color: #dfccb2
-}
-					
-#page table.output {
-	width: 100%;
-}
-
-#page table.output thead tr:first-child th {
-	height: 20px;
-	background-position: 100% -250px;
-	background-repeat: repeat-x;
+.clearer {
+    clear: both;
 }
 
-#page table.output thead th {
-	background-color: #d3bda4;				
-}
-
-#page table.output thead tr th>span {
-	height: 17px;
-	padding: 4px;
-	display: block;
+.grid {
+    width: 100%;
+    font-size: 12px;
 }
 
-#page table.output thead tr th ul.tab {
-	display: block;
-	list-style: none;
-	position: relative;
-	margin-left: 0;	
+table caption {
+    font-size: 16px;
 }
 
-#page table.output thead th ul.tab li {
-	display: -moz-inline-box;
-	display: inline-block;
-	text-align: left;				
-	width: 160px;
-	font-size: 100%  !important;
-	margin: 0 !important;
-	padding: 0  !important;
-	text-align: left  !important;
-	
-	
+.even {
+    background-color: #eee;
 }
 
-#page table.output thead th ul.tab li a {
-	background-position: 0 -250px;
-	background-repeat: repeat-x;
-	display: -moz-inline-box;
-	display: inline-block;
-	width: 160px;
-	height: 25px;
-	color: #dac7ad;
-	text-decoration: none;
-}
+.odd {
 
-#page table.output thead th ul.tab li a span {
-	margin-left: 1px;
-	background-position: 100% -250px;
-	background-repeat: repeat-x;
-	display: -moz-inline-box;
-	display: inline-block;
-	width: 162px;
-	padding: 4px 6px;
-	
-	height: 17px;
 }
 
-#page table.output thead th ul.tab li.active a span {
-	background-position: 100% -277px;
-	background-repeat: repeat-x;
-	display: -moz-inline-box;
-	display: inline-block;
+table th.line-number, table td.line-number {
+  text-align: center;
+  width: 30px;
 }
 
-#page table.output tbody tr td:first-child {
-	background-color: #dfccb2;
-	
-	border-right-width: 1px;
-	border-left-width: 1px;
-}
-
-#page table.output tbody tr td {
-	background-color: #dacab4;
-	
-	border-style: solid;
-	border-color: #d6bda7;
-	border-bottom-width: 1px;
-	border-right-width: 1px;
-	
-	font-family: "Andale Mono","Monaco","Lucida Console", "Bitstream Vera Sans Mono", Courier, monospace;
-	font-size: .80em;
-	
-	padding: 4px;
-	
-	color: #1a1a1a;
-}
-
-#page table.output tfoot tr td {
-	font-weight: 900;
-	padding: 4px;
-}
-
-table tr .left {
-	text-align: left;
-}
-
-table tr .right {
-		text-align: right;
-}
-
-table tr td.center {
-	text-align: center;
+#details {
+    margin-left: 10px;
+    margin-top: 5px;
+    font-size: 12px;
 }
 
 /* Response Codes */
@@ -636,3 +139,37 @@ html*table th {
 html*#header ul.navigation {
 	top: 30px;
 }	/**/
+
+#results table.grid {
+    background-color: #003366;
+}
+
+
+#results table th, #results table td {
+	font-family: Arial, Helvetica, sans-serif;				  
+	color: #fff;			
+	background-color: #003366;
+}	
+
+#results table.grid {
+	border-collapse: separate;				
+	margin-bottom: 1em;
+	width: 100%;
+}
+
+#results table.grid tfoot tr td {
+	padding: 4px;
+	font-weight: 900;
+}
+			
+#results table.grid tbody a {					
+	color: #003366;
+}
+
+#results table.grid tbody td {
+	padding: 2px 4px;
+	background-color: #f6ffcd;
+	color: #000;
+}
+
+