/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; } /* overflow:hidden; */
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
/*#cboxLoadedContent{overflow:auto;} occasionally causing annoying scrollbar*/
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* swell-specific styles follow */

#cboxOverlay{background:#fff;}
#cboxLoadingOverlay{background:#fff;}
#cboxLoadingGraphic{background:url(i/loading.gif) center center no-repeat;}

.modal .top { background: url(i/modal_top.png) no-repeat; padding: 20px 20px 0 20px; }
.modal .mid { background: url(i/modal_mid.png) repeat-y; padding: 10px 30px 0 30px; font-size: 77%; }
.modal .btm { background: url(i/modal_btm.png) no-repeat; height: 30px; }

.modal .title-bar { background-color: #5d5d5d; }
.modal .title-bar .title { margin: 11px 0 0 10px; }
.modal .title-bar .close { margin: 5px; }

.modal .mid .modal-errs { color: #c00; padding: 0 0 5px; }
.modal .mid label { display: block; margin: 0 0 5px; font-weight: bold; text-transform: uppercase; }
.modal .mid textarea { width: 428px; border: 1px solid #666; margin: 0 0 10px; font-size: 101%; }
.modal .mid textarea.err { border: 1px solid #c00; background-color: #fcc; }

.modal .mid .title-count { font-weight: normal; color: #999; }

.modal .modal-action-area { padding: 0 0 10px 0; }

/* FB login action area */
.modal .fb-log-in .col { width: 205px; }
.modal .fb-log-in .colR { width: 200px; text-align: right; }
/* FB logged in action area */
.modal .fb-logged-in .fb-pic { margin: 0 10px 0 0; }
.modal .fb-logged .fb-deets { width: 235px; }
.modal .legal { margin:10px 0 0 0; } 


.modal-share-bar img { margin: 0 5px 0 10px; }
.modal-share-bar span { padding: 5px 10px 0 0; }

.msg-modal { width: 405px; }
.msg-modal .msg-top { background: url(i/msgModal_top.gif) no-repeat; height: 5px; }
.msg-modal .msg-mid { background: url(i/msgModal_mid.gif) repeat-y; color: #fff; padding: 20px; font-size: 108%; }
.msg-modal .msg-btm { background: url(i/msgModal_btm.gif) no-repeat; height: 5px; }
.msg-modal .title { font-size: 157%; font-weight: bold; }

/* special overrides for when msgModal is presented within a standard modal */
.modal .msg-modal { margin: 0 auto; padding: 40px 0; }
.modal .msg-modal .msg-mid { font-size: 140%; }