@charset "utf-8";
html , body, div, p, h1, h2, h3, ul, li{
	margin:0;
	padding:0;
}

body{
	font-family:Tahoma,sans-serif,Arial,Helvetica;
	font-size:12px;
	font-weight:normal;
	line-height:2em;
}


.box>div{
	background-color: #F6FAFC;
	padding: 10px;
}

.box-left{
	float: left;
}
	
.box-right{
	float: right;
}


.banner{
	padding: 5px;
}

.banner img{
	width:95%;
}


.ui-panel .ui-panel-content{
	color: #363636 !important;
}

.ui-widget-content a{
	color:#D0525D !important;
}

/* MEDIA QUERIES **************************************************************************************************************** */

/* Large desktop */
@media (min-width: 961px){
	.logo img{
		width:100%;
	}
	
	.box{
		width:	800px;	
	}
	
	.version{
		line-height: 40px;
		clear: both;
		font-size: 14px;
		color: #ce2246;
	}
	
}
 
@media (min-width: 960px) and (max-width:1200px){
	.logo img{
		width:100%;
	}
	
	.box{
		width:	800px;	
	}
	
	.version{
		line-height: 40px;
		clear: both;
		font-size: 14px;
		color: #ce2246;
	}
} 
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 640px) and (max-width: 960px) {
	.Container30, .Container70{
		width: 100%;
	}
	
	.box{
		width:	80%;	
	}
	
	.box-left{
		position: relative;
		top:360px;
	}
		
	.box-right{
		margin-top:-80px;
		margin-bottom: 60px;
	}
	
	.banner{
		display: none;
	}
	
	.logo img{
		width:50%;
	}
	
	.version{
		line-height: 40px;
		clear: both;
		font-size: 14px;
		color: #ce2246;
	}
}
 
 
/* Landscape phone to portrait tablet */
@media (min-width:480px) and (max-width: 640px) {	
	.Container30, .Container70{
		width: 100%;
	}
	
	.box{
		width:	80%;	
	}
	
	.box-left{
		position: relative;
		top:310px;
	}
		
	.box-right{
		margin-top:-80px;
		margin-bottom: 60px;
	}
	
	.banner{
		display: none;
	}
	
	.logo img{
		width:50%;
	}
	
	.version{
		line-height: 40px;
		clear: both;
		font-size: 14px;
		color: #ce2246;
	}
}
 
 
/* Portrait phones and down */
@media (min-width:320px) and (max-width: 480px) {
	.Container30, .Container70{
		width: 100%;
	}
	
	.box{
		width:	80%;	
	}
	
	.box-left{
		position: relative;
		top:290px;
	}
		
	.box-right{
		margin-top:-80px;
		margin-bottom: 60px;
	}
	
	.banner{
		display: none;
	}
	
	.logo img{
		width:50%;
	}
	
	.version{
		line-height: 40px;
		clear: both;
		font-size: 12px;
		color: #ce2246;
	}
}

.practice-login{
	font-size: 14px;
	padding-bottom:20px;
	color: #ce2246;
	line-height: 0px;
	padding-top: 5px;
}