/* 10/7/2026 */

.wrapper {overflow: auto;}

/* page....................................................*/

.html {
  font-size: 16px;
}

body {
   color: #421c52;
	font-family: Helvetica Neue, Garamond,  Geneva, Verdana, Arial, sans-serif;
	-webkit-text-size-adjust: 100%;  /* iPhone text size issue */
}

/* request separator rounded border */
hr.request {
  border: 3px solid #CD5C5C;
  border-radius: 5px;
}
/* assist separator rounded border */
hr.assist {
  border: 3px solid #6B8E23;
  border-radius: 5px;
}
/* eval_actions separator rounded border */
hr.eval_actions {
  border: 3px solid #A0522D;
  border-radius: 5px;
}

	

#container {
	text-align: left;
	margin: 0 auto;
	background-color: white;
   }   

#content {
   float: left;
   display: block;
   padding-left: 10px;
   padding-right: 10px;   
   }
#content h3 {
   color: #0033cc;
	text-decoration: underline;
	height: auto;	
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 10px;
	text-align: left;
	}
#content h4 {
   color: #0033cc;
	text-decoration: underline;
	height: 10px;
	padding-top: 10px;
/* 
	padding-bottom: 20px;
 */
	padding-bottom: 10px;
	text-align: left;
	}

#footer {
	padding-top: 15px;
	height: auto;
	clear: left;
	text-align: center;
	padding-bottom: 25px;
   }

#header {
	padding-left: 10px;
	height: auto;
   color: #9781b7;
	margin-top: 2px;
   }
#header h1 {
   font-style: italic; 
	padding-top: 30px;
	}
#header h2 {
   font-style: italic; 
	font-weight: bolder; 
   color: #acacac;
	padding-left: 27px;
   }


#menu {
   float: left;
   display: block;
   text-align: left;
	padding-left: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	line-height: 20px;
   }

/* display navigation menu items */
#menu ul {
   border-left: 5px solid #c0c0c0;
   background-color: #f1f1f1;
   list-style-type: none;
   padding: 10px 10px;
	font-style: italic;
	line-height: 20px;
   }	

#menu h4 {
   color: #eb714d;
	text-decoration: underline;
	}

#taskmenu{
	background-color: #EFEBE9;
   padding: 10px 10px;
	font-style: italic;
	line-height: 20px;
   border-right: 5px solid #c0c0c0;
}



#path {
   height: auto;
   text-align: left; 
   padding-left: 20px;
   padding-top: 15px;
	padding-bottom: 10px;
   }

/* elements......................................*/

a {
	color: #8c489f; 
	text-decoration: none;
	}
a:hover {
	font-weight: bolder;
   color: #669900;
	}
a.mod:hover {
	font-weight: bold;
   color: #3d107b;
	}

p {
	text-align: justify;
	margin-top: 11px;
	margin-bottom: 10px;
	} 
p.heading {
   text-decoration: underline;
	} 
p.u {
   text-decoration: underline;
	} 
p.group_display_name{
	font-weight: bolder; 
   }

/* moved following to phone section... */
/* must have to size form elements correctly... */

/* 
select {
   font-size: 90%;
   } 

input {
   font-size: 90%;
   } 

textarea {
   font-size: 90%;
   } 
 */

/* classes..................................*/

.action {
	font-weight: bolder; 
	}
.archive {color: #2d73b9;
	}
.assist {color: #6B8E23;
   font-style: italic; 
	}
.attention {color: #eb0000;
	}
.caution {color: Red;
	}
.column_heading {
	text-align: left;
	font-weight: bold;
	text-decoration: underline;
   }
.counter {
   color: #0033cc;
	font-weight: bold;
   }
.client {
	color: #808000;
   }
.error {color: Red;
	font-weight: bolder;
	}

.disable {
   color: #826ba9;
	}

.eval_actions {color: #A0522D;
	}

.formlabel {
   font-size: 1em;
   padding-right: 5px;
	}
.formrequiredlabel {
   font-size: 1em;
   padding-right: 5px;
	}
.formarea {
	font-size: 1em;
   }
.formfield {
	font-size: 1em;
   }	

.forum_head {
	text-align: left; 
	padding-right: 10px;
	text-decoration: underline;
	font-weight: bolder;
	padding-bottom: 15px;
	}
.forum {
	text-align: left; 
	padding-bottom: 10px;
	}
.help_text {
   color: Blue;
	font-weight: bolder;
   text-decoration: underline;   
   }
.information {color: blue;
	}
.instructions {
	color: #008080;
   }
