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

html, body, th, td {
  color: black;
  background-color: #ddd;
  font: small "Lucida Grande", "Lucida Sans Unicode", geneva, verdana, sans-serif;
  margin: 0;
  padding: 0;
}

#bar {
  height: 11px;
  width: 100%;
  background: #1956A3 URL('../images/tile.png') repeat;
  border-left: 1px solid #aaa;
  border-right: 1px solid #aaa;
  margin: 0 auto 0 auto;
}

#header {
  height: 60px;
  width: 777px;
  background-color: #1956A3;
  border-left: 1px solid #aaa;
  border-right: 1px solid #aaa;
  margin: 0 auto 0 auto;
}

#header #logo {
  height: 60px;
  width: 468px;
  background: #1956A3 URL('../images/dna-banner.png') no-repeat;
  float: left;
}

#header #logo span {
  display: none;
}

a.link, a, a.active {
  color: #369;
}


#main_content {
  color: black;
  font-size: 127%;
  background-color: white;
  width: 757px;
  margin: 0 auto 0 auto;
  border-left: 1px solid #aaa;
  border-right: 1px solid #aaa;
  padding: 10px;
}

#legend {
	float: right;
	font-size: 70%;
	border: 1px solid #ccc;
	padding: 1em;	  
}

#sidebar {
  border: 1px solid #aaa;
  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-size: 1.7em;
    font-family: "Lucida Grande", "Lucida Sans Unicode", geneva, verdana, sans-serif;
    padding: 0px;
    margin: 0px;
}

h2 {
  font-size: 150%;
}

#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 {
  border: 1px solid #aaa;
  border-top: 0px none;
  color: #999;
  background-color: white;
  padding: 10px;
  font-size: 80%;
  text-align: center;
  width: 757px;
  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: 15px 10px 15px 55px;
  background: #cec URL('../images/ok.png') left center no-repeat;
  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;
}


#stats th{
    font-weight: bold;
    color: #072B61;
    padding: 5px 5px 5px 5px;    
    background: #DDDDDD;
}

#stats td{
    padding: 5px;    
    background: #EEEEEE;    
}

#system_show th{
    text-align: right;
    font-weight: bold;
    color: #072B61;
    padding: 5px 5px 5px 5px;    
    background: #DDDDDD;
}

#system_show td{
    padding: 5px;    
    background: #EEEEEE;    
}

#device_show th{
    text-align: center;
    font-weight: bold;
    color: #072B61;
    padding: 5px 5px 5px 5px;    
    background: #DDDDDD;
}

#device_show td{
    padding: 5px;    
    background: #EEEEEE;    
}

#floatingTitle{
    border: 0px solid red;
    color: #FDFFFC;
    font-size: small;
    float: right;
/*    width: 300px;*/
    text-align: right;
    padding-right: 13px;
}
.moof{
	float: right;
}
div.flash {
  margin: 0 auto 0.5em auto;
  padding: 15px 10px 15px 55px;
  background: #cec URL('../images/ok.png') left center no-repeat;
  border: 1px solid #9c9;
  width: 450px;
  font-size: 120%;
  font-weight: bolder;
}
.share {
  margin: 0 auto 0.5em auto;
  padding: 15px 10px 15px 55px;
  background: #cec;
  border: 1px solid #9c9;
  width: 450px;
  font-size: 120%;
  font-weight: bolder;
}

.rating {
white-space:nowrap;
}