* {
  margin: 0;
  padding: 0;
}

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

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

body {
  background: #fff url('../media/background.png') repeat-x;
  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; }
.black { color: #000; }
.grey { color: #aaa; }
.red { color: #f00; }

.green, .active { background: #cfc; }
.alt { background: #eef; }
.alt2 { background: #eef; }

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

.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; }
.block { display: block; }
.hideme { display:none; }
.showme { display:block; }




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

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

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

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

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

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

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

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

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

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

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

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

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


.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;
}
.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;
}





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.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.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 url('../media/gradient-white-grey.gif') repeat-x;
  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 url('../media/gradient-white-blue.gif') repeat-x;
  border: 1px solid #ddf; /* bbf */
}
.box-yellow {
  padding: 6px;
  margin-bottom: 10px;
  background: #ffffd5 url('../media/gradient-white-yellow.gif') repeat-x;
  border: 1px solid #fda; /* fc8 */
}






/* custom dashboard */

#dash_col_1 {
  margin-right: 25px;
}

.dash_col {
  width: 380px;
  float: left;
  min-height: 600px;
}
.dash_col p {
	height: 1px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.dash_box {
  background: #fff url('../media/dash-box.gif') top left no-repeat;
  padding: 8px 10px;
  margin-bottom: 25px;
  overflow: hidden;
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}
.dash_box h2 {
  border-bottom: 1px dotted #ccc;
  padding-bottom: 2px;
  margin-bottom: 10px;
}
.dash_box h2.move {
  cursor: move;
}

.dash_box_icon {
  float: left;
  margin: 5px 5px 0 0;
}

.dash_box_tabs {
  float: right;
  font-size: 11px;
}
.dash_box_tabs a, .dash_box_tabs a:visited {
  margin-right: 5px;
}
.dash_box_tabs a.current {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}



.dash_box_content {
  clear: left;
}

/* trend links */
.trend {
  color: #999 !important;
}
.trend_down, .trend_down:visited {
  color: #c00 !important;
}
.trend_up, .trend_up:visited {
  color: #0a0 !important;
}
.trend_none, .trend_none:visited {
  color: #999 !important;
}
/* leave specific to hrefs here since these only apply to them anyways */
a.trend, a.trend_up, a.trend_down, a.trend_none {
  text-decoration: none !important;
}
a.trend_up:hover, a.trend_down:hover, a.trend_none:hover {
  color: #000 !important;
  text-decoration: underline !important;
}

.dash_box_content table {
  width: 358px;
}
.dash_box_content td {
  white-space: nowrap !important;
}
.dash_box_content table.small td {
  font-size: 11px;
}
.dash_box_content td img {
  margin: 0 5px -2px 0;
}
.dash_box_contents td.userdeets {
  margin: 0 !important;
  padding:0 !important;
}
.dash_box_contents td.userdeets img {
  margin:0 !important;
}

.dash_box_content td.value, .dash_box_content td.graph {
  width: 1px;
  white-space: nowrap !important;
  text-align: right;
  padding: 5px 8px;
  border-left: 1px dotted #dde;
}
.dash_box_content td.graph {
  text-align: left;
  padding: 5px;
}
.dash_box_content td.graph img {
  margin: 0 !important;
}

.dash_box_content td.period-current {
  font-size: 14px !important;
  font-weight: bold;
}
.dash_box_content td.period-previous {
  color: #999;
  font-size: 11px;
  white-space: nowrap !important;
}

.dash_box_helper {
	border: 1px dashed #aaa;
	width: auto !important;
}







/* dropdown menus */

a.dropdown-display, a.dropdown-display:visited {
  font: bold 11px/22px  arial, sans-serif;
  color: #fff;
  background: #5D93E1;
  text-decoration: none;
  padding: 2px 5px;
}
a.dropdown-display:hover, a.dropdown-display:active {
  color: #fff !important;
  background: #84ADE9;
}
.dropdown {
  display: none;
  position: absolute;
  background: #fff;
  border: 1px solid #ccc;
  padding: 5px;
  font-size: 11px;
  white-space: nowrap;
  text-align: left;
  z-index: 999999;
}
.dropdown * {
  padding: 2px 5px;
}

.dropdown a, .dropdown a:visited {
  display: block;
  text-decoration: none;
}
.dropdown a.current, .dropdown a.current:visited {
  color: #000;
  font-weight: bold;
}
.dropdown a.cancel, .dropdown a.cancel:visited {
  color: #f00;
}
.dropdown a:hover {
  color: #fff !important;
  background: #5D93E1;
}
.dropdown a.cancel:hover {
  color: #fff;
  background: #f00;
}




/* popup calendar - not used anymore - delete? */

.cpBorder {
  z-index: 100;
  border: 1px solid #ccc;
}
.cpBorder td {
  font: normal 11px/14px verdana, arial, sans-serif;
  padding: 2px;
  text-align: right;
}
.cpBorder a, .cpBorder a:visited {
  text-decoration: none;
}

td.cpMonthNavigation{
  background: #69d;
  text-align: center;
  color: #fff;
  font-weight: bold;
}
a.cpMonthNavigation, a.cpMonthNavigation:visited, a.cpMonthNavigation:hover {
  color: #fff;
}

td.cpDayColumnHeader {
  border-bottom: 1px solid #ccc;
}

td.cpCurrentDate {
  background: #ddd;
  border: 1px solid #bbb;
}

a.cpOtherMonthDate, a.cpOtherMonthDate:visited {
  color: #666;
}

.cpCurrentMonthDateDisabled, .cpOtherMonthDateDisabled {
  color: #aaa;
  text-decoration: line-through;
}

td.cpTodayText {
  border-top: 1px solid #ccc;
  text-align: center;
}