/************ GENERAL ************/
::-moz-selection {background:#FF9000; color:#fff}
::selection {background:#FF9000; color:#fff}
:target {background:#FF9000; color:#fff}
    
body {background: #FFFFFF; margin: 0px; padding: 0px;}
h1, h2, h3, h4, h5, h6, li, p, th, td, q, blockquote, label, span, input {font-family: 'Calibri', 'Verdana', sans-serif; font-size: 14px; font-weight: normal; text-align: left; margin: 0px; padding: 0px; line-height: 170%; color: #252525;} 
h1 {font-family: 'Junge', 'Georgia', serif; font-size: 34px; margin: 10px 0px; border-bottom: 1px solid #CCC;}
h2 {font-family: 'Open Sans', 'Calibri', 'Verdana', sans-serif; font-size: 26px; margin: 10px 0px 10px 0px; padding-left: 10px; border-left: 8px solid #CCC;}
h3 {font-family: 'Open Sans', 'Calibri', 'Verdana', sans-serif; font-size: 20px; margin: 30px 0px 10px 10px; padding-left: 5px; border-left: 3px solid #CCC;}
h4 {font-family: 'Open Sans', 'Calibri', 'Verdana', sans-serif; font-size: 14px; margin: 10px 0px 10px 20px; padding-left: 3px; border-left: 3px solid #CCC;}
li, p {font-family: 'Calibri', 'Verdana', sans-serif; font-size: 12px;}
p {margin: 15px 0px;}
span {font-size: inherit;}
a {color: #3272B9;}
q {display: inline-block; font-style: italic; padding: 10px 50px; text-align: center;}
img {max-width: 100%; border: 0px; vertical-align: bottom;}
table {border-collapse: collapse; border: 1px solid #E2E3E4;}
th, td {padding: 3px 5px; border: 1px solid #E2E3E4}
th {font-weight: bold; background: #E2E3E4;}


/************ NAVIGATION ************/
.table-of-contents {position: relative;}
  .table-of-contents .tab {position: absolute; bottom: -20px; left: 0px; right: 0px; height: 20px; background: url("/images/bg_lines.gif") repeat-x; cursor: pointer; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3)}
    .table-of-contents .tab span {position: absolute; top: 20px; left: 20%; padding: 3px 10px; font-size: 12px; color: #FFF; text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3); text-transform: uppercase;
             background: #FF9000; border-radius: 0px 0px 5px 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4)}
  .table-of-contents-inner {overflow: hidden; height: 0px;}
    .table-of-contents table {width: 100%; max-width: 900px; margin: 20px auto; border: none;}
      .table-of-contents td {width: 33.33%; vertical-align: top; border: none;}
        .table-of-contents h6 {border-bottom: 1px solid #CCC; color: #555; text-transform: uppercase;}
        .table-of-contents ul {list-style: none; margin: 0px 0px 10px; padding: 0px;}
          .table-of-contents li a {color: #666; text-decoration: none; transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s;}
            .table-of-contents li a:hover {color: #000; background: #EEE; padding: 2px 4px; border-radius: 3px;}


/************ BODY ************/
div.body {width: 100%; max-width: 900px; margin: 80px auto 20px; clear: both;}
  div.body li {padding: 3px 0px;}
div.section {border-bottom: 1px solid #CCC; clear: both; padding: 10px 0px; text-align: center;}

img.screen {position: relative; box-shadow: 0px 0px 1px rgba(0,0,0,0.5); border-radius: 3px;}
img.icon {max-height: 18px; padding: 3px 0px; vertical-align: text-bottom;}

span.note {font-size: 12px; line-height: 100%; text-transform: uppercase;}

span.helper {display: inline-block; position: relative; cursor: help; border-bottom: 1px dotted #555; text-shadow: 0 0 1px rgba(0, 150, 255, 0.4);}
  span.helper span.definition {position: absolute; bottom: 20px; left: 0px; min-width: 250px; max-width: 300px; padding: 5px; font-size: 11px; background: #DEDEDE; border: 1px solid #BBB; border-radius: 3px;
     box-shadow: 1px 1px 8px rgba(0,0,0,0.3); text-shadow: 1px 1px 0px #FFF;}

.question {position: relative;}
  .question:before {position: absolute; top: 0px; left: -40px; content:"Q"; font-family: Georgia; font-size: 40px; color: #DDD;}
  
q.definition {font-style: normal;}

/************ FOOTER ************/
#footsig {margin: 30px 0px 0px; padding: 20px 0px 40px; border-top: 5px solid #FFD800; background: url(http://www.ishowcaseinc.com/images/bg_lines_o.gif) bottom repeat-x;}
  #footsig h6 {font-size: 11px; text-align: center; text-transform: uppercase;}