headphones/data/css/style.css

body{
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial,
	Helvetica, sans-serif;
	font-size:16px;
	background-color: #ebf4fb;
	padding: 5px;
	}
	
h1{
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial,
	Helvetica, sans-serif;
	size:30px;
	color: #8B8989;
	}
.container{
	width: 95%;
	}	
.header{
	background-color: #EEB4B4;
	width: 80%;
	}
.config{
	font-size:14px;
	margin-left: 30px;
	}
.configtable{
	background-color: #eeeeee;
	width: 95%;
	padding: 15px;
	line-height: 12px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}
.logo{
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial,
	Helvetica, sans-serif;
	font-size:20px;
	color: #8B8989;
	margin-left: 30px;
	margin-top: 0px;
	}
.search{
	position: absolute;
	top: 50px;
	right: 70px;
	}
.data{
	background-color: #ebf4fb;
	font-size:24px;
	}
.datanil{
	background-color: #ebf4fb;
	font-size:36px;
	text-align: center;
	position: relative;
	top:150px;
	}
.table{
	padding: 10px;
	font-size:24px;
	background-color: #ffffff;
	width: 95%;
	margin-top: 25px;
	margin-left: auto;
	margin-right: 0px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	}
.nav{
	padding: 2px;
	font-size:19px;
	color: grey;
	background-color: #bbbbbb;
	width: 95%;
	text-align: center;
	margin-left: auto;
	margin-right: 10px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	word-spacing: 18px;
	}
.center{
	text-align: center;
	font-size: 18px;
	}
.smalltext{
	font-size: 11px;
	}
.smalltext2{
	font-size: 11px;
	margin-left: 45px;
	}
.smalltext3{
	font-size: 11px;
	margin-left: 30px;
	color: #867970;
	}
.mediumtext{
	font-size: 16px;
	margin-left: 100px;
	}
.mediumcentered{
	font-size: 18px;
	text-align: center;
	}
.bluecenter{
	color: #0000FF;
	text-align: center;
	font-size: 14px;
	}
.logtext{
	font-size: 14px;
	white-space: normal;
	}
.bigtext{
	font-size: 22px;
	}
.updatebar{
	text-align: center;
	}
.version{
	font-size: 12px;
	}
a:link {
	color: #5E2612; 
  	text-decoration: none; 
  	}
a:visited {
  	color: #5E2612; 
	text-decoration: none; 
	}
a:hover { /*this effect is not shown in NN4.xx*/
  	color: #999999; 
	text-decoration: underline;
  	}
a:active {/*colour in NN4.xx is red*/ 
  	color: #5E2612; 
  	text-decoration: underline; 
	}
a.gray {
	color: #CFCFCF
	}
a.external {
	color: blue;
	font-size:12px;
	}
a.blue {
	color: blue;
	}
a.green {
	color: #3ee343;
	}
a.externalred {
	color: red;
	font-size:12px;
	}
div.progress-container {
  border: 1px solid #ccc; 
  width: 100px; 
  height: 12px;
  margin: 2px 5px 2px 0; 
  padding: 1px; 
  float: left; 
  background: white;
}
a.center {
	color: blue;
	text-align: center;
	}

div.progress-container > div {
  background-color: #ACE97C; 
  height: 12px
}
.cloud{
	padding: 0px;
	font-size:16px;
	}
#cloud a.tag1 { font-size: 0.7em; font-weight: 100; }
#cloud a.tag2 { font-size: 0.8em; font-weight: 200; }
#cloud a.tag3 { font-size: 0.9em; font-weight: 300; }
#cloud a.tag4 { font-size: 1.0em; font-weight: 400; }
#cloud a.tag5 { font-size: 1.2em; font-weight: 500; }
#cloud a.tag6 { font-size: 1.4em; font-weight: 600; }
#cloud a.tag7 { font-size: 1.6em; font-weight: 700; }
#cloud a.tag8 { font-size: 1.8em; font-weight: 800; }
#cloud a.tag9 { font-size: 2.2em; font-weight: 900; }
#cloud a.tag10 { font-size: 2.5em; font-weight: 900; }

#cloud { padding: 2px; line-height: 1.5em; text-align: center; }
#cloud a { padding: 0px; }
#cloud { margin: 0; }
#cloud li { display: inline; }