@charset "utf-8";
/* CSS Document */

body { min-width:1000px; text-align:left; background-color:#f0f0f0; font-family:"Trebuchet MS", Arial; color:#888888; }
body a:link { color:#2f99ff; text-decoration:none; }
body a:visited { color:#2f99ff; text-decoration:none; }
body a:hover { color:#2f99ff; text-decoration:underline; }
body a:active { color:#666666; text-decoration:none; }

#wrapper { width:1000px; margin-left:auto; margin-right:auto; }

#header { position:relative; width:1000px; height:163px; color:#afafaf; text-align:right; }
#header a:link { font-size:11px; color:#8f8f8f; font-weight:bold; text-decoration:none; }
#header a:visited { font-size:11px; color:#8f8f8f; font-weight:bold; text-decoration:none; }
#header a:hover { font-size:11px; color:#8f8f8f; font-weight:bold; text-decoration:underline; }
#header a:active { font-size:11px; color:#8f8f8f; font-weight:bold; text-decoration:none; }

#center { background-image:url(img-layout/bg-rpt.gif); width:1000px; background-repeat:repeat-y; padding-left:35px; }

.section-head { background-image:url(img-layout/section-head.gif); width:914px; height:59px; }
.section-head-text { font-size:14pt; font-weight:bold; color:#666; padding-left:35px; padding-top:14px; }
.section-sub-head { width:800px; margin-left:45px; font-size:10pt; color:#666; font-weight:bold; }
.section-copy { width:800px; margin-left:45px; font-size:9pt; color:#666; line-height:18px; }
.section-body{ position:relative; width:900px; font-size:10pt; }

#footer { background-image:url(img-layout/footer.gif); width:1000px; height:29px; }
#footer-links { color:#c9c9c9; font-size:8pt; text-decoration:none; }
#footer-links a:link { color:#a9a9a9; font-size:8pt; text-decoration:none; }
#footer-links a:visited { color:#a9a9a9; font-size:8pt; text-decoration:none; }
#footer-links a:hover { color:#a9a9a9; font-size:8pt; text-decoration:underline; }
#footer-links a:active { color:#a9a9a9; font-size:8pt; text-decoration:none; }


/* text styles */
.normal-green-12pt{ font-size:12pt; font-weight:normal; color:#ADBD72; font-family:"Myriad","Myriad Pro","Lucida Grande","Lucida Sans Unicode",Verdana; font-weight:bold; text-align: left; }
.normal-green-10pt{ font-size:10pt; font-weight:normal; color:#ADBD72; }
.bold-green-14pt{ font-size:14pt; font-weight:bold; color:#ADBD72; }
.body-copy-italic{ font-style:italic; }
.body-copy-bold{ font-weight:bold; }
.body-copy-reverse{ background-color:#606060; color:#fff; font-weight:bold; }

.new-callout { font-family:Arial, Helvetica, sans-serif; font-style:italic; color:#C00; }

/* features.php */
.feature-row-main-head { width:100%; color:#555; padding:3px; margin-top:10px; border-bottom:1px #cccccc dotted; }
.feature-row-head { width:100%; margin-left:20px; color:#ADBD72; padding:3px; margin-top:5px;  }
.feature-row { width:100%; margin-left:32px; color:#777777; border-bottom:1px #CCCCCC dotted; padding:4px; font-size:11.5px; }

/* help.php */
.callout { width:600px; border:1px #CCCCCC dotted; margin:10px; padding:5px; background-color:#FFFFCC; }
.code { font-family:"Lucida Console", Monaco, monospace; font-size:11px; line-height:16px; color:#7779B7; font-weight:normal; }
.help-property { color:#399; font-weight:bold; }
.navcrumb { height:20px; background-color:#DDEEFF; border-top:1px solid #99CCFF; border-bottom:1px solid #99CCFF; padding-left:10px; padding-top:2px; margin-bottom:20px; }

.section-crumb { height:20px; background-color:#DDEEFF; border-top:1px solid #99CCFF; border-bottom:1px solid #99CCFF; padding-left:10px; padding-top:2px; margin-bottom:20px; width:100%; color:666; font-weight:bold; font-size:12pt; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }

.sub-section { margin-left:15px; border-left:1px dotted #CCC; padding-left:10px; }

/* real_life.php */
.sample-wrapper { width:650px; margin-bottom:10px; }
.sample-title { width:635px; margin-bottom:8px; border-bottom:1px #eee dotted; }
.sample-image { width:120px; float:left; border-right:1px #eee dotted; height:135px; width:135px; position:relative; background-image:url(img-real-life/shadow-135x135.png); } 
.sample-copy { width:450px; float:left; padding-left:15px; }

/* various */
.clear { clear:both; }

.bump-30 { float:left; width:30px; }
.bump-60 { float:left; width:60px; }

:focus { -moz-outline-style: none; }

.p14 { font-size:16px }