@import url("table.css");

html{
/*     height: 100%; */
}

body{
    font-size: 12px;
    height: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
    font-family: verdana;
}
#login{
    margin: 200px auto 30px auto;
    width: 300px;
    border: 1px dashed gray;
    background-color: silver;
    text-align: center;
}

#login div{
    background-color: #ACACAC;
    color: white;
    font-size: 110%;
    border-bottom: 1px dashed gray;
    padding: 3px;
    font-weight: bold;
    
}

#top_frame{
    position:absolute;
    top:0;
    width: 100%;
    height: 100px;
    border-bottom: 1px solid gray;
    background-color: silver;
/*    padding: 5px 5px 0px 5px; */

}

#bottom_frame{
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 70px;
    border-top: 1px solid gray;
    background-color: silver;
}

#title_frame{
    position:absolute;
    top: 0px;
    height: 70px;
/*    padding: 0 5px 0 5px; */
    border-bottom: 4px double #E2E2E2;
    background-color: white;
    z-index: 900;
}

#container_frame{
    position:absolute;
    top: 110px;
    bottom: 75px;
    width: 100%;
    overflow: auto;
}

#main_frame{
    position: absolute;
    top: 75px;
    width: 100%;
}

#find_phone_input{

    background-position: right;
    background-repeat: no-repeat;
    border: 1px solid gray;
}

#loading_frame{
    position: absolute;
    top: 110px;
    bottom: 55px;
    width: 100%;
    background-image: url("../images/dimmer.png");
    z-index: 1000;   
}
#loading_img{
    position: relative;
    margin: 150px auto 0 auto;
    background-image: url("../images/loader.gif");
    width: 128px;
    height: 128px;
    z-index: 1100;
}

.div_bottom_page{
    float: right;
    height: 20px;
    font-size: 100%;
    font-weight: bold;
    margin-right: 30px;
    margin-top: 5px;
}

.a_div{
    color: blue;
    cursor: pointer;
}

div.info_panel{
    text-align: center;
    font-size: 130%;
    width: 400px;
    border: 3px double gray;
    padding: 10px;
    background-color: #dddddd;
    margin: 50px auto 0 auto;
}

span.span_info{
    font-weight: bold;
    color: silver;
    cursor: help;
}
span.span_info_filtr{
    font-weight: bold;
    color: white;
    cursor: help;
}
.input_date{
    background-image: url("../js/combo/imgs/calendar.gif");
    background-position: right;
    background-repeat: no-repeat;
    border: 1px solid gray;
}

.filter_off{
    background-image: url("../images/filter_off.gif");
    background-repeat: no-repeat;
    background-position: top center;
    height: 20px;
    cursor: pointer;
}

.filter_on{
    background-image: url("../images/filter_on.gif");
    background-repeat: no-repeat;
    background-position: top center;
    height: 20px;
    cursor: pointer;
}

.div_filter{
    position: relative;
    border: 3px double gray;
    background-color: #E5E5E5;
    text-align: center;
}
.div_filter a{
    font-size: 80%;
}

div#div_filter_over_exit{
    position: relative;
    background-color: aqua;
    display: block;   
    float: none; 
}


div#div_filter_info{
    font-weight: bold;
    color: red;
    bottom: 0px;
    position: absolute;
    height: 40px; 
}

span.filter_exit{
    float: right;
    clear: both;
    font-weight: bold;
    cursor: pointer;
    background-image: url("../images/filter_exit.gif");
    width: 14px;
    height: 14px;
    display: block;
}

span.filter_name{
    padding-top: 5px;
    font-size: 75%;
    font-weight: bold;
    text-decoration: underline;
    color: #A40000;
}

fieldset{
    margin: 0;
    padding: 0;
    border: none;
    cursor: pointer;
    display: inline;
}

input#com_jina{
    background-image: url("../js/combo/imgs/combo_select.gif");
    background-position: right;
    background-repeat: no-repeat;
    border: 1px solid gray;
    cursor: pointer;
}

td.error{
    color: red;
}

div#phone_filtr{
    position: absolute;
    margin: 100px auto 0 auto;
    width: 400px;
    height: 250px;
    border: 2px solid blue;
    background: white;
}

#find{
    
    padding-left: 20px;
}

/* MENU */

#menu{
    margin-top: 10px;
}

#navlist
{
padding: 3px 0 3px 20px;
margin-left: 0;
border-bottom: 1px solid #778;
font: bold 12px Verdana, sans-serif;
}

#navlist li
{
list-style: none;
margin: 0;
display: inline;
}
form{
    margin: 0;
    padding: 0;
}
#navlist li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: #DDE;
text-decoration: none;
text-transform: uppercase;
}

#navlist li#time, #navlist li#time a
{
    padding: 3px 0.5em;
    margin-left: 3px;
    border: 1px solid #778;
    border-bottom: none;
    background: #DDE;
    text-decoration: none;
    text-transform: uppercase;
    margin-right: 100px;
}

#navlist li a:link { color: #448; }
#navlist li a:visited { color: #667; }

#navlist li a:hover
{
color: #000;
background: #AAE;
border-color: #227;
}

#navlist li a#current
{
background: white;
border-bottom: 1px solid white;
}