table.sql{
    border-collapse: collapse;
}
td.sql,th.sql,table.sql{
    border: solid 1px #d8d8ff;
    text-align: center;
}
body{
    margin:0px;
    background:#f3f3f3;
    font-size: 11pt;
    color: darkblue;
    font-family: sans-serif;
}
#main {
    margin: 20px;
}
#copy {
    text-align: center;
    color: silver;
    font-size: 11pt;
}

div.box{
    border: solid 1px #d8d8ff;
    padding: 4px;
    margin: 1px;
    background-color: #e8e8e8;
}

.of1 {margin-left: -10px;
}

div.marquee {
    position: relative;
    animation: mrq 300ms 50;
    -webkit-animation: mrq 300ms 50; /* Safari 4.0 - 8.0 */
    float:left;
    margin-right: 6px;
    background: #ffffff;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes mrq {
    0%   { left: 0px;}
    33%  { left: 2px; color: darkred; }
    66%  { left: 4px; }
    100% { left: 2px; color:darkblue;}
}

@keyframes mrq {
    0%   { left: 0px;}
    33%  { left: 2px; color: darkred; }
    66%  { left: 4px; }
    100% { left: 2px; color:darkblue;}
}


/* STEFAN: */
#bar{background:url(../../images/siteDDT_03.png) repeat-x;
		width:100%;
		height:143px;
		}
		
#container{width:100%;
			min-height:700px;

	}
#logocont{margin:auto;
		width:90%;
		height:142px;}
		
#logo{	float:left;
		width:258px;
		height:142px;
		background:url(../../images/siteDDT_05.png) no-repeat;}
		
#meniu{ margin:auto;
	/*	width:494px;*/
		height:59px;
		}

#home{width:117px;
		height:59px;
		float:left;
		background:url(../../images/home.png) no-repeat;

	}
.spatio{float:left;
		width:11px;
		height:59px;
		float:left;
		background:url(../../images/siteDDT_07.png) no-repeat;}

#domenii{width:86px;
		height:59px;
		float:left;
		background:url(../../images/domenii.png) no-repeat;
	}

#oferta{width:84px;
		height:59px;
		float:left;
		background:url(../../images/oferta.png) no-repeat;
	}
#magazin{width:92px;
		height:59px;
		float:left;
		background:url(../../images/magazin.png) no-repeat;
	}

#contact{width:92px;
		height:59px;
		float:left;
		background:url(../../images/contact.png) no-repeat;
	}
	
#prezentare{width:125px;
		height:59px;
		float:left;
		background:url(../../images/prezentare.png) no-repeat;
	}
	
#legaturi{width:168px;
		height:59px;
		float:left;
		background:url(../../images/legaturi.png) no-repeat;
	}
#logout{width:106px;
		height:59px;
		float:left;
		background:url(../../images/logout.png) no-repeat;
	}    
#cont{width:77px;
		height:59px;
		float:left;
		background:url(../../images/cont.png) no-repeat;
	}    
#users{width:84px;
		height:59px;
		float:left;
		background:url(../../images/users.png) no-repeat;
	}    
#logs{width:100px;
		height:59px;
		float:left;
		background:url(../../images/logs.png) no-repeat;
	}    

#home:hover{background-position:0 -59px;}
#domenii:hover{background-position:0 -59px;}
#oferta:hover{background-position:0 -59px;}
#magazin:hover{background-position:0 -59px;}
#contact:hover{background-position:0 -59px;}
#prezentare:hover{background-position:0 -59px;}
#legaturi:hover,#logout:hover,#cont:hover,#users:hover,#logs:hover{background-position:0 -59px;}

/*de aici incepe containerul contur*/
#contmicstanga{width:300px;
				height:433px;
				float:left;
				margin:10px 0px 0px 10px;
				}


.stangas{ float:left;
		background:url(../../images/siteDDT_27.png) no-repeat;
		width:12px;
		height:13px;}
		
#mijlocs{ float:left;
		background:url(../../images/siteDDT_28.png) repeat-x;
		width:276px;
		height:13px;}
		
.dreaptas{ float:left;
		background:url(../../images/siteDDT_30.png) no-repeat;
		width:12px;
		height:13px;}
#baras{
		float:right;
		clear:right;
		background:url(../../images/siteDDT_32.png) repeat-y;
		width:12px;
		min-height:400px;
		}
#content{width:276px;
			min-height:400px;
			float:right;}

#barad{
		
		float:right;
		background:url(../../images/siteDDT_31.png) repeat-y;
		width:12px;
		min-height:400px;
		}
.stangaj{ float:left;
		background:url(../../images/siteDDT_35.png) no-repeat;
		width:12px;
		height:13px;}
		
#mijlocj{ float:left;
		background:url(../../images/siteDDT_37.png) repeat-x;
		width:276px;
		height:13px;}
		
.dreaptaj{ float:left;
		background:url(../../images/siteDDT_38.png) no-repeat;
		width:12px;
		height:13px;}
/*aici se inchide containerul*/

#contmicstanga1{
				min-width:700px;
				height:433px;
				float:left;
				margin:10px 0px 0px 30px;
				border:solid #CCC 1px;
				}

/*login form*/
#usr_loginform { }
#usr_table {

    width: 170px; 
    text-align: center;
    padding-bottom:  20px;
}
#usr_error {}
#usr_user {}
#usr_logged {}
#usr_user input { width: 100px;} 
#usr_lbluser{float:left; font-weight:bold;width:50px;}
#usr_pass{}
#usr_pass input { width:  100px;}
#usr_lblpass{float:left; font-weight:bold;width:50px;}
#usr_auth input{width:  150px;}
#usr_links

/*sql table*/
.divTable{
        display:  table;
        width:auto;
        background-color:#eee;
        border:1px solid  #666666;
        border-spacing:5px;/*cellspacing:poor IE support for  this*/
       /* border-collapse:separate;*/
}
.headRow, .divRow0, .divRow1{
       display:table-row;
       width:auto;
       height:22px;
}
.headRow {font-weight: bold;}
.headRow,.divRow1{ background-color: #DDDDDD; }
.divRow0{ background-color: #EEEEEE; }

.divCell0,.divCell1,.divCell2,.divCell3,.divCell4,.divCell5,.divCell6,.divCell7,.divCell8,.divCell9,.divCell10,.divCell11,.divcell12,
.divcell13,.divcell14,.divcell15,.divcell16,.divcell17,.divcell18,.divcell19,.divcell20
{
        float:left;/*fix for  buggy browsers*/
        display:table-column;
        width:80px;
        height:22px;
}
.divCell0{    width:22px; }
.domeniu{    width: 120px; text-align:right;}
.data{     width: 60px; }
.datatime{     width: 90px; }
.input{     width: 75px; }
.cid{ width: 58px;}
.buton{    width:40px; }
.mic{    width: 40px;}
.fmic{    width: 32px;}
.mediu{    width: 90px;}
.mare{    width: 160px;}
.fmare{    width: 240px;}

.ambalaj_tabelare {
	overflow: hidden;
	margin-left: 0px;
	margin-top: 20px;
	padding-bottom: 30px;
	height: auto;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #707070;
    clear: left; 
	display:block;
}
.second_line_items {
	float: left;
	margin-right: 10px;
    height: 56px;
}
.labels {
	display: block;
	font-size: 16px;
	line-height: 25px;
}