/*
Template: #EEEEEE #AAAAAA
Labels: #3399CC #777777
Shadows: #EDEDED #CCCCCC #777777
Borders: #999999 #FFFFFF
Selection: #B2E1FF #ABDDFF
*/

body {
	font-family:Verdana, sans-serif;
	font-size:13px;
	color:#777777;
	background:#EEEEEE;
}
a {
	color:inherit;
}
fieldset {
	border-radius:9px;
	border-top:solid 1px #FFFFFF;
	border-right:solid 1px #AAAAAA;
	border-bottom:solid 1px #AAAAAA;
	border-left:solid 1px #FFFFFF;
	margin:10px;
}
label {
	font-size:11px;
}
label,
legend {
	font-weight:bold;
}
legend {
	font-size:15px;
	color:#3399CC;
	padding-left:0px;
}
input,
select {
	font-weight:bold;
	border:none;
	border-top:solid 1px #777777;
	border-left:solid 1px #777777;
	border-radius:5px;
	padding:5px;
	background-color:#CCCCCC;
	color:#777777;
}
button,
input[type=submit],
input[type=button],
select {
	font-size:0.9em;
	font-weight:bold;
	color:#3399CC;
	padding:1px 10px 2px 10px;
	cursor:pointer;
	border:none;
	border-top:solid 1px #CCCCCC;
	border-left:solid 1px #777777;
	border-right:solid 1px #CCCCCC;
	border-bottom:solid 1px #777777;
	background: #FFFFFF;
	background: linear-gradient(top, #FFFFFF, #CCCCCC) no-repeat;
	background: -webkit-linear-gradient(top, #FFFFFF, #CCCCCC);
	background: -o-linear-gradient(top, #FFFFFF, #CCCCCC);
	background: -moz-linear-gradient(top, #FFFFFF, #CCCCCC);
}
button:hover,
input[type=submit]:hover,
input[type=button]:hover {
	border:solid 1px #3399CC;
}
h1 {
	color:#3399CC;
	font-size:40px;
	text-shadow:3px 3px 3px #AAAAAA;
	font-style:italic;
	margin:10px;
}
h2 {
	color:#AAAAAA;
}

.Accordion > a {
	border-bottom:solid 1px #999999;
	padding:5px;
}
.Accordion > div {
	background-color:#EEEEEE;
	color:inherit;
}
.Alert,
.Accordion > a,
.Article > .head,
.DataGrid > thead {
	color:#3399CC;
	font-weight:bold;
	background: #EEEEEE;
	background: linear-gradient(top, #EEEEEE, #AAAAAA) no-repeat;
	background: -webkit-linear-gradient(top, #EEEEEE, #AAAAAA);
	background: -o-linear-gradient(top, #EEEEEE, #AAAAAA);
	background: -moz-linear-gradient(top, #EEEEEE, #AAAAAA);
}
.Alert .title {
	background-color:#AAAAAA;
	color:#FFFFFF;
	padding:3px;
}
.DataGrid {
	border-collapse:collapse;
	width:100%;
	color:inherit;
}
.DataGrid caption {
	font-size:small;
	font-weight:bold;
}
.DataGrid > thead tr th {
	padding:4px 10px 4px 10px;
	text-align:left;
}
.DataGrid > thead tr th.up:hover,
.DataGrid > thead tr th.down:hover {
	background-color:#CCCCCC;
}
.DataGrid > tbody tr.clean {
	background-color:#FFFFFF;
}
.DataGrid > tbody tr.dark {
	background-color:#EEEEEE;
}
.DataGrid > tbody tr:hover {
	background-color:#B2E1FF;
}
.DataGrid .active {
	background-color:#ABDDFF;
}
.TabNavigator {
	background-color:#999999;
	padding:5px;
}
.TabNavigator > a {
	font-weight:bold;
	border-radius:5px 5px 0px 0px;
	padding:5px 10px 5px 10px;
	background:#AAAAAA;
	color:#FFFFFF;
}
.TabNavigator a.active {
	color:#3399CC;
}
.TabNavigator > a,
.TabNavigator > div.active {
	background: linear-gradient(top, #EEEEEE, #AAAAAA) no-repeat;
	background: -webkit-linear-gradient(top, #EEEEEE, #AAAAAA);
	background: -o-linear-gradient(top, #EEEEEE, #AAAAAA);
	background: -moz-linear-gradient(top, #EEEEEE, #AAAAAA);
}
.TabNavigator > .active {
	background:#EEEEEE;
	color:inherit;
}
.TabNavigator > div.active {
	border-radius:0px 7px 7px 7px;
	border-right:solid 1px #999999;
	background:#EEEEEE;
	padding:10px;
}
.TabNavigator iframe {
	border:none;
	width:100%;
	min-height:400px;
}