#sc-dp-simulator {
	padding: 15px 15px 0 15px;
}

#explore {
	display: none;
}

#wds-sim-menu {
	padding-bottom: 15px;
}

#wds-sim-navigation {
	clear: both;
}

#simulator_panel {
	height: 526px;
}

#wds-sim-context, #wds-sim-context-orientation-tool, #wds-sim-canvas, .css-wds-context-scenario-content {
	float: left;
}

#wds-sim-canvas{
	*float: none;
}

.css-wds-context-explorer-margin{
	width: 400px;
	float: left;
	z-index: 0;
	position: absolute;
	padding-left: 10px;
	margin-top: 45px;
}

.css-wds-context-explorer-navigation-panel td{
	border: 0px;
}

.css-wds-context-scenario-title{
	color: #000695;
	font-size: 18px;
	font-weight: normal;
}

.css-wds-context-scenario-steps {
	font-size: 9pt;
	font-weight: bold;
	color: #000695;
	position: relative;
	width: 75px;
	top: 360px;
	*top: 355px;
}

/******************BUTTON MENU *************************************/
.css-wds-stack-menu-button {
	background-image: url("../images/buttons.png");
	background-repeat: no-repeat;
	background-position: -403px 0;
	cursor: pointer;
	width: 114px;
	height: 42px;
}

.css-wds-stack-menu-button:hover {
	background-position: -403px -44px;
}

.css-wds-menu-dropdown {
	border: 1px solid black;
	width: 412px;
}

.css-wds-menu-dropdownPopup {
	z-index: 10;
}

.css-wds-menu-submenu {
	border: 1px solid red;
}

/*A part of MenuBar, can't figure out a way to change this */
.css-wds-menu-dropdown .subMenuIcon {
	display: none;
}

/******************STACK MENU *************************************/
.css-wds-stack-menu {
	background-color: white;
	overflow-x: hidden !important;
	overflow-y: scroll !important;
	height: 400px;
	border: 1px solid #EBEBEB;
	z-index: 1;
}

.css-wds-stack-menu div {
	float: left;
}

.css-wds-stack-menu td {
	vertical-align: middle;
}

.css-wds-stack-menu-action,.css-wds-stack-menu-category,.css-wds-stack-menu-menu-item {
	min-height: 30px;
	_height: 30px;
	width: 410px;
}

.css-wds-stack-menu-action,.css-wds-stack-menu-category {
	border: 0px;
	padding: 0px;
	margin: 0px;
	height: 30px;
	cursor: default;
	border-top: 1px solid #EBEBEB;
}

.css-wds-stack-menu-action div,.css-wds-stack-menu-category div,.css-wds-stack-menu-menu-item div {
	margin-top: 7px;
}

.css-wds-stack-menu img {
	margin-top: 6px;
}

.css-wds-stack-menu-action-text,.css-wds-stack-menu-category-text {
	color: #000695;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	position: relative\9;
	top: 1px\9;
	*position: relative;
	*top: -6px;
}

.css-wds-hover .css-wds-stack-menu-menu-item-text{
	text-decoration: underline;
}

/* Action */
.css-wds-stack-menu-action-preicon-spacer, .css-wds-stack-menu-action-posticon-spacer {
	width: 2px;
}

.css-wds-stack-menu-action-icon {
	background-position: 0 0;
	background-position: center center;
	background-repeat: no-repeat;
	height: 13px;
	width: 13px;
	background-image: url( "../images/menu-icons.png" );
	background-position: 0px 0px;
	float: left;
	margin-right: 8px;
	margin-left: 8px;
	position: relative;
	top: 2px;
}

.css-wds-stack-menu-action-icon:hover {
    background-position: 0 -13px;
}

/* Category */
.css-wds-stack-menu-category-preicon-spacer, .css-wds-stack-menu-category-posticon-spacer {
	width: 2px;
}

.css-wds-stack-menu-category-icon {
	background-image: url( "../images/menu-icons.png" );
	background-position: center center;
	background-repeat: no-repeat;
	height: 13px;
	width: 13px;
	float: left;
	margin-right: 8px;
	margin-left: 8px;
	position: relative;
	top: 2px;
}

