/* CSS Document - Expert Zone page styling */

div#expert { position: relative; top: 10px; left: 10px; width: 95%; background-color: #FFF;  padding: 10px; margin-bottom: 10px; border: 1px solid #040; text-align: justify; font: 10px Verdana, sans-serif; }
div#photo1, div#photo2, div#photo3 { position: relative; padding-right: 10px; padding-bottom: 20px; float: left; }
div#QandA { position: relative; }
div#questionForm { position: relative; margin-left: 10px; padding: 5%; width: 95%; }

td.expertPhoto { width: 10%; vertical-align: top; padding-bottom: 10px; }
td.expertBiog { width: 90%; vertical-align: text-top; padding-bottom: 10px; font-size: 10px;  }

/* Q&A couplet box */
table.couplet { position: relative; left: 10px; width: 97%; margin-bottom: 15px; }

/* Anti-bot question */
table.testQuestion { width: 97%; border: 1px solid #040; margin-left: 10px; background-color: #CCC; }
td.testInvitation { width: 100%; padding: 10px; font: 10px Verdana, sans-serif; }
td.testQuestion { width: 20%; padding: 10px; color: #900; font: 10px Verdana, sans-serif; font-weight: bold; }
td.testAnswer { width: 10%;font: 10px Verdana, sans-serif; }
input.testAnswer { text-align: center;font: 10px Verdana, sans-serif; }
td.submitButton { width: 10%; text-align: center; font: 10px Verdana, sans-serif; }

/* Q&A */
table.question { width: 97%; border: 1px solid #040; margin-left: 10px; }
textarea.question { width: 98%; padding: 2px; }
td.name { width: 40%; vertical-align: top; padding: 10px; font-weight: bold; }
td.email { width: 60%; vertical-align: top; padding: 10px; font-weight: bold; }
td.question { width: 100%; vertical-align: top; padding: 10px; font-weight: bold; }
td.submitForm { width: 15%; vertical-align: bottom; padding: 10px; }
input.name, input.email,input.question { width: 95%; padding: 2px; }

.question { color: #666; }
.answer { color: #900; }
.answer a:link { text-decoration: none; font-weight: bold;}
.answer a:hover { text-decoration: underline; }

/* classes - navigation */
table.navigation { left: 10px; width: 97%; padding: 3px; margin-bottom: 10px; margin-left: 10px; border: 1px solid #999; background-color: #CCC;}
td.navigation { width: 20%; text-align: center; border: none; color: #040; }
td.navigationTitle { width: 20%; text-align: center; border: none; color: #999; }

a.answer:link, a.answer:visited { color: #06C; text-decoration: none; }
a.answer:hover { color: #06C; text-decoration: underline; }


/* classes - links */
a.searchNavInvisible:link { display: none; }
a.searchNavVisible:link { text-decoration: none; color: #040; }
a.searchNavInvisible:visited { display: none; }
a.searchNavVisible:visited { text-decoration: none; color: #040; }
a.searchNavInvisible:hover { display: none; }
a.searchNavVisible:hover { text-decoration: none; color: #900; font-weight: bold; }
a.searchNavInvisible:active { display: none; }
a.searchNavVisible:active { text-decoration: none; color: #900; font-weight: bold; }

/* NOT USED AT PRESENT */
/*
div#expert 
{ 
	position: relative; 
	top: 10px; 
	left: 10px; 
	width: 25px;
	height: 10px;
}
div#expert a 
{ 
	display: block; 
	text-decoration: none; 
}
div#expert hover { }
div#expert a span { display: none; }
div#expert a:hover span 
{ 
	display: block; 
	position: relative; 
	top: -17px; 
	left: 100px; 
	width: 500px; 
	font: 11px Century Gothic, sans-serif; 
	background-color: #FFF; color: #040;
	border: 1px solid #CCC; 
	padding: 5px; 
	text-align: justify; 
	text-decoration: none; 
}
div#expertPhoto { position: relative; top: 5px; left: 5px; width: 50px; height: 50px; }
*/