html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
.banner {background-image: url("/products/mdg/bpsim/BPSim-screenshot-horizon.png");padding-left: 320px;padding-right: 50px;background-position: left 40px;overflow: hidden;background-repeat: no-repeat;}
h1 {font-size:80px;text-align:center;margin:10px;font-family: 'Roboto', sans-serif;color:#666;font-weight: 500; letter-spacing: -1px;line-height:70px;font-family: "Roboto",sans-serif;margin-bottom: 50px;}
h2 {color: #666;font-family: "Roboto",sans-serif;font-size: 3em;font-weight: 200;margin: 0;margin-top:30px;margin-bottom:20px;line-height:24px;text-align:left;}
.topic-container{padding: 36px 0px;}
.topic-container h2 {font-size: 52px;line-height: 1.07724;font-weight: 200;letter-spacing: -.016em;font-family: "Roboto",sans-serif;text-align: center;}
h3{color: #666;font-family: "Roboto",sans-serif;font-size: 24px;font-weight: 200;margin: 0;margin-top:20px;line-height:24px;}
h4 {color: #333;font-size: 16px;font-weight: 200;margin: 0px;padding:10px;display:inline-block;}
p{font-size: 16px;line-height:normal;color: grey !important;}
ul {font-size: 16px;line-height:normal;color: grey !important;}
.rounded-button{background-color: #f5f5f5;border: 1px solid #595959;border-radius: 25px;color: #595959;cursor: pointer;font-family: "Roboto",sans-serif;font-size: 16px;font-weight: 400;margin: 4px 8px;padding: 5px 15px;text-align: center;}

.w3-third{height:300px;}
.quickview{margin:10px 5px;padding:24px 10px;color:#666;height:100%;}
.browserlabel{text-align:center;width: 99%}
.browserlabel-50-50 {height:50px;margin-left:-50px}

.center img {display:block;margin-left:auto;margin-right:auto;}
/*flowchart*/		
#chart {max-width:420px;list-style: none;padding: 0;position: float;margin: 0 auto;}
#chart li {display: block;height:auto;overflow:hidden;}
#chart .block {width: 100%;min-height: 40px;border: 1px solid #666;position: relative;}
#chart .block-content {width: 100%;display:inline-block;}
#chart .next-icon {width: 32px;height: 32px;background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAA3NCSVQICAjb4U/g AAAACXBIWXMAAARuAAAEbgHQo7JoAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2Nh cGUub3Jnm+48GgAAAB5QTFRF////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA how4rQAAAAl0Uk5TAAwREiowWMPOLoJhMgAAAEhJREFUKFNjYBhCgCUNDgLAAoyV M6FghgFEiThMoBmqB6YEpgCuBKYApgShAKoEoQCiBFkBWAmyApASVAVAJagKgEoU GIYaAADIMSWmfFk62AAAAABJRU5ErkJggg==') no-repeat 50% 0;display: block;left: 5%;opacity: 0.6;}
.global{display:block;margin-left:auto;margin-right:auto;text-align:center;}

/*show and hide*/
.list {display: none;float: left;height: auto;margin: 5x 0px;border-top: 1px solid #666;padding:8px;}
.show {display: none;}
#buy-now-top {text-align: center;margin: 40px auto;}
#buy-now {text-align: center;margin: 30px auto 30px;}

.rounded-button-dust-blue-solid {
	color: #595959;
    font-family: "Roboto",sans-serif;
    font-size: 16px;
    font-weight: 400;
	cursor: pointer;
    background-color: #f5f5f5;
    border: 1px solid #595959;
    border-radius: 25px;
    color: #595959;
    margin: 4px 8px;
    padding: 5px 40px;
    text-align: center;
	display: inline-block;
}
.rounded-button-dust-blue-solid:hover {background-color:#DDD;}

.hz-button-dust-grey-top{
	text-align:center;
	margin: 0 auto;
    /* width: 99%; */
}


.hz-button-dust-grey-top li{
	background: #f5f5f5 none repeat scroll 0 0;
    border: 1px solid #595959;
    border-radius: 33px;
    color: #595959;
    display: inline-block;
    list-style-type: none;
    margin: 5px 0;
    overflow: visible;
    padding: 0 25px;
    white-space: nowrap;
}

.hz-button-dust-grey-top li:hover {background-color:#DDD;}

.hz-button-dust-grey-top a {
	color: #595959;
    font-family: "Roboto",Calibri,sans-serif;
    font-size: 16px;
    font-weight: 400;
    padding-top: 10px;
    text-decoration: none;
	
}

.hide:target + .show {
    display: inline;
}
.hide:target {
    display: none;
}
.hide:target ~ .list {
    display: inline;
}
.hide, .show {
    color: #fff;
    float: right;
    font-size: 20px;
    height: 20px;
	line-height:20px;
    margin-right: 0;
	margin-top:10px;
    opacity: 0.95;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 #666;
    width: 30px;
}
.hide:hover, .show:hover {
    color: green;
    opacity: 1;
    text-decoration: none;
}
#ipads > img {
    max-width: 45%;
    padding: 60px 60px 0 70px;
}
#ipads{
text-align:center;	
}
#overview {
	max-width:90%; 
	height:auto;
}

#screenshots{
	max-width:100%;
	height: auto;
	
}
#subhead-top{
	color: #595959;
    font-family: "Roboto",Calibri,sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;
    margin: 0px auto 0px;
    text-align: center;
	
}
#techoverview{
text-align:center;
}

.topic-container .text-med {
    width: 49%;
}
.topic-container .left {
    float: left;
    padding: 0;
}
.topic-container .hard-right {
    float: right;
}
.text-med.hard-right > img{
	margin-left:40px;
	margin-top:75px;
}

#webea-browser{
	max-width:500px;
	width: 90%;
	margin-top: 120px;
}
#webea{
	max-height: 415px;
	margin-left:65px;
}
#webea2{
	max-height: 415px;
	margin-left:15px;
}
/*webea highlight*/

.webeahight{
	  	margin:5px;
		padding:10px 10px;
   		color:#666;		
	 	position:relative;
		}
.webeahight h4{
		padding:10px;
   color:#666;		
	 width:100%;
	 text-align:left;
	 
		}
.webeahight ul{
	  margin:5px;
		padding:0px;
		}
.webeahight  li {
    background-image: url("/images/icons/tick-bold-green-11px.png") !important;
    background-position: 0 4px;
    background-repeat: no-repeat;
    list-style-type: none;
    padding-left: 16px;
		text-align:left;
}
.webealearn {position:absolute;bottom:10px;}
	
	/*release history*/
.releaseswitch{	float:left;}
td.body-text-bld {font-size:16px;font-weight:normal;}
table.widthFullPadded{font-size:14px;color:#666;} 
	
	/*navigation a*/
a.topnav {
text-decoration:none;
padding:5px 10px;
color:#000;
font-size:14px;
opacity: 0.6;	
display:table-cell;
}

form {margin-bottom: 0!important;}
#techoverviewimg{max-width:95%; height:auto;}
.img-vislvl {display:block; margin: 30px auto;width:99%;}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 1000px) {
	.span_2_of_2, .span_1_of_2 { width: 100%; }
	.topic-container .text-med{width:100% !important;padding-left:15px; padding-right:15px;}
	.hard-right{display:block; width:100%; padding-left:15px; padding-right:15px;}
	.text-med.hard-right > img {margin-left:0px;}
	#webea{max-width:100%; height:auto;}
	#webea-browser{max-width:95%; height:auto;}
	#techoverview{max-width:95%; height:auto;}
/*	#techoverviewimg{max-width:100%; height:auto;}  */
	#ipads > img {max-width: 90%;padding: 15px;
}
	
	}
	
}

