/* typeSmart Template */

html, body, div { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; }
table { margin: 0 auto; padding: 0; border: 0; }

html, body, td, input, select { font-size: 8pt; }
/* Mac IE 5.5 seems to render fonts smaller than other browsers. */
* html body, * html td, * html input { font-size: 8pt; }
/* In Win IE if a base size has been set, then it won't allow scaling,
 * whereas all the other browsers do, including Mac IE. \*/
* html body { font-size: 70%; }
* html input, * html select { font-size: 90%; }
/* The only way to allow scaling in Win IE is to use percentages only. */

a       { color: #000; }
a:hover { color: #006; background-color: #fc9; }
a img   { border: 0; }

.submit { padding: 0 10px; }

.HeadPanel1 { background-color: #006; height: 0; }
.HeadPanel2 { height: 85px; line-height: 85px; }
.HeadPanel2 img { float: right; margin: 10px 10px 0 0; }

/* #DCE4EE */

/* Title styles */
.TitleContainer            { width: 100%; } /*  border-top: dotted 1px #808080; border-bottom: dotted 1px #808080; */
.TitleContainer td         { padding-top: 5px; padding-bottom: 5px; }
.TitleContainer .Title     { width: 50%; font-weight: bold; font-size: 2em; }
.TitleContainer .Trail     { height: 20px; border-right: 1px solid #fff; color: #fff; background-color: #006; text-indent: 10px; }
.TitleContainer .Trail a   { color: #fff; text-decoration: none; }
.TitleContainer .Trail a:hover { color: #f93; background-color: transparent; }
.TitleContainer #typeSmart { width: 150px; text-indent: 40px; }

.TitleHeading { padding-left: 20px; text-decoration: none; color: #006; font-size: 3em; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; }

/* General styles */
.wrap { width: 100%; }
.BodyPanel { width: 100%; margin: 10px 20px; }
#question_answer { width: auto; }

.Division   { margin-top: 30px; height: 20px; line-height: 20px; border-top: solid 1px #ddf; background-color: #F3F3F3; }
.text .Division { }

.Heading   { height: 36px; border-top: solid 1px #ddf; border-bottom: solid 10px #fff; padding-left: 5px; background-color: #F3F3F3; font-weight: bold; }
.Heading2 { color: #006; font-size: 100%; font-weight: bold; }

h2 { margin: 1em 0 .5em 0; color: #006; font-size: 130%; }
h3 { margin: 1em 0 .5em 0; color: #006; font-size: 100%; }

.Content   { color: #555; }

/* Question styles */
.QuestionsInCategory { color: #336; }

.QuestionSummary { margin: 5px 0 5px 0; }
.QuestionSummary .Title   { width: 100%; font-weight: bold; }
.QuestionSummary .Title a { color: #557; }
.QuestionSummary .SmallDetails { color: #ccc; }
.QuestionSummary .Summary { padding-left: 20px; }

#PopularQuestions a, #RelatedQuestions a { text-decoration: none; }
/*
.Answer { margin: 0; }*/
.Answer .text   { padding: 10px 30px; }
.Answer .submit { text-align: center; }
.Answer dl      { margin: 0; padding: 0; }
.Answer dt      { margin: 0; padding: 10px 0 5px 0; font-weight: bold; }
.Answer dd      { margin: 0; padding: 0 0 0 20px; }

.Answer .BoxContainer { width: 140px; margin: 15px 5px 5px 5px; }

.Box          { border: solid 1px #ccf; padding: 10px; background-color: #ddf; }
.BoxHeading   { height: 25px; font-weight: bold; }
.BoxText p    { margin: .5em 0; }
.Text { }

.FieldLabel { }
.Field200  { width: 200px; }
.Field300  { width: 300px; }
.Field400  { width: 400px; }
.FieldInfo { width: 300px; padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px; background-color: #FFFFE7; border: solid 1px #CACACA; overflow: auto; }

.Required  { color: #f00; }
.Error     { color: #f00; font-weight: bold; }

.HighRate  { color: #c00; font-weight: bold; }
.LowRate   { font-weight: bold; }

.SmallLink { color: #666; font-size: 90%; }
.NavPanel .SmallLink { /* margin-top: 5px; margin-left: 255px; */ text-decoration: none; }

.SearchFieldLabel { width: 100px; }
.SearchHeading { font-weight: bold; color: #000; padding-bottom: 10px; }

.Seperator { color: #808080; }

.Message { border: solid 1px #808080; background-color: #ffc; padding: 5px; margin-top: 10px; margin-bottom: 10px; }

.Auth { }

.Intro { width: 95%; padding-top: 10px; }

.AdvancedSearchPanel { width: 95%; }

.CategoryLink { font-weight: bold; }
.CategoryDesc { padding: 3px, 3px, 7px, 20px; color: #666; }

.InfoTitle { font-weight: bold; }
.InfoSummary { }
.InfoIntro { font-weight: bold; }
.InfoList { margin-bottom: 10px; }

.CloseIcon { float: right; cursor: auto; }

.iContactPanel { background-color: #D6D6CE; width: 100%; height: 98%; border-left: solid 2px #D6D6CE; border-top: solid 2px #D6D6CE; border-right: solid 1px #D6D6CE; border-bottom: solid 1px #D6D6CE; padding: 5px; overflow-y: auto; }
.gContactPanel { background-color: #D6D6CE; width: 100%; height: 98%; overflow-y: auto; border-left: solid 2px #D6D6CE; border-top: solid 2px #D6D6CE; border-right: solid 1px #D6D6CE; border-bottom: solid 1px #D6D6CE; padding: 5px; }

.attention { border: 1px solid #ccf; padding: 10px; background-color: #dde; }
.warning   { background-color: #fc9; }