/*============================  LEFT NAVIGATION MENU STARTS  =========================================================*/

.leftSideNav {
	position: fixed;
	top: 198px;
	left: 0px;
	z-index: 1;
	width: 190px;
	height: 400px;
	display: inline-block;
}
ul.sidemenu {
	width: 35px;
	height: auto;
	margin: 0px;
    /*--MUST HAVE SO IE7 AND IE8 USE SAME POSITIONING--*/
    *margin: -5px 0 0 0px;
	/*--MUST HAVE SO IE7 AND IE8 USE SAME POSITIONING--*/
	padding: 0;
}
ul.sidemenu a {
	display: block;
	width: 35px;
	background-position: left top;
	outline: 0;
}
ul.sidemenu a:hover {
	background-position: right top;
}
ul.sidemenu li.sidehome a {
	background-image: url('../images/sidemenu_home.png');
	height: 83px;
}
ul.sidemenu li.sidenews a {
	background-image: url('../images/sidemenu_news.png');
	height: 61px;
}
ul.sidemenu li.sidejobs a {
	background-image: url('../images/sidemenu_jobs.png');
	height: 84px; /* Changed by Vedvati on 27/1/2015 */
}
/*  ul.sidemenu li.sidesocial a {
	background-image: url('../images/sidemenu_social.png');
	height: 97px;
}*/

ul.sidemenu li.sideperf a {
	background-image: url('../images/sidemenu_performance.png');
	height: 133px;
}
/*   ul.sidemenu li.sidewhatsnew a {
        background-image: url('../images/sidemenu_whatsnew.png');
        height: 123px;
    }*/

/*============================  LEFT NAVIGATION MENU ENDS  =========================================================*/





/*============================  RIGHT NAVIGATION MENU STARTS  =========================================================*/

.rightSideNav {
	position: fixed;
	top: 178px;
	right: 0px;
	z-index: 1;
	width: 100px;
	height: 235px;
}
.rightSideNav > * {
	float: right;
}
.newsUpdate {
	display: none;  /*==== BLOCK TO VIEW, NONE TO HIDE ========*/
	width: 56px;
	height: 235px;
	background: url("../images/alert_commish.png") no-repeat scroll 0px -235px transparent;
	transition: width 0.3s ease-in-out;
}
.newsUpdate:hover {
	width: 63px;
	transition: width 0.3s ease-in-out;
}
.feedbackUpdate {
	display: none;  /*==== BLOCK TO VIEW, NONE TO HIDE ========*/
	width: 150px;
	height: 400px;
	background: url("../images/alert_feedback.png") no-repeat scroll 0px -235px transparent;
	transition: width 0.5s ease-in-out;
}
.feedbackUpdate:hover {
	width: 382px;
	transition: width 0.5s ease-in-out;
}
.feedbackUpdate2 {
	display: none; /*==== BLOCK TO VIEW, NONE TO HIDE ========*/
	width: 150px;
	height: 400px;
	background: url("../images/alert_feedback2.png") no-repeat scroll 0px -400px transparent;
	transition: width 0.5s ease-in-out;
}

/*============================  RIGHT NAVIGATION MENU ENDS  =========================================================*/








@media only screen and (max-width: 990px) {
/*============================  LEFT NAVIGATION MENU STARTS  =========================================================*/

.leftSideNav {
	position: fixed;
	top: 150px;
	left: -10px;
	z-index: 1;
	width: 40px;
}
/*============================  LEFT NAVIGATION MENU ENDS  =========================================================*/


    /*============================  RIGHT NAVIGATION MENU ENDS  =========================================================*/

.rightSideNav {
	top: 160px;
}
/*============================  RIGHT NAVIGATION MENU ENDS  =========================================================*/

}

