/* FAQ CSS - Default Template */ 

/*
Default colors:
Headers/Links - #0088CC
All other Text - #444D3E
Hover for Links - #0088CC
Alternate Color - #0088CC (used for column headers and escalation forms)
Background Color for Answer/Feedback tables - #0088CC
All borders are - #CCCCCC



/* default links  */
a { color: #0088CC;} 
a:hover {color: #0088CC; text-decoration:none} 
a:visited { color: #0088CC;} 
a:visited:hover {color: #0088CC; text-decoration:none} 


/* for top link */
a.alt:link { color: #0088CC;} 
a.alt:visited { color: #0088CC;} 
a.alt:hover { color: #0088CC;text-decoration: none} 
a.alt:visited:hover { color: #0088CC; text-decoration: none} 


body {
	margin-left: 5px;
	margin-right: 10px;
	margin-top: 2px;
	margin-bottom: 5px;
	
	/*default font style - change here and under TD */
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 13px;
	line-height: 130%;
	color: #444D3E;
	}

td {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 13px;
	line-height: 130%;
	color: #444D3E;}



/* the menu bar */

#menuWrap{ 
width: 100%; 
border-top: 1px solid #cccccc; 
border-left: 0px solid #cccccc; 
border-right: 0px solid #cccccc; 
border-bottom: 1px solid #ffffff; 
margin-bottom: 15px; 
margin-top: 10px;
}

#menu { 
width: 100%; 
background-image: url(menubkgdimg.gif); /* remove if you want color to appear */
background-repeat: repeat;
border-top: 1px solid #FFFFFF ; 
border-left: 1px solid #FFFFFF; 
border-right: 1px solid #FFFFFF; 
background-color: #FFFFFF; /* background color of menu bar*/
}

#menu a:link, #menu a:visited { color: #0088CC; text-decoration: none; font-weight: bold; vertical-align: middle;}
#menu a:hover { color: #0088CC; font-weight: bold; vertical-align: middle; text-decoration: none;}

hr { width: 100%; color: #cccccc; height: 2px;}

.actionImg { padding-right: 10px }

/* all text elements  */

.header { font-weight: bold; font-size: 12px; margin-bottom: 5px; color: #0088CC}

.subHeader { font-weight: bold; font-size: 13px;}

.colheader { color: #0088CC; font-weight: bold; background-color: #CCDDCC;}

.top { font-size: 12px; color: #666666; text-align: right; margin-top: 2px;} 

.copysmall { font-size: 12px;} 

.tabledata {background-color: #FFFFFF} /* background of cells for results table */

.entry {color: #444D3E; font-size:13px } /* what the customer has searched for */

.sorry { color: #009900; font-weight: bold;} /* green messages */

.alert { font-weight: bold; color: #c90016;} 

.copyred { color: #C90016 }
 
.copygrn { color: #009900 } 

.update { color: #0088CC; font-size: 12px; padding: 2px; }  /* FAQ update table text */

.faqanswer { font-size: 13px;}
.faqanswer h1 { font-size: 13px;} 
.faqanswer h2 { font-size: 13px;} 
.faqanswer h3 { font-size: 13px;} 


/* the tabs for Answer/Feedback etc */

#tabheader  { font-size: 12px; line-height: 130%; font-family: Verdana, Arial; font-weight: bold;
margin-top: 2px; background-image:url(tab_bkgd.gif);background-repeat: repeat-x; padding-top: 4px;
padding-bottom: 4px; padding-left:20px; padding-right: 20px}

#tabtop { background-image:url(tab_top.gif); background-repeat: repeat-x;}

 /* tables */ 
 
.listTable { background-color:#cccccc; width: 100%;}  

.answerTable { background-color: #F9F9F8; border-top: 2px solid #ccc; border-left: 0px solid #ccc; border-right: 0px solid #ccc;  border-bottom: 4px solid #ccc;  spacing: 0px; padding-top: 10px; padding-left: 10px; padding-right: 10px; } 
 
.feedbackTable { background-color: #F9F9F8; border-top: 2px solid #ccc; border-left: 0px solid #ccc; border-right: 0px solid #ccc;  border-bottom: 4px solid #ccc;  spacing: 0px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; }
 
.updateTable {margin-top: 10px; margin-bottom: 5px; border-top: 2px solid #cccccc;}  
 
.pasteTable {float: right; background-color:#FFFFFF; border-top: 2px solid #cccccc; border-bottom: 2px solid #cccccc; padding: 4px; margin-left: 10px;}
 
  
 /* form elements */ 
 
input.button /* default button */ { 
font-family: verdana, arial, sans-serif; 
font-size: 13px; 
height: 23px; 
margin-top: 2px; 
text-decoration: none; 
padding-right: 5px; 
padding-left:5px; 
background-image:url(tab_bkgd.gif); 
background-repeat:repeat-x; 
background-color:#CCCCCC; 
border: 1px solid #cccccc; 
color: 444D3E;
} 

input  { 
font-family: verdana, arial, sans-serif; 
font-size: 13px; 
font-weight: 400; 
vertical-align: baseline;
padding-bottom: 2px;
padding-top: 2px;
} 


/* ESCALATION FORMS */

.sectionHeader { PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; 
 PADDING-TOP: 2px; BORDER-RIGHT: 1px solid #cccccc ; BORDER-TOP:1px solid #cccccc ; BORDER-LEFT: 1px solid #cccccc ;  BORDER-BOTTOM: 1px solid #cccccc; background-color: #CCDDCC; spacing: 0px ; width: 90%; margin-left: 10px; margin-right: 10px; height: 30px;}  /* top title banner */
 
.sectionIcon { WIDTH: 24px } 

 /* the form/content */
 
.content { BORDER-RIGHT: 1px solid #cccccc ; BORDER-TOP:1px solid #cccccc ; BORDER-LEFT: 1px solid #cccccc ;  BORDER-BOTTOM: 1px solid #cccccc; width: 90%; margin-left: 10px; margin-right: 10px }

.content td {
vertical-align: top
}