/* NAVIGATION ELEMENTS */

.navigation {
	padding:0 0 0 0px;
	margin:0;
	list-style:none;
	height:40px;
	background:#1841c8 url(images/nav_background.jpg);
	width: 100%;
}
.navigation li {
	float:left;
}
.navigation li a {
	display:block;
	float:left;
	height:40px;
	line-height:40px;
	color:#333;
	text-decoration:none;
	font-family:arial, verdana, sans-serif;
	text-align:center;
	padding:0 5px 0 5px;
	cursor:pointer;
	font-size:11px;
}
.navigation li a b {
	float:left;
	display:block;
	padding:0 16px 0 8px;
}
.navigation li.current a {
	color:#FFFFFF;
	background:url(images/nav_hover.jpg);
}
.navigation li a:hover {
	color:#00CCFF;
	background: url(images/nav_hover.jpg);
}
.navigation li a em {
	display:block;
	float:left;
	width:32px;
	height:40px;
}

/* ICON ELEMENTS */

.navigation li a em.home {
	background-image: url(images/home.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.navigation li a em.templates {
	background-image: url(images/datasource.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.navigation li a em.psd {
	background-image: url(images/tableR.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.navigation li a em.tutorials {
	background-image: url(images/fieldS.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.navigation li a em.shop {
	background-image: url(images/filterdata.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.navigation li a em.properties {
	background-image: url(images/properties.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.navigation li a em.contact {
	background-image: url(images/grouping.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.navigation li a em.fformatting {
	background-image: url(images/fformatting.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.navigation li a em.openfolder {
	background-image: url(images/openfolder.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.navigation li a em.newreport {
	background-image: url(images/newreport.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.navigation li a em.Dashboard {
	background-image: url(images/Dashboard.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.navigation li a em.logout {
	background-image: url(images/logout-main.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.navigation li a em.Preview {
	background-image: url(images/preview.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.navigation li a em.Summary {
	background-image: url(images/Summary.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.navigation li a em.Sorting {
	background-image: url(images/Sorting.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.navigation li a em.Favourite {
	background-image: url(images/Favourite.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.navigation li a em.Order {
	background-image: url(images/Fieldorder.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.navigation li a em.usermanage {
	background-image: url(images/user_manage.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.navigation li a em.security {
	background-image: url(images/security.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.navigation li a em.Chart {
	background-image: url(images/Chart.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.navigation li a em.Save {
	background-image: url(images/save.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.navigation li a em.Log {
	background-image: url(images/log.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.navigation li a em.Sync {
	background-image: url(images/Sync.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.navigation li a em.Profile {
	background-image: url(images/profile.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.navigation li a em.Password {
	background-image: url(images/Password.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.navigation li a em.Schedular {
	background-image: url(images/scheduler.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.navigation li a em.add {
	background-image: url(images/plus.png);
	background-repeat: no-repeat;
	background-position: center center;
}
/* Div Head NAVIGATION ELEMENTS */

.subnav {
	padding:0 0 0 0px;
	margin:0;
	list-style:none;
	height:30px;
	background:#0000A4;
	width: auto;
}
.subnav h2{
	 color: #fff;/*  color: #fff*/
	  font-size: 13px;
	   font-weight:bold;
	    margin:0;
	    padding:6px;
	    float:left;
}
.subnav li {
	float: right;
	 padding-right: 5px;
}
.subnav li a {
	display:block;
	float:left;
	height:20px;
	line-height:20px;
	color:#333;/* color:#333*/
	text-decoration:none;
	font-family:arial, verdana, sans-serif;
	text-align:center;
	padding:0 0px 0 0px;
	cursor:pointer;
	font-size:11px;
}

.subnav li a:hover {
	color:#00CCFF;/* color:#00CCFF*/
	
}
.subnav li a em {
	display:block;
	float:left;
	width:20px;
	height:30px;
}

/* ICON ELEMENTS */

.subnav li a em.refresh {
	background-image: url(images/refresh-icon.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.subnav li a em.edit {
	background-image: url(images/edit-icon.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.subnav li a em.open {
	background-image: url(images/open-icon.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.subnav li a em.option {
	background-image: url(images/option-icon.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.subnav li a em.add {
	background-image: url(images/plus.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.subnav li a em.excel {
	background-image: url(images/Excel-icon.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.subnav li a em.pdf {
	background-image: url(images/pdf_icon.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.subnav li a em.word {
	background-image: url(images/word-icon.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.subnav li a em.csv {
	background-image: url(images/Excel-icon.png);
	background-repeat: no-repeat;
	background-position: center center;
}
/* AspNet-TreeView */
.AspNet-TreeView {
    width: 100%;
    
}
 .AspNet-TreeView a {
     color: #333;
    
}
.AspNet-TreeView ul {
    list-style: none; 
}
 
.AspNet-TreeView-Leaf {
    border-bottom: solid 1px #DDD;
    background: url(../../images/structure/node-dot.gif) 8px 9px no-repeat;  
}
 
.AspNet-TreeView-Root {
    border-bottom: solid 1px #DDD; 
}
 
.AspNet-TreeView-Root a {
    display: block;
    width: auto;
    margin-left: 20px;
    padding: 5px 5px 5px 5px;
     
}
 
.AspNet-TreeView-Selected {
    background: #F6F6F6 url(../../images/structure/arrow-right.gif) 8px 9px no-repeat;
}
 
.AspNet-TreeView-Expand {
    display: block;
    float: left;
    margin: 9px 0px 0px 8px;
    padding: 6px 4px 5px 4px;
    height: 0px !important;
    background: url(../../images/structure/node-plus.gif) 0px 0px no-repeat;
    cursor: pointer;
}
 
.AspNet-TreeView-Collapse {
    display: block;
    float: left;
    margin: 9px 0px 0px 8px;
    padding: 6px 4px 5px 4px;
    height: 0px !important;
    background: url(../../images/structure/node-minus.gif) 0px 0px no-repeat;
    cursor: pointer;
}
 
.AspNet-TreeView-Show li {
      border-top: solid 1px #DDD;
      background-position: 28px 9px;
}
 
.AspNet-TreeView-Hide {
    display: none;
}
 
.AspNet-TreeView ul li ul li {
    text-indent: 20px;
    border-bottom: none;
    font-size: 11px;
}