/*
 * Styles and Classes To Render the Sidebar Search Widget
 * ======================================================
 * Include CSS classes and styles that are used by the page sidebar search widget.
 * 
 * NOTE!!  The z-index of the sidebar is set in layout, and is 1000, placing it above other
 * page elements for slideouts / etc.
 *
 */

.sidebar_content {
   position:relative
   border: 1px solid red;
}
.sidebar_drawer_content {
   position: absolute;
   right: 216px;
   xwidth: 360px;
   width: 430px;
   padding: 0;
   top: 0;
   overflow: hidden;
}
.sidebar_drawer_handle {
   overflow: hidden;
   margin-left: -2px;
   position: relative;
   z-index:1100;
}
.sidebar_drawer_handle a.expand_handle {
   display: block;
   background:url("../images/sidebar/handleexpand.gif") 0px 4px no-repeat;
   padding: 5px 0px 4px 34px;
   width: 170px;
   height: 26px;
   font-weight: bold;
   font-size: 1.1em;
   line-height: 21px;    
   border-top: 1px solid #ccc;
   margin-left: 2px;
}

.sidebar_drawer_handle a.expand_handle:hover {    
   text-decoration: underline;
}


.active_sidebar_drawer_handle  {
   margin-left: -13px !important;
   background-color:#6b8bb2 !important;
   padding-right: 13px !important;
}

.active_sidebar_drawer_handle a,
.active_sidebar_drawer_handle a:hover {
   color: #fff;
   text-decoration: none;
}

.active_sidebar_drawer_handle a.expand_handle {
   border-left: 0;
   border-top: 1px  solid #001348;
   border-right: 1px  solid #001348;
   border-bottom: 1px  solid #001348;
   padding-right: 4px;
   background:url("../images/sidebar/handlecollapse.gif") 4px 4px no-repeat;
   padding-left: 38px;
}

#sidebar_drawer_property_container {
    margin-top: 8px;
}
.sidebarpopupcontainer {
   width: 408px;
   min-height: 400px;
   position:relative;
}
.sidebaractionscontainer {
   padding: 10px 1px 5px 1px;
   border-top: 1px solid #ccc;
}
.sidebarpopupactionscontainer {
   padding: 7px 0 3px 0;
}
.sidebarpopupactionscontainer .bluecalloutcontainer .innercontainer,
.sidebaractionscontainer .bluecalloutcontainer .innercontainer {
   text-align: center;
   padding: 2px;
}
.sidebarpopupactionscontainer .bluecalloutcontainer .innercontainer a,
.sidebaractionscontainer .bluecalloutcontainer .innercontainer a {
   color: #fff;
   display: block;
}
.sidebarpopupactionscontainer .bluecalloutcontainer .innercontainer a:hover,
.sidebaractionscontainer .bluecalloutcontainer .innercontainer a:hover {
   color: #ddd;
}
.sidebarpopupleftpane {
   width: 155px;   
   border: 1px solid #ccc;
   background-color: #fff;
   float: left;
   color: #000;
   margin-left: 3px;
   font-size: 12px;
   /*min-height: 330px;*/
}
.sidebarpopuprightpane {
   width: 235px;
   border: 1px solid #ccc;
   background-color: #fff;
   float: right;
   color: #000;
   margin-right: 3px;
   font-size: 12px;
   min-height: 330px;
   /*overflow: auto;*/
}
.sidebarpopupsinglepane {
   width: 400px;
   border: 1px solid #ccc;
   background-color: #fff;
   color: #000;
   margin-right: 3px;
   margin-left: 3px;
   font-size: 12px;
   min-height: 330px;
   /*overflow: auto;*/
}

.sidebarpopupsinglepane label,
.sidebarpopuprightpane label {
   display: block;
   padding:0 0 1px 1px;
}
.sidebarpopupsinglepane label.active,
.sidebarpopupsinglepane label:hover,
.sidebarpopuprightpane label.active,
.sidebarpopuprightpane label:hover {
   display: block;
   background: #fff url(../images/sidebar/grad_highlight.gif) top left repeat-y;   
}

.sidebarpopupleftpane a {
   display: block;
   font-weight: bold;
   padding:3px 0 3px 2px;   
}
.sidebarpopupleftpane a.active,
.sidebarpopupleftpane a:hover {
   background: #7996bc url(../images/calloutboxes/content_blue/bg.gif) top left repeat-x;
   color: white;
}

input.sidebarlargeinput {
   width: 195px;
}
input.sidebarsmallinput {
   width:64px;
   height:14px;
   font-size: 11px;
   border:1px solid #99948e;
   padding-left:3px;
}

.sbshowall
{
   text-decoration: underline;
   font-size: 11px;
}