@media screen and (max-width: 1385px) {

	.UserConfig .TableCell .InlineBlock {
		display: block;
		transition: display 250ms ease;
	}
	div.radio > input:empty ~ label{
		float:none;
		display:block;
		width:auto;
	}
	
	#TelevisionForm table {
	}

}


@media screen and (max-width: 1275px) {
	
	.content {width: 80%;}
	.FilterFormContainer {width: 100%;}
	
}

@media screen and (max-width: 1200px) {

	.FilterFormContainer .Table,
	.FilterFormContainer .TableRow,
	.FilterFormContainer .TableCell{
		display:block;
		width:auto;
	}	
	
	.FilterFormContainer .Messages{
		padding:20px 5% 10px;
	}
	
	.FilterFormContainer .Messages .DatePicker + i,
	.FilterFormContainer .Messages .TimePicker + i{
		margin:0;
	}
	
	.FilterFormContainer .PaddedLeft{
		padding-left:0;
	}
	
	.FilterFormContainer .TableCell > label{
		font-weight:bold;
		font-size:1.125em;
		float:left;
		margin:10px 10px 0 0;
		min-width:65px;
		width:10%;
	}
	
	.FilterFormContainer .Messages + input[type=submit]{
		margin:0 0 20px 5%;
	}

}

@media screen and (max-width: 1085px) {

	.familyStatus .TableCell {display: block;}
	.familyStatus .PaddedLeft {padding-left: 0px;}
	
	.UserConfig .PaddedLeft {padding-left: 15px;}
}

@media screen and (max-width: 1000px) {

	.sidebar, .content {
		display: block;
		width: auto;
	}
	
	.sidebar {display: none;}
	
	.sidebarMobile {
		display: block;
		text-align:center;
	}

}

@media screen and (max-width: 950px) {

	.UserConfig, 
	.UserConfig .Table {width: 100%; table-layout: auto;}
	
	.UserConfig .PaddedLeft {padding-left: 0px;}
	.UserConfig .MainCell {display: block;}
	.UserConfig .MainCell .TableCell:first-child {
		width: 170px;
	}
		
}

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

	#TATEHALogInBody .Table,
	#TATEHALogInBody .TableRow,
	#TATEHALogInBody .TableCell{
		display:block;
		width:auto;
	}
	
	#TATEHALogInHeader,
	#TATEHALogIn{
		min-height:0;
	}
	
	#TATEHALogIn .login{
		margin-top:70px;
		margin-bottom:20px;
	}

}


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

	.PaddedLeft {padding-left: 0px;}
	
	#userProfileForm .TableCell, 
	#TelevisionForm .TableCell, 
	#hPCPForm .TableCell, 
	#MessageDetailForm .TableCell, 
	#deviceConfigurationForm .Table.Devices .TableCell {display: block;}

}


@media screen and (max-width: 580px) {

	.FilterFormContainer .TableCell > label{
		float:none;
		display:block;
		width:auto;
	}
	
	.FilterFormContainer .TableCell:first-child > label{
		margin-top:0;
	}
	
	.FilterFormContainer .Messages + input[type=submit]{
		display:block;
		width:90%;
		margin:0 auto 20px;
		padding:10px;
	}


}

@media screen and (max-width: 450px) {

	#TATEHALogIn{
		padding:0;
	}
	
	#TATEHALogIn .logo{
		width:50%;
		margin:-20px auto 10px;
	}
	
	#TATEHALogIn .login{
		margin-top:30px;
		margin-bottom:0;
	}
	
	#TATEHALogIn .login .btn,
	#TATEHALogIn .login input[type="submit"]{
		padding:5px 10px;
	}
	
	.LogInHdr1{
		font-size:2em;
	}
	
	.LogInHdr2{
		font-size:1.5em;
	}

}