/* body {background:url(/macstats/graph-paper.gif); } */
/* #page  {max-width:920px; margin-left:auto;margin-top:0;padding-top:0;margin-right:auto;text-align:left;background-color:white;} */

#stats {background: white; max-width:740px; margin-left: auto; margin-right: auto;padding:4px;}
/* #statistics {max-width:734px; margin-left:auto; margin-right:auto; float:left; padding:4px;background-color:white;} */
img  { display: block;margin-left: auto;margin-right: auto; text-align: center;margin-top:3px;}
.center  { display: block;margin-left: auto;margin-right: auto;}
#side {margin-left:2px;overflow:hidden;float:left; width:162px;position:relative;background:url(/macstats/graph-paper.gif);}
#side p a {font-weight:bold; text-decoration:none; margin-bottom:6px; padding:2px; width:150px; font-family:sans-serif; font-size:14px; text-align: center; vertical-align: top;background-color: #BFD7EA; border-radius:2px;}
.wide {display: block;overflow: auto;overflow-y: hidden;}


#footer {clear: both;}


h2,h1 {background:gray; color: white; font-size: large; font-family: Arial, Geneva, Helvetica; padding: 5px; margin:4px;margin-left:0px; border-radius: 2px;margin-top:33px;}
h1 {background-image: linear-gradient(#184f36,green,#184f36)}
h2 {background-image: linear-gradient(to right,#184f36,#1BC81B)}
h4 { font-family: Arial, Geneva, Helvetica; font-size: large; background-color: #BFD7EA ; padding: 4px; }
h3   {
	color: #00522B;
	text-align:center;
	padding-top:22px;
	font-size: large;
	font-family: Arial, Geneva, Helvetica;
}


p { font-family: Georgia, "New York", "Book Antiqua", Bookman, Palatino }
li { font-family: Georgia, "New York", "Book Antiqua", Bookman, Palatino; margin-bottom: 3px; }
blockquote { font-family: Georgia, "New York", "Book Antiqua", Bookman, Palatino }
td { font-family: Georgia, "New York", "Book Antiqua", Bookman, Palatino }
th  { font-weight: normal; font-family: Georgia, "New York", "Book Antiqua", Bookman, Palatino }
.aright { float: right; border: none; padding-left: 5px;}


.menu  { background-color: #99FFFF; margin: 4px; padding: 2px; width: auto; border: solid 1px navy }

.blowup  { margin-top:12px;background-color: #e0f1e8; padding: 4px; margin:4px; border: solid 1px teal  ; -moz-border-radius: 3px; border-radius: 3px;  }
.bottom  { font-family:Arial, Helvetica, sans-serif;font-size: 12pt; padding:8px;/* background-color: #E7FFFF*/ background-image:linear-gradient(to bottom right,#EEEEEE,#E2F5FF,#f4f4f4); border: solid 1px grey;border-radius:3px;line-spacing:170%;}
.sidebar2 { font-size: small; font-family: Arial, Helvetica, Geneva; background-color: #d6eeee; float: right; margin: 3pt; padding: 3px; border: solid 1px teal; width: 30% }
.byline { font-family: Arial, Helvetica, Geneva; background-color: #dcdcdc; text-align: center; padding: 3px; border-top: 1px solid teal; border-bottom: 1px solid teal }
.acenter { display: block;margin-left: auto;margin-right: auto}

.row1 td,.row1 th,.row2 th,.row2 td {border-bottom:solid 1px navy;}
.row1 {background-color: #DCE4E9;padding:2px;}
.row2 {background-color:#F0F4F6; padding:2px;}
.row0 {background-color:#D6E9F9; vertical-align: bottom; font-weight: bold; padding:2px;}
.row2:hover {background-color: #CCFFFF;}
.row1:hover {background-color: #C5DAEB;}
.row0:hover {background-color:azure}
.caption { font: italic 12px Arial, Helvetica, sans-serif; color: #FFFFFF; background: #666666; text-align: center; margin-top: 1px; padding-top: 1px; width: auto; font-weight: bold; }
.center { text-align: center; }


.left { position: absolute; right: 318px; width: auto; float: left; margin-left: 4px; padding-left: 4px; }
.code { font-size: small; font-family: monaco; margin-left: 4px; padding: 3px; border: solid 1pt maroon; courier; monospace;  }
.codespan { font-size: small; font-family: monaco; margin-left: 4px; padding: 1px; border: solid 1pt maroon; courier; monospace; white-space: nowrap }
.stats{color: white;  font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration:none; margin: 0px; padding: 4px; text-align: center; width:100%; background: #00A4B1; font-size: large;}
.stats a { text-decoration:none;color: #EDFFFF; background: teal; padding:4px; font-size: large;}
li { line-height: 150%; }
.redline {border:thin solid #f00;color:#f00;background-color: #f00;height: 1px; width: 100%}

a:hover,#side a:hover { color: green ;}

.go1 a {text-decoration:none;}

img {display: block;}

.right {  left: 100%; width: 280px; float: right; padding: 4px;  }
.right,button {background-image: linear-gradient(white, #e7fcf5);border: solid 1pt #000070;}
#buttons {text-align:center;display:block;}
button {font-size:large;}
button:hover {color:indianred;border:thin solid red;}

p.row2:hover {background-color:white;}
p.row2 {padding:4px;text-align: center;}

@media screen and (max-width: 955px) {

#statistics {width:100%; border:none; float:none; }
#side {display:none; }
}

/* @media handheld, only screen and (max-device-width: 380px) { */
@media only screen and (max-device-width: 480px) {
#page  {width:100%; background-color:white;}
#statistics {width:100%; border:none; float:none; }
#side {display:none!important; }
p {font-size:16pt;line-height:160%}

}
#stats {background: white; max-width:740px; margin-left: auto; margin-right: auto;}