body
{
}

.banner
{
	padding: 1px 20px 15px 10px;
	font-size: 250%;
}

.banner img
{
	vertical-align: middle;
}

a:hover
{
	color: #ff0000;
}

.banner a
{
	text-decoration: none;
	color: #404040;
}

.footer
{
	text-align: center;
	font-family: Arial, Sans-Serif;
	font-size: 75%;
	color: #606060;
}

.banner a:hover
{
	color: #0000ff;
}

table.status
{
	border: solid 1px #808080;
	background-color: #e0e0e0;
	font-family: Arial;
	font-size: 10pt;
}

table.status tr td
{
	padding: 1px 5px 1px 5px;
	border: solid 1px #d0d0d0;
}

table.status tr td a
{
	text-decoration: none;
}

table.status tr td a:hover
{
	text-decoration: underline;
}

table.centered
{
	margin-left: auto;
	margin-right: auto;
}

div.centering table
{
	margin: 0 auto;
}

div.centering table tr, table.centered tr
{
	text-align: left;
}

.mocklink
{
	text-decoration: underline;
	color: #0000ff;
	cursor: pointer;
}

.mocklinkHilight
{
	text-decoration: underline;
	color: purple;
	cursor: pointer;
}

.panelLink
{
	color: #0000ff;
	cursor: pointer;
	padding: 0px 5px 0px 5px;
}

.panelLinkHilight
{
	text-decoration: underline;
	color: blue;
	cursor: pointer;
	background-color: #d0d0ff;
	padding: 0px 5px 0px 5px;
}

.subPanel
{
	background-color: #d0d0ff;
	padding: 10px;
	margin-left: 100px;
	margin-right: 100px;
}

table.editTable
{
	margin: 0 auto;
}

table.editTable th
{
	text-align: right;
	font-weight: normal;
	padding-right: 3px;
	vertical-align: top;
}

table.editTable td
{
	text-align: left;
}

table.columnTable
{
	margin: 0 auto;
	border: solid 1px #606090;
	border-collapse: collapse;
}

table.columnTable th
{
	text-align: center;
	font-weight: normal;
	vertical-align: middle;
	background-color: #e0e0e0;
	padding: 2px 5px 2px 5px;
}

table.columnTable td
{
	text-align: center;
	border: solid 1px #a0a0a0;
}

/* --- Stacked Table --- */

table.stackedTable
{
	margin: 0 auto;
}

table.stackedTable th
{
	text-align: left;
	font-weight: bold;
}

table.stackedTable td
{
	text-align: left;
}


.note
{
	color: #909090;
	font-size: 90%;
}

span.exp
{
	color: #909090;
	font-style: italic;
}

div.alerts
{
	background-color: #ffc0c0;
	padding: 10px 20px 10px 20px;
	margin: 0px 100px 0px 100px;
	border: solid 4px #404060;
	font-size: 100%;
	font-family: Arial;
}

div.alerts .heading
{
	font-size: 120%;
	font-family: Arial, Sans-Serif;
	font-weight: bold;
}

div.alerts ol li
{
	padding-bottom: 10px;
}

div.hints
{
	background-color: #ffdfa0;
	padding: 20px 30px 20px 30px;
	margin: 0px 100px 0px 100px;
	border: solid 4px #404060;
	font-size: 110%;
	font-family: Arial;
}

div.hints .heading
{
	font-size: 150%;
	font-family: Arial, Sans-Serif;
	font-weight: bold;
}

div.hints ol li
{
	padding-bottom: 10px;
}

span.tip
{
	background-color: #ffff90;
	padding: 2px 30px 2px 30px;
	font-style: italic;
}

.CreateUserButton
{
	margin-left: 300px;
}

/* ----------------------------------------------------------------------------------------------------
	Navigation
------------------------------------------------------------------------------------------------------- */

div.nav
{
	text-align: left;
	padding: 3px 10px 2px 10px;
	border-bottom: 2px solid #9090d0;
	font-family: Arial;
	font-size: 10pt;
}

div.navdd
{
	float: right;
}

div.nav a
{
	text-decoration: none;
	padding: 2px 10px 2px 10px;
	border: 1px solid #9090d0;
	border-right: 0px solid #9090d0;
	background-color: #e0e0e0;
}

div.nav a:hover
{
	text-decoration: underline;
	background-color: #d0d0ff;
}

div.nav a.tabs:hover, div.nav a.tabse:hover
{
	text-decoration: none;
	background-color: #ffbf71;
}

div.nav a.tab
{
}

div.nav a.tabe
{
	border: 1px solid #9090d0;
}

div.nav .tabs
{
	background-color: #ffbf71;
	color: #000000;
	font-weight: bold;
}

div.nav .tabse
{
	border: 1px solid #9090d0;
	background-color: #ffbf71;
	color: #000000;
	font-weight: bold;
}

/* --- tab nav bar --- */
div.nav2
{
	text-align: left;
	padding: 0px 10px 1px 10px;
}

div.nav2 a
{
	text-decoration: none;
	padding: 0px 10px 2px 10px;
}

div.nav2 a:hover
{
	text-decoration: underline;
}

div.nav2 a.tabs:hover, div.nav2 a.tabse:hover
{
	text-decoration: none;
}

div.nav2 a.tab
{
	border-right: dotted 1px #9090d0;
}

div.nav2 a.tabe
{
}

div.nav2 a.tabs
{
	border-right: dotted 1px #9090d0;
	background-color: #ffbf71;
	color: #000000;
	font-weight: bold;
}

div.nav2 a.tabse
{
	background-color: #ffbf71;
	color: #000000;
	font-weight: bold;
}

/* ----------------------------------------------------------------------------------------------------
	Billing Status and subscriptions
------------------------------------------------------------------------------------------------------- */

table.subscrTable
{
	border: solid 3px #a0a0df;
	border-collapse: collapse;
	margin: auto;
}

table.subscrTable td
{
	height: 80px;
	text-align: left;
	font-size: 110%;
	vertical-align: middle;
	border-bottom: solid 3px #a0a0df;
	padding: 0px 50px 0px 50px;
}

table.subscrTable td .price
{
	color: #902020;
}

input.greenButton
{
	background-color: #90ff90;
}

input.greenButtonH
{
	background-color: #c0ffc0;
}

input.redButton
{
	background-color: #ff9090;
}

input.redButtonH
{
	background-color: #ffc0c0;
}

.notifyPanel
{
	text-align: center;
	background-color: #c0ffc0;
	color: #203060;
	font-size: 120%;
	border: solid 3px #406080;
	padding: 20px 40px 20px 40px;
	position: absolute;
	top: inherit;
	left: inherit;
	margin: auto;
}

.colorPicker
{
	background-color: #a0a0a0;
	color: #d0d0d0;
	font-size: 80%;
	border: solid 3px #6080a0;
	padding: 5px;
	position: absolute;
}

.colorPicker tr td
{
	width: 15px;
	height: 15px;
	cursor: pointer;
}