/* 
    Document   : main
    Created on : 2009-nov-03, 23:38:23
    Author     : Daniel
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   This is the main layoutfile
*/

root { 
    display: block;
}

*, html, body {
    padding: 0;
    margin: 0;
}

body {
    background: #FFFFFF url(logo.gif) no-repeat;
    background-position: 30px 10px;
    font-family: Arial, Verdana, sans-serif;
    font-size: 14px;
    overflow-y: scroll;
}


/*
 * Start Login
 */

#login-wrap {
    height: 0px;
    position:absolute;
    width: 100%;
    z-index: 100;
}

#loginfield {
    width: 250px;
    height: 200px;
    background: #000;
    clear: both;
    float: right;
    margin-right: 35px;
}

#logintoggle {
    width: 120px;
    height: 25px;
    right: 120px;
    background: #000;
    text-align: center;
    clear: both;
    float: right;
    margin-right: 100px;
}

#logintoggle a {
    color: #FFF;
    text-decoration: none;
    display:block;
    padding: 5px 0 5px;
    font-weight: bold;
    background: #000000;
}



/* LOGINTABLE */
#logintable {
    color: #FFFFFF;
    width: 230px;
    margin: 20px auto 0;
    font-size: 16px;
    font-weight: bold;
}

#logintable tr {
    height: 30px;
    padding-bottom: 2px;
}

#logintable input {
    float: right;
}

#logintable .login_field {
    height: 23px;
    padding: 3px 0 2px;
    font-size: 16px;
    width: 100%;
}

#login_btn {
    background: #FFF;
    padding: 5px 5px 4px;
    border: 1px solid #000;
    font-weight: bold;
    margin-top: 15px;
}

#login_btn:hover {
    background: #000;
    border-color: #FFF;
    color: #FFF;
    cursor: pointer;
}

/*
 * END Login
 * START MAINFRAME
 */

#top_spacer {width:960px; margin: 0 auto; height: 120px;}

#mainframe {
    width: 980px;
    margin: 0 auto 20px;

    /*border-top: solid 50px #FFF;*/
}

/*
 * END MAINFRAME
 * START SIDEBAR
 */

#menu {
    list-style-type: none;
    width: 160px;
    float: left;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1px;
}

#menu li {
    clear: both;
    padding-left: 10px;
    margin-bottom: 5px;
}

#menu li a {
    text-decoration: none;
    color: #000;
    display: block;
}

#menu li a:hover, #user_menu_current {
    letter-spacing: 2px;
    color: #505050;
}

#menu_header {
    height: 22px;
    padding: 7px 10px 0;
    margin-bottom: 10px;
    background: #000000;
    color: #FFF;
    font-size: 15px;
    text-align: center;
    letter-spacing: 2px;
}

/*
 * END SIDEBAR
 * START CONTENTS
 */

#content {
    width: 802px;
    height: auto;
    float: left;
    margin-left: 18px;
    border: 2px solid #000;
    border-left: none;
    border-right: none;
}

#content a {color: #000; font-weight: bold;}
#content a:hover {color: #5b5b5b;}

/* Foooter */
#footer {
    float:right;
    text-align: right;
}

#footer p {padding: 0 10px; margin-top: 10px;}
#footer p a {color: #000; text-decoration: none; font-weight: bold;}
#footer p a:hover {color: #505050;}
/* HELPERS */
.clearfloat {float: none; clear: both;}
.red {color:red;}
/* TOOLTIP */


#eight{
	float: right;
	text-align: right;
}


.body_left {
width: 220px;
}

.samplebox {
padding: 20px;
border: 2px solid #000;
background-color: #FFF;
width: auto;
height: auto;
display: none;
}

.image {
padding: 90px 50px 50px 50px;
background-repeat: no-repeat;
background-position: 18px 10px;
}