/*
 * Define call out boxes
 */

/*
 * START GRAY CALLOUT BOX
 */
.graycalloutcontainer {
   background: #fff url(../images/calloutboxes/content_gray/bg.gif) top left repeat-x;
   border: 1px solid #666666;
   margin:2px;
   color: #000;
   position: relative;
}
#page_crown .graycalloutcontainer {
   background: #fff url(../images/calloutboxes/crown_gray/bg.gif) bottom left repeat-x;
}
#quicksearchcontainer .graycalloutcontainer {
   background: #fff url(../images/calloutboxes/qsb_gray/bg.gif) bottom left repeat-x;
}
.graycalloutcontainer .innercontainer {
   border: 1px solid #ffffff;
}

.graycalloutcontainer .innercontainer_selsvs {
   border: 1px solid #ffffff;
   border-bottom-color: transparent;
}
.graycalloutcontainer .tl {
   background: url(../images/calloutboxes/content_gray/tl.gif) transparent top left no-repeat;
   width: 4px;
   height: 4px;
   position: absolute;
   top: -1px;
   left: -1px;
   overflow: hidden;
}
#page_crown .graycalloutcontainer .tl {
   background: url(../images/calloutboxes/crown_gray/tl.gif) transparent top left no-repeat;
}
.graycalloutcontainer .drk.tl, 
#quicksearchcontainer .graycalloutcontainer .tl {
   background: url(../images/calloutboxes/qsb_gray/tl.gif) top left transparent no-repeat;
}
.graycalloutcontainer .tr {
   background: url(../images/calloutboxes/content_gray/tr.gif) top left transparent no-repeat;
   width: 4px;
   height: 4px;
   position: absolute;
   top: -1px;
   right: -1px;
   overflow: hidden;
}
#page_crown .graycalloutcontainer .tr {
   background: url(../images/calloutboxes/crown_gray/tr.gif) transparent top left no-repeat;
}
.graycalloutcontainer .drk.tr, 
#quicksearchcontainer .graycalloutcontainer .tr {
   background: url(../images/calloutboxes/qsb_gray/tr.gif) top left transparent no-repeat;
}
.graycalloutcontainer .bl {
   background: url(../images/calloutboxes/content_gray/bl.gif) top left transparent no-repeat;
   width: 4px;
   height: 4px;
   position: absolute;
   bottom: -1px;
   left: -1px;
   overflow: hidden;
}
#page_crown .graycalloutcontainer .bl {
   background: url(../images/calloutboxes/crown_gray/bl.gif) transparent top left no-repeat;
}
.graycalloutcontainer .drk.bl, 
#quicksearchcontainer .graycalloutcontainer .bl {
   background: url(../images/calloutboxes/qsb_gray/bl.gif) top left transparent no-repeat;
}
.graycalloutcontainer .br {
   background: url(../images/calloutboxes/content_gray/br.gif) top left transparent no-repeat;
   width: 4px;
   height: 4px;
   position: absolute;
   bottom: -1px;
   right: -1px;
   overflow: hidden;
}
#page_crown .graycalloutcontainer .br{
   background: url(../images/calloutboxes/crown_gray/br.gif) transparent top left no-repeat;
}
.graycalloutcontainer .drk.br, 
#quicksearchcontainer .graycalloutcontainer .br {
   background: url(../images/calloutboxes/qsb_gray/br.gif) top left transparent no-repeat;
}

.graycalloutcontainer .blk.tl {
   background: url(../images/calloutboxes/black_gray/tl.gif) top left transparent no-repeat;
}
.graycalloutcontainer .blk.tr {
   background: url(../images/calloutboxes/black_gray/tr.gif) top left transparent no-repeat;
}
.graycalloutcontainer .blk.bl {
   background: url(../images/calloutboxes/black_gray/bl.gif) top left transparent no-repeat;
}
.graycalloutcontainer .blk.br {
   background: url(../images/calloutboxes/black_gray/br.gif) top left transparent no-repeat;
}


/*
 * START BLUE CALLOUT BOX
 */