.css-wds-stack-menu-action-icon, .css-wds-stack-menu-category-icon {
	position: relative\9;
	top: 3px\9;
	*position: relative;
	*top: -4px;
}

.css-wds-stack-menu-category-icon-close {
	background-position: -13px 0px;
}

.css-wds-stack-menu-category-icon-close:hover {
    background-position: -13px -13px;
}

.css-wds-stack-menu-category-icon-open {
	background-position: 0px 0px;
}

.css-wds-stack-menu-category-icon-open:hover {
    background-position: 0 -13px;
}

/* Menu item */
.css-wds-stack-menu-menu-item {
	background-color: white;
	border-top: 1px solid #EBEBEB;
}

.css-wds-stack-menu-menu-item-preicon-spacer {
	width: 2px;
	padding-left: 27px;
	float: left;
}

.css-wds-stack-menu-menu-item-posticon-spacer {
	width: 2px;
}

.css-wds-stack-menu-menu-item-text {
	color: #309EED;
	cursor: pointer;
	font-size: 12px;
	width: 300px;
	padding-left: 0px\9;
	*padding-left: 30px;
	*line-height: 9px;
}

/******************NAVAGATION  *************************************/
.css-wds-navigation {
	margin-top: 15px;
	position: relative;
	left: -4px;
}

.css-wds-navigation-additional-restart, .css-wds-navigation-additional-restart-disabled,
.css-wds-navigation-additional-print, .css-wds-navigation-additional-restart-print,
.css-wds-navigation-next, .css-wds-navigation-next-disabled,
.css-wds-navigation-back, .css-wds-navigation-back-disabled {
	background-repeat: no-repeat;
	width: 86px;
	height: 28px;
	cursor: pointer;
	margin: 5px 0px 0px 5px;
	float: left;
	background-image: url("../images/buttons.png");
	position: relative;
	top: -42px;
	*top: -58px;
}

.css-wds-navigation-back {
    width: 90px;
	background-position: -160px 0;
}

.css-wds-navigation-back-disabled {
    width: 90px;
	background-position: -160px -58px;
}

.css-wds-navigation-back:hover {
	background-position: -160px -29px;
}

.css-wds-navigation-next {
    width: 70px;
	background-position: -251px 0;
}

.css-wds-navigation-next-disabled {
    width: 70px;
	background-position: -251px -58px;
}

.css-wds-navigation-next:hover {
	background-position: -251px -29px;
}

.css-wds-navigation-additional-restart {
	background-position: 0 0;
}

.css-wds-navigation-additional-restart-disabled {
	background-position: 0 -58px;
}

.css-wds-navigation-additional-restart:hover {
	background-position: 0 -29px;
}

div.css-wds-navigation-additional-print-container{
	position: absolute;
    top: -36px;
    right: 400px;
}

.css-wds-navigation-additional-print-container .css-wds-navigation-additional-button-wrapper{
	position: relative;
	padding-left: 20px;
}

.css-wds-navigation-additional-button-wrapper:after{
	color: #3498db;
}

.css-wds-navigation-additional-print-container:hover .css-wds-navigation-additional-button-wrapper:after{
	color: #3498db;
	text-decoration: underline;
}

.css-wds-navigation-additional-print {
	width: 100%;
	height: 100%;
	background-color: #fff;
	background: url('../images/icon-spritesheet.png') no-repeat -225px -119px !important;
	position: absolute;
	top: 0;
	left: 0;
	float:none;
	margin:0;
}

.css-wds-navigation-additional-print-disabled {
	background-position: -86px -58px;
}

.css-wds-navigation-additional-print:hover {
	background-position: 0 -13px;
}


/******************CANVAS  *************************************/
#wds-sim-canvas-zoom-button {
	margin-left: 394px;
}

.css-wds-canvas-zoom-button-plus {
	position: absolute;
	background-repeat: no-repeat;
	height: 30px;
	width: 30px;
	position: absolute;
	background-image: url('../images/player/zoomIn_enabled.png')
}

.css-wds-canvas-zoom-button-minus {
	position: absolute;
	background-repeat: no-repeat;
	height: 30px;
	width: 30px;
	background-image: url('../images/player/zoomOut_enabled.png')
}

