@charset "utf-8";
/* CSS Document */
/*Light Blue - 408AD4 */
/*Dark Blue - 0066CC*/

body
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	background-color:#ffffff;
}

/**********CSS for Global ***********/

#wrapper
{
	margin:0;
	width:100%;
	height:auto;
}

.spacer
{
    height:15px;
    width:100%;
    float:left;   
}

/**********CSS for header ***********/

header
{
	height:118px;
	width:100%;		
}

.logo
{
	float:left;
	width:auto;	
}

.headerLine
{
    float:left;
    height:2px;
    width:100%;
    
}


/**********CSS for Container ***********/

#container
{
	width:100%;	
	margin:1px 0px 0px 0px;
	padding:0;
	min-height:500px;
		
}

	
#LoginArea
{
    margin:auto;
    top:100px;
    height:200px;
    width:400px;
    border-radius:8px;
    border:solid 1px #cccccc;
    /*background-color:#eeeeee;*/
    vertical-align:middle;    
    position:relative;    
}


/******** CSS for Existing Login ********/

 .EULogin {
    margin:auto;
    top:100px;
    height:200px;
    width:300px;    
    vertical-align:middle;    
    position:relative;    
}

       .EULogin p {
  line-height: 2.5em;
}

.EULogin span {
  background-color: #363b41;
  border-radius: 3px 0px 0px 3px;
  color: #606468;
  display: block;
  float: left;
  height: 50px;
  line-height: 50px;
  text-align: center;
  width: 50px;
}

.ELinputfield {
  background-color: #3b4148;
  border-radius: 0px 3px 3px 0px;
  color: #ffffff;
  margin-bottom: 1em;
  padding: 0 10px;
  height: 50px;
  width: 230px;
  float: left;
  border:none;
  font-size:14px;
}

.ELbutton {
    
    background-color: #408AD4;               /*Light ThemeColor*/
    color: #fff;    
}

.ELbutton:hover {
  background-color: #0066CC;                /*Dark ThemeColor*/
}

.LoginExtra
{
     margin:auto;
    top:100px;
    height:200px;
    width:300px;    
    vertical-align:middle;    
    position:relative; 
    text-align:center;
}

.LoginExtra p
{    
    line-height:20px;
    width:300px;
    text-align:center;
    font-size:16px;   
}

.redText
{
    color:#ff0000;
}
 
.datazone
{
    width:100%;
    margin:0;
}


/**********CSS for Footer ***********/

footer
{
	height:30px;
	color:#000;
	font-size:11px;
	/*background-color:#408AD4;*/           
	float:left;
	width:100%;	
}

footer .text
{
	padding-top:8px;
}


/******RESPONSIVE*****/
 	
@media only screen and (max-width: 768px)
{
.logo
{
	width:100%;
	text-align:center;		
	float:none;
}

#LeftContainer
{
	min-height:35px !important;	

}

#LeftMenuVertical
{
	display:none;
}	

.leftLink
{
	width:auto;				
	margin:auto;
	text-align:center;
}

#LeftMenuHorizontal
	{
		display:block;
		width:auto;
		
	}
	
#LeftMenuHorizontal a:link
{
	font-size:30px;
	color:#666;
	margin-right:10px;
}

#LeftMenuHorizontal a:hover
{
	color:#00F;
}	
	
#LeftContainer
{
	width:100%;
	padding:0;
	margin:0;
}
#RightContainer
{
	width:100%;
	padding:0;
	margin:0;
}
}

@media only screen and (max-width: 400px)
{
.logo
{
	width:100%;
	text-align:center;		
	float:none;
}

#LeftContainer
{
min-height:35px !important;	
}

#LeftMenuVertical
{
	display:none;
}


#headerRight
{
	float:none !important;
	margin:10px auto;
}

.specialicon
{
	float:none !important;
	margin:10px auto;
	width:auto;
}

#LeftContainer
{
	width:100%;
	padding:0;
	margin:0;
}
#RightContainer
{
	width:100%;
	padding:0;
	margin:0;
}

.resultBody
{    
    overflow-x: auto;
    display:block !important;
}
	
}