* {
  margin: 0;
  padding: 0;
}

ul, ol {
  padding-left: 25px;
  padding-top: 10px;
}
li { margin-bottom: 2px; }

select { padding: 2px; margin: 0px 4px 0 0; }
option { padding: 0 2px 0 5px; }
textarea { width: 100%; }

body {
  background: #fff url('media/bg-grey.gif') top center repeat-y;
  font: normal 13px/22px 'trebuchet ms', verdana, arial, sans-serif;
  color: #333;
}

td {
  font: normal 13px/22px 'trebuchet ms', verdana, arial, sans-serif;
  padding: 5px;
}
th {
  text-align: left;
  font: bold 16px 'trebuchet ms', arial, sans-serif; 
  letter-spacing: -1px;
  padding: 5px;
  white-space: nowrap;
}
img {
  border: 0px;
  border-width: 0px;
  border-style: none;
}

a, a:link, a:active, a:visited { color:#0060BF; text-decoration: underline; outline: none !important;  }
a:hover { color: #000 !important; }
a.nounderline, a.nounderline:visited, .nounderline a, .nounderline a:visited { text-decoration: none; }
.nounderline a:hover, a.nounderline:hover { text-decoration: underline; }
a.black, a.black:visited { color: #000; }
a.red, a.red:visited { color: #f00; } a.red:hover{color:#000;}
.ablock a, .ablock a:visited { display: block; }

a.custom, a.custom:visited { color:#59d; } /* custom data username highlight */
a.custom:hover { color:#000; }

h1 {font: bold 24px 'trebuchet ms', arial, helvetica, verdana, sans-serif; letter-spacing: -1px; margin: 0 0 5px 0; line-height: 35px; }
h2 {font: bold 22px 'trebuchet ms', arial, helvetica, verdana, sans-serif; letter-spacing: -1px; margin: 0 0 5px 0;}
h3 {font: bold 18px 'trebuchet ms', arial, helvetica, verdana, sans-serif; letter-spacing: -1px; margin: 0 0 5px 0;}
h4 {font: bold 14px 'trebuchet ms', arial, helvetica, verdana, sans-serif; margin: 0 0 5px 0; line-height: 18px;}

h1,h2,h3,h4{color:#000;}

label:hover { cursor: pointer; }


.white { color: #fff !important; }
.black { color: #000 !important; }
.grey { color: #aaa !important; }
.red { color: #f00 !important; }
.green { color: #0b0 !important; }

.alt { background: #eef; }
.alt2 { background: #eef; }

.bold  { font-weight: bold !important; }
.italic { font-style: italic !important; }
.center, .centered { text-align: center !important; }
.nowrap { white-space: nowrap !important; }
.nooverflow, .overflow-hidden { overflow: hidden !important; }

.small, table.small td, .small select, .small input { font-size: 11px; }

.bordertop     { border-top: 1px solid #ddd; }
.borderbottom     { border-bottom: 1px solid #ddd; }
.tableborder { border: 1px solid #dde; }

.inline { display: inline !important; }
.block { display: block !important; }
.hideme { display:none !important; }
.showme { display:block !important; }




.fl	{float:left !important;}
.fr	{float:right !important;}
.fn	{float:none !important;}

.cl 	{clear:left !important;}
.cr 	{clear:right !important;}
.cb 	{clear:both !important;}

/* first group is negative margins, typically for aligning images with text */
.mb-1  {margin-bottom: -1px !important;}
.mb-2  {margin-bottom: -2px !important;}
.mb-3  {margin-bottom: -3px !important;}
.mb-4  {margin-bottom: -4px !important;}
.mb-5  {margin-bottom: -5px !important;}

.mt1    {margin-top:1px !important;}
.mt2    {margin-top:2px !important;}
.mt3    {margin-top:3px !important;}
.mt4    {margin-top:4px !important;}
.mt5 	{margin-top:5px !important;}
.mt10	{margin-top:10px !important;}
.mt15	{margin-top:15px !important;}
.mt20 	{margin-top:20px !important;}
.mt30	{margin-bottom:30px !important;}

.mb1 	{margin-bottom:1px !important;}
.mb2 	{margin-bottom:2px !important;}
.mb3 	{margin-bottom:3px !important;}
.mb4 	{margin-bottom:4px !important;}
.mb5 	{margin-bottom:5px !important;}
.mb10 	{margin-bottom:10px !important;}
.mb15	{margin-bottom:15px !important;}
.mb20 	{margin-bottom:20px !important;}
.mb30	{margin-bottom:30px !important;}

.mr1 	{margin-right:1px !important;}
.mr2 	{margin-right:2px !important;}
.mr3 	{margin-right:3px !important;}
.mr4 	{margin-right:4px !important;}
.mr5 	{margin-right:5px !important;}
.mr10 	{margin-right:10px !important;}
.mr15	{margin-right:15px !important;}
.mr20 	{margin-right:20px !important;}
.mr30	{margin-right:30px !important;}

.ml1 	{margin-left:1px !important;}
.ml2 	{margin-left:2px !important;}
.ml3 	{margin-left:3px !important;}
.ml4 	{margin-left:4px !important;}
.ml5 	{margin-left:5px !important;}
.ml10  {margin-left:10px !important;}
.ml15	{margin-left:15px !important;}
.ml20  {margin-left:20px !important;}
.ml25	{margin-left:25px !important;}
.ml30	{margin-left:30px !important;}

.m1	    {margin:1px !important;}
.m2	    {margin:2px !important;}
.m3	    {margin:3px !important;}
.m4	    {margin:4px !important;}
.m5	    {margin:5px !important;}
.m10    {margin:10px !important;}
.m15    {margin:15px !important;}
.m20    {margin:20px !important;}

.pt1    {padding-top:1px !important;}
.pt2    {padding-top:2px !important;}
.pt3    {padding-top:3px !important;}
.pt4    {padding-top:4px !important;}
.pt5    {padding-top:5px !important;}
.pt10 	{padding-top:10px !important;}
.pt15	{padding-top:15px !important;}
.pt20 	{padding-top:20px !important;}

.pb1 	{padding-bottom:1px !important;}
.pb2 	{padding-bottom:2px !important;}
.pb3 	{padding-bottom:3px !important;}
.pb4 	{padding-bottom:4px !important;}
.pb5 	{padding-bottom:5px !important;}
.pb10 	{padding-bottom:10px !important;}
.pb15	{padding-bottom:15px !important;}
.pb20 	{padding-bottom:20px !important;}

.pr1 	{padding-right:1px !important;}
.pr2 	{padding-right:2px !important;}
.pr3 	{padding-right:3px !important;}
.pr4 	{padding-right:4px !important;}
.pr5 	{padding-right:5px !important;}
.pr10 	{padding-right:10px !important;}
.pr15	{padding-right:15px !important;}
.pr20 	{padding-right:20px !important;}

.pl1 	{padding-left:1px !important;}
.pl2 	{padding-left:2px !important;}
.pl3 	{padding-left:3px !important;}
.pl4 	{padding-left:4px !important;}
.pl5 	{padding-left:5px !important;}
.pl10 	{padding-left:10px !important;}
.pl15	{padding-left:15px !important;}
.pl20 	{padding-left:20px !important;}

.p1 	    {padding:1px !important;}
.p2 	    {padding:2px !important;}
.p3 	    {padding:3px !important;}
.p4 	    {padding:4px !important;}
.p5 	    {padding:5px !important;}
.p10    {padding:10px !important;}
.p15    {padding:15px !important;}
.p20    {padding:20px !important;}


.message {
  border: 1px solid #f00;
  color: #f00;
  font-weight: bold;
  padding: 6px;
  margin-bottom: 15px;
}

blockquote {
  background: #eee;
  padding: 10px;
  display: block;
}
blockquote code {
  border: 1px solid #bbb;
  background: #fff;
  padding: 5px;
  display: block;
  font-size: 11px;
}
blockquote code textarea {
  border:0;
  font-size: 11px;
  color: #f00;
}

  





/* layout  */

.container {
  margin: 0 0 40px;
  width: 800px;
}

.topbar {
  text-align: left;
  padding: 0 0 2px;
  border-bottom: 1px solid #eee;
}
.topbar .toplinks {
  float: right;
  text-align: right;
  margin-top: 20px;
  font-size: 11px;
  width: 400px;
}

.topbar a.red { color: #f00; }
.topbar a:hover {
  color: #000;
}


.main {
  clear: left;
  text-align: left;
  padding: 10px 0 0;
}

.footer {
  margin: 40px 0;
  padding: 20px 0 0 0;
  text-align: center;
  border-top: 1px dotted #ccc;
}




.tabs {
  border-bottom: 1px solid #ddd;
  padding: 10px 0 4px 5px;
  background: #fff url('../media/gradient-white-grey.gif') repeat-x;
  font-size: 12px;
}
.tabs a, .tabs a:visited, .tabs a:hover {

  color: #777;
  text-decoration: none;
  padding: 5px 10px;
  border-right: 1px solid #ddd;
}
.tabs a:hover { 
  color: #000;
  text-decoration: underline;
}
.tabs a.current, .tabs a.current:visited {
  color: #e00;
  font-size: 18px;
  font-weight: bold;
  border: 1px solid #ddd;
  border-bottom: 1px solid #fff;
  background: #fff;
  padding: 7px 10px 6px;
  margin: 0 0 0 3px;
  -moz-border-radius: 6px 6px 0 0;
}
.tabs a img {
  margin-bottom: -2px;
}



.subtabs {
  font-size: 11px;
  line-height: 16px;
  margin: 15px 4px 5px;
  padding: 0 0 8px;
  border-bottom: 1px solid #e5e5e5;
  height: 20px;
}
.subtabs a {
  margin-right: 10px;
}
.subtabs a.current, .subtabs a.current:hover, .subtabs a.current:visited {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: -1px;
  color: #000;
  text-decoration: none;
  cursor: text;
}
.subtabs img {
  margin-bottom: -3px;
}


#sidebar {
  float: right;
  width: 160px;
  margin-left: 10px;
  font-size: 11px;
  text-align: center;
  background: #fff;
}
#sidebar .box {
  border: 1px solid #ddd;
  background: #fff url('../media/gradient-grey-white.gif') repeat-x;
  padding: 5px;
  margin-bottom: 10px;
  -moz-border-radius: 4px;
}
#sidebar a {
  display: block;
  padding: 12px 0;
  border-bottom: 1px solid #e5e5e5;
}
#sidebar a:hover {
  background: #eee;
}



#filters {
  border: 1px solid #ddd;
  border-top:0;
  padding: 10px 5px 5px;
  margin: 0 0 5px;
}
#filters td {
  padding-right:10px;
  vertical-align: top;
  white-space: nowrap;
}
#filters input, #filters select {
  margin: 0 10px 5px 0;
}




#spy {
  padding: 2px;
  overflow: hidden;
  z-index: -10;
}

#spy .item {
  padding: 10px;
  border-bottom: 1px solid #dde;
  line-height: 24px;
  background: #fff;
}
#spy .alt {
  background: #eef;
}

#spy .item img{
  margin: 0 2px -4px 0;
}
#spy .item img.flag {
  margin: 0 0 -1px 0;
}

#spy .date {
  width: 75px;
}
#spy .user {
  width: 120px;
}
#spy .click {
  width: 330px;
}
#spy .referer {
  width: 160px;
}

#spy .date,  #spy .click,  #spy .user,  #spy .referer {
  float: left;
  overflow: hidden;
  padding-left: 1px;
  margin-right: 10px;
}

#spy .highlight {
  color: #f00;
}





