@CHARSET "UTF-8";

/* Color Palette 

FFFFFF - Page background
111100 - Dark border
774400 - Brown text
BB5500 - Hilight text
FF8800 - Hilight border
FFEEDD - Tan background
000000 - Instruction text
*/

/* Cross Page Styles */

body {
	background-color: #000000;
	color: #ffffff;
	font-family: arial, verdana, san-serif;
	font-size: 12px;
	padding: 0px;
	text-align: center;
	margin: 0px;
}

#overallPageContainer {
	background-image: url(images/header.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	color: #000000;
	padding-top: 200px;
}

#formContainer {
	background-color: #FFFFFF;
	border-top: 10px solid #000000;
	margin: 0px auto 20px;
	width: 776px;	
	padding-bottom: 10px;
}

h2.sectionTitle, #globalSectionContentContainer .clTitle {
	color: #774400;
	font-size: 24px;
	letter-spacing: 0.2em;
	margin-bottom: 5px;
	margin-top: 15px;
	text-align: center;
	font-weight: normal;
} 

label {
	background-color: #774400;
	border: 1px solid #FF8800;
	color: #FFEEDD;
	display: block;
	float: left;
	font-size: 14px;
	font-weight: bold;
	margin-left: 5px;
	margin-top: 5px;
	padding: 2px 0px;
	text-align: right;
	white-space: nowrap;
	width: 180px;
	line-height: 1.7em;
}

input.textInput, input.passwordInput, select {
	background-color: #FFEEDD;
	border: 1px solid #FF8800;
	color: #111100;
	font-size: 16px;
	margin: 5px;
	padding: 4px;
	width: 170px;
}

select {
	width: 175px;
}

input.normalButton {
	background-color: #FFEEDD;
	border: 2px outset #111100;
	color: #774400;
	cursor: pointer;
	font-weight: bold;
	letter-spacing: 0.2em;
	width: 160px;
	padding: 4px;
	font-size: 14px;
	margin: 5px;
	margin-left: 0px;
}

button {  /* Use these buttons when wrapping may occur because letter spacing is reduced */
	background-color: #FFEEDD;
	border: 2px outset #111100;
	color: #774400;
	font-weight: bold;
	padding: 4px;
	font-size: 14px;
	margin: 5px;
	margin-left: 0px;
	cursor: pointer;
}

input.normalButton[disabled] {
	color: #999999;
	background-color: #FFEEDD;
}

button[disabled] {
	color: #999999;
	background-color: #FFEEDD;
}

input.findSubButton {
	background-color: #FFEEDD;
	border: 2px outset #111100;
	color: #774400;
	cursor: pointer;
	font-weight: bold;
	width: auto;
	font-size: 14px;
	white-space: normal;
}

input.findSubButton[disabled] {
	color: #999999;
	background-color: #FFEEDD;
}

.buttonInstruction {
	font-style: italic;
	line-height: 1.3em;
	width: 90%;
	margin: 20px auto 5px;		
}
.instruction {
	font-style: italic;
	line-height: 1.3em;
	text-align: left;
	width: 90%;
	margin: 20px auto 5px;
}

div.textBlock {
	background-color: #FFEEDD;
	color: #111100;
	border: 2px solid #FF8800;
	font-size: 14px;
	width: 600px;
	margin: 20px auto;
	padding: 20px;
	text-align: left;	
}

.staticField {
     padding: 5px;
     line-height: 2.8em;
     font-size: 14px;
     padding: 5px;
}



#loadingWaitIndicator{
     background-color: #FF0000;
     color: #FFFFFF;
     width: 200px;
     font-weight: bold;
     position: absolute;
     right: 0px;
     visibility: hidden;
     z-index: 1100;
}

#loadingWaitIndicator h2 {
     font-size: 12px;
     font-weight: bold;
     color: #FFFFFF;
     padding: 5px;
     margin: 0px;
}


#waitLayer {
	background-color: #CCCCCC;
	cursor: wait;
	height: 100%;
	left: 0px;
	top: 0px;
	visibility: hidden;
	width: 100%;
	z-index: 10;
	position: absolute;
	filter: alpha(opacity=50);
	-moz-opacity: .5;
	opacity: .5;
}

