/*
 * 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;
}

.sidebaractionscontainer {
	height:28px;
	width:200px
}
.sidebaractionscontainer .back_left {
	float:left;
	background-image:url('/images/siteforlife/green_left.gif');
	height:28px;
	width:4px
}
.sidebaractionscontainer .back_right {
	float:left;
	background-image:url('/images/siteforlife/green_right.gif');
	height:28px;
	width:4px
}
.sidebaractionscontainer .btnsearch {
	width:64px;
	height:28px
}
.sidebaractionscontainer .btnsearch input {
	cursor:pointer;
	font-size:12px;
	float:left;
	background-image:url('/images/siteforlife/green_mid.gif');
	height:28px;
	width:56px;
	border:0px;
	color:#fff
}
.sidebaractionscontainer .btnreset {
	height:26px;
	width:55px
}
.sidebaractionscontainer .btnreset input {
	cursor:pointer;
	height:26px
}
.sidebaractionscontainer .btnsavesearch {
	height:26px;
	width:66px
}
.sidebaractionscontainer .btnsavesearch button {
	cursor:pointer;
	position:absolute;
	width:66px;
	padding-left:0px;
	margin-left:0px;
	color:#fff;
	background:none;
	border:0px;
	text-align:left;
	font-size:9px
}
.sidebaractionscontainer .btnsavesearch button .value {
	margin-left:25px
}
.sidebaractionscontainer .btnsavesearch button .topimg {
	position:absolute;
	top:2px;
	left:1px;
	width:22px;
}
.sidebaractionscontainer .btnsavesearch button .baseimg {
	position:absolute;
	top:2px;
	left:1px;
	width:20px
}
.sidebaractionscontainer .btnsavesearch .maincontainer {
	position:relative
}
