#main-nav {
	width:98%;
	margin:0 auto;
  
  border:2px solid #ccc;
  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  -ms-border-radius: 2px;

  -o-border-radius: 2px;

  border-radius: 2px;
  margin-top:1%;

  background-color: #ffffff;

 /* -moz-box-shadow: 0 0 5px rgba(0,0,0,0.05), inset 0 -2px 0 rgba(204,204,204,0.75);

  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.05), inset 0 -2px 0 rgba(204,204,204,0.75);

  box-shadow: 0 0 5px rgba(0,0,0,0.05), inset 0 -2px 0 rgba(204,204,204,0.75);*/

  background-image: -moz-linear-gradient(bottom,#f7f7f7 0%,#fff 99.46%,#fff 100%);

  background-image: -o-linear-gradient(bottom,#f7f7f7 0%,#fff 99.46%,#fff 100%);

  background-image: -webkit-linear-gradient(bottom,#f7f7f7 0%,#fff 99.46%,#fff 100%);

  background-image: linear-gradient(bottom,#f7f7f7 0%,#fff 99.46%,#fff 100%);

  position: relative;

  z-index: 4;

  line-height:16px;


}

#main-nav:after{content:".";
visibility:hidden;
display:block;
clear:both;
line-height:0px;
font-size:0px;
height:0px;}

#main-nav > ul {

  margin:0px auto;


}
#main-nav:after{ clear:both; content:"."; visibility:hidden; line-height:0px;}


#main-nav li {

  list-style: none;

 

  

  font-size: 12px;

  float: left;

  border-right: 1px solid #e2e2e2;

  position: relative;

  z-index: 50;

}

#main-nav li.last {

  border: none;

}



#main-nav li:hover a {

  color: #000;

}



#main-nav li:hover p a {

  color: #000;

}



#main-nav li a {

  text-decoration: none;

  color: #000;

  padding:14px 18px;

  

  display: inline-block;

}



.ie8 #main-nav li a {

  padding: 7px 23px 19px 23px;

}



#main-nav li p a {

  position: absolute;

  left: 25px;

  top: 27px;
  z-index:0 !important;

  padding: 0;

  font-size: 9px;

 

  color: #000;

}



.ie8 #main-nav li p a {

  left: 0;

  top: 23px;

}



#main-nav li.home a {

  padding:14px 25px;

}



.ie8 #main-nav li.home a {

  padding: 7px 23px 19px 33px;

}



#main-nav li.home p a {

  margin: 0 0 0 10px;

  padding: 0;

}





.ie8 #main-nav li.home p a {

  margin: 0;

}



#main-nav li .first {

  background: url(../images/home-icon.png) 0 0 no-repeat;

  position: absolute;

  width: 18px;

  height: 17px;

  top:14px;

  left:5px;

}



#main-nav li.current .first {

  background: url(../images/home-icon-green.png) 0 0 no-repeat;

}



#main-nav li:hover .first {

  background: url(../images/home-icon-green.png) 0 0 no-repeat;

}



#main-nav li.indicator {

  background:url(../images/arrow.png) 99% 56% no-repeat;

}



#main-nav li.indicator:hover {

  background: url(../images/arrow.png) 99% 56% no-repeat;

}

#main-nav li.indicator1 {

  background:url(../images/arrow1.png) 99% 56% no-repeat;

}
#main-nav li.indicator1:hover {

  background: url(../images/arrow1.png) 99% 56% no-repeat;

}

#main-nav li.indicator.current {

  background: url(../images/plus-hover.png) 90% 45% no-repeat;

}



#main-nav a:hover,

#main-nav .hover > a,

#main-nav .current > a {

  color: #ff6633;

 /* -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  -ms-border-radius: 2px;

  -o-border-radius: 2px;

  border-radius: 2px;*/

}



#main-nav a:hover,

#main-nav a:hover p,

#main-nav .hover > a,

#main-nav .current > a,

#main-nav .current > p a {

  color: #000;

  cursor: pointer;

}



#main-nav a:hover,

#main-nav .hover > a,

#main-nav .current > a {

  background:#e0dfdf;

}



.no-js #main-nav li:hover > ul {

  display: block;

}



#main-nav .submenu {

  border: 1px solid #d3d3d3;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  -ms-border-radius: 2px;

  -o-border-radius: 2px;

  border-radius: 2px;

  background-color: #ffffff;

  display: none;

  position: absolute;

  z-index: 99;

}
#main-nav .submenu2{border: 1px solid #d3d3d3;

  -webkit-border-radius: 2px; width:500px; left:-15px;
 

  -moz-border-radius: 2px;

  -ms-border-radius: 2px;

  -o-border-radius: 2px;

  border-radius: 2px;

  background-color: #ffffff;

  display: none;

  position: absolute;

  z-index: 99; }
 
  #main-nav .submenu2 li a{ border-bottom:0px !important;

  color: #3a3a3a;

  font-size: 14px;

  padding: 10px;

  width: 100px;
}
#main-nav .submenu2 li{ border-right:none !important;}
 
 
 
 
#main-nav .subsubmenu {

  border: 1px solid #d3d3d3;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  -ms-border-radius: 2px;

  -o-border-radius: 2px;

  border-radius: 2px;

  background-color: #ffffff;

  display: none;

  position: absolute;

  z-index: 99;
   left: 186px;
    top: -1px;

}


