/* Basic stylesheet for Trip pages */
/* last updated January 26, 2005 */

/* Internal NAME unvisited, visited and hover link presentation */
A.internal:link    { background: transparent; color: #0000CD;
                     text-decoration: underline; }
A.internal:visited { background: transparent; color: #4B0082;
                     text-decoration: underline; }
A.internal:hover   { background: transparent; color: #0066FF;
                     text-decoration: underline; }

/* Normal unvisited, visited and hover link presentation */
A:link    { background: transparent; color: #0000CD;
            text-decoration: underline; }
A:visited { background: transparent; color: #4B0082;
            text-decoration: underline; }
A:hover   { background: transparent; color: #0066FF;
            text-decoration: underline; font-weight: normal}

BODY {
margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
background-color: White;
	font-family: Verdana, Tahoma, Arial, Helvetica, "Arial Unicode MS", sans-serif; font-size: medium; color: Black;
	text-align: left;
	font-style: normal;
}	
td.topHeaderCell
{
	background-image: url(http://www.jesusfilmmissiontrips.org/images/v3/headercellbackground.jpg);
}
H1 { background: transparent; color: #320900; margin: 0; padding: 0; font-family: Verdana, Tahoma, Arial, Helvetica, "Arial Unicode MS", sans-serif;
	}	
H2 { background: transparent; color: #320900; margin: 0; padding: 0; font-family: Verdana, Tahoma, Arial, Helvetica, "Arial Unicode MS", sans-serif;
	}
H3 { background: transparent; color: #320900; margin: 0; padding: 0; font-family: Verdana, Tahoma, Arial, Helvetica, "Arial Unicode MS", sans-serif;
	}	
H4 { background: transparent; color: #320900; margin: 0; padding: 0; font-family: Verdana, Tahoma, Arial, Helvetica, "Arial Unicode MS", sans-serif;
	}	
/* Style rules for the document main header */
H1.page-header { background: transparent; color: #320900; margin: 0; padding: 0; font-family: Verdana, Tahoma, Arial, Helvetica, "Arial Unicode MS", sans-serif;
                 font-size: 1.2em; text-align: right; }

/* Style rules for the document location header */
H2.page-location { background: transparent; clear: both; color: #320900;
                   font-family: Verdana, Tahoma, Arial, Helvetica, "Arial Unicode MS", sans-serif;
                   font-size: 1em; padding: 0; margin: 4em 12px 0 12px;
                   text-align: right; }

/* Style rules for the document section headers */
H3.section-header { background: transparent; color: #320900;
                    margin: 1em 12px 0 12px; padding: 4px; font-size: 1.2em;
                    border: 3px transparent; text-align: center;
                    font-family: Verdana, Tahoma, Arial, Helvetica, "Arial Unicode MS", sans-serif; }

/* Generic Horizontal Ruler class */
HR { width: 97%; 
	background: center;
	color: #4F2929;
	height: 1px;
	border: thin none;
}

UL {
    color: #320900;
	font-family: Verdana, Tahoma, Arial, Helvetica, "Arial Unicode MS", sans-serif;
}
.buttonstyle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	background-color: #CCCCCC;
	text-align: center;
	margin: 2px;
	padding: 2px;
	border-top: thin solid #CCCCCC;
	border-right: thin solid #787878;
	border-bottom: thin solid #787878;
	border-left: thin solid #FFFFFF;
	height: auto;
	width: auto;
	cursor: hand;
}
.list {
  border-style:         hidden;
  border-width:         0px;
  padding:              0px;
  border-spacing:       0px;
  font-family:          Verdana, Tahoma, Arial, Helvetica, "Arial Unicode MS", sans-serif;
  font-size:            9pt;
  width:                98%;
  margin-left:          auto;
  margin-right:         auto;
  color: Black;
}

.list tr {
  text-align:           left;
  vertical-align:       top;  
}

.list a:link { 
  color: Black;
}

.list a:visited { 
  color: #4B0082;
}

.list a:hover { 
  color: #A9A9A9;
  text-decoration: none;
}

.list a:active { 
  color: #DBDBDB;
}

.list .checkbox {
  width:            32px;
  color: Black;
}

.list .name {
  width:            40%;
  padding-left:     5px;
  text-align:       left;
  color: Black;
}

.list .region {
  width:            15%;
  text-align:       left;
  color: Black;
}

.list .longlocation {
  width:            15%;
  text-align:       left;
  color: Black;
}

