/* ================================================ */
/*
 * New CSS2+ / CSS3 PopUp Class styles:
 *
 * Added: 3/7/2013 - Scott
 *
 /* ================================================ */

 .CSS-PopUp {
     width: 400px;
     background-color: transparent;
     background:url("/static/img/css-popups/top-middle.png") repeat-x left top;
     -moz-box-shadow: 0 0 29px 5px #888;
     -webkit-box-shadow: 0 0 29px 5px#888;
     box-shadow: 0 0 29px 5px #888;
     position: absolute;
     z-index: 100;
     display: none;
 }

 .PopUp-X-Small {
     width: 200px;
 }

 .PopUp-Small {
     width: 300px;
 }

 .PopUp-Medium {
     width: 400px;
 }

 .PopUp-Large {
     width: 600px;
 }

 .PopUp-X-Large {
     width: 800px;
 }

 .PopUp-2X-Large {
     width: 960px;
 }

 .PopUp-3X-Large {
     width: 1100px;
 }

 .CSS-PopUp .close {
     display: block;
     width: 19px;
     height: 19px;
     background-image: url(/static/img/global/popUps/closeX.png);
     position: absolute;
     top: 12px;
     right: 12px;
     margin: 0;
     padding: 0;
     cursor: pointer;
 }

 .CSS-PopUp .title {
     color: #7D7B7B;
     vertical-align: middle;
     text-align: center;
     line-height: 66px;
     height: 66px;
     min-height: 66px;
     width: 50%;
     margin-left: 24%;
     float: left;
     font-size: 18px;
     text-shadow: 0px 1px 4px #ffffff;
     font-family: 'Cinzel', serif;
     letter-spacing: 2.5pt;
     z-index: 100 /* Without this, the titel can't be a drag handle
                     because the 'bottom-border' covers it' */
 }

 .CSS-PopUp .title span {
     font-size: 22px;
 }

 .CSS-PopUp .bottom_border {
     background:url("/static/img/css-popups/bottom-middle.png") repeat-x left bottom transparent;
 }

 .CSS-PopUp .top_right {
     display: block;
     float: right;
     width: 58px;
     height: 66px;
     background:url("/static/img/css-popups/top-right.png") no-repeat right top transparent;
     margin: 0;
     padding: 0;
 }

 .CSS-PopUp .top_left {
     display: block;
     width: 58px;
     height: 66px;
     background:url("/static/img/css-popups/top-left.png") no-repeat left top transparent;
     margin: 0;
     padding: 0;
 }

 .CSS-PopUp .left_border {
     background:url("/static/img/css-popups/middle-left.png") repeat-y left top #FFFFFF;
     margin: 0;
     padding: 0;
 }


 .CSS-PopUp .right_border {
     background:url("/static/img/css-popups/middle-right.png") repeat-y right top transparent;
 }

 .CSS-PopUp .bottom_left {
     display: block;
     width: 58px;
     height: 6px;
     background:url("/static/img/css-popups/bottom-left.png") no-repeat left top transparent;
 }

 .CSS-PopUp .bottom_right {
     display: block;
     float: right;
     width: 58px;
     height: 6px;
     background:url("/static/img/css-popups/bottom-right.png") no-repeat right top transparent;
 }

 .CSS-PopUp .middle_content {
     margin-left: 30px;
     margin-right: 30px;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 12px;
 }

 .CSS-PopUp hr {
     clear: both;
     display: block;
     border: none;
     color: #FFFFFF;
     height: 1px;
     background: #000000;
     background: radial-gradient(center, ellipse cover, #B7B7B7 30%, #FFFFFF 85%);
     background: -moz-radial-gradient(center, ellipse cover, #B7B7B7 30%, #FFFFFF 85%);
     background: -webkit-radial-gradient(center, ellipse cover, #B7B7B7 30%, #FFFFFF 85%);
     background: -o-radial-gradient(center, ellipse cover, #B7B7B7 30%, #FFFFFF 85%);
 }

 .CSS-PopUp .break-after {
     clear: both;
     margin-bottom: 6px;
 }

 .CSS-PopUp .break-before{
     clear: both;
     margin-bottom: 6px;
 }
 /* ================================================ */

 /* Single Wide */
 .popUp1_wrapper
 {
     width: 385px;
     position: absolute;
     z-index: 100;
 }

 .popUp1_header
 {
     width: 100%;
     height: 80px;
     background-image: url(/static/img/popUps/singleWide.png);
 }

 .popUp_title /* Works with single, double, and triple wide popups. */
 {
     height: 52px;
     top: 27px;
     margin-left: auto;
     margin-right: auto;
 }

 .popUp_closeX
 {
     display: block;
     width: 19px;
     height: 19px;
     background-image: url(/static/img/global/popUps/closeX.png);
     position: absolute;
     top: 26px;
 }

 .popUp_closeX:hover
 {
     background-position: 0px -19px;
 }

 .popUp1_header .popUp_closeX
 {
     float: right;
     margin-right: 30px;
 }

 .popUp1_header /* DELETE AFTER ALL POPUPS REWORKED WITH NEW GRAPHICS! */
 {
     width: 100%;
     height: 80px;
 }

 .popUp1_header a /* DELETE AFTER ALL POPUPS REWORKED WITH NEW GRAPHICS! */
 {
     display: block;
     width: 20px;
     height: 19px;
     background-image: url(/static/img/global/popUps/closeX.png);
     position: absolute;
     top: 26px;
 }

 .popUp1_middleWrapper
 {
     width: 100%;
     background-image: url(/static/img/popUps/singleWide.png);
     background-position: -385px 0px;
     background-repeat: repeat-y;
     padding: 20px 0px 20px 0px;
 }

 .popUp1_footer
 {
     width: 100%;
     height: 77px;
     background-image: url(/static/img/popUps/singleWide.png);
     background-position: 0px -80px;
 }

 .popUp1_divLine
 {
     width: 273px;
     height: 1px;
     background-image: url(/static/img/misc/greyDividersSheet.png);
     margin-left: 56px;
 }

#wOB_popUpWrapper .popUp1_divLine {
    margin: 0 auto;
}

 /* Double Wide */
 .popUp2_wrapper
 {
     width: 683px;
     position: absolute;
     z-index: 100;
 }

 .popUp2_wrapper p {
    margin-bottom: 12px;
 }

 .popUp2_header
 {
     width: 100%;
     height: 80px;
     background-image: url(/static/img/popUps/doubleWide.png);
 }

 .popUp2_header .popUp_closeX
 {
     left: 620px;
 }

 .popUp2_header /* DELETE AFTER ALL POPUPS REWORKED WITH NEW GRAPHICS! */
 {
     width: 100%;
     height: 80px;
 }

 .popUp2_header a /* DELETE AFTER ALL POPUPS REWORKED WITH NEW GRAPHICS! */
 {
     display: block;
     width: 20px;
     height: 19px;
     background-image: url(/static/img/global/popUps/closeX.png);
     position: absolute;
     left: 620px;
     top: 26px;
 }

 .popUp2_middleWrapper
 {
     width: 100%;
     background-image: url(/static/img/popUps/doubleWide.png);
     background-position: -683px 0px;
     background-repeat: repeat-y;
     padding: 20px 0px 20px 0px;
 }

 .popUp2_footer
 {
     width: 100%;
     height: 77px;
     background-image: url(/static/img/popUps/doubleWide.png);
     background-position: 0px -80px;
 }

 .popUp2_divLine
 {
     width: 573px;
     height: 1px;
     background-image: url(/static/img/misc/greyDividersSheet.png);
     background-position: 0px -1px;
     margin-left: 55px;
 }

 /* Triple Wide */
 .popUp3_wrapper
 {
     width: 884px;
     position: absolute;
     z-index: 100;
 }

 .popUp3_header
 {
     width: 100%;
     height: 80px;
     background-image: url(/static/img/popUps/tripleWide.png);
 }

 .popUp3_header /* DELETE AFTER ALL POPUPS REWORKED WITH NEW GRAPHICS! */
 {
     width: 100%;
     height: 80px;
 }

 .popUp3_header a /* DELETE AFTER ALL POPUPS REWORKED WITH NEW GRAPHICS! */
 {
     display: block;
     width: 20px;
     height: 19px;
     background-image: url(/static/img/global/popUps/closeX.png);
     position: absolute;
     left: 821px;
 }

 .popUp3_header .popUp_closeX
 {
     left: 821px;
 }

 .popUp3_middleWrapper
 {
     width: 100%;
     background-image: url(/static/img/global/popUps/middle_repeater3.png);
     background-repeat: repeat-y;
     padding: 20px 0px 32px 0px;
 }

 .popUp3_footer
 {
     width: 100%;
     height: 66px;
     background-image: url(/static/img/global/popUps/bottom3.png);
 }

 .popUp3_divLine
 {
     width: 768px;
     height: 1px;
     background-image: url(/static/img/misc/greyDividersSheet.png);
     background-position: 0px -2px;
     margin: 0px 0px 0px 58px;
 }

 .dividerLine1  /* Be sure to pss first, but... DELETE AFTER ALL POPUPS REWORKED WITH NEW GRAPHICS! */
 {
     width: 293px;
     height: 1px;
     background-image: url(/static/img/global/popUps/dividerLine.png);
     margin-left: 46px;
 }

 .dividerLine2
 {
     width: 293px;
     height: 19px;
     background-image: url(/static/img/global/popUps/dividerLine2.png);
     margin-left: 46px;
 }

 .pointerArrow
 {
     width: 9px;
     height: 35px;
     background-image: url(/static/img/global/popUps/shortcut_arrowPointer.png);
     position: absolute;
 }

 .btn_ok  /* DELETE AFTER ALL POPUPS REWORKED WITH NEW GRAPHICS! */
 {
     margin: 0px 0px 0px 105px;
 }

 .doubleWide_greyDivider  /* DELETE AFTER ALL POPUPS REWORKED WITH NEW GRAPHICS! */
 {
     width: 565px;
     height: 1px;
     background-image: url(/static/img/global/popUps/doubleWide_greyDivider.png);
     margin-left: 57px;
     margin-bottom: 15px;
 }

 .bottomBtnSection2  /* DELETE AFTER ALL POPUPS REWORKED WITH NEW GRAPHICS! */
 {
     width: 569px;
     height: 19px;
     margin: 0px 0px 0px 57px;
 }

 .bottomBtnSection2_leftSide /* DELETE AFTER ALL POPUPS REWORKED WITH NEW GRAPHICS! */
 {
     width: 243px;
     height: 100%;
     background-image: url(/static/img/global/popUps/bottomBtn2_leftSide.png);
     float: left;
 }

 .bottomBtnSection2_rightSide /* DELETE AFTER ALL POPUPS REWORKED WITH NEW GRAPHICS! */
 {
     width: 243px;
     height: 100%;
     background-image: url(/static/img/global/popUps/bottomBtn2_rightSide.png);
     float: left;
 }

 .popUp3_wideGreyLine /* DELETE AFTER ALL POPUPS REWORKED WITH NEW GRAPHICS! */
 {
     width: 764px;
     height: 1px;
     background-image: url(/static/img/britecore/settings/popUps/line_longHorizontal.png);
     margin: 10px 0px 0px 60px;
 }

 .popUp3_wideGreyLine .btn_done /* DELETE AFTER ALL POPUPS REWORKED WITH NEW GRAPHICS! */
 {
     margin: 0px 0px 0px 0px;
     position: absolute;
     left: 340px;
     top: -9px;
 }

 /* More Arrow*/
 .popUp_moreArrow_singleWide
 {
     width: 41px;
     height: 80px;
     background-image: url(/static/img/global/moreArrow.png);
     position: absolute;
     left: 358px;
     top: -65px;
 }

 .popUp_moreArrow_doubleWide
 {
     width: 41px;
     height: 80px;
     background-image: url(/static/img/global/moreArrow.png);
     position: absolute;
     left: 710px;
     top: -65px;
 }

 .popUp_moreArrow_tripleWide
 {
     width: 41px;
     height: 80px;
     background-image: url(/static/img/global/moreArrow.png);
     position: absolute;
     left: 911px;
     top: -65px;
 }

 .spinner
 {
     position: absolute;
     opacity: 0.9;
     filter: alpha(opacity=90);
     -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
     z-index: 999;
     background: #fff;
 }

 .spinner-msg
 {
     text-align: center;
     font-weight: bold;
     color: #6a6a6a;
 }

 .spinner-img
 {
     background: url(/static/img/global/popUps/throbber.gif) no-repeat;
     width: 24px;
     height: 24px;
     margin: 0 auto;
 }

 /* NEW! Bottom Button Options */
 .popUp1_divLine .btn_upload
 {
     position: absolute;
     left: 95px;
     top: -9px;
     margin: 0px 0px 0px 0px; /* BECAUSE, ABOVE OR IN GLOBAL.CSS, MARGINS ARE SET. THESE CAN BE REMOVED ONCE I CHANGE ALL THE POPUPS */
 }

 .popUp1_divLine .btn_ok
 {
     position: absolute;
     left: 95px;
     top: -9px;
     margin: 0px 0px 0px 0px; /* BECAUSE, ABOVE OR IN GLOBAL.CSS, MARGINS ARE SET. THESE CAN BE REMOVED ONCE I CHANGE ALL THE POPUPS */
 }

 .popUp1_divLine .btn_done
 {
     position: absolute;
     left: 95px;
     top: -9px;
     margin: 0px 0px 0px 0px; /* BECAUSE, ABOVE OR IN GLOBAL.CSS, MARGINS ARE SET. THESE CAN BE REMOVED ONCE I CHANGE ALL THE POPUPS */
 }

 .popUp1_divLine .btnComboWrap_cancelOrSave_and_ok
 {
     position: absolute;
     left: 56px;
     top: -9px;
 }

 .popUp2_divLine .btn_done
 {
     position: absolute;
     left: 245px;
     top: -9px;
     margin: 0px 0px 0px 0px; /* BECAUSE, ABOVE OR IN GLOBAL.CSS, MARGINS ARE SET. THESE CAN BE REMOVED ONCE I CHANGE ALL THE POPUPS */
 }

 .popUp2_divLine .popUp2_btn_done
 {
     position: absolute;
     left: 245px;
     top: -9px;
     margin: 0px 0px 0px 0px; /* BECAUSE, ABOVE OR IN GLOBAL.CSS, MARGINS ARE SET. THESE CAN BE REMOVED ONCE I CHANGE ALL THE POPUPS */
 }

 .popUp2_divLine .btn_ok
 {
     position: absolute;
     left: 241px;
     top: -9px;
     margin: 0px 0px 0px 0px; /* BECAUSE, ABOVE OR IN GLOBAL.CSS, MARGINS ARE SET. THESE CAN BE REMOVED ONCE I CHANGE ALL THE POPUPS */
 }

 .popUp2_divLine .btnComboWrap_cancelOrSave_and_ok
 {
     position: absolute;
     left: 206px;
     top: -9px;
     margin: 0px 0px 0px 0px; /* BECAUSE, ABOVE OR IN GLOBAL.CSS, MARGINS ARE SET. THESE CAN BE REMOVED ONCE I CHANGE ALL THE POPUPS */
 }

 .popUp3_divLine .btn_done
 {
     position: absolute;
     left: 342px;
     top: -9px;
     margin: 0px 0px 0px 0px; /* BECAUSE, ABOVE OR IN GLOBAL.CSS, MARGINS ARE SET. THESE CAN BE REMOVED ONCE I CHANGE ALL THE POPUPS */
 }

 .popUp3_divLine .popUp3_btn_done
 {
     position: absolute;
     left: 342px;
     top: -9px;
     margin: 0px 0px 0px 0px; /* BECAUSE, ABOVE OR IN GLOBAL.CSS, MARGINS ARE SET. THESE CAN BE REMOVED ONCE I CHANGE ALL THE POPUPS */
 }

 .popUp3_divLine .btnComboWrap_cancelOrSave_and_ok
 {
     position: absolute;
     left: 303px;
     top: -9px;
     margin: 0px 0px 0px 0px; /* BECAUSE, ABOVE OR IN GLOBAL.CSS, MARGINS ARE SET. THESE CAN BE REMOVED ONCE I CHANGE ALL THE POPUPS */
 }

.clean-gray {
  background-color: #eeeeee;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
  background-image: linear-gradient(top, #eeeeee, #cccccc);
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  border-radius: 29px;
  color: #333;
  font: bold 11px/1 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  padding: 4px 0;
  text-align: center;
  text-shadow: 0 1px 0 #eee;
  width: 150px;
  text-decoration: none;
}

.clean-gray:hover {
  background-color: #dddddd;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #bbbbbb));
  background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: linear-gradient(top, #dddddd, #bbbbbb);
  border: 1px solid #bbb;
  border-bottom: 1px solid #999;
  cursor: pointer;
  text-shadow: 0 1px 0 #ddd;
}

.clean-gray:active {
  border: 1px solid #aaa;
  border-bottom: 1px solid #888;
  -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
}

.clean-gray .medium {
  padding: 4px 0;
  border-radius: 29px;
  width: 150px;
  font: bold 11px/1 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
}