/* General */
body {
	margin: 0px;
	padding: 0px;
	
	background-color: #357171;
	
	font-family: "Trebuchet MS", "Lucida Grande", Verdana, Georgia, Sans-Serif;

}     


.centerWhite{
	display: block;
	min-height: 100%;
	background-color: white;    
	padding-left: 0px;
	padding-right: 0px;
	overflow: auto;
}  

/* DIVs */  
#system {
	width: 100%;
}

#header {
	margin-top: 5px;
	width: 100%;
}

#content {
	width: 100%;
	min-height: 500px;
	float: left;
	display: block;
	padding: 20px 0px;
	background-color: #ecf0f5;
}

/*Pjesa e menyve*/
.menudiv{
	    width: 100%;
    height: 80px;
    display: block;
    float: left;
    position: relative;
    /* margin: 20px; */
    padding: 0;
    border-radius: 0px;
    background-color: #609090;



/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cb60b3+0,ad1283+50,de47ac+100;Pink+3D */



	    background: -moz-linear-gradient(to bottom, rgb(168, 218, 212) 0%,rgb(122, 166, 166) 24%,rgb(34, 89, 90) 63%,rgb(53, 113, 113) 100%,rgb(222, 238, 246) 100%);/* FF3.6-15 */

	     background: -webkit-linear-gradient(to bottom, rgb(168, 218, 212) 0%,rgb(122, 166, 166) 24%,rgb(34, 89, 90) 63%,rgb(53, 113, 113) 100%,rgb(222, 238, 246) 100%);/* Chrome10-25,Safari5.1-6 */

	     background: linear-gradient(to bottom, rgb(168, 218, 212) 0%,rgb(122, 166, 166) 24%,rgb(34, 89, 90) 63%,rgb(53, 113, 113) 100%,rgb(222, 238, 246) 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#357171', endColorstr='rgba(135,188,234,1)',GradientType=0 ); /* IE6-9 */

}
.mul{
	width: 100%;
	height: 50px;

	display: block;
	float: left;
	position: relative;

	margin: 30px 0px 0px;			/*30px depend on div*/
	padding: 0px;
}

.mli{
	width: 11.8%;
	height: 100%;

	display: block;
	float: left;
	position: relative;

	margin: 0px 0.35%;

	border: 1px solid #DFEFF6;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;

	padding: 0px;
	border-bottom: none;

	font-size: 14px;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;

	line-height: 50px;

	text-align: center;
	color: #fff;

	cursor: pointer;

}

.mli:hover{
	background-color: rgb(53, 113, 113);
}

.mli a:first-child{
color: #fff;
display: block;
}

.dropdownMenu{
	position: absolute;
	left: 0px;
	top:50px;
	display: none;
	margin:0px;
	padding: 0px;
	width: 100%;
	min-height: 30px;
	height: auto;

    /*background-color: #609090;*/
    background-color: transparent;
	z-index: 33;
}

.dropdownMenu li{
	width: 98%;
	height: 40px;
	margin: 1px 1%;
	line-height: 40px;

	background-color: #609090;
	border: 1px solid #DFEFF6;
	border-radius: 6px;
	font-size: 13px;
}

.mli-dropdown:hover > .dropdownMenu{
    display: block;
}

legend{
	text-align: center;
	margin-bottom: 15px;
}

#gridContentContainer{
	margin-top: -5px;
}

.selected {
    height: 58px;
    line-height: 58px;
    top: -8px;
    padding: 0px;
    background-color: #77bb88;
}