/* style sheet for transit need survey pages
   Created by: Deepu Philip, 12/24/2007
   References: W3Schools, HTMLDog
   
Notes:
  1. The survey style is only used in the data input and data editing.
  2. The query result display uses a different style sheet.
*/

/* font family accommodates for Windows and Mac font availabilities */
body { 
 	font-family: arial, verdana, helvetica, sans-serif;     
	font-size: 9px; 
} 

/* display first order heading in survey, used for displaying the survey section */
h1 {  
   font-size: 16px;     
   background-color: white; 
   color: black;
   letter-spacing: 0em;    
   text-align: center;
} 
  
/* display survey query title */  
h2 {     
   color: white;     
   background-color: #c80;     
   font-size: 15px;     
   text-align: center;
   margin: 0;     
   letter-spacing: 0em;
   padding: 0.1em;     
   padding-left: 1em; 
}

/* display survey subsection title */  
h3 {     
   color: white;     
   background-color: #080;     
   font-size: 15px;     
   text-align: center;
   margin: 0;     
   letter-spacing: 0em;
   padding: 0.1em;     
   padding-left: 1em; 
}

/* display section in survey subsection */
h4 {  
   font-size: 15px;     
   background-color: white; 
   color: black;
   letter-spacing: 0em;    
   text-align: center;
} 

/* logical sections in survey is displayed this way */
h5 {     
   font-size: 15px;
   text-align: center;
   border-style: dashed;     
   border-width: 2px;     
   border-left-width: 0px;     
   border-right-width: 0px;     
   border-color: red; 
}
  
/* style for displaying general navigational links */  
a.navig:link {
   font-size: 14px;
   color: #f00;
}
  
/* style for displaying visited navigational links */
a.navig:visited {
   font-size: 14px;
   color: blue;
}
  
/* style for displaying links on which cursor is set with the following properties
  1. background color is a shade of green 
  2. the text enlarges in size once the mouse is placed over the link
*/  
a.navig:hover {
   font-size: 200%;
   background: #6f6;
} 
  
/* paragraph style */  
p {    
   line-height: 140%;
   letter-spacing: 0.1em;    
   word-spacing: 0em;  
   text-align: center;   
   line-height: 1.2;      
} 
  
/* survey questions display styles 
  uses classes to set the properties 
  used in the tabular questions only */
.inputtext {
    line-height: 140%;
 	font-family: verdana, arial, helvetica, sans-serif;
 	font-size: 14px;
 	color: black;
	text-align: right;
}

/* survey questions display styles 
  uses classes to set the properties 
  used in the checkbox questions only */
.checkboxtext {
    line-height: 140%;
 	font-family: verdana, arial, helvetica, sans-serif;
 	font-size: 14px;
 	color: green;
 	text-align: left;
}

/* class to mark important fields with an asterix */
.redstar{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
 	color: red;
	text-align: left;	
}

/* class to explain red asterix at the bottom of each survey */
.redstardetail{
 	line-height: 140%;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 13px;
 	color: red;
}

/* class to display the error messages from mysql database operations */
.errormysql{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
 	color: red;
}

/* class to display the information text before data input */
.infotext{
    line-height: 140%;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 13px;
 	color: black;
}

/* class to display query result in a tabular format */
.qrytbltext{
    line-height: 140%;
 	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
 	color: black;
	text-align: left;	
}

/* class to display the error messages for missed fields in the form */
.errorform{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 13px;
 	color: red;
 	text-align: left;
}

/* class to display the heading bar */
.headingbar{
   color: black;     
   background-color: #ee0;     
   font-size: 18px;  
   font-weight: bold;   
   text-align: center;
   margin: 0;     
   letter-spacing: 0em;
   padding: 0.2em;     
   padding-left: 1em; 
}

/* style for menu in the home page */
.tab{
   font-family: arial, verdana, san-serif; 
   font-size: 12px;
}

/* style used for submenu in the home page */
.asd{
   text-decoration: none; 
   font-family: arial, verdana, san-serif; 
   font-size: 11px; 
   color: #4234ff;
}