@import 'bootstrap.css';
@import 'bootstrap-responsive.css';
@import 'bootstrap-doc.css';
@import url('google-code-prettify/prettify.css');

/* Tellme Studio CSS */

body {font-family: arial; font-size: 10pt;}

@media (min-width: 980px) {
    body { padding-top: 120px; }    
}

a {
  color: #049093;
}

.navbar-inner {
  padding-top: 20px;
  min-height: 70px;
}

.navbar-search {
    padding-left: 40px;
}

.navbar .brand {
  display: block;
  font-size: 40px;
  float: left;
  padding: 10px 20px 20px;
  margin-left: -20px;
  font-weight: 200;
  color: #ffffff;
  text-shadow: 0 1px 0 #ffffff;
}

.dropdown-toggle .banner-dropdown-text {
  font-weight: bold;
  font-size: 18px;
  color: white;
}

.dropdown-toggle .banner-dropdown-text .icon-user {
  margin-top: 3px;
}

td.byline, div.byline {
    font-family: arial,helvetica,sans-serif;
    font-size: 75%;
}

td.navheading {
  font-family: arial;
  font-size: 10pt;
}

td.tocitem {
  font-family: arial;
  font-size: 9pt;
}


div.h1 {
  font-family: arial,helvetica,sans-serif;
  font-size:14pt;
  color: #049093;
}

div.h2 {
  font-family: arial,helvetica,sans-serif;
  font-size:12pt;
  font-weight: bold;
  color: #049093;
}

div.h3 {
  font-family: arial,helvetica,sans-serif;
  font-size:12pt;
  color: #049093;
}

div.h4 {
  font-family: arial,helvetica,sans-serif;
  font-weight:bold;
  font-size:11pt;
  color: #049093;
}

div.h5 {
  font-family: arial,helvetica,sans-serif;
  font-size:11pt;
}

td.syntax, div.desc, td.parents, td.children, td.rem, td.retval {
  font-family: arial,helvetica,sans-serif;
  font-size:10pt;
  color: #049093;
}

table.code {
  background-color: #dddddd;
}

table.code td {
  font-family: arial,helvetica,sans-serif;
}

table.code pre {
  font-family: courier;
  font-size: 10pt;
}

/* try it box in code library pages */
ol.tryit,
table.tryit td {
  font-family: arial,helvetica,sans-serif;
    font-size: 10pt;
  vertical-align: top;
}

/* replacement for login widget when logged in */
table.greeting {
}

table.greeting td {
  font-family: arial,helvetica,sans-serif;
  font-size: 10pt;
}


td.term,
td.def,
td.pv, 
table.params td,
td.ref,
td.transcript,
td.faq_a
{
  font-family: arial,helvetica,sans-serif;
    font-size: 10pt;
  background-color: #dddddd;
  vertical-align: top;
}

span.default {font-weight: bold}
span.param {font-style: italic}

p, span.ref {
  font-family: arial,helvetica,sans-serif;
    font-size: 10pt;
}

