
@media screen and (max-width: 1024px) {
.floatr {margin-right:10px}
}
@media screen and (max-width: 960px) {
#wrapper #innerwrapp {background:#f1f1f1!important}

.bg_image {display:none}
.sidebar {display:none}
.full-horizontal {display:none}
.rmm {display:block;	position:absolute; z-index:9999; right:0; top:3em; float:right;	padding:0px;	margin:3em auto 0!important;	text-align: center;	line-height:19px !important;}
.style {top:0}
.rmm * {	-webkit-tap-highlight-color:transparent !important;	font-family:Arial;}
.rmm a {	color:#ebebeb;	text-decoration:none;}
ul.leftmenu {margin:0; padding:0}
ul.leftmenu li {list-style:none}
ul.leftmenu li a {padding:6px 8px; display:block; font-size:14px; color:#1d1d1d}
ul.leftmenu li a:hover, #Maincontent #LeftSide ul.leftmenu li a.active {color:#fff; background:#2067da; text-decoration:none}
.rmm .rmm-main-list, .rmm .rmm-main-list li {	margin:0px;	padding:0px;}
.rmm ul {	display:block;	width:auto !important;	margin:0 auto !important;	overflow:hidden;	list-style:none;}
/* sublevel menu - in construction */
.rmm ul li ul, .rmm ul li ul li, .rmm ul li ul li a {	display:none !important;	height:0px !important;	width:0px !important;}
/* */

.rmm-toggled {	display:none;	width:100%;	position:relative;	overflow:hidden;	margin:0 auto !important;}
.rmm-button:hover {	cursor:pointer;}
.rmm .rmm-toggled ul {	display:none;	margin:0px !important;	padding:0px !important; background:#fff}
.rmm .rmm-toggled ul li {	display:block;	margin:0 auto !important;}
/* GRAPHITE STYLE */
.rmm.graphite .rmm-main-list li a {	display:inline-block;	padding:8px 30px 8px 30px;	margin:0px -3px 0px -3px;	font-size:15px;	background:#444444}
.rmm.graphite .rmm-main-list li a:hover {	background:#2067da; color:#fff}

.rmm.graphite .rmm-toggled {	width:100%;	min-height:36px;	}
.rmm.graphite .rmm-toggled-controls {	display:block;	height:36px;	color:white;	text-align:right; padding-right:70px;	position:relative;}
.rmm.graphite .rmm-toggled-title {	position:relative;	top:9px;	left:15px;	font-size:16px;	color:#fff}
.rmm.graphite .rmm-button {	display:block;	position:absolute;	right:15px;	top:8px;}
.rmm.graphite .rmm-button span {	display:block;	margin-top:4px;	height:2px;	background:#fff;	width:24px;}
.rmm.graphite .rmm-toggled ul li a {	display:block;	width:100%;	text-align:left;	padding:4px 10px;	border-bottom:1px solid #ccc; color:#333}
.rmm.graphite .rmm-toggled ul li a:hover {	background:#6a3584; color:#fff}

/* SAPPHIRE STYLE */

.rmm.sapphire .rmm-main-list li a {	display:inline-block;	padding:8px 30px 8px 30px;	margin:0px -3px 0px -3px;	font-size:15px;	text-shadow:1px 1px 1px #3e587b;
	background-color:#537b9f;	border-left:1px solid #3e587b;	background-image:url('../rmm-img/sapphire-menu-bg.png');	background-repeat:repeat-x;}
.rmm.sapphire .rmm-main-list li a:hover {	background:#3e597b;}
.rmm.sapphire .rmm-main-list li:first-child a {-webkit-border-top-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.rmm.sapphire .rmm-main-list li:last-child a {	-webkit-border-top-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
.rmm.sapphire .rmm-toggled {	width:95%;	background-color:#537b9f;	min-height:36px;	border-radius:6px;}
.rmm.sapphire .rmm-toggled-controls {	display:block;	height:36px;	color:white;	text-align:left;	position:relative;	background-image:url('../rmm-img/sapphire-menu-bg.png');
	background-repeat:repeat-x;	border-radius:5px;}
.rmm.sapphire .rmm-toggled-title {	position:relative;	top:9px;	left:15px;	font-size:16px;	color:white;	text-shadow:1px 1px 1px #3e587b;}
.rmm.sapphire .rmm-button {	display:block;	position:absolute;	right:9px;	top:7px;	width:20px;	padding:0px 7px 0px 7px;	border:1px solid #3e587b;	border-radius:3px;	background-image:url('../rmm-img/sapphire-menu-bg.png');	background-position:top;}
.rmm.sapphire .rmm-button span {	display:block;	margin:4px 0px 4px 0px;	height:2px;	background:white;	width:20px;}
.rmm.sapphire .rmm-toggled ul li a {	display:block;	width:100%;	background-color:#537698;	text-align:center;	padding:10px 0px 10px 0px;	border-bottom:1px solid #3c5779;	border-top:1px solid #6883a6;	text-shadow:1px 1px 1px #333333;}
.rmm.sapphire .rmm-toggled ul li a:active {	background-color:#3c5779;	border-bottom:1px solid #3c5779;	border-top:1px solid #3c5779;}
.rmm.sapphire .rmm-toggled ul li:first-child a { 	border-top:1px solid #3c5779 !important;}

/* MINIMAL STYLE */
.rmm.minimal a {	color:#333333;}
.rmm.minimal a:hover {	opacity:0.7;}
.rmm.minimal .rmm-main-list li a {	display:inline-block;	padding:8px 30px 8px 30px;	margin:0px -3px 0px -3px;	font-size:15px;}
.rmm.minimal .rmm-toggled {	width:95%;	min-height:36px;}
.rmm.minimal .rmm-toggled-controls {	display:block;	height:36px;	color:#333333;	text-align:left;	position:relative;}
.rmm.minimal .rmm-toggled-title {	position:relative;	top:9px;	left:9px;	font-size:16px;	color:#33333;}
.rmm.minimal .rmm-button {	display:block;	position:absolute;	right:9px;	top:7px;}

.rmm.minimal .rmm-button span {	display:block;	margin:4px 0px 4px 0px;	height:2px;	background:#333333;	width:25px;}
.rmm.minimal .rmm-toggled ul li a {	display:block;	width:100%;	text-align:center;	padding:10px 0px 10px 0px;	border-bottom:1px solid #dedede;
	color:#333333;}
.rmm.minimal .rmm-toggled ul li:first-child a {border-top:1px solid #dedede;}
.style  {float:left; width:100%!important; margin:0!important}
.style .rmm-toggled-controls {text-align:left!important}
.style .rmm-toggled ul li a {text-align:center!important}
#wrapper #innerwrapp {padding-top:40px}
.style {top:0!important}
.none {display:none}
aside {float:none; width:100%}
.content {float:none; width:100%; padding-top:0em}
#wrapper #innerwrapp {padding:0 10px}
header{padding:0 11px; width:98%;}
	}
@media screen and (max-width:800px) {
nav {float:none; margin-top:1.5em}
.ProjectHeading {margin-top:1em; }

	}
@media screen and (max-width:768px) {
header {width:97%}

}
@media screen and (max-width:767px) {
.rightFooter  {width:auto; float:none}
.innerfooter p {float:none; text-align:center; line-height:20px}
.innerfooter p img {float:none; margin:0 5px 0 0; vertical-align:-6px}
.innerfooter {padding:5px 0}
}
@media screen and (max-width:600px) {
ul.labelclss {width:100%; float:none}
.graph {width:75%; float:none; margin-top:15px}
.innerfooter p {float:none; text-align:center}
ul.labelclss {width:99%}
.rightFooter {float:none}
.content {margin:0 10px; width:100%}
#wrapper #innerwrapp {padding:0px}
header{padding:0px; width:96%;}
.topclsslt {float:none; width:100%}
.topclss {float:none; width:100%; text-align:left}
.innercontent1 {width:96.5%}	
}

@media screen and (max-width:615px) {
ul.headertopmenu li {float:none}
footer {position:relative!important}
.rmm {margin:0!important; top:11em}
header {background:url("../images/header-bg.png") repeat 0 0}
ul.labelclss li {float:none; width:100%}
ul.labelclss li div p {float:none; padding:5px 0}
ul.labelclss li div p span {width:100px; text-align:right; padding-right:10px}
.marginclss {width:80px; margin:0 auto}
}
@media screen and (max-width:500px) {
.content {margin:0px}
.innercontent1 {width:95.5%}
}
@media screen and (max-width:550px) {
.ProjectHeading {float:none}

}
@media screen and (max-width:540px) {
#logo {float:none; margin:0 auto}
.loginclss li {float:none; width:100%}
nav ul {float:none; width:100%; margin:10px auto}
nav {float:none; margin:0}
.innerheader {padding-top:0px}
.floatr {margin:10px 0 0 0; text-align:center}
.ProjectHeading {float:none; padding:0 0 10px 0; text-align:center; margin:0}
#wrapper {margin:0 auto}
}

@media screen and (max-width:480px) {
.rmm {width:80%}
.WelcomeBox {width:auto}
.style .rmm {width:100%!important}
header {width:100%}
#loginwrapp {margin:15px}
}
@media screen and (max-width: 420px) {
.floatr {text-align:center}
.innercontent1 {width:95%}
}
@media screen and (max-width: 384px) {
header {width:100%}
.content {margin:0 5px}
}
@media screen and (max-width:360px) {
#loginwrapp {width:auto}
.powered {float:none!important}

}
@media screen and (max-width:320px) {
header {width:100%}
.innercontent1 {width:94%}
}
@media screen and (max-width: 280px) {
#logo {float:none; margin:0 auto}
.login_logo {float:none!important}
.WelcomeBox {float: none; width:122px; margin:0 auto}
nav ul li {float:none; text-align:center}
}
