
/* *
 *  Search Form CSS Begin
 */

.clear{clear: both;}
.smartsearch{
    float:left;
    width: 100%;
    margin: 0px;
    padding: 0px;
    background: rgb(246,248,249);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjhmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZWRmZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(246,248,249,1) 0%, rgba(222,223,224,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(100%,rgba(222,223,224,1)));
    background: -webkit-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(222,223,224,1) 100%);
    background: -o-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(222,223,224,1) 100%);
    background: -ms-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(222,223,224,1) 100%);
    background: linear-gradient(to bottom,  rgba(246,248,249,1) 0%,rgba(222,223,224,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#dedfe0',GradientType=0 );
    border: 1px solid silver;
}
.smartsearch li{
    list-style: none;
    float:left;
    min-height: 150px;
    width:16%;
    border-right: 1px dotted gray;
    padding: 0;
    min-height: 180px;
}

.smartsearch li h2{
    float:left;
    font-size:14px;
    padding:0px;
    color:black;
    margin-top: 0px;
    width:100%;
}
.smartsearch li textarea{
    float:left;
    width: 100%;
    max-height: 150px;
    min-height: 70px;
    margin-top: 0px;
    min-width: 70px;
    font-family: Avant Garde,Tahoma,Verdana;
    font-size:16px;
    letter-spacing: 0.5px;
}

.smartsearch li h2 span{
    font-size:90%;
    padding:3px;
    color:black;
    margin-left: 5px;    
}
.smartsearch li div.margin{
    width:90%;
    margin:5%;
}
.smartsearch li div{
    float:left;
    padding: 0px;
    width:100%;
    margin:0;
}
.smartsearch li.last{
    border-right: 0px;
}

.smartsearch a:focus {outline:none;}
.smartsearch a::-moz-focus-inner {border:0;}

.smartsearch input:focus {outline:none!important;}
.smartsearch input::-moz-focus-inner {border:0!important;}

a.not-checker{
    font-size: 12px;
    padding: 6px 0 6px;
    width: 23%;
    text-align:center;
    float:left;
    text-decoration: none!important;
    background: rgb(226,226,226);

    border: 1px solid gray;
}
a.not-checker.active{
    background: rgb(169,3,41);
    border: 1px solid black;
}
a.not-checker.active span{
    color: white!important;
}
.smartsearch a.not-checker input{
    vertical-align:middle; margin:0 3px 0 0;
    
    padding:0px;
}
a.not-checker span{
    vertical-align:middle;
    margin:0;
    padding:0px;
}
a.not-checker span{
    margin-top:1px;
    
    color: black;
    font-weight: bold;
}
.smartfilter{
    float:left;
    width: 100%;
    margin:0px;
    padding: 0px;
    background-color:white;
    margin-top:15px;
}
.smartfilter li{
    float:left;
    list-style: none;
    min-height: 50px;
    width: 10%;
}
.smartfilter li.info{
    width:55%;
    margin: 0px;
}
.fluid-left{border:1px solid gray!important; border-right: 1px solid #eeeeee;}
.fluid-right{border:1px solid gray!important; border-left: none!important;width:75%;}
.fluid-right2{height: 28px; margin:0; border:1px solid gray; border-left: none;}
.ui-widget{font-family: Avant Garde,Tahoma,Verdana!important;}

.smartsearch input{padding: 5px 3px 5px;}

input.small-input{float:left;width:20%;text-align: center;margin-top:-3px;padding: 3px 0 3px;}
span.small-input{font-size:12px;color:gray;float:left;}
span.small-input.black{color:black!important;margin-left:2px;margin-right:2px;font-size:9px; margin-top: 3px;}
.as-subheader{width:70px!important;margin-left:30px!important;}
.as-firstcheck{margin-left:-100px!important;}
textarea.zip{
    height: 40px;
    min-height: 40px!important;
}
.full-width{width:99%!important;}

.smartfilter .info div{
    float:left;
    width:31%;
    min-height: 20px;
    color: black;
    margin:1%;
    font-size: 12px;
    margin-bottom:0.5%;
    margin-top:0.5%;
}
.smartfilter .info div span{
    float: left;
    margin-right: 5px;
    
}
.limiter{
    margin-left: 20px;
}
.smartfilter .info div b{
    float:left;
}
.smartfilter .options{
    width:25%;
}
.smartfilter .options div{
    float:left;width:99%;
    margin:0%;
    color:black;
    font-size:12px;
    text-align: right;
    margin-bottom: 5px;
}
.smartfilter .options select{padding:4px;}
.smartfilter .last{
    color:black;
    text-align: left;
    
    width:8%!important;
    font-size:12px;
}
.smartfilter .last div{
    margin-top:7px;
}
.smartfilter .small-input2{
    width:34px;
    margin-right: 5px;
    font-size: 12px!important;
    margin-top:-1px;
}
.start-search{
    background: #6f0000;
    border: 1px solid black;
    font-weight: bold;
    font-size: 12px;
    color:white;
    padding: 10px;
    width:90%;
    cursor: pointer;
}
.smartfilter .options button{
    border: 1px solid gray!important;
}
.reset-search{
    background: rgb(226,226,226);
    border: 1px solid gray;
    font-weight: bold;
    font-size: 12px;
    color:gray;
    padding: 10px;
}
input.move-down{margin-top:10px;position: absolute;margin-left:30px;}
div.hr{width:100%!important;margin-left:0px!important;margin-right:0px!important;float:left;height:1px;border-top:1px dotted gray;margin-top:0px!important;margin-bottom: 10px!important;}
div.bottom-div{margin-top:0px!important;margin-bottom: 5%!important;}
li.view-filter span{color:black;font-size:12px;float:left; margin-top: 5px;}
li.view-filter input{float:left;}
.view-filter{width:12%!important;}
.view-filter .not-checker{width:auto!important;margin-left:15px;padding:3px 5px;margin-top:8px;}
.view-filter .not-checker span{margin-top:2px;margin-right:8px;}
.view-filter .limiter { font-size: 12px; }
.view-filter .limiter span{ /*margin-right:5px;*/ }
.view-filter .limiter input{padding:4px;}

/* *
 * Search Form Fixes
 */

a.not-checker{
    /*box-sizing: border-box;*/
    width: 30%;
    height: 14px;
}

a.not-checker.active {
    background: #6f0000;
}

.ui-multiselect {
    padding: 4px;
    text-align: left;
    margin: 0px;
    /*margin-left: 1px;*/
    font-size: 12px;
    border-radius: 0px;
    background: rgb(226,226,226);
    width: 65%;
    border: 1px solid gray;
    border-left: none;
}

.ui-multiselect {
    /*box-sizing: border-box;*/
    height: 28px;
}
.margin.bottom-div .fluid-right {
    /*box-sizing: border-box;*/
    height: 28px;
    margin: 0;
    /*margin-left: 1px;*/
}

.fluid-right{
	width:65% !important;
}

input.small-input{
    box-sizing: border-box;
    float:left;
    width: 20%;
    text-align: center;
    margin: 0;
    margin-bottom: 4px;
    padding: 3px 0 3px;
    border: 1px solid gray;
}
span.small-input{
    box-sizing: border-box;
    font-size:12px;
    color:gray;
    float:left;
    margin: 0;
    margin-top: 5px;
    text-align: center;
    width: 6%;
}
span.small-input.black{
    box-sizing: border-box;
    color:black!important;
    margin: 0;
    margin-top: 5px;
    font-size:9px;
    text-align: center;
    width: 8%;
}

.smartsearch {
    background: #f0f0f0 !important;
}

.smartsearch li{
    min-height: 150px;
}

.smartsearch li h2 {
    margin-bottom: 8px;
}

.smartfilter .options button {
	width: 162px !important;
}

.smartfilter .view-filter .limiter span {
    display: block;
    width: 33px;
    float: left;
}

.view-filter .limiter select { width:52px; padding: 4px;  }

.smartfilter .view-filter .limiter .small-input2 {
    border: 1px solid gray;
    width: 40px;
}

.smartfilter .view-filter .not-checker {
    display: block;
	margin-top: 5px;
    margin-left: 20px;
	height: 20px;
    width: 72px !important;
}

#go_up {
    left: 0px;
}

#sq {
    background: #ffffff !important;
}

