/* General */
#expert {width: 700px;}
#expert div.row, #expertForm div.row {clear: both; margin-bottom: 5px;}
#expert .nav {display: block; text-align: right; margin-top: 20px;}
#expert .nav a {text-decoration:none;}
.content {padding: 5px;}

/* Title */
#expert .title .selected {background-color: #ddd;}
.title {padding: 5px 5px 3px; margin-bottom: 5px; background-color:#E4CC80; border:2px solid #E4D5A8;}
.title h3 {cursor:pointer;}
.currTab {background-color: #ddd;}

/* Form */
#expertForm {margin: 5px 0 10px;}
#expertForm label{display: block; width: 100px; float: left;}
#expertForm fieldset {border: 0;}
#expertForm input, #expertForm textarea {padding: 5px;}
#expertForm .submitButton {margin-left: 95px;}

/* Experts */
.expertContainer {width: 325px; height: 180px; float: left; margin: 0 6px 6px 0; padding:6px 3px 0 8px; background-color: #f8f8f8;}
.expertContainer:hover {background-color: #eee; cursor:pointer;}
.expertImage {float: left; margin-right: 5px; border: 3px solid #dddddd;}
.expertName {font-weight: bold; font-size: 16px;}
.expertise {text-transform: uppercase; font-size: 11px;}
#expert p {margin: 4px 2px;}
#expert .picked {background-image:url(lib/largeCheckBox.gif); background-repeat:no-repeat; background-position: 151px 29px;}
.expertError {background-color:#ac0000; color:#fff; font-weight: bold; margin-bottom: 10px; padding: 5px; display:none;}
.expertButton
{
	background-color: #a1a38a;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	padding: 5px;
	margin: 10px;
	text-align: right;
	text-shadow: #666 1px 1px;
	float: left;
}

/* Answer Details */
.qItem {margin-bottom: 20px;}
.qItem h6 {font-size: 17px; font-weight: bold;}
.qItem .posted {font-size: 11px; color: #303030; margin-bottom: 5px;}
.qItem .question {margin-bottom: 5px;}
.question span, .answer span  {font-weight: bold;}
.answerImage {padding: 4px; background-color: #eee; margin-right: 5px;}

/* Helper Classes */
.reqired {color: #ac0000;}
.clear {clear:both;}