@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width:inherit;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

/* Mobile Layout: 480px and below. */
  body
{
	margin:0;
	background-color:#fff;
}
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	clear: none;
	float: none;
}
#div1
{
	width:100%;
	height:auto;
	margin:auto;
	
}

.zeroMargin_mobile
{
	margin-left: 0;
}
.hide_mobile
{
	display: none;
}
@media only screen and (min-width:320px)
{
	.loginimg
{
	background-image:url(mob-login.jpg);
	background-repeat:no-repeat;
	margin:auto;
	min-height:417px;
	background-size:contain;
	padding:85% 0 0 10%;
  background-color:#13246c;
 
}
.pad, .pad1, .pad2, .pad3, .pad4
{
	padding-left:0px;
}
.login-new
{
	padding-top:2%;
	margin:auto;
	width:95%;
}
.username
{
	width:100%;
	height:auto;
	float:left;
	font-size:100%;
	color:#c8d5ff;
	margin:2.5% 0%;
	text-align:left;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.username-ri
{
width:90%;
height:auto;
float:left;
margin:0%;

}
.input
{
	background-color:#fbfbfb;
	border:#cfcfcf solid 1px;
	width:100%;
	border-radius:0px;
	padding-left:2%;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:75%;
	height:23px;
}
.input1
{
	background-color:#fbfbfb;
	border:#cfcfcf solid 1px;
	width:100%;
	height:23px;
	border-radius:0px;
	padding-left:0%;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:100%;
	border-radius:0px;
}
.t
{
	text-align:center;
}
.innerpage
{

	background-image:url(bg-mob.jpg);
	background-repeat:repeat-x;
	width:100%;
height:548px;
overflow:hidden;
background-size: contain;
background-color:#c9d1e7;
}

.logout 
{
	width:100%;
	float:left;
	padding-top:8%;
	text-align:right;
}

.icon
{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#FFF;
	font-weight:bold;
	font-size:75%;
	
	background-image:url(user.png);
	background-repeat:no-repeat;
	background-position:top;
	width:40%;
	float:left;
	height:35px;
	
}
.icon-txt
{
    float:right;
    width:60%;
    text-align:left;
}
.ttt
{
	padding-left:20%;
		padding-top:0%;
		width:80%;
		 overflow:hidden;
}
.mainlogout
{
    width:100%;
    height:auto;
    overflow:hidden;
    float:right;
}
.logout-left
{
    width:50%;
    float:left;
}


.logout-right
{
    width:50%;
    float:right;
}


.inner-new-icon
{
    width:100%;
    padding-left:0%;
    float:left;
}
.imgnew
{
    width:100%;
}
.theme {
    width: 90%;
    float: none;
	margin:auto;
    display: block;
    padding: 0%;
}
.ll-le {
    width: 40%;
    height: auto;
    color: #d7dfff;
    float: left;
}
.modulsebg
{
background-image:url(bg-modules.jpg);
background-repeat:no-repeat;
min-height:983px;
width:auto;
background-size:cover;
background-position:-540px 0px;
overflow:hidden;
}
.usernainner
	{
		font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size:100%;
		width:100%;
		float:right;
		padding:5% 0 0 5%;
	}
	.usernainner-lt
	{
		width:60%;
		height:auto;
		float:left;
		overflow:hidden;
		color:#FFF;
	}
	.usernainner-rt
	{
		width:100%;
		height:auto;
		float:right;
		overflow:hidden;
		text-align:right;
	}
		.innermenu
	{
		width:100%;
		float:left;
		padding-left:5%;
			padding:3%;
		/*background-image:url(innermenu-ba.png);*/
		background-repeat:repeat;
	}
	.space-new
	{
		padding-top:12%;
	}

}
@media only screen and (min-width:360px)
{
	.loginimg
{
	background-image:url(mob-login.jpg);
	background-repeat:no-repeat;
	margin:auto;
	min-height:380px;
	padding:85% 0 0 10%;
	background-size:contain;
	
}
.login-new
{
	padding-top:2%;
	margin:auto;
	width:90%;
}
.username
{
	width:100%;
	height:auto;
	float:left;
	font-size:100%;
	color:#c8d5ff;
	margin:2.5% 0%;
	text-align:left;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.username-ri
{
width:90%;
height:auto;
float:left;
margin:0%;

}
.input
{
	background-color:#fbfbfb;
	border:#cfcfcf solid 1px;
	width:100%;
	border-radius:0px;
	padding-left:2%;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:75%;
	height:23px;
}
.input1
{
	background-color:#fbfbfb;
	border:#cfcfcf solid 1px;
	width:100%;
	height:23px;
	border-radius:0px;
	padding-left:0%;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:100%;
}
.t
{
	text-align:center;
}
.innerpage
{

	background-image:url(bg-mob.jpg);
	background-repeat:repeat-x;
	width:100%;
height:548px;
overflow:hidden;
background-size: contain;
background-color:#c9d1e7;
}

.logout 
{
	width:100%;
	float:left;
	padding-top:8%;
	text-align:right;
}

.icon
{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#FFF;
	font-weight:bold;
	font-size:75%;
	
	background-image:url(user.png);
	background-repeat:no-repeat;
	background-position:top;
	width:40%;
	float:left;
	height:35px;
	
}
.icon-txt
{
    float:right;
    width:60%;
    text-align:left;
}
.ttt
{
	padding-left:20%;
		padding-top:0%;
		width:80%;
		 overflow:hidden;
}
.mainlogout
{
    width:100%;
    height:auto;
    overflow:hidden;
    float:right;
}
.logout-left
{
    width:50%;
    float:left;
}


.logout-right
{
    width:50%;
    float:right;
}


.inner-new-icon
{
    width:100%;
    padding-left:0%;
    float:left;
}
.imgnew
{
    width:100%;
}
.theme {
    width: 90%;
    float: none;
	margin:auto;
    display: block;
    padding: 0%;
}
.ll-le {
    width: 40%;
    height: auto;
    color: #d7dfff;
    float: left;
}

.modulsebg
{
background-image:url(bg-modules.jpg);
background-repeat:no-repeat;
min-height:983px;
width:auto;
background-size:cover;
background-position:-460px 0px;
}
.usernainner
	{
		font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size:100%;
		width:90%;
		float:right;
		padding:5% 0 0 5%;
	}
	.usernainner-lt
	{
		width:50%;
		height:auto;
		float:left;
		overflow:hidden;
		color:#FFF;
	}
	.usernainner-rt
	{
		width:50%;
		height:auto;
		float:right;
		overflow:hidden;
	}
		.innermenu
	{
		width:100%;
		float:left;
		padding-left:5%;
	}
	.space-new
	{
		padding-top:12%;
	}

}
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 480px) {

.gridContainer {
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	clear: none;
	float: none;
	margin-left: auto;
}
#div1
{
	width:100%;
	height:auto;
	margin:auto;
	background-color:Transparent;
}
.zeroMargin_tablet
{
margin-left: 0;
}
.hide_tablet
{
display: none;
}

.loginimg {
    background-image: url(mob-login.jpg);
    background-repeat: no-repeat;
    margin: auto;
	padding: 80% 0 0 15%;
	background-size:cover;
}
.login-new
{
	padding-top:0%;
	margin:0;
	width:77%;
}
.username
{
	width:35%;
	height:auto;
	float:left;
	font-size:100%;
	color:#c8d5ff;
	margin:2.5% 0%;
	text-align:right;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.username-ri
{
width:55%;
height:auto;
float:right;
margin:0.3%;

}
.input
{
	background-color:#fbfbfb;
	border:#cfcfcf solid 1px;
	width:100%;
	border-radius:0px;
	padding-left:2%;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:100%;
}
.input1
{
	background-color:#fbfbfb;
	border:#cfcfcf solid 1px;
	width:100%;
	border-radius:0px;
	padding-left:0%;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:100%;
}
.t
{
	text-align:center;
}
.innerpage
{
background-image:url(bg-mob.jpg);
background-repeat:repeat-x;
width:100%;
overflow:hidden;
height:768px;
background-color:#c9d1e7;
background-size: contain;
}

.logout 
{
	width:100%;
	float:left;
	padding-top:8%;
	text-align:right;
}

.ttt
{
	padding-left:5%;
	padding-top:15%;
}

.mainlogout
{
    width:100%;
    height:auto;
    overflow:hidden;
    float:right;
}
.logout-left
{
    width:50%;
    float:left;
}
.icon
{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#FFF;
	font-weight:bold;
	font-size:75%;
	
	background-image:url(user.png);
	background-repeat:no-repeat;
	background-position:top;
	width:40%;
	float:left;
	height:35px;
	
}
.icon-txt
{
    float:right;
    width:60%;
    text-align:left;
}
.ttt
{
	padding-left:20%;
		padding-top:0%;
		width:80%;
		 overflow:hidden;
}

.logout-right
{
    width:50%;
    float:right;
}


.inner-new-icon
{
    width:100%;
    padding-left:0%;
    float:left;
}
.imgnew
{
    width:100%;
}
.theme {
    width: 100%;
    float: none;
	margin:auto;
    display: block;
    padding: 0%;
}
.ll-le {
    width: 32%;
    height: auto;
    color: #d7dfff;
    float: left;
	text-align:right;
	padding-right:5%;
}
.modulsebg
{
background-image:url(bg-modules.jpg);
background-repeat:no-repeat;
min-height:883px;
width:auto;
background-size:auto;
background-position: -610px 0px;
}
.usernainner
	{
		font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size:100%;
		width:80%;
		float:right;
		padding:5% 0 0 5%;
		margin:0;
	}
	.usernainner-lt
	{
		width:50%;
		height:auto;
		float:left;
		overflow:hidden;
		color:#FFF;
	}
	.usernainner-rt
	{
		width:50%;
		height:auto;
		float:right;
		overflow:hidden;
	}
		.innermenu
	{
		width:60%;
		float:left;
		padding-left:15%;
	}
	.space-new
	{
		padding-top:3%;
	}
/*=====================================*/
}

@media only screen and (min-width: 640px) {

.gridContainer {
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	clear: none;
	float: none;
	margin-left: auto;
}
#div1
{
	width:100%;
	height:auto;
	margin:auto;
	background-color:#13246c;
}
.zeroMargin_tablet
{
margin-left: 0;
}
.hide_tablet
{
display: none;
}

.loginimg {
    background-image: url(tab-login.jpg);
    background-repeat: no-repeat;
    margin: auto;

    padding: 50% 0 0 25%;
	background-size:cover;
}
.login-new
{
	padding-top:0%;
	margin:0;
	width:67%;
}
.username
{
	width:35%;
	height:auto;
	float:left;
	font-size:100%;
	color:#c8d5ff;
	margin:2.5% 0%;
	text-align:right;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.username-ri
{
width:55%;
height:auto;
float:right;
margin:0.3%;

}
.input
{
	background-color:#fbfbfb;
	border:#cfcfcf solid 1px;
	width:100%;
	border-radius:0px;
	padding-left:2%;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:100%;
}
.input1
{
	background-color:#fbfbfb;
	border:#cfcfcf solid 1px;
	width:100%;
	border-radius:0px;
	padding-left:0%;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:100%;
}
.t
{
	text-align:center;
}
.innerpage
{
background-image:url(bg-mob.jpg);
background-repeat:repeat-x;
width:100%;
overflow:hidden;
height:768px;
background-color:#c9d1e7;
background-size: contain;
}

.logout 
{
	width:100%;
	float:left;
	padding-top:8%;
	text-align:right;
}

.ttt
{
	padding-left:5%;
	padding-top:15%;
}

.mainlogout
{
    width:100%;
    height:auto;
    overflow:hidden;
    float:right;
}
.logout-left
{
    width:50%;
    float:left;
}
.icon
{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#FFF;
	font-weight:bold;
	font-size:75%;
	
	background-image:url(user.png);
	background-repeat:no-repeat;
	background-position:top;
	width:40%;
	float:left;
	height:35px;
	
}
.icon-txt
{
    float:right;
    width:60%;
    text-align:left;
}
.ttt
{
	padding-left:20%;
		padding-top:0%;
		width:80%;
		 overflow:hidden;
}

.logout-right
{
    width:50%;
    float:right;
}


.inner-new-icon
{
    width:100%;
    padding-left:0%;
    float:left;
}
.imgnew
{
    width:100%;
}
.theme {
    width: 100%;
    float: none;
	margin:auto;
    display: block;
    padding: 0%;
}
.ll-le {
    width: 28%;
    height: auto;
    color: #d7dfff;
    float: left;
	text-align:right;
	padding-right:5%;
}
.modulsebg
{
background-image:url(bg-modules.jpg);
background-repeat:no-repeat;
min-height:980px;
width:auto;
background-size:cover;
background-position:-550px 0px;
}
.innermenulef img {
    width: 85%;
    height: auto;
    text-align: center;
    margin: auto;
    padding-top: 3%;
    padding-left: 0%;
    padding-bottom: 3%;
}
.pad
{
	padding-left:10%;
}
.pad1
{
	padding-left:15%;
	}
	.pad2
	{
		padding-left:20%;
			}
			.pad3
			{
				padding-left:25%;
			}
			.pad4
			{
				padding-left:30%;
			
			}
			.pad5
			{
				padding-left:35%;
			}
			.pad6
			{
				padding-left:40%;
			}
			.pad7
			{
				padding-left:45%;
			}
			.pad8
			{
				padding-left:50%;
			}

.usernainner
	{
		font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size:100%;
		width:70%;
		float:right;
		padding:5% 0 0 5%;
		margin:0;
	}
	.innermenulef {
    width: 40%;
    height: auto;
    overflow: hidden;
    float: left;
}
	.usernainner-lt
	{
		width:50%;
		height:auto;
		float:left;
		overflow:hidden;
		color:#FFF;
	}
	.usernainner-rt
	{
		width:50%;
		height:auto;
		float:right;
		overflow:hidden;
	}
		.innermenu
	{
		width:100%;
		float:left;
		padding-left:0%;
	}
	.space-new
	{
		padding-top:5%;
	}
/*=====================================*/
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 768px) {

.gridContainer 
{
	width: 99.9%;

	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}
.zeroMargin_desktop
{
	margin-left: 0;
}
.hide_desktop
{
	display: none;
}
#div1
{
	width:100%;
	height:auto;
	margin:auto;
	background-color:Transparent;
}

.loginimg
{
	background-image:url(login-bg.jpg);
	background-repeat:no-repeat;
	margin:auto;
	min-height:462px;
	background-size:cover;
	padding:0;
}
.login-new
{
	padding-top:33%;
	margin:auto;
	width:36%;
}
.username
{
	width:39%;
	height:auto;
	float:left;
	font-size:100%;
	color:#c8d5ff;
	margin:2.5% 0%;
	text-align:right;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.username-ri
{
width:60%;
height:auto;
float:right;
margin:0.3%;

}
.input
{

	width:100%;
	border-radius:0px;
	padding-left:2%;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:100%;
	background-color:#fbfbfb;	
	border :1px solid #cfcfcf;
	height:23px;
	
}
.input1
{
	background-color:#fbfbfb;
	border:#cfcfcf solid 1px;
	width:100%;
	border-radius:0px;
	padding-left:0%;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:100%;
	height:23px;
}
.t
{
	text-align:center;
}
.innerpage
{
	background-image:url(inner-bar.jpg);
	background-repeat:no-repeat;
	width:100%;
height:768px;
overflow:hidden;
background-size: cover;
background-color:#c9d1e7;
}



.logout 
{
	width:100%;
	float:right;
	padding-top:1%;
	text-align:right;
}

.icon
{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#FFF;
	font-weight:bold;
	font-size:75%;
	
	background-image:url(user.png);
	background-repeat:no-repeat;
	background-position:top;
	width:40%;
	float:left;
	height:35px;
	
}
.icon-txt
{
    float:right;
    width:60%;
    text-align:left;
}
.ttt
{
	padding-left:20%;
		padding-top:0%;
		width:80%;
		 overflow:hidden;
}
.mainlogout
{
    width:20%;
    height:auto;
    overflow:hidden;
    float:right;
}
.logout-left
{
    width:50%;
    float:left;
}


.logout-right
{
    width:50%;
    float:right;
}

.inner-new-icon
{
    width:80%;
    padding-left:0%;
    float:left;
}
.imgnew
{
    width:48.1%;
}
.theme
{
	width:40%;
	float:right;
	display:inline-block;
	margin:2% 0% 0% 0%;
	padding: 0%;
}
.ll-le 
{
	width:40%;
	height:auto;
	color:#d7dfff;
	float:left;
}
.ll-rt
{
	width:60%;
	height:auto;
	color:#FFF;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:100%;
	float:right;
}
.space-new
	{
		padding-top:5%;
	}
	.modulsebg
{
background-image:url(bg-modules.jpg);
background-repeat:no-repeat;
min-height:883px;
width:auto;
background-size:auto;
background-position:-550px 0px;
}
.usernainner
	{
		font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size:100%;
		width:60%;
		float:right;
		padding:5% 0 0 5%;
		margin:0;
	}
	.usernainner-lt
	{
		width:50%;
		height:auto;
		float:left;
		overflow:hidden;
		color:#FFF;
	}
	.usernainner-rt
	{
		width:50%;
		height:auto;
		float:right;
		overflow:hidden;
	}
		.innermenu
	{
		width:60%;
		float:left;
		padding-left:20%;
	}
/*=====================================*/
}
@media only screen and (min-width:980px) {

.gridContainer 
{
	width: 99.9%;

	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}
.zeroMargin_desktop
{
	margin-left: 0;
}
.hide_desktop
{
	display: none;
}
#div1
{
	width:100%;
	height:auto;
	margin:auto;
}


.loginimg
{
	background-image:url(login-bg.jpg);
	background-repeat:no-repeat;
	margin:auto;
	min-height:603px;
	background-size:cover;
	padding:0;
}
.login-new
{
	padding-top:33%;
	margin:auto;
	width:32%;
}
.username
{
	width:35%;
	height:auto;
	float:left;
	font-size:100%;
	color:#c8d5ff;
	margin:2.5% 0%;
	text-align:right;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.username-ri
{
width:60%;
height:auto;
float:right;
margin:0.3%;

}
.input
{

	width:100%;
	border-radius:0px;
	padding-left:2%;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:100%;
	background-color:#fbfbfb;	
	border :1px solid #cfcfcf;
	height:23px;
	
}
.input1
{
	background-color:#fbfbfb;
	border:#cfcfcf solid 1px;
	width:100%;
	border-radius:0px;
	padding-left:0%;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:100%;
	height:23px;
}
.t
{
	text-align:center;
}
.innerpage
{
	background-image:url(inner-bar.jpg);
	background-repeat:no-repeat;
	width:100%;
height:768px;
overflow:hidden;
background-size: cover;
background-color:#c9d1e7;
}



.logout 
{
	width:100%;
	float:right;
	padding-top:1%;
	text-align:right;
}

.icon
{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#FFF;
	font-weight:bold;
	font-size:75%;
	
	background-image:url(user.png);
	background-repeat:no-repeat;
	background-position:top;
	width:40%;
	float:left;
	height:35px;
	
}
.icon-txt
{
    float:right;
    width:60%;
    text-align:left;
}
.ttt
{
	padding-left:20%;
		padding-top:0%;
		width:80%;
		 overflow:hidden;
}
.mainlogout
{
    width:20%;
    height:auto;
    overflow:hidden;
    float:right;
}
.logout-left
{
    width:50%;
    float:left;
}


.logout-right
{
    width:50%;
    float:right;
}

.inner-new-icon
{
    width:80%;
    padding-left:0%;
    float:left;
}
.imgnew
{
    width:48.1%;
}
.theme
{
	width:35%;
	float:right;
	display:inline-block;
	margin:2% 0% 0% 0%;
	   padding: 0%;
}
.ll-le 
{
	width:35%;
	height:auto;
	color:#d7dfff;
	float:left;
}
.ll-rt
{
	width:60%;
	height:auto;
	color:#FFF;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:100%;
	float:right;
}
.modulsebg
{
background-image:url(bg-modules.jpg);
background-repeat:no-repeat;
min-height:753px;
width:auto;
background-size:cover;
background-position:0px 0px;
}
.usernainner
	{
		font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size:100%;
		width:40%;
		float:right;
		padding:5% 5% 2% 5%;
		margin:0;
	}
	.usernainner-lt
	{
		width:50%;
		height:auto;
		float:left;
		overflow:hidden;
		color:#FFF;
	}
	.usernainner-rt
	{
		width:50%;
		height:auto;
		float:right;
		overflow:hidden;
	}
		.innermenu
	{
		width:60%;
		float:right;
		padding-left:5%;
	}
	.space-new
	{
		padding-top:0%;
	}
	.pad
{
	padding-left:10%;
}
.pad1
{
	padding-left:15%;
	}
	.pad2
	{
		padding-left:20%;
			}
			.pad3
			{
				padding-left:25%;
			}
			.pad4
			{
				padding-left:30%;
			}
/*=====================================*/
}
@media only screen and (min-width:1024px) {

.gridContainer 
{
	width: 99.9%;
	max-width: 1680px;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}
.zeroMargin_desktop
{
	margin-left: 0;
}
.hide_desktop
{
	display: none;
}
#div1
{
	width:100%;
	height:auto;
	margin:auto;
}


.loginimg
{
	background-image:url(login-bg.jpg);
	background-repeat:no-repeat;
	margin:auto;
	min-height:630px;
	background-size:cover;
	padding:0;

}


.username
{
	width:37%;
	height:auto;
	float:left;
	font-size:100%;
	color:#c8d5ff;
	margin:1.5% 0%;
	text-align:right;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.username-ri
{
width:60%;
height:auto;
float:right;
margin:1.5%;

}

.input
{

	width:100%;
	border-radius:0px;
	padding-left:2%;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:100%;
	background-color:#fbfbfb;	
	border :1px solid #cfcfcf;
	height:23px;
	
}
.input1
{
	background-color:#fbfbfb;
	border:#cfcfcf solid 1px;
	width:100%;
	border-radius:0px;
	padding-left:0%;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:100%;
	height:23px;
}
.t
{
	text-align:center;
}
.innerpage
{
	background-image:url(inner-bar.jpg);
	background-repeat:no-repeat;
	width:100%;
height:768px;
overflow:hidden;
background-size: cover;
background-color:#c9d1e7;
}



.logout 
{
	width:100%;
	float:right;
	padding-top:1%;
	text-align:right;
}

.icon
{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#FFF;
	font-weight:bold;
	font-size:75%;
	
	background-image:url(user.png);
	background-repeat:no-repeat;
	background-position:top;
	width:40%;
	float:left;
	height:35px;
	
}
.icon-txt
{
    float:right;
    width:60%;
    text-align:left;
}
.ttt
{
	padding-left:20%;
		padding-top:0%;
		width:80%;
		 overflow:hidden;
}
.mainlogout
{
    width:20%;
    height:auto;
    overflow:hidden;
    float:right;
}
.logout-left
{
    width:50%;
    float:left;
}


.logout-right
{
    width:50%;
    float:right;
}

.inner-new-icon
{
    width:80%;
    padding-left:0%;
    float:left;
}
.imgnew
{
    width:48.1%;
}

.ll-le 
{
	width:35%;
	height:auto;
	color:#d7dfff;
	float:left;
}
.ll-rt
{
	width:60%;
	height:auto;
	color:#FFF;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:100%;
	float:right;
}

	.usernainner-lt
	{
		width:50%;
		height:auto;
		float:left;
		overflow:hidden;
		color:#FFF;
	}
	.usernainner-rt
	{
		width:50%;
		height:auto;
		float:right;
		overflow:hidden;
	}
	.modulsebg
{
background-image:url(bg-modules.jpg);
background-repeat:no-repeat;
min-height:734px;
width:auto;
background-size:cover;
background-position:0px;
overflow:hidden;
}
	.innermenu
	{
		width:60%;
		float:right;
		padding:3%;
		/*background-image:url(innermenu-ba.png);*/
		background-repeat:repeat;
		padding-top10%;
	}
	.space-new
	{
		padding-top:1%;
	}

/*=====================================*/
}

@media only screen and (min-width:1280px)
{
	.loginimg
{
	background-image:url(login-bg.jpg);
	background-repeat:no-repeat;
	margin:auto;
	min-height:768px;
	background-size:cover;
	padding:0;
}
.input {
    width:100%;
    border-radius: 0px;
padding: 0% 0%;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 100%;
    background-color: #fbfbfb;
    border: 1px solid #cfcfcf;
    height: 23px;
	margin:0% 0%;
}

.input1 {
    background-color: #fbfbfb;
    border: #cfcfcf solid 1px;
    width:100%;
    border-radius: 0px;

    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 100%;
    height: 23px;
    padding:1% 0%;
	margin:0% 0;
}

.modulsebg
{
background-image:url(bg-modules.jpg);
background-repeat:no-repeat;
min-height:680px;
width:100%;
background-size:cover;
background-position:0px 0px;
overflow:hidden;
}

.usernainner
{
		font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size:100%;
		width:30%;
		float:right;
		padding:3%;
		margin:0;
}
	.usernainner-lt
	{
		width:50%;
		height:auto;
		float:left;
		overflow:hidden;
		color:#FFF;
	}
	.usernainner-rt
	{
		width:50%;
		height:auto;
		float:right;
		overflow:hidden;
	}
		.innermenu
	{
		width:60%;
		float:right;
		padding-left:2%;
	}
	.space-new
	{
		padding-top:0%;
	}
	.pad
{
	padding-left:10%;
	padding-top:2%;
}
.pad1
{
	padding-left:20%;
		padding-top:2%;
}
.pad2
{
	padding-left:30%;
		padding-top:2%;
}
.pad3
{
	padding-left:40%;
		padding-top:2%;
}
.pad4
{
	padding-left:50%;
		padding-top:2%;
}
.username-ri
{
width:60%;
height:auto;
float:right;
margin:1.5%;
}
	
}
@media only screen and (min-width:1366px)
{
	.loginimg
{
	background-image:url(login-bg.jpg);
	background-repeat:no-repeat;
	margin:auto;
	min-height:811px;
	background-size:cover;
	padding:0;
}
.pad
{
	padding-left:10%;
	padding-top:2%;
}
.pad1
{
	padding-left:20%;
		padding-top:2%;
}
.pad2
{
	padding-left:30%;
		padding-top:2%;
}
.pad3
{
	padding-left:40%;
		padding-top:2%;
}
.pad4
{
	padding-left:50%;
		padding-top:2%;
}
.usernainner
{
		width:27%;
}

}
@media only screen and (min-width:1400px)
{
	.loginimg
{
	background-image:url(login-bg.jpg);
	background-repeat:no-repeat;
	margin:auto;
	min-height:860px;
	background-size:cover;
	padding:0;
}
.usernainner
{
		width:26%;
}
.innermenu
	{
		width:60%;
		float:right;
		padding-left:0%;
	}
.innermenulef img
{
	width:73%;
	height:auto;
	overflow:hidden;
	padding-top:15%;
}
.username-ri
{
width:60%;
height:auto;
float:right;
margin:1.5%;
}
}
@media only screen and (min-width:1440px)
{
	.loginimg
{
	background-image:url(login-bg.jpg);
	background-repeat:no-repeat;
	margin:auto;
	min-height:860px;
	background-size:cover;
	padding:0;
}
.input {
    width: 95%;
    border-radius: 0px;
    padding-left: 2%;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 100%;
    background-color: #fbfbfb;
    border: 1px solid #cfcfcf;
    height: 19px;
}
}
@media only screen and (min-width:1600px)
{
	.loginimg
{
	background-image:url(login-bg.jpg);
	background-repeat:no-repeat;
	margin:auto;
	min-height:880px;
	background-size:cover;
	padding:0;
	height:auto;
	width:100%;
	background-position:top center;
}
.input[type="text"] {
    border: 1px solid #cfcfcf;

    width:100%;
    font-size: 100%;
    background-color: #FFFFFF;
    color: #000000;
	border-radius:0px;
	 margin-bottom: 0px;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    height:23px;
	padding-left:3%;
}
.login-new {
    padding-top: 32%;
    margin: auto;
    width: 32%;
}

.usernainner
{
	padding:3% 5% 2% 5%;
	width:35%;
}
.space-new {
    padding-top: 0%;
}

.input {
    width: 100%;
    border-radius: 0px;
    padding-left: 2%;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 80%;
	  margin-bottom: 8px;
    background-color: #fff;
    border: 1px solid #cfcfcf;
	border-radius:0px;
    height:23px;
}
.input1 {
    background-color: #d2d9e9;
    border: #cfcfcf solid 1px;
    width: 100%;
    border-radius: 0px;
    padding-left: 0%;
border-radius:0px;
	 margin-bottom: 0px;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 100%;
    height: 23px;
}
.username-ri
{
width:60%;
height:auto;
float:right;

}
}

.txt
{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:100%;
}



.menu
{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:13px;
background-color: #ecf2f7;
/*background-color:#e3ded6;*/
text-align:center;
font-variant:small-caps;
font-weight:600;
color:#000000;
text-decoration:none;
}

a.menu:hover
{
text-decoration:underline;
color:#990000;
}

.table2
{
/*background-color:#efeae3;*/
background-color: #ecf2f7;

}

.buttonbg
{
background-image:url(Theme1/images/middle.png);
background-repeat:repeat-x;
}

.buttoncnt
{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
font-variant:small-caps;
color:#13445b;
font-weight:600;
padding-left:5px;
text-decoration:none;
}

a.buttoncnt:hover
{
text-decoration:underline;
color:#990000;
}

.buttonbgover
{
background-image:url(Theme1/images/over-middle.png);
background-repeat:repeat-x;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
font-variant:small-caps;
color:#FFFFFF;
font-weight:600;
padding-left:5px;
}

a.buttonbgover:hover
{
text-decoration:underline;
color:#990000;
}

a.menu:hover
{
color:#990000;
text-decoration:underline;

}

.heading
{
/*background-color:#13475f;*/
font-variant:small-caps;
text-align:center;
font-family:"Trebuchet MS";
font-size:16px;
color: #142573;
/*color:#FFFFFF;*/
font-weight:600;
}

.cnt1
{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-indent:18px;
/*background-color:#ecf2f7*/
}

.cntpart2
{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
color:#5f4428;
text-indent:18px;
/*background-color:#ecf2f7*/
}



/*.table1 tr td
{
border:#efeae3 1px solid;
}*/

.highlited
{
font-family:"Trebuchet MS";
color:#990000;
font-size:13px;
padding-left:20px;
font-weight:600;
background-color:#E3DED6;
border-left:#ecf2f7 2px solid;
}

/*.ttt
{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-align:center;
font-weight:bold;
}*/

.border
{
border-right:#E3DED6 2px solid;
}
.cntpart2sub
{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:13px;
color: #000066;
/*color:#FFFFFF;*/
font-weight:bold;
/*background-color:#1c5671;*/
text-align:center;
}

.text
{
border:#E3DED6 1px solid;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:600;
color:#990000;
padding-left:25px;
}


fieldset
{
border:#c6bdae 1px dashed;
width:350px;
padding:10px;
}

input[type="text"]
{
 
	width:140px;
	border:1px solid #cfcfcf;
	color:#333333;
	
	margin-right:4px;
	margin-bottom:0px;
	font-family:tahoma, arial, sans-serif;

}

textarea
{
	width:140px;
	border:1px solid #cfcfcf;
	color:#333333;
	padding:3px;
	margin-right:4px;
	margin-bottom:8px;
	font-family:tahoma, arial, sans-serif;

}
select
{
	color:#333333;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	border-style:solid;
	border-color:rgb(204,207,194);
	width:220px;
	font-size:100%;
}

.buttonbg
{
/*background-image:url(images/middle.png);
background-repeat:repeat-x;*/
background-color:#abcad6;
}

.buttoncnt
{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
font-variant:small-caps;
color:#13445b;
font-weight:600;
padding-left:5px;
text-decoration:none;
}

/*.logobg
{
	background-image: url(images/logo-trans.png);
	background-attachment: scroll;
	background-position: right bottom;
	background-repeat: no-repeat;
}*/

/* ajax__tab_yuitabview-theme theme (Theme1/images/sprite.png) */

.tab_text
{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:9px;
font-variant:small-caps;
color:#fff;
font-weight:600;
padding-left:5px;
text-decoration:none;
}
a.tab_text:hover
{
	color:#990000;
	text-decoration:none;
}
.ajax__tab_yuitabview-theme .ajax__tab_header 
{
    font-family:arial,helvetica,clean,sans-serif;
    font-size:small;
    border-bottom:solid 5px #13475F;
}
.ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_outer 
{
    background:#ABCAD6 repeat-x;
    margin:0px 0.16em 0px 0px;

    padding:1px 0px 1px 0px;
    vertical-align:bottom;
    border:solid 1px #13475F;
    border-bottom-width:0px;
}
.ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_tab
{    
    color:#000;
    padding:0.35em 0.75em;    
    margin-right:0.01em;
}
.ajax__tab_yuitabview-theme .ajax__tab_hover .ajax__tab_outer 
{
    background: #ABCAD6 repeat-x left -1300px;
    cursor:pointer;
}
.ajax__tab_yuitabview-theme .ajax__tab_active .ajax__tab_tab 
{
    color:#fff;
}
.ajax__tab_yuitabview-theme .ajax__tab_active .ajax__tab_outer
{
    background:#13475F repeat-x left -1400px;
}
.ajax__tab_yuitabview-theme .ajax__tab_body 
{
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    padding:0.25em 0.5em;
    background-color:#EFEAE3;
    border:#c6bdae 1px dashed;    
    border-top-width:0px;
}
.gridouterborder
{
	border:#c6bdae 1px dashed;
}

.gridborder
{
 /*border-style: none;
	border-color: inherit;
	border-width: medium;
	margin-left: 1px;*/
	border-left: 1px #b5c9dc dotted;
	border-right: 1px #b5c9dc dotted;
	border-bottom: 1px #b5c9dc dotted;
	border-top: 1px #b5c9dc dotted;
}
.gridrow
{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
color:#5f4428;
/*background-color: #ecf2f7;*/
background-color:#efeae3
}

.gridalternaterow
{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
color:#5f4428;
/*background-color: #ecf2f7;*/
text-align: center;
	height: 25px;
background-color:#e3ded6
}

/*
Menu Design by S.Anbarasu These Style only used by menu control
*/

.PrettyMenu .AspNet-Menu-Horizontal
{
    position:absolute;
    left: 19.5em;
    top: 0;
    z-index: 350;
    margin-top:25px;
    font-weight: bold;
    color: black;        
}
/* top level menu tab */
li.AspNet-Menu-WithChildren a.AspNet-Menu-Link-Parent
{
    background:#EBE8E3; 
    width:150px;
    color: #E8EDFA;
    text-align:center;
    font-weight:bold; 
}	

.PrettyMenu ul.AspNet-Menu li ul li.AspNet-Menu-WithChildren a 
{   
    background: #EBE8E3 url(ArrowRight.gif) right center no-repeat;   
}
.PrettyMenu ul.AspNet-Menu li ul li.AspNet-Menu-WithChildren ul li a 
{   
    background-image: none;   
}

li.AspNet-Menu-ChildSelected a.AspNet-Menu-Link-Parent
{
     color:white;       
}

/* back ground of drop down menu */
.PrettyMenu ul.AspNet-Menu a.AspNet-Menu-Link
{
    background:#FFF601;
    border-bottom: solid 1px white;    
    width: 210px;
    height: 25px;    
}


/* When a menu item contains no submenu items it is marked as a "leaf" and can be styled specially by this rule. */
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Leaf span
{
    background:#EBE8E3 ;
    background-image: none;
}

/* Not used presently.  This is here if you modify the menu adapter so it renders img tags, too. */
.PrettyMenu ul.AspNet-Menu li a img
{
    border-style: none;
    vertical-align: middle;
}


/* color of text when you hover over an item */
.PrettyMenu ul.AspNet-Menu li:hover a, 
.PrettyMenu ul.AspNet-Menu li:hover span, 
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover a,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover span,
.PrettyMenu ul.AspNet-Menu li:hover li:hover a, 
.PrettyMenu ul.AspNet-Menu li:hover li:hover span, 
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
.PrettyMenu ul.AspNet-Menu li:hover li:hover ul a:hover, 
.PrettyMenu ul.AspNet-Menu li:hover li:hover ul span.Asp-Menu-Hover, 
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a:hover,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span.Asp-Menu-Hover
{
    color: White;
}

/* color of text when the drop down shows up but mouse is not over */
.PrettyMenu ul.AspNet-Menu li:hover ul a, 
.PrettyMenu ul.AspNet-Menu li:hover ul span, 
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover ul a,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover ul span,
.PrettyMenu ul.AspNet-Menu li:hover li:hover ul a, 
.PrettyMenu ul.AspNet-Menu li:hover li:hover ul span, 
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a,
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span
{
    color: #000000;
    font-weight :bold ;    
}

/* gives you the right arrow for items with child*/
/* While you hover over a list item (li) you are also hovering over a link or span because */
/* the link or span covers the interior of the li.  So you can set some hover-related styles */
/* in the rule (above) for the li but set other hover-related styles in this (below) rule. */
.PrettyMenu ul.AspNet-Menu li a.AspNet-Menu-Link:hover,
.PrettyMenu ul.AspNet-Menu li span.Asp-Menu-Hover
{
    color: White;
    background: #EBE8E3 url(activeArrowRight.gif) right center no-repeat;
   
}


/* padding for text on left and edge */
a.AspNet-Menu-Link
{
    padding-left:5px;
}
/* with out this sub menus of tabs with childen do not show up */
.PrettyMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a:hover
{
    background-image: none;
    
}



/* messing with this one adjust the menu's below it */

/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */
/* In other words, this rule can be used to style the second and third tiers of the menu without impacting */
/* the topmost tier's appearance. */
/* Remember that only the topmost tier of the menu is horizontal.  The second and third tiers are vertical. */
/* So, they need a much smaller width than the top tier.  Effectively, the width specified here is simply */
/* the width of a single menu item in the second and their tiers. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul
{
    width: 15.5em;
    left: 0;
    top: 100%;
}

/* this one adjust the third drop out menu */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul
{
    top: 100%;
    
}
/* width of 3rd drop out menu */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul
{
    width: 15.5em;
}

/* changing this has the effect of moving the top tabs farther apart */
/* Generally, you use this rule to set style properties that pertain to all menu items. */
/* One exception is the width set here.  We will override this width with a more specific rule (below) */
/* That sets the width for all menu items from the second tier downward in the menu. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li
{
    width: 5.5em;
    text-align:center;
}

/* This rule establishes the width of menu items below the top tier.  This allows the top tier menu items */
/* to be narrower, for example, than the sub-menu items. */
/* This value you set here should be slightly larger than the left margin value in the next rule. See */
/* its comment for more details. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li
{
    text-align:left;
    width: 10.5em;
}

.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul li
{
    width: 11.5em;
}

/* Third tier menus have to be positioned differently than second (or top) tier menu items because */
/* they drop to the side, not below, their parent menu item. This is done by setting the last margin */
/* value (which is equal to margin-left) to a value that is slightly smaller than the WIDTH of the */
/* menu item. So, if you modify the rule above, then you should modify this (below) rule, too. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li ul li ul
{
    margin: -1.35em  0 0 13.40em;
}

/******************************************************************************/

.loading
{
width:250px;
height: 100px;
position: fixed;
top: 50%;
left: 50%;
text-align:center;
padding:10px;
font:normal 16px Tahoma, Geneva, sans-serif;
border:0px solid #666;
margin-left: -50px;
margin-top: -50px;
z-index:2;
overflow: auto;
}

.cnt2Demo
{
	font-family: Verdana;
	font-size: 11px;
	color: #19286a;
	text-indent: 18px;
	font-weight: bold; /*background-color:#e3ded6*/
}

.footer
{
font-family: Arial;
	font-size: 12px;
	color: #D2E9FF;
	text-align: center;
	padding-right: 20px;
	text-decoration: none;
	background-color:#19286a;
	height:25px;
	margin:5px;
	width:100%;
	bottom:0px;
	position:relative;


}

a.footerDemo:hover
{
	color: #000066;
	text-decoration: underline;
}


.menuns
{
font-family:Verdana;
color:#e4ecf7;
padding-left:5px;
font-size:14px;
font-weight:600;
text-decoration:none;
}

  .menu1
{
	background-image:url('1.png');
	background-position:left;
	background-repeat:no-repeat;
	width:418px;
	height:47px;
	padding-left:45px;
	}
	
.menu2
{
	background-image:url('2.png');
	background-position:left;
	background-repeat:no-repeat;
	width:418px;
	height:46px;
	padding-left:65px;
	}
.usernainner-lt
{
	color: #FFF;
font-size: 120%;
font-weight: bold;

}
.input[type="text"]:hover, .input:hover, .input1:hover
{
	/*box-shadow:#000 3px 3px 2px;*/
	transition:0.3s ease-in-out;
	background-color:#FFF;
}

.loginpageuu
{
	width:100%;
	height:100%;
	overflow:hidden;
}
@media only screen and (min-width:320px)
{
.body
{
	overflow:visible;
}
.selectnews
{
	width:50%;
	border-radius:0px;
	
	
}
.innermenu
	{
		width:100%;
		float:right;
		padding:3%;
		/*background-image:url(innermenu-ba.png);*/
		background-repeat:repeat;
		padding-top10%;
	}
.usernainner
	{
		font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size:100%;
		width:100%;
		float:right;
		padding-top:2%;
	}

}
@media only screen and (min-width:360px)
{

.selectnews
{
	width:50%;
	border-radius:0px;
	
}
.logobg
{
	min-height:850px;
}

}
@media only screen and (min-width:480px)
{

.selectnews
{
	width:43%;
	border-radius:0px;
	
}
.innermenulef img {
    width: 45%;
}
.usernainner
	{
		font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size:100%;
		width:60%;
		float:right;
		padding-top:2%;
	}
}

@media only screen and (min-width:640px)
{

.selectnews
{
	width:37%;
	border-radius:0px;
	
}
.logobg
{
	min-height:580px;
}
}
@media only screen and (min-width:768px)
{

.selectnews
{
	width:47%;
	border-radius:0px;
	
}
.usernainner
	{
		font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size:100%;
		width:45%;
		float:right;
		padding-top:2%;
	}
	
	.innermenu {
    width: 60%;
    float: right;
    padding: 5%;
    /* background-image: url(innermenu-ba.png); */
    background-repeat: repeat;
}
}
@media only screen and (min-width:1280px)
{
	.usernainner
{
	width:30%;
}

}
@media only screen and (min-width:1600px)
{
.body
{
	overflow:hidden;
}

}


.username-ri .input
{    margin-bottom: 0px;
}
@media only screen and (min-width:320px)

{
	.userdetails-lf
{
	width:100%;
	float:left;
		color: #fff;
    font-size: 120%;
    font-weight: bold;
    text-align:left;
}
.userdetails-rt
{
	width:100%;
	float:left;
	text-align:right;
}
.theme
{
	width:100%;
	float:right;
	display:inline-block;
	margin:2% 0% 0% 0%;
	   padding: 0% 0% 0% 0%;
}
}
@media only screen and (min-width:480px)
{
	.userdetails-lf
{
	width:60%;
	float:left;
		color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align:right;
}
.userdetails-rt
{
	width:40%;
	float:left;
	text-align:right;
}
}
@media only screen and (min-width:640px)
{
	.innermenulef {
    width: 100%;
    float: right;
    text-align: center;
    padding-right: 5%;
    padding-bottom: 0%;
}
.innermenulef img
{
	width:45%;
}
}
@media only screen and (min-width:768px)
{
	.innermenulef {
    width: 30%;
    float: left;
    text-align: center;
    padding-right: 0%;
    padding-bottom: 0%;
}
.theme {
    width: 40%;
    float: right;
    display: inline-block;
    margin: 2% 0% 0% 0%;
    padding: 0% 0% 0% 0%;
}

.innermenulef img
{
	width:100%;
	height: auto;
    text-align: center;
    margin: auto;
    padding-top: 0%;
    padding-left: 5%;
    padding-bottom: 0%;
}
	.userdetails-lf
{
	width:55%;
	float:left;

}
.userdetails-rt
{
	width:40%;
	float:left;
}
}
@media only screen and (min-width:980px)
{
	.innermenulef {
    width: 30%;
    float: left;
    text-align: right;
    padding-right: 2%;
    padding-bottom: 0%;
}
.innermenulef img
{
	width:100%;
	margin-left:3%;
}

}
@media only screen and (min-width:1024px)
{
	.innermenulef {
    width: 40%;
    float: left;
    text-align: right;
    padding-right: 2%;
    padding-bottom:0%;
    padding-left:5%;
    padding-top:5%;
}
.theme
{
	width:35%;
	float:right;
	display:inline-block;
	margin:2% 0% 0% 0%;
	   padding: 0% 0% 0% 0%;
}
.innermenulef img
{
width:100%;
	margin-left:2%;
}

}
@media only screen and (min-width:1280px)
{
	.innermenulef {
    width: 35%;
    float: left;
    text-align: center;
    margin-right:0%;
    padding-bottom: 0%;
}
.innermenulef img
{
	width:90%;
}

}
@media only screen and (min-width:1600px)
{
	.usernainner
	{
		font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size:85%;
		width:15%;
		float:right;
		padding:2% 0% 2% 0%;
		margin:0 2% 0 0;
	}
	.space
	{
	 padding-top: 17px;
	}
	.modulsebg {
    background-image: url(bg-modules.jpg);
    background-repeat: no-repeat;
    min-height: 900px;
    width: 100%;
    background-size: cover;
    background-position: 0px 0px;
    overflow: hidden;
}
	.innermenulef {
    width: 40%;
    float: left;
    text-align: ceter;
    margin-right:0%;
    padding-bottom: 0%;
}
}
@media screen and (max-height:768px)
{
	.body
	{background-color:#13246c;
	}
	
}