html, body {
	height: 100%;
	margin: 0;
}

/************************************************************************/
/* Handling sticky footer */

.nonFooter {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -51px;
	background: url("/images/nonFooter_gradient.png") repeat-x;
}

.footer, .push {
	height: 51px;
}

.footer {
	background: url("/images/footer_gradient.gif") bottom repeat-x;
	text-align: center;
	font-size: 13px;
	font-style: italic;
}

/************************************************************************/
/* menu page styling */

.logo {
	background: url("/images/logo_background.jpg") repeat-x;
	border-bottom: 1px solid #ccc;
}

.content {
	width: 900px;
	margin: 0 auto;
	padding: 20px 10px;
	-moz-box-shadow: 0px -4px 16px -4px #000;
	-webkit-box-shadow: 0px -4px 16px -4px #000;
	box-shadow: 0px -4px 16px -4px #000;
	background-color: white;
}

.menuTable {
	border-collapse: collapse;
}

.menuTable td {
	padding: 0;
}

.menuTable a.menuButton {
	background: url("/images/menuButton.jpg") no-repeat;
	display: block;
	width: 125px;
	height: 40px;
	text-align: center;
	vertical-align: middle;
	font-size: 17px;
	color: #ccc;
	text-decoration: none;
	font-family: Arial;
	line-height: 33px;
}

.menuTable a.menuButtonLast {
	width: 134px;
	background: url("/images/menuButtonLast.jpg") no-repeat;
}

.menuTable a.menuButton:hover {
	color: white;
}

.menuTable .pageName {
	text-align: center;
	color: #aa3232;
	font-size: 18px;
	font-weight: bold;
}

#menuDialog {
	font-size: 12px;
	display: none;
}

#menuDialog .messageBox {
	opacity: 0;
	margin-top: 10px;
	padding: 15px 10px 15px 50px;
	background: 10px center no-repeat;
	color: white;
	border: 1px solid;
	font-weight: bold;
}

#menuDialog .info {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('/images/info.png');
}

#menuDialog .invalid {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('/images/invalid.png');
}

#menuDialog .valid {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image: url('/images/valid.png');
}

#rateRequestDialog {
	font-size: 12px;
	display: none;
}

#rateRequestDialog p, #rateRequestDialog span.requiredFields, #rateRequestDialog .invalid {
	color: #900;
	font-weight: bold;
}

#rateRequestDialog input {
	width: 60%;
}

#rateRequestDialog textarea {
	width: 100%;
	height: 50px;
}

/************************************************************************/
/* index page styling */

.indexInfoTable .indexSmallGray {
	color: gray;
	font-size: 11px;
}

.indexInfoTable {
	width: 800px;
}

.indexMemberTable {
	width: 890px;
}

.indexInfoTable td {
	vertical-align: top;
}

.indexInfoTable td.extraInfo {
	text-align: left;
	font-size: 16px;
}

.indexInfoTable td.extraInfo img {
	position: relative;
	top: 4px;
}

.indexInfoTable img {
	border:  0;
}

.indexMemberTable {
	border: 1px solid #ccc;
}

.indexMemberTable .title {
	position: absolute;
	margin: -13px 0px 0px 20px;
	background-color: white;
	color: #444;
	padding: 0px 10px;
}

.indexMemberTable td {
	text-align: center;
	width: 25%;
	font-style: italic;
}

.indexMemberTable td img {
	cursor: pointer;
}

/************************************************************************/
/* customer page styling */

.customerTable {
  width: 450px;
}

.customerTable th {
	color: #aa3232;
	font-size: 18px;
	border-bottom: 1px solid black;
	padding: 10px;
}

.customerTable td {
	font-size: 14px;
	text-align: justify;
	padding: 10px;
}

/************************************************************************/
/* customer password change page styling */

.changePassword {
	background-image: url("/images/change_password.gif");
	background-repeat: no-repeat;
	width: 290px;
	margin: 0 auto;
}

.changePassword table {
  color: #ccc;
}

.changePassword table th, .changePassword table td {
	padding: 6px;
}

.changePassword .right {
	text-align: right;
}

.changePassword .left {
	text-align: left;
}

/************************************************************************/
/* customer files page styling */

.viewFilesTable {
	border-collapse: collapse;
}

.viewFilesTable th {
	text-align: left;
	padding: 0px 10px;
}

.viewFilesTable td {
	border: 1px solid gray;
	padding: 8px 20px;
}

.viewFilesTable a.pdfPreview {
	display: block;
	height: 40px;
	width: 40px;
	background: url("/images/magnifying_glass.png");
}

.viewFilesTable a.pdfPreview:hover {
	background-position: 0 -40px;
}

.viewFilesTable td.noFiles {
	color: #a83030;
}

