/* === FLASH MESSAGES === */
div#flash-notice { background-color: #ffee00; color:black;font-size:16px;padding:10px 10px; margin-top:15px;width:100%;font-weight:bold;}
div#flash-warning {}
div#flash-error {background-color: #fad7d5; color:black;font-size:16px;padding:10px 10px; margin-top:15px;width:100%;font-weight:bold;}

/* === ERROR MESSAGES === */
div#errorExplanation {}
div#errorExplanation h2 {}
div#errorExplanation p {}
div#errorExplanation ul {}
div#errorExplanation ul li {}

/* === FORMS === */
div.fieldWithErrors {}
div.fieldWithErrors label {}
div.fieldWithErrors input, div.fieldWithErrors select, 
div.fieldWithErrors textarea{ }


html,body {overflow-x: hidden; background-color:white;height:100%;}
html {font-family:arial; color:#333;padding:0px; margin:0px;font-size:14px;}
body {height:100%;padding:0px; margin:0px;background-image:url('/images/background_dashboard.png');background-repeat:repeat-x;}
div { padding:0px; margin:0px;}
ul {margin:0px;padding:0px;}
fieldset {border:0px solid #eee;padding-top:0px;padding:0px;margin:0px;}
legend {font-size:15px;}
label { width:250px; display:block; float:left; font-size:20px; padding-bottom:10px;padding-top:0px;}
input[type="text"], input[type="password"] { border:1px solid #999; height:30px; background-color:white;width:250px;line-height:30px;font-size:20px;padding-left:4px;margin-bottom:10px;}
fieldset ul li { list-style-type:none;}
textarea.code {padding:10px;}
a { text-decoration:none;color:#999;text-decoration:underline;}
a:hover {color:black;}
a
{
  outline: none;
}

p {margin-bottom:30px;line-height:25px;}
h1 {font-size:40px; color:#666;font-family:arial;font-weight:bolder;}
h2 {color:#333;font-size:22px;margin:0px;margin-top:20px;padding:0px;font-weight:bold;}
code {border:1px solid white;color:white;}

.module h2 {margin-top:0px;}
.dashboard-column h2 {margin-top:0px;}
.container .content { padding:30px; padding-bottom:5px;padding-top:10px;}
.container.content {padding-bottom:5px;}
.clear {clear:both;}
.big {font-size:15px;}
.logofirst {font-weight:bold;color:#ffee00;letter-spacing:-1px;}
.logolast {color:#ffee00;letter-spacing:-1px;}

h4 { font-weight:normal;}
#tagline {text-align:center; color:black;padding:10px;line-height:30px; margin-bottom:30px; font-size:20px; background-color:#ffee00;}
#tagline .logofirst, #tagline .logolast {color:black;}

#tour { text-align:center;float:right;;width:200px;color:#ffee00;padding:10px;line-height:30px; margin-bottom:30px; font-size:20px; background-color:black;}
#tour a {color:#ffee00;}

.publiclink { width:100%;font-size:15px;height:20px;background-color:white; color:black; border:1px solid #ffee00; padding:10px;}
.publiclink a {color:#666;font-size:20px;}
#header {position:relative;right:0px;left:0px;z-index:100;height:55px;padding-left:0px;color:#ffee00;padding-top:0px;padding-bottom:0px;background-image:url('/images/headerbg.png');}
#header a {text-decoration:none;}
#header .content {padding:3px;padding-left:0px;padding-bottom:0px;}
#header h1 { padding:0px;font-weight:bold;margin:0px;float:left; color:#ffee00; letter-spacing:-1px;}
#header h1 .last { font-weight:normal;}
#header a { color:white;}
#header a img { border:0px;}
#header ul li a {}

 
#header ul {margin:0px; padding:0px;margin-top:7px;float:right;}
#header ul li { line-height:25px;font-size:16px; margin:0px;margin-left:20px; padding: 2px 0px;list-style-type: none; float:left;color:#eee;  }

#header ul li a { color:#ffee00;}
#header ul li a:hover { color:#ccc;}


#featureimages {  margin-left:-5px;float:left;margin-bottom:30px; height:371px; width:500px;}
#featureimages div { cursor:pointer;}
#features { letter-spacing:0px; margin-top:14px;text-align:left;width:340px;float:right; color:#ffee00;padding:0px;line-height:30px;  font-size:14px; background-color:#000000;padding-bottom:3px;padding-right:0px;}
#features a { background-color:none;font-weight:normal;color:#fff;}
#features a.selected {font-weight:bold;color:#ffee00;}


#footer {color:#999;text-align:center;font-size:11px;}
#footer .content { padding:5px;text-align:center;}
/*
#footer a {color:#999;text-decoration:underline;}

#footer li {float:left;margin-right:20px;}
#footer ul {list-style-type:none;margin:0px auto;}




#footer {width:400px;margin:0px auto;margin-top:20px;margin-bottom:20px;text-align:center;font-size:12px;color:#999;line-height:20px;}
*/
#footer a {color:#999;font-weight:bold;}




#container {position:inherit;left:0px;right:0px;top:200px;margin-top:0px;}
#container > .container { background-color:#eee;}
.container {margin:0px auto;width:1000px;}
#earthlog {float:right; width:470px; margin-top:20px;}
#info { width:100%; text-align:justify;float:left;line-height:20px;}
#info p {margin:0px;color:#666;} 
#info .content {padding:0px;} 


ul {margin:0px;padding:0px;}
#info ul { color:#666;margin:0px;padding-left:10px;}
#info ul li { list-style-type:none; }
#info p, #info ul {}

#info input[type="text"], #info input[type="password"] { width:150px; }
#info input[type="submit"] { margin-left:160px;}


.amtvisitors th {font-weight:strong; width:140px;}
.amtvisitors td {text-align:right;font-weight:normal; width:80px;color:#ffee00;}

.tour-image {float:right;width:500px; text-align:center;margin-bottom:40px;}
.tour-text {float:left; width:300px;font-size:15px;line-height:30px;text-align:justify; }
.tour-text h2 {font-size:20px; }

img.tour {border:3px solid #ccc;}

#signup { float:right;width:400px;text-align:center; color:#333;padding:10px;padding-top:1px;line-height:30px; margin-bottom:30px; font-size:20px; background-color:#fff; }
#standalone { float:left;width:330px;text-align:center; color:#333;padding:10px;line-height:30px; margin-bottom:30px; margin-top:30px; font-size:20px; background-color:white;}
#standalone img { border:3px solid white; }
#standalone .logofirst, #standalone .logolast {color:black;}
#signup .logofirst, #signup .logolast {color:#999;}


#signup form {width:400px; margin:0px auto;}
#signup form label {text-align:right; color:#666; width:120px;}


#try {width:130px;font-weight:bold; margin:0px auto;text-align:center; color:#ffee00;padding:10px;padding-top:10px;line-height:30px; margin-bottom:30px; font-size:20px; background-color:#999;}
#demo {width:230px;font-weight:bold; margin:0px auto;text-align:center; color:#ffee00;padding:10px;padding-top:10px;line-height:30px; margin-bottom:30px; font-size:20px; }
#demo a {color:#ffffff;text-decoration:none;}
#demo a:hover {color:#ffee00;}



.pricing .price {font-size:20px;}
.pricing small {color:#999;}


.topbar {
	height:50px;
	background-color:#ccc;
	padding:10px;
	font-size:20px;
	margin-top:30px;
}

.breadcrump select {
	display:inline;
}


/* DASHBOARD */
ul.subactions {margin:0px; padding:0px;margin-top:10px;float:right;height:30px;}
ul.subactions li { background-color:#999;line-height:25px;font-size:18px; margin:0px;margin-left:5px; padding: 2px 5px;list-style-type: none; float:left;color:#333;  }
ul.subactions li a {font-weight:normal; color:white;text-decoration:none;}
ul.subactions li a:hover { color:#333;}




.module {margin-bottom:20px; width:100%;background-color:white;border:1px solid #999;}
.block-2 {width:550px;}
.module .content {padding:10px;height:auto;}
.module .realcontent {min-height:300px;padding:15px;}
.module .first {background-color:#666; height:18px;padding:4px;padding-top:5px;padding-left:10px;color: #999;font-size:10px;border-bottom:1px solid #999;background-image:url('/images/gradientmenu.png');}
.module .first a { text-decoration:none;}
.module .first a, .module .first h2 {font-weight:bold;text-align:center;font-size:12px;color:black;float:left;color:#ffee00;padding-top:0px;}
.module .first h2 {padding-top:2px;}
.module .delimiter {width:100%; border-bottom:2px solid #999;}

.module .stat, .module .stat-small {width:100px;float:left;padding-top:20px;margin-left:0px;padding-bottom:20px;}
.module .stat .number, .module .stat-small .number {text-align:center;font-size:30px;font-weight:bold;}
.module .stat-smaller {width:100px;float:left;margin-top:0px;margin-left:0px;margin-bottom:10px;}

.module .stat-smaller .number {text-align:center;font-size:15px;font-weight:bold;}
.module .stat .description, .module .stat-small .description, .module .stat-smaller .description {text-align:center;font-size:10px;}



.stat-aggr {float:left;text-align:center;}

.module-maximized .stat-bottom .stat-small .number {font-size:50px;}


.module {position:relative;}
.module .actions{float:right;}
.module .realcontent { position:relative; left:0px;right:0px;top:0px;}
.module-maximized {position:absolute;}
.module-maximized .realcontent { position:absolute;bottom:0px;top:37px; }


.module-maximized .stat .number {font-size:80px;}

.module .stat-small {width:60px;}
.module .stat-small .number { font-size:20px;}

.module .stat-top {}
.module .stat-bottom {border-top:1px solid #ccc;padding-left:10px}
.module .stat-bottom-second {padding-left:10px}






.module-maximized { position:absolute;z-index:100;top:0px; left:0px; bottom:0px; right:0px; width:100%;margin-bottom:0px;}


.module .more {float:right;font-size:16px;background-color:#ccc;}
.module .more a {padding:5px;}
.module a {}

.toppages th {text-align:left;}


/*** Draggable **/
#dashboard {
	height:100%;
	min-height:200px;
	position:relative;
}

#dashboard .dashboard-column {

  float: left;
  width: 306px;
	height:100%;

	top:0px;
	bottom:0px;
	margin-right:10px;
	padding-bottom:100px;
}

#dashboard #dashboard-column-0 {}
#dashboard #dashboard-column-1 {}
#dashboard #dashboard-column-2 {}


#dashboard #dashboard-column-block-list {
  position: absolute;
  width: 200px;
  top: 180px;
  left: 10px;
  z-index: 10;
}
#dashboard-column-2.dashboard-column {
	margin-right:0px;
	float:right;
}
a.module-close, a.module-maximize,  a.module-minimize {
  float: right;
	top:0px;
	font-weight:normal;
	font-size:12px;
  cursor: pointer;
}
a.module-close {display:none;}
#dashboard .block-list-handle, #dashboard .handle {
  cursor: move;
}

.block-hover {
	border:1px dashed #999;
}




#module-manager .open {}
#module-manager {background-color:white;position:absolute;margin-left:650px;margin-top:50px;z-index:200;float:right;border:2px solid black;width:220px;margin-bottom:20px;}
#module-manager h2 {font-size:14px;float:left;}
#module-manager .toggle {display:block;cursor:pointer;font-size:12px;color:#ffee00;background-color:black; width:100%;height:100%;text-align:right;}
#module-manager .content {padding:10px;}

/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}




.map {width:278px;height:200px; border:1px solid black;background-color:#ccc;}



#module-activity-last-pings .meta {float:right;text-align:right;}
#module-activity-last-pings .entry {background-color:#eee;color:#999;padding:10px;margin-bottom:10px; left:0px;right:0px;} 
#module-activity-last-pings .odd { background-color:#ddd;}
#module-activity-last-pings .entry a {color:#999;}

#module-activity-last-pings .meta .date {font-size:10px;}
#module-activity-last-pings .meta .ip {font-size:10px;text-align:right;}
#module-activity-last-pings .title {font-size:16px;color:#333;font-weight:bold;}
#module-activity-last-pings .page {font-size:14px;color:#666;}
#module-activity-last-pings .pagedesc {font-size:9px;color:black;}
#module-activity-last-pings .referer {font-size:11px;color:#666;}
#module-activity-last-pings .refererdesc {margin-top:5px;font-size:9px;}

.topitem .groupedby {float:left;line-height:20px;font-size:12px;}
.topitem .hits {float:right;font-size:20px;}



.module .visitor { border:1px solid white;background-color:#eee;padding:10px; left:0px;right:0px;margin-bottom:10px;color:#999;}
.module .visitor-active {}
.module .oddvisitor {background-color:#dd;}
.module .visitor .ip {float:right;font-size:10px;text-align:right;}
.module .visitor .country {font-size:16px;color:#333;}
.module .visitor .page {font-size:10px;}
.module .visitor .referer {font-size:10px;}
.module .visitor .amtpages {font-size: 10px;text-align:right;}
.module .visitor .online {font-size: 10px;text-align:right;}


.module-caption {margin-bottom:10px;text-align:right;}

.graph-period {float:right;}

.errorExplanation {background-color:#fad7d5;border:1px dashed #ba2116;padding:10px;margin:10px 0px;}
.errorExplanation h2 {color:#ba2116;}
.errorExplanation p {margin-bottom:5px;}
.errorExplanation ul {margin-left:20px;margin-bottom:20px;}
.errorExplanation ul li {color:#ba2116;font-weight:bold;margin-top:5px;list-style-type:none;}

.front { position:absolute; left:0px;top:85px;right:0px;text-align:center;height:370px;margin-top:-35px;background-color:#ffee00;background-image:url('/images/homepage_vlak6.png'); border-top:1px solid black;}
.middle {margin:0px auto; width:1010px;}
.front h1 { color:#ffee00;}
.front .middle { }
	
.front .movie {margin-left:15px; margin-top:10px;width:437px;height:350px;float:left;border:1px solid #999;}
.front .info { float:right;padding:30px;margin-right:40px;width:380px;}
.front .big {color:black;font-size:35px;font-weight:bold;}
.front .small {font-size:18px;margin-top:10px;}
.front .smaller {font-size:14px;margin-top:0px;}
.front .smallest {font-size:12px;text-align:center;margin-top:-15px;}
.front .smallest a {text-decoration:underline;}


.front .taketour, .front .trydemo {width:50%;float:left;text-align:center;}
.front .taketour {text-align:right;}
.front .trydemo {text-align:left;}

.front .taketour a {text-decoration:underline;font-size:12px;margin-right:30px;color:black;}
.front .trydemo a {text-decoration:underline;font-size:12px;margin-left:30px;color:black;}


.bottom { position:absolute; left:0px;right:0px;top:405px; margin-top:50px;line-height:20px;}
.bottom .left {float:left;width:480px;text-align:justify;}
.bottom .right {float:right;width:480px;text-align:justify;}
.bottom .middle {background-color:white;width:1010px;}


.explanation { padding-left:20px;width:230px;}
.explimg {float:left;border:1px solid #999;margin-top:20px;}



.feature {margin-top:5px;padding:5px;padding-left:0px;margin-bottom:5px;border-bottom:1px dotted #ccc;}
.feature h3 { font-size:14px;margin:0px;margin-right:5px;font-weight:bold;font-size:14px;margin-bottom:4px;display:inline;color:#666;}
.feature p { margin:0px;margin-bottom:20px; display:inline; font-size:12px;font-size:14px;color:#999;}


.tour-feature {background-color:#eee;color:black;padding:20px;width:80%;margin:0px auto;padding-bottom:20px;margin-bottom:20px;}
.tour-feature-last {border:0px;padding:20px;}
.tour-feature p {margin:0px;font-size:13px;}
.tour-feature h3 {font-size:14px;margin-bottom:0px;}
p.tour-subtitle {font-size:18px;line-height:30px;margin-top:0px;width:800px;line-height:35px;color:#999;}
p.tour {margin-top:0px;font-size:15px;line-height:30px;}



.bottom h2 {font-weight:bold;font-size:18px;text-align:left;color:#444;margin-bottom:0px;border-bottom:1px dotted #999;}
.bottom p {margin-top:3px;color:#666;}


.bloghit {padding:10px; left:0px;right:0px;margin-bottom:10px;}
.bloghit .hits-holder {float:left;padding:0px 15px;}
.bloghit .hits {font-size:20px;}
.bloghit .hits-meta {font-size:10px;}
.bloghit .title {margin-left:45px;float:left;font-size:15px;font-weight:bold;display:inline;}
.bloghit .bcontent {font-size:11px;padding-top:5px;}
.bloghit .domain {float:left;font-weight:bold;font-size:10px;}
.bloghit .created_at {float:right;font-size:10px;}



.twitterhit {padding:10px; left:0px;right:0px;margin-bottom:10px;}
.twitterhit .avatar { width:70px; float:left;margin:0px 0px 10px 10px;}
.twitterhit .avatar img {width:48px;height:48px;}
.twitterhit .holder {width:100%;}
.twitter .title a {font-size:14px;}
.twitterhit .created_at {font-size:10px;text-align:right;}
.twitterhit .bcontent {font-size:11px;}








table.list {width:100%;border:1px solid #ccc;}
table.list td {border-right:1px solid #ccc;padding:10px;}


.withsidebar {width:600px;float:left;}
.sidebar { float:right;width:250px;}

ul li { margin-left:20px;padding-bottom:6px;}

#module-feedback-notice, #module-demo-trial-notice {background-color:#ffee00;color:black;font-weight:bold;}
#module-feedback textarea {height:50px;width:100%;}



table.list {border-collapse:collapse;}
table.list tr {}
table.list th {padding:10px;}
table.list td {}
table tr.header {background-color:black;color:#ffee00;}
table tr.header th {border-left: 1px solid #ccc;}

form.search {width:370px;}
form.search input { font-size:12px;height:20px;padding-top:1px;line-height:12px;}


.notinstalledcode { background-color:#e6f7d5;margin-bottom:20px;}
.notinstalledcode .content {padding:10px;}



#popup {position:fixed;top:30px;left:30px;right:30px;width:auto;bottom:30px;z-index:200;}

form .fieldWithErrors {display:inline;}
form.survey ul li {list-style-type:none;}

img {border:0px;}
a {padding:0px;margin:0px;border:0px;}



.tabs-home {float:left;margin-right:10px;width:150px;} 
.tabs-home .text {text-align:left;font-weight:bold;font-size:11px;padding-top:10px;padding-left:20px;}

.top-title {padding:0px;text-align:left;padding-top:2px;padding-bottom:0px;float:left;padding-left:5px;padding-top:10px;padding-left:8px;}
.top-title .title {font-size:18px;font-weight:bold;}
.top-title .url {font-size:11px;color:#666;}

.tabs-main {float:right;margin-top:3px;margin-left:0px;overflow:auto;}
.tabs-main #home {float:left;margin-right:10px;}

.tabs-main select {margin-left:20px;width:200px;margin:0px;margin-top:2px;padding:0px;float:left;}


.tabscontainer {  border-bottom:1px solid #eee;margin-bottom:20px;}
.topcontainer {margin-bottom:0px;margin-top:0px;text-align:center;margin-bottom:5px;padding:5px;}
ul.tabs {overflow:auto;margin:0px auto;padding:0px;padding-left:0px;float:left;margin-top:0px;width:100%;background-color:#eee;}
ul.tabs li {cursor:pointer;float:left;color:#999;padding:10px 10px;margin:0px 0px;margin-left:0px;list-style-type:none;font-weight:bold;font-size:13px;padding-bottom:8px;padding-top:8px;color:#333;border:1px solid white;border-top:1px solid #eee;border-bottom:1px solid #eee;background-color:#eee;}
ul.tabs li:hover {color:#bbb;}
ul.tabs li.selected {color:#333;background-image:url('/images/gradientmenu_selected.png');border:1px solid #ffee00;}


#tabcontainer {width:100%;}

.column {padding:5px;width:auto;}
.dashboard-column-1 {float:left;width:300px;}
.dashboard-column-2 {float:right;width:600px;}

.column-1 {padding:5px;float:left;width:450px;}
.column-2 {padding:5px;float:right;width:450px;}


.websites-column-1 {float:left;width:450px;}
.websites-column-2 {float:right;width:450px;}

.visitorlist-column-1 {float:left;width:450px;}
.visitorlist-column-2 {float:right;width:450px;}

.goals-column-1 {float:left;width:300px;}
.goals-column-2 {float:right;width:600px;}


#tabloader-holder {position:absolute;width:20px;height:20px;right:10px;top:0px;}
#tabloader {width:100%;text-align:center;padding-top:10px;padding-bottom:10px;}


#module-googlemaps .realcontent {height:500px;}

.top h1 {font-size:18px;}
.top .title {float:left;}
.top .breadcrump {float:right;padding-bottom:1px;}


table.summary {width:100%;}
table.summary td, table.summary th {border:1px dotted #ccc;padding:10px;}