.end {
	clear: both;
	font-size: 0.5em;
}

#logoutBtn {
	background-color: #CC0000;
	color: #FFEEDD;
}

#saveChanges {
	background-color: #BB5500;
	color: #FFEEDD;	
}

#cancelChanges {
	background-color: #774400;
	color: #FFEEDD;	
}

#saveChanges[disabled] {
	color: #AAAAAA;
}

table.formTable {
	background-color: #FFFFFF;
	border: 1px solid #111100;
	margin: auto;
	width: 95%;	
	text-align: center;
}

table.formTable th {
	background-color: #FFEEDD;
	color: #BB5500;
	border: 1px solid #111100;
	font-size: 16px;
	letter-spacing: 0.1em;
	padding: 5px;
}
	

#controlSection {
	padding: 10px;
}

.errorNotice {
     background-color: #CC0000;
     color: #FFFFFF;
     font-size: 14px;
     font-weight: bold;
     padding: 10px;
     height: auto;
     margin: auto;
     text-align: left;
}

#debugContainer {
	background-color: #FFFFFF;
	color: #000000;
}

div.textField, div.formFieldContainer {
	position: relative;	
	width: 386px;
	margin: auto;
}

label.helped {
	cursor: help;
}

span.helpMessage {
	position: absolute;
	width: 160px;
	height: auto;
	visibility: hidden;  
	bottom: 35px;
	left: 0px;
	text-align: left;
	background-color: #FFFF80;
	color: #111100;
	font-size: 12px !important;
	font-weight: normal;
	border: 2px solid #111100;
	padding: 10px;
	display: block;
	white-space: wrap;
	line-height: 1em !important;
}

div.displayHelp span.helpMessage {
	visibility: visible;
	z-index: 4;
}


/* Calendar Specific Styles */

table.mmonth {
	border: 1px solid #111100;
	border-collapse: collapse;
	width: 360px;
	background-color: #D3D3D3;
	text-align: center;
	margin: auto;
}

.mmonthTitle {
	background-color: #774400;
	border: 1px solid #111100;
	color: #FFEEDD;
	font-size: 16px;
	font-weight: bold;
	height: 35px;
	text-align: center;
	letter-spacing: 0.2em;
}

td.mmonth {
	border: 1px solid #660000;
	margin: 1px;
	padding: 0px;
}

#calendarMonthNext, #calendarMonthPrev {
	cursor: pointer;
	background-color: #FFEEDD;
	color: #774400;
	border: 1px solid #111100;
}

.mdayTitle {
	background-color: #FFEEDD;
	border: 1px solid #111100;
	color: #BB5500;
	font-weight: bold;
	height: 30px;
	width: 50px;
}

.minactive {
	background: #D3D3D3 none repeat scroll 0%;
	border: 1px solid #111100;
	color: #FFFFFF !important;
	font-weight: bold;
	height: 25px;
	margin: 0px;
	padding: 0px;
}

.mblocked {
	background: #FFFFFF url(images/busy.gif) no-repeat scroll center;
	border: 1px solid #111100;
	color: #774400 !important;
	font-weight: bold;
	height: 25px;
	margin: 0px;
	padding: 0px;
}

.massigned {
	background: #FF8800 none repeat scroll 0%;
	border: 1px solid #111100;
	color: #774400 !important;
	font-weight: bold;
	height: 25px;
	margin: 0px;
	padding: 0px;
}

.mactive {
	background: #FFFFFF none repeat scroll 0%;
	border: 1px solid #111100;
	color: #774400 !important;
	font-weight: bold;
	height: 25px;
	margin: 0px;
	padding: 0px;
}

span.mchangableDate {
	color:#774400;
	cursor:pointer;
	display:block;
	font-weight:bold;
	line-height:150%;
	margin:0px;
	padding:0px;
	width:50px;
}

/* Tabbed Navigation Styles */

#navigation {
	padding: 3px 0; 
    margin: 0; 
    margin-top: 10px;
  	border-bottom: 2px solid #111100;
}

