body { font-family: "Trebuchet MS", Tahoma, Arial; font-size: 12px; color: black; padding: 0; margin: 0; background-color: #f3f4f1;}
h1 { font-weight: normal; margin: 10px 0;}
h2 { font-weight: normal; }
a { color: blue; text-decoration: none; }
a:hover { color: blue; text-decoration: underline; }
a:visited { color: blue;}

ul { padding: 0 0 0 20px;}
ol { padding: 0 0 0 25px;}
li { margin: 0; padding: 0; }

/* CLEAR FIX*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac */
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
 

.main_container { width: 950px; padding: 0px 10px; margin: 0 auto 50px auto; background: white url(/img/body_bg_gray.gif) repeat-y;}
.banner { position: relative; min-width: 800px; height: 70px;}
.banner .logo {display: inline; float: left; font-family: Arial; font-weight: normal;font-size: 40px; margin: 0; position: relative; top: -2px;left:10px;}
.banner .logo a { text-decoration: none; color: inherit;}
.banner .logo a:visited { text-decoration: none; color: inherit;}

.tag-line {font-weight: bold;font-size: 11px; position: absolute; top: 40px; left: 60px; }

.main-menu-wrap {/* position: absolute; bottom: 0px;left: 0px; */ clear: left; margin: 0; padding: 0; width: 100%; }
.main-menu { list-style: none; margin: 0; padding: 0; position: relative; left: 200px; width: 700px;}
.main-menu li { display: inline-block; margin: 0; padding: 2px 10px; text-align: center; border-radius: 4px 4px 0 0; -moz-border-radius:  4px 4px 0 0; -webkit-border-top-left-radius: 4px;  -webkit-border-top-right-radius: 4px; }
.main-menu li.selected { background-color: #3366aa; }
.main-menu li.selected a { color: white;}
.main-menu li a { text-decoration: none; color: midnightblue; font-size: 14px;}
.main-menu a:visited { text-decoration: none; color: midnightblue;}
.main-menu-band {  background-color: #3366aa; height: 10px; width: 100%; font-size: 95%; color: white; }

.home-0 {position:relative;}
.home-0 .screen { float: left; margin: 10px 30px 10px 20px; display: block; height: 250px;}
.home-1 { clear: both; position: relative; text-align: center;}
.home-block-wrap { width: 33.3%; float: left;}
.home-block { text-align: left; position: relative; border: 1px outset #aaa; min-height: 100px; padding: 10px;
margin: 10px; background-color: #f4f4fc;  border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
.home-block h3  { margin: 0 0 5px 0; font-size: 120%; font-weight: bold; }


ul.checked-items { padding: 0; margin: 0 0 0 5px; list-style-image: url(/img/green_check_13x19.png); }
ul.checked-items li { padding: 0; margin: 0 0 3px 15px; }

.short-summary { font-size: 16px; padding: 10px; display: block; float: left; width: 520px;}
.short-summary ul { margin: 0 0 0 20px; padding: 0; list-style-image: url(/img/green_check_13x19.png);}
.short-summary li { margin: 0; padding: 5px 0;}
.short-summary li span { font-weight: bolder;}
.short-summary li div { font-size: 80%;}

.right-column { float: right; width: 130px; margin-left: 20px; }
.right-column a { display: block; font-size: 110%; font-weight: bold; padding-left: 30px; height: 30px; margin: 10px;}

.home-get-started { display: block; float: right; padding: 4px; }

.big-link { font-size: 110%; font-weight: bold; text-align: center; display: block;  margin: 10px; }

.footer { clear: both; font-size: 10px; text-align: center; padding-bottom: 10px;margin: 50px 0 10px;border-bottom: 2px outset #eee; }

h1.page-head { font-size: 18px; font-weight: bold; margin: 5px 0; }
h2.page-section { font-size: 15px; font-weight: bold; margin: 5px 0; }
.page-content { padding: 5px 10px 0;}
.concept-term { background-color: lightgoldenrodyellow;}

.tour-screenshot-wrap {float: left; display: block;}
.tour-screenshot {padding: 5px; border: 1px solid midnightblue; margin: 10px 0 0 10px; }
.tour-section { list-style: none; margin: 15px; }
.tour-section li { display: inline; padding: 2px 6px; }
.tour-section li a { display: inline-block; padding: 3px; text-decoration: none; }

ul.tour-section-detail { list-style-image: url(/img/red_arrow_12x12.jpg); padding: 0 0 0 15px; margin: 10px 0 0 10px;}
.tour-accordion-wrap {float: left; width: 300px; display: none;}
.tour-section-link-hilite { border-bottom: 2px solid darkblue; cursor: default;}

.accordion-detail { display: none; }
.accordion-partlabel { cursor: pointer;padding: 3px 0; color: blue; display: block;}
.accordion-partlabel:hover { text-decoration: underline; }
ul.accordion li { padding: 4px 0; }


table.concepts-field-types { margin: 10px 25px; border-collapse: collapse; border: 1px solid #d8d8d8;}
table.concepts-field-types td { padding: 3px 10px; vertical-align: top; border-top: 1px solid #d8d8d8;}
table.concepts-field-types th { padding: 3px 10px; text-align: left;vertical-align: top; background-color: #eee;}


form.signup { padding: 10px; }

ul.signup-fields { list-style: none; margin: 0; padding: 0; }
ul.signup-fields li { padding: 5px 10px; }
ul.signup-fields li .item-label { width: 100px; text-align: right; float: left; margin-right: 5px; }
ul.signup-fields input[type=text] { width: 200px; }


.signup-note { display: block; font-size: 93%; margin-left: 100px;}
.signup-submit { margin: 5px 0 0 100px;}
.signup-help { margin-left: 10px; }

.share-this-page {float: right; margin: 5px;}

#tos-modal {display: none; width: 500px;padding: 15px; border-width: 1px; border-style: solid; border-color: #ddd #aaa #aaa #ddd;background-color: white; }
.box-shadow { -webkit-box-shadow: 5px 5px 5px #666; box-shadow: 5px 5px 5px #666;  -moz-box-shadow: 5px 5px 5px #666;}

.tos-ul { margin: 0; padding: 0; padding-left: 25px; }


dl.faq { margin: 10px 20px; }
dl.faq dt { font-size: 105%; }
dl.faq dd { color: #333; margin: 5px 0 20px 0; }

.error-msg { display: none; padding: 5px; margin: 2px 0 5px 105px; color: maroon; background-color: navajowhite; float: left;clear:left;}
.item-label { white-space: nowrap;}

#signup-page .item-label { clear: left;}
#signup-page input.invalid { border: 1px dashed maroon;}
#signup-page .signup-submit { display: none;}
#signup-page .noscript-div { border: 1px solid maroon; background: peachpuff; width: 200px; margin: 10px 50px; padding: 10px;}

#contact-us .error-msg { margin: 10px 0; }
#contact-us .contact-info {float: left; margin: 0 15px 0 50px; width: 300px;}
#contact-us .contact-info h3, #contact-us .contact-info h4 {display: inline; margin: 5px 0;}

.contact-submit { display: none; }



#screencasts .screencasts-list { margin: 10px 0 0 10px; padding: 0 0 0 15px; list-style-image: url(/img/red_arrow_12x12.jpg); }
#screencasts .screencasts-list li { padding: 4px 0; }

span.highlight { background-color: yellow;  }

.screenie { display: block; margin: 10px 0 30px 10px; text-align: center; border: 1px solid #ccc; -moz-box-shadow: 3px 3px 3px #999; box-shadow: 3px 3px 3px #999; }