.white_bg {
    background-color: #ffffff !important;
}

.smartsearch td{
    list-style: none;
    min-height: 150px;
    width:16%;
    border-right: 1px dotted gray;
    padding: 0;
    min-height: 180px;
    vertical-align: top;
}

.smartsearch td.smtop {
    border-bottom: 1px dotted gray;
}

.smartsearch td h2{
    float:left;
    font-size:14px;
    padding:0px;
    color:black;
    margin-top: 0px;
    width:100%;
    margin-bottom: 8px;
}
.smartsearch td textarea{
    float:left;
    width: 100%;
    max-height: 150px;
    min-height: 70px;
    margin-top: 0px;
    min-width: 70px;
    font-family: Avant Garde,Tahoma,Verdana;
    font-size:16px;
    letter-spacing: 0.5px;
}

.smartsearch td h2 span{
    font-size:90%;
    padding:3px;
    color:black;
    margin-left: 5px;    
}
.smartsearch td div.margin{
    width:90%;
    margin:5%;
}
.smartsearch td div.padding{
    width:90%;
    padding:10px;
}
.smartsearch td div{
    float:left;
    padding: 0px;
    width:100%;
    margin:0;
}
.smartsearch td.last{
    border-right: 0px;
}

.ui-multiselect-filter {
    font-size: 14px;
    float: left;
}

