/* *** INTERVIEW PAGE ELEMENTS *** */

/* Main div for completed interview */
#content-main-completed
{
	padding: 1em;    
}

/* Div surrounding interview content within #content-main */
#transcript
{
    
}

/* Date element */
#transcript .transcript-date
{
    
}

/* Each question and answer pair */
.question-answer
{
	padding: 0.5em 0.5em 1em 0.5em;
	margin-bottom: .5em;
	margin-top: 1em;
	background-color: #E7F2F8;
	background-image: url(/images/lightgradient.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	word-wrap: break-word;
}

/* Styling of Expert and Questioner names */
#transcript .expert, .questioner
{
    font-weight: bold;
    font-style: italic;
}

/* Color of expert name and answer */
#transcript .expert, #transcript .answer
{
    color: #000;
}

/* Spacing before expert name */
#transcript .expert
{
    padding-top: 0.7em;
}


/* If an error appears in asking a question, it appears in this div */
#interviewAskError
{
    
}

/* Div surrounding quesiton form, below error message (if any) */
#interviewAsk
{
    
}

/* Table containing question form elements */
.loiform
{
    
}

.loiform td, .loiform td select, .loiform td input
{
    padding-top: 0;
    margin-top: 0;
    line-height: 1em;
}

.loiform td select, .loiform td input, .loiform td textarea
{
    /*width: 150px;*/
}

.loiform th
{
	text-align: left;
	padding-bottom: 0;
	padding-top: 0.2em;
	line-height: 1em;
}

.loiform td.submit-button
{
    text-align: right;
    padding-top: 0.2em;
}

.loiform .form-instructions
{
    font-size: 0.8em;
}

/* color of required field asterisk */
.fieldReqd
{
	color: #F00;
}

/* Highlight color for field with error */
.loiform .fieldError
{
	color: #F00;
}

/* *** HOME PAGE CONTENT *** */

/* Content on home page below the breadcrumb (inside #content) */
#content-home
{
	padding: 1em;
}

/* Box surrounding current interviews */
#content-current-interviews
{
    
}

/* Box surrounding upcoming interviews */
#content-upcoming-interviews
{
    
}

/* Box surrounding recent interviews */
#content-recent-interviews
{
    
}

/* Box surrounding archived interviews */
#content-archived-interviews
{
    
}

/* Table creating archive columns */
#interview-archived-layout
{
    width: 100%;
}

/* A single column in the archived table */
.interview-archived-column
{
    width: 50%;
}

/* Styling of expert name */
.interview-expert-name
{
    font-weight: bold;
}

/* Width of image container for image uploaded with interview in current and upcoming areas */
.interview-upcoming .interview-image, .interview-current .interview-image
{
    width: 126px;
}

/* Width of image in current and upcoming areas */
.interview-upcoming .interview-image img, .interview-current .interview-image img
{
	width: 116px;
	border: 0;
	padding: 1em .5em .5em 0;
	margin: 0;
}

/* Styling of date in upcoming and current areas */
.interview-upcoming .interview-date, interview-current .interview-date
{
    font-weight: bold;
    border-bottom: 1px solid #666;
    margin-right: 1em;
}

/* Interview title in current, upcoming, and recent areas */
h3.interview-title
{
    color: #690;
    padding: 0;
    margin: 0;
}

/* Summary of interview in current and upcoming areas */
.interview-summary
{
    padding-left: 1em;
    padding-right: 1em;
    width: 350px;
}

.interview-recent-list, .interview-upcoming, .interview-current, .interview-upcoming table, .interview-current table
{
    width: 100%;
    border: 0;
}

/* Styling for various elements in the recent interview area */
.interview-recent .interview-date
{
    color: #690;
    font-size: 18px;
    border-bottom: 1px solid #690;
}

.interview-recent h3.interview-title
{
	padding: .6em 0 .3em 0;
	font-size: 14px;
}

.interview-recent img
{
	float: right;
	width: 116px;
	padding: .6em 0 0 10px;
}

.interview-recent-item
{
    width: 50%;
    padding-right: 1em;
}

.interview-quote
{
	padding-left: 25px;
	padding-top: .5em;
	margin-top: .5em;
	background-image: url(/images/quotes-open.gif);
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 1.5em;
}
.interview-quote-decoration
{
	padding-right: 25px;
	background-image: url(/images/quotes-close.gif);
	background-repeat: no-repeat;
	background-position: right center;
	line-height: 2em;
	display: inline;
}
/* Live: Join Now button */
.interview-join-now a, .interview-join-now a:visited, .interview-join-now a:active, .interview-join-now a:link, .interview-join-now a:hover
{
	border: 1px solid;
	border-color: #CBFF99 #326600 #003300 #CCFF66;
	padding: 0 .3em;
	font: bold 1em verdana,sans-serif;
	color: #FFF;
	background: #669900;
	text-decoration: none;
	line-height: 2em;
}

.interview-join-now a:hover
{
	border: 1px solid;
	border-color: #CBFF99 #326600 #003300 #CCFF66;
	padding: 0 .3em;
	font: bold 1em verdana,sans-serif;
	color: #000;
	background: #669900;
	text-decoration: none;
	line-height: 2em;
}

.interview-join-now {
   margin-top: 5px;
}

.question-error {
	width: 185px;
	margin: 5px 0 5px 0;
	padding: 2px 2px 2px 2px;
	text-align: center;
}