/* GLOBAL STYLES */

body {
	font-size:13px;
	line-height:1.3em;
}

label.inline {
	display:inline !important;
	float:none !important;
}

#main-content {
	width:732px;
	margin:0 0 0 17px;
}

#side-content { 
	overflow:hidden;
}

#main-content ul,
#side-content ul { 
	list-style:none;
	padding:0;
}

h3 {
	font:bold 19px/24px arial, sans-serif;
	color:#004200;
}

.more-answers {
	text-align:right;
}

/* Rails errors */
small.error {
	display:none;
}
.error-with-field {
	display:inline  !important;
	float:none !important;
}
.error-with-field label {
	color:#e00 !important;
}
.errorExplanation h2 {
	margin:0 0 10px 0 !important;
	color:#e00 !important;
}
.errorExplanation {
	border:2px solid #e00;
	margin:17px;
	padding:10px 20px;
	color:#e00 !important;
}

/* Pagination */

.pagination {
  background-color:#fcfce4;
  background:transparent url(../images/ask-an-expert/search-pagination-bg.gif) no-repeat;
  height:20px;
  padding:12px;
  margin:0 0 10px;
  text-align:center;
  position:relative;
}
.pagination a {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  color: #000099;
}
.pagination a:hover, .pagination a:active {
  color: #000;
}
.pagination span.current {
  padding: 1px 4px 1px 4px;
  border: 1px dashed #E6640E;
  margin: 2px;
  color: #FEC69A;
  font-weight:bold;
}
.pagination span.disabled {
  padding: 1px 4px 1px 4px;
  margin: 2px;
  color: #BCBCB0;
}
.pagination a.prev_page, .pagination a.next_page, .pagination span.prev_page, .pagination span.next_page {
	background:transparent url(../images/ask-an-expert/search-pagination-arrows.gif);
	font-weight:bold;
}
.pagination a.prev_page    { background-position:top left;     padding-left:15px;  }
.pagination a.next_page    { background-position:top right;    padding-right:15px; }
.pagination span.prev_page { background-position:bottom left;  padding-left:15px;  }
.pagination span.next_page { background-position:bottom right; padding-right:15px; }

.pagination .prev_page { position:absolute; top:10px; left:10px;  }
.pagination .next_page { position:absolute; top:10px; right:10px; }


/* POPULAR TOPICS/TAGS TOUTS */

#popular_topics, 
#popular_tags { border-bottom:4px solid #004200;
                padding-bottom:15px;
                margin-bottom:15px; }

#popular_tags li { display:inline; 
                   margin-right:5px; }

#popular_topics h3, 
#popular_tags   h3 { margin-bottom:10px; }

#popular_topics a  { font-weight:bold; text-decoration:underline; }
#popular_tags   a  { font-weight:bold; }


/* FIRST TIME HERE TOUT */

#first_time_here {
	background:transparent url(../images/ask-an-expert/first-time-here-bg-bottom.gif) bottom left no-repeat;
	margin-bottom:15px;
	padding-bottom:10px;
}

#first_time_here p {
	margin:10px 0;
	line-height:16px;
	padding:0 12px;
}

#first_time_here h3 {
	background:transparent url(../images/ask-an-expert/first-time-here-bg-top.gif) top left no-repeat;
	color:#b84d25;
	padding:12px 12px 0;
}

/* SEARCH OUR ANSWERS TOUT */

#side-content #search_answers {
	height:109px;
	background:transparent url(../images/ask-an-expert/search-answers-sidebar-bg.gif) no-repeat;
	padding:13px 0 0 0;
	text-align:center;
	margin-bottom:15px;
}

#side-content #search_answers label {
	display:block;
	font:bold 15px arial, sans-serif;
	text-align:center;
	color:#fff;
}

#side-content #search_answers input.keywords {
	position:absolute;
	bottom:60px;
	left:25px;
	width:120px;
	font:bold 15px arial, sans-serif;
}

#side-content #search_answers input.submit {
	left:79px;
	top:74px;
}


/* ASK A QUESTION TOUT */

#ask_a_question_tout {
	height:282px;
	background:transparent url(../images/ask-an-expert/ask-a-question-tout-bg.gif) no-repeat;
	position:relative;
}

#ask_a_question_tout label {
	display:none;
}

#ask_a_question_tout .submit {
	position:absolute;
	left:11px;
	top:202px;
}

#ask_a_question_tout textarea {
	display:block;
	position:absolute;
	top:70px;
	left:11px;
	width:138px;
	height:112px;
	font:bold medium arial, sans-serif;
	border-width:0;
	padding:5px;
}


