﻿html{height:100%}
body{background:#FFF; margin:0 2px; height:100%; color:#555; font:0.7em/1.2em Verdana,Arial,Helvetica,sans-serif; min-width:970px; background-image:url('../imgs/bg.png'); background-repeat:repeat-x}
a, a:link, a:visited, span.linkLike{color:#268ad4; text-decoration:none}
a:hover, span.linkLike:hover{color:#0080ff; text-decoration:underline}
a:focus{outline:none}

code{font-size:1.1em}
h1{color:#555; font:bold italic 2.8em Arial,Helvetica,sans-serif;line-height:1.6em;}
h1 a:link, h1 a:hover, h1 a:visited {color:#444; text-decoration:none;}
h2{color:#555; font:bold 1.8em Arial,Helvetica,sans-serif;line-height:1.1em}
h3, h4{color:#666; font:1.2em Arial,Helvetica,sans-serif}
h5{color:#666; font:1.1em Verdana,Arial,Helvetica,sans-serif;margin-top:2px; line-height:1.3em}
img{border:0 none}
input, select{border:1px solid #d3d3d3; font:1em Verdana,Arial,Helvetica,sans-serif; padding:2px}
input:focus, select:focus, textarea:focus{border:1px solid #0080ff}
table textarea{font-family:Verdana,Tahoma,Arial; font-size:10pt; color:#333; font-weight:normal; border:1px solid #d3d3d3; height:83px; width:250px; padding:2px; overflow:auto}
#container{position:relative; min-height:100%; _height:100%; margin:0px auto; text-align:left; width:775px; padding:0 3px; border-top:1px solid #f77428; background-image:url(../imgs/road.png); background-repeat:no-repeat; background-position:3px -3px}
#content{margin-top:24px; padding-bottom:70px}
.passport{position:relative;z-index:10;float:left;width:100%;margin-top:2px;color:#fff;font:1.2em Arial,Helvetica,sans-serif;text-align:center}
.text{font-size:1.1em}
.about{margin:-30px 0 10px 160px; width:568px; font-size:1.1em;color:#666; line-height:1.3em}
.smalltext{font-size:1.0em}
.button{color:#FFF; background:#f77e2d}
.answer{margin-left:2.2em; font-size:1.1em;}
.category{font-size:0.9em}
.pagination{margin:10px 0 5px}
.center{text-align:center}
.date{margin-left:2.4em;color:#666; font-size:1.0em; font-weight:normal;padding-bottom:4px}
.question{margin-left:1.2em; font-weight:bold; font-size:1.2em;padding-top:8px}
.question-container{background:url('../imgs/question-bg.gif') repeat-x; border-left:2px solid #f77e2d; border-right:1px solid #e0e0e0;margin-bottom:1.5em; margin-right:10px; padding:0 1.5em }
.question-container:hover{background:#e3f2fd; border-left:2px solid #f77e2d}
.unanswered{color:#c0c0c0; letter-spacing:0.1em}
.boldbodycopy {font-weight:bold}
ol, ul, li{margin:0; border:0; padding:0}
p{font:1.0em Verdana,Arial,Helvetica,sans-serif;margin-top:2px; line-height:1.3em}
h1, h2, h3, h4, h5, h6, h7, h8, h9{margin:0; border:0; padding:0}

div#nav{margin-top:40px}
div#right-col{float:right; width:180px;//margin-top:-12px}
div#QuestionBox{font-family:Verdana,Tahoma,Arial; font-size:10pt; color:#666; width:779px; margin:0 0 20px; clear:both}
div#QuestionBoxTop{background-image:url(../imgs/header.png); background-repeat:no-repeat; background-position:0 -206px; height:142px; padding:7px 0 0 155px; margin:0}
div#QuestionBoxTop table#outer{margin:0; padding:0; border-collapse:collapse; border-spacing:1px; align:left; width:572px}
div#QuestionBoxTop table#outer td{padding:0; vertical-align:top}
div#QuestionBoxTop table#inner{margin:0; padding:0; border-collapse:collapse; border-spacing:1px; align:left}
div#QuestionBoxTop table#inner td{padding:2px 0 8px 0; //padding:1px 0 7px 0; vertical-align:middle}
div#QuestionBox input#field{border:1px solid #d3d3d3; color:#333; height:20px; width:200px}
div#QuestionBox textarea{font-family:Verdana,Tahoma,Arial; font-size:10pt; color:#333; font-weight:normal; border:1px solid #d3d3d3; height:83px; width:270px;margin-top:4px;padding:2px;overflow:auto}
div#QuestionBoxBottom{background-image:url(../imgs/header.png); background-position:0 -355px; margin:0; height:74px; padding-top:0px; text-align:center}
div.message{margin:0; padding:10px; width:490px; border:2px solid #f77e2d; background-color:#fff; min-height:25px}
div.message ul{margin-left:10px; //margin-bottom:8px}
div.message ul li{list-style:none; font-weight:bold}
div.experts table{margin-top:4px; background-color:#fff;border:1px solid #d3d3d3}
div.experts table td {padding:10px}
div#bottom{position:relative; margin-top:-68px; width:100%; height:68px; text-align:center; padding:0}
div#footer{padding:5px 0; margin-top:10px; height:30px; width:100%; text-align:center; background:#f4f4f4}
div#footer p{margin:0; text-align:center}
div#footer a{color:#696969; text-decoration:none}
div#footer a:hover{color:#0080ff; text-decoration:underline}
div#footer .text-footer, 
div#footer .text-footer a, 
div#footer .text-footer a:visited{font-family:Verdana,Tahoma,Arial; font-size:12px; color:#858585; text-decoration:none; text-align:center}
div#footer .text-footer a:hover{text-decoration:underline; color:#0080ff}

.counter{margin-top:10px;position:relative;float:right;font-size:.8em}

.popup{margin:-11px 50px 0 0;position:relative;color:#fff;z-index:10;float:right;font-size:.8em}
a.popup:hover{text-decoration:none;}
.popup span{position:absolute;width:204px;padding:4px 7px;height:auto;line-height:1.3em;left:-1000px;visibility:hidden;text-decoration:none;color:#666;border:3px solid #2399f3;background:#fff;text-align:left}
.popup:hover span{visibility:visible;top:-112px;left:-110px;}

.sespopup{margin:0;position:relative;z-index:10;}
a.sespopup:hover{text-decoration:none;}
.sespopup span{background-image:url(../imgs/ses_logo.png); background-repeat:no-repeat; background-position:-30px 0 0 30px;position:absolute;width:176px;padding:0 0 2px 83px;height:auto;line-height:1.3em;visibility:hidden;text-decoration:none;color:#666;border:3px solid #2399f3;text-align:left;font-size:.9em}
.sespopup:hover span{visibility:visible;top:-62px;left:-56px;}

.searchbox {float:right;margin:10px 10px 0}

/* js-kit colors */
.js-singleCommentBg { background-color:#FFFFFF; } /* changes the bg color of each item */
.jsk-PrimaryBackgroundColor { background-color: #FFFFFF; } /* changes the primary foundation color */
.jsk-SecondaryBackgroundColor { background-color: #f4f4f4; } /* changes things like the comment form bg */
.jsk-PrimaryHighlightColor { color: #fffea9 } /* not currently used */
.jsk-SecondaryHighlightColor { color: #ffff00 } /* not currently used */
.jsk-PrimaryFontColor { color: #3a3a3a; } /* the color of all primary text elements */
.jsk-SecondaryFontColor { color: #c6c6c6; } /* the color of all secondary text elements */
.jsk-ThreadWrapper a, .jsk-LinkColor { color: #476cb8 }  /* the color of the Echo Stream background */
.jsk-H1Color { color: #878487; } /* the color of the 1st level headers */ 
.jsk-MenuContainer { background-color: ##FFFFFF; }    /* the color of the 'Add another site' drop-down menu */
.jsk-HeaderInfoBoxImg { display:none; }

/* fonts */
.jsk-PrimaryFont, .jsk-CommentFormSurface input { font-family: Lucida grande, Tahoma, Verdana, Arial; }
.jsk-PrimaryFont { font-size: 8pt;font-weight: normal; }
.jsk-H1Font { font-size: 1.38em;font-weight: bold; line-height:1.4em; }
.jsk-LinkFont, .jsk-ThreadWrapper a, .jsk-ThreadWrapper a:hover { text-decoration:none;font-weight:normal;}

.js-commentControl {background:url('/imgs/bullet_orange.gif') no-repeat 2px 4px;padding-left:17px;margin-bottom:3px;font-weight:bold;font-size:1.2em}
.js-commentControl a {color: #268ad4}
.js-poweredBy {display:none;background:none;padding-left:0}
.js-commentTool {display:none;}
