* {
  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: #f6f6f6 url('../media/background-800-2.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 10px;
  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; }  /* 0060BF */
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; }

a.link, a.link:visited { color:#59d; }
a.link:hover { color:#000 !important; }
a.link .link-domain, a.link .link-domain:visited, a.link-domain, a.link-domain:visited { color:#0060BF; font-weight: bold; }
a.link:hover .link-domain{ color: #000 !important; }


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: #999 !important; }
.red { color: #f00 !important; }
.green { color: #0b0 !important; }

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

.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; }
.medium, table.medium td, .medium select, .medium input { font-size: 12px; }

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




#mainform {

}











/* TABS */

.tabs {
  border-bottom: 1px solid #ddd;
  padding: 10px 10px 8px;
  background: #fff url('../media/gradient-white-grey.gif') repeat-x;
  font-size: 12px;
  white-space: nowrap;
}
.tabs a, .tabs a:visited, .tabs a:hover {
  color: #777;
  text-decoration: none;
  padding: 10px;
  border-right: 1px solid #ddd;
}
.tabs a:hover { 
  color: #000;
  text-decoration: underline;
}
.tabs a.current, .tabs a.current:visited {
  color: #f80;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid #ddd;
  border-bottom: 1px solid #fff;
  background: #fff;
  padding: 10px 10px 11px;
  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;
}





#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: 80px;
}
#spy .user {
  width: 120px;
}
#spy .click {
  width: 420px;
}
#spy .referer {
  width: 180px;
}

#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;
  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;
  text-align: right;
}
table.graph .child {
  font-size: 11px !important;
  line-height: 25px;
}

/* not necessarily tied to table.graph... */
.title-below-link {
  color: #777;
}











.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 */
}






/* dashboard */

#dash_col_1 {
  margin-right: 25px;
}

.dash_col {
  width: 430px;
  float: left;
}
.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;
}




.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 {
  clear: left;
}
.dash_box_content table {
  width: 408px;
}
.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_contents tr.columnheader img {
  margin: 0 !important;
}

.dash_box_content td.external {
  width: 1px;
  padding: 5px;
}

.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, a.dropdown-display-light, a.dropdown-display-light:visited {
  font: bold 11px/22px  arial, sans-serif;
  color: #fff;
  background: #5D93E1; /* 5D93E1 */
  text-decoration: none;
  padding: 2px 5px;
}
a.dropdown-display:hover, a.dropdown-display:active{
  color: #fff !important;
  background: #84ADE9; /* 84ADE9 */
}

a.dropdown-display-light, a.dropdown-display-light:visited  {
  color: #999 !important;
  background: #fff;
}
a.dropdown-display-light:hover, a.dropdown-display-light:active {
  color: #555 !important;
}


.dropdown {
  display: none;
  position: absolute;
  background: #fff;
  border: 1px solid #ccc;
  padding: 5px;
  font-size: 11px;
  white-space: nowrap;
  text-align: left;
  z-index: 10000;
}
.dropdown * {
  padding: 1px 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;
}