.msg {
	color: #7A40B1;
	text-align: center;
	}
.msg_client {color: #00b5ef;
	}
.msg_svdp {color: #2d73b9;
	}
.next_month {
	font-size:25px;
   }	
.new_forum_content {
   color: #800000;
	font-weight: bolder;
   text-decoration: underline;   
   }
.new_topic {
	font-weight: bolder;
	padding-right: 5px;
}
.new_topic_msg {
	padding-right: 5px;
   }
.pict_credit {
	color: #ef9c00;
   }
.post_content {
	display: block;
   border-top: 1px solid #e0e0e0; 
	padding-top: 2px;
	padding-left: 15px;
	padding-bottom: 2px;
	color: #003366;
	background-color: #F5F5F5;
	margin-bottom: 10px;
}
.postname {
	font-weight: bolder;
	padding-left: 0px;
	text-align:left; 
	}

.prev_month {
	font-size:25px;
   }	

.question_title {
   color: #0033cc;
	}
.request {color: #CD5C5C;
   font-style: italic; 
	}

.sequence {color: #996600;
	}
.status {
	color: #826ba9;
	font-weight: bold;
	}
.statistics{
	text-align: center;
   text-decoration: underline;
   }
.tbl {
	margin-left: auto; 
	margin-right: auto; 
	margin-top: 10px; 
	text-align: left;
   width: 100%; 
	}
.tbl_list {
	width: 100%; 
	}
 
.topic_head {
	text-align: left; 
	padding-right: 10px;
	text-decoration: underline;
	font-weight: bolder;
	padding-bottom: 10px;
	}

.topic {
	text-align: left; 
	padding-bottom: 0px;
	}
	
.viewtext1{
	padding-top: 10px; 
	padding-left: 150px; 
	text-decoration: underline;
}	
.viewtext2{
	padding-left: 150px;
	line-height: 8px;
}	

.postname {
	font-weight: bolder;
	}

.verse {
    white-space: nowrap;
    vertical-align: super;
    font-size: 0.9em;
    line-height: 0;
    color: #008000;
}

   

/* mobile phones: portrait or landscape */
/*...............................................................................*/

@media screen and (min-device-width: 340px) and (max-device-width: 767px) {

   body {
      font-size: 1.0rem;
      }

   #container {
      width: 95%;
      }

   #content {
      width: 95%;
      border-top: 0px solid white;
      } 

   #content h3 {
      width: 90%;
      }

   #content h4 {
      width: 90%;
      }

   #footer {
	   text-align: left;
	   padding-left: 20px;
      }

   #menu {
      padding-top: 20px;
      padding-bottom: 5px;
      padding-left: 10px;
      padding-right: 5px;
	   line-height: 25px;
      } 

   #menu ul {
	   line-height: 25px;
      }	

   input[type=submit], input[type=reset] {
      background-color: white;
      color: #8c489f;
      }

   /* classes (cell phone)..................................*/
      
   .homeImage {
      max-width: 100%;
      height: auto;
      }
   .login_text{
	   text-align: left;
      }   

   /* must have to size form elements correctly... */

   select {
      font-size: 95%;
      } 

   input {
      font-size: 100%;
      } 

   textarea {
      font-size: 100%;
      } 

  }


/* tablets: portrait or landscape */
/*...............................................................................*/

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {

   body {
   	font-size: 0.85rem; 
      }

   #container {
      width: 95%;
      }

   #content {
      width: 100%;
      border-top: 0px solid white;
      } 

   #content h3 {
      width: 95%;
      }

   #content h4 {
      width: 95%;
      }

   #footer {
      text-align: left;
      padding-left: 20px;
      }

   #menu {
      padding-top: 20px;
      padding-bottom: 5px;
      padding-left: 10px;
      padding-right: 5px;
      } 

   /* classes (tablet)..................................*/

   .homeImage {
      max-width: 100%;
      height: auto;
      }
   .login_text{
	   text-align: center;
      }   

  }

/* desktops */
/*...............................................................................*/

@media screen and (min-width: 1024px) {

   body {
   	font-size: 0.8rem;
      }

   #container {
      width: 947px;
      }

   #content {
      width: 660px;
   	padding-left: 20px;
      }

   #menu {
      width: 200px;
      padding-top: 50px;
      padding-left: 20px;
      padding-right: 10px;
      padding-bottom: 10px;
      } 

   /* classes (desktop)..................................*/

   .homeImage {
      margin: 0px 14px 3px 0px;
	   }
   .login_text{
	   text-align: center;
      }   


  }