code { display: inline-block; line-height: 1 ; font-family: "Lucida Console", Monaco, monospace; font-size: 13px; line-height 13px color: #555555;}
#classylogic-left { float: left; width: 550px; padding: 5px; }
#classylogic-right { float: left; height: 460px; width: 280px; margin-top: 20px; margin-left: 20px; margin-bottom: 20px; padding-top: 10px; border: 2px solid gold }
#col2 { float: left; height: 460px; width: 500px; margin-left: 20px; margin-bottom: 20px; padding-top: 10px; }
#body { min-height: 830px; }
#classyfy_img { width:32px;  height:32px } 
#two-column { position: relative; top: -70px; left: 100px; height: 60px; padding: 5px; }
#middle-panel { position: absolute; height: 100px; left: 0; right: auto; top: 0; bottom: 0 ; margin-top: auto ; margin-bottom: auto }
.stretch { position: relative; min-height: 700px }
.smaller-font { font-size: x-small; }
.mono-font { font-family: "Lucida Console", Monaco, monospace; font-size: 13px; line-height: 13px; color: #555555; }
.panel-code { display: inline-block; margin-top: 5px; margin-bottom: 5px; font-family: "Lucida Console", Monaco, monospace; font-size: 13px; line-height 13px color: #555555; background-color: white; }
.indent1 { padding-left: 15px; }
.indent2 { padding-left: 30px; }
.indent3 { padding-left: 40px; }
.middle-text { vertical-align: middle }
.ital { color: red; font-style:italic; }
.bold { color: blue; font-weight: 500; }
.grey { color: grey; }
.bold-font { font-weight: bold; font-size:large }
.code-comment { color: green; font-style:italic; }
.step-panel {  margin-bottom: 5px }
.text-content p { margin-bottom: 3px }
.classylogic-intro { margin-top: 20px }
.classylogic-panel { margin-top: 20px; margin-bottom: 20px; padding: 10px;  background-color: white; border: 2px solid gold }
.info-panel { background-color: #4F81BD; padding: 3px; }
.panel-text { background-color: white; padding: 5px;  }
.note-panel { font-size: 0.9em; background-color: white; margin-top: 10px; padding: 5px; border: 2px solid #4F81BD }
.shrink-left { position: absolute; width: auto; text-align: left; right:auto; left: 0; margin-right: auto }
.section-link { margin-top: 5px; padding-top: 3px; }
.section-link a { color:#4F81BD; }
.inside-table { width: 100%; background: white;   border-collapse: separate;  border-spacing: 0; overflow: hidden; }
.inside-table thead { color:white;  background-color: #4F81BD; font-weight: bold; }
.inside-table thead tr td { text-align: left; vertical-align: top; border-top: none; }
.inside-table tr td { text-align: left; vertical-align: top; border-left: none; }
.article-list { width: 100%;  margin-top: 10px; padding: 2px; background-color: #A8CCF4; border: 2px solid #a8b9f4 }
.simple-list { width: 100%;  border-spacing:3px; background-color: #F3F5F7; } 
.simple-list tbody thead { border: none}   
.simple-list tbody td { cursor:auto; padding: 5px; }
.simple-list tbody th { padding: 5px; }
.simple-list tbody td a {  display:block; text-decoration:none; }
.odd td { background: #d9e0ff; }              /* Alternating Row Background */
.code-table { width: 50%; border-collapse: collapse; }
.span-table { margin-top: 3px; margin-bottom: 3px; width: 100%; border-collapse: collapse; }
.span-table tr { height: 13px; }
.span-table tr td { line-height: 13px; vertical-align: top; }
.white-bg { background-color: white }
.develop {  width:1100px; margin-left:100px; margin-bottom: 40px }
.resource {  
	float: left;
	height: 100%;
	border-left:1px solid #4F81BD;
    border-right:1px solid #4F81BD;
    padding-left:10px;
    padding-right:10px;
    margin-bottom: 5px;
}
.faq {cursor: pointer; padding: 3px }
.faq-selected { width: 100%; background-color: #d9e0ff; padding: 3px ; border: 1px solid #4F81BD }
.resource p {
    margin-left:5px;
}
.resource p a {     
    color:#4F81BD;
}