@charset "utf-8";
*{
  margin: 0;
  padding: 0;
  font-style: normal;
}

.wokiba{
  padding: 20px;
  font-family: Arial, Helvetica, sans-serif;
  color: #303030;
  background: #FEFEFE;
}

img{
  border: 0;
  vertical-align: bottom;
}
#footer{
  width: 100%;
  height: 30px;
  clear: both;
}
#footer address{
  font-size: 12px;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  color: #666;
}

.toppage_table{
  width: 80%;
  border: 0px;
  margin: 10px;
}
.toppage_customize_table{
  width: 300px;
  background-color: #FFFFCC;
  padding:5px;
}

.stats_body{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000;
  background:  #FDFDFD;
  height: 100%;
  margin:0;
  padding:0;
}
#step {
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  color: #BB2222;
  text-align: center;
  margin-top: 0.5cm;
  margin-bottom: 0.5cm;
}
#widgets{
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  color: #CC2222;
  text-align: center;
}
#ptext{
  font: 14px Arial, Helvetica, sans-serif;
  color: #111;
}
#ctext{
  font: 10px Arial, Helvetica, sans-serif;
  color: #111;
}
#text{
  font: 14px Arial, Helvetica, sans-serif;
  color: #111;
}
#slider-1 {
  margin: 10px;
  width:  150px;
}
#slider-2 {
  margin: 10px;
  width:  50px;
}
.color_sel{
  width: 15px; 
  height: 15px; 
  border: 1px solid #000; 
  cursor: pointer;
}
.smalledit{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  width: 30px;
}
.styled {
  width: 280px;
  height: 75px;
  border: 1px solid #CCC;
  background-color: #F5F5F5;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
}
.buttonNA {
  border: 1px #FFF;
  background: #EEE;
  color: #555;
  width: 150px;
  text-align: left;
  height: 30px;
}
.buttonA {
  border: 1px #FFF;
  background: #6E94FF;
  width: 150px;
  color: #000;
  text-align: left;
  height: 30px;
}
.date{
  border: 0px;
  font: 12px Arial,Helvetica,sans-serif;
  background-color: #FFF;
  width: 70px;
  text-transform: uppercase;
}
.divNA {
  background: #CCC;
  font-family: Arial, Helvetica, sans-serif;
  color: #222;
}
.divA {
  background: #6E94FF;
  font-family: Arial, Helvetica, sans-serif;
  color: #111;
}
.window_ajax{
  width: 280px;
  height: 100%;
  background: url("./ajax-loader.gif") no-repeat center;
}
.widget_js_ajax{
  filter:alpha(opacity=50);-moz-opacity:0.50;opacity:0.50;
}
.widget_js{
}
div.logo{
  left: 0px;
  background: url("./logo.gif") no-repeat;
  width: 272px;
  height: 61px;
}
div.logotext{
  text-align: right;
  font-weight: bold;
  margin-right: 0.3cm;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #666;
}
a.howto{
  text-decoration: none;
  font-size: 11px;
}
ul.postnav,ul.postnav li{
  margin:0;
  padding:0;
  list-style-type:none
}
ul.postnav li{
  float:left;
  width: 160px;
  margin-left: 15px
}
ul.postnav a{
  display:block;
  width: 160px;
  padding:5px 0;
  font: bold 100% Verdana,Arial,sans-serif;
  background: #ADD8E6;
  color: #666;
  text-decoration:none;
  text-align:center
}
ul.postnav a:hover{
  background: #87CEFA;
  color:#000080
}


ul.postnav_NA,ul.postnav_NA li{
  margin:0;
  padding:0;
  list-style-type:none
}
ul.postnav_NA li{
  float:left;
  width: 160px;
  margin-left: 15px
}
ul.postnav_NA a{
  display:block;
  width: 160px;
  padding:5px 0;
  font: bold 100% Verdana,Arial,sans-serif;
  background: #DDD;
  color: #666;
  text-decoration:none;
  text-align:center
}
ul.postnav_NA a:hover{
  background: #CCC;
  color:#000080
}

