﻿body
{
	background-color: #eef4f6;
	font-family: Verdana;
	font-size: 10pt;
}
#master_Page
{
	width: 998px;
	background-color: #ffffff;
	margin-left: auto;
	margin-right: auto;
}
#master_top
{
	width: 100%;
	border: none;
	border-bottom: solid 2px #d9e9fc;
	height: 100px;
	background: #fff url('images/banner_bg.png') repeat-x left top;
}
#master_top #banner
{
	float:left;
	height: 100px;
	margin: 0px 70px;
	border: none; 
	 background: transparent url('Images/close.gif') no-repeat 25px 35px;
	
}
.user_menu
{
	float:right;
	position:relative;
	bottom: -80px;
	right: 5px;
}
.menuItem
{
	float: right;
	padding: 3px 10px;
	border-left: solid 1px #d9e9fc;
}
.menuItem a, .menuItem a:visited
{
	text-decoration: none;
	color: #578ac7;
	font-weight: bold;
}
.menuItem a:hover
{
	text-decoration: none;
	color: #8fb6e6;
	font-weight: bold;
}
/*Login on Home */
.login, .login a:link
{
	color: #ff6000;
	text-decoration: none;
}
.login .welcome
{
	color: #3399ff;
}
/*Grid*/
.grid_cell
{
	padding: 2px 10px;
}

/* Misc */
#title
{
	clear:both;
	background-color: #d9e9fc;
	padding: 3px;
	height: 20px;
	text-align:center;
	font-size: 1.2em;
	color: Navy;
	font-variant: small-caps;
}
#loginTitle
{
	background-color: #d9e9fc;
	height: 20px;
	padding: 3px 120px;
	font-size: 1.2em;
	color: Navy;
	font-variant: small-caps;
}
#adminLoginTitle
{
	background-color: #d9e9fc;
	height: 20px;
	padding: 3px 95px;
	font-size: 1.2em;
	color: Navy;
	font-variant: small-caps;
}
#resetTitle
{
	background-color: #d9e9fc;
	height: 20px;
	font-size: 1.2em;
	color: Navy;
	font-variant: small-caps;
	text-align: center;
}
#userTitle
{
	background-color: #e9eff5;
	padding: 3px;
	color: #000;
	font-weight: bold;
	text-align: center;
}

.error
{
	color: Red;
}
.error_panel
{
	padding-left: 80px;
}
#viewMode
{
	text-align: right;
	padding: 5px 20px;
	font-variant: small-caps;
	border-bottom: solid 1px #d9e9fc;
	margin-bottom: 5px;
}
.viewModeList
{
	font-variant: small-caps;
}
.viewModeList option
{
	font-variant: small-caps;
}
.imageButton
{
	float: right;
	padding: 0px;
}
.ctrlNewComplaint
{
	border: solid 1px #f0f0f0;
	background-color: #f4f6f9;
	width: 533px;
}

.welcome
{
	width: 500px;
	position: relative;
	left: -100px;
	padding: 50px 0px;
	font-size: 1.5em;
	text-align: center;
	color: Navy;
}
.userField
{
	clear: both;
}
.userLabel
{
	float: left;
	width: 100px;
	text-align: right;
	border: none;
	padding: 3px;
}
.userInput
{
	float: left;
	width: 250px;
	text-align: left;
	border: none;
	padding: 3px;
}
.complaint
{
	padding: 10px;
}
.complaintColLeft
{
	width: 200px;
	float: left;
	border: None;
}
.complaintColRight
{
	width: 760px;
	float: right;
	border: None;
}

.complaintFieldTitle
{
	text-align: center;
	font-weight: bold;
	background-color: #f4f6f9;
	padding:2px;
}
.complaintFieldValue
{
	text-align: center;
	padding:5px 3px;
}
.InvalidComplaint
{
	border: solid 1px #f0f0f0;
	background-color: #f4f6f9;
	width: 533px;
	margin:10px auto;
}

.archiveField
{
	clear: both;
}
.archiveLabel
{
	float: left;
	width: 100px;
	text-align: right;
	border: none;
	padding: 3px;
}
.archiveInput
{
	float: left;
	width: 250px;
	text-align: left;
	border: none;
	padding: 3px;
}
