/* FAQ CSS - Default Template */ 

/*
Default colors:
Headers/Links - #196C92
All other Text - #333333
Hover for Links - #CC6600
Alternate Color - #CCDDCC (used for column headers and escalation forms)
Background Color for Answer/Feedback tables - #F9F9F8
All borders are - #CCCCCC

/* default links  */
a { color: #339 !important; text-decoration: none !important;} 
a:visited { color: #669 !important;} 
a:visited:hover {color: #66c; text-decoration:underline;} 
a:hover {	color: #66c !important; 	text-decoration: none; }

/* for top link */
a.alt:link { color: #666666;} 
a.alt:visited { color: #666666;} 
a.alt:hover { color: #000000; text-decoration: none;} 
a.alt:visited:hover { color: #196C92; text-decoration: none;} 

body {
	font-family:  arial, helvetica, tahoma;
	margin-left: 5px;
	margin-right: 10px;
	margin-top: 2px;
	margin-bottom: 5px;
	
	/*default font style - change here and under TD */
	font-size: 12px;
	line-height: 130%;
	background-color: #0B3041;
	}


td {
	font-family: arial, helvetica, tahoma;
	font-size: 12px;
	line-height: 130%;
	}


/* the menu bar */

#menuWrap{ 
width: 100%; 
border-top: 1px solid #cccccc; 
margin-bottom: 10px; 
margin-top: 5px;
}

#menu { 
background-image: url(menubkgdimg.gif); /* remove if you want color to appear */
background-repeat: repeat;
}

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

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

.actionImg { padding-right: 10px }

/* all text elements  */

.header { font-weight: bold; font-size: 14px; margin-bottom: 5px; color: #666 !important; text-transform: uppercase;}

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


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

.copysmall { font-size: 12px  !important;}

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

.entry {color: #000000; font-size:14px; } /* 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: #CC6600; font-size: 10px; padding: 2px; }  

/* FAQ update table text */

.faqanswer { font-size: 11px;}
.faqanswer h1 { font-size: 13px; font-weight: bold; color: #196C92;} 
.faqanswer h2 { font-size: 13px; color: #CC9900;} 
.faqanswer h3 { font-size: 13px;} 


/* the tabs for Answer/Feedback etc */

#tabheader  { font-size: 10px; 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: 11px; 
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: 333333;
} 

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


/* ESCALATION FORMS */

.sectionHeader { PADDING: 2px; FONT-WEIGHT: bold; color: #FFFFFF !important; BORDER: 1px solid #196C92; background-color: #0B3041; spacing: 0px ; width: 90%; margin-left: 10px; margin-right: 10px; height: 30px;}  /* top title banner */
 
.sectionIcon { WIDTH: 24px } 

 /* the form/content */
 
.content { BORDER: 1px solid #196C92; width: 90%; margin-left: 10px; margin-right: 10px; }

.content td {
vertical-align: top;
}

td.navon {
	background-color: #666666;
	border: solid 1px #196C92;
	cursor: hand;
}

td.navoff {
	border: solid 1px #196C92;
}

.colheader { 
font-weight: bold; 
background-color: #99c;
color: #FFFFFF; 
}


/*=Masthead + buttons by Rachel, modified from EA to MEG by Agni, May 2010 */
body { background: #000; padding: 0; margin: 0;text-align: center;}
#wrapper { background:  url(http://www.erosads.com/kb/images/meg/bg_wrapper3.png) 50% 0 repeat-y; }
#main, #masthead { margin: 0 auto; text-align: left; width: 766px;}
#masthead { background: #666; position:relative;}

.imgreplace, .button { overflow: hidden; position: relative; }
.button { display: block; overflow: hidden;}
	.imgreplace span, .button span { position: absolute; width: 100%; height: 100%; }	
		.button span { cursor: pointer;  }
h1#logo{ background: #fff; width: 766px; height: 116px; font-size: 10px; margin: 0; padding: 0; }
	h1#logo span {background: url(http://www.erosads.com/kb/images/meg/logo-eros-guide-knowledgebase.png) no-repeat 0 0; }	
p#meg-signup-cta {font-size: 10px; margin: 0; padding: 0; position:absolute; top:21px; right:10px; width:206px; height:30px;}
	p#meg-signup-cta span {background: url(http://www.erosads.com/kb/images/meg/b_myerosguide-member.png) no-repeat 0 0; }

#nav1 { margin: 0; overflow: hidden; padding: 0; text-align: center;}
#nav1 li { display: inline; float: left; font-size: 10px; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 5px 0 0; padding: 0;text-align: center; text-transform: uppercase; text-decoration: none; }
	#nav1 li#nav1_signup { margin: 0 0 0 1px; }
	#nav1 li a { background: #333; display: block; padding: 5px 0; width: 149px; }
		#nav1 li a:link, #nav1 li a:visited { color: #ccc !important;}
		#nav1 li a:hover, #nav1 li a:active { background: #99c; color: #fff !important; }
		#nav1 li#nav1_signup a:link, #nav1 li#nav1_signup a:visited { background: #FED100; color: #000 !important;}
		#nav1 li#nav1_signup a:hover, #nav1 li#nav1_signup a:active  {background: #fdd43c;}

#footer-wrapper {background:url(http://www.erosads.com/kb/images/meg/bg_footer.png) repeat-x 0 0; }
	#footer {background:url(http://www.erosads.com/kb/images/meg/bg_footer-flourish.png) 100% 0 no-repeat; height: 126px; overflow: hidden;}
		div#footer a {font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
		#footer a { color: #999 !important; font-size: 11px; }
		#footer a:hover, #footer a:active { color: #ccf !important;}
	#navfooter { margin: 3px auto 0; overflow: hidden; padding: 0; width: 850px; }
		#navfooter li { border-right: 1px #999 solid; display: inline; padding: 0 5px;}
		li#navfooter_copyright { border: 0; }
		li#navfooter_home { border: 0; float: right; margin-right: 15px; }