#navigation li {
	list-style: none; 
	margin: 0;
  	display: inline;
  	cursor: pointer;
	padding: 3px 0.5em; 
	margin-left: 3px;
  	border: 2px solid #111100; 
    border-bottom: 0px;
  	background: #CC9922;
    color: #FFEEDD;
  	text-decoration: none;
  	font-family: arial, verdana, sans-serif;
  	font-size: 14px;
  	font-weight: bold;
  	letter-spacing: 0.1em;
  	line-height: 1em;
}

#navigation li:hover {
	color: #FFEEDD; 
    background: #BB5500;
  	border-color: #FF8800;
}

/* Active Tab Style */

#navigation li#current, #navigation li#current:hover {
	background: #FFFFFF; 
    border: 2px solid #111100;
	border-bottom: 2px solid white;
	cursor: default;
    color: #774400;
}

/* Scrolling Table Styles */

div.scrollingTableContainer, 
#currentSchedule, 
#proposedSchedule, 
#recordedResults, 
#ministerSelectionFormContainer {
	background-color: #FFEEDD;
	border: 1px solid #111100;
}

div.scrollingTableContainer,
div#currentSchedule,
div#proposedSchedule,
div#recordedResults {
	height: 33em;
	overflow-y: auto;
	overflow-x: hidden;
	position: relative;
}

table.scrollingTable {
	margin: auto;
	padding: 0px;
	width: 99%;
}

table.scrollingTable > tbody {
	height: 30em;
	overflow-x: hidden;
	overflow-y: auto;
}

table.scrollingTable tbody tr {
	height: auto;
}

table.scrollingTable thead td, table.scrollingTable thead th {
	background-color: #FFEEDD;
	border: 1px solid #111100;
	color: #BB5500;
	font-size: 14px;
	font-weight: bold;
	padding: 5px;
	text-align: center;
}

table.scrollingTable td {
	background-color: #FFFFFF;
	border: 1px solid #111100;
	color: #111100;
	padding: 5px;
	text-align: center;
}

table.scrollingTable td:last-child {
	padding-right: 20px;
}

table.scrollingTable th:last-child {
	padding-right: 20px;
}

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

div.scrollTableButtons {
	background-color: #FFFFFF;
	border-color: #111100;
	border-style: none solid solid;
	border-width:	0px 1px 1px;
	margin:	0px auto 0px;
	padding-bottom: 10px;
	padding-top: 10px;
}
div.scrollTableButtons input {
	width: 200px;
}




/* Login and Forgot Form Pages Specific Styles */

#loginContainer {
	margin: auto;
	width: 380px;	
}

#loginButton, #forgotBtn {
	background-color: #BB5500;
	color: #FFEEDD;
}

#forgotBtn {
	margin-bottom: 10px;
}

#forgotButton {
	background-color: #774400;
	color: #FFEEDD;	
}

#forgotContainer {
	width: 385px;
	margin: auto;
}

/* User Profile Page Specific Styles */

#personalInfoContainer, #organizationContainer {
	left: 0px;
	margin: 10px auto 0px;
	position: relative;
	text-align: center;
	top: 0px;
	width: 776px;
	border-bottom: 2px solid #774400;	
}

#personalInfo1, #ministryContainer {
	border-right: 2px solid #774400;
	float: left;
	position: relative;
	margin-bottom: 0px;
	text-align: left;
	width: 384px;
}

#personalInfo2 {
	position: relative;
	text-align: left;
	width: 384px;
	float: right;
}

#calendarSection {
	margin-left: 385px;
}

#ktList, #kaList {
	width: 350px;
}

#assignmentDisplay {
    margin: auto;
    background-color: #FFFFFF;
    border: 1px solid #111100;
    width: 360px;
/*    white-space: nowrap;    */
    font-size: 16px;
/*    line-height: 1.7em;     */
}

#ministerAssignmentTable {
	border-collapse: collapse;
	font-size: 16px;
	line-height: 1.2em;
}

#ministerAssignmentTable th, 
#ministerAssignmentTable td {
	border: 1px solid #000000;
	margin: 0px;
	padding: 4px;
}

#ministerAssignmentTable th {
	background-color: #FFEEDD;
	color: #BB5500;
}

