/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jan 10, 2015, 10:41:57 PM
    Author     : Marko
*/

body {
    margin: 0px;
    padding: 0px;
    font-family: "Lucida Grande",Tahoma,Arial,sans-serif;
    font-size: 15px;
    line-height: 1.1em;
}

#header {
    display: block;
    border-bottom: 1px solid silver;
    padding: 5px;
    height: 50px;
    margin-bottom: 20px;
}

#header div, #content {
    display: block;
    width: 860px;
    margin: 0 auto;
}

#header img {
    float: left;
    height: 50px;
}

#header div#member {
    display: block;
    height: 50px;
    text-align: right;
}

a {
    color: #3284ff;
    text-decoration: none;
}
a:hover {
    color: #3284ff;
    text-decoration: underline;
}

#frm_login img {
    background-color: white;
    padding: 10px;
    border: 1px solid #DDDDDD;
    width: 245px;
    margin-bottom: 15px;
}
#frm_login {
    font-style: "Arial, Helvetica, sans-serif";
    font-weight: bold;
    display: block;
    background-color: #EEEEEE;
    width: 265px;
    padding: 10px;
    border: 1px #DDDDDD solid;
    margin: 0 auto;
    margin-top: 80px;
}

#frm_login div#error {
    margin-top: -5px;
    display:block;
    text-align: center;
    margin-bottom: 15px;
    width: 245px;
    padding: 10px;
    border: 1px red solid;
    background-color: #ffeeee;
    font-style: italic;
}

#frm_login div#form {
    width: 165px;
    margin: 0 auto;
}

#frm_login input[type=text],input[type=password] {
    font-weight: bold;
    font-size: 100%;
    width: 150px;
    padding: 5px;
    margin-bottom: 15px;
    margin-top: 5px;
}

#frm_login input[type=submit] {
    padding: 4px;
    font-size: 100%;
    margin-bottom: 10px;
}

#hosts {
    border: 1px #DDDDDD solid;
}

#hosts #title {
    padding: 10px;
    font-size: 20px;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FFFFFF),color-stop(75%,#F3F0EC)) repeat scroll 0 0 transparent;

    border-bottom: 1px #DDDDDD solid;
}

#hosts #title span {
    display: inline-block;
    text-align: right;
    float: right;
    font-size: 15px;
}

#hosts #columns {
    padding: 10px;
    font-size: 17px;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FFFFFF),color-stop(100%,#F3F0EC)) repeat scroll 0 0 transparent;
}

#hosts #h {
    display: inline-block;
    width: 225px;
}
#hosts #c {
    display: inline-block;
    width: 200px;
    text-align: left;
}
#hosts #i {
    display: inline-block;
    width: 120px;
    text-align: center;
}
#hosts #u {
    display: inline-block;
    width: 120px;
    text-align: center;
}
#hosts #l {
    display: inline-block;
    width: 150px;
    text-align: center;
}

#hosts #data {
    padding: 10px;
    border-top: 1px #DDDDDD solid;
}

#hosts #data #u  {
    font-style: italic;
}


#frm_edit {
    display: block;
    width: 600px;
    margin: 0 auto;
    font-size: 13px;
}


#frm_edit #block {
    margin-top:3px;
    display: block;
    border: 1px #DDDDDD solid;
    background-color: #EEEEEE;
    padding: 15px 15px 5px 15px;
    line-height: 1.3em;
}

#frm_edit #block #left {
    display: block;
    float: left;
    width: 150px;
    text-align: right;
    margin-right: 20px;
}

#frm_edit #block #pad {
    display: block;
    width: auto;
    margin-bottom: 8px;
    overflow: hidden;
}

#frm_edit #foot {
    margin-top: 15px;
}

#frm_edit #foot input {
    float: right;
}


div#error {
    margin-top: 10px;
    display:block;
    text-align: left;
    margin-bottom: 15px;
    padding: 10px;
    border: 1px red solid;
    background-color: #ffeeee;
    font-style: italic;
}