@import url('contextMenu.css');
@import url('corners.css');

body {
			margin: 0px;
			padding: 0px;
			font-size: 10px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			background-color: white;
			text-align: center;
			color: black;
}

#pageContent
{
			margin: 5px auto 0 auto;
			width: 85%;
}

a:link,
a:visited,
a:active {
			border-bottom: dashed 1px #324460;
			color: #324460;
			text-decoration: none;
	}

a:hover {
			border-bottom: solid 1px #324460;
	}

form {
			margin: 0px;
	}

img {
			border-width: 0px;
			margin: 0px;
			vertical-align: middle;
	}

input, select, textarea {
			vertical-align: middle;
			font-size: 1em;
			font-family: Verdana, Arial, Helvetica, sans-serif;
}

p {
			margin: 0;
			padding: 2px;
	}

p.big {
			font-size: 1.3em;
	}

span.u {
			text-decoration: underline;
	}

span.i {
			font-style: italic;
	}

form {
			margin: 0px;
			padding: 2px;
	}

label {
			vertical-align: middle;
	}

input.border, textarea.border, select.border {
			border: 1px solid black;
			background: white;
	}

/* MENUS */

.menuNavigation{
			padding: 5px;
			text-align: right;
			background: #C5E3FF;
			border: 1px solid white;
}

.menuNavigation span.caption{
			float: left;
}

.menuSystems{
			margin: 2px 0 2px 0;
			text-align: right;
	}

.menuSystems span{
			margin: 0 0.25em 0 0.25em;
	}

.menuSystems a{
			margin-left: 1em;
	}

/*.menuSpacer{
			margin-bottom: 5px;
	}

.menuSystems span.caption{
			text-decoration: underline;
			margin: 0px;
	}*/


.menuNavigation a:link,
.menuNavigation a:visited,
.menuNavigation a:active {
			border-width: 0 0 1px 0;
			border-style: dashed;
			border-color: #22628A;
			color: black;
			text-decoration: none;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-weight: bold;
			margin: 0 0.5em 0 0.5em;
	}

.menuNavigation a:hover {
			border-width: 1px 0 1px 0;
			border-style: solid;
			border-color: black;
	}

/* STATS TABLES */

table.stats {
			border: 1px solid white;
			background: #4B87BD;
			padding: 2px;
			width: 100%;
}

table.stats td {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
			vertical-align: top;
			text-align: right;
			padding: 1px;
}

#channels.stats td {
			text-align: left;
			padding: 2px;
}

table.stats tr.row1 {
			background: #C5E3FF;
	}

table.stats tr.row2 {
			background: #91C2EF;
	}
	
table.stats tr.selected {
			background: white;
	}

table.stats tr.rowData td {
			text-align: left;
			background: #E7F0F9;
	}

table.stats tr.title td {
			font-family: Arial, Helvetica, Verdana, sans-serif;
			font-size: 12px;
			font-weight: bold;
			color: white;
	}

.stats .footer td {
			color: white;
			text-align: center;
	}

.pageLinks span.prevPage {
			float: left;
	}
.pageLinks span.nextPage {
			float: right;
	}

.pageLinks a:link,
.pageLinks a:visited,
.pageLinks a:active {
			border-bottom: 1px dashed white;
			color: white;
	}

.pageLinks a:hover {
			border-bottom: 1px solid white;
	}

/* FOOTER */

.ctFooter p {
			margin: 0px;
			padding: 2px;
	}

.debug {
			text-align: left;
	}

/* TOPS */

.tops {
			margin: 5px 0 5px 0;
			position: relative;
			height: 12em;
	}

.tops p {
			color: black;
			text-align: left;
			border-top: #C0C0C0 solid 1px;
			border-right: #C0C0C0 solid 1px;
			border-left: #808080 solid 1px;
			border-bottom: #808080 solid 1px;
			background: #EDEDED;
			margin-bottom: 2px;
	}

.tops p.title {
			font-weight: bold;
			background: #C0C0C0;
			border-top: #808080 solid 1px;
			border-right: #808080 solid 1px;
			border-left: #5E5E5E solid 1px;
			border-bottom: #5E5E5E solid 1px;
			color: black;
			text-decoration: underline;
	}

.top1,
.top2,
.top3 {
			position: absolute;
	}

.top1 {
			width: 32%;
			left: 0;
	}

.top2 {
			left: 34%;
			width: 32%;
	}

.top3 {
			right: 0;
			width: 32%;
	}

/* LOGIN FORM */

#loginFormContainer {
			width: 25em;
			margin: auto;
	}

.loginForm {
			background: #4B87BD;
			border: 1px solid white;
			padding: 5px;
			text-align: left;
			margin: auto;
			font-weight: bold;
			color: white;
	}

.loginForm div.submit {
			margin: 10px 0 2px 0;
			text-align: center;
	}

.loginForm div.pass input {
			float: right;
			margin-left: 3px;
	}

/* DATE FORM */
#form_date {
			text-align: left;
			margin-bottom: 1em;
	}

#form_date fieldset {
			border: 1px solid #808080;
			display: inline;
			background: #F2F2F2;
			padding: 0.5em;
	}

#form_date fieldset.range {
			border: 1px solid #E2E2E2;
			margin-left: 3em;
	}

#form_date_submit {
			margin-left: 9em;
	}

/* STANDARD PAGE */
.standardPage {
			text-align: left;
			background: #E7F0F9;
			border: 1px solid white;
}