@charset "utf-8";
/* FAQLITE CSS Document */


/*** FAQ STYLES ***/

/* faqLite1 - for home page widget on dark bg */
#faqLite1 {
line-height:130%;
width:98%;
margin: 0px 0px 0px 34px;
}


#faqLite1 .ssdFaqEntry{ /* faq row/entry pair */
width:100%;
margin: 0px 30px 16px 10px;
padding: 0px 0 0 0;
background:url(../../widgetImageCache/fastFactBigHexyGrey.gif ) -1px 15px no-repeat;
min-height:125px; /* so bg hexy is not cropped on short Qs. */
}



#faqLite1 h2.accentChar, #faqLite1 p.accentChar {  /* row = q+a pair */
float:left;
font-size:200%;
padding: 0px 10px 0px 0px;
display:block;
}

#faqLite1 h2 {  /* question */
font-size:90%;
width:30%;
float:left;
text-align:right;
font-size:100%;
font-weight:normal;
color:#BE9403;
padding: 2% 2.5% 2% 0;  /* assume container has left pad/margin to keep content off left edge. use % to not break on media queries */


}

#faqLite1 h2 img {  /* accent image */
align: left;
padding: 3px 10px 10px 18px;
/*
border-right: solid 4px #444444;
margin-right: 5px;
*/
}

#faqLite1 p {  /* answer */
font-size:90%;
width:65%;
float:left;
text-align:left;
padding: 2% 0 2% 0;  /* assume container has left pad/margin to keep content off left edge. use % to not break on media queries */
}

#faqLite1 p a OLD{
color:#0099FF;
padding: 0 16px 0 0;
background: url(../../widgetImageCache/rightArrowGold.png) right  center no-repeat;
}


#faqLite1 p a {
color:#0099FF;
padding: 0 16px 0 0;
background:url(../../widgetImageCache/rightArrowGoldTrans50per.png) right  center no-repeat;
text-decoration:none;
}

#faqLite1 p a:hover{
color:#00CCFF;
padding: 0 16px 0 0;
background:url(../../widgetImageCache/rightArrowGold.png) right  center no-repeat;
}

#faqLite1 .clearLine {  /* this both CLEARS the h2 and p floats and creates a border of tunable width */
width: 100%;
clear: both;
margin: 10px 0 10px 0;
border-bottom: none 2px #222222;  
}




/* alt style for FAQLite - works on white/lite BG for internal pages*/
#faqLite2 {
line-height:125%;

}

#faqLite2 .ssdFaqEntry{ /* faq row/entry pair */
margin: 0;
padding:0;
/*
background:url(../../widgetImageCache/hexyGoldOutline.png )  0px 20px  no-repeat;
min-height:125px;

*/
}

#faqLite2 .ssdFaqEntry h2 span.accentChar, #faqLite2 .ssdFaqEntry p span.accentChar {  
float:left;
font-size:200%;
color:#FFCC33;
padding: 0px 10px 10px 0px;
display:block;
}

#faqLite2 h2 {  /* question */
width:30%;
float:left;
text-align:left;
font-size:120%;
line-height:130%;
font-style:italic;
font-weight:800;
color:#978135;
padding: 10px 10px 20px 10px;
}

#faqLite2 p {  /* answer */
width:65%;
line-height:150%;
float:left;
text-align:left;
padding: 10px 0px 20px 0px;
}

#faqLite2 p a {
color:#0099FF;
padding: 0 16px 0 0;
background: url(../../widgetImageCache/rightArrowGold.png) right  center no-repeat;
}

#faqLite2 .clearLine {  /* this both CLEARS the h2 and p floats and creates a border of tunable width */
width: 100%;
clear: both;
margin: 10px 0 10px 0;
border-bottom: solid 2px #dddddd;  
}



/* TEXT COLUMN with Subheads and pull quotes - can also be used as faq style  with full width Qs (h2) and pullquotes (h3s) */
#faqLite3 {
line-height:130%;
width:95%;
}

