@import "layout.css";
@import "navigation.css";

html, body {
	height: 100%;
}
body {
	margin: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 80%;
	color: #666666;
	background: #fff url('/images/background-header.gif') repeat-x left top;
}
body.thickbox {
	background-image: none;
	margin: 15px;
}
p, td, div, span {
	font-size: 100%;
}
h1 {
	font-size: 140%;
	font-weight: bold;
	color: #1F2636;
}
h2 {
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 0px;
}
h3 {
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 0px;
}
hr { 
	height: 1px;
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
}
a:link { color: #666666; }
a:visited { color: #666666; }
a:hover { color: #000000; }
a:active { color: #666666; }

.colorRed {
	color: #FF0000;
}
.colorGrey {
	color: #808080;
}
.small {
	font-size: 85%;
}
.smaller {
	font-size: 80%;
}
.large {
	font-size: 110%;
}
.larger {
	font-size: 120%;
}
p.indent, div.indent {
	margin: 2px 0px 2px 15px;
}
p.indentMore, div.indentMore {
	margin: 2px 0px 2px 35px;
}
p.noMargin {
	margin: 2px 0px 2px 0px;
}
.normal {
	font-size: 100%;
	color: #808080;
	font-weight: normal;
	text-decoration: none;
}
table.borderTable {
	border-collapse: collapse;
}
table.borderTable th {
	text-align: center;
	vertical-align: middle;
	border: 1px solid #4B597A;
	height: 20px;
}

table.borderTable td.borderTableContent {
	padding: 10px 10px 10px 10px;
}
table.statsTable {
	border-collapse: collapse;
	border: 1px solid #CCCCCC;
}
table.statsTable th {
	 background: #4B597A url('/images/bevelBlue.gif') repeat-x top;
	 color: #FFFFFF;
	 text-align: left;
	 font-size: 120%;
}
table.statsTable tr:hover td {
	background-color: #eee;
}

input.button {
	background: #4B597A url('/images/bevelBlue.gif') repeat-x top;
	border: none;
	padding: 3px 5px;
	color: #fff;
	font-weight: bold;
}


input.button:hover {
	cursor: pointer;
	color: #ccc;
}
a.imageSection {
	text-decoration:none; 
	color: #FFFFFF; 
	display: block;
	padding: 3px 0px 3px 3px;
}
a.imageSection:link, a.imageSection:visited {
	background: #4B597A url('/images/bevelBlue.gif') repeat-x top;
	color: #FFFFFF;
}
a.imageSection:hover, a.imageSection:active {
	background: #4B597A url('/images/bevelBeige.gif') repeat-x top;
	color: #000000;
}
td.borderLeft {
	border-left: 1px solid #CCCCCC;
}



.pages {
	border: 1px solid #ccc;
	overflow: auto;
	margin-bottom: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
	.pages .heading {
		background: #4b597a url('/images/bevelBlue.gif') repeat-x left top;
		color: #fff;
		text-align: left;
		font-size: 120%;
		padding: 5px 7px;
		font-weight: bold;
		cursor: pointer;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
	}
	.pages .closed {
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	
	.pages .page {
		overflow: auto;
		clear: both;
		padding: 4px 0;
	}
	.pages .page:hover {
		background-color: #eee;
	}
	.pages .level-0 { padding-left: 5px; }
	.pages .level-1 { padding-left: 15px; }
	.pages .level-2 { padding-left: 30px; }
	
		.pages .page .title {
			width: 600px;
			font-weight: normal;
			float: left;
		}
		.pages .level-0 .title {
			font-weight: bold;
		}
		.pages .page .icon {
			float: right;
			width: 25px;
		}