/* LANDING PAGE */

#intro    { background: url(../images/ask-an-expert/intro-bg.jpg) no-repeat;
            margin:17px 0 15px -3px; }

#intro h2 {	font-size:32px;
			margin:10px 0 10px 25px;
            line-height:32px; 
			font-weight:normal; 
			color:#004200; }

#intro p  { width:470px; }


/* RECENT ANSWERS, SEARCH RESULTS */

#search_results {
	margin-top:30px;
}

#recent_answers {
	background: url(../images/ask-an-expert/recent-answers-bg.gif) bottom left no-repeat;
	overflow:hidden;
	margin-bottom:20px;
}
/* Automatic float-clearing for IE6 */
* html #recent_answers { height:1%; }

#recent_answers h2 {
	position:relative;
	background: url(../images/ask-an-expert/recent-answers-title-bg.gif) no-repeat;
	padding-left:15px;
	font-size:19px;
	line-height:40px;
	height:40px;
	margin:0;
	color:#004200;
}
#recent_answers h2 a {
	position:absolute;
	top:5px;
	right:15px;
}
#search_results h2 {
	margin:25px 0 10px 15px;
	color:#004200;
}
#search_results ul, #recent_answers ul {
	padding:10px 15px 0 15px;
	margin:0 0 -14px 0;
}
#search_results h3, #recent_answers h3 {
	margin:0 0 8px 0;
}
#search_results p, #recent_answers p { 
	margin:8px 0;
}
#search_results h3 a, #recent_answers h3 a { 
	color:#b84d25; 
	font:bold 15px/21px arial, sans-serif; 
}
#search_results ul li, #recent_answers ul li {
	background:transparent url(../images/ask-an-expert/q.gif) no-repeat 0 0;
	padding:0 0 8px 25px;
	margin-bottom:8px;
	border-bottom:1px solid #E4E4DE;
}
#search_results .answer, #recent_answers .answer {
	font-size:15px;
	line-height:1.3em;
}
#search_results .date, #search_results .topic, #search_results .tags,
#recent_answers .date, #recent_answers .topic, #recent_answers .tags { 
	padding-right:20px;
	background:transparent url(/images/ask-an-expert/bullet.gif) right center no-repeat;
}
#search_results .topic a, #search_results .tags  a, #search_results .comments a,
#recent_answers .topic a, #recent_answers .tags  a, #recent_answers .comments a { 
	font-weight:bold;
	text-decoration:underline;
}
#search_results .date, #search_results .date span,  
#recent_answers .date, #recent_answers .date span { 
	font-weight:bold; 
	color:#004200; 
}
#search_results .tags, #search_results .tags span { 
	font-weight:bold;
	color:#004200;
}
#search_results .topic span,
#recent_answers .topic span, 
#recent_answers .tags { 
	display:none; 
}

#search_results .highlight {
	background-color:#ffff55;
}

/* Search form */
#search_answers {
	height:74px;
	background:transparent url(../images/ask-an-expert/search-answers-bg.gif) no-repeat;
	position:relative;
}
#search_answers label {
	display:none;
}
#search_answers input.keywords {
	display:block;
	position:absolute;
	bottom:24px;
	left:74px;
	width:535px;
	font-size:19px;
	border-width:0;
	color:#004200;
}
#search_answers input.submit {
	display:block;
	position:absolute;
	top:21px;
	left:631px;
	float:none;
	margin:0;
}
/* This one has rounded corners, so we need a different image. */
#search_results #search_answers {
	background-image:url(../images/ask-an-expert/search-our-answers-bg.gif);
	margin:0 0 15px 0;
}


/* ASK A QUESTION PAGE */

#ask { margin:20px 0 20px; }

#ask fieldset.top          { background:transparent url(../images/ask-an-expert/ask-bg.gif) no-repeat;
							 border:none;
						     margin:0 0 15px 0;	
							 padding:8px 20px 20px; }

#ask fieldset.top label    { font-size:19px; padding:8px 0 5px 0; color:#fff;display:block; }
#ask fieldset.top textarea { width:679px; height:52px; border-width:0;
														 padding:5px 6px;
														 font:bold 15px arial, sans-serif;
														 background-color:transparent; }

#ask fieldset.bottom       { background-color:#effad0;
														 border:none;
														 margin:0;
														 padding:8px 20px 20px; }

