/* 
    Document   : index
    Created on : 03.mar.2010, 14:57:36
    Author     : larshe
    Description:
        Purpose of the stylesheet follows.
*/



.content .main .col.extralarge {
    width:740px;
}

.errormsg {

    font-family: Arial,Helvetica,sans-serif;
    
    font-size: 14px;
    font-weight: bold;
    color: #ff0000;
}


.back {   
    
    margin-right: 6px;
    position: relative;
    display: inline;
}

.back  a, .back  a:visited { color: #3677db; text-decoration: underline }
.back  a:hover, .back  a:active { color: #82626f; text-decoration: none; }


.logout {   
    margin-right: 6px;
    position:absolute;
    top: inherit;
    right: 35px;  
    z-index: 10;
}

.logout a, .logout a:visited { color: #3677db; text-decoration: underline }
.logout a:hover, .logout a:active { color: #82626f; text-decoration: none; }

ul {
    margin: 0;
    padding: 0;
}

li {
    text-indent: -40px;;
    list-style: none;
    text-align: left;
    margin-left: 1px;
}


form .logininput {
     color: #000000;
    float:none;
    border:1px solid #CACACA;
    float:left;
    margin-right:5px;
    margin-top: 0px;
    width:140px;
    background-color: #FFFF99;
}

form .loginbutton {
    color: #FFFFFF;
    float:none;
    float:right;
    margin-right:5px;
    margin-top: 0px;
    width:80px;
    padding: 4px;
    background-color: #3677db;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-top-width: 1px;
    border-bottom-width: 2px;
    border-left-width: 1px;
    border-right-width: 2px;
    border-top-color: #CACACA;
    border-left-color: #CACACA;
    border-bottom-color: #000000;
    border-right-color: #000000;
}

form .loginbutton:hover {
    color: #000000;
    float:none;
    float:right;
    margin-right:5px;
    margin-top: 0px;
    width:80px;
    background-color: #FFFF99;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-top-width: 1px;
    border-bottom-width: 2px;
    border-left-width: 1px;
    border-right-width: 2px;
    border-top-color: #CACACA;
    border-left-color: #CACACA;
    border-bottom-color: #000000;
    border-right-color: #000000;
   
}

form .loginbutton:disabled {
    color: #000000;
    background-color: #999999;
}

form .astext {
    font-size: 0.9em;
    vertical-align: bottom;
    text-align: left;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    border-top-style: none;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
}

form .astext:disabled {
    color: black;
   
}

#octopusimage {
    position: relative;
    left: 115px;
    top: -650px;
    opacity: 0.1;
    z-index: 1;
}

form .button {
    color: #FFFFFF;
    float:none;
    float:right;
    margin-right:5px;
    margin-top: 0px;
    width:80px;
    padding: 4px;
    background-color: #3677db;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-top-width: 1px;
    border-bottom-width: 2px;
    border-left-width: 1px;
    border-right-width: 2px;
    border-top-color: #CACACA;
    border-left-color: #CACACA;
    border-bottom-color: #000000;
    border-right-color: #000000;
}

form .button:hover {
    color: #000000;
    float:none;
    float:right;
    margin-right:5px;
    margin-top: 0px;
    width:80px;
    background-color: #FFFF99;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-top-width: 1px;
    border-bottom-width: 2px;
    border-left-width: 1px;
    border-right-width: 2px;
    border-top-color: #CACACA;
    border-left-color: #CACACA;
    border-bottom-color: #000000;
    border-right-color: #000000;
   
}

form .button:disabled {
    color: #000000;
    background-color: #999999;
}