@import '../../dojo/resources/dojo.css';
@import '../../dijit/themes/claro/claro.css';
@import '../../dojox/calendar/themes/claro/Calendar.css';

html, body, #layoutRoot, #outputHtmlElement, #inputAceEditor {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: #EEE;
	color: #333;
}
html, body, #outputHtmlElement {
	margin: 0;
	padding: 0;
	border: 0;
}
.claro .perspectivePane {
	padding: 0;
}

.left {
	float: left;
}

.right {
	float : right;
}

#appToolbar {
	border-color: transparent;
}

#appToolbar .dijitToolbar {
	border-color: transparent;
}

#editorContainer .dijitContentPane {
	padding: 0;
}
#renderPane {
	overflow: hidden;
}

.appIcon {
      background-image: url(./img/sprite.png);
      width: 16px;
      height: 16px;
}

.mobileApp {
	background-position: 0px -26px;
}

.desktopApp {
	background-position: 0px 0px;
}

.pageOverlay {
    top: 0;
    left: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1001;
    display: block;
}
 
#loadingOverlay {
    background:  #EEE url('../../dijit/themes/claro/images/loadingAnimation.gif') no-repeat 10px 23px;
}
 
.loadingMessage {
    padding: 25px 40px;
    color: #999;
}

.ace_editor {
	direction:ltr;
}