.bluecalloutcontainer {
   background: #7996bc url(../images/calloutboxes/content_blue/bg.gif) top left repeat-x;
   position: relative;
   border: 1px solid #001348;
   color: #fff;
   margin:2px;
}
#page_crown .bluecalloutcontainer {
   background: #7996bc url(../images/calloutboxes/crown_blue/bg.gif) top left repeat-x;
}
#quicksearchcontainer .bluecalloutcontainer {
   background: #7996bc url(../images/calloutboxes/qsb_blue/bg.gif) top left repeat-x;
}
.bluecalloutcontainer .innercontainer {
   border: 1px solid #629ad6;
   padding: 2px 0 2px 2px;
}
.bluecalloutcontainer .innercontainer a {
   color: #fff;
}
.bluecalloutcontainer .tl {
   background: url(../images/calloutboxes/content_blue/tl.gif) transparent top left no-repeat;
   width: 4px;
   height: 4px;
   position: absolute;
   top: -1px;
   left: -1px;
   overflow: hidden;
}
#page_crown .bluecalloutcontainer .tl {
   background: url(../images/calloutboxes/crown_blue/tl.gif) transparent top left no-repeat;
}
#quicksearchcontainer .bluecalloutcontainer .tl {
   background: url(../images/calloutboxes/qsb_blue/tl.gif) top left transparent no-repeat;
}
.bluecalloutcontainer .tr {
   background: url(../images/calloutboxes/content_blue/tr.gif) top left transparent no-repeat;
   width: 4px;
   height: 4px;
   position: absolute;
   top: -1px;
   right: -1px;
   overflow: hidden;
}
#page_crown .bluecalloutcontainer .tr {
   background: url(../images/calloutboxes/crown_blue/tr.gif) transparent top left no-repeat;
}
#quicksearchcontainer .bluecalloutcontainer .tr {
   background: url(../images/calloutboxes/qsb_blue/tr.gif) top left transparent no-repeat;
}
.bluecalloutcontainer .bl {
   background: url(../images/calloutboxes/content_blue/bl.gif) top left transparent no-repeat;
   width: 4px;
   height: 4px;
   position: absolute;
   bottom: -1px;
   left: -1px;
   overflow: hidden;
}
#page_crown .bluecalloutcontainer .bl {
   background: url(../images/calloutboxes/crown_blue/bl.gif) transparent top left no-repeat;
}
#quicksearchcontainer .bluecalloutcontainer .bl {
   background: url(../images/calloutboxes/qsb_blue/bl.gif) top left transparent no-repeat;
}
.bluecalloutcontainer .br {
   background: url(../images/calloutboxes/content_blue/br.gif) top left transparent no-repeat;
   width: 4px;
   height: 4px;
   position: absolute;
   bottom: -1px;
   right: -1px;
   overflow: hidden;
}
#page_crown .bluecalloutcontainer .br{
   background: url(../images/calloutboxes/crown_blue/br.gif) transparent top left no-repeat;
}
#quicksearchcontainer .bluecalloutcontainer .br {
   background: url(../images/calloutboxes/qsb_blue/br.gif) top left transparent no-repeat;
}



/*
 * START TAN CALLOUT BOX
 */