.table_NA{
  border: 0;
  margin-left: auto;
  margin-right: auto;
}
div#url{
  width: 800px;
  margin: 0px auto;
  padding: 30px 15px 15px 0px;
  background:  #F0F0F0;
  color:#000;
}
div#sites{
  width: 800px;
  margin: 0px auto;
  padding: 30px 15px 15px 0px;
  background:  #F0F0F0 url("./ajaxtp.gif") no-repeat center;
  color:#000;
}
div.widget_preload{
  background:  #FFF url("./ajaxtp.gif") no-repeat center;
  height: 400px;
}
div.widget_preload p{
  line-height: 320px;
  font-size: 20px;
  color: #BBB;
}
.sites_ol{
  padding: 30px 0px 0px 60px;
  text-align:left;
}
.sites_stats{
  font-size: 16px;
  text-align: left;
  color: #888;
  padding: 20px 0px 20px 60px;
  font-weight: bold;
}
.id_url{
  border: 1px solid #D5D5D5;
  font-weight: bold;
  font-size: 16px;
  width: 450px;
  height: 25px;
  text-transform: lowercase;
  margin-left: 15px;
}
div.id_links{
  margin-left: 15px;
  text-align: left;
}
div#label_large{
    font: bold 100% Verdana,Arial,sans-serif;
}
div#ptextr{
  font: 12px Arial, Helvetica, sans-serif;
  color: #111111;
  text-align: right;
  width: 100px;
}
.email_field{
  font: 12px Arial, Helvetica, sans-serif;
  border: 1px solid #D5D5D5;
  width: 245px;
  background-color: #FFF;
}
div#err_info{
  font: 11px Arial, Helvetica, sans-serif;
  width: 100%;
  color: #440000;
  text-align: center;
}
.groovybutton{
   font-size:12px;
   font-weight:bold;
   color:#666666;
   background-color:#87CEFA;
   border-style:solid;
   border-color:#87CEFA;
   border-width:1px;
}
div.widget{
  width:260px;
  background:  #F0F0F0;
  margin-top: 20px;
  position: relative;
  text-align: center;
}
div.widget .caption{
  text-align:center;
  font: 14px Verdana,Arial,sans-serif #111;
  text-transform: uppercase;
  color: #000080
}
ul.small_button,ul.small_button li{
  margin:0;
  padding:2px;
  list-style-type:none
}
ul.small_button li{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  width: 160px;
}
ul.small_button a{
  display:block;
  width:160px;
  padding:0px;
  font:14px Verdana,Arial,sans-serif;
  background: #ADD8E6;
  color:#666;
  text-decoration:none;
  text-align:center
}
ul.small_button a:hover{
  background: #87CEFA;
  color:#000080
}
ul.small_button_NA,ul.small_button_NA li{
  margin:0;
  padding:2px;
  list-style-type:none
}
ul.small_button_NA li{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  width: 160px;
}
ul.small_button_NA a{
  display:block;
  width: 160px;
  padding:0px 0;
  font: 14px Verdana,Arial,sans-serif;
  background: #DDD;
  color: #666;
  text-decoration:none;
  text-align:center
}
ul.small_button_NA a:hover{
  background: #CCC;
  color:#666
}
div.center{
  width: 100%;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
div.small{
  font: 8px Arial, Helvetica, sans-serif;
  color: #666;
}
td.widget{
  text-align: center
}
.color{
  border: 1px solid #D5D5D5;
  font-size: 12px;
  width: 50px;
  text-transform: uppercase;
  margin-right: 10px;
}

/*MAP addons*/
#loading{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5000;
  background-color: red;
  font-size: 14px;
  color: white;
  padding: 1px;
}

#ajax_loading{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5000;
  background-color: red;
  font-size: 14px;
  color: white;
  padding: 1px;
}


table.map{
  width: 100%;
  height: 100%
}

table.map td div.header {
  background-color: #5A5A5A;
  font-size: 16px;
  font-weight: bold;
  padding-top: 2px;
  color: #FFF;
  height: 22px;
  width: 100%;
}

div.flashbrd {
  width: 100%;
  height: 100%;
  background: #F0F0F0 none repeat scroll 0 0;
}

div.flashbrd div.flash{
  padding: 10px 10px 10px 10px;
  height: 93%
}

/* min-width */
.outer {
  margin:0 auto;
  min-width: 1000px;
}

/* min-width for IE6 */
* html .outer {padding-left: 1000px}
* html .minwidth {height:0}
* html .container {margin-left:-1000px;position:relative; height:0}

div.marketingodd{
  width: 100%;
  text-align: left;
  background-color: #FFF;
  padding: 2px;
}

div.marketingeven{
  width: 100%;
  text-align: left;
  background-color: #FAFAFA;
  padding: 2px;
}

span.percents{
  text-align: right;
 /* width: 80px;*/
  float: right;
}

div.marketerror{
  width: 100%;
  text-align: center;
  background-color: #FFF;
  font-weight: bold;
  padding: 2px;
}