#viewFilesPreview {
	position: absolute;
	border: 1px solid #ccc;
	background: #333;
	padding: 5px;
	color: #fff;
	top: 10px;
}


/************************************************************************/
/* about page styling */

.aboutTable th {
	width: 33%;
	text-align: left;
	font-size: 16px;
	color: #aa3232;
	padding: 20px 20px 0px 20px;
}

.aboutTable td {
	text-align: justify;
	vertical-align: top;
	font-size: 13px;
	padding: 5px 20px 20px 20px;
}

/************************************************************************/
/* links page styling */

.linkDiv {
	width: 60%;
	margin-left: 20%;
}

.linkDiv span {
	color: #aa3232;
	font-size: 18px;
}

.linkDiv a {
	text-decoration: none;
	color: black;
}

.linkDiv img {
	border: 0;
}

/************************************************************************/
/* employee signup page styling */

.signupDiv {
	width: 400px;
	margin: auto;
	color: #555;
	margin-top: 50px;
}

.signupDiv span {
	color: red;
}

.signupDiv label {
	font-weight: bold;
}

.signupDiv label.error {
	color: red;
	float: right;
	font-size: 12px;
	font-family: Tahoma;
}

.signupDiv input {
	border: 1px solid #aaa;
	font-size: 11px;
	width: 100%;
	padding: 4px;
}

/************************************************************************/
/* employee signup confirm/administration page styling */

.confirmSignup, .userAdministration {
	width: 100%;
}

.confirmSignup th, .userAdministration th {
	text-align: left;
	border-bottom: 1px solid black;
}

.userAdministration .grayedOut {
	color: #999;
	font-style: italic;
}

/************************************************************************/
/* employee page styling */

#employeeWysiwygContainer {
	margin-left: 10%;
	width: 80%;
	height: 0;
	overflow: hidden;
	padding: 0px 10px;
}

.employeeSpecialMessage, .employeeQuestion {
	margin-left: 10%;
	width: 80%;
	background-color: #eee;
	font-size: 14px;
	padding: 10px;
	border: 1px dashed gray;
}

.employeeQuestion {
	cursor: pointer;
}

.employeeQuestion p {
	text-align: center;
	width: 80%;
	margin: 0 auto;
	padding-bottom: 5px;
}

.employeeQuestion p.heading {
	font-weight: bold;
	text-decoration: underline;
}

.employeeQuestion p.detail {
	color: gray;
	font-style: italic;
}

#selectable { list-style-type: none; margin: 0; padding: 0; width: 100%; font-size: 11px; }
#selectable li { margin: 3px; padding: 0.4em; /*height: 18px;*/ border: 1px solid #aaa; cursor: pointer; }
#selectable .ui-selecting { background: #FECA40; }
#selectable .ui-selected { background: #F39814; color: white; }

.employeeTable {
	width: 800px;
	margin: auto;
}

.employeeTable td {
	width: 50%;
	vertical-align: top;
}

.employeeSuggestionBox .header {
	color: #aa3232;
	font-size: 18px;
}

.employeeSuggestionBox .subtitle {
	font-size: 16px;
	font-weight: bold;
}

.employeeSuggestionBox textarea {
	height: 100px;
	width: 300px;
	font-style: italic;
	color: gray;
}

.employeeTable img {
	border:  0;
}

/************************************************************************/
/* contact page styling */

.contactDiv {
	font-size: 14px;
}

/************************************************************************/
/* openings editor page styling */

.openingsEditorTable {
	width: 90%;
}

.openingsEditorTable th, .openingsEditorTable table th {
	text-align: left;
}

.openingsEditorTable td {
	vertical-align: top;
	width: 50%;
}

/************************************************************************/
/* question editor page styling */
.questionEditorDiv {
	width: 60%;
	margin: 0 auto;
}

.questionEditorDiv p.heading {
	font-weight: bold;
	text-decoration: underline;
	text-align: center;
}

.questionEditorDiv ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.questionEditorDiv input[type="text"] {
	border: 1px solid #bbb;
	padding: 2px 1px;
	margin: 4px 0;
}

.questionEditorDiv img {
	height: 16px;
	cursor: pointer;
}

.questionEditorDiv div {
	width: 100px;
	border: 1px solid;
	background: #DFF2BF url('/images/add.png') no-repeat 10px center;
	color: #4F8A10;
	margin-top: 20px;
	padding: 15px 10px 15px 60px;
	font-weight: bold;
	cursor: pointer;
}

/************************************************************************/
/* applicant page styling */

.applicantTable {
	width: 600px;
	border-collapse: collapse;
	font: 13px "Arial",Serif;
	margin-top: 30px;
}

.applicantTable td {
	border: 1px solid gray;
	padding: 8px 20px;
}