#assignmentDisplay span {
	line-height: 1.8em;
}

#dateHeader {
    background-color: #774400;
    border-bottom: 1px solid #111100;
    white-space: nowrap;
    width: 360px;
}

#backButton {
    float: left;
    background-color: #FFEEDD;
    width: 50px;
    height: 34px;
    text-align: center;
    color: #774400;
    font-weight: bold;
    margin: 0px;
    padding-top: 2px;
    cursor: hand;
    cursor: pointer;
    border: 1px solid #111100;
    border-top: 0px;
    border-left: 0px;
}

#forwardButton {
    float: right;
    width: 50px;
    height: 34px;
    background-color: #FFEEDD;
    text-align: center;
    color: #774400;
    font-weight: bold;
    margin: 0px;
    padding-top: 2px;
    border: 1px solid #111100;
    border-top: 0px;
    border-right: 0px;
    cursor: hand;
    cursor: pointer;
}


#monthTitle {
     display: table-cell;
     background-color: #774400;
     text-align: center;
     color: #FFEEDD;
     font-weight: bold;
     width: 250px;
     height: 36px;
     border-bottom: 1px solid #111100;
     padding-top: 2px;
     margin: 0px;
	 letter-spacing: 0.2em;
}

#calendarContainer {
	padding-top: 1px;
}

#ministryContainer {
	padding-top: 1px;
}

td.groupLabel {
    text-align: right;
    white-space: nowrap;
    background-color: #774400;
    color: #FFEEDD;
    font-weight:bold;
    border: 1px solid #FF8800;
    width: 140px;
    font-size: 14px;
    line-height: 1.2em;
}

td.memberLabel {
    white-space: nowrap;
    background-color: #FFEEDD;
    border:1px solid #FF8800;
    line-height: 1.2em;
    font-size: 16px;
    padding: 4px;
}

td.groupControl {
    text-align: center;
}

/*  Registration page specific styles   */ 

#captur {
    width: 386px;
	text-align: center;
	margin: auto;
}

#captur img {
	border: 1px solid #FF8800;
	margin: 10px auto 3px;
}

#registrantTable {
    border: 1px solid #111100;
    font-size: 14px;
    margin: auto;
}

#registrantTable th {
    border: 1px solid #111100;
    border-collapse: collapse;
    padding: 5px;
    background-color: #FFEEDD;
    color: #BB5500;
}

#registrantTable td {
    border: 1px solid #111100;
    border-collapse: collapse;
    padding: 5px;
    color: #111100;
}

#registrantTableContainer {
	overflow: auto;
	width: 95%;
	height: 500px;
	margin: 10px auto;
	border: 1px solid #000000;	
}

#acceptButton, #rejectButton {
    background-color: #BB5500;
    color: #FFEEDD;
}

/* Ministry Administration page specific styles  */

#ministryAdminSelector {
     width: 380px;
     margin: auto;
     text-align: center;
     white-space: nowrap;
}

/* Applicants Section of People Tab */

#applicantsContainer, #trainedMinistersContainer, #untrainedMinistersContainer {
	margin:auto;
	width:95%;
}

#applicantAddForm {
    width: 420px;
    margin: auto;
    background-color: #FFFFFF;
}

/* Specific Styles for the Schedules Tab of the Ministry Administration Page */

p#applicant, p#trained, p#untrained {
	font-size: 14px;
	margin-top: 20px;
}

#applicantsContainer #personalInfoContainer {
	width: auto;
	border-bottom: 0px;
}

#applicantsContainer #personalInfo1 {
	width: 360px;
	margin-left: 10px;
}

#applicantsContainer #personalInfo2 {
	width: 350px;
	margin-right: 5px;
}

#applicantsContainer label {
	width: 150px;
}

#applicantsContainer #registrationContainer {
	border: 1px solid #774400;
}

#requirementsContainer #requirements {
    width: 95%;
    margin: auto;
}

div#requirements {
	background-color: #FFEEDD;
	border: 1px solid #111100;
}

#requirementsContainer table {
	border-top: 0px;
	border-bottom: 0px;
	width: 390px;
}

