body { 
margin:0;
padding:0;
background: url('/images/bg.png');
font-family:arial;
min-width:800px;
}
a {
text-decoration:none;
color:#399;
}
 a img {
 border:0px;
 }
a:hover{
text-decoration:underline;
}
.head {
height:76px;
background:#fcfcfc url('/images/head-bg.png') repeat-x;
}
.logo {
display:block;
height:76px;
width:250px;
margin-left:38px;
background:url('/images/logo.png');
float:left;
}
.sign-in {
float:right;
font-family:tahoma,arial;
color:#777;
padding-top:15px;
font-size:12px;
margin-right:20%;
}
.sign-in .button , .sign-in-form {
background:#66cccc;
}
.sign-in .button {
padding:5px 10px 5px 10px;
color:white;
text-decoration:none;
font-weight:bold;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border:1px solid white;
}
.signed-in {
float:right;
margin-right:20px;
margin-top:5px;
color:#479;
font-family:arial;
font-size:12px;
}
.sign-in-form {
text-align:left;
position:absolute;
z-index:100;
display:none;
height:136px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border:1px solid white;
border-top:0px;
color:white;
margin-left:4px;
padding:8px;
}
.sign-in-form  a{
color:white;
text-decoration:none;
}
.sign-in-form  a:hover{
text-decoration:underline;
}
.sign-in-form  .label {
font-size:12px;
}
.sign-in-form input {
-moz-border-radius:4px;
-webkit-border-radius:4px;
border:1px solid #def;
padding:4px;
font-size:12px;
margin-bottom:5px;
font-family:arial;
}
.sign-in-form  .submit {
padding:3px;
background:#def;
font-size:12px;
font-weight:bold;
margin-top:5px;
}
.content {
min-height:400px;
text-align:left;
background:#fff;
padding:3px 6px 3px 6px;
font-family:arial;
color:#444;
}
.form-site-add,.form-site-edit {
padding:10px 30px 10px 30px;
}
h1 {
margin:0;
}
.promo {
color:#555;
font-size:24px;
font-family:Georgia,serif;
font-weight:normal;
padding:0px 0px 0px 10px;
}
.promo b { 
color:black;
}
.track-count {
color:#aaa;
width:100%;
text-align:center;
font-size:30px;
padding:15px;
}
.track-count b {
color:#7cf;
font-size:32px;
}
.self-stats {
width:33%;
text-align:center;
float:left;
border-right:1px dotted #777;
}

.web-input,.web-input-error,.web-input-active,.web-select,.web-select-error,.web-select-active  {
letter-spacing:2px;
font-size:18px;
width:100%;
padding:8px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
font-family:arial;
margin-left:10px;
color:#334;
height:40px;
}
.web-checkbox {
height:30px;
width:30px;
}


.web-input,.web-select {
border:1px solid #999;
}
.web-input-error,.web-select-error {
border:1px solid #fab;
}
.web-input-active,.web-select-active {
border:1px solid #7cf;
}

.form1-holder {
background:transparent url(/images/front.jpg) no-repeat scroll center center;
height:500px;
}

.form-step-1 {
font-family:tahoma;
text-align:center;
width:100%;
background:#fff;
padding:10px 0px 40px 0px;
}

.form-step-2 {
padding-left:20px;
}

.form-step-1 .label-web-input {
font-size:20px;
color:#9cf;
}
.form-step-1 .form-submit {
background:#009999;
color:white;
border:0px;
padding:8px;
-moz-border-radius: 0px 6px 6px 0px;
-webkit-border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
font-size:18px;
cursor:pointer;
height:40px;
font-family:arial;
}
.form-step-1  .web-input {
width:50%;
-moz-border-radius:6px 0px 0px 6px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
}
.form-step-2  .web-input {
font-family:arial;
margin-left:10px;
color:#334;
height:40px;
}

.form-step-2 .form-submit,
.form-login .form-submit,
.form-site-add .form-submit ,
.form-site-edit .form-submit ,
.form-stats .form-submit 
{
background:#2586a8;
color:white;
border:0px;
padding:8px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
font-size:18px;
cursor:pointer;
height:40px;
font-family:arial;
width:200px;
}

.form-site-add,
.form-site-edit,
{
margin-top:30px;
}

.form-site-edit .form-submit-alt {
background:#a84625;
color:white;
padding:4px;
border:0px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
cursor:pointer;
}

.form-desc {
background:#eee;
padding-left:10px;
height:40px;
-moz-border-radius: 0px 6px 6px 0px;
-webkit-border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
display:none;
}
.form-desc .text {
padding:12px;
color:#444;
font-size:12px;
font-family:arial;
}
.form-error,.form-error-block {
-moz-border-radius: 0px 0px 4px 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
margin-left:10px;
width:100%;
font-size:12px;
font-family:arial;
background:#fed;
text-align:center;
color:#555;
}
.form-error {
display:none;
}
.form-error-block {
display:block;
}

.workarea {
height:64px;
}
.cb{
clear:both;font-size:1px;}
.self-stats h3 {
color:#666;
font-weight:normal;
}
h4.promo-sub {
color:#777;
font-size:15px;
padding:0;
padding-left:10px;
margin:5px 0px 30px 5px;
font-weight:normal;
}
.spacer {
height:30px;
}
.menu-spacer {
margin:0px 10px;
}
.recaptchatable .recaptcha_image_cell, #recaptcha_table {
background-color:#eee !important;
}
.captcha {
width:440px;
height:135px;
}
.captcha .error {
background:#fca;
font-size:12px;
text-align:center;
}
.right-div {
width:600px;
text-align:right;
}
.menu {
border-top:3px solid #33cccc;
background:#67bfbf url('/images/white-top-arrow.png') no-repeat 0px 50px;
height:24px;
}
.menu-home {background-position:48px 16px;}
.menu-sites {background-position:120px 16px;}
.menu-stats {background-position:194px 16px;}

