﻿body 
{
	background: #fff repeat-x url(../images/Background.gif);
	font-family: Arial;
}

/******************** Structure ********************/
.Container
{
	position: absolute;
	top: 0;
	left: 50%;
	width: 520px;
	margin: 0 0 0 -260px;
	background: no-repeat url(../images/ControlPanel/Header.jpg);
	background-position: 0 25px;
}

.TopMenu
{
	position: absolute;
	top: 5px;
	right: 10px;
	height: 12px;
	width: 200px;
}

.Content
{
	position: relative;
	width: 520px;
	margin: 125px 0 0 0;
}

/******************** TopMenu ********************/
.TopMenu ul
{
	margin: 0;
	padding: 0;
}

.TopMenu li
{
	float: right;
	height: 12px;
	margin: 0;
	padding: 0 0 0 20px;
	list-style: none;
	font-size: 11px;
	text-align: right;
}

.TopMenu li a
{
	display: block;
	height: 12px;
	text-decoration: none;
	color: #ddd;
}

.TopMenu li a:hover
{
	text-decoration: underline;
	color: #fff;
}

.TopMenu li a.Home
{
	width: 48px;
	background:  left top no-repeat url(../images/Home.gif);
}

.TopMenu li a.Home:hover
{
	background-position: 0 -12px;
}

.AdminControlMenu
{
	position: absolute;
	top: 4px;
	left: 10px;
	height: 12px;
}

.AdminControlMenu .AdminClientsLabel
{
	display: block;
	float: left;
	margin: 1px 0 0 0;
	font-size: 11px;
	color: #fff;
}

.AdminControlMenu .AdminClientsDropDown
{
	float: left;
	width: 100px;
	margin: 0 0 0 10px;
	border: solid 1px #ddd;
	font-size: 11px;
}

/******************** Login ********************/
.Login
{
	position: relative;
	top: 0px;
	left: 160px;
	float: left;
	/*margin: 0 0 0 160px;*/
	width: 200px;
}

.Login .Label
{
	float: left;
	display: block;
	width: 200px;
	margin: 0 0 5px 0;
	font-size: 12px;
	color: #777;
}

.Login .TextBox
{
	float: left;
	width: 170px;
	height: 28px;
	margin: 0 0 10px 0;
	padding: 6px 15px 0 15px;
	background: no-repeat url(../images/ControlPanel/LoginTextbox.gif);
	border: 0px none;
	color: #222;
}

.Login .LoginButton
{
	float: left;
	display: block;
	width: 67px;
	margin: 0 0 5px 0;
	background: no-repeat url(../images/ControlPanel/LoginButton.jpg);
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	color: #777;
}

.Login .LoginButton:hover
{
	background-position: 0 -36px;
	color: #ddd;
}

.Login br
{
	clear: both;
}

/******************** Login Footer ********************/
.LoginFooter
{/*
	position: relative;
	top: 120px;
	left:0;*/
	float: left;
	width: 500px;
	margin: 50px 0 0 10px;
	border: solid 1px #ddd;
	border-width: 1px 0 0 0;
	text-align:center;
}

.LoginFooter ul
{
	margin: 5px 0 0 0;
	padding: 0;
}

.LoginFooter li
{
	display: inline;
	list-style: none;
}

.LoginFooter li a
{
	margin: 0 10px;
	text-decoration: none;
	font-size: 14px;
	color: #bbb;
}

.LoginFooter li a:hover
{
	color: #999;
}

/******************** Messages ********************/
.Messages
{
	width: 440px;
	height: 80px;
	margin: 20px 0 0 40px;
}

.ErrorText
{
	margin: 0 0 0 10px;
	color: #990000;	
}

.ErrorMessage
{
	margin: 0;
	padding: 20px;
	background: #E8BFBE;
	border: dashed 2px #A70906;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #A70906;
}

.GreenMessage
{
	margin: 0;
	padding: 20px;
	background: #CCE9C8;
	border: dashed 2px #1D9D0F;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #1D9D0F;
}

/******************** DataGrid ********************/
.AdminContent
{
	
}

.AdminContent .DataGrid
{
	margin: 0 0 0 20px;
	font-size: 12px;
}

.AdminContent .DataGrid .Add,
.AdminContent .DataGrid .Edit
{
	font-size: 12px;
}

.AdminContent .DataGrid .Header
{
	background: repeat-x bottom url(../Images/Admin/Header.gif);
	font-weight: bold;
}

.AdminContent .DataGrid .Row
{
}

.AdminContent .DataGrid .AltRow
{
	background: #f5f5f5;
}

.AdminContent .DataGrid .Footer
{
	background: repeat-x top url(../Images/Admin/Footer.gif);
}

.AdminContent .Title
{
	margin: 0 20px 20px 20px;
	border-bottom: solid 1px #ccc;
	font-size: 20px;
	color: #666;
}

.AdminContent h2
{
	margin: 0 0 10px 30px;
	font-size: 16px;
	color: #750406;
	
}

.AdminContent .Label
{
	float: left;
	display: block;
	width: 120px;
	margin: 0 0 10px 30px;
	font-size: 12px;
}

* html .AdminContent .Label
{
	margin: 0 0 10px 15px;
}

.AdminContent .FullLabel
{
	float: left;
	display: block;
	width: 490px;
	margin: 0 0 10px 30px;
	font-size: 12px;
}

* html .AdminContent .FullLabel
{
	margin: 0 0 10px 15px;
}

.AdminContent .TextBox
{
	float: left;
	width: 200px;
	margin: 0 0 10px 0;
}

.AdminContent .FullTextBox
{
	float: left;
	width: 320px;
	margin: 0 0 10px 30px;
}

.AdminContent .CheckBox
{
	float: left;
}

.AdminContent .CheckBoxList
{
	margin: 0 0 10px 30px;
	font-size: 12px;
}

.AdminContent .Submit
{
	float: left;
	margin: 15px 5px 20px 30px;
	background: #eee;
	border: solid 1px #ccc;
}

.AdminContent .Submit:hover
{
	background: #750406;
	border: solid 1px #750406;
	color: #eee;
	cursor: pointer;
}

.AdminContent .Cancel
{
	float: left;
	margin: 15px 0 0 0;
	background: #eee;
	border: solid 1px #ccc;
}

.AdminContent .Cancel:hover
{
	cursor: pointer;
	background: #750406;
	border: solid 1px #750406;
	color: #eee;
}

.AdminContent br
{
	clear: both;
}