.ui-multiselect-filter input {
    border: 1px solid gray;
    width: 53px;
    height: 20px;
    margin: 0;
    margin-right: 5px;
    padding: 0;
}

.ui-multiselect-menu {
    width: 310px;
}

.ui-widget-header a {
    font-size: 14px;
}

#result_box_pagination a {
    display: block;
    float: left;
    background: #eee;
    margin: 0 3px 3px 0;
    padding: 3px;
    border: 1px solid gray;
    text-decoration: none;
    text-align: center;
    font-size: 13px;
    color: #555;
    min-width: 28px;
}

#result_table tbody td {
    height: 72px;
}

#result_box_pagination a.pagelink:hover, #result_box_pagination a.pagelink.active {
    background: #bbb;
    color: #000;
}

#result_table tbody tr:nth-child(2n) > td {
    background: #eeeeee;
}

#result_table tbody tr:hover > td, #result_table tbody tr.active td {
    background: gray;
}

.search2_ajax_box {
    min-height: 100px;
    position: relative;
}

.search2_error_loading {
    text-align: center;
}

.overlay-loader {
    width: 200px;
    height: 200px;
    background: rgba(0, 0, 0, 0.9) url('search_loader.gif') no-repeat center center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
}

.overlay-loader-white {
    background: rgba(255, 255, 255, 0.8) url('search_loader.gif') no-repeat center center;
}

#all_counter {
    float: right;
    font-size: 14px;
    padding: 5px 7px 0 10px;
}


/* **************************************************** */
/* 1.12.2013 */

/* tabs */
.tabs {}
.tabs > ul {height:34px; margin:10px 0 0 0; padding:0; list-style-type: none; border-bottom:1px solid #ddd;}
.tabs > ul > li {height:33px; float: left; padding:0; margin:0 2px 0 0; border:1px solid #ddd; border-bottom-color: #ddd; background-color:#F0F0F0;}
.tabs > ul > li > a {height:28px; float: left; padding:5px 25px 0 25px;}
.tabs > ul > li.active {background-color:#fff; border-bottom-color: #fff;}
.tabs .tab-content {padding:10px 0;}

.textfield {border:1px solid #000;}
.textfield.error-field {border-color:#CC0202;}

.relative { position: relative; }
#result_table th .relative {padding-right:15px;}
.sort_data { position: absolute; top:0; right:5px; font-weight: bold; }
.sort_data a { font-weight: bold; }


/* **************************************************** */
/* 11.12.2013 */
#result_table tbody tr.ppNOT_CHECK td {  }
/*
#result_table tbody tr.ppCHECKING td { background-color: #EADEDE; }
#result_table tbody tr.ppCHECK_WAITING td { background-color: #EADEDE; }
*/
#result_table tbody tr.ppPN td { background-color: #D3E1EA; }
#result_table tbody tr.ppPA td { background-color: #EFE7D2; }
#result_table tbody tr.ppPE td { background-color: #E0D5BC; }

.preloader { display: inline-block; width:16px; height:16px; background: url("ajax-loader.gif"); }
#result_table tbody tr:hover .preloader { background: url("ajax-loader_b.gif"); }

.dataset tr.even:hover { background-color: #ABABAB; }
table.dataset tr.simple:hover { background-color: #ABABAB; }
.table3 tr.even:hover { background-color: #ABABAB; }
.dataset tr.grey:hover { background-color: #ABABAB; }
#result_table tbody tr:hover > td, #result_table tbody tr.active td { background: gray; }

.pp_check_button { width:85px; margin-top: 5px; background:#ddd; border:1px solid #777; cursor:pointer; }
.bordered-field { border:1px solid #808080; width:99%; }
.smf-button-full .ui-multiselect { width:99%; border:1px solid #808080; }
.ui-multiselect-menu .show-limit { font-weight: normal; padding-left: 5px; font-size: 14px; line-height: 1.7; color:#6B6B6B; }
.gray { color:#919191; }
.v-center { vertical-align: middle !important; }
.h-center { text-align: center; }

.smartsearch td div.margin2 { width:90%; margin:0 5% 5% 5%; }
.smartsearch td div.padding2 { width:90%; padding: 0 10px 10px 10px; }


