body {

    margin: 0;
    padding: 0;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 75%;

}
.submit
{
color:red;
}
.imgs
{
border:3px solid red;

}
.imgsd:hover
{
border:1px solid #cccccc;
 
}

div.clear {

    clear: both;

}

div.confirmationMessage {

    font-weight: bold;
    text-align: center;
    padding: 10px 0 10px 0;
    background-color: #aabbcc;

}

div.errorMessage {

    font-weight: bold;
    text-align: center;
    padding: 10px 0 10px 0;
    background-color: #c40000;
    color: #ffffff;

}

h1 {

	height:50px;
    margin: 0;
    color: #BD1029;
    font-style: italic;
    font-weight: bold;
    font-size: 26px;
    padding: 10px;

}

h1 img.header {

    margin: 0;
    float: left;

}

h1 p {

    position: relative;
    margin: 0;
    top: -3px;
    left: 5px;

}

h3 {

    padding-bottom: 4px;
    border-bottom: 3px solid #dedede;

}

#menu {

    background-color:#333333;
    width: 100%;
    position: relative;

}

#menu ul {

    margin: 0;
    padding: 0;
    list-style-type: none;
    font-weight: bold;
}

#menu ul li {

    float: left;
    padding: 0;

}

#menu ul li a {

    text-decoration: none;
    background-color:#333333;
    color: #ffffff;
    padding: 10px;
    margin: 0;
    display: block;

}

#menu ul li a:hover {

    background-color:#BD1029;
    color: #ffffff;

}

#submenu {

    background-color: #cccccc;
    width: 100%;

}

#submenu ul {

    margin: 0;
    padding: 0;
    list-style-type: none;
    font-weight: bold;
}

#submenu ul li {

    float: left;
    padding: 0;

}

#submenu ul li a {

    text-decoration: none;
    color: #000000;
    padding: 10px;
    margin: 0;
    display: block;

}

#submenu ul li a:hover {

    background-color: #123456;
    color: #ffffff;

}

div.body {

    border-top: 0px solid black;
    padding: 10px;

}

#add, #remove {

    text-decoration: none;
    color: #000000;

}

div.fieldsetu {

    border:1px solid #dedede;
    background-color: #EEEEEE;
    padding: 20px 10px 15px 10px;
    margin: 10px 0 16px 0;
    position: relative;

}
div.fieldsetu div.legend {

    position: absolute;
    top: -14px;
    background-color: #ffffff;
    border:1px solid #dedede;
    padding: 5px;

}


div.fieldset {

    border:1px solid #dedede;
    background-color: #EEEEEE;
    padding: 20px 10px 15px 10px;
    margin: 30px 0 20px 0;
    position: relative;

}

div.fieldset div.legend {

    position: absolute;
    top: -14px;
    background-color: #ffffff;
    border:1px solid #dedede;
    padding: 5px;

}

div.fieldset Label {

    color: #000000;
    font-weight: bold;

}

div.fieldset input {

    border:1px solid #aaaaaa;
    width:150px;
    
}

table.aplicatii a img {

    border:none;

}

table.aplicatii p {

    margin: 0;
    text-align: center;

}

.userinfo {

    background-color: #BD1029;
    padding: 4px 4px 4px 10px;
    color: #ffffff;
    font-size: 10px;

}

h2.legend {

    margin: 2px 0 2px 0;
    padding: 4px;
    background-color: #D0D9E2;
    font-size: 100%;

}

.nav {

    margin: 6px 0 6px 6px;
    font-size: 10px;
	color:#666666;	

}
.nav a {
	color:#666666;	
	font-size: 10px;

	

}
.tabel{
border:1px solid #cccccc; border-collapse:collapse;
 
}
.tDnD_whileDrag
{
  -moz-box-shadow: 0 0 .7em rgba(0, 0, 0, .8);
  -webkit-box-shadow: 0 0 .7em rgba(0, 0, 0, .8);
  box-shadow: 0 0 .7em rgba(0, 0, 0, .8);
  background-color:white;

}


/*------------------------------------*\
	NAV
\*------------------------------------*/
#nav{
	list-style:none;
	font-weight:bold;
	margin-bottom:10px;
	/* Clear floats */
	float:left;
	width:100%;
	/* Bring the nav above everything else--uncomment if needed.
	position:relative;
	z-index:5;
	*/
}
#nav li{
	float:left;
	margin-right:10px;
	position:relative;
}
#nav a{
	display:block;
	padding:5px;
	color:#fff;
	background:#333;
	text-decoration:none;
}
#nav a:hover{
	color:#fff;
	background:#6b0c36;
	text-decoration:underline;
}

/*--- DROPDOWN ---*/
#nav ul{
	background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	display:none;
	z-index:10;
}
#nav ul li{
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
}
#nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ /* Display the dropdown on hover */
	display:block; /* Bring back on-screen when needed */
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:#BD1029;
	text-decoration:underline;
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#333;
}