/* reset.css */
* {
margin: 0;
padding: 0;
}
body {
    width: 998px;
    padding: 0;
    margin: 0px auto;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 12px;
}

a {
    color: #2f93ec;
    text-decoration: none;
}
a,
input:focus
{
	outline: none !important;
}
a:hover,
a.active {
    color: #2b447a;
    text-decoration: underline;
}
img {
	color: transparent;
}
p {margin: 0;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;margin: 0;}
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
img { border: none;}
a { cursor: pointer; }

/* common.css */

.loading {
	background-image: url(../images/loading.gif);
	background-position:center 2px;
	background-repeat:no-repeat;
	color: transparent;
}

.warning {
	background-color:#FDFDEF;
	border: 1px solid #EBE9C5;
}


ul.left {
    list-style: none;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
    ul.left li {
        float: left;
    }

.background-image {
    margin: 0;
    padding: 0;
    height: 1px;
    overflow: hidden;   
}

.round {
    -moz-border-radius:5px;
	-webkit-border-radius: 5px;
}

dl.box {
    margin: 0;
}
    dl.box dt {
        margin: 0;
        color: #b0b0b0;
        text-transform: uppercase;
        border-bottom: 1px solid #cccccc;
        padding-bottom: 4px;
        margin-bottom: 10px;
    }
    dl.box dd {
        margin: 0;
    }
    
span.date-hover,
span.date {
    color:#9B9B9B;
    font-family:Georgia,"Times New Roman",Times,serif;
    font-size:11px;
    font-style:italic;  
}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

.container-clear {
	clear: both;
	overflow: hidden;
}

/* screen.css */

#header, #content, #footer, #login {
	width: 961px;
	margin: auto;
}

#header {
	overflow: hidden;
	margin-bottom: 10px;
}
	#header h1#logo a {
		display: block;
		background: transparent url(../images/pixao.gif) no-repeat top left;
		padding-top: 53px;
		width: 225px;
	}
	#header ul#navbar {
		float: right;
		margin-top: -35px;
		font-size: 11px;
	}
		#header ul#navbar li {
			
		}
			#header ul#navbar li a {
				margin-right: 5px;
				padding-right: 5px;
				border-right: 1px solid #2f93ec;
				text-decoration: none;
			}
			#header ul#navbar li a:hover {
				text-decoration: underline;
			}
			#header ul#navbar li a.last {
				margin-right: 0px;
				padding-right: 0px;
				border-right: none;
			}
	#header .warning {
		font-weight:bold;
		font-size: 11px;
		margin:8px 0 0;
		padding:4px;
		overflow: hidden;
	}
		#header .warning a {
			float: right;
		}
	#header .welcome-message {
		font-size:11px;
		font-weight:bold;
		margin:8px 0 0;
		overflow:hidden;
		padding:4px;
		background-color:#CFE6FF;
		border:1px solid #6FA5DF;
	}
		#header .welcome-message ol li {
			margin-left: 20px;
		}
	
#login {
	display: none;
	margin-bottom: 10px;
}
	#login form {
		padding: 10px;
		padding-top: 30px;
	}
	#login form label {
		position: absolute;
		margin-top: -20px;
	}