#ask fieldset.bottom label  { color:#004200; 
														  font-size:19px; 
														  padding:5px 0; 
														  font-weight:bold; 
														  display:block; }
#ask fieldset.bottom label span { font-weight:normal; }
#ask fieldset.bottom h3         { color:#004200; margin:10px 0; }
#ask fieldset.bottom textarea {	width:680px;
																height:120px;
																padding:5px;
																border:1px solid #dad999;
																font:normal 15px arial, sans-serif; }

#ask fieldset.bottom h3 {  }
#ask fieldset.bottom p  { margin:8px 0 16px 0; }

#ask fieldset.bottom .row       { clear:left; font-size:15px; margin-bottom:15px; overflow:hidden; }
#ask fieldset.bottom .row label { float:left; font-size:15px; width:210px; margin:0; padding:0; }
#ask fieldset.bottom .input,
#ask fieldset.bottom .input div { float:left; overflow:hidden; }
#ask fieldset.bottom .input p   { padding:5px 10px; background-color:#E3F4FB; font-weight:bold; display:none; }

/* Automatic float-clearing for IE6 */
* html #ask fieldset.bottom .row       { height:1%; }
* html #ask fieldset.bottom .input div { height:1%; }

#ask .submit {
	float:right;
}


/* ABOUT YOU PAGE */

#great    { background-color:#FEE2B2; padding:10px 20px; }
#great h2 { margin:0; color:#b84d25; }
#great p  {	margin:5px 0 0 0; font:normal 14px arial, sans-serif; }

#about_you { margin:20px 0 70px 0; }

#about_you fieldset { background-color:#EFFAD0; padding:25px 20px 5px 20px; margin-top:20px; border:none; }

#about_you .row  { clear:left; margin-bottom:20px; overflow:hidden}
#about_you label { float:left; width:210px; font:bold 14px/21px arial, sans-serif;}



#about_you .input,
#about_you .input div   { float:left; overflow:hidden; font-size:12px; color:#555; line-height:15px }

#about_you .first-name       { width:150px; margin-right:10px; }
#about_you .first-name input { width:145px; border:1px solid #cacaca; }

#about_you .last-name        { width:150px; }
#about_you .last-name  input { width:145px; border:1px solid #cacaca; }

#about_you .email            { width:310px; }
#about_you .email      input { width:305px; border:1px solid #cacaca; }

#about_you .anonymous span   { white-space:nowrap; float:none; padding:0; }
#about_you .anonymous label  { font:normal 13px/24px arial, sans-serif; float:none; width:auto; }
#about_you .gender    label  { font:normal 13px/24px arial, sans-serif; float:none; width:auto; }

#about_you #stay_in_touch    { padding-bottom:20px; font-size:15px }
#about_you #stay_in_touch h3 { font-size:14px; color:#000; }

#about_you #stay_in_touch label        { font-weight:normal; width:250px; line-height:1.3em }
#about_you label.inline { padding-right:10px; }

/* Prev/next buttons */
#about_you a img             { margin:15px 0 0 0; float:left; vertical-align:top; }
#about_you form input.submit { margin:15px 0 0 0; float:right; }

/* IE6 fix */
#about_you #details .input { width:450px; }


/* QUESTION PREVIEW */

#preview_question {
	margin:20px 0 0 0;
}

#preview_question .intro { 
	height:82px;
    background:transparent url(../images/ask-an-expert/preview-intro-bg.gif) no-repeat;
	padding:20px 20px 0;
	margin:0 0 10px; 
}

#preview_question .intro p { 
	margin:0 0 7px;
	font-size:15px;
	line-height:1.3em;
}

#preview_question .intro a { 
	color:#b84d25;
    font-weight:bold; 
}

#preview_question .intro a:hover { 
	text-decoration:underline; 
}

#question,
#preview_question .question { 
	background:transparent url(../images/ask-an-expert/preview-question-bg-top.gif) 0px 1px no-repeat;
  padding:20px 0 0;
  margin:15px 0;
	width:auto;
}

#question h3,
#preview_question .question h3 { 
	background:transparent url(../images/ask-an-expert/q.gif) no-repeat 20px 0;
    padding:0 10px 0 45px;
	color:#b84d25; 
	font:bold 15px/21px arial, sans-serif; 
}

#question p,
#preview_question .question p  { 
	padding:10px 10px 10px 45px;
	font-size:15px;
}

#question .meta,
#preview_question .question .meta {	
	background:transparent url(../images/ask-an-expert/preview-question-bg-bottom.gif) bottom left no-repeat;
    font-weight:bold;
    padding:0 10px 20px 45px; 
	font-size:13px;
}

