b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size:95%; vertical-align: baseline; }
ol, ul { list-style: none; }





/* ====================== L O G I N ========================== */
		
			#loginbox {
	width: 330px;
	margin: 0 auto;
	padding: 30px 30px 30px 30px;
	border: 1px solid #eee;
	-moz-box-shadow: 1px 1px 5px #999;
	box-shadow: 1px 1px 5px #999;
	-webkit-box-shadow: 1px 1px 5px #999;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	font-weight: 700;
	background: #c3c3c3;
}
					
			.loginsubmit {
	width: 120px;
	border: 1px solid #999;
	background: #a8a8a8 url(../images/bg_login_btn.png) repeat-x top;
	font-size:100%;
	color:#FFF;
	padding: 8px 0;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	text-shadow: 1px 1px 1px #ccc;
	font-weight: 700;
	-moz-box-shadow: 1px 1px 5px #999;
	box-shadow: 1px 1px 5px #999;
	-webkit-box-shadow: 1px 1px 5px #999;
	margin:15px 0 15px 0;
}
			.loginsubmit:hover {cursor: pointer; background: #999}
			
			
body {
	margin:0;
	padding: 0;
	 background:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000;
	min-height: 100%;
}

#loadingimg {position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; background: url(../images/gradient.png) repeat; }
	
#load { position:absolute; top:25%; left:25%; width:50%; height:25%; background:#FFF; border:1px solid #06C; text-align:center; z-index:1; font-size:90%;; padding:200px 0 0 0;filter:alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;}

/* ====================== H E A D I N G S   &   L I N K S ========================== */

h1 {
	float: left;
	padding:3px 10px;
	margin:0 0 20px 0;
	text-align:left;
	color:#999;
	font-size:12px;
	font-weight:bold;
	letter-spacing:0;
	background: #e1e1e1;
	clear:both;
	line-height:22px;
}
h2 {
	color:#333;
	display:block;
	font-size:16px;
	font-weight: normal;
	line-height:1.5em;
	margin:0;
	padding:2px;
}
h3 {
	color: #525252;
	display:block;
	font-size:14px;
	font-weight: bold;
	line-height:1em;
	padding:2px;
	letter-spacing:normal;
}
h4 {
	font:Verdana, Geneva, sans-serif;
  color:#333;
  display:block;
  font-size:13px;
  line-height:1em;
  margin:0;
  padding:2px;
  font-weight:bold;
}

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { font-weight:normal; color:#666; }


a:hover { text-decoration:none; }
img { border:0; }

.left { float:left; }
.right { float:right; }
.clear { clear:both; }

.hidden { display:none; }
.visible { display:block; }
.small { font-size:80%; }
.underline { text-decoration:underline; }
.details { color:#093; }
.red { color:#F00 !important }
.blue { color:#06C !important }
.blue_bolded { color:#06C; font-weight:bold; }
.highlighted { background: yellow; }


/* wrappers ----------------- */

.main-wrapper {
	width:100%;
	margin:0 auto;
	display:block;
	float:left;
}
.topHeader {
	display:none;
}
.header-wrapper {
  display:none;
}
.content-wrapper {
	width:960px;
	height:100%;
	padding:56px 25px 25px 25px;
	text-align:left;
	float:left;
	display:block;
	position:relative;
	background: #FFFFFF;
}
.footer-wrapper {
  margin-top:17px;
  text-align:center;
}


/* linkuri generale
================================================== */
.wrapper { position: relative; margin: 0 3%; }
.topNav { background: url(../images/backgrounds/topnavBg.png) 0 0 repeat; display: block; color: #eeeeee; margin: 0 0 0 0; padding: 3px 0; position: fixed; width: 100%; z-index: 999; }
.userNav { margin-top:-2px; }

.welcome { float: left; margin-left: -4px; }
.welcome img { float: left; margin: 6px 8px 6px 0 }
.welcome span { padding:3px 5px 3px 0; display: block; float: left; font-size:90%}

.userNav { float: right; z-index: 9999; position: relative; padding:4px 50px 5px 0; }
.userNav ul { border-left: 1px solid #39454f; border-right: 1px solid #39454f; margin-right: -1px; }
.userNav ul li { display: inline; float: left; position: relative; cursor: pointer; border-left: 1px solid #1c262b; border-right: 1px solid #1c262b; margin-left: -1px; font-size:90% }
.userNav ul li a { color: #FFFFFF; text-decoration: none; display: block; float: left; border-left: 1px solid #39454f; border-right: 1px solid #39454f; }
.userNav ul li a:hover { border-left: 1px solid #293138; border-right: 1px solid #293138; background:#E66D00; color:#FFF; }
.userNav ul li span { display: block; padding: 4px 15px 4px 8px; float: left; }
.userNav ul li img { float: left; display: block; margin: 4px 2px 0px 14px; }


.loading{
	display:none;
	background:url(../img/spinner_grey.gif) top left no-repeat;
	padding-left:20px;
	margin-top:19px;
    float:left;    
}



/* links ----------------#002BB8- */

a, a.active, a:link, a:visited {
	color: #06C;
	outline-style:none;
	outline-width:0;
    -moz-outline=0;
	text-decoration: none;
}
a:hover {
  color: #589A45;
  text-decoration: none;
}
a:visited:hover {
  color: #589A45;
  text-decoration: none;
}

#quick-links {
	    margin-top:3px;
        border: 0;
        float: right;
        position: relative;
        z-index: 2000;
		display: block;
        padding-left: 0;
    }
#quick-links a {
	border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	-khtml-border-radius: 14px;
	border: 1px solid #bbb;
	display: block;
	line-height: 25px;
	padding: 0 15px;
	margin:0 2px;
	width: 200px;
    }

#quick-links ul {
        background: #fff;
        display: none;
        right: 2px;
        position: absolute;
        top: 26px;
        width: 220px;
        z-index: 1000;
		padding:5px;
		list-style-type:none;
    }
#quick-links ul li {
        border: 0;
        line-height: 32px;
        padding: 0;
        z-index: 999;
		display:inline;
		margin:0;
    }
#quick-links ul li a {
        background: #FFF;
        border: 0;
        -moz-border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
        -khtml-border-radius: 0 !important;
        border-radius: 0 !important;
        margin: 0;
		padding:0 0 0 10px;
		color:#333;
    }
#quick-links:hover ul {
        display: block;
    }
#quick-links:hover a {
	border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        -moz-border-radius-bottomleft: 0;
        -moz-border-radius-bottomright: 0;
        -webkit-border-bottom-left-radius: 0;
        -webkit-border-bottom-right-radius: 0;
    }
#quick-links ul li a:hover {
	color:#FFF;
	background-color:#F90;
	padding:0 10px;
    }

	
/* =============================== DIVERSE ======================== */

/* === Left nav === */

.nav li.dash a span { background-image: url(../images/icons/light/home.png); }
.nav li.charts span { background-image: url(../images/icons/light/stats.png); }
.nav li.forms a span { background-image: url(../images/icons/light/pencil.png); }
.nav li.typo span { background-image: url(../images/icons/light/create.png); }
.nav li.tables a span { background-image: url(../images/icons/light/frames.png); }
.nav li.errors a span { background-image: url(../images/icons/light/alert.png); }
.nav li.files a span { background-image: url(../images/icons/light/files.png); }
.nav li.ui a span { background-image: url(../images/icons/light/user.png); }
.nav li.widgets a span { background-image: url(../images/icons/light/fullscreen.png); }

.nav li a span { background-position: 12px 10px; background-repeat: no-repeat; }

.nav { border-top: 1px solid #1c252b; }
.nav li { position: relative; margin:0; padding:0; }
.nav li a { display: block; background: url(../images/backgrounds/navItemBg.png) repeat-x 0 0; border-bottom: 1px solid #1c252b; border-top: 1px solid #404950; }
.nav li a:hover { background-position: 0 -43px; border-top: 1px solid #516271; }
.nav li a.active, .nav li a:active { background-position: 0 -86px; border-top: 1px solid #657d92; }
.nav li a span { padding: 10px 0 12px 36px; display: block; font-size:80%;; text-transform: uppercase; font-weight: bold; color: #efefef; }

.nav li a strong { background: #1b232a; display: block; position: absolute; right: 10px; padding: 0 7px; top: 12px; box-shadow: 0 1px 1px #38444f; -webkit-box-shadow: 0 1px 1px #38444f; -moz-box-shadow: 0 1px 1px #38444f; font-size:90%;; color: #efefef; }
.nav li a.active strong, .nav li a:active strong { background: #212a31; box-shadow: 0 1px 1px #557188; -webkit-box-shadow: 0 1px 1px #557188; -moz-box-shadow: 0 1px 1px #557188; }


.nav .last { border-bottom: none; }

ul.sub { border-bottom: 1px solid #1a2126; border-top: none; background: url(../images/backgrounds/subNavBg.jpg); }
ul.sub li { border-bottom: 1px solid #1c252a; border-top: 1px solid #30373d; }
ul.sub li.this { background: url(../images/backgrounds/subNavBg_active.jpg); border-bottom: 1px solid #192226; border-top: 1px solid #192226; }
ul.sub li.this:first-child { border-top: 1px solid #30373D; }
ul.sub li.this a { color: #d5d5d5; }
ul.sub li a { background: url(../images/arrow.gif) no-repeat 12px 16px; border: none; font-family: Arial, Helvetica, sans-serif; color: #494949; font-size:90%;; padding: 8px 10px 8px 26px; color: #9da1a5; }
ul.sub li a:hover { font-style: normal; border: none; color: #d5d5d5; background: url(../images/arrow.gif) no-repeat 12px 16px; }

ul.sub li ul { border: none; border-top: 1px solid #c9c9c9; }
ul.sub li ul li { padding-left: 10px; }



/* === continut === */

.leftPanel {
	width:11%;
	height:100%;
	margin:0; 
	padding:140px 0 0 0;
	text-align:left;
	background:#2f3840;
	/* #1c252b;  */
	border-right:1px solid #333;
	z-index:1;
	position:absolute;
	left:0px;
	top:0px;
}
.rightPanel {
	position:absolute;
	left:14%;
	top:0px;
	width:94%;
	height: 100%;
	margin:20px 0;
	padding:50px 0 0 0;
	text-align: left;
}
.tableWrap {
	border-bottom:1px solid #ddd;
	padding:5px;
	height:560px;
	overflow:auto;
	}
.chartVehicul { width:878px; height:450px; padding:10px 0 10px 0; margin-bottom:20px; border:1px solid #DDD; background:#FFF; position:relative; overflow:auto; }
.chartFlota { width:938px; height:450px; padding:10px 0 10px 0; margin-bottom:20px; border:1px solid #DDD; background:#FFF; position:relative; overflow:auto; }
.chartVehicul img, .chartFlota img { position:absolute; top:0; left:0; }

.kmPerioada  { width:878px; height:70px; padding:0; margin:10px 0; background:#FFF; position:relative; overflow:auto; }


/* === paginatia === */
.pagingDiv { width:auto; margin:15px auto; height:20px; padding-top:5px; }  
.pNo {float:left; width:14px; margin:0 1px; border:none; padding:1px; text-align:center;}  
.pNo a {text-decoration:none; color:#999; font-size:100%; padding:3px 4px;} 
.pNo a:hover, .pNo a:active {text-decoration:none; background:#DDD; color:#333; padding:3px 4px;}
 
.pNocurrent {float:left; width:auto; margin:0 1px; border:none; color: #F60; font-weight:bold; font-size:80%; padding-top:2px;}  

.pNoarrow {float:left; width:auto; margin:0 2px; border:none;}  
.pNoarrow a {text-decoration:none; color:#333;}
 
.pNofirst {float:left; width:auto; margin:0 2px; border:none;}  
.pNofirst a {text-decoration:none; color:#333;}
 
.pNolast {float:left; width:auto; margin:0 2px; border:none;}  
.pNolast a {text-decoration:none; color:#333;}



/* ================================================================================================================================================================ */
/* ------------------------------- 6. MENIU FLOAT & PROMOTII --------------------------------*/
#floatMenuIEWrap #floatMenu { float:left; text-align:left; width:200px; margin-top:90px; padding:10px; background:#FFF; color:#666; border:1px solid #F60; -moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	behavior: url(../common/corners/PIE.htc); }
#floatMenuIEWrap #floatMenu h4 { margin-bottom:8px; padding-bottom:4px; border-bottom:1px solid #ddd; }
#floatMenuIEWrap { height:100%; position:absolute; top:0; right:10px; margin-top:0; background:#FFF;}