@charset "utf-8";
img, object, embed, video 
{
	max-width: 100%;
}

.ie6 img
{
	width:100%;
}
/* Mobile Layout: 480px and below. */

.gridContainer 
	{
		width:88%;
		margin-left:auto;
		margin-right:auto;
		padding-left:1.2%;
		padding:right:1.2%;
        }
#header 	
	{
		width:100%;
		display:block;
		float:left;
		color:white;
		text-align:left;
        }
		
		
		
.bg{
width:100%;
background-image:url(../../../content/images/login-bg2.png);
background-repeat:no-repeat;
float:left;
padding-bottom:3%;
}

.left-img{
width:50%;
float:left;
text-align:right;
padding-top:3.5%;
}

.right-form{
width:40%;
padding-top:3.5%;
background-color:#fff;
opacity: 0.6;
float:left;
border-radius: 25px;
margin-left:2%;
margin-top:3.5%;
height: 573px;
margin-right:3%;
}

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

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

.gridContainer {
		width:98%;
		margin-left:auto;
		margin-right:auto;
		padding-left:1.2%;
		padding:right:1.2%;
                }

#header {
		width:100%;
		display:block;
		float:left;
		
        }


.left-img{
width:56%;
float:left;
text-align:inherit;
margin-left:21%;
padding-top:3.5%;
}

.right-form{
width:56%;
padding-top:3.5%;
background-color:#fff;
opacity: 0.6;
float:left;
border-radius: 25px;
margin-left:21%;
margin-top:3.7%;
margin-right:3%;
}

.bg{
width:100%;
background-image:url(../../../content/images/login-bg2.png);
background-repeat:repeat-y;
float:left;
padding-bottom:3%;
}



  }		



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

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

.gridContainer {
		width:98%;
		margin-left:auto;
		margin-right:auto;
		padding-left:1.2%;
		padding:right:1.2%;
                }

#header {
		width:100%;
		display:block;
		float:left;
		
        }


.left-img{
width:56%;
float:left;
text-align:inherit;
margin-left:21%;
padding-top:3.5%;
}

.right-form{
width:56%;
padding-top:3.5%;
background-color:#fff;
opacity: 0.6;
float:left;
border-radius: 25px;
margin-left:21%;
margin-top:3.7%;
margin-right:3%;
}

.bg{
width:100%;
background-image:url(../../../content/images/login-bg2.png);
background-repeat:repeat-y;
float:left;
padding-bottom:3%;
}



  }



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

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

.gridContainer {
		width:98%;
		margin-left:auto;
		margin-right:auto;
		padding-left:1.2%;
		padding:right:1.2%;
                }

#header {
		width:100%;
		display:block;
		float:left;
		
        }


.left-img{
width:56%;
float:left;
text-align:inherit;
margin-left:21%;
padding-top:3.5%;
}

.right-form{
width:56%;
padding-top:3.5%;
background-color:#fff;
opacity: 0.6;
float:left;
border-radius: 25px;
margin-left:21%;
margin-top:3.7%;
margin-right:3%;
}

.bg{
width:100%;
background-image:url(../../../content/images/login-bg2.png);
background-repeat:repeat-y;
float:left;
padding-bottom:3%;
}



  }		




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

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

.gridContainer {
		width:98%;
		margin-left:auto;
		margin-right:auto;
		padding-left:0%;
		padding:right:0%;
                }
#header {
		width:100%;
		display:block;
		float:left;
		background:;
        }
		
.left-img{
width:50%;
float:left;
text-align:right;
margin-left:1%;
padding-top:3.5%;
}

.right-form{
width:40%;
padding-top:3.5%;
background-color:#fff;
opacity: 0.6;
float:left;
border-radius: 25px;
margin-left:2%;
margin-top:4%;
margin-right:3%;
}


.bg{
width:100%;
background-image:url(../../../../content/images/login-bg2.png);
background-repeat:no-repeat;
float:left;
padding-bottom:3%;
}


}



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

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

.gridContainer {
		width:98%;
		margin-left:auto;
		margin-right:auto;
		padding-left:0%;
		padding:right:0%;
                }
#header {
		width:100%;
		display:block;
		float:left;
		background:;
        }
		
.left-img{
width:74%;
float:left;
text-align:right;
margin-left:1%;
padding-top:3.5%;
}

.right-form{
width:48%;
padding-top:3.5%;
background-color:#fff;
opacity: 0.6;
float:left;
border-radius: 25px;
margin-left:27%;
margin-top:4%;
margin-right:3%;
}


.bg{
width:100%;
background-image:url(../../../content/images/login-bg2.png);
background-repeat:no-repeat;
float:left;
padding-bottom:3%;
}


}


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

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

.gridContainer {
		width:98%;
		margin-left:auto;
		margin-right:auto;
		padding-left:0%;
		padding:right:0%;
                }
#header {
		width:100%;
		display:block;
		float:left;
		background:;
        }
		
.left-img{
width:50%;
float:left;
text-align:right;
margin-left:1%;
padding-top:3.5%;
}

.right-form{
width:35%;
padding-top:0.5%;
background-color:#fff;
opacity: 0.6;
float:left;
border-radius: 25px;
margin-left:2%;
margin-top:4%;
margin-right:3%;
}


.bg{
width:100%;
background-image:url(../../../content/images/login-bg.png);
background-repeat:no-repeat;
float:left;
padding-bottom:3%;
}


}