/* 2017 0619 jpp */
/* 
 * CSS file for ibm.com developerWorks: Northstar Sandbox Code CSS 
 * Copyright (c) 2017 IBM Corporation
 * Owner: developerWorks Content/Raleigh/IBM (jpp)
 * Last change: Deploy button
*/

.pef {
	width: 100%;
	padding-bottom: 20px;
}
.pef .section {
	width: 100%;
	/* jpp 052317 */
	/* padding: 5px 10px !important; */
	padding: 14px 10px 16px !important;
	margin-bottom: -2px !important;
	box-sizing: border-box;
}
.pef div {
	margin-bottom: 0px !important;
}
.pef form {
	margin-bottom: 0px;
}
.pef .CodeMirror-line  {
	box-shadow: none;
}
.pef .codeForm .get img{
	height: 18px;
}
.pef .codeGroup {
	width: 100%;
	/* jpp 052317 */
	/* border: 1px #DDD solid; */
	border-width: 2px 1px 1px;
    border-style: solid;
    border-color: #ddd;
}
.pef textarea {
    font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
}
.pef .result, .pef .resultExpected {
	display: none;
	/* jpp 052317 */
	/* width: 100%; */
	width: 98%;
	padding: 10px 0 10px 10px;
	border: 1px #ddd solid;
	overflow-x: auto;
	box-shadow: none;
}
/* jpp 060217 */
.pef .resultDeploy {
	display: none;
	width: 98%;
	padding: 10px 0 10px 10px;
	border: 1px #ddd solid;
	overflow-x: auto;
	box-shadow: none;
}
.pef .resultEval {
	width: 100%;
	padding: 10px;
}
.pef .code, .pef .hidden {
	display: none !important;
}
/* jpp 052317 */
.pef button {
    padding: 12px 15px !important;
    display: inline-block;
	margin: 0;
    border-width: 1px 1px 0;
    border-style: solid;
    border-color: #ddd;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
    color: #3b6caa;
    background-color: #fff;
    font-size: 1.2rem;
	font-weight: normal;
	line-height: 20px;
	vertical-align: middle;
	text-decoration: none;
	cursor: pointer;
}
.pef button[disabled] {
    background-color: #ececec;
    border: 2px solid #ececec;
    color: #777677;
    cursor: not-allowed;
}
.pef .section, .pef .submit, .pef .execute {
	padding: 10px;
	display: inline-block;
	margin: 0;
	/* jpp 052317 */
    /* border: 1px solid #ddd; */
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #ddd;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	/* jpp 051717 */
	/* color: #333; */
	color: #5a5a5a;
	/* background-color: #f9f9f9;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f1f1f1));
	background-image: -webkit-linear-gradient(top, #f9f9f9, #f1f1f1);
	background-image: -moz-linear-gradient(top, #f9f9f9, #f1f1f1);
	background-image: -ms-linear-gradient(top, #f9f9f9, #f1f1f1);
	background-image: -o-linear-gradient(top, #f9f9f9, #f1f1f1);
	background-image: linear-gradient(top, #f9f9f9, #f1f1f1); */
	background-color: #fff;
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	text-shadow: 0 1px 0 #fff;
	/* jpp 051717 */
	/* font-size: 14px; */
	/* font-weight: 700; */
	font-size: 1rem;
	font-weight: normal;
	line-height: 20px;
	vertical-align: middle;
	/* white-space: nowrap; */
	text-decoration: none;
	cursor: pointer;
}
.pef .dw-show-result::before { 
    content: "\00a0\002b\00a0\00a0";
    vertical-align: 2px;
}
.pef .dw-hide-result::before { 
    /* jpp 053017 */
    content: "\00a0\2013\00a0\00a0";
    vertical-align: 2px;
}
.pef .codeButtons {
	width: 100%;
	border: 1px #DDD solid;
	border-bottom: 0;
}
.pef div.codeButtons button {
    background-color: #ffffff;
    border: 0px none;
    color: #3b6caa;
    padding: 12px 15px;
    font-size: 1.2rem;
}
.pef div.codeButtons button:hover {
    cursor: pointer;
}
.pef div.codeButtons button:disabled:hover {
    cursor: not-allowed;
}
.pef div.codeButtons button.run::before {
    content: url(//dw1.s81c.com/developerworks/i/dw-sandbox-run-icon.png);
    padding-right: 12px;
    vertical-align: -4px;
}
/* jpp 053117 */
.pef div.codeButtons button.deploy::before {
    content: url("//dw1.s81c.com/developerworks/i/dw-sandbox-deploy-icon.png");
    padding-right: 12px;
    position: relative;
    top: -2px;
    vertical-align: -4px;
}
.pef div.codeButtons button:disabled {
    color: #aeaeae;
}
.pef div.codeButtons button.run:disabled:before {
    content: url(//dw1.s81c.com/developerworks/i/dw-sandbox-run-disabled.png);
}
/* jpp 053117 */
.pef div.codeButtons button.deploy:disabled:before {
    content: url(//dw1.s81c.com/developerworks/i/dw-sandbox-deploy-disabled.png);
}
.pef table.cf {
	width: 100%;
}
.pef table.cf td {
	border: 0px;
	padding: 0px 20px;
	margin: 0px;
}
.pef table.cf input, .pef table.cf select {
	width: 100%;
	height: 100%;
	margin: 10px;
}
.dw-inline-signin, .dw-intro-signin {
    display: none;
}
.dw-sandbox-body-icon {
    display: inline;
    margin: 0;
    padding: 0;
    vertical-align: -4px;
}
.dw-sandbox-article-heading {
    color: #FF0C0C;
    font-weight: 600; 
    padding-left: 4px;
}