.faketable, .faketable2 {
  float: left;
  clear: left;
  width: 100px;
  font-weight: bold;
  padding-right: 10px;
}
.faketable2 {
  color: #888;
  font-size: 11px;
  text-align: right;
}




/* old

table.graph {
}
table.graph .header {
  background: #fff;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd !important;
  padding: 10px 0;
}
table.graph .header img {
  margin: 0 0 -2px 10px;
}
table.graph .info {
  border-bottom: 1px solid #ddd;
  font-weight: bold;
  background: url('../media/gradient-white-grey.gif') repeat-x;
  padding: 5px 5px 5px 10px;
}

table.graph td {
  font-size: 11px;
  line-height: 16px;
  padding: 3px 5px;
  white-space: nowrap;
}
table.old-dashy td {
  border-bottom:0;
}
table.graph .itemname, table.graph .itemname2 {
  background: #fff;
  white-space: nowrap;
  text-align: right;
  padding: 3px 10px 3px 40px;
}
table.graph .itemname2 {
  line-height: 20px;
  border-bottom: 1px solid #ddd;
  text-align: left;
  padding: 10px;
}
table.graph .itemname2 img {
  margin: 0 3px -2px 0;
}
table.graph .itemvalue {
  background: #fff;
  text-align: center;
  padding: 0 10px;
  background: #eee;
  border-left: 1px solid #e5e5e5;
}
table.graph .itemgraph {
  background: #fff url('../media/graph_background.gif') repeat-y;
  padding: 2px 0;
}
table.graph .itemtrend {
  padding: 5px 15px;
}
table.graph .big {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: -1px;
  padding-top: 10px;
  padding-bottom: 3px;
}

*/


