/* Start ----------------------------------------------------- body.css*/

/* Default CSS for welcome page.  Delete this styling and replace it with your own. */

.sc-welcome {
 position: absolute ;
 top: 0px;
 left: 0px;
 right: 0px;
 bottom: 0px;
 background-color: white ;
}

.sc-welcome img.logo {
 position: absolute ;
 bottom: 80px;
 left: 50%;
 margin-left: -20px;
}

/* @group Message */

.sc-welcome .message {
 max-width: 800px;
 margin-left: auto ;
 margin-right: auto;
 margin-top: 100px;
 position: relative;
}

.sc-welcome h1 {
 border: none ;
 padding: 0;
 margin: 0;
 letter-spacing: -3px;
 font: normal 6.4em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.sc-welcome h3 {
 margin: 8px 12px;
 padding: 0;
 font: 1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
 color: #808080;
}

/* @end */

/* @group Sticky Note */

.sc-welcome .sticky-note {
 position: absolute ;
 right: 0;
 top: -70px;
 width: 320px;
 height: 300px;
 padding: 60px;
 padding-right: 20px;
 background: url('/sc-apps/sc-statechart/sproutcore/en/desktop/ac2c8cef664802102e1d7f3875d5dc0ea4e0f1ae/images/sticky-note.png') no-repeat center center;
 font: 1.3em "Comic Sans MS", "Comic Sans", Arial, Helvetica, Geneva, sans-serif;
 color: #5f4700;
}

.sc-welcome .sticky-note p {
 font-weight: bold ;
}

.sc-welcome .sticky-note ul {
 padding: 0 10px ;
}

.sc-welcome .sticky-note li {
 margin: 8px 0 ;
}

/* @end */

/* @group For Tutorial */

body {
 position: absolute ;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 padding: 0;
 margin: 0;
 overflow: hidden ;
}

.workspace .sidebar {
 position: absolute;
 left:  0;
 top:  0;
 width: 200px;
 bottom: 0;
}

.workspace .sidebar .master_list {
 position: absolute;
 left:  0;
 top:  0;
 right: 0;
 bottom: 0;
}

.workspace .sc-split-divider-view {
 position: absolute;
 left: 200px;
 top: 0;
 bottom: 0;
}

.workspace .detail_view {
 position: absolute;
 left: 205px;
 right: 0;
 top: 0;
 bottom: 0;
 border: none ;
 background-color: #aaa;
}

.workspace .detail_view .card-detail {
 margin-left: auto;
 margin-right: auto;
 top: 100px;
 position: relative;
 border: 4px #888 solid;
 background: #f0f0f0;
 padding-top: 10px;
 padding-bottom: 10px;
}

.workspace .detail_view .card-detail td {
 padding: 0 10px;
}

.workspace .detail_view .card-detail .buttons {
 text-align: right;
 padding-top: 10px;
}

.workspace .detail_view .card-detail input {
 font-size: 14px;
 width: 300px;
}

/* @end */



/* End ------------------------------------------------------- body.css*/