@font-face
{
    font-family: 
    src: url('Fonts/BKoodakBold.eot?#') format('eot'), url('Fonts/BKoodakBold.ttf') format('woff'), url('Fonts/BKoodakBold.woff') format('truetype');
}

body
{
    padding: 0px;
    margin: 0px; /*background: url('pattern-20.png') #F0F3F5 repeat;*/ /*background-color: #025d8c;*/ /* fallback 2F2727 */
    background:  url('Images/Default/background.png') top center repeat;
    /* Safari 4-5, Chrome 1-9 */ /* Can't specify a percentage size? Laaaaaame. */
    /*background: -webkit-gradient(radial, center center, 0, center center, 500, from(#1a82f7), to(#2F2727));
    background: -webkit-radial-gradient(circle, #1a82f7, #2F2727); 
    background: -moz-radial-gradient(circle, #1a82f7, #2F2727); 
    background: -ms-radial-gradient(circle, #1a82f7, #2F2727);*/ 
}

.button-detail
{
    width: 115px;
    height: 85px;
    margin-left: 21px;
    float: right;
}
.button-image
{
    margin-bottom: 4px;
}

.botton-bar
{
    height: 105px;
    display: inline-block;
}
.content
{
    width: 100%;
    display: inline-block;
}
.content .skodalogo
{
    margin: auto;
    width: 700px;
    height: 240px;
    background: url('Images/Default/skoda-logo-larg.png') center center no-repeat;
}
.content .ilblogo
{
    margin: 10px auto;
    width: 100%;
    height: 200px;
    background: url('Images/Default/ilb-logo.png') center center no-repeat;
}
.content .ilblogo .login-bar
{
    width:300px;
    padding:20px;
}
    .content .login-box {
        margin: auto;
        width: 700px;
        height: 460px;
        border: 1px solid rgb(56, 56, 56);
        background-color: rgb(240,240,240);
        border-radius: 10px;
        -webkit-border-radius: 10px;

        /*-webkit-box-reflect: below 5px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(75%, transparent), to(rgba(255,255,255,0.2)));*/
        /*-webkit-box-shadow: 0px -2px 15px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px -2px 15px 0px rgba(0, 0, 0, 0.4);
    box-shadow: inset 10 0 25px #ffffff;
    -moz-box-shadow: inset 10 0 25px #ffffff;*/
    }
/*.content .login-box-small
{
    margin: auto;
    width: 700px;
    height: 400px;
    border: 1px solid rgb(56, 56, 56);
    background-color: rgb(240,240,240);
    -webkit-box-reflect: below 5px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(75%, transparent), to(rgba(255,255,255,0.2)));
    -webkit-box-shadow: 0px -2px 15px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px -2px 15px 0px rgba(0, 0, 0, 0.4);
    -webkit-border-radius: 10px;
    border-radius: 10px;
    box-shadow: inset 10 0 25px #ffffff;
    -moz-box-shadow: inset 10 0 25px #ffffff;
}*/
.content .login-box .login-kanoonlogo
{
    display: inline-block;
    background: url('Images/Default/login-logo-inline.png') center no-repeat;
    margin: auto;
    height: 120px;
    width: 100%;
}
.content .login-box .login-title
{
    display: inline-block;
    margin: auto;
    width: 100%;
    font-family: 'Koodak';
    font-size: 16px;
    text-align: center;
    line-height: 40px;
}
.content .login-box .login-elements
{
    margin: auto;
}
.content .login-box .login-elements .login-inputs {
    margin: 25px 175px 15px 175px;
}

.content .login-box .login-elements .element-bar
{
   
    margin-bottom: 5px;
    height: 30px;
    width: 100%;
    text-align:center;
}
.content .login-box .login-elements .element-bar .button-bar
{
    width: 100%;
    text-align:center;
}
.left-order{
    float: left;
}
.right-order{
    float: right;
}
.content .login-box .login-elements .element-bar > input
{
    text-align:right;
    float: right;
    height: 24px;
    width: 180px;
    border: 1px solid darkslategray;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    /*box-shadow: inset 0px 0px 5px gray;
    -moz-box-shadow: inset 0px 0px 5px gray;*/
}
.content .login-box .login-elements .element-bar > input:focus
{
    /*-webkit-box-shadow: 0px -2px 15px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px -2px 15px 0px rgba(0, 0, 0, 0.4);*/
}

