body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font:  8.7pt/1.4em 	Verdana,sans-serif;
	background:    #fff;
        color: #777;
        text-align:center;
}



img.thumb {
	border: 1px solid #ff8;
}
img {
	border: 0px;
}

b.bg{
    color: #009900;
}

b.br{
    color: #dd0000;
}

b.bw{
    color: #ffeeff;
}

a {
	text-decoration: none;
	font-weight: bold;
	color:  #3399ff;
	outline: none;

}

a:visited {
	color:  #3399ff;
	}
a:active {
	color:  #3399ff;
	}
a:hover {
	color: #3399ff;
        text-decoration: underline;
}

a.g {
	text-decoration: none;
	font-weight: bold;
	color:  #009900;
	outline: none;

}

a.g:visited {
	color:  #009900;
	}
a.g:active {
	color:  #009900;
	}
a.g:hover {
	color:#009900;
        text-decoration: underline;
}

a.w {
	text-decoration: none;
	font-weight: bold;
	color:  #fff;
	outline: none;

}

a.w:visited {
	color:  #fff;
	}
a.w:active {
	color:  #fff;
	}
a.w:hover {
	color:#fff;
        text-decoration: underline;
}

/********  body *************/
#xouter{
	height:100%;
	width:100%;
        margin-top:10px;
	display:table;
}

#xcontainer {
	text-align: center;
	position:relative;
	display:table-cell;
	height: auto;
}
#xinner {
	width: 980px;
	height: auto;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
}
    
#top {
    float:left;
    text-align: left;
    border-bottom: 2px solid #999;
    margin: 0px 0px 0px 0px;
    background: url('img/top_back.png') repeat-x top;
    width: 100%;
    height: 100px;
}
html>body #top {
    width: 100%; /* ie5win fudge ends */
    height: 100px;
}
    
#menu {
    margin-top:2px;
    float:left;
    text-align: left;
    width: 100%;
    height: 20px;
}
html>body #menu {
    width: 100%; /* ie5win fudge ends */
    height: 20px;
}

#main {
    float: left;
    margin: 0px 10px 0px 0px;
    text-align: center;
    border-top: 2px solid #999;
    background:  #3399ff;
    width: 100%;
    height: auto;
}

html>body #main {
    width: 100%; /* ie5win fudge ends */
    height: auto;
}

#left {
    float: left;
    text-align: center;
    background:  #3399ff;
    border-right: 2px solid #999;
    width: 180px;
    height: 100%;
}

html>body #left {
    width: 180px; /* ie5win fudge ends */
    height: 100%;
}

#right {
    float: left;
    text-align: center;
    border-left: 1px solid #999;
    width: 190px;
    height: auto;
}

html>body #right {
    width: 190px; /* ie5win fudge ends */
    height: auto;
}

#middle {
    float: left;
    background: #fff;
    margin: 0px 0px 0px 0px;
    text-align: center;
    width: 570px;
    height: auto;
}

html>body #middle {
    width: 570px; /* ie5win fudge ends */
    height: auto;
}

#bottom {
    float: left;
    margin: 0px 0px 0px 0px;
    border-top: 2px solid #999;
    text-align: center;
    width: 100%;
    height: 50px;
}

html>body #bottom {
    width: 100%; /* ie5win fudge ends */
    height: 50px;
}

/******** sub *********/

#news{
    float: left;
    text-align: left;
    vertical-align: middle;
    background: url('img/websites.jpg') top right no-repeat;
    width: 100%;
    height: 350px;
}

#sub_left{
    float: left;
    text-align: left;
    margin: 10px 10px 5px 5px;
    border-bottom: 1px solid #ddd;
    width: 170px;
    height:auto;
}


#sub_right{
    float: right;
    text-align: center;
    margin: 10px 10px 5px 10px;
    border-bottom: 1px solid #ddd;
    width: 165px;
    height: auto;
}

#sub_middle{
    float:left;
    text-align: center;
    margin: 0px 5px 10px 15px;
    border-bottom: 1px solid #999;
    width: 535px;
    height: auto;
}

/******** units *********/

#souter{
    float: left;
    text-align: left;
    margin: 5px 0px 5px 0px;
    border-bottom: 1px dashed #999;
    width: 100%;
    height: 190px;
}

#sthumb{
    float: left;
    text-align: left;
    margin: 5px 0px 5px 0px;
    vertical-align: middle;
    width: 170px;
    height: auto;
}

#th_img{
    float: left;
    text-align: left;
    background: url('img/thumb_test.png') no-repeat;
    vertical-align: middle;
    width: 170px;
    height: 130px;
}

#sinner{
    float: left;
    text-align: left;
    padding-left:10px;
    margin: 0px 0px 20px 0px;
    border-left: 1px dashed #999;
    width: 350px;
    height: 175px;
}

#detalii{
    float: left;
    text-align: left;
    padding-left:10px;
    margin: 0px 0px 15px 0px;
    border-left: 1px dashed #999;
    width: 340px;
    height: auto;
}

#panel_valoare{
    float:right;
    text-align: center;
    padding-left:10px;
    margin: 0px 0px 15px 0px;
    width: 350px;
    height: auto;
}

#sub_panel{
    text-align: center;
    padding-left:10px;
    padding-top:40px;
    margin: 0px 0px 15px 0px;
    width: 350px;
    height: 20px;
}

div.btn{
    float:left;
    background: url(img/btn_calc.png) top left no-repeat;
    width: 100px;
    height: 25px;
}

input.btn{
    float:left;
    background: url(img/btn_calc.png) top left no-repeat;
    width: 90px;
    height: 25px;
}
        
input.rounded {
    float:left;
    padding-left: 20px;
    border: 0;
    background: url(img/input_back.png) top left no-repeat;
    width: 230px;
    height: 25px;
    font-size:14px;
    font-weight:bold;
    color: #399;
}


#latest{
    float: right;
    text-align: left;
    padding-left:10px;
    margin: 0px 0px 15px 0px;
    width: 100%;
    height: auto;
}



/********* altele ***********/

table.lista
{
     text-align: left;
     font-family: Verdana;
     font-weight: normal;
     font-size: 11px;
     width: 100%;
     background-color: #fafafa;
     border: 0px #6699CC solid;
     border-collapse: collapse;
     border-spacing: 0px;
}

tr.title{
    background-color: #3399ff;
    height:20px;
    font-weight:bold;
    color: white;
}

tr.d0{
    background-color: #ddd;
    height: 20px;
}

tr.d1{
    background-color: #eee;
    height: 20px;
}

td.p1{
    width: 20px;
}
td.p2{
    text-align:left;
    width: 250px;
}
td.p3{
    width: 30px;
}
td.p4{
    width: 30px;
}
td.p5{
    width: 30px;
}