@media only screen and (min-width: 180px) and (max-width: 767px) {
/*============================  LEFT NAVIGATION MENU STARTS  =========================================================*/

.leftSideNav {
	display: block;
	height: auto;
	margin: 26px 0 0 0;
	position: static;
	text-align: center;
	width: 100%;
}
.rightSideNav {
	display: none;
}
ul.sidemenu {
	display: none;
}
ul.sidemenu {
	display: inline-block;
	padding: 0px;
	width: auto;
	margin: 0px;
}
ul.sidemenu li {
	display: inline-block;
	margin: 0 3px;
}
.leftSideNav ul.sidemenu li a {
	display: block;
	height: 28px;
	background-position: left top;
	width: 39px;
}
/*      Edited-Karthik 28-01-2015
        ul.sidemenu li a:hover {
            background-position: left -28px !important;
        }
*/

ul.sidemenu li.sidehome a {
	background-image: url('../images/mobileicons_home.png');
}
ul.sidemenu li.sidehome a:hover { /* Added-Karthik 28-01-2015 */
	background-position: 0 28px;
}
ul.sidemenu li.sidenews a {
	background-image: url('../images/mobileicons_news.png');
}
ul.sidemenu li.sidenews a:hover { /* Added-Karthik 28-01-2015 */
	background-position: 0 28px;
}
ul.sidemenu li.sidejobs a {
	background-image: url('../images/mobileicons_jobs.png');
	background-position: 0 -1px;
}
ul.sidemenu li.sidejobs a:hover { /* Added-Karthik 28-01-2015 */
	background-position: 0 28px;
}
ul.sidemenu li.sidesocial a {
	background-image: url('../images/mobileicons_follow.png');
	background-position: 0 -1px;
}
ul.sidemenu li.sidesocial a:hover { /* Added-Karthik 28-01-2015 */
	background-position: 0 28px;
}
ul.sidemenu li.sideperf a {
	background-image: url('../images/mobileicons_performance.png');
	background-position: 0 -1px;
}
ul.sidemenu li.sideperf a:hover { /* Added-Karthik 28-01-2015 */
	background-position: 0 28px;
}
ul.sidemenu li.sidewhatsnew a {
	background-image: url('../images/mobileicons_whatsnew.png');
	background-position: 0 -1px;
}
ul.sidemenu li.sidewhatsnew a:hover { /* Added-Karthik 28-01-2015 */
	background-position: 0 28px;
}
ul.sidemenu li.home247 a {
	background-image: url('../images/mobileicons_home247.png');
}
ul.sidemenu li.homepartners a {
	background-image: url('../images/mobileicons_homepartners.png');
}
ul.sidemenu li.homeabout a {
	background-image: url('../images/mobileicons_homeabout.png');
}
ul.sidemenu li.hometravel a {
	background-image: url('../images/mobileicons_hometravel.png');
}
ul.sidemenu li.homedriving a {
	background-image: url('../images/mobileicons_homedriving.png');
}
ul.sidemenu li.homestaying a {
	background-image: url('../images/mobileicons_stayingconnected.png');
}
/*============================  LEFT NAVIGATION MENU ENDS  =========================================================*/




.rightSideNav {
	display: block;
}
}

@media screen and (min-width: 480px) and (max-width: 1200px) {
.rightSideNav {
	position: fixed;
	top: 70%;
	right: 4px;
	z-index: 1;
	width: 200px;
	height: 1000px;
}
	
	.newsUpdate {
	display: none;  /*==== BLOCK TO VIEW, NONE TO HIDE ========*/

}
	
.feedbackUpdate2 {
	display: none;
	width: 172px;
	height: 67px;
	background: url("../images/alert_feedback2.png") no-repeat scroll 0px transparent;
}
.feedbackUpdate {
	display: none;
}
}

@media screen and (min-width: 1px) and (max-width: 479px) {
.rightSideNav {
	position: fixed;
	top: 74%;
	right: 4px;
	z-index: 1;
	width: 200px;
	height: 1000px;
}
	
		.newsUpdate {
	display: none;  /*==== BLOCK TO VIEW, NONE TO HIDE ========*/

}
.feedbackUpdate2 {
	display: none;
	width: 172px;
	height: 67px;
	background: url("../images/alert_feedback2.png") no-repeat scroll 0px transparent;
}
.feedbackUpdate {
	display: none;
}
}