/*===========================================================================
     To Do:
    --------
Navigation: Reduce spacing; 
            synch positioning for all display sizes.
Login:      test the access.asp, incl. change PW.
            modify result page according to Session("UserType")
=============================================================================




/*   Modifications to base.css:  
=============================================================================*/
   #content-wrapper {
      background: #D2C0B4;
      background: #F2E4DB;
   }
   h1, h2, h3, h4, h5, h6 {
      color: #372D23;      
   }
   body {
      color: #784F26;
   }
   #header {
      background: #EEE2DC;
      box-shadow: inset 0 16px 6px -6px rgba(220,190,160,0.25), inset 0 -16px 6px -6px rgba(0,0,0,0.25);
   }

   .flexslider {
      box-shadow:  0px 16px 6px rgba(0,0,0,0.25);
   }



/*   Modifications to style.css:  
=============================================================================*/

h2, h3, h4, h5, h6, body {
   font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
   color: #5A3E20;
}

@media only screen and (min-width: 768px) {
   #header #logo {
      margin-top: 10px;
   }
}
@media only screen and (max-width: 767px) {
   #header #logo {
      margin-left: 45px;
      display: block;
   }
   #logo a img {
       max-height: 57px;
   }
   a.menu-trigger {
      background: transparent !important;
      font-size:40px;
      padding-bottom:5px;
   }
}


.post-content .testimonial {
   /* font-family:"Times New Roman", Times, serif; */
      font-family: Verdana, Tahoma !important;
      font-size:1.1em;
   font-style: normal;
   /* background:#D8BCAE !important; */
  background: linear-gradient(to left, #D8BCAE , #F0E4DE);
   color:#7B3D1F;
}
.post-content .testimonial hdng {   /* changed "strong" to "hdng", to allow use of <strong> as "bold" in text. */
   font-size:1.8em;
   font-weight:700;
   line-height:1.2em;
   color:#7B3D1F;
}
.post-content .testimonial strong {   /* usage of "strong": as in <b>. */
   font-size:1em;
   font-weight:700;
   color:#7B3D1F;
}
.post-content h2 a {
   color: #f5391A !important;
}
.post-content h2 a:hover {
   color: #784F26;
}

.parallex-slider-title-slider {
   font-size:2.4em;
}

.ui-accordion .ui-accordion-header, .trigger a {
	background: #957461;
	border:1px solid #755441;
	color: #fff;
}
.ui-accordion .ui-accordion-header-active:hover,
	background: #957461;
}	color: #fff;





/* 02 Main Menu  
====================================== */

menu > ul li {
    margin-left: 0px;
}
.menu ul ul {
   /* display: block !important;  temp: during dev! */
}
.menu ul > li > a {
   color: #7A3E20;
   padding: 40px 0px;
}
.menu ul ul li a {
   padding: 5px 16px 5px 5px  !important;
   font-size: 1em;
   color: #777 !important;
}
.menu .cols3, .menu .col3 {
   width:600px;
}
.menu ul ul li  {
   width: 195px;
}
.menu .col1 {
   width:195px;
   border-top:0px!important;
}

/* Smaller than standard 1180 (devices and browsers) */
@media only screen and (min-width: 959px) and (max-width: 1199px) {
   .menu ul > li > a {
      padding: 40px 0px;
   }
   menu > ul li {
       margin-left: 0px;
   }
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
   .menu ul > li > a {
      padding: 40px 0px;
   }
}



.compact  img {
    max-height: 55px;
}

.panel { 
 /* border: 1px solid #888866;
  border-radius: 14px !important;
  -moz-box-shadow:       4px 4px 10px rgba(0,0,0,0.50);
  -webkit-box-shadow:    4px 4px 10px rgba(0,0,0,0.50); 
  box-shadow:          inset  -4px -4px 10px rgba(0,0,0,0.25),
                       inset   4px  4px 10px rgba(200,170,140,1) */
}



#footer {
	background-color: #2C1C12;
	padding: 20px 0 20px 0!important;
    box-shadow: inset 0 16px 6px -6px rgba(220,170,140,0.25),  -16px 6px -6px rgba(0,0,0,0.25);
}


a, a:visited { color: #1f49Bf; }


/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
   h1 { 
      font-size: 25px; 
      line-height: 25px; 
   }
   #parallex-inner .container {
      text-align:left;
      padding: 10px 0 20px;
   }
   #parallex-inner .container h1 {
      font-size:25px;
      font-weight:300;
      line-height:25px;
   }
}



/* PPS custom:   
====================================== */



.container .readOnlyFld_L, .readOnlyFld_R, .sInputFld, .nInputFld, .sInputSelect {
    color:                #A52A20;
}

/* does not make it read only, just formatting without borders: */
.container .readOnlyFld_L {
    border-width:         0; 
    background:           transparent;
    text-align:           left;
}

/* does not make it read only, just formatting without borders: */
.container .readOnlyFld_R {
    border-width:         0; 
    background:           transparent;
    text-align:           right;
}

/* Input Field - string, with borders: */
.container .sInputFld {
    border:               #fff 1px inset; 
    background:           #EEE7CF;
    text-align:           left;
}

/* Input Field - numbers, with borders: */
.container .nInputFld {
    border:               #fff 1px inset; 
    background:           #EEE7CF;
    text-align:           right;
}

/* Select Box */
.sInputSelect {
    border:               #fff 1px inset; 
    padding:              1px;
    background:           #EEE7CF;
    font-size:            1em;
}


/* base.css */
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
	font-size: 1em;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
    color: #444; 
}



.indent_10 {
   margin-left:          10px;
}

.indent_20 {
   margin-left:          20px;
}

.indent_50 {
   margin-left:          50px;
}

.indent_100 {
   margin-left:          100px;
}


/* userMaintForm: */
.compDet th, td {
   font-size:            1.2em;
   min-height:           1.5em;
   line-height:          1.4em;
   padding:              5px;
   vertical-align:       top;
   border:               0px solid silver;
}
.compDet th {
   text-align:           left;
}

.tip {
   font-family: Arial, Helvetica, sans-serif;
   font-size:           0.9em;
   color:               #008000;
}

.bld {
   font-weight:         600;
}