/* Swipe works with mouse as well but often causes text selection. */
#molecyleimage * {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

#rightchoise{
	padding-top: 3.3em;
}
#leftchoise{
	padding-top: 0.3em;
}
#demo-borders .ui-collapsible-heading .ui-btn { 
	border-top-width: 1px !important; 
}
#change2D{
	display:block;
}
#change3D{
	display:none;
}
#canvasSize {
    margin-top: 20px;
	margin-bottom: -15px;
}
#moveupchoice{
	margin-top: 1.4em;
}
#biomodelchoice{
	margin-bottom: 1.4em;
}
#measureform{
	margin-bottom: 1.4em;
}
#dragform{
	margin-top: 1.4em;
	margin-bottom: 1.4em;
}
@media only screen 
and (max-height: 480px) {
	#canvascontainer1{
	}
	#container2{
		min-width: 200px;
		margin: auto;
	}
}

@media only screen 
and (min-height: 481px) and (max-height: 600px) {
	#canvascontainer1{
	}
	#container2{
		max-width: 560px;
		min-width: 250px;
		margin: auto;
	}
}

@media only screen 
and (min-height: 601px) and (max-height: 620px) {
	#canvascontainer1{
	}
	#container2{
		max-width: 600px;
		min-width: 325px;
		margin: auto;
	}
}

@media only screen 
and (min-height: 621px) and (max-height: 660px) {
	#canvascontainer1{
	}
	#container2{
		max-width: 650px;
		min-width: 325px;
		margin: auto;
	}
}

@media only screen 
and (min-height: 661px) and (max-height: 690px) {
	#canvascontainer1{
	}
	#container2{
		max-width: 700px;
		min-width: 325px;
		margin: auto;
	}
}

@media only screen 
and (min-height: 691px) and (max-height: 720px) {
	#canvascontainer1{
	}
	#container2{
		max-width: 800px;
		min-width: 325px;
		margin: auto;
	}
}

@media only screen 
and (min-height: 721px) and (max-height: 768px) {
	#canvascontainer1{
	}
	#container2{
		max-width: 900px;
		min-width: 325px;
		margin: auto;
	}
}

@media only screen 
and (min-height: 769px) and (max-height: 820px){
	#canvascontainer1{
	}
	#container2{
		max-width: 1000px;
		min-width: 325px;
		margin: auto;
	}
}

@media only screen 
and (min-height: 821px) and (max-height: 900px){
	#canvascontainer1{
	}
	#container2{
		max-width: 1100px;
		min-width: 325px;
		margin: auto;
	}
}

@media only screen 
and (min-height: 901px) {
	#canvascontainer1{
	}
	#container2{
		max-width: 1200px;
		min-width: 325px;
		margin: auto;
	}
}
#moleculeName{
	text-align: center;
	color: #3388cc;
	font-size: 1.3em;
}
.collapsible{
	padding-top: 5px;
	padding-bottom: 5px;
}
.inlinediv1{
	width: 49%;
	padding-right: 2%;
	float: left;
	margin-bottom:-0.5em;
}
.inlinediv2{
	width: 49%;
	float: left;
	margin-bottom:-0.5em;
}
.inlinediv12{
	overflow: hidden;
}
.inlinediv34{
	overflow: hidden;
}
.inlinediv3{
	width: 49%;
	float: left;
	padding-right: 2%;
}
.inlinediv4{
	width: 49%;
	float: left;
}
#contentcontainer{
	margin: auto;
	width: 100%;
	max-width: 700px;
	overflow: hidden;
	border: 3px none;
	font-size: 1.2em;
	text-align: left;
}
#footerp{
	font-size: 1.2em;
	text-align: center;
}

div.center {
  margin-left: auto;
  margin-right: auto;
  width: 200px;
}

img.centre {
  margin-left: auto;
  margin-right: auto;
  display:block;
}

/*
#canvasWidth {
    
}

#canvasHeight {
    
}

#btnChangeSize {
    
}

#jmolApplet0_query {
    width: 100%;
}

.ui-input-text {
    width: 300px;
}

#jmolApplet0_submit {
    width: 200px;    
}

#jmolApplet0_select-button {
    width: 200px;            
}
#jmolApplet0_select {
    width: 100%;        
}
*/