body
{
    font-family:arial;
    font-size:12px;
    margin:0px;
	padding:0px;
    color:#565656; 
white-space:normal;
 
}

.html, body {
 
}


a:link, a:active, a:visited, a{color:#2a4a87;}

a:hover{text-decoration:underline;}




 




p,div,span{
padding:0px;
margin:0px;
}

 .CatNameInputTDOutEmpty{
background-image:url('../images/field_left_300_305_blanc.png');
background-repeat:no-repeat;
background-position:right top;
width:170px;
height:40px;
padding-right:4px;
 
}


.CatNameInputTDOut{
background-image:url('../images/field_left_300_305_blanc_1.png');
background-repeat:no-repeat;
background-position:right top;
width:170px;
height:40px;
padding-right:4px;
 
}


.CatNameInputTDOver{
background-image:url('../images/field_left_300_305_selected.png');
background-repeat:no-repeat;
background-position:right top;
width:170px;
height:40px;
padding-right:4px;
 
}



.CatNameInputTDError{
background-image:url('../images/field_left_300_305_shgiaa.png');
background-repeat:no-repeat;
background-position:right top;
width:170px;
height:40px;
padding-right:4px;
}

.AreaNameInputTDOutEmpty{
background-image:url('../images/field_left_300_305_blanc.png');
background-repeat:no-repeat;
background-position:right top;
width:170px;
height:40px;
padding-right:4px;

}


.AreaNameInputTDOut{
background-image:url('../images/field_left_300_305_blanc_2.png');
background-repeat:no-repeat;
background-position:right top;
width:170px;
height:40px;
padding-right:4px;

}




.AreaNameInputTDOver{
background-image:url('../images/field_left_300_305_selected.png');
background-repeat:no-repeat;
background-position:right top;
width:170px;
height:40px;
padding-right:4px;

}




.AreaNameInputTDError{
background-image:url('../images/field_left_300_305_shgiaa.png');
background-repeat:no-repeat;
background-position:right top;
width:170px;
height:40px;
padding-right:4px;

}






input,select,textarea{
    outline:none;
}


.InputCatName{
background:none;
padding-top:12px;
border-top:0px;
border-bottom:0px;
border-left:0px;
border-right:0px;

width:160px;
height:16px;
font-family:arial;
font-size:13px;

}

.InputAreaName{
background:none;
padding-top:12px;
width:160px;

border-top:0px;
border-bottom:0px;
border-left:0px;
border-right:0px;
height:16px;
font-family:arial;
font-size:13px;
 

}




.autocomplete-w1 {direction:rtl;position:absolute; top:0px; left:0px; margin:6px 0px 0px 6px;  }
.autocomplete {direction:rtl; border:1px solid #999; background:#FFF; cursor:default; text-align:right; max-height:350px; overflow:auto; margin:-2px 0px 0px -4px;  }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div {direction:rtl; padding:2px 5px; white-space:nowrap; overflow:hidden; }
.autocomplete strong {   color:#3399FF; }
.autocomplete span {   font-weight:bold }

 

    @media only screen and (max-width: 60em){
        body > center > div {
            background-size: 260px;
            width: unset !important;
        }
        body > center > div > form > center {
            position: relative;
            top: -20px;
        }
        body > center > div > center {
            position: relative;
            top: -25px;
        }
        body > center > div > form > table:nth-child(1) {
            position: relative;
            left: 22px;
            top: -9px;
        }
        body > center > div > form > table:nth-child(3) {
            position: relative;
            left: 22px;
            top: -19px;
        }
        body > center > div > form > table > div.CatNameInputTDOut,
        body > center > div > form > table > div.CatNameInputTDOver,
        body > center > div > form > table > div.CatNameInputTDError,
        body > center > div > form > table > div.CatNameInputTDOutEmpty,
        body > center > div > form > table > div.AreaNameInputTDOut,
        body > center > div > form > table > div.AreaNameInputTDOver,
        body > center > div > form > table > div.AreaNameInputTDError,
        body > center > div > form > table > div.AreaNameInputTDOutEmpty
        {
            width: 145px;
            height: 40px;
            background-size: 145px 33px;
        }
        body  center  div  form  table input#CatByName, body  center  div  form  table input#AreaByName{
            width: 130px;
        }
        #AlertEmptyCat, #AlertEmptyArea{
            width: 127px !important;
        }
    }