body{

    margin:0;

    background:#F1F1F1;

    font-family:Tahoma,Verdana,sans-serif;

    font-size:14px;

}

#window{

    width:1000px;

    margin:40px auto;

    border:2px solid #7F9DB9;

    background:white;

}

#titlebar{

    background:#D6E3F3;

    padding:8px;

    font-weight:bold;

    border-bottom:1px solid #7F9DB9;

}

.right{

    float:right;

}

#container{

    display:flex;

    min-height:550px;

}

#sidebar{

    width:220px;

    background:#EEF4FB;

    border-right:1px solid #B7C9DD;

}

#sidebar h3{

    margin:15px;

    font-size:15px;

}

#sidebar a{

    display:block;

    padding:8px 15px;

    color:#000;

    text-decoration:none;

}

#sidebar a:hover{

    background:#DCEBFA;

}

#content{

    flex:1;

    padding:30px;

}

input{

    display:block;

    width:350px;

    margin-top:5px;

    margin-bottom:20px;

    padding:6px;

    border:1px solid #7F9DB9;

    font-family:Tahoma;

}

button{

    padding:8px 18px;

    border:1px solid #7F9DB9;

    background:#E7EEF8;

    cursor:pointer;

}

button:hover{

    background:#D6E3F3;

}

.warning{

    margin-top:40px;

    border:1px solid #C8C8C8;

    background:#FAFAFA;

    padding:12px;

}

#footer{

    background:#EAEAEA;

    border-top:1px solid #B7B7B7;

    padding:8px;

    font-size:12px;

}