/**
 * This is the style sheet for the index page.
 *
 * @author     Vera Kern <vera@worksmartlabs.com>
 * @copyright  2009 WorkSmart Labs, Inc.
 */

div#logo_big {
    position:absolute;
    top:50px;
    left:250px;
}

div#total_miles {
    position:absolute;
    top:274px;
    left:290px;
    font-weight:bold;
}

/* Loginform styles */
div#accessCode {
    position:absolute;
    top:300px;
    left:140px;
    height:50px;
}

div#accessCodeLabel {
    background-image:url(/cardiotrainer/images/access_code.png);
    position:absolute;
    width:84px;
    height:11px;
    left:138px;
    top:5px;
}

.accessform {
    position:absolute;
    left:230px;
    width:130px;
}

.accessform input {
    font-family:Arial, Helvetica, sans-serif;
    color:#333333;
    font-size:12px;
    border:1px #333333 solid;
    background-color:#CCCCCC;
    height:15px;
    width:38px;
    padding:2px 7px;
}

/* Only classes work with inputfields */
.OK_button {
    position:absolute;
    left:365px;
    top:-1px;
    background-image:url(/cardiotrainer/images/ok_button.png);
    width:25px;
    height:22px;
    cursor:pointer;
    border:0;
}

div#rememberMe {
    position:absolute;
    left:140px;
    top:25px;
    width:250px;
    text-align:right;
}

/* feedback style */
div#info {
    position:absolute;
    top:370px;
    left:180px;
    width:480px;
    text-align:center;
}

.feedback {
    color:#FF0000;
    font-weight:bold;
}

/* download/facebook buttons */
div#buttons {
    position:absolute;
    left:220px;
    top:430px;
    width:378px;
}

div#button_download {
    position:absolute;
    background-image:url(/cardiotrainer/images/download_button.png);
    width:193px;
    height:38px;
    left:25px;
    cursor:hand;
}

div#button_about {
    position:absolute;
    float:left;
    background-image:url(/cardiotrainer/images/about_button.png);
    width:215px;
    height:38px;
    left:0px;
    cursor:hand;
}

div#button_facebook {
    position:absolute;
    background-image:url(/cardiotrainer/images/facebook_button.png);
    width:187px;
    height:38px;
    left:220px;
    cursor:hand;
}