/* 
From the wilig LOGO
maroon - #B62B2E
dark green - #008856
light green - #73C3A0
light light green - #B7D9C8;
font color - #221E1F
*/

tr.Header {
  background: #FFF none repeat scroll 0%;
  margin: 0pt;
  padding: 1px 0pt 0pt;
  position: relative;
  text-align: left;
  width: 100%;
}

tr.Header h3 {
  font-family: verdana;
  font-size: 10px;
  font-weight: normal;
  margin: 0pt;
  border: 0pt;
  text-align: left;
}

tr.Header h3 a {text-decoration: none;}

tr.Header h3, tr.Header h3 a:link, tr.Header h3 a:visited {
  color: #B62B2E;
}

tr.Header h3 a:hover {
  background-color: #008856;
  color: #fff;  
}

tr.Header h3 span#floatright {
  float:right;
  position:relative;
  text-align:right;
  width:300px;
}

div#user_info {
  border: 0pt;
  margin: 0pt;
}

div#loginOuterOuter {
  float: right;
  text-align: center;
  background: #B7D9C8;
  border: 1px solid #73C3A0;
  border-top: 0px solid #008856;
  width: 236px;
}

div#loginOuter{
    text-align: center;
    float:right; 
    padding: 3px;
}

div#signupOuterOuter {
  background: #B7D9C8;
  border: 0px solid #73C3A0;
  width: 50%;
}

div#signupOuter{
  padding: 10px;
  border: 1px solid #73C3A0;
  border-top: 0px solid #008856;
  border-bottom: 0px solid #008856;
  width: auto;
}

div#legend{
  padding: 5px;
  border: 1px solid #008856;
  width: auto;
}

div#Outer{
  padding: 10px;
  border: 1px solid #B7D9C8;
  border-top: 0px solid #008856;
  border-bottom: 0px solid #008856;
  width: auto;
}

div#loginform td.label,  div#signupform td.label {
  text-align: right;
  font-size: 11px;
}

div#loginform td.input, div#signupform td.input {
  text-align: left;
  font-size: 11px;
}

div#loginform td.label_forget {
  text-align: right;
}

div#loginform a.forget{
  font-size: 10px;
  color: #B62B2E;
  letter-spacing: 0.15em;
}

div#loginform a.forget:hover{
  font-size: 10px;
  color: #FFF;
  letter-spacing: 0.15em;
}

td.message {
  text-align: right;
  font-size: 11px;
} 

input#user_login, input#user_email, input#user_name, input#user_password, input#user_password_confirmation, input#user_company, input#password_old, input#password_new, input#password_confirmation, select#user_member, select#user_status_id, textarea#user1_notes {
  background: #FFF;
  border: 1px solid #73C3A0;
}

div#loginform input#user_submit {
  font-size: 11px;
}

div#signupform input#user_submit {
  font-size: 14px;
}

td.input a:hover{
  background-color: #008856;
  color: #fff;  
}
#navcontainer {
  padding: 0pt;
  border-right: 0px solid #000;
  margin-bottom: 0em;
  background-color: #FFF; /* #90bade; */
  color: #333;
}

#navcontainer ul {
  list-style: none;
  margin: 0pt;
  padding: 0pt;
  border: none;
}

#navcontainer li {
  border-bottom: 1px dotted #008856; /* #90bade; */
  margin: 0pt;
}

#navcontainer li a {
  display: block;
  padding: 5px 5px 5px 0.5em;
  border-left: 10px solid #008856; /* #1958b7; */
  /* border-right: 10px solid #508fc4; */
  background-color: #fff; /* #2175bc; */
  color: #B62B2E; /* #fff; */
  text-decoration: none;
  font-size: 14px;
}

html>body #navcontainer li a { width: auto; }

#navcontainer li a:hover, #navcontainer li.activeLink a:hover, #navcontainer li.adminLink a:hover {
  border-left: 10px solid #73C3A0;
  background-color: #008856;
  color: #fff;
}

#navcontainer li.activeLink {
  border-bottom: 1px dotted #008856; /* #90bade; */
  margin: 0;
  color: #fff;
}

#navcontainer li.adminLink {
  border-bottom: 1px dotted #B62B2E; /* #90bade; */
  margin: 0;
  color: #fff;
}

#navcontainer li.spacer {
  border-bottom: 1px dotted #B62B2E; /* #90bade; */
  margin: 0;
  color: #fff;
}
#navcontainer li.activeLink a {
  display: block;
  padding: 5px 5px 5px 0.5em;
  border-left: 10px solid #73C3A0;
  background-color: #fff;
  color: #B62B2E;
  text-decoration: none;
  font-size: 14px;
}