/*contact form*/
.error {color: #FF0000;}
.contactBox {padding: 20px 40px 40px 40px; box-shadow:2px 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important;background-color:#EFEFEF;}
.contactBox *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.w3-text-grey{color:#757575!important;font-size:16px!important; margin:10px;}
.w3-input{padding:8px;display:block;border:none;border-bottom:1px solid #808080;max-width:90%;margin-top:0px;}
.w3-border{border:1px solid #ccc!important}
.w3-btn{border:none;display:inline-block;outline:0;padding:6px 16px;vertical-align:middle;overflow:hidden;text-decoration:none!important;color:#fff; background-color: #60B1E9;text-align:center;cursor:pointer;white-space:nowrap;width:150px;height:40px; float:right;font-size:18px;}
#form1 ul li{margin-left:20px;line-height:20px;padding-top:5px;}
#form1 ul {color:#555;padding-left:10px;}

/* Licenses Table */
.licenses table {
    border-collapse: collapse;
	border: 1px solid #ddd;
	margin: 0px auto 0px;
	width: 80%;
	font-size: 15px
}

table.licenses-table tr:nth-child(2n) {
    background: #eee;
    border: 0px solid transparent;
    overflow: visible;
}

.licenses-tableheader {background:#64BAFA;color:#FFF;}

.licenses-table td {
	text-align: center;
	height: 20px;
	padding: 10px;
	border: 1px solid #ddd;
}

.licenses ul {
	padding-left: 50px;
}
.licenses li {
	list-style-type: square;
}

.bk-alt {
    background: #F6F6F6;
}
.w3-eatop {
	margin-top: 72px;
	padding-top:36px;
	position: relative;
}
#pcs-topbanner {
    background-image: url("/products/procloudserver/ProCloudServer-Banner-gradient.png");
    background-position: center top;
    min-height: 250px;
    overflow: visible;
    width: 100%;
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: center;
    width: 100%;
}
#pcs-grad {
    min-height: 200px;
    background: #cce0ea;
    background: -webkit-linear-gradient(#cce0ea, #fff);
    background: -o-linear-gradient(#cce0ea, #fff);
    background: -moz-linear-gradient(#cce0ea, #fff);
    background: linear-gradient(#cce0ea, #fff);
}
#pro {
    font-family: "Roboto", sans-serif;
	font-size: 90px;
}
#server {
    font-family: "Roboto", sans-serif;
	font-size: 90px;
}

.pcs-sub {font-family: "Roboto", sans-serif;font-size: 35px;font-weight: 300;color: #666;display:block;margin-top: 10px;}
.pcs-with {font-family: "Roboto", sans-serif;font-size: 18px;font-weight: 300;color: #666;display:block;margin-bottom: 5px;}

.navmap {width:1000px;}
.error {color: #FF0000;}
.w3-input, textarea {background-color: white;margin-bottom:10px;}
label{margin-top: 10px!important;}
#phone {display: none;}

.page-heading {text-align: center;margin: 24px 0px;line-height: 1em;font-size: 4em;font-weight: 400;font-family: "Roboto",sans-serif;}
.webea-heading {font-size: 66px;line-height: 1.07724;font-weight: 200;letter-spacing: -.016em;font-family: "Roboto",sans-serif;text-align: center;margin-top: 30px;margin-bottom: 20px;}
.img-pcs-sparx-logo {text-align:center; padding-top:30px;}
.img-pcs-webea-logo {padding-top: 26px; width: 115px;}
.img-pcs-ea-logo {width: 300px;}
.img-pcs-oslc-logo {padding-top: 18px; width: 130px;}
.p-oslc-subheading-block {display:block;margin:60px 0 5px 0;font-size:24px;}
.img-screen-collage {display:block;margin: 20px auto; background: url('/images/graphics/homepage/ProCloudServer-screenCollage.png') no-repeat;max-width:800px;max-height:440px;background-size:contain;background-position: center;}
.img-screen-collage-link {max-width:800px; height:440px;display:block}
.img-pcs-screen-collage {width:100%; max-width: 800px;}
.img-pcs-understanding-knowledge {width:66%; max-width: 800px;}
.img-pcs-2-smartphones {margin:5px auto;padding-top:35px;width:90%;max-width:315px;}
.href-demo-sandbox {text-align:center;padding:14px 100px; color: #666!important;line-height:24px;margin: 0 auto;}
.color-333 {color:#333;}
.width-10 {width:10px;}
.demo-video-layout {margin:20px auto;text-align:center;}
.img-pcs-integrations {display:block; width: 100%; margin-top: 20px;}
.img-pcs-floatinglic-server {display:block; margin: 35px auto;}
.img-pcs-oslc-log-2 {display:block; margin: 55px auto;}
.img-pcs-system-req {display:block; margin: 20px auto;}
.pcs-request-trial-success {clear: both; background-color: #4caf50 !important;color: #fff !important;text-align:center}
.font-size-16 {font-size:16px;}
.pcs-req-trial-textarea {width:95%;border: 1px solid #555 !important;min-height:100px;font-size:13px!important;font-family:arial!important;}
.height-120px {height:120px;}
.pcs-req-trial-submit-btn {margin:50px 100px 0px 0px;}
.width-90per {width: 90%}
.rounded-blue-button {font-family:"Roboto",sans-serif;font-size:20px;font-weight:bold;cursor:pointer;background-color:#1e88e5;border:1px solid #7a7a7a;border-radius:12px;color:#fff;margin:4px 5px;padding:0px 15px;text-align: center;min-width:190px;display:inline-block;}
.rounded-blue-button:hover {background-color:#0b6cc2;cursor: pointer;border:1px solid #7a7a7a;}
.rounded-blue-button a {color:#fff;text-decoration:none;}
.pcs-trial-img {border: 1px solid #aaa;margin-bottom: 20px;}

.pcs-logo-ea, .pcs-logo-oslc, .pcs-logo-prolaborate, .pcs-logo-webea {background-image: url(images/pcs-logos-sprite.png);background-repeat: no-repeat;display: block;margin:0px auto;}
.pcs-logo-ea {width: 300px;height: 82px;background-position: -2px -2px;}
.pcs-logo-oslc {width: 130px;height: 58px;background-position: -2px -88px;}
.pcs-logo-prolaborate {width: 200px;height: 30px;background-position: -2px -150px;}
.pcs-logo-webea {width: 115px;height: 31px;background-position: -136px -88px;}

.contact-box {box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;background-color: #EFEFEF;min-width: 600px;margin: 10px;}
.h2-your-info {margin: 12px 10px 10px 15px !important;display:inline-block;font-family:"roboto";font-size:1.5em!important;font-weight:bold!important;}
.hr-hdr {margin: 0px 4px 0px 10px;border: 1px solid #ccc;}
.error {color: #fb4848;padding:0px 10px;}
.w3-btn{border:none;display:inline-block;outline:0;padding:0px 16px;vertical-align:middle;overflow:hidden;text-decoration:none!important;color:#fff; background-color: #60B1E9;text-align:center;cursor:pointer;white-space:nowrap;width:150px;height:40px;font-size:18px;}
.contact-box {box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;background-color: #EFEFEF;min-width:600px;margin: 10px;}
.contact-box-padding {padding: 20px 40px 40px 40px;}
.table-field-layout {width:100%;}
.table-field-layout td {padding:4px;}
.table-field-layout-col1 {text-align:right;min-width:200px;vertical-align:top;padding-top:7px!important;}
.table-field-layout-col2 {width:100%;}
.field-desc {vertical-align: bottom;display: inline-block;margin-top:0px!important;}
.field-name {width:90%;max-width:400px;border:1px solid #aaa;padding:4px;border-radius:2px;}
.field-email {width:90%;border:1px solid #aaa;padding:4px;border-radius:2px;}
.field-product {width:400px;border:1px solid #aaa;padding:4px;border-radius:2px;}
.field-phone {width:250px;border:1px solid #aaa;padding:4px;border-radius:2px;}
.field-combo {max-width:400px;width:95%;border:1px solid #aaa;padding:4px;border-radius:2px;background-color: white;}
.field-order {width:300px;border:1px solid #aaa;padding:4px;border-radius:2px;}
.field-date {width:200px;border:1px solid #aaa;padding:4px;border-radius:2px;}
.field-radio {margin-left:30px;border:1px solid #aaa;border-radius:2px;}
.field-comment {width:95%;border:1px solid #aaa;padding:4px;border-radius:2px;height:5em;max-width:95%;resize: vertical;}
.no-border {border:none;}
label.pcs-component-choice {display:inlinde-block;line-height: 10px;padding: 4px 0 5px;width: 400px;font-size: 12px;}
.checkbox {display:inline-block;}
.option-description {font-size:12px;padding:0px 30px 10px 30px;margin:0px;color: #333!important;}
.display-inline-block {display:inline-block;}
.height-28 {height:28px;}
.padding-b-4 {padding-bottom:4px;}

.max-width-90per {max-width: 90%;text-align: center;}