.css-wds-canvas-zoom-button-plus-disabled {
	position: absolute;
	background-repeat: no-repeat;
	height: 30px;
	width: 30px;
	background-image: url('../images/player/zoomIn_disabled.png')
}

.css-wds-canvas-zoom-button-minus-disabled {
	position: absolute;
	background-repeat: no-repeat;
	height: 30px;
	width: 30px;
	background-image: url('../images/player/zoomOut_disabled.png')
}

.css-wds-filmstrip-panel {
	width: 396px;
	height: 396px;
	cursor: url('../images/filmstrip/openhand.cur'), pointer;
}

.css-wds-filmstrip-rotate-panel {
	position: relative;
	top: -227px;
	background-image: url('../images/filmstrip/360arrow.png');
	width: 396px;
	height: 85px;
	cursor: url('../images/filmstrip/openhand.cur'), pointer;
}

.css-wds-canvas-media-view {
	color: #808285;
	font-size: 12px;
}

/******************CONTEXT  *************************************/
.css-wds-context {
	width: 410px;
	height: 415px;
	padding: 0;
	border: none;
}

.css-wds-context-explorer-orientation-widget {
	width: 102px;
}

.css-wds-context-explorer-orientation-widget tr td {
	padding: 0;
	margin: 0;
	border: 0;
}

.css-wds-context-explorer {
	width: 400px;
}

.css-wds-context-explorer-navigation-panel {
	padding-left: 150px;
}

.css-wds-context-explorer-state-option {
	font-weight: bold;
	font-size: 0.8em;
}

.css-wds-context-explorer-state-title {
	font-weight: bold;
	font-size: 0.8em;
	text-align: left;
}

.css-wds-context-explorer-orien-topleft, .css-wds-context-explorer-orien-topleft-on {
	width: 39px;
	height: 64px;
	background-image: url("../images/navigation.png");
}

.css-wds-context-explorer-orien-topleft-on {
	background-position: 0px 125px;
}

.css-wds-context-explorer-orien-top, .css-wds-context-explorer-orien-top-on {
	width: 25px;
	height: 64px;
	background-position: -39px 0px;
	background-image: url("../images/navigation.png");
}

.css-wds-context-explorer-orien-top-on {
	background-position: -39px 125px;
}

.css-wds-context-explorer-orien-topright, .css-wds-context-explorer-orien-topright-on {
	width: 38px;
	height: 64px;
	background-image: url("../images/navigation.png");
	background-position: -64px 0px;
}

.css-wds-context-explorer-orien-topright-on {
	background-position: -64px 125px;
}

.css-wds-context-explorer-orien-left, .css-wds-context-explorer-orien-left-on {
	height: 27px;
	width: 39px;
	background-position: 0px -64px;
	background-image: url("../images/navigation.png");
}

.css-wds-context-explorer-orien-left-on {
	background-position: 0px -189px;
}

.css-wds-context-explorer-orien-center, .css-wds-context-explorer-orien-center-on {
	height: 27px;
	width: 25px;
	background-position: -39px -64px;
	background-image: url("../images/navigation.png");
}

.css-wds-context-explorer-orien-center-on {
	background-position: -39px -189px;
}

.css-wds-context-explorer-orien-right, .css-wds-context-explorer-orien-right-on {
	height: 27px;
	width: 38px;
	background-position: -63px -62px;
	background-image: url("../images/navigation.png");
}

.css-wds-context-explorer-orien-right-on {
	background-position: -63px -187px;
}

.css-wds-context-explorer-orien-bottomleft,.css-wds-context-explorer-orien-bottomleft-on {
	height: 36px;
	width: 39px;
	background-position: 0px -91px;
	background-image: url("../images/navigation.png");
}

.css-wds-context-explorer-orien-bottom, .css-wds-context-explorer-orien-bottom-on {
	height: 36px;
	width: 25px;
	background-position: -39px -91px;
	background-image: url("../images/navigation.png");
}

.css-wds-context-explorer-orien-bottom-on {
	background-position: -39px -216px;
}

.css-wds-context-explorer-orien-bottomright,.css-wds-context-explorer-orien-bottomright-on {
	height: 36px;
	width: 38px;
	background-position: -63px -91px;
	background-image: url("../images/navigation.png");
}

