/*ExactoStats style.css*/

@import "reset.css";

h1 { font-size:2.0em; margin: .3em; }
h2 { font-size:1.8em; margin: .3em; }
h3 { font-size:1.5em; margin: .3em; }
h4 { font-size:1.3em; margin: .3em; }
h5 { font-size:1.2em; margin: .3em; }
h6 { font-size:1em; margin: .3em; }

body { font-family:'Lucida Grande', verdana, sans-serif; font-size: 14px; background: #EEE url(body-bg.jpg); }

.clear { clear:both; }
.point { cursor:pointer; }
.left { float:left; }
.right { float:right; }
.center{ margin-left:auto; margin-right:auto; }
.small { font-size: .8em; }
.bigger { font-size: 1.2em; }
.big { font-size: 2.2em; padding: .1em; margin: .1em auto; }


a { text-decoration: none; color:#4377B9; }
	a:hover { color:#c453c9; text-decoration:none; }
	a img { border:none; }
	a.smallLink { font-size:.8em; }

b { color:#00284a; font-weight:550; }

p { font-size: 1em; padding: 3px; line-height: 1.2em; }

input { font-size: 1em; }
input[type=text], input[type=password] { background: #FFF url('input-gradient.jpg'); height: 1.2em; margin: 5px; padding: 2px; width: 90%; }

table input[type=text], input[type=password] { width: 150px; }

#wrap1 { width:910px; padding:0px 10px; margin:0px auto; background-image:url(dropShadow.png); background-repeat:repeat-y; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

#wrap2 { width:908px; margin:0px; padding:0px; background-color:#fff; border: 2px solid #777; -moz-border-radius: 10px; -webkit-border-radius: 10px;}

#header { background: url('header_background.png'); background-repeat: repeat-x; width:97%; height:120px; margin:4px; padding:10px }
	#headerShadow { background-image:url(headerShadow.png); background-position: 0px 0px; width:930px; height:5px; padding:0px; margin:0px auto; margin-top:5px; background-repeat:no-repeat; background-position:bottom; }
	
	#header #home { width: 400px; height: 100px; background: url(header.png) no-repeat; }
	
#navbar { background: #FFF; -moz-border-radius-topleft: 10px; -webkit-border-radius-topleft: 10px; border:3px solid #DDD; border-bottom:none; margin-top: -50px; width:452px ;height:30px; text-align:right; margin-left:450px; }
	#navbar ul { width:100%;list-style:none;margin:0px;margin-top:4px;margin-bottom:4px;display:inline;float:left; }
	#navbar li { float:left; }
	#navbar a { padding:0px 15px; color:##008899; text-decoration:none; font-size:1.3em; font-weight: 700; font-style: italic; }
	#navbar a:hover { color:#c453c9; }

#content { background: #FFF; width: 900px; min-height:300px; margin: 0px; padding:0px 4px; padding-top: 15px; text-align:center; }

#footer { width:906px; height:15px; margin:0px auto; padding:10px 0px; font-size:.6em; text-align:center; color:#555; }
	#footerShadow { background-image:url(footerShadow.png); width:930px; height:15px; padding:0px; margin:0px auto; background-repeat:no-repeat; background-position:top; }


.window { background: #FFF url('box-gradient.jpg') repeat-x; border:solid 2px #888; padding:3px; margin:20px auto; font-size: 1em; text-align:center; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
	
	.window table { margin: 7px auto; font-size: 1em; }
	.window td { text-align: left; border:none; }
	.window td:first-child { text-align: right; border:none; }

	.windowTop { font-size: 1.4em; font-weight: 500; margin:-3px; margin-bottom: 8px; padding:3px; text-align:center; }


#loglinks { top: 0px; margin-right: 20px; text-align:right; }
	#loglinks a { font-size: 1.3em; }

#ajaxIndicator { width:100%; height:150px; display:none; position:relative; }

#home { float:left; margin-top:50px; margin-left: 250px; font-size: 3.7em; color: #444;  }


 
.standard { width: 415px; min-height: 200px; margin:10px; }

.greenButton { cursor:pointer; width:150px; height:40px; background-image:url(buttonGreen.png); }

.greenButton:hover { background-image:url(buttonGreenHover.png); }

.greenButton p { font-size:1.2em; text-align:center; margin:4px; }

.code { background-color:#DDD; border:2px dashed #777; opacity: 0.7; }

.error p{ font-size: 1.1em; background-color:#FFCCCC; border:1px dotted #FF3333; margin:5px; padding: 7px; }

.mediumLabel { font-size: .8em; font-style:italic; }

.bigNum { font-size:1.5em; font-weight:bold; text-align:center; }

.label { font-size: .9em; font-weight:bold; }

.emphesize { font-size: 1.2em; font-weight:bold; }

.toolBar { float: left; width: 99%; background: #F1F1F1; margin: 0px; padding: 3px; font-size: .8em; text-align: right; border: 1px solid #BBB; }

#trackedPages { padding: 10px; }

#pageList { background: #FAFAFA; } 

form td { text-align: left; }
form td:first-child { text-align: right; }

table {
	font-size: .8em;
	margin: 5px auto;
}

table tr td{
	border:1px solid #DDD;
	padding:4px;
	margin:0px auto;
}

table th {
	border:1px solid #DDD;
	font-weight:bold;
	padding: 4px;
}

table.stats {
	width:100%;
	margin:7px auto;
	overflow:hidden;
}

tr.tr1 {
	background-color:#EFFFEF;
}

tr.tr2 {
	background-color:#EFEFFF;
}

#visitorsData td { height: 50px; overflow: hidden; }

.smallLabel {
	font-size: .6em;
	font-style:italic;
}

.smallText , .smallText p {
	font-size: .8em;
}

#pageList {
	overflow:hidden;
}

#scrollWindow {
	width:100%;
	height:100%;
	margin:8px 7px;
	margin-top:0px;
	overflow:scroll;
	background-color:#FFFFFF;
}


#home {
	float:left;
	margin:10px;
}



.fixedStandard {
	position: relative;
	width: 415px;
	height: 255px;
	margin:10px;
}

.overlap {
	position:absolute;
	top:30px;
	left:0px;
	height:225px;
	width: 100%;
	text-align:center;
}



.box {
	width:415px;
	margin:5px;
	margin-top:-1px;
	margin-bottom:10px;
	border:solid 1px #555;
}

.smallBox {
	width:240px;
}

.bigBox {
	width:620px;
}

.planBox {
	float:left;
	width:415px;
	height: 150px;
	margin:5px;
	padding:5px;
	text-align:center;
	border:1px solid #DDD;
}

.padding tr td {
	padding:4px 8px;
}

.greenButton {
	color: #000;
	cursor:pointer;
	width:150px;
	height:40px;
	background-image:url(buttonGreen.png);
}

.greenButton:hover {
	background-image:url(buttonGreenHover.png);
}

.greenButton p {
	font-size:1.2em;
	text-align:center;
	margin:4px;
}
div.title {
	width:420px;
	border:solid 1px #555;
	margin:0px 5px
}

div.smallTitle {
	width:100%;
}

div.bigTitle {
	width:620px;
}

.strictWidth {
	width:350px;
	overflow:hidden;
}

.code {
	margin:4px auto;
	font-size:.8em;
	background-color:#EEEEEE;
	border:1px dotted #CCCCCC;
	width:90%;
}

.error p{
	font-size:1em;
	background-color:#FFCCCC;
	border:2px dotted #FF3333;
	margin:5px;
	padding: 5px;
}


.ui-wrapper { border: 1px solid #50A029; }
.ui-wrapper input, .ui-wrapper textarea { border: 0; }