/* hanging indent accounts for length of "Note" in selected font/size */
p.note, p.warning {background-color: #dddddd; padding-left:3.5em; text-indent:-3.5em}
span.note {font-weight: bold}

div.footnote {
  font-family: arial; 
  font-size: 9pt;
  font-style: italic;
}

span.red {
  color: #ff0000;
}

table.pv {margin-top: 5px;}


table.params th,
th.ref,
th.transcript,
td.faq_q
{
  font-family: arial,helvetica,sans-serif;
  font-size: 10pt;
  background-color: #cccccc;
  vertical-align: top;
  text-align: left;
  vertical-align: top;
}

.header-text {
  color: #999999;
  padding-top: 5px;
}

/* attribute list */
dl.ref {
  font-family: arial,helvetica,sans-serif;
  font-size: 10pt;
  margin-left: 10px; 
  margin-top: 5px;
}

dl.ref dt  {
  margin-bottom: 5px;
}

dl.ref dd {
  margin-bottom: 7px
}

ol.ref, ul.ref {
  font-family: arial,helvetica,sans-serif;
    font-size: 10pt;
}

ul.ref li {list-style-image: url(../images/bullet.gif)}
ol.ref li {list-style-type: decimal; font-size: 9pt; }

ul.outline {
  list-style-type: none;
  font-size: 10pt;
  font-family: arial,helvetica,sans-serif;
}

div.content {
  font-family: arial,helvetica,sans-serif;
}

dt {
  font-weight: bold;
}

div.tip
{
  font-size:10pt;
  font-family:  arial, helvetica, geneva, san-serif;
}

div.last_mod {
  font-size:8pt;
  font-family:  arial, helvetica, geneva, san-serif;
}

.instruct , .info
{
  font-size:9pt;
  font-family:  arial, helvetica, geneva, san-serif;
  margin-bottom: 5px;
}


.little {font-size:9pt;
  font-family: arial, helvetica, geneva, san-serif;}

.syntaxerrorsmall {
  font-size:9pt;
  color: Red;
  font-family:Verdana;
}

.syntaxerrorsmallbold {
  font-size:9pt;
  color: Red;
  font-family:Verdana;
  font-weight : bold;
}

span.instruct 
{
  font-size:10pt;
  font-family:  arial, helvetica, geneva, san-serif;
}

span.alert {
   font-size: 10pt;
font-weight: bold;
   font-family: arial, helvetica, geneva; 
   color: #FF0000;
}

p.beta {
  font-size:10pt;
  font-family:  arial, helvetica, geneva, san-serif;
  font-weight: bold;
  color: #ff0000;
}

div.pfriendly
{
  font-size: 9pt; font-family: arial, helvetica, geneva, san-serif; 
}

/* 

  combining any of the following pairs that have the same definition
  (e.g. span.log_meta and div.log_meta) will break the message filter
  in viewlog.pl

*/
span.log_meta  {font-size: 10pt; background-color: #dddddd}
div.log_meta   {font-size: 10pt; background-color: #dddddd}
span.log_login {font-size: 10pt; background-color: #000000; color: #ffffff;}
div.log_login  {font-size: 10pt; background-color: #000000; color: #ffffff;}
span.log_sys   {font-size: 10pt; background-color: #000000; color: #ffffff;}
div.log_sys    {font-size: 10pt; background-color: #000000; color: #ffffff;}
span.log_dep   {font-size: 10pt; background-color: rgb(100%, 75%, 25%)}
div.log_dep    {font-size: 10pt; background-color: rgb(100%, 75%, 25%)}
span.log_flow  {font-size: 10pt; background-color: rgb(100%, 100%, 60%)}
div.log_flow   {font-size: 10pt; background-color: rgb(100%, 100%, 60%)}
span.log_evt   {font-size: 10pt; background-color: rgb(60%, 60%, 100%)}
div.log_evt    {font-size: 10pt; background-color: rgb(60%, 60%, 100%)}
span.log_fil   {font-size: 10pt; background-color: rgb(60%, 100%, 60%)}
div.log_fil    {font-size: 10pt; background-color: rgb(60%, 100%, 60%)}
span.log_dbg   {font-size: 10pt; background-color: #009999;}
div.log_dbg    {font-size: 10pt; background-color: #009999;}
span.log_err   {font-size: 10pt; background-color: rgb(100%,30%,30%); color: rgb(100%, 100%, 100%)}
div.log_err    {font-size: 10pt; background-color: rgb(100%,30%,30%); color: rgb(100%, 100%, 100%)}
span.log_warn  {font-size: 10pt; background-color: #ffff00; color: #ff0000}
div.log_warn   {font-size: 10pt; background-color: #ffff00; color: #ff0000}
span.log_reco  {font-size: 10pt; background-color: #aaff00; color: #000000;}
div.log_reco   {font-size: 10pt; background-color: #aaff00; color: #000000;}
span.log_tel   {font-size: 10pt; background-color: brown; color: white; font-weight: bold;}
div.log_tel    {font-size: 10pt; background-color: brown; color: white; font-weight: bold;}
span.log_uncat {font-size: 10pt; background-color: tan; color: #000000; }
div.log_uncat  {font-size: 10pt; background-color: tan; color: #000000; }
span.log_task  {font-size: 10pt; background-color: rgb(60%, 60%, 60%)}
div.log_task   {font-size: 10pt; background-color: rgb(60%, 60%, 60%)}
span.log_res   {font-size: 10pt; background-color: rgb(100%, 60%, 100%)}
div.log_res    {font-size: 10pt; background-color: rgb(100%, 60%, 100%)}

table.logevt_detail td {font-size: 9pt; font-family: arial; background-color: tan; color: #000000; }
table.logevt_detail th {font-size: 9pt; font-family: arial; background-color: tan; color: #000000; }
div.logevt_detail {display:none; margin-left: 10px;}

th.std {
  font-family:  verdana, arial, helvetica, geneva, san-serif;
  font-size: 10pt;
  background-color: #cccccc;
}

th.form {
  font-family:  verdana, arial, helvetica, geneva, san-serif;
  font-size: 10pt;
  background-color: #cccccc;
  text-align: left;
}


td.std {
  font-family:  verdana, arial, helvetica, geneva, san-serif;
  font-size: 10pt;
  background-color: #dddddd;
}

th.chklist {
  font-family:  verdana, arial, helvetica, geneva, san-serif;
  font-size: 10pt;
  background-color: #cccccc;
}

td.chklist {
  font-family:  verdana, arial, helvetica, geneva, san-serif;
  font-size: 10pt;
  background-color: #dddddd;
  text-align: center;
  padding:5px;
}

td.chklist_sig {
  font-family:  verdana, arial, helvetica, geneva, san-serif;
  font-size: 10pt;
  background-color: #dddddd;
  text-align: center;
  width:200px;
}

td.chklist_txt {
  font-family:  verdana, arial, helvetica, geneva, san-serif;
  font-size: 10pt;
  background-color: #dddddd;
  padding: 5px;
}

td.wanted {font-weight: bold; font-size: 10pt; text-align: right; padding-right: 10pt}

div.grinfo
{
   font-size: 10pt; 
   font-family: arial;
   font-weight: bold;
}

div.grerror
{
   font-size: 9pt; 
   font-family: arial;
   font-weight: bold;
   color: red;
   margin-top: 10px;
}

pre.grdetail {
   font-family: "Courier New", monospace;
   white-space: pre;
   color: #ff0000;
   padding: 0.5em;
   border: none;
   margin-left: 0;
   font-size: 90%;
   width: 100%;
   margin: 0;
}

div.instructions
{
  font-family: arial,helvetica,sans-serif;
  font-size:9pt;
  margin-bottom: 5px;
}

div.whatsnew, div.hilite {
  font-family: arial,helvetica,sans-serif;
  font-size: 10pt;
}

table.gramgenres td {font-size: 9pt; font-family: verdana; text-align: left; vertical-align: top;}
table.gramgenres th {font-size: 9pt; font-family: verdana; text-align: left; vertical-align: top; 
  background-color: #bbbbbb; color: #ffffff; }

 table.simple td,  table.simple th {font-size: 9pt; font-family: verdana; }
 table.simple th {text-align: right;}

    td.label {font-size: 9pt; text-align: right; vertical-align:top}
    td.input {text-align: left; vertical-align:top; color: #000000; font-size: 9pt;}
    td.section {text-align: left; background-color: #999999; font-weight: bold; font-size: 11pt;}
    td.clue {text-align: left; font-size: 9pt;}
    input {font-size: 9pt;}
    td.foot, td.controls {text-align: center; font-size: 9pt;}
    .key {font-style: italic; font-size: 8pt;}

div.searchresult {margin-bottom: 10pt;}
