-----------------------------------------------
Durrants Tooltip Example
Stylesheet:  tooltip_styles.css
Author:   Owen Cowdry / Black Sun plc
Contact: ocowdry@blacksunplc.com
Version:  2008.11.12
Revision: N/A
----------------------------------------------- */

/* Global whitespace reset */
* {
    margin:0;
    padding:0;
}
a img {
    border-style: none;
}

/*------TOOLS------*/

.to_do {
    margin:0;
    padding:0;
    border: 1px solid red;
}

div.clearfix {
    clear: both;
    float: none;
    height: 1px;
}

/*------TOOLS------*/


/*-------------START STRUCTURE-------------*/

body{
    margin: 0;
    padding: 0;
    font-size: 62.5%;
    font-family: "Helvetica", Arial, sans-serif;
    text-align: center;
    background: url(../images/tooltips/dashboard_slice.jpg) repeat-x top left;
}

div.wrapper {
    margin: 0 auto;
    padding: 0;
    width: 1010px;
    text-align: left;
}

div.dashboard,
div.monitor,
div.profile {
    margin: 0 auto;
    padding: 0;
    width: 1007px;
    height: 619px;
    position: relative;
}

div.dashboard {
    background: url(../images/tooltips/redes_dashboard.jpg) no-repeat top left;
}

div.monitor {
    background: url(../images/tooltips/redes_monitor.jpg) no-repeat top left;
}

div.profile {
    background: url(../images/tooltips/redes_profile.jpg) no-repeat top left;
}

/*-------------END STRUCTURE-------------*/

/*-------------START WELCOME MESSAGE POSITIONING-------------*/

img.welcome_msg{
    margin: 0;
    padding: 0;
    border: 0;
    position: absolute;
    top: 14px;
    right: 20px;
}

/*-------------END WELCOME MESSAGE POSITIONING-------------*/


/*-------------START NUMBER BLOCK POSITIONING-------------*/

img.dash_bloc_1, img.dash_bloc_2,
img.dash_bloc_3, img.dash_bloc_4,
img.dash_bloc_5,
img.moni_bloc_1, img.moni_bloc_2,
img.moni_bloc_3, img.moni_bloc_4,
img.moni_bloc_5,
img.prof_bloc_1, img.prof_bloc_2,
img.prof_bloc_3, img.prof_bloc_4,
img.prof_bloc_5 {
    margin: 0;
    padding: 0;
    border: 0;
    position: absolute;
}

/*--START DASHBOARD NUMBER BLOCK POSITIONING--*/

img.dash_bloc_1 {
    top: 33px;
    left: 328px;
}

img.dash_bloc_2 {
    top: 200px;
    left: 655px;
}

img.dash_bloc_3 {
    top: 325px;
    left: 495px;
}

img.dash_bloc_4 {
    top: 525px;
    left: 440px;
}

img.dash_bloc_5 {
    top: 62px;
    left: 45px;
}

/*--END DASHBOARD NUMBER BLOCK POSITIONING--*/


/*--START MONITOR NUMBER BLOCK POSITIONING--*/

img.moni_bloc_1 {
    top: 30px;
    left: 328px;
}

img.moni_bloc_2 {
    top: 115px;
    left: 540px;
}

img.moni_bloc_3 {
    top: 410px;
    left: 465px;
}

img.moni_bloc_4 {
    top: 440px;
    left: 935px;
}

img.moni_bloc_5 {
    top: 75px;
    left: 103px;
}

/*--END MONITOR NUMBER BLOCK POSITIONING--*/

/*--START PROFILE NUMBER BLOCK POSITIONING--*/

img.prof_bloc_1 {
    top: 70px;
    left: 103px;
}

img.prof_bloc_2 {
    top: 138px;
    left: 315px;
}

img.prof_bloc_3 {
    top: 300px;
    left: 420px;
}

img.prof_bloc_4 {
    top: 380px;
    left: 620px;
}

img.prof_bloc_5 {
    top: 202px;
    left: 80px;
}

/*--END PROFILE NUMBER BLOCK POSITIONING--*/

/*-------------END NUMBER BLOCK POSITIONING-------------*/

span#span_1,
span#span_2,
span#span_3,
span#span_4,
span#span_5 {
    visibility: hidden;
}