.gwt-Button {
	float: left;
}

.css-wds-context-explorer-user-panel-text-name {
	text-align: left;
	color: #000695;
	font-size: 18px;
	font-weight: normal;
}

.css-wds-context-explorer-user-component-name{
	color: #000695;
	font-size: 18px;
	font-weight: normal;
}


.css-wds-context-explorer-user-panel-text-description, .css-wds-context-explorer-user-component-description{
	text-align: left;
	color: #727375;
	margin-top: 1em;
	margin-bottom: 3em;
}

.css-wds-context-explorer-user-panel-text-description{
	padding-top: 8px;
}

.css-wds-context-scenario-content {
	text-align: left;
}

/***********CONTEXT -email input ****************************/
.css-wds-context-scenario-input-submit {
	background-image: url("../images/buttons.png");
	background-repeat: no-repeat;
	width: 80px;
	height: 28px;
	cursor: pointer;
	margin: 5px 0px 0px 5px;
	background-position: -322px 0px;
}

.css-wds-context-scenario-input-submit:hover {
	background-position: -322px -29px;
}

.css-wds-context-scenario-input-text {
	color: #727375;
	font-size: 12px;
	font-weight: normal;
	height: 250px;
}

.css-wds-context-scenario-input-label{
	color: #404040;
	font-weight: bold;
	float: left;
	line-height: 20px;
}

.css-wds-context-scenario-input-textbox-wrapper {
	float: left;
	margin-left: 5px;
}

.css-wds-context-scenario-input-error-message{
	clear:both;
	text-align: right;
	width: 235px;
	color: red;
	font-size: .8em;
	font-weight: bold;
	position: relative;
	top: 5px;
}

.css-wds-context-scenario-input-fields {
	border-bottom: 1px solid #9A9A9A;
	height: 80px;
}

.css-wds-context-scenario-input-submit-wrapper {
	clear: both;
	text-align: center;
	width: 264px;
	padding-bottom: 3px;
	position: absolute;
	top: 535px;
	*top:520px;
}

/******************SEARCH  *************************************/
/******************EDIT  *************************************/
/******************DEVICE NAME  *************************************/
/******************INDEPENDENT STACK MENU (probably same as STACK MENU)  ************************************
    (i.e., this section should be empty!)
*/
.css-wdscanvas-panel {
	position: absolute;
	top: 50px
}

.css-wds-canvas {
	padding-left: 30px;
}

/******************FEEDBACK  *************************************/
#javascript-controls-panel {
	border: 1px solid black;
	width: 450px;
	text-align: center;
}

.css-wds-device-rotate-90 {
	_background-color: white; /*only IE needs this */
	/* _background-image: url("../images/background-90.jpg"); only IE needs this: if we need to match the background */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1 );
	/*IE */
	-o-transform: rotate(90deg); /*opera */
	-moz-transform: rotate(90deg); /* Firefox */
	-webkit-transform: rotate(90deg); /*Chrome, Safari,etc */
}

.css-wds-device-rotate-180 {
	_background-color: white;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2 );
	-o-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
}

.css-wds-device-rotate-270 {
	_background-color: white;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3 );
	-o-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
}

#wds-sim-feedback {
	position: relative;
	top: -25px;
	top: -20px\9;
	height: 0px;
	left: 0px;
	*left: -265px;
	*top: -5px;
}

.css-wds-feedback-text {
    color: #000793;
    font-weight: bold;
    margin-top: 5px;
    margin-left: 15px;
    margin-right: 15px;
    text-transform: capitalize;
}

.css-wds-feedback {
  	background-color: #F6F6F6;
    border: 1px solid #E2E2E2;
    clear: left;
    height: 63px;
    float:left;
}

.css-wds-feedback-positive, .css-wds-feedback-negative, .css-wds-feedback-positive-disabled, .css-wds-feedback-negative-disabled {
    cursor: pointer;
    float: left;
    height: 24px;
    margin-top: 5px;
    width: 24px;
    background: url("/public/images/elements/feedback.png") no-repeat;
}

.css-wds-feedback-positive {
    background-position: -63px -4px;
    margin-right: 5px;
    margin-left: 15px;
}

