body
{
    background-color:#000;
}
#container
{
    width:100%;
    height:90%;
border:0px solid red;
margin:0px auto;
}
header
{
    width:100%;
    height:50px;
    border:1px solid green;
    border-radius:10px;
    background-color:darkseagreen;
}
#body
{
width:100%;
height:90%;
border:0px solid blue;
margin:0px auto;
border-radius:10px;
margin-top:5px;
}
.rights
{
    float:right;
    color:#fff;
    font-family:verdana;
    font-size:11px;
}
#left 
{
    float:left;
    width:16%;
    height:560px;
    border:1px solid pink;
    border-radius:10px;
    background-color:#ccc;
}
#right
{
    float:right;
     width:82%;
    height:560px;
    border:0px solid violet;
    border-radius:10px;
}
.media{
                visibility:hidden;
            }
            #wrapper
            {
                width:100%;
                height:100%;
                border:1px solid green;
            }
            #ifrm
            {
            background-color: #ddd;
            overflow:hidden;
            width:100%;
            height:560px;
            border-radius:10px;
            padding:-10px;
            }
            .change
            {
                margin-right:15px;
/*                background-image:url(../images/change.png);*/
                width:200px;
                float:right;
                color:#fff;
            }
            .change a
            {
                color:#fff;
            }
            .chgpwd
            {
                text-decoration: none;background-color:green;border-radius:10px;width:100%;padding:5px;color:#fff;
            }
            .chgpwd:hover
            {
                background-color:lightblue;   
                color:#000;
            }