table.graph {
}
table.graph .header {
  background: #fff;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd !important;
  padding: 10px 0;
}
table.graph .header img {
  margin: 0 0 -2px 10px;
}
table.graph .info {
  border-bottom: 1px solid #ddd;
  font-weight: bold;
  padding: 5px 5px 5px 10px;
}

table.graph td {
  padding: 3px 5px;
  white-space: nowrap;
  border-bottom: 1px solid #dde !important;
}
table.old-dashy td {
  border-bottom:0;
}
table.graph .itemname, table.graph .itemname2 {
  white-space: nowrap;
  text-align: right;
  padding: 5px 10px 5px 40px;
}
table.graph .itemname2 {
  border-bottom: 1px solid #ddd;
  text-align: left;
  padding: 10px;
}
table.graph .itemname2 img {
  margin: 0 3px -2px 0;
}
table.graph .itemvalue {
  text-align: center;
  padding: 0 10px;
}
table.graph h4, table.graph h3 {
  margin:0;
}
table.graph .itemgraph {
  padding: 2px 0;
}
table.graph .itemtrend {
  padding: 5px 15px;
}
table.graph .child {
  font-size: 11px !important;
  line-height: 25px;
}








table.visitors td{
  padding: 6px 8px;
  white-space: nowrap;
}
table.visitors td img {
  margin-bottom: -2px;
}

