/* your styles go here */

.hidden {display: none;}

.filter {position: relative; width: 100%; line-height: 25px; padding: 3px; background: #767676; color: white; margin-bottom: 12px;  border-radius: 2px; z-index: 30;}
.pfilter {position: relative; width: 100%; line-height: 18px; background: silver; color: #767676; margin-bottom: 12px;}
.filter input {border: 1px silver solid !important; height: 25px; line-height: 25px; margin: 0 2px;}
.filter input[type=radio] {height: auto; line-height: 25px;}
.filter label {line-height: 25px;}
.filter td {background-color: #484848; color: white}
//.filter input, .filter select {margin-right: 12px;}
.filter form {margin: 0; padding: 0; margin-top: 0px;}
.filter .nomargin    {margin-right: 5px;}
.filter .icon {position: relative; top: 4px; }
.period     {position: relative; display: inline;}
.period-menu {position: absolute; top: 18px; left: 0; border: 1px solid black; opacity: .9; filter: alpha(opacity=95);  border-radius: 2px; box-shadow: 1px 1px 2px #000; display: none;}
.period-menu a {background-color: #F0F0F0; color: black; text-indent: 5px; line-height: 20px; display: block; height: 20px; width: 120px;}
.period-menu a:hover {background-color: blue; color: white; }
.filter .fdv    {position: relative; display: inline; margin: 4px 8px; padding: 2px 1px; background: url(imgs/fdv.gif); overflow: hidden; }
.save    {position: absolute; top: 4px; right: 4px;}
.save-menu {position: absolute; top: 23px; right: 4px; border: 1px solid black; opacity: .9; filter: alpha(opacity=95);  border-radius: 2px; box-shadow: 1px 1px 2px #000; display: none;}
.filter-link {position: relative; text-indent: 5px; line-height: 20px; display: block; height: 20px; width: 140px; overflow: hidden;}
.filter-link:hover, .filter-link:hover a {background-color: blue; color: white; }
.save-menu a {color: black; }
.save-menu a:hover {background-color: blue; color: white; }
#saveFilter {text-indent: 5px; line-height: 20px; display: block; height: 20px; width: 140px; border-top: #A0A0A0 1px solid;}
.deleteFilter {position: absolute; top: 4px; right: 6px;}
.okbg {background: url(imgs/ok_bg.gif) repeat-x #00CA65;}

.extfilter  {position: relative; top: -16px; padding-top: 10px; width: 100%; line-height: 22px; background: #555; color: white; border-radius: 2px; z-index:28; padding-bottom: 4px;}
.extfilter .pad {padding: 0 8px;}

.clearall {clear: both;}

.headbg	{font-weight: bold; color: white; background: #E87F35; padding: 3px 6px;}
.login  {position: absolute; right: 5px; top: 5px;}
.s_line	{background-color: #e6e6e6; padding: 3px 6px;}
.h_line	{background-color: #fcfcfc; padding: 3px 6px;}
.s_liner	{background-color: #e6e6e6; text-align: right;}
.h_liner	{background-color: #fcfcfc; text-align: right;}
tr:hover .s_line, tr:hover .h_line, tr:hover .s_liner, tr:hover .h_liner {background-color: #ECE4B0;}

.right {text-align: right;}

.period {display: inline-block;}

.fly_help {
  position: absolute;
  background-color: #fff5ca;
  border: 1px solid black;
  color: black;
  padding: 6px;
  z-index: 101000;
  opacity: .9;
  filter: alpha(opacity=95);
  box-shadow: 3px 3px 4px #000;
  display: none;
  max-width: 450px;
}

.period-switch {
    margin: 0 auto;
    width: 180px;
}

.period-switch a {
    width: 58px;
    border: 1px solid silver;
    display: inline-block;
    color: black;
    text-align: center;
    text-decoration: none;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom: none;
    display: inline-block;
}

.period-switch a.half {
    width: 88px;
}

.period-switch a.full {
    width: 180px;
}

.period-switch a.active {
    background: silver;
}

.period-switch input {

    border: 1px solid silver;
    padding: 3px;

}

.ajax_content {
    padding: 8px 4px;
    width: 100%;
    text-align: center;
}

.datepicker {

    background-position: right 10px top 10px !important;

}