#currentScheduleContainer, 
#proposedScheduleContainer, 
#recordedResults, 
#ministerSelectionFormContainer, 
#ministersAssignmentsContainer,
#assignmentsAuditContainer,
#roleUniformityContainer,
#positionUniformityContainer,
#ministerUniformityContainer,	
#registeredAttendees {
	width: 95%;
	margin: auto;
}

div#currentSchedule {
	height: 39em
}

div#proposedSchedule {
	height: 36em;
}

div#recordedResults, 
div#scheduleDetailsTableContainer {
	height: 35.4em;
}

th.scheduleRequirements {
    background-color: #FFEEDD;
    color: #BB5500;
    font-weight:bold;
    border: 1px solid #111100;
    padding: 5px;
    font-size: 16px;
    letter-spacing: 0.1em
}

td.scheduleRequirements, td.assignmentChange {
	font-size: 14px;
	background-color: #FFFFFF;
	border: 1px solid #111100;
}

table.scheduleTable {
	width: 99%;
	margin: 0px
    padding: 0px
}

td.scheduleTable {
    padding-top: 3px;
}

td.assignmentChange {
    width: 170px;
}

.scheduleButton, .scheduleButtonDisabled {
    background-color: #FFEEDD;
    color: #774400;
    font-weight: bold;
    width: 75px;
    padding: 5px;
    margin: 0px;
    border: 2px outset #111100;
    cursor: pointer;
}

.scheduleButtonDisabled {
    color: #CCCCCC;
}

#prevCurrentSchedButton, #prevProposedSchedButton {
    float: left;
}

#nextCurrentSchedButton, #nextProposedSchedButton {
    float: right;
}

#currentScheduleDateTitleCell, #proposedScheduleDateTitleCell {
    color: #FFEEDD;
    background-color: #774400;
    vertical-align: middle;
    padding: 0px;
}

#currentScheduleDateTitle, #proposedScheduleDateTitle {
    font-size: 16px;
    display: block;
    padding-top: 8px;
    margin-left: 0px;
    margin-right: 0px;
}

.changeAssignedMinisterButton {
    background-color: #BB5500;
    color: #FFEEDD;
    margin: 0px;
    padding: 1px;
    font-weight: bold;
    border: 1px solid #FF8800;
    cursor: pointer;
}

table#resultsTable tbody td {
	font-size: 14px;
}

/* Specific styles for the Trainings tab  */

#ministerSelectionContainer div.scrollTableButtons {
	width: 95%;
}

#scheduledSessions td.groupControl {
	border-top: 1px solid #111100;
}

#scheduledSessions td.memberLabel,
#requiredTrainings td.memberLabel {
	background-color: #FFFFFF;
	border: 1px solid #111100;
}

#sessionAddFormContainer {
	background-color: #FFEEDD;
	width: 95%;
	margin: auto;
	color: #111100;
	border: 1px solid #111100;
}

#sessionAddForm {
	background-color: #FFFFFF;
	border-left: 1px solid #111100;
	border-right: 1px solid #111100;
	width: 400px;
	margin: 0px auto;
	padding: 10px 0px 10px 5px;
	
}

/* Org Administration Page Styles */

div#tabContentsContainer {
	width: 95%;
	margin: 10px auto
}

/* Add Year Styles */

#addYearForm {
	background-color: #FFEEDD;
    border: 1px solid #111100;
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    color: #111100;
    font-size: 14px;
}

#addYearForm span {
	display: block;
	text-align: left;
	float: left;
	margin-right: 10px;
}

#addYearForm span.question {
	width: 300px;
	text-align: right;
}

#addYearForm span.button {
	vertical-align: bottom;
	margin-right: 0px;
}

#addYearForm p {
	line-height: 2em;
}

/*
#addYearForm input {
	border: 0px;
}*/

#addYearForm div.controlButtons {
	padding: 10px;
	border-top: 1px solid #111100;
	background-color: #FFFFFF;
}

/*
#addYearForm div.controlButtons button {
	padding: 5px;
	background-color: iceblue;
	color: #000000;
}
*/

/* Edit Day Styles */

#dayEditContainer {
	margin-bottom: 10px;
}