.list .tripdates {
  text-align:       left;
  width:            30%;
  color: Black;
}

.list .isfull {
  width:            24px;
  color: Black;
}

.list .isfeatured {
  width:            24px;
  color: Black;
}

.list .issimilar {
  width:            24px;
  color: Black;
}

.errormsg { 
  background-color: #E4E5E4;
  color: Black;
  border-color:     rgb(0, 0, 0);
  border-style:     dotted;
  border-width:     1px;
  width:            60%;
  text-align:       center;
  margin-left:      auto;
  margin-right:     auto;
}

.errormsg li {
  text-align:       left;
  font-family:      Verdana, Tahoma, Arial, Helvetica, "Arial Unicode MS", sans-serif;
  font-size:        10pt;
  margin-left:      auto;
  margin-right:     auto;
}

.message {
  background: #E4E5E4;
  border:           #BFBFBF;
  border-style:     dotted;
  border-width:     1px;
  color:            rgb(0, 0, 0);
  margin:           2em 0em 1em 0em;
  padding:          0.5em 1em;
  vertical-align:   middle;
  width:            60%;       
  font-family:      vVerdana, Tahoma, Arial, Helvetica, "Arial Unicode MS", sans-serif;
  font-size:        10pt;
  margin-left:      auto;
  margin-right:     auto;
  text-align:       center;
}

.message {
  padding: 10px;
}

.logos {
  text-align: center;
  width: 760px;
}

.copyright {
    color: Black;
    font-family: Verdana, Tahoma, Arial, Helvetica, "Arial Unicode MS", sans-serif;
    font-size: 8pt;
    text-align: center;
    width: 760px;
}

.icon {
    border-style: hidden;
    border-width: 0px;
}

.trip .triplabel {
    vertical-align: top;
    width:          100px;
    font-weight:    bold;
    font-size:      10pt;
}

.trip .tripinfo {
    vertical-align: top;
    width:          200px;
    font-size:      10pt;    
}

.trip .trip-spacer {
  height: 15px;
}


/*
.trip .trip-table {
  width:            300px;
}
*/

.goback {
  text-align: center;
}

.full {
  vertical-align: top;
  color: rgb(255, 0, 0);    
  height: 35px;
}

.link-icon {
  vertical-align: top;
  height:  16px;
  padding: 3px;
}

.link-text {
  vertical-align: middle;
  text-align: left;
  font-size: 10pt;
  height:  16px;
  padding: 3px;
}

.detail {
  margin-left:      auto;
  margin-right:     auto;
  text-align:       center;
}

.detail form {
  margin-left:      auto;
  margin-right:     auto;
  width:            100%;
  text-align:       center;
}

.detail form .label {
  width:            20%;       
  text-align:       right;
  vertical-align:   middle;
}

.detail form .label-full {
  width:            40%;       
  text-align:       right;
  vertical-align:   middle;
}

.detail form .field {
  width:            30%;       
  text-align:       left;
  vertical-align:   middle;
}

.detail form .field-full {
  width:            60%;       
  text-align:       left;
  vertical-align:   middle;
}

.form-title {
  color: Black;
}


.combobox {
    border:0px solid;
    background: #C7C7C7;
    color: Black;
}


.app-nav {
  border-width: 0px 0px 1px 1px;
  border-style: solid;
  border-color: rgb(255, 255, 255);
  background: #C7C7C7;
  color: rgb(0, 0, 0);
  margin-left:      auto;
  margin-right:     auto;
}

.app-nav .page-categories {
  /* color: rgb(255, 255, 255); */
}

.app-nav .page-category {
  border-width: 1px 1px 0px 0px;
  border-style: solid;
  border-color: rgb(255, 255, 255);
  padding: 2px;
  color: rgb(0, 0, 0);
}

.app-nav .selected-page {
  border-width: 1px 1px 0px 0px;
  border-style: solid;
  border-color: rgb(255, 255, 255);
  padding: 2px;
  text-align: center;
  color: rgb(0, 0, 0);  
  background: rgb(255, 255, 255);
}

.app-nav .page-name {
  border-width: 1px 1px 0px 0px;
  border-style: solid;
  border-color: rgb(255, 255, 255);
  padding: 2px;
  text-align: center;
  color: rgb(255, 255, 255);
}

/* Start */

#start-category {
  background: #FCFCFC;
}

#start-page {
  background: #FCFCFC;
  color: rgb(0, 0, 0);
}

