﻿/* Mask for Advanced Panel SEarch */
#CSearch_Advanced_Mask 
{
   position:fixed;  
   z-index:8000;  
   background-color:#000;  
   display:none;  
   filter:alpha(opacity=60);
   opacity:0.6;
}
/* Small Search Component */
.CSmallSearch { float:left; width:auto; }
.CSmallSearch .SearchTitle { float: left; margin-right: 5px; vertical-align: bottom; padding-top:3px; }
.CSmallSearch .NotValidExpressionImage { float: left;}
.CSmallSearch .SearchContainer { border: solid 1px #a0a0a0; width:130px; float:left; background-color:#FFFFFF; }
.CSmallSearch .SearchContainer .SearchBox { border: none 0px; width: 92px; background-color: #FFFFFF; float:left; }
.CSmallSearch .SearchContainer .SearchBox:hover { background-color: #FFFFFF;  }
.CSmallSearch .SearchContainer .SearchButton {  border:none 0px; float:right; padding:3px 2px 0px 0px; cursor:pointer; }
.CSmallSearch .SearchContainer .SearchButton:hover { border: none 0px; }
.CSmallSearch .HelpImage { float:left; padding: 1px; margin-left: 2px; }
.CSmallSearch .CSearch_SearchIncorrect { color: #ff0000; font-size: 2em; }
.CSmallSearch .AdvancedSearchLink { margin-left:5px; font-size: 0.8em;    }

/* Search Component */
.CSearch { float:left; width:auto; }
.CSearch .SearchTitle { float: left; margin-right: 5px; vertical-align: bottom; padding-top:3px; }
.CSearch .NotValidExpressionImage { float: left;}
.CSearch .SearchContainer { border: solid 1px #a0a0a0; width:346px; float:left; background-color:#FFFFFF; }
.CSearch .SearchContainer .SearchBox { border: none 0px; width: 292px; background-color: #FFFFFF; float:left; }
.CSearch .SearchContainer .SearchBox:hover { background-color: #FFFFFF;  }
.CSearch .SearchContainer .SearchButton {  border:none 0px; float:right; padding:3px 2px 0px 0px; cursor:pointer;  }
.CSearch .SearchContainer .SearchButton:hover { border: none 0px; }
.CSearch .HelpImage { float:left; padding: 1px; margin-left: 2px; }
.CSearch .CSearch_SearchIncorrect { color: #ff0000; font-size: 2em; }
.CSearch .AdvancedSearchLink { float: left; margin-top: 4px; margin-left:5px; font-size: 10px;    }

/* Help Panel */
.CSearchHelpPanel {
    position: absolute;
    z-index: 7000;
    background-color: #f5f5f5;
    padding: 8px;
    opacity: 0.95;
    filter: alpha(opacity=95);
    border: solid 1px #aaaaaa;
    -moz-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    border-radius: 7px;
}
/* Error Panel */
.CSearchErrorPanel 
{
   position:absolute;  
   z-index:7000;  
   background-color:#ededed;
   padding:8px;
   opacity:0.95;
   filter:alpha(opacity=95);
   border:solid 1px #aaaaaa;
}
    .CSearchErrorPanel .ErrorPanelOkText {
        font-family: 'Courier New', sans-serif;
        font-size: 1.3em;
    }
    .CSearchErrorPanel .ErrorPanelWrongText {
        font-family: 'Courier New', sans-serif;
        color: #FF0000;
        font-weight: bold;
        font-size: 1.3em;
    }

/* Saved Searches panel */
.CSearchSavedSearchPanel
{
   position:absolute;  
   z-index:7000;  
   background-color:#ededed;
   padding:8px;
   opacity:0.95;
   filter:alpha(opacity=95);
   border:solid 1px #aaaaaa;
}

/* SEarch Tools panel */
.CSearchSearchToolsPanel
{
   position:absolute;  
   z-index:7000;  
   background-color:#ededed;
   padding:8px;
   opacity:0.95;
   filter:alpha(opacity=95);
   border:solid 1px #aaaaaa;
   width:350px;
}

.CSearchSearchToolsPanel .searchTools {
    height: 120px;
    overflow: auto;
    list-style-type: none;
    margin: 0;
    padding: 0;
    border: none;
}

.CSearchSearchToolsPanel .searchTools > li
{
    cursor:pointer;
}

.CSearchSearchToolsPanel .searchTools > li:hover
{
    cursor:pointer;
    background-color: #FFFF99;
    color: #111111;
}

/* Advanced Search Panel and Mask */
.CSearch_Advanced_Panel {
    position:fixed;
    left:0;
    top:0;
    display:none;
    z-index:8100;                
    /*padding:10px;
    background-color:#ededed;
    border:solid 2px #dedede;*/
    -moz-border-radius-topleft: 7px;
	border-top-left-radius: 7px;
	-moz-border-radius-topright: 7px;
	border-top-right-radius: 7px;
    -moz-box-shadow: 0px 0px 15px #FFF;
	-webkit-box-shadow: 0px 0px 15px #FFF;
	box-shadow: 0px 0px 15px #FFF;
}
/*
 * Close button of advanced search panel
 */
.CSearch_Advanced_Panel #CSearch_Advanced_Close_Div {
 margin:0; 
 padding:0;
 position:relative;
 height:20px;
 overflow:hidden;
 text-align:right;
}
/*
 * ======= Start Level 1 =======================================================
 * 
 * --#Csearch_Item_Container ------------------------------------------------
 * |                                                                        |
 * |  --#CSearch_Item_Operation ----   --#CSearch_Item_Panel--------------  |
 * --------------------------------------------------------------------------
 */
.CSearch_Advanced_Panel #CSearch_Item_Container 
{
    padding:3px;
    padding-right: 76px;
    overflow: hidden;
}
.CSearch_Advanced_Panel #CSearch_Item_Container #CSearch_Item_Operation 
{
    float:left;
    width:76px;
    margin-top:14px;
}
/*
 * ======= Start Level 2 =======================================================
 * 
 *  ---#CSearch_Item_Operation--------
 *  |  .CSearch_Item_Operation_List  |
 *  ----------------------------------
 */
.CSearch_Advanced_Panel #CSearch_Item_Container #CSearch_Item_Operation .CSearch_Item_Operation_List
{
    border-collapse: collapse;
    border-spacing: 0px;
    color: #666666;
    margin-right: 5px;
}
.CSearch_Advanced_Panel #CSearch_Item_Container #CSearch_Item_Operation .CSearch_Item_Operation_List label
{
    font-size:8px;
    vertical-align:middle;
}
.CSearch_Advanced_Panel #CSearch_Item_Container #CSearch_Item_Operation .CSearch_Item_Operation_List input
{
    margin-left:7px;
    width: auto;
    vertical-align:middle;
    border-style:none;
    border-width: 0px;
}
/*
 * ======= End Level 2 =======================================================
 */
 
/*
 * ======= Start Level 2 =======================================================
 * 
 *  ---#CSearch_Item_Panel-------------
 *  |    .CSearch_Item_Label          |
 *  |    #CSearch_Item_Control        |
 *  -----------------------------------
 */
.CSearch_Advanced_Panel #CSearch_Item_Container #CSearch_Item_Panel { float:left;}

.CSearch_Advanced_Panel #CSearch_Item_Container #CSearch_Item_Panel .CSearch_Item_Label 
{
    font-size:0.9em;
    color:#444444;
    display:block;
    width:100%;
}

.CSearch_Advanced_Panel #CSearch_Item_Container #CSearch_Item_Panel #CSearch_Item_Control 
{
    display:block;
    width:100%;
}

/*
 * ======= Start Level 3 =======================================================
 * 
 *  ---#CSearch_Item_Control--------------------------------------------------
 *  |   .CSearch_Item_Control_Operator  .CSearch_Item_Control_ComparisonBox  |
 *  --------------------------------------------------------------------------
 *
 *  OR
 * 
 *  ---#CSearch_Item_Control-----------
 *  |  .CSearch_Item_Control_TextBox  |
 *  -----------------------------------
 */
.CSearch_Advanced_Panel #CSearch_Item_Container #CSearch_Item_Panel #CSearch_Item_Control .CSearch_Item_Control_Operator 
{
    float:left;
}
.CSearch_Advanced_Panel #CSearch_Item_Container #CSearch_Item_Panel #CSearch_Item_Control .CSearch_Item_Control_ComparisonBox
{
    float:left;
    width: 110px;
}
.CSearch_Advanced_Panel #CSearch_Item_Container #CSearch_Item_Panel #CSearch_Item_Control .CSearch_Item_Control_TextBox 
{
    float:left;
}
.CSearch_Advanced_Panel #CSearch_Item_Container #CSearch_Item_Panel #CSearch_Item_Control .CSearch_Item_Control_TextBox :hover
{
    border-color:#0000ff; 
}
/*
 * ======= End Level 3 =======================================================
 * ======= End Level 2 =======================================================
 * ======= End Level 1 =======================================================
 */
.CSearch_Item_Control_Operator 
{
    width: 40px;
}
.CSearch_Item_Operation_List input 
{
    /*width: 20px;*/
    margin-left: 8px;
}
.CSearch_Item_Operation_List label
{
    vertical-align:inherit;
}
.CSearch_Item_Operation_List td
{
    vertical-align:top;
}

.left {
    float: left;
}

.right {
    float: right;
}

.paginationPanel {
    padding-top: 5px;
}

.InfoPage {
    display: inline-block;
    height: 19px;
    margin-top: 3px;
    overflow: hidden;
}

.btnPageNext {
    background: url("Grid/sprite.gif") no-repeat scroll 0 -850px rgba(0, 0, 0, 0);
    border: medium none;
    cursor: pointer;
    height: 22px;
    margin-left: 5px;
    padding: 0;
    vertical-align: top;
    width: 22px;
}

    .btnPageNext:hover {
        background-position: 0 -900px;
    }

.btnPageLast {
    background: url("Grid/sprite.gif") no-repeat scroll 0 -1000px rgba(0, 0, 0, 0);
    border: medium none;
    cursor: pointer;
    height: 22px;
    margin-left: 2px;
    padding: 0;
    vertical-align: top;
    width: 22px;
}

    .btnPageLast:hover {
        background-position: 0 -1050px;
    }

.btnPageFirst {
    background: url("Grid/sprite.gif") no-repeat scroll 0 -550px rgba(0, 0, 0, 0);
    border: medium none;
    cursor: pointer;
    height: 22px;
    margin-right: 2px;
    padding: 0;
    vertical-align: top;
    width: 22px;
}

    .btnPageFirst:hover {
        background-position: 0 -600px;
    }

.btnPagePrev {
    background: url("Grid/sprite.gif") no-repeat scroll 0 -700px rgba(0, 0, 0, 0);
    border: medium none;
    cursor: pointer;
    height: 22px;
    margin-right: 5px;
    padding: 0;
    vertical-align: top;
    width: 22px;
}

    .btnPagePrev:hover {
        background-position: 0 -750px;
    }