html {overflow:-moz-scrollbars-vertical;}
html,body,ol,ul,li,form,dl,dt,dd {margin: 0; padding: 0;}

body {font: 12px Tahoma, Arial; line-height: 1.6em; color: #303030; height: 100%; background: white top repeat-x url('images/bodybg.png'); text-align: center;}

a {color: #567;}
a:hover {color: #cd0000;}

a.btn {display: inline-block; margin: 0 5px 0 0; height: 18px; font: 12px/16px tahoma,arial; padding: 2px 10px; background: #567; color: white; text-decoration: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
a.btn:hover {background: #b00;}

#container {width: 960px; margin: 0 auto;}

#header {width: 960px; height: 140px; background: no-repeat url('images/hdr.png'); position: relative; border-bottom: 1px solid #ccc;}
 a#homelink {position: absolute; left: 0px; top: 0px; display: block; width: 260px; height: 140px; font: bold 40px 'Trebuchet MS', Arial; letter-spacing: -1px; color: #303030; text-decoration: none; outline: none; text-align: left;}
 a#homelink span {z-index: 1; position: absolute; left: 0; top: 0; display: block; width: 260px; height: 140px; background: no-repeat url('images/hdr.png') 0 0px;}
 #menu {position: absolute; right: 0px; top: 60px;}
 #menu a {display: inline-block; margin: 0 5px 0 0; height: 18px; font: 12px/16px tahoma,arial; padding: 2px 10px; background: #567; color: white; text-decoration: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
 #menu span {display: inline-block; margin: 0 5px 0 0; height: 18px; font: 12px/16px tahoma,arial; padding: 2px 10px; background: #b00; color: white; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
 #menu a:hover {background: #b00;}

#content {width: 960px; text-align: left; padding: 40px 0px; min-height: 570px; height: auto !important; height: 570px;}

#footer {width: 1004px; color: white; margin: 0 auto; padding: 20px 10px; line-height: 1.5em; text-align: center;}

table#log {border-spacing: 0; border: 1px solid #ccc; padding: 0 0 1px 1px; cursor: default;}
table#log td {padding: 6px 5px; margin: 0; line-height: 14px; background: #f0f2f6; vertical-align: top; border-top: 1px solid white; border-right: 1px solid white; border-bottom: 1px solid #ddd;}
table#log tr.odd td {background: white;}
table#log th {padding: 6px 5px; font-size: 11px; line-height: 11px; font-weight: normal; background: #567; color: white; text-align: center; vertical-align: middle; border-top: 1px solid white; border-right: 1px solid white;}
table#log th.left {text-align: left;}
table#log th.right {text-align: right;}
table#log td.rating {text-align: center; width: 40px; color: #b00;}
table#log td.num {text-align: right; width: 50px;}
table#log td.num2 {text-align: right; width: 60px;}
table#log td.average {text-align: right; width: 60px;}
table#log td.name2 {font-size: 11px;}
table#log td.name2 a strong {font-size: 12px; display: block; color: #07c;}

table#fixedtableheader0 {border-spacing: 0; border: 1px solid #ccc; background: white; padding: 0 0 1px 1px; box-shadow: 0 2px 5px #aaa; -webkit-box-shadow: 0px 2px 5px #aaa; -moz-box-shadow: 0px 2px 5px #aaa;}
table#fixedtableheader0 th {padding: 6px 5px; font-size: 11px; line-height: 11px; font-weight: normal; background: #567; color: white; text-align: center; vertical-align: middle; border-top: 1px solid white; border-right: 1px solid white;}
table#fixedtableheader0 th.left {text-align: left;}
table#fixedtableheader0 th.right {text-align: right;}
table#fixedtableheader0 .rating {width: 40px;}
table#fixedtableheader0 .num {width: 50px;}
table#fixedtableheader0 .num2 {width: 60px;}
table#fixedtableheader0 .average {width: 60px;}

table#log td a {color: #333; text-decoration: none;}
table#log td a:hover {color: #900; text-decoration: underline;}
table#log tr.odd td.name a {color: #07c; text-decoration: none;}
table#log tr.odd td a:hover {color: #900; text-decoration: underline;}

table#log tr.hovered td {background: #345; color: white; border-bottom: 1px solid #234;}
table#log tr.hovered td a {color: white !important; text-decoration: underline;}
table#log tr.hovered td a:hover {color: #fa0;}

td.ykt7, td.paid, td.free {text-align: center !important;}

/*table#log tr.hovered td.hilight {background: #234;}*/

#tip {z-index: 2; display: none; position: absolute; background: #f8f8e8; border: 1px solid #bbb; padding: 2px 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 11px;
  box-shadow: 3px 3px 4px #888; -webkit-box-shadow: 3px 3px 4px #888; -moz-box-shadow: 3px 3px 4px #888;
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#888888', Direction=145, Strength=3);
}

h1 {font-size: 12px; text-align: center; color: #b00; margin: 0 0 20px 0;}

form label {float: left; width: 100px; padding: 0 5px 0 0; text-align: right;}
form p {clear: both; margin: 0; padding: 2px 0;}
textarea {font: 12px/16px tahoma,arial;}

hr {clear: both; height: 2px; padding: 0; margin: 1px 0; border: 0; border-top: 1px solid #c8d5da; border-bottom: 1px solid white;}
html>body hr {height: 0px; margin: 10px 0;}

ul#sites {list-style: none;}
ul#sites li {padding: 10px; margin: 0 0 10px 0; background: #f0f8f0; border: 1px solid #ddd;}
ul#sites li small {padding: 0 3px;}
ul#sites li.odd {background: #e0e8f0;}
ul#sites li span.left {display: inline-block; width: 320px; vertical-align: top; padding: 0 20px 0 0; height: 160px; border-right: 1px dashed #abc;}
ul#sites li span.stats {display: inline-block; width: 220px; vertical-align: top; padding: 0 10px 0 10px; height: 160px; border-right: 1px dashed #abc;}
ul#sites li span.right {display: inline-block; width: 320px; vertical-align: top; padding: 0 0 0 10px;}
ul#sites li span.buttons {display: block; padding: 10px 0;}
ul#sites li input {width: 320px;}
ul#sites li textarea {width: 320px; height: 54px;}

ul#sites ul.stats {list-style: none; line-height: 15px;}
ul#sites ul.stats li {display: block; background: none; padding: 1px 0; margin: 0; font-size: 11px; border: 0; border-bottom: 1px dotted #ccc;}
ul#sites ul.stats li:last-child {border: 0;}
ul#sites ul.stats li em {font-style: normal; display: inline-block; width: 130px; padding: 0 3px 0 3px; font: 9px/11px tahoma,arial; text-align: left; vertical-align: middle;}
ul#sites ul.stats li span {display: inline-block; width: 65px; text-align: right; vertical-align: middle; color: #900;}

#chart {list-style: none; height: 300px; position: relative;}
#chart li {position: absolute; text-align: center; bottom: 0; width: 34px; height: 300px;}
#chart li span {z-index: 2; position: absolute; left: 0; bottom: 20px; width: 34px; background: #888;}
#chart li em {display: block; z-index: 2; position: absolute; left: -2px; bottom: 0px; width: 38px; text-align: center; font-style: normal; border-top: 1px solid #888; height: 20px; background: #f0f0f0; color: #b00;}
#chart li strong {display: block; z-index: 2; position: absolute; left: -8px; bottom: 1px; width: 50px; text-align: center; font: 11px tahoma, arial;}

#chartwrap {background: #f0f0f0; padding: 20px; border: 1px solid #ccc; text-align: center; margin: 20px auto;}

span.status_free {display: inline-block; width: 16px; height: 16px; vertical-align: middle; background: no-repeat url('images/paid_icons.png') 0 0;}
tr.hovered span.status_free {background: no-repeat url('images/paid_icons.png') 0 -16px;}
span.status_ykt7 {display: inline-block; width: 16px; height: 16px; vertical-align: middle; background: no-repeat url('images/paid_icons.png') -16px 0;}
tr.hovered span.status_ykt7 {background: no-repeat url('images/paid_icons.png') -16px -16px;}
span.status_paid {display: inline-block; width: 16px; height: 16px; vertical-align: middle; background: no-repeat url('images/paid_icons.png') -32px 0;}
tr.hovered span.status_paid {background: no-repeat url('images/paid_icons.png') -32px -16px;}