.content .login-box .login-elements .element-bar .bar-lable
{
    font-family: 'Koodak';
    font-size: 16px;
    float: right;
    width: 80px;
    padding: 3px;
    text-align: left;
}
.custom-button
{
    margin: 5px 5px 5px 5px;
    height: 30px;
}

.login-about
{
    font-family: Tahoma;
    color: gray;
    font-size: 13px;
    float: right;
    width: 100%;
    text-align: center;
    margin-top: 20px;
}



/*----------------------------------*/
.content .login-box-small
{
    margin: auto;
    width: 700px;
    height: 400px;
    border: 1px solid rgb(56, 56, 56);
    background-color: rgb(240,240,240);
    /*-webkit-box-reflect: below 5px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(75%, transparent), to(rgba(255,255,255,0.2)));*/
    -webkit-box-shadow: 0px -2px 15px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px -2px 15px 0px rgba(0, 0, 0, 0.4);
    -webkit-border-radius: 10px;
    border-radius: 10px;
    box-shadow: inset 10 0 25px #ffffff;
    -moz-box-shadow: inset 10 0 25px #ffffff;
}

.content .login-box-small .login-kanoonlogo
{
    display: inline-block;
    background: url('Images/Default/login-logo-inline.png') center no-repeat;
    margin: auto;
    height: 120px;
    width: 100%;
}
.content .login-box-small .login-title
{
    display: inline-block;
    margin: auto;
    width: 100%;
    font-family: 'Koodak';
    font-size: 16px;
    text-align: center;
    line-height: 40px;
}
.content .login-box-small .login-elements
{
    margin: auto;
}
.content .login-box-small .login-elements .login-inputs {
    margin: 25px 175px 15px 175px;
}

.content .login-box-small .login-elements .element-bar
{
    margin-bottom: 5px;
    height: 30px;
    width: 100%;
    text-align:center;
}
.content .login-box-small .login-elements .element-bar .button-bar
{
    width: 100%;
    text-align:center;
}

.content .login-box-small .login-elements .element-bar > input
{
    float: right;
    height: 24px;
    width: 180px;
    border: 1px solid darkslategray;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-shadow: inset 0px 0px 5px gray;
    -moz-box-shadow: inset 0px 0px 5px gray;
    text-align:center;
}
.content .login-box-small .login-elements .element-bar > input:focus
{
    -webkit-box-shadow: 0px -2px 15px 0px rgba(0, 0, 0, 0.4);     box-shadow: 0px -2px 15px 0px rgba(0, 0, 0, 0.4);
}

.content .login-box-small .login-elements .element-bar .bar-lable
{
    font-family: 'Koodak';
    font-size: 16px;
    float: right;
    width: 80px;
    padding: 3px;
    text-align: left;
}

div#pnl_user
{
    text-align:center;
    color:White;
    padding-top:150px;
    height:200px;
    font-weight:bold;
}



/*div.reflection
{
    margin: 5px auto;
    width: 702px;
    height: 100px;
    margin-top: 5px;
    background: url('Images/Default/reflection.png') center top no-repeat;
    text-align: center;
}*/

div.radio-elements
{
    margin:20px 30px;
    font-family: 'Koodak';
    font-size: 16px;
    text-align:center;
    direction:rtl;
}

div.button-login
{
    text-align:center;
    margin:30px auto;
}

div.message-element
{
     margin: 30px 227px; 
     color: red; 
     font-family: 'Koodak';
     text-align:center;
}

.radio-repeat td
{
    padding:10px;
}
.radio-repeat
{
    
    margin:auto;
    font-family:Koodak;
}

.MenuDLClass tr
{
    height:95px;
}