/**
 *  TinyTrafic.info v1
 *  Design by Marius Balaj 
 ******/  

/* HTML STUFF */
body{
  font: 11px Arial, Helvetica, sans-serif;
  color: #6f6f6f;
  margin: 0;
  padding: 0;
  }

img, img a{
  border: none;
  }

a{
  text-decoration: none; 
  color: #6f6f6f;
  }

a:hover{
  text-decoration: underline;
  color: #cc0000; 
  }


small, small a{
  font: 10px Arial, Helvetica, sans-serif;
  color: #660000; 
  text-decoration: none;
  }

small a:hover{
  text-decoration: underline;
  }

h2{
  font: 12px Arial, Helvetica, sans-serif; 
  font-weight: bold; 
  margin: 0;
  }

/* HEADER: LOGO + MENIU */
#logo{
  padding: 10px 0 0;
  width: 320px;
  margin: 0 auto;
  }

#meniu{
  background: url(images/menubg.jpg) repeat-x;
  height: 27px;
  width: 100%;
  }

#meniu ul{
  list-style-type: none; 
  margin: 0 auto; 
  width: 320px; 
  padding: 0;
  }
  
#meniu li{ 
  list-style-type: none; 
  float: left; 
  margin: 0; 
  padding-top: 5px;
  padding-right: 4px;
  padding-left: 4px;
  display: block; 
  }

#meniu ul li a{
  padding: 1px;
  }

#meniu ul li a:hover{
  background: url(images/libg.jpg) repeat-x; 
  color: #fff; 
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px; 
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-bottomright: 3px; 
  text-decoration: none; 
  }

.search{
  float: right;
  width: 157px; 
  padding: 2px 0 0;
  }

input[type=text], input[type=password]{
  font: 11px Arial, Helvetica, sans-serif; 
  color: #6f6f6f;
  }

input#cauta{
  width: 135px; 
  background: url(images/searchbg.jpg) no-repeat; 
  height: 22px; 
  border: none; 
  float: left;
  padding: 4px 0 0;
  }

input#submit{width:22px; height:22px; background:url(images/searchicon.jpg) no-repeat; border:none; float:right;}

/* CONTENT */
#content{
  margin: 0 auto;
  padding: 10px 0 0;
  width: 320px;
  }

.top{
  background: url(images/topbg.jpg) repeat-x; 
  height: 24px; 
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px; 
  border: 1px solid #d8d8d8;
  }

td{ 
  border: 1px solid #dadada; 
  padding: 3px;
  }

.stats{
  background: url(images/statsbg.png) repeat; 
  text-align: right;
  }

.doi{
  background: #f0f0f0;
  }

.trafic{
  background: #efeeee;
  }

.unici{
  margin: 0; 
  padding: 0; 
  font-weight: bold;
  text-align: right;
  }

.afisari{
  margin: 0; 
  padding: 0;
  }

.graph{
  padding: 1px;
  }

.footer{
  text-align: center;
  margin: 20px 0 0;
  }

.footer a{ 
  font-weight: bold; 
  }

.credits{
  padding-top: 5px; 
  margin: 0 auto; 
  width: 320px;
  }

.nav{
  background: #e7e7e7;
  padding: 3px;
  display: block;
  margin: 3px 0 0;
  text-align: center;
  }

.login{
  background: url(images/login.jpg) no-repeat;
  height: 130px;
  width:  100%;
  }

.eroare{
  background: #ebd0d0;
  font-weight: bold;
  color: #704646;
  padding: 10px;
  margin: 0 0 5px 0;
  }

.good-index{  
  background: #EDF3FA;
  font-size: 11px;  
  font-weight: bold;
  border: medium none #DEE4EB;
  padding: 8px;
  margin: 0 0 5px 0;}

.good{  
  background: #EDF3FA; 
  font-weight: bold;
  border: medium none #DEE4EB;
  padding: 10px;
  margin: 0 0 5px 0;}

.utilizator{
  text-align: left;
  background: #edf3fa;
  font-weight: bold;
  font-size: 12px;
  border: #dee4eb;
  padding: 7px;
  }

.utilizator img{
  margin:0;
  padding-right: 5px;
}  

.utl, .utl a, utl a:hover{
  color: #606a75; 
  font: 9px Arial, Helvetica, sans-serif;
  }

table{
  width: 100%; 
  margin: 0 0 5px 0; 
  border: none;
  }

.descriere{
  margin: 0; 
  padding: 0;
  }