table.pages td {
  padding: 10px;
  font-size: 11px;
}

table.forums {
  width: 100%;
}
table.forums td, table.forums th {
  padding: 15px;
}


table.userhome {
}
table.userhome td {
  padding: 5px 12px;
  white-space: nowrap;
}
table.userhome td a, table.userhome td a:visited {
  text-decoration: none;
}
table.userhome td a:hover {
  text-decoration: underline;
}
table.userhome td img {
  margin-bottom: -3px;
}







.box-grey {
  padding: 6px;
  margin-bottom: 10px;
  background: #e5e5e5;
  border: 1px solid #ddd;
}
.box-grey-border {
  padding: 6px;
  margin-bottom: 10px;
  background: #fff;
  border: 1px solid #d5d5d5;
}
.box-blue {
  padding: 6px;
  margin-bottom: 10px;
  background: #e5e5ff;
  border: 1px solid #ddf; /* bbf */
}
.box-yellow {
  padding: 6px;
  margin-bottom: 10px;
  background: #ffffd5;
  border: 1px solid #fda; /* fc8 */
}

.box-blank {
  padding: 6px;
  margin-bottom: 10px;
}








.style1 {font-weight: bold}

.divcfg {
	position:relative;
	right:0pt;
	width:100%;
	height:100px;
	background:#C6EDA9;
	background-color: #C9FA9C;
}