/*
 * Quick mash-up of CSS for the TG quick start page.
 */

html, body {
  font-family:arial, verdana; 
  font-size:12px; 
  color:#000000; 
  background:#ffffff; 
  padding:0px; 
  margin-bottom:0px; 
  margin-top: 0px; 
  margin-left:10px; 
  margin-right:10px;
}

td, th {padding:3px;border:none;}
tr th {text-align:left;background-color:#f0f0f0;color:#333; text-align: center;}
tr.odd td {background-color:#edf3fe;}
tr.even td {background-color:#fff;}

tr.even_over td {background-color:#b3cfeb; border: 1px black solid;}
tr.odd_over td {background-color:#b3cfeb; border: 1px black solid;}
#header {
    height: 98px;
    margin: 0 auto 0 auto;
    font-size: 32px;
    text-align: center;
}
.error {
    color: red;
    font-weight: bold;
}

.ok {
    color: green;
    font-weight: bold;
}

.bubble {
    display: block;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 8px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    background-color: rgb(245, 245, 234);
    padding-bottom: 16px;
    padding-left: 22px;
    padding-top: 16px;
    font-family: Georgia, 'Times New Roman', Times, serif;
}

.sidebar_bubble {
    width: 200px;
    float: right;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 8px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    background-color: rgb(245, 245, 234);
    padding-bottom: 16px;
    padding-left: 22px;
    padding-top: 16px;
    padding-right: 16px;
    font-family: Georgia, 'Times New Roman', Times, serif;
}

hr {
    height: 0px;
    border: 0px;
    border-bottom: 1px #d4d4d4 solid;
}


a:link {color: blue; font-family:arial, verdana; text-decoration:underline}
a:visited {color: blue; font-family:arial, verdana; text-decoration:underline}
a:active {color: blue; font-family:arial, verdana; text-decoration:underline}
a:hover {color:#CC0000; font-family:arial, verdana; text-decoration:underline}
a {text-decoration:underline}
.menu a:link, .menu a:active, .menu  a:visited {color: #369;}
.menu a:hover {color:#CC0000; font-family:arial, verdana; text-decoration:underline}

.menu {
    height: 100%;
}

.price {
    font-size: 14px;
    font-family: Arial;
}

.small_price {
    font-size: 10px;
    font-family: Arial;
}

.add_new_page {
    font-size: 120%;
}


#main_content {
  color: black;
  font-size: 127%;
  background-color: white;
  margin: 0 auto 0 auto;
}

#sidebar {
  background-color: #eee;
  margin: 0.5em;
  padding: 1em;
  float: right;
  width: 200px;
  font-size: 88%;
}

#sidebar h2 {
  margin-top: 0;
}

#sidebar ul {
  margin-left: 1.5em;
  padding-left: 0;
}

h1,h2,h3,h4,h5,h6,#getting_started_steps {
  font-weight: bold;
}

h2 {
  font-family: Arial;
  font-size: 120%;
  margin: 0;
  padding: 0;
}

h1 {
    margin-bottom: 8px;
}

#getting_started_steps a {
  text-decoration: none;
}

#getting_started_steps a:hover {
  text-decoration: underline;
}

#getting_started_steps li {
  font-size: 80%;
  margin-bottom: 0.5em;
}

#getting_started_steps h2 {
  font-size: 120%;
}

#getting_started_steps p {
  font: 100% "Lucida Grande", "Lucida Sans Unicode", geneva, verdana, sans-serif;
}

#footer {
  color: #000000;
  background-color: white;
  padding: 10px;
  font-size: 90%;
  text-align: center;
  margin: 0 auto 1em auto;
}

.code {
  font-family: monospace;
}

span.code {
  font-weight: bold;
  background: #eee;
}

#status_block {
  margin: 0 auto 0.5em auto;
  padding: 5px;
  border: 1px solid #9c9;
  width: 450px;
  font-size: 120%;
  font-weight: bolder;
}

.notice {
  margin: 0.5em auto 0.5em auto;
  padding: 15px 10px 15px 55px;
  width: 450px;
  background: #eef URL('../images/info.png') left center no-repeat;
  border: 1px solid #cce;
}

.fielderror {
    color: red;
    font-weight: bold;
}