#centerType {
    position:absolute;
    left:20px;
    top:20px;
}
#centerType.workspace {
    display:none;
}
/* customizing the top tabs */
.smallNavBar {
    width:650px;
}
#navBarContainer {
    background-color: #939598;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
.smallNavBar a.ui-btn {
    border-top-right-radius: 10px;
    border-top-left-radius:10px;
	box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
.smallNavBar a.ui-btn.ui-btn-active {
    background: linear-gradient(#F1F1F1, #FFFFFF) repeat scroll 0 0 #EEEEEE;
    border: 1px solid #CCCCCC;
    color: #2F3E46;
    font-weight: bold;
    border-bottom:1px solid white;
    text-shadow: none;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #F1F1F1 /*{global-active-background-start}*/), to( #6FFFFFF /*{global-active-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #F1F1F1 /*{global-active-background-start}*/, #FFFFFF/*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient( #F1F1F1 /*{global-active-background-start}*/, #FFFFFF/*{global-active-background-end}*/); /* FF3.6 */
    background-image:     -ms-linear-gradient( #F1F1F1 /*{global-active-background-start}*/, #FFFFFF /*{global-active-background-end}*/); /* IE10 */
    background-image:      -o-linear-gradient( #F1F1F1 /*{global-active-background-start}*/, #FFFFFF /*{global-active-background-end}*/); /* Opera 11.10+ */
    background-image:         linear-gradient( #F1F1F1 /*{global-active-background-start}*/, #FFFFFF /*{global-active-background-end}*/);
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
.smallNavBar a.ui-btn-up-c {
    background: linear-gradient(#cccccc, #c1c1c1) repeat scroll 0 0 #EEEEEE;
    border: 1px solid #CCCCCC;
    color: #2F3E46;
    font-weight: bold;
    text-shadow: none;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #CCCCCC /*{global-active-background-start}*/), to( #C1C1C1 /*{global-active-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #CCCCCC /*{global-active-background-start}*/, #C1C1C1 /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient( #CCCCCC /*{global-active-background-start}*/, #C1C1C1 /*{global-active-background-end}*/); /* FF3.6 */
    background-image:     -ms-linear-gradient( #CCCCCC /*{global-active-background-start}*/, #C1C1C1 /*{global-active-background-end}*/); /* IE10 */
    background-image:      -o-linear-gradient( #CCCCCC /*{global-active-background-start}*/, #C1C1C1 /*{global-active-background-end}*/); /* Opera 11.10+ */
    background-image:         linear-gradient( #CCCCCC /*{global-active-background-start}*/, #C1C1C1 /*{global-active-background-end}*/);
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
.smallNavBar a.ui-focus {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
/* end of customizing the top tabs */
/*Shared HTML5 Interactive User Interface Elements*/
canvas {
    -moz-user-select: none;
    -webkit-user-select: none;
}
/*Module container*/
#html5module {
    position: relative;
    width: 900px;
    height: 600px;
    margin: 0 auto;
    border:1px solid;
    border-color: #999;
    box-shadow: 5px 5px 4px #EEE;
    background-color: #FFF;
    text-shadow: none;
}
/*Sapling logo*/
#logo {
    position: absolute;
    right: 0px;
    top: 0px;
    background: url(../img/SaplingLearning_logo_small.png) no-repeat;
    width: 150px;
    height: 54px;
}
/* Custom styles for jQuery Mobile components */
.ui-page {
    background: #FFFFFF;
}
.ui-btn-inner {
    text-overflow: clip;
}
.ui-btn, .ui-link, .ui-shadow, .ui-focus, .ui-btn:focus, .ui-link:focus, .ui-page-theme-a, .ui-btn-active {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
.ui-btn-inline {
	margin: 2px;
	padding: .4em;
	width: 80%;
}
.ui-btn-up-c, .ui-btn-hover-c, .ui-btn-active-c, .ui-btn-up-a, .ui-btn-hover-a, .ui-btn-active-a, .ui-controlgroup-label{
    font-weight: normal;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
.ui-overlay-c {
    text-shadow: none;
}
/* adding Sapling blue to jQuery Mobile elements */
.ui-btn-up-b {
    background: linear-gradient(#0093ae, #00788f) repeat scroll 0 0 #047584;
}
.ui-btn-hover-b {
    background: linear-gradient(#00788f, #0093ae) repeat scroll 0 0 #047584;
}
.ui-checkbox-on, .ui-radio-on, .ui-checkbox-on .ui-icon, .ui-radio-on .ui-icon {
    background-image: none;
    background-color: #00859e;
}
.ui-collapsible-inset, .ui-collapsible-set {
	margin: 0;
}
.ui-collapsible-content {
	margin: 0;
	padding: 0;
}
.ui-field-contain>label~[class*=ui-], .ui-field-contain .ui-controlgroup-controls {
	width: 100%;
}
/* end of adding Custom styles for jQuery Mobile components */