HTML {
    height: 100%;
}

BODY
{
    FONT-SIZE: 14px;
    FONT-FAMILY: Verdana;
    FONT-WEIGHT: 300;
    height: 100%;
    background: rgba(1,125,195,1);
    background: -moz-linear-gradient(-45deg, rgba(1,125,195,1) 0%, rgba(73,155,234,1) 30%, rgba(73,155,234,1) 70%, rgba(1,125,195,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(1,125,195,1)), color-stop(30%, rgba(73,155,234,1)), color-stop(70%, rgba(73,155,234,1)), color-stop(100%, rgba(1,125,195,1)));
    background: -webkit-linear-gradient(-45deg, rgba(1,125,195,1) 0%, rgba(73,155,234,1) 30%, rgba(73,155,234,1) 70%, rgba(1,125,195,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(1,125,195,1) 0%, rgba(73,155,234,1) 30%, rgba(73,155,234,1) 70%, rgba(1,125,195,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(1,125,195,1) 0%, rgba(73,155,234,1) 30%, rgba(73,155,234,1) 70%, rgba(1,125,195,1) 100%);
    background: linear-gradient(135deg, rgba(1,125,195,1) 0%, rgba(73,155,234,1) 30%, rgba(73,155,234,1) 70%, rgba(1,125,195,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#017dc3', endColorstr='#017dc3', GradientType=1 );
}
#login
{
    MAX-WIDTH: 560px;
    PADDING-TOP: 80px;
    MARGIN-LEFT: auto;
    MARGIN-RIGHT: auto;
    
}
#logo
{
    MARGIN-BOTTOM: 15px;
    HEIGHT: 55px;
    WIDTH: 192px;
    BACKGROUND-IMAGE: url(../../cl_images/CLI_LOGO_LOGIN_SX.gif);
    MARGIN-LEFT: auto;
    MARGIN-RIGHT: auto
}
#loginwrapper
{
    OVERFLOW: hidden;
    MIN-WIDTH: 472px;
    MARGIN-LEFT: auto;
    FILTER: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e5e5e5',GradientType=0 );
    MIN-HEIGHT: 310px;
    MARGIN-RIGHT: auto;
    background: #FFFFFF;
    -webkit-box-shadow: -7px 7px 8px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    -7px 7px 8px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         -7px 7px 8px 0px rgba(50, 50, 50, 0.75);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: 1px solid gray;
}
#right
{
    WIDTH: 300px;
    FLOAT: center;
    margin: 0px auto;
    MARGIN-TOP: 30px
}
#left
{
    HEIGHT: 290px;
    WIDTH: 0px;
    /*BACKGROUND-IMAGE: url(../../ck_images/login_kbs/side_login.gif);*/
    FLOAT: left;
    MARGIN-LEFT: 10px;
    MARGIN-TOP: 10px
}
#footer
{
    FONT-SIZE: 0.7em;
    COLOR: #ffffff;
    TEXT-ALIGN: center;
    MARGIN-LEFT: auto;
    MARGIN-TOP: 6px;
    LINE-HEIGHT: 14px;
    MARGIN-RIGHT: auto
}
.defaultTextActive
{
    COLOR: #a1a1a1
}
#navbar
{
    WIDTH: 300px;
    FLOAT: left;
    MARGIN-LEFT: 30px;
    MARGIN-TOP: 30px
}
#navbar UL LI
{
    MARGIN: 0.5em 0px
}
#toolbar
{
    LIST-STYLE-TYPE: none;
    FLOAT: left;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    PADDING-LEFT: 0px;
    MARGIN: 0px;
    PADDING-RIGHT: 0px
}
#loginError
{
    MARGIN-BOTTOM: 10px;
    FONT-SIZE: 0.9em;
    COLOR: red;
    TEXT-ALIGN: center;
    MARGIN-TOP: 10px
}
.fnOver
{
    CURSOR: pointer;
    FONT-SIZE: 1em;
    BORDER-TOP: #066bb4 1px solid;
    BORDER-RIGHT: #066bb4 1px solid;
    BORDER-BOTTOM: #066bb4 1px solid;
    FONT-WEIGHT: lighter;
    COLOR: #066bb4;
    PADDING-LEFT: 10px;
    BORDER-LEFT: #066bb4 1px solid;
    PADDING-RIGHT: 10px;
    BACKGROUND-COLOR: #bfdbf3
}
.fnButton
{
    CURSOR: pointer;
    FONT-SIZE: 1em;
    BORDER-TOP: #066bb4 1px solid;
    BORDER-RIGHT: #066bb4 1px solid;
    BORDER-BOTTOM: #066bb4 1px solid;
    FONT-WEIGHT: normal;
    COLOR: white;
    PADDING-LEFT: 10px;
    MARGIN-LEFT: 0px;
    BORDER-LEFT: #066bb4 1px solid;
    PADDING-RIGHT: 10px;
    BACKGROUND-COLOR: #066bb4;
    MARGIN-RIGHT: 0px
}
INPUT
{
    FONT-SIZE: 1em;
    BORDER-TOP: #d5d9da 1px solid;
    HEIGHT: 2em;
    BORDER-RIGHT: #d5d9da 1px solid;
    WIDTH: 20em;
    BORDER-BOTTOM: #d5d9da 1px solid;
    OUTLINE-WIDTH: 0px;
    OUTLINE-STYLE: none;
    PADDING-LEFT: 5px;
    BORDER-LEFT: #d5d9da 1px solid;
    OUTLINE-COLOR: invert;
    PADDING-RIGHT: 5px;
    box-shadow: 0 0 5px #e8e9eb inset
}
INPUT:focus
{
    BORDER-TOP: #b6d5ea 1px solid;
    BORDER-RIGHT: #b9d4e9 1px solid;
    BORDER-BOTTOM: #b8d4ea 1px solid;
    BORDER-LEFT: #b9d4e9 1px solid;
    box-shadow: 0 0 5px #b9d4e9
}
INPUT[type=button]
{
    FONT-SIZE: 1em;
    HEIGHT: 2em;
    WIDTH: 21em;
    PADDING-LEFT: 5px;
    PADDING-RIGHT: 5px;
    border-radius: 2px
}
INPUT[type=submit]
{
    FONT-SIZE: 1em;
    HEIGHT: 2em;
    WIDTH: 21em;
    PADDING-LEFT: 5px;
    PADDING-RIGHT: 5px;
    border-radius: 2px
}
INPUT[type=reset]
{
    FONT-SIZE: 1em;
    HEIGHT: 2em;
    WIDTH: 21em;
    PADDING-LEFT: 5px;
    PADDING-RIGHT: 5px;
    border-radius: 2px
}