#faqLite3 .ssdFaqEntry{ 
margin: 0 0%;
padding: 15px 0 0 20px;
background:url(../../widgetImageCache/commentBubblesTriTransWhite.png )  0px 20px  no-repeat;}

#faqLite3 h2.accentChar, #faqLite3 p.accentChar {  /* row = q+a pair */
float:left;
font-size:200%;
padding: 0px 10px 0px 0px;
display:block;
}

#faqLite3 h2 {  /* Section Heading */
font-size:120%;
margin: 8px 0 5px 0;
text-align:left;
font-weight:bolder;
color:#FFCC33;



}

#faqLite3 h3 {  /* pull quote */
width: 35%;
margin: 20px 10px 20px 20px;
float:right;
text-align:left;
font-size:140%;
line-height:120%;
font-family:"Courier New", Courier, monospace;
font-weight:bolder;
font-style:italic;
color:#FFCC33;

background:url(../../widgetImageCache/commentBubblesTriTransWhite.png )  0px 20px  no-repeat;


}

#faqLite3 h2 img {  /* accent image */
align: left;
padding: 3px 10px 10px 18px;
/*
border-right: solid 4px #444444;
margin-right: 5px;
*/
}

#faqLite3 p {  /* answer */
font-size:90%;
width:95%;
xfloat:left;
text-align:left;
padding: 2% 0 2% 0;  /* assume container has left pad/margin to keep content off left edge. use % to not break on media queries */
}

#faqLite3 p a OLD{
color:#0099FF;
padding: 0 16px 0 0;
background: url(../../widgetImageCache/rightArrowGold.png) right  center no-repeat;
}


#faqLite3 p a {
color:#0099FF;
padding: 0 16px 0 0;
background:url(../../widgetImageCache/rightArrowGoldTrans50per.png) right  center no-repeat;
text-decoration:none;
}

#faqLite3 p a:hover{
color:#00CCFF;
padding: 0 16px 0 0;
background:url(../../widgetImageCache/rightArrowGold.png) right  center no-repeat;
}

#faqLite3 .clearLine {  /* this both CLEARS the h2 and p floats and creates a border of tunable width */
width: 100%;
clear: both;
margin: 10px 0 10px 0;
/* 
border-bottom: solid 2px #222222; 
*/ 
}




/* alt style 4 for FAQLite - works on white/lite BG for internal pages*/
/* STACKED one column Q n A instead of 2 column */
#faqLite4 {
line-height:135%;

}

#faqLite4 .ssdFaqEntry{ /* faq row/entry pair */
margin: 0;
padding:0;
/*
background:url(../../widgetImageCache/hexyGoldOutline.png )  0px 20px  no-repeat;
min-height:125px;

*/
}

#faqLite4 h2 {  /* question */
/* one column so these are commented out
width:30%;
float:left;
*/
text-align:left;
font-size:150%;
line-height:130%;
font-style:italic;
font-weight:800;
color:#978135;
padding: 10px 10px 10px 0px;
}

#faqLite4 p {  /* answer */
/* one column so these are commented out
width:65%;
float:left;
*/
line-height:180%;
text-align:left;
padding: 0px 0px 20px 16px;
}



#faqLite4 p a {
color:#0099FF;
padding: 0 16px 0 0;
background:url(../../widgetImageCache/rightArrowGoldTrans50per.png) right  center no-repeat;
text-decoration:none;
}

#faqLite4 p a:hover{
color:#006699;
padding: 0 16px 0 0;
background:url(../../widgetImageCache/rightArrowGold.png) right  center no-repeat;
}

#faqLite4 .clearLine {  /* this both CLEARS the h2 and p floats and creates a border of tunable width */
/* in single column, dont clear floats so popmenu doenst get cleared */
/* clear: both; */
width: 100%;
margin: 10px 0 10px 0;
border-bottom: solid 2px #dddddd;  
}