.css-wds-feedback-positive:hover {
    background-position: -63px -34px;
}

 .css-wds-feedback-positive-disabled {
    background-position: -63px -64px;
    margin-right: 5px;
    margin-left: 15px;
 }

.css-wds-feedback-negative {
    background-position: -3px -4px;
    margin-right: 15px;
}

.css-wds-feedback-negative:hover {
    background-position: -3px -34px;
}

 .css-wds-feedback-negative-disabled {
    background-position: -3px -64px;
 }

.css-wds-feedback-tooltip{
	display:none;
}

.css-wds-feedback-neutral{
	display:none;
}

/******************Decision Flow  *************************************/

.css-wds-context-decision-flow-title {
	display: inline-block;
	color: #34495E;
	font-size: 23px;
	font-weight: normal;
	position: relative;
}


.css-wds-context-decision-flow-content {
	top: -20px;
}

.css-wds-context-decision-flow-content > .css-wds-context-list-view {
	margin-top: 10px;
}

.css-wds-context-list-view-decision-flow-item {
	border-left: 4px solid transparent;
	background-color: transparent;
	opacity: .4;
	color: #34495E;
	line-height: 14px;
	font: 14px 'open-sans-reg';
}
.css-wds-context-list-view-decision-flow-item {
	opacity: 1.0;
}

.css-wds-context-decision-flow-back-button:hover {
	cursor: pointer;
}

.css-wds-context-list-view-decision-flow-item.active  {
	border-left: 4px solid #52A7E0;
	background-color: #f8f8f8;
	opacity: 1;
}

.css-wds-context-list-view-decision-flow-item-step-text{
	display: inline-block;
}

.css-wds-context-list-view-decision-flow-item-step-text {
	padding: 10px 0 10px 10px;
	width: 96%;
	vertical-align: middle;
}

.css-wds-context-decision-flow-answer-button {
	min-width: 94px;
	min-height: 35px;
	display: inline-block;
	color: #fff;
	background: #ff8200;
	border-color: #ff8200;
	text-align: center;
	line-height: 35px;
	vertical-align: middle;
	margin: 10px;
	padding: 0px 5px 0px 5px;
	cursor: pointer;
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.css-wds-context-decision-flow-answer-button  input {
	border: none;
	background: #ff8200;
	font-size: 14px !important;
}

.css-wds-context-decision-flow-history-answer-label {
	float: right;
	min-width: 60px;
	min-height: 20px;
	display: inline-block;
	color: #fff;
	background: #ff8200;
	border-color: #ff8200;
	text-align: center;
	line-height: 22px;
	vertical-align: middle;
	margin-right: 10px;
	margin-top: 4px;
	font-weight: bold;
	font-size: 12px;
	padding: 0px 3px 0px 3px;
	opacity: .4;
}

.css-wds-context-decision-flow-history-question-label {
	display: inline-block;
	line-height: 22px;
	vertical-align: middle;
	max-width: 80%;
	opacity: .4;
}

.css-wds-context-decision-flow-history-answer-label.active-history-item {
	opacity: 1.0;
}

.css-wds-context-decision-flow-history-question-label.active-history-item {
	opacity: 1.0;
}
.css-wds-context-decision-flow-back-button {
	width: 34px;
	display: inline-block;
	line-height: 15px;
}

.css-wds-context-decision-flow-add-answer-button {
	color: rgb(255, 130, 0);
	font-size: 27px;
	position: relative;
	top: 5px;
	cursor: default;
}

.css-wds-context-decision-flow-add-answer-button:before {
	font-size: 27px;
}

.css-wds-context-decision-flow-edit-answer-panel {
	display: inline-block;
}

.css-wds-context-decision-flow-edit-answer-panel div {
	margin-right: 5px;
	cursor: default;
}

.css-wds-context-decision-flow-edit-answer-panel div.active {
	color: rgb(255, 130, 0);
}

.css-wds-context-decision-flow-answer-button div,
.css-wds-context-decision-flow-answer-button input,
.css-wds-context-list-view-decision-flow-item-step-text div,
.css-wds-context-list-view-decision-flow-item-step-text input {
	height: auto !important;
}