.ie7 #main-nav .submenu {

  top: 47px;

}



#main-nav .submenu li a {

  border-bottom: solid 1px #f0f0f0;

  color: #3a3a3a;

  font-size: 12px;

  padding: 10px;

  width: 165px;

}



#main-nav .submenu li a:hover {

 
}



#main-nav .submenu li a.last {

  border: none;

}



#main-nav .submenu li.current {

  background: #f8f8f8;

}



#main-nav .submenu li.current a {

  color: #ff6633;

}



#main-nav .submenu li.current:after {

  display: none;

}



#main-nav .sub-submenu {

  border: 1px solid #d3d3d3;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  -ms-border-radius: 2px;

  -o-border-radius: 2px;

  border-radius: 2px;

  background-color: #ffffff;

  display: none;

  position: absolute;

  z-index: 99;

  top: -1px;

  left: 185px;

}



.ie7 #main-nav .sub-submenu {

  top: 47px;

}





#main-nav .sub-submenu li a {

  border-bottom: solid 1px #f0f0f0;

  color: #3a3a3a;

  font-size: 14px;

  padding: 10px;

  width: 165px;

}



#main-nav .sub-submenu li a:hover {

  color: #ff6633;

  background: #f8f8f8;

}



#main-nav .sub-submenu li a.last {

  border: none;

}



#main-nav .sub-submenu li.current {

  background: #f8f8f8;

}



#main-nav .sub-submenu li.current a {

  color: #ff6633;

}





#main-nav .sub-submenu li.current:after {

  display: none;

}

#main-nav .responsive-nav { display: none; display:none; }

.heading{width:100%; }
.heading:before{ content:"."; clear:both; display:block; visibility:hidden; line-height:0px;}
.heading h1{  font-size:24px;  padding:10px 0px; margin:0px 20px; border-bottom:1px solid #CCC;}



 
.container-user{ width:100%;
    }


.container-content-part{ width:70%;  height:100%;margin:0 auto; padding:20px; margin-top:20px; margin-bottom:20px; font-family: 'Roboto', sans-serif;
    }

.container-content-part:after{content:"."; clear:both; display:block; visibility:hidden; line-height:0px;}

		/*************changed for login at 25-08-2014 ******************************/
.container-content-part h3{color:#000; text-align:center; margin-bottom:10px; font-size:15px;}
.container-content-part h4{color:#000; text-align:left; margin-bottom:10px; font-size:13px;}
		/*************changed for login at 25-08-2014 ******************************/

@media only screen and (min-width:767px) and (max-width:1024px) {
 #main-nav{ width:99%;}
	 
.no-js #main-nav > ul, #main-nav .responsive-nav { display: none; display:none; }
	
#main-nav li a {
    padding: 15px 9px;
}
/*User group master page*/
.container-user{ width:100%;}
.container-content-part{ width:90%;}
}



@media only screen and (min-width: 480px) and (max-width: 767px) {
	#main-nav {
    float: left;
    padding: 3% 2% 0.5%;
    width: 95%;
	margin-top:2%;
	background:#4E82BB;
	
}

.ie7 #main-nav { float:right; width:96%; padding: 2% 2% 1.5% 2%; }

.ie8 #main-nav { float:right; width:96%; padding: 2% 2% 1.5% 2%; }

#main-nav li { width: 100%; }

#main-nav a { padding:12px; }

#main-nav a:after, #main-nav > ul { display: none; }

#main-nav a:after { content: ''; }

.no-js #main-nav > ul, #main-nav .responsive-nav { display: block; width: 100%; padding: 8px 2%; outline: none; }

.no-js #main-nav li:hover > ul { top: 48px; }


.container-user{ width:100%;}
.container-content-part{ width:91%;}
.heading{ }
.heading h1{  font-size:24px;  padding:10px 0px; margin:10px 20px 0px 20px; border-bottom:1px solid #CCC;}

}

@media only screen and (max-width: 479px) {
.heading h1 {
    border-bottom: 1px solid #ccc;
    font-size: 24px;
    padding: 10px 0;
}
#main-nav {
    float: left;
    padding: 3% 2% 0.5%;
    width: 95%;
	margin-top:43%;
	background:#4E82BB;
	margin-top:10px;
	margin-bottom:10px;
}
#main-nav:after{ clear:both; content:"."; visibility:hidden; line-height:0px;}



.ie7 #main-nav { float:right; width:32%; padding: 2% 2% 1.5% 2%; }

.ie8 #main-nav { float:right; width:32%; padding: 2% 2% 1.5% 2%; }

#main-nav li { width: 100%; }

#main-nav a { padding:12px; }

#main-nav a:after, #main-nav > ul { display: none; }

#main-nav a:after { content: ''; }

.no-js #main-nav > ul, #main-nav .responsive-nav { display: block; width: 100%; padding: 8px 2%; outline: none; }

.no-js #main-nav li:hover > ul { top: 48px; }


/*User group master page*/
.container-user{ width:100%;}
.container-content-part{ width:86%;}


}