.menu-signup {background-position:100px 16px;}
.menu-login {background-position:165px 16px;}


.menu ul{
list-style:none;
margin:0;
font-size:12px;
font-family:arial;
font-weight:bold;
color:white;
padding-left:40px;
}
.menu ul li{
float:left;
padding:3px 5px 3px 5px;
}
.menu ul li a {
color:white;
}

select.site {
font-size:12px;
color:white;
font-family:arial;
background:#67bfbf;
border:1px solid white;
}
select.site .default {
font-style:italic;
}
.site-list-head,.site-list-tail {
color:white;
font-weight:bold;
font-size:12px;
font-family:arial;
width:100%;
}

.site-list-head {
-moz-border-radius: 4px 4px 0px 0px;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
margin-top:10px;
background:#aaa;
}
.site-list-head .text{
padding:3px 0px 3px 15px;
}
.site-list-tail {
-moz-border-radius:0px 0px 4px 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
background:#ccc;
height:10px;
}
.site-list{
min-width:600px;
border:1px solid #aaa;
width:100%;
}
.site-list th {
background:#e0e0e0;
border-bottom:1px solid #bbb;
font-size:12px;
font-weight:normal;
padding:3px;
color:#667;
border-right:1px solid #bbb;
}
.site-list td {
font-size:12px;
padding:6px 6px 6px 8px;
color:#333;
}
.site-list td {
border-right:1px solid #ddd;
}
.col3-1-content {
width:20%;
float:left;
}
.col3-2-content {
width:60%;
float:left;
}
.col3-3-content{
width:20%;
float:left;
}

.cols2-1-content {
width:19%;
float:left;
}
.cols2-2-content {
width:80%;
float:left;
}


.odd{background:#eee;}
.left-text { float:left; width:40%;}
.right-text { float:right;text-align:right;width:40%;padding-right:20px; }
.right-text a {color:white;}

#script-code {
width:100%;
max-width:300px;
height:175px;
font-size:10px;
background:#f3f3f3;
color:#444;
border:1px solid #ccc;
text-align:left;
font-family:courier new,courier;
}
.arrow-left {
font-size:25px;
font-family:tahoma;
font-weight:bold;
}
.demo-holder {
height:168px;
width:100%;
border:0px;
}
.add-heads td{
font-weight:bold;
color:#555;
font-family:tahoma;
padding-bottom:5px;
}
#form-config {
font-family:arial;
font-size:12px;
}
#form-config .form-submit {
height:18px;
font-size:12px;
padding:1px;
display:inline;
width:100px;
}
#form-varin {
margin-top:10px;
line-height:25px;

}
#form-varin table td {
font-size:12px;
}
.small-text {
font-size:10px;
padding-left:10px;
font-weight:normal;
}
.footer {
min-height:80px;
background:#27646F;
border-top:6px solid #57B4BF;
color:white;
}
.footer .copy{
font-size:12px;
margin:auto;
width:800px;
}
.beta-message {
padding-left:20px;
font-size:12px;
color:#cdf;
padding-bottom:20px;
}
.recent-sites,.recent-sites-line2 {
list-style:circle;
margin:0px;
}
.recent-sites li,.recent-sites-line2 li{
float:left;
padding:3px 30px 3px 6px;
margin:0px;
}
.recent-sites-line2 {
clear:both;
}
.recent-sites-line2 li {
font-size:12px;
}
.jswave {
line-height:0px;
font-size:0px;
text-decoration:none;
overflow:hidden;
position:relative;
left:0;
top:0;
}
.jswaveoverlay {
position:absolute;left:0;top:0px;
}
.jswaveline {
font-size:11px;
color:#000;
font-family:arial;
font-weight:bold;
}
.rnd5 {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

a.nolink {
text-decoration:none;
color:#222;
}
.code-nochange {
background:#eee;
border-bottom:1px dotted #888;
}
.code-changeable-req {
background:#cf7;
border-bottom:1px dotted #582;
}
.code-changeable-opt {
background:#bcf;
border-bottom:1px dotted #468;
}
.code-changeable-attr {
background:#fbc;
border-bottom:1px dotted #846;
}
.comm {
color:#373;
}

.stats-list {
list-style:none;
font-size:12px;
}

.map-data {
font-size:12px;
}
.table-data {
font-size:12px;
}
.table-data th {
font-size:12px;
background:#def;
color:#459;
font-weight:normal;
border-bottom:1px solid #9ad;
padding:3px 0px 3px 12px;
}
.thm-country-flag {
padding:0px 3px;
}
.flex-map {
width:800px;
height:600px;
text-align:center;
}
.flex-map-holder {
width:100%;
height:500px;
overflow:hidden;
}
.pie_chart {
height:300px;
}
.reporterror {
font-size:15px;
color:#777;
border:1px solid #bbb;
background:#fed;
padding:10px;
}
.reporterror div {
padding:4px 0px 0px 30px;
}
.screen {
background:#def;
border:1px solid #bcd;
float:left;
margin-left:10px;
margin-right:10px;
}
.screen_a {
float:left;
width:30px;
}
.pager {
font-size:12px;
}
.pager a, .pager b {
padding:0px 2px 0px 2px;
}
#overlay {
    width: 100%;
    min-height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background: url('/images/overlay.png') repeat 0 0;
    display: none;
    text-align: center;
}

#overlay-panel {
    margin: 10% auto 0 auto;
    width: 350px;
    background: #FFF;
}

/** ie6 and below only **/
* html #overlay {
    background-image: url('/images/overlay-ie6.png');
    height: 100%;
    position: absolute;
}