#question .meta a,
#preview_question .question .meta a { 
	font-weight:bold; 
}

/* Prev/next buttons */
#preview_question form { float:right; }
#preview_question img  { float:left;  }


/* WAIT! SIMILAR QUESTIONS */

#preview-col1 {	float:left;
                width:449px;
                margin:0 20px 20px 0; }

#preview-col2 { float:left;
                width:450px;
                margin:0 0 20px 0; }

#preview-col1 #similar_questions {
	background:transparent url(../images/ask-an-expert/wait-bg-top.gif) no-repeat 0 0;
	padding:15px 20px 1px 15px;
	margin-top:20px;
}
#preview-col1 #similar_questions h2 {
	color:#fff;
	font-size:x-large;
	height:70px;
	margin:0;
	line-height:1em;
}
#preview-col1 #similar_questions span {
	font-size:12px;
}
#preview-col1 p.more-answers {
	background:transparent url(../images/ask-an-expert/wait-bg-bottom.gif) bottom left no-repeat;
	padding:24px 0px 5px 0px;
	margin:0;
}
#preview-col2 #preview_question .intro {
	background:transparent url(../images/ask-an-expert/preview-intro-bg-sml.gif) no-repeat;
	height:102px;
}
#preview-col2 #preview_question .question {
	background:transparent url(../images/ask-an-expert/preview-question-bg-top-sml.gif) no-repeat 0 0;
}
#preview-col2 #preview_question .question .meta {
	background:transparent url(../images/ask-an-expert/preview-question-bg-bottom-sml.gif) bottom left no-repeat;
}


/* SIMILAR QUESTIONS */

#similar_questions h2 {
	color:#004200;
	font-size:19px;
	font-weight:bold;
	margin-bottom:10px;
}
#similar_questions h3 {
	background:transparent url(../images/ask-an-expert/q.gif) no-repeat 0 0;
	padding:2px 0 3px 25px;
	margin-bottom:1px;
}
#similar_questions h3 a {
	color:#b84d25; 
	font:bold 15px/21px arial, sans-serif; 
}
#similar_questions .answer {
	background:transparent url(../images/ask-an-expert/a.gif) no-repeat 0 0;
	padding:5px 0 10px 25px;
	margin:0;
}
#similar_questions li {
	margin:0 0 15px 0;
	padding:0 0 15px 0;
	border-bottom:1px solid #e4e4e4;
}

/* Wait - similar questions */
#preview-col1 #similar_questions .meta {
	padding-left:25px;
}

#preview-col1 #similar_questions .topic,
#preview-col1 #similar_questions .date {
	padding-right:20px;
	background:transparent url(../images/ask-an-expert/bullet.gif)  right center no-repeat;
}
#preview-col1 #similar_questions .topic *,
#preview-col1 #similar_questions .comments *,
#preview-col1 #similar_questions .date,
#preview-col1 #similar_questions .date span {
	font-weight:bold; 
	font-size:13px;
	line-height:1.3em;
}
#preview-col1 #similar_questions .date,
#preview-col1 #similar_questions .date span {
	color:#94BD0E; 
}
#preview-col1 #similar_questions .topic span,
#preview-col1 #similar_questions .tags {
	display:none;
}

#preview-col1 #similar_questions .answer {
	font-size:15px;
	line-height:1.3em;
}

/* Similar questions tout */
#side-content #similar_questions .topic,
#side-content #similar_questions .comments,
#side-content #similar_questions .date {
	display:block;
	padding:0 0 0 25px;
}
#side-content #similar_questions .topic *,
#side-content #similar_questions .comments *,
#side-content #similar_questions .date,
#side-content #similar_questions .date span {
	font-weight:bold; 
	font-size:11px;
	line-height:13px;
}
#side-content #similar_questions .date,
#side-content #similar_questions .date span {
	color:#94BD0E; 
}
#side-content #similar_questions .topic span,
#side-content #similar_questions .tags {
	display:none;
}
#side-content #similar_questions .more-answers a {
	font-weight:bold;
	padding-right:22px;
	background:transparent url(../images/ask-an-expert/arrow-btn.gif) no-repeat right top;
}

/* THANK YOU PAGE */

#thanks {
	background:transparent url(../images/ask-an-expert/thank-you-bg.gif) no-repeat right top;
	height:118px;
	padding:15px 20px 0;
	margin-top:20px;
	font-size:15px;
	line-height:1.3em;
}

