canvas {
    border: 1px solid black;
}

h1 {
    font: 6pt Arial, serif
}

.ui-field-contain:last-child { 
    opacity: 0.5;
    margin-top: -5em;
}

.buttonsHeader {
    margin-bottom: -4em;
    opacity: 0.5;
}

iframe {
    border: none; 
}
         
div.ui-slider {
    display: inline-block;
    height: 15px;
    margin: 0 0% 0 0px;
    overflow: visible;
    padding: 0;
    position: relative;
    top: 4px;
    width:100%;
}

.ui-content {
    max-width: 600px; 
    margin-left: auto; 
    margin-right: auto !important;
}

.titelimg {
    width: 100%; 
    max-height: 400px; 
    max-width: 600px; 
    text-align:center;
}

#title {
    margin-right:20%; 
    margin-left:20%;
}

#densityFunction {
    position:relative;   
    left: 0px; 
    top: 0px;
}

#distributionFunction {
    position:relative;   
    left: 0px; 
    top: 0px;
}

#canvasdiv {
    width:250px;
}

#selectFrame {
    position:relative;
    margin-top:0px;
    margin-left:0px;
    margin-right:0px;
    margin-bottom:0px;
    padding-top:0px;
    padding-bottom:0px;
}

#ndiv {
    position:relative;
    
    width:40px;
    height:25x;
}

#pdiv {
    position:relative;
    text-align:right;
    width:40px;
    height:25px;
}

#xdiv {
    position:relative;
    text-align:right;
    width:40px;
    height:25px;
}

#sliderxdiv {
    
    position:relative;
    height:25px;
}

#sliderpdiv {
    position:relative;
    height:25px;
}

#div_value_x {
    
    width:50px;
    height:25px;
    position:relative;
}

#div_value_p {
    width:50px;
    height:25px;
    position:relative;
}

#contentdiv {
	overflow-y:hidden;
}

#page_binomial_distribution  {
	overflow-y:hidden;
}

html.ui-mobile body#body.ui-mobile-viewport div#page_binomial_distribution.ui-page div#contentdiv.ui-content div div#sliderxdiv div.ui-slider div.ui-slider-track {
        margin-left:0px;
        margin-right:0px;
        top:0px;
}

html.ui-mobile body#body.ui-mobile-viewport div#page_binomial_distribution.ui-page div#contentdiv.ui-content div div#sliderpdiv div.ui-slider div.ui-slider-track {
    margin-left:0px;
    margin-right:0px;
    top:0px;
}

.ui-bar-b {
	border: 1px solid 		#456f9a /*{b-bar-border}*/;
	background: 			#5e87b0 /*{b-bar-background-color}*/;
	color: 					#fff /*{b-bar-color}*/;
	font-weight: bold;
	text-shadow: 0 /*{b-bar-shadow-x}*/ 1px /*{b-bar-shadow-y}*/ 0 /*{b-bar-shadow-radius}*/ #3e6790 /*{b-bar-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #47A7D9 /*{b-bar-background-start}*/), to( #0054A7 /*{b-bar-background-end}*/)) !important; /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #47A7D9 /*{b-bar-background-start}*/, #0054A7 /*{b-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #47A7D9 /*{b-bar-background-start}*/, #0054A7 /*{b-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #47A7D9 /*{b-bar-background-start}*/, #0054A7 /*{b-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #47A7D9 /*{b-bar-background-start}*/, #0054A7 /*{b-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #47A7D9 /*{b-bar-background-start}*/, #0054A7 /*{b-bar-background-end}*/);
}

.ui-btn-up-b {
	border: 1px solid 		#044062 /*{b-bup-border}*/;
	background: 			#396b9e /*{b-bup-background-color}*/;
	font-weight: bold;
	color: 					#fff /*{b-bup-color}*/;
	text-shadow: 0 /*{b-bup-shadow-x}*/ 1px /*{b-bup-shadow-y}*/ 0 /*{b-bup-shadow-radius}*/ #194b7e /*{b-bup-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #47A7D9 /*{b-bup-background-start}*/), to( #0054A7 /*{b-bup-background-end}*/)) !important; /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #47A7D9 /*{b-bup-background-start}*/, #0054A7 /*{b-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #47A7D9 /*{b-bup-background-start}*/, #0054A7 /*{b-bup-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #47A7D9 /*{b-bup-background-start}*/, #0054A7 /*{b-bup-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #47A7D9 /*{b-bup-background-start}*/, #0054A7 /*{b-bup-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #47A7D9 /*{b-bup-background-start}*/, #0054A7 /*{b-bup-background-end}*/);
}
.ui-btn-hover-b {
	border: 1px solid 		#00415e /*{b-bhover-border}*/;
	background: 			#4b88b6 /*{b-bhover-background-color}*/;
	font-weight: bold;
	color: 					#fff /*{b-bhover-color}*/;
	text-shadow: 0 /*{b-bhover-shadow-x}*/ 1px /*{b-bhover-shadow-y}*/ 0 /*{b-bhover-shadow-radius}*/ #194b7e /*{b-bhover-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #57B7E9 /*{b-bhover-background-start}*/), to( #1064B7 /*{b-bhover-background-end}*/)) !important; /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #57B7E9 /*{b-bhover-background-start}*/, #1064B7 /*{b-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #57B7E9 /*{b-bhover-background-start}*/, #1064B7 /*{b-bhover-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #57B7E9 /*{b-bhover-background-start}*/, #1064B7 /*{b-bhover-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #57B7E9 /*{b-bhover-background-start}*/, #1064B7 /*{b-bhover-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #57B7E9 /*{b-bhover-background-start}*/, #1064B7 /*{b-bhover-background-end}*/);
}
.ui-btn-down-b {
	border: 1px solid 		#225377 /*{b-bdown-border}*/;
	background: 			#4e89c5 /*{b-bdown-background-color}*/;
	font-weight: bold;
	color: 					#fff /*{b-bdown-color}*/;
	text-shadow: 0 /*{b-bdown-shadow-x}*/ 1px /*{b-bdown-shadow-y}*/ 0 /*{b-bdown-shadow-radius}*/ #194b7e /*{b-bdown-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #0054A7 /*{b-bdown-background-start}*/), to( #47A7D9 /*{b-bdown-background-end}*/)) !important; /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #0054A7 /*{b-bdown-background-start}*/, #47A7D9 /*{b-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #0054A7 /*{b-bdown-background-start}*/, #47A7D9 /*{b-bdown-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #0054A7 /*{b-bdown-background-start}*/, #47A7D9 /*{b-bdown-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #0054A7 /*{b-bdown-background-start}*/, #47A7D9 /*{b-bdown-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #0054A7 /*{b-bdown-background-start}*/, #47A7D9 /*{b-bdown-background-end}*/);
}

.ui-bar-b,
.ui-bar-b input,
.ui-bar-b select,
.ui-bar-b textarea,
.ui-bar-b button {
	font-family: Arial/*{global-font-family}*/ !important;
}
.ui-body-b,
.ui-body-b input,
.ui-body-b select,
.ui-body-b textarea,
.ui-body-b button {
	font-family: Arial/*{global-font-family}*/ !important;
}
.ui-btn-up-b,
.ui-btn-hover-b,
.ui-btn-down-b {
	font-family: Arial/*{global-font-family}*/ !important;
	text-decoration: none;
}