#start-page:hover {
  background: #CCCCCC;
  cursor: pointer;  
}

/* General */

#general-category {
  background: #EFEFEF;
}

#general-page {
  background: #EFEFEF;
  color: rgb(0, 0, 0);
}

#general-page:hover {
  background: #CCCCCC;
  cursor: pointer;  
}

/* Questionnaire */

#questionnaire-category {
  background: #E4E5E4;
  color: Black;
}

#questionnaire-page {
  background: #E4E5E4;
  color: rgb(0, 0, 0);
}

#questionnaire-page:hover {
  background: #CCCCCC;
  cursor: pointer;  
}

/* Medical */

#medical-category {
  background: #D6D7D6;
}

#medical-page {
  background: #D6D7D6;
  color: rgb(0, 0, 0);
}

#medical-page:hover {
  background: rgb(255, 255, 255);
  cursor: pointer;  
}

/* End */

#end-category {
  background: #CCCCCC;
}

#end-page {
  background: #CCCCCC;
  color: rgb(0, 0, 0);
}

#end-page:hover {
  background: rgb(255, 255, 255);
  cursor: pointer;  
}

.page-table {
  width: 100%;
}

.required {
    font-weight: bold;
    color: rgb(255,0,0);   
}

table {
  border-width:         0px;
  padding:              0px;
  border-spacing:       0px;
  font-family:          Verdana, Tahoma, Arial, Helvetica, "Arial Unicode MS", sans-serif;
  font-size:            10pt;  
  color: Black;    
}

.application .app-spacer {
  height: 15px;
}

#project-label {
  width: 10%;
}

#project-field {
  width: 90%;
}

#staffacctno-label {
  width: 20%;
}

#staffacctno-field {
  width: 80%;
}

.trip-label {
  font-weight:    bold;  
}

.app-title {
  text-align: left;
  margin-left: 10%;
}

#contactstate-label {
  width: 5%;
  vertical-align:   middle;
}

#contactstate-field {
  width: 45%;
  vertical-align:   middle;
}

#contactpostalcode-label {
  width: 5%;
  vertical-align:   middle;
}

#contactpostalcode-field {
  width: 45%;
  vertical-align:   middle;
}

#emergencystate-label {
  width: 5%;
  vertical-align:   middle;
}

#emergencystate-field {
  width: 45%;
  vertical-align:   middle;
}

#emergencypostalcode-label {
  width: 5%;
  vertical-align:   middle;
}

#emergencypostalcode-field {
  width: 45%;
  vertical-align:   middle;
}

img.calendar {
    cursor: pointer;
    border: 0px;
    vertical-align: middle;
}

.fineprint {
  font-family:      Verdana, Tahoma, Arial, Helvetica, "Arial Unicode MS", sans-serif;
  font-size:        8pt;
}

.help-example {
  color: rgb(0, 255, 0); 
  font-size: 8pt; 
}

h1 {
  font-size: 16px;
}

.questions-table {
  margin-left:      auto;
  margin-right:     auto;
  width: 575px;
}

.question-label {
  vertical-align: top; 
}

.question-id {
  vertical-align: top;
  width: 20px; 
}

.question-yesno {
  text-align: center;
}

.app-footer {
  font-weight:    bold;
  text-align:     center; 
}

.preview-field {
  color:          rgb(0, 0, 0);
  background:     rgb(255,255,255);
  padding:        1px 10px 1px 1px;
}

.preview-row {
  height:         23px;
}

.region-heading {
  color: Black;
  font-size: 10pt;
}

.trips-column {
  vertical-align: top;
  width:          50%;
}

.other-trip {
  color: Black;
  font-weight: bold;
}

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

.info-spacer {
  height: 15px;
}

.request-info-label {
  color: Black;
  font-weight: bold;
  text-align:  center;
}

.request-info-field {
  margin-left:      auto;
  margin-right:     auto;
  width:            250px;
}

.contact-source-label {
  color: Black;
  font-weight: bold;
  text-align:  center;
}

.contact-source-field {
  margin-left:      auto;
  margin-right:     auto;
  text-align:       center;           
}

.directions {
  color: Black;
  font-weight: bold;
}

.selected-trip-field {
  width:      10%;
  text-align: center;
}

.selected-trip-label {
  width: 90%;
}

.request-info-footer {
  color: Black;
  font-weight: bold;
  text-align:  center;
}

.newsletter-field {
  text-align: center;
}