#content {
	
}
	#content .primary {
		padding-top: 4px;
		background: transparent url(../images/primary-top.jpg) no-repeat top left;
		margin-bottom: 5px;
	}
		#content .primary .header {
			border-left: 1px solid #cccccc;
			border-right: 1px solid #cccccc;
			border-bottom: 1px solid #cccccc;
			background-color: #f1f1f1;
			overflow:hidden;
			padding-bottom:2px;
			-height: 0.01%;
		}
			#content .primary .header h2,
			#content .primary .header h3,
			#content .primary .header h4,
			#content .primary .header h5,
			#content .primary .header h6 {
				background:transparent url(../images/chevron.gif) no-repeat scroll 100% 50%;
				float:left;
				font-size:14px;
				font-weight:normal;
				margin:0 0 0 0;
				padding:0 10px 0 5px;
			}
			#content .primary .header li.last h2,
			#content .primary .header li.last h3,
			#content .primary .header li.last h4,
			#content .primary .header li.last h5,
			#content .primary .header li.last h6 {
				background:transparent none repeat scroll 0 0;
				font-weight:bold;
				margin-left:5px;
				padding:0;
			}
			#content .primary .header li.date {
				float: right;
			}
			#content .primary .header li.date span.date {
				margin-right:10px !important;
				margin-top:1px !important;
			}
		#content .primary .content {
			border-left: 1px solid #cccccc;
			border-right: 1px solid #cccccc;
			padding: 5px 5px 2px;
			overflow: hidden;
			-height: 0.01%;
		}
		#content .primary .footer {
			line-height: 4px;
			height: 4px;
			background: transparent url(../images/primary-bottom.jpg) no-repeat bottom left;	
		}
	#content .secondary {
		padding-top: 3px;
		background: transparent url(../images/secondary-top.jpg) no-repeat top left;
	}
		#content .secondary .header {
			background-color: #ededed;
			overflow:hidden;
			padding: 5px 10px;
			margin-bottom: 2px;
		}
			#content .secondary .header span {
				margin-right: 5px;
				font-weight: bold;
				color: #333333;
			}
			#content .secondary .header small {
				color: #818181;
			}
			#content .secondary .header a {
				float: right;
			}
		#content .secondary .content {
			
		}
			#content .secondary .content .notice {
				background-color:#EFEFEF;
				font-weight:bold;
				padding: 10px;
				text-align:center;
			}
#footer {
	border-top-color:#CCCCCC;
	border-top-style:solid;
	border-top-width:1px;
	margin:0 auto;
	padding-top:5px;
	clear: both;
}
	#footer ul.navbar {
		float:right;
		text-align:left;
	}
		#footer ul.navbar li a {
			margin-right: 5px;
			padding-right: 5px;
			border-right: 1px solid #2f93ec;
			text-decoration: none;
		}
		#footer ul.navbar li a:hover {
			text-decoration: underline;
		}
		#footer ul.navbar li a.last {
			margin-right: 0px;
			padding-right: 0px;
			border-right: none;
		}

	#footer ul.statistics {
		overflow: hidden;
		list-style: none;
	}
	
		#footer ul.statistics li {
			float: left;
			overflow: hidden;
			color: #1F1F1F;
			font-size: 11px;
		}
		
			#footer ul.statistics li img.spacer { 
				float: left;
				background: transparent url(../images/pixao.gif) no-repeat 1px 1px;
				padding-right: 2px;
				width: 20px;
				height: 20px;
			}
		
		#footer ul.statistics li.time {
			
		}
			#footer ul.statistics li.time img.spacer {
				background-position: 0px -238px;
			}
		
		#footer ul.statistics li.sql {
		
		}
			#footer ul.statistics li.sql img.spacer {
				background-position: 0 -283px;
			}
		#footer ul.statistics li.memory {
		
		}
			#footer ul.statistics li.memory img.spacer {
				background-position: 0 -217px;
			}
		#footer ul.statistics li.gzip {
		
		}
			#footer ul.statistics li.gzip img.spacer {
				background-position: 0 -259px;
			}
	#footer span.copyright {
		display: block;
		clear: both;
	}
	
/* queries */
#queries {
	list-style: none;
}
	#queries li {
		font-size: 10px;
		margin-bottom: 10px;
		background-color:#FFFFFF;
		border:1px solid #696969;
		padding:5px;
	}
		#queries li h2 {
			font-size: 28px;
			color: #FF0000;
		}
		#queries li .slow {
			color: #FF0000;
		}
		#queries li .fast {
			color: #118F2E;
		}
		#queries li .normal {
			color: #696969;
		}
		#queries li pre {
			margin-left: 20px;
		}
.favicon-facebook {
	background: transparent url('../images/pixao.gif') no-repeat scroll -26px -219px;
}
.favicon-twitter {
	background: transparent url('../images/pixao.gif') no-repeat scroll -26px -236px;
}
.favicon-tumblr {
	background: transparent url('../images/pixao.gif') no-repeat scroll -26px -253px;
}