franck@0: /*  
franck@0:   Blue Popup Skin
franck@0:   Author: Tj Holowaychuk
franck@0:   Link: http://vision-media.ca
franck@0: */ 
franck@0: #popups-overlay {
franck@0:   background: #fff;
franck@0:   opacity:.80;
franck@0: }
franck@0: .popups-box {
franck@0:   padding: 25px;
franck@0:   width: 510px;
franck@0:   border: none;
franck@0:   background: transparent url(images/tile-v.png) 0 0 repeat-y;
franck@0:   overflow: visible;
franck@0: }       
franck@0: .popups-title {
franck@0:   position: absolute;
franck@0:   top: -65px;
franck@0:   left: -11px;
franck@0:   margin: 0;
franck@0:   padding: 0;
franck@0:   height: 65px;
franck@0:   width: 570px;
franck@0:   line-height: 75px;
franck@0:   background: transparent url(images/sprites.png) 0 0 no-repeat;
franck@0: }
franck@0: .popups-title .title {
franck@0:   text-indent: 25px;
franck@0:   text-shadow: #fff 1px 1px 1px;
franck@0:   color: #437acf;
franck@0: }
franck@0: .popups-title .popups-close a {
franck@0:   position: absolute;
franck@0:   top: 4px;
franck@0:   right: -7px;
franck@0:   display: block;
franck@0:   width: 16px;
franck@0:   height: 16px;
franck@0:   text-indent: -9999999px;
franck@0:   outline: none;
franck@0:   cursor: pointer;
franck@0:   background: transparent url(images/sprites.png) -577px -18px no-repeat;   
franck@0: }
franck@0: .popups-title .popups-close a:hover {
franck@0:   background-position: -577px -52px;
franck@0: }
franck@0: .popups-title .popups-close a:active {
franck@0:   background-position: -577px -35px;   
franck@0: }    
franck@0: .popups-body {
franck@0:   padding: 0 25px;
franck@0:   height: 250px;
franck@0:   overflow-y: auto;
franck@0:   overflow-x: hidden; 
franck@0: }  
franck@0: .popups-footer {
franck@0:   position: absolute;
franck@0:   bottom: -90px;
franck@0:   left: -11px;
franck@0:   width: 570px;
franck@0:   height: 90px;
franck@0:   background: transparent url(images/sprites.png) 0 -110px no-repeat; 
franck@0: }
franck@0: 
franck@0: