/* CSS Document */

@media only screen and (max-device-width:480px), handheld and (orientation: portrait){
	body {
		/*font-size: 16px; */
	}
	
	body.popup {
		max-width: 480px;
		max-height: 800px;
		background: #fff;
		font-size: 12px;
	}
	
	.main p {
		margin: 0;
	}
	label {
		width:auto;
	}
	
	#chatwindow {
		margin: 0;
		height: 80%; 
	}
	
	#msg {
		width: auto;
		/* height: 60px; */
	}
	
	#chatform {
		-webkit-appearance:none;
		-moz-appearance:none;
	/*	line-height:60px;
		font-size: 40px; */
	}
	
	#chatform input[type="text"] {
		width: auto;
	}
	
	input[type=text], input[type=url], input[type=email], input[type=password], input[type=tel] {
  		-webkit-appearance: none; -moz-appearance: none;
  		margin: 0;
  		border: 1px solid #bbb;
}
	
	button[type=submit] {
 -webkit-appearance: none; -moz-appearance: none;
 display: block;
 margin: 1.5em 0;
 font-size: 1em; line-height: 2.5em;
 color: #333;
 font-weight: bold;
 height: 2.5em; width: 100%;
 background: #fdfdfd; background: -moz-linear-gradient(top, #fdfdfd 0%, #bebebe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#bebebe)); background: -webkit-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: -o-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: -ms-linear-gradient(top, #fdfdfd 0%,#bebebe 100%); background: linear-gradient(to bottom, #fdfdfd 0%,#bebebe 100%);
 border: 1px solid #bbb;
 -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
}	

.connectedSortable .icon {
	height:30px;
}
}

@media only screen and (max-device-width:480px) and (orientation: landscape){
	body.popup {
		max-width: 800px;
		max-height: 480px;
	}
}

@media only screen and (max-device-width:320px) {
	body.popup {
		max-width: 320px;
		max-height: 480px;
		min-width:100%;
	}
	
	#chatwindow {
		height: 382px;
	}
	.message{
		width: auto;
		margin: 0;
	}
}