#tutorialOverlay {
    z-index: 9;
    height: 100%;
    width: 100%;
}

.tutorialContainer {
    height: 100%;
    width: 100%;
}

.tutorialCenterPane {
    width: 100%;
}

.tutorialContent {
    height: 80%;
    width: 100%;
    vertical-align: middle;
    background-image: url('../../img/logo/websmartlogo.png');
    background-repeat: no-repeat;
    background-position: right top;
}
.welcome {
    background-image: none;
}

.tutorialContent h1 {
    width: 100%;
    text-align: center;
    font-size: 40px;
    font-weight: bolder;
    color: #00709E;
    text-shadow: 3px 3px 3px #cccccc;    
}

.tutorialContent h2 {
    width: 100%;
    text-align: center;
    font-size: 32px;
    font-weight: bolder; 
    color: #00709E;
    text-shadow: 2px 2px 2px #cccccc;    
}

.tutorialContent p.logoimg {
    text-align: center;
}

.tutorialContent p.help {
    text-align: center;
}

.tutorialContent p.help img {
    vertical-align: middle;
}

.floatclear {
    clear: both;
}
.floatleft {
    float: left;
}
.floatright {
    float: right;
}

.screengrab {
    height: 100px;
}