#thanks h1 {
	background:none;
	font:bold 28px/28px "trebuchet ms", "trebuchet", sans-serif;
	padding:0;
	margin:0 0 10px 0;
	color:#b84d25;
}

#thanks .more {
	margin:30px 0 0;
	font-size:13px;
}
#thanks .more a {
	padding-left:18px;
	background:transparent url(../images/section-menu/arrow.gif) no-repeat 0% 50%;
}
#thanks .more a span {
	font-weight:bold;
}



/* QUESTION DETAIL PAGE */

#answer {
	background:#f4fffe url(../images/ask-an-expert/answer-bg-top.gif) no-repeat;
	padding:20px 0 0;
	margin:0 0 20px 0;
}
#answer h3 {
	background:transparent url(../images/ask-an-expert/avatar.jpg) no-repeat;
	line-height:1.1em;
	width:120px;
	margin:0px 0 10px 35px;
	padding:12px 0 12px 75px;
}
#answer p {
    margin:10px 0;
}
#answer a {
	font-weight:bold;
}
#answer .answer {
	padding:0 35px;
	background:transparent url(../images/ask-an-expert/answer-a.gif) 10px 0 no-repeat;
	font:normal 15px/1.3em arial, sans-serif;
}
#answer .tags {
	background:#F7FCE3 url(../images/ask-an-expert/answer-bg-bottom.gif) bottom left no-repeat;
	padding:0 0 20px 35px;
	font-weight:bold;
}


/* COMMENTS */

#comments_with_form {
	margin:0 0 30px 0;
}

#comments .comment {
	background:#f2f2f2 url(../images/ask-an-expert/comment-bg-top.gif) top left no-repeat;
	padding:20px 0 0 0;
/*	color:#707070; */
	position:relative;
	margin:20px 0;
}
#comments .comment p {
	padding:0 35px;
}
#comments .comment p.meta {
	background:#f2f2f2 url(../images/ask-an-expert/comment-bg-bottom.gif) bottom left no-repeat;
	font:bold 11px arial, sans-serif;
	padding:10px 35px 20px 35px;
}
#comments .comment p.flag {
	position:absolute;
	right:25px;
	bottom:20px;
	padding:0;
	margin:0;
	color:#DF5745;
	font:bold 11px arial, sans-serif;
}
#comments .comment p.flag a {
	color:#e0e0e0;
}
#comments .comment:hover p.flag a {
	color:#707070;
}
#comments .comment p.flag a:hover {
	color:#E6640E;
}
#comments .comment img {
	float:left; margin:0 10px 0 35px;
}
#comments .expert {
	background:#F7FCE3 url(../images/ask-an-expert/answer-bg-top.gif) no-repeat scroll 0 0;
}
#comments .expert p.meta {
	background:#F7FCE3 url(../images/ask-an-expert/answer-bg-bottom.gif) no-repeat scroll left bottom;
}
#comments p.add {
	text-align:right;
	height:15px;
}
#comments p.add a {
	background:#fff url(../images/ask-an-expert/comment-balloon.gif) no-repeat;
	padding:0 0 5px 23px;
	font-weight:bold;
}
#new_comment_form form label {
	float:none;
}

#new_comment_form fieldset       { border:none; margin:0; padding:0; }
#new_comment_form fieldset .row  { clear:left; margin-bottom:20px; overflow:hidden}
#new_comment_form fieldset label { float:left; width:125px; font-weight:bold; font-size:14px }

#new_comment_form fieldset .input,
#new_comment_form fieldset .input div { float:left; overflow:hidden; }

#new_comment_form fieldset .input p {
	padding:5px 10px;
	background-color:#E3F4FB;
	color:#1BA5D0;
	font-weight:bold;
	display:none;
}

#new_comment_form .note {
	font-size:11px; 
	color:#999;
	margin:20px 0 0 125px;
	width:310px;
}

#new_comment_form .first-name {
	width:150px;
	margin-right:10px;
}
#new_comment_form .first-name input {
	width:148px;
	border:1px solid #cacaca;
}
#new_comment_form .last-name {
	width:150px;
}
#new_comment_form .last-name input {
	width:148px;
	border:1px solid #cacaca;
}
#new_comment_form .email input,
#new_comment_form .email input {
	width:308px;
	border:1px solid #cacaca;
}
#new_comment_form .comment textarea {
	width:308px;
	border:1px solid #cacaca;
}

#new_comment_form form .submit {
	float:none;
	padding-left:100px;
	margin:5px 0 0 123px;
}