.tancalloutcontainer {
   background: #e2ddd3 url(../images/calloutboxes/content_tan/bg.gif) bottom left repeat-x;
   position: relative;
   border: 1px solid #666666;
   margin:2px;
}
#page_crown .tancalloutcontainer {
   background: #e2ddd3 url(../images/calloutboxes/crown_tan/bg.gif) bottom left repeat-x;
}
#quicksearchcontainer .tancalloutcontainer {
   background: #e2ddd3 url(../images/calloutboxes/qsb_tan/bg.gif) bottom left repeat-x;
}
.tancalloutcontainer .innercontainer {
   border: 1px solid #ffffff;   
}
.tancalloutcontainer .tl {
   background: url(../images/calloutboxes/content_tan/tl.gif) transparent top left no-repeat;
   width: 4px;
   height: 4px;
   position: absolute;
   top: -1px;
   left: -1px;
   overflow: hidden;
}
#page_crown .tancalloutcontainer .tl {
   background: url(../images/calloutboxes/crown_tan/tl.gif) transparent top left no-repeat;
}
#quicksearchcontainer .tancalloutcontainer .tl {
   background: url(../images/calloutboxes/qsb_tan/tl.gif) top left transparent no-repeat;
}
.tancalloutcontainer .tr {
   background: url(../images/calloutboxes/content_tan/tr.gif) top left transparent no-repeat;
   width: 4px;
   height: 4px;
   position: absolute;
   top: -1px;
   right: -1px;
   overflow: hidden;
}
#page_crown .tancalloutcontainer .tr {
   background: url(../images/calloutboxes/crown_tan/tr.gif) transparent top left no-repeat;
}
#quicksearchcontainer .tancalloutcontainer .tr {
   background: url(../images/calloutboxes/qsb_tan/tr.gif) top left transparent no-repeat;
}
.tancalloutcontainer .bl {
   background: url(../images/calloutboxes/content_tan/bl.gif) top left transparent no-repeat;
   width: 4px;
   height: 4px;
   position: absolute;
   bottom: -1px;
   left: -1px;
   overflow: hidden;
}
#page_crown .tancalloutcontainer .bl {
   background: url(../images/calloutboxes/crown_tan/bl.gif) transparent top left no-repeat;
}
#quicksearchcontainer .tancalloutcontainer .bl {
   background: url(../images/calloutboxes/qsb_tan/bl.gif) top left transparent no-repeat;
}
.tancalloutcontainer .br {
   background: url(../images/calloutboxes/content_tan/br.gif) top left transparent no-repeat;
   width: 4px;
   height: 4px;
   position: absolute;
   bottom: -1px;
   right: -1px;
   overflow: hidden;
}
#page_crown .tancalloutcontainer .br{
   background: url(../images/calloutboxes/crown_tan/br.gif) transparent top left no-repeat;
}
#quicksearchcontainer .tancalloutcontainer .br {
   background: url(../images/calloutboxes/qsb_tan/br.gif) top left transparent no-repeat;
}

.polaroidcallout {
   background-color:#fff;
   padding:10px;
   border:1px solid #666;   
   float:left;
   margin-right:20px;
   text-align:center;
}


/*
 * START FORM CALLOUT BOX
 */
.formcalloutcontainer {
   background: #fff;
   position: relative;
   border: 1px solid #cdcdcd;
   margin:2px;
   color: #000;
}
.formcalloutcontainer .innercontainer {
   border: 1px solid #ffffff;
}
.formcalloutcontainer .tl {
   background: url(../images/calloutboxes/content_form/tl.gif) transparent top left no-repeat;
   width: 4px;
   height: 4px;
   position: absolute;
   top: -1px;
   left: -1px;
   overflow: hidden;
}
.formcalloutcontainer .tr {
   background: url(../images/calloutboxes/content_form/tr.gif) top left transparent no-repeat;
   width: 4px;
   height: 4px;
   position: absolute;
   top: -1px;
   right: -1px;
   overflow: hidden;
}
.formcalloutcontainer .bl {
   background: url(../images/calloutboxes/content_form/bl.gif) top left transparent no-repeat;
   width: 4px;
   height: 4px;
   position: absolute;
   bottom: -1px;
   left: -1px;
   overflow: hidden;
}
.formcalloutcontainer .br {
   background: url(../images/calloutboxes/content_form/br.gif) top left transparent no-repeat;
   width: 4px;
   height: 4px;
   position: absolute;
   bottom: -1px;
   right: -1px;
   overflow: hidden;
}

.greenbuttoncontainer {
   position:relative;
   text-align:center;
   padding:0; 
   height:28px;
   background:url(../images/search/green_mid.gif);
   color: #fff;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 13px;
   margin-left: 2px;
}
.greenbuttoncontainer a {
   color: #fff;
   line-height: 25px; 

   display:block;
   position:relative;
}
.greenbuttoncontainer .tl {
   position:absolute;
   top:0;
   left:-2px;
   margin:0;
   width:5px;
   height:28px;
   background:url(/images/search/green_left.gif);
}
.greenbuttoncontainer .tr {
   position:absolute;
   top:0;
   right:-2px;
   margin:0;
   width:5px;
   height:28px;
   background:url(/images/search/green_right.gif);
}