div#dayEditContainer div#inputContainer,
div#massEditContainer div#inputContainer,
div#ministryEditContainer div#inputContainer {
	margin: 20px auto 0px;
	border: 1px solid #111100;
	background-color: #FFEEDD;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
}

div#dayEditContainer div#inputContainer div,
div#massEditContainer div#inputContainer div,
div#ministryEditContainer div#inputContainer div {
	height: 3em;
}

div#ministryEditContainer #positionedContainer span,
div#siteAccessControls div span {
	font-size: 16px;
	position: relative;
	top: 10px;
}

div#dayEditContainer div#inputContainer span,
div#massEditContainer div#inputContainer span {
	margin-left: 5px;
	font-size: 14px;
	line-height: 3em;
}

#editDayControls,
#editMassControls,
#addMassControls,
#editMinistryControls,
#addMinistryControls,
#createScheduleControls {
	padding: 10px;
	border: 1px solid #111100;
	border-top: 0px;
	background-color: #FFFFFF;
}

 #createScheduleDetail,
 #siteAccessControls {
 	background-color: #FFEEDD;  
    border: 1px solid #111100;
    padding: 5px;
 }
 
 #newScheduleContainer {
 	margin-top: 10px;
 	margin-bottom: 10px;
 }

#createScheduleDetail div,
#siteAccessControls div {
	height: 3em;
}

#siteAccessControls div {
	width: 300px;
	margin: auto;
}

/**** DATE PICKER STYLES ****/
.DatePicker /* main datepicker style */
{
     background-color: #FFEEDD;
}
th.DatePicker {
	background: #FFEEDD;
	color: #BB5500;
	font-weight: bold;
	height: 25px;
	border: 1px solid #111100;
}
.DatePickerHdr /* style for the header row */
{
    background-color: #FFEEDD; 

}
.DatePickerHdrYr {
    text-align: center;
    cursor: pointer;
    padding: 5px;
    background-color: #FFEEDD;
    color: #774400; 
/*    font-weight: bold;  */
    height: 25px;
	border: 1px outset #111100;	
	font-size: 20px;
}
	
.DatePickerHdrBtn /* style for buttons in the header row */
{
     width: 30px;
     text-align: center;
     cursor: pointer;
     padding: 5px;
     background-color: #FFEEDD; 
     color: #774400;  
/*     font-weight: bold; */
     height: 25px;
     border: 2px outset #111100;
     font-size: 20px;
}

.DatePickerBtn /* style for the calendar area */
{
     cursor: pointer;
     background-color: #FFFFFF;
     color: #774400;
}

.DatePickerBtnSelect /* highlighted date */
{
     cursor: pointer;
     background-color: #FF8800;
     color: #774400;
     font-weight: bold;
}

#datePickerSpan {
	 z-index:10; 
	 position:absolute;
	 visibility:hidden;
	 background-color: #FFFFFF;
}
	
#datePickerSpan table {
	border: 1px solid #111100;	
	margin: 0px;	
}

#datePickerSpan table td {
	margin: 0px;
	text-align: center;
	border: 1px solid #111100;
}

#datePickerSpan table th {
	margin: 0px;
	text-align: center;
}	

td.DatePickerHdr select {
	border-width: 0px;
}

/**** User Profile Global Section ****/
#globalSectionContentContainer {
	border-bottom: 2px solid #774400;
}

/**** Roster Styles *****/
table.rosterTable {
	width: 100%;
	background-color: #FFFFFF;
}

td.rosterTable {
	font-weight: bold; 
	color: #BB5500; 
	vertical-align: top; 
	text-align: center; 
	background-color: #FFEEDD; 
	border: 1px solid #000000;
}		
		
table.rosterTable th.ministryTitle {
	font-weight: bold; 
	color: #FFEEDD; 
	background-color: #774400; 
	text-align: center;
	font-size: 1.3em;
	border: 1px solid #FF8800;
}
/*.clTitle     { 
	color: navy; 
	font-size: 24pt; 
	font-weight: bold; 
	text-align: center; 
	background-color: #FFFFFF; 
}		*/
table.rosterTable td.minister {
	text-align: left;	
}