#navcontainer li.adminLink a {
  display: block;
  padding: 5px 5px 5px 0.5em;
  border-left: 10px solid #B62B2E;
  background-color: #fff;
  color: #008856;
  text-decoration: none;
  font-size: 14px;
}

#navcontainer ul ul {
  margin-left: 12px;
}

#navcontainer ul ul li {
  border-bottom: 0px dotted #008856;
  margin: 0pt;
}

#navcontainer ul ul a:link, #navcontainer ul ul a:visited {
  background-color: #73C3A0;
  color: #221E1F;
}

#navcontainer ul ul a:hover {
  background-color: #008856;
  color: #FFFFFF;
}

#navlist li ul {
	position: absolute;
	left:-999em;
}

#navlist li:hover ul, #navlist li.sfhover ul {
  left:auto;
  margin: -29px 0 0 150px;
}

#templeHours p a {
  display: block;
	padding: 3px 0;
	border-bottom: 1px dotted #008856;
}

#templeHours p a:hover{
  background-color: #008856;
  color: #fff;
}


p a {
  border-bottom: 1px dotted #008856;
}

p a:hover {
  background-color: #008856;
  color: #FFF;
}

p.zeroMargin a {
  display: block;
  color: #B62B2E;
  border-bottom: 0px dotted #008856;
}

p.zeroMargin a:hover {
  background-color: #008856;
  color: #FFF;
}

p.header a {
  background-color: #FFF;
  color: #FFF;
  border-bottom: 0px dotted #008856;
}

p.header a:hover{
  background-color: #FFF;
  color: #FFF;
}

/* 05 Oct 08 AB - Added Submenu CSS*/
/* 05 Jul 08 AB - Added Sub_Sub_Menu CSS*/
div#subMenu {
  width: auto; 
  margin:0 auto; 
  text-align: left; 
  height:24px; 
  background: #73C3A0;
  padding: 5px 15px 0px 15px;
}

div#subSubMenu {
  width: auto; 
  margin:0 auto; 
  text-align: left; 
  height: 24px;  /* Does not work well in Firefox */ 
  background: #FFF;
  padding: 7px 10px 3px 10px;
  border: 1px solid	#73C3A0;
  border-top: 0pt solid	#73C3A0;
}

ul#subMenuNav, ul#subMenuNav li {
  list-style-type: none;
  margin: 0pt;
  padding: 0pt;
}

ul#subSubMenuNav, ul#subSubMenuNav li {
  list-style-type: none;
  margin: 0pt;
  padding: 0pt;
}

ul#subMenuNav {
  float: left; 
} /* changin right to left will move the navigation bar*/

ul#subSubMenuNav {
  float: left; 
} /* changin right to left will move the navigation bar*/

ul#subMenuNav li {
  float: left;
  margin-left: 10px; 
  text-align: center;
}

ul#subSubMenuNav li {
  float: left;
  margin-left: 10px; 
  text-align: center;
}

/*90px is the width of the tabs and padding gives the height of the tabs or chaging it to auto would make the width variable */
ul#subMenuNav a {
  float:left; 
  width: auto; 
  padding: 2px 7px 3px; 
  background: #B7D9C8;
  text-decoration:none; 
  color: #008856;
  font-size: 12px;
}

ul#subSubMenuNav a {
  float:left; 
  width: auto; 
  padding: 2px 7px 3px; 
  background: #FFF;
  text-decoration:none; 
  color: #B62B2E;
  font-size: 12px;
}

ul#subMenuNav a:hover {
  background: #008856; 
  color: #FFF;
}

ul#subMenuNav li.activelink a {
  background: #FFF; 
  color: #B62B2E;
}

ul#subMenuNav li.submenu_heading {
  margin-right: 20px; 
  background: #FFF;
  padding: 2px 7px 3px;
  color: #B62B2E;
}

ul#subMenuNav li.activelink a:hover {
  background: #008856; 
  color: #FFF; 
}

div#breadcrumbs1 {
  height:23px; 
  margin: 0pt; 
  text-align: left; 
  background: #B7D9C8;
}

p.breadcrumbs {
  font-size: 10px;
  margin: 3pt 0pt;
  padding: 3pt 0pt;
  color: #225486;
  font-weight: normal;
}

input#user_login.readonly {
	background: #F7F7F7;
}