.AscMask {
  background-color: white;
}

.AscPop {
  width: 170px !important;
  text-align: left;
  position: absolute;
}

.AscPop .grid {
  width: 170px;
  display: table;
  border-collapse: collapse;
  border-spacing: 0;
  padding: 0;
}

.AscPop .grid tbody {
  margin: 0;
  padding: 0;
}

.AscPop .grid td {
  zoom: 1;
  margin: 0;
  padding: 0;
}

.AscPop .AscClose {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 10px;
  right: 12px;
}

.AscPop .AscClose a {
  width: 16px;
  height: 16px;
  display: block;
  filter: alpha(opacity=75);
  -moz-opacity: .75;
  opacity: .75;
  z-index: 10001;
}

.AscPop .AscClose a:hover {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}

.AscPop .p {
  position: absolute;
  visibility: hidden;
  z-index: 10002;
  background-repeat: no-repeat;
  display: block;
}

/* for session alert modal */
.ModalMask {
  background-color: white;
}

.ModalPop {
  width: 387px !important;
  text-align: left;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}

.ModalPop .grid {
  width: 100%;
  display: table;
  border-collapse: collapse;
  border-spacing: 0;
  padding: 0;
}

.ModalPop .pLeft {
  text-align: left;
}

.ModalPop .pRight {
  text-align: right;
}

.ModalPop .pCenter {
  text-align: center;
}

.ModalPop .grid tbody {
  margin: 0;
  padding: 0;
}

.ModalPop .grid td {
  font: normal 0.75em arial, helvetica, sans-serif;
  color: #333;
  zoom: 1;
  margin: 0;
  padding: 0;
}

/* Box CSS Style */
.ModalPop .grid .nw {
  width: 8px;
  background: transparent url(/wastatic/common/img/modal/left.png) no-repeat 0% 0%;
}

.ModalPop .grid .ne {
  width: 8px;
  background: transparent url(/wastatic/common/img/modal/right.png) no-repeat top right;
}

.ModalPop .grid .sw {
  width: 8px;
  height: 8px;
  background: transparent url(/wastatic/common/img/modal/left.png) no-repeat bottom left;
}

.ModalPop .grid .se {
  width: 8px;
  height: 8px;
  background: transparent url(/wastatic/common/img/modal/right.png) no-repeat bottom right;
}

.ModalPop .grid .north {
  background: transparent url(/wastatic/common/img/modal/center.png) repeat-x 0% 0%;
  padding: 18px 8px 8px 8px;
  font-size: 82%;
  color: black;
}

.ModalPop .grid .s {
  height: 44px;
  background: transparent url(/wastatic/common/img/modal/center.png) repeat-x 0% 100%;
}

/* blue */
.ModalPop .grid .bnw {
  width: 8px;
  background: transparent url(/wastatic/common/img/modal/blue/bLeft.png) no-repeat 0% 0%;
}

.ModalPop .grid .bne {
  width: 8px;
  background: transparent url(/wastatic/common/img/modal/blue/bRight.png) no-repeat top right;
}

.ModalPop .grid .bsw {
  width: 8px;
  height: 8px;
  background: transparent url(/wastatic/common/img/modal/blue/bLeft.png) no-repeat bottom left;
}

.ModalPop .grid .bse {
  width: 8px;
  height: 8px;
  background: transparent url(/wastatic/common/img/modal/blue/bRight.png) no-repeat bottom right;
}

.ModalPop .grid .bnorth {
  background: transparent url(/wastatic/common/img/modal/blue/bCenter.png) repeat-x 0% 0%;
  padding: 18px 8px 8px 8px;
  font-size: 82%;
  color: black;
}

.ModalPop .grid .bs {
  height: 44px;
  background: transparent url(/wastatic/common/img/modal/blue/bCenter.png) repeat-x 0% 100%;
}

/* grey */
.ModalPop .grid .gnw {
  width: 8px;
  background: transparent url(/wastatic/common/img/modal/grey/bLeft.png) no-repeat 0% 0%;
}

.ModalPop .grid .gne {
  width: 8px;
  background: transparent url(/wastatic/common/img/modal/grey/bRight.png) no-repeat top right;
}

.ModalPop .grid .gsw {
  width: 8px;
  height: 8px;
  background: transparent url(/wastatic/common/img/modal/grey/bLeft.png) no-repeat bottom left;
}

.ModalPop .grid .gse {
  width: 8px;
  height: 8px;
  background: transparent url(/wastatic/common/img/modal/grey/bRight.png) no-repeat bottom right;
}

.ModalPop .grid .gnorth {
  background: transparent url(/wastatic/common/img/modal/grey/bCenter.png) repeat-x 0% 0%;
  padding: 14px 8px 8px 8px;
  font-size: 82%;
  color: black;
}

.ModalPop .grid .gs {
  height: 44px;
  background: transparent url(/wastatic/common/img/modal/grey/bCenter.png) repeat-x 0% 100%;
}

/* close button */
.ModalPop .ModalClose {
  margin: -43px 0 0 0;
  position: relative;
  text-align: center;
}

.ModalPop .ModalClose button {
  width: 180px;
}

/* for requirement alert modal
--------------------------------------*/
.RequirementModal * {
  margin: 0px;
}

.RequirementModal {
  width: 499px !important;
  text-align: left;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  border: 1px solid black;
}

.RequirementModal .grid {
  background: white;
}

/* override border color images */
.RequirementModal .grid td[class] {
  width: 0px;
  background: none;
  font: normal 0.75em arial, helvetica, sans-serif;
  zoom: 1;
  text-align: left;
}

.RequirementModal .grid .north {
  padding: 0px 10px 0px 10px;
}

.RequirementModal .grid .s {
  height: 54;
}

.RequirementModal div.RequirementHeader {
  background: #336633 url(/wastatic/common/img/requirement_modal_shadow.png) repeat-x 0px 28px;
  margin: 0px -10px 5px -10px;
  width: 499px;
  height: 32px;
  color: white;
  font-weight: bold;
  font-size: 14;
}

.RequirementModal div.RequirementHeader > img {
  margin: 5px;
}

.RequirementModal div.RequirementHeader > img + span {
  position: absolute;
  top: 6px;
}

.RequirementModal div.RequirementMain {
  font-size: 12px;
}

.RequirementModal div.RequirementMain h1, h2 {
  color: black;
  font-weight: bold;
}

.RequirementModal div.RequirementMain a {
  padding: 0px 10px 10px 0px;
  float: left;
  border: none;
}

.RequirementModal div.RequirementMain div.hr {
  margin: 20px 0px 20px 0px;
  height: 0px;
  border-top: 1px solid #CECECE;
  border-bottom: none;
  border-left: none;
  border-right: none;
}

.RequirementModal div.RequirementMain p {
  clear: left;
}

/* close button */
.RequirementModal .ModalClose {
  position: relative;
  margin: 0px;
  text-align: left;
}

.RequirementModal .ModalClose button {
  position: absolute !important;
  top: -94px;
  left: 210px;
  width: 60px;
}

/* modal box
-------------------------------------*/
.modalBox {
  margin: 0 0 1em 0;
  padding: 0;
  width: 100%;
  background: #fff;
}

.modalBox .modalContent {
  margin: 0;
  padding: 0;
  border: 1px solid #fff;
}

.modalBox h1 {
  margin: 0;
  padding: 0;
  font: bold 13px arial, helvetica, sans-serif;
}

.modalBox .ne {
  height: 10px;
  background: transparent url("/wastatic/common/img/modal/blue/bNE.png") no-repeat top right;
}

.modalBox .n {
  height: 10px;
  margin: 0 4px;
  padding: 3px 4px 0 10px;
  background: transparent url("/wastatic/common/img/modal/blue/bN.png") repeat-x 0 0;
}

.modalBox .nw {
  height: 10px;
  padding: 0 0 0 6px;
  background: transparent url("/wastatic/common/img/modal/blue/bNW.png") no-repeat 0 0;
}

.modalBox .se {
  height: 10px;
  background: transparent url("/wastatic/common/img/modal/blue/bSE.png") no-repeat top right;
}

.modalBox .sw {
  height: 10px;
  padding: 0 0 0 6px;
  background: transparent url("/wastatic/common/img/modal/blue/bSW.png") no-repeat 0 0;
}

.modalBox .s {
  margin: 0 10px 0 4px;
  padding: 3px 4px 0 10px;
  height: 10px;
  background: transparent url("/wastatic/common/img/modal/blue/bS.png") repeat-x 0 0;
}

.modalBox .w {
  background: transparent url("/wastatic/common/img/modal/blue/bW.png") repeat-y top left;
}

.modalBox .e {
  padding: 0 0.9em 0.4em 1.2em;
  background: transparent url("/wastatic/common/img/modal/blue/bE.png") repeat-y top right;
}

.ModalPop h1 {
  margin: 0;
  padding: 0;
  font: bold 13px arial, helvetica, sans-serif;
}

/* EBOOKS MODALS
-------------------------------------*/
.EbooksModal {
  width: 500px !important;
  text-align: left;
  position: absolute;
}

.EbooksModal .ModalClose {
  top: 0;
  margin: 0;
  position: relative;
  text-align: center;
}

.EbooksModal .ModalClose button {
  top: -50px;
  margin: 10px;
  width: 145px;
}

/* for session alert modal */
.EbooksModal .ModalMask {
  background-color: white;
}

.EbooksModal .ModalPop {
  width: 387px !important;
  text-align: left;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}

.EbooksModal .ModalPop .grid {
  width: 100%;
  display: table;
  border-collapse: collapse;
  border-spacing: 0;
  padding: 0;
}

.EbooksModal .ModalPop .pLeft {
  text-align: left;
}

.EbooksModal .ModalPop .pRight {
  text-align: right;
}

.EbooksModal .ModalPop .pCenter {
  text-align: center;
}

.EbooksModal .ModalPop .grid tbody {
  margin: 0;
  padding: 0;
}

.EbooksModal .grid td {
  font: normal 0.75em arial, helvetica, sans-serif;
  color: #333;
  zoom: 1;
  margin: 0;
  padding: 0;
  text-align: left;
}

/* Box CSS Style */
.EbooksModal .ModalPop .grid .nw {
  width: 8px;
  background: transparent url(/wastatic/common/img/modal/left.png) no-repeat 0% 0%;
}

.EbooksModal .ModalPop .grid .ne {
  width: 8px;
  background: transparent url(/wastatic/common/img/modal/right.png) no-repeat top right;
}

.EbooksModal .ModalPop .grid .sw {
  width: 8px;
  height: 8px;
  background: transparent url(/wastatic/common/img/modal/left.png) no-repeat bottom left;
}

.EbooksModal .ModalPop .grid .se {
  width: 8px;
  height: 8px;
  background: transparent url(/wastatic/common/img/modal/right.png) no-repeat bottom right;
}

.EbooksModal .ModalPop .grid .north {
  background: transparent url(/wastatic/common/img/modal/center.png) repeat-x 0% 0%;
  padding: 18px 8px 8px 8px;
  font-size: 82%;
  color: black;
}

.EbooksModal .ModalPop .grid .s {
  height: 44px;
  background: transparent url(/wastatic/common/img/modal/center.png) repeat-x 0% 100%;
}

/* blue */
.EbooksModal .ModalPop .grid .bnw {
  width: 8px;
  background: transparent url(/wastatic/common/img/modal/blue/bLeft.png) no-repeat 0% 0%;
}

.EbooksModal .ModalPop .grid .bne {
  width: 8px;
  background: transparent url(/wastatic/common/img/modal/blue/bRight.png) no-repeat top right;
}

.EbooksModal .ModalPop .grid .bsw {
  width: 8px;
  height: 8px;
  background: transparent url(/wastatic/common/img/modal/blue/bLeft.png) no-repeat bottom left;
}

.EbooksModal .ModalPop .grid .bse {
  width: 8px;
  height: 8px;
  background: transparent url(/wastatic/common/img/modal/blue/bRight.png) no-repeat bottom right;
}

.EbooksModal .ModalPop .grid .bnorth {
  background: transparent url(/wastatic/common/img/modal/blue/bCenter.png) repeat-x 0% 0%;
  padding: 18px 8px 8px 8px;
  font-size: 82%;
  color: black;
}

.EbooksModal .ModalPop .grid .bs {
  height: 44px;
  background: transparent url(/wastatic/common/img/modal/blue/bCenter.png) repeat-x 0% 100%;
}

.feedbackModal .grid td {
  text-align: left;
}

.feedbackModal .grid .bnorth {
  font-size: 100%;
}

.feedbackModal .ModalClose {
  margin: 10px 0 0 0;
}

#feedbackModalContainer {
  margin-top: -10px;
}

#feedbackModalContent {
  background: #fff7da url(/wastatic/common/img/yellowbox_gradient.gif) repeat-x scroll left bottom;
  border-color: #FFDC93;
  border-style: solid;
  border-width: 0 1px 1px;
  margin: 0;
  height: 240px;
}

#feedbackModalHeader {
  background-color: #FFDC93;
  margin: 0;
  padding: 5px;
}

/* restrictions alert modal
--------------------------------------*/
.restrictionsModal {
  width: 500px !important;
  text-align: left;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}

.restrictionsModal .grid td[class] {
  font: normal 12px/16px arial, helvetica, sans-serif;
  text-align: left;
}

.restrictionsModal .ModalClose button {
  margin-right: 10px;
}

.restrictionsModal .ModalClose {
  margin-top: -42px;
}

/* conditional access modal
--------------------------------------*/
.conditionalModal {
  width: 480px !important;
}

.conditionalModal .accessOptions {
  margin-left: 20px;
}

.conditionalModal .form {
  text-align: left;
  padding-bottom: 20px;
  border-bottom: 1px solid #CFCFCF;
}

.conditionalModal .ModalClose {
  margin: -33px 0 0 0;
}

.conditionalModal .ModalClose button {
  width: 50px;
}

/* VitalSource Password alert modal
--------------------------------------*/
.VitalSourceModal {
  width: 500px !important;
  text-align: left;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}

.VitalSourceModal .grid td[class] {
  font: normal 12px/16px arial, helvetica, sans-serif;
  text-align: left;
}

.VitalSourceModal .ModalClose {
  top: 10px;
}

.VitalSourceModal .ModalClose button {
  margin-right: 10px;
}

.VitalSourceModal hr {
  color: lightgrey;
}

.VitalSourceModal .textField label {
  width: 160px;
  font-weight: bold;
}

.VitalSourceModal .modalMessage {
  height: 40px;
}

.VitalSourceModal .textField input {
  margin: 0px;
}

/* User Email Password alert modal
--------------------------------------*/
.userEmailModal {
  width: 500px !important;
  text-align: left;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}

.userEmailModal .grid td[class] {
  font: normal 12px/16px arial, helvetica, sans-serif;
  text-align: left;
}

.userEmailModal .ModalClose button {
  margin-right: 10px;
}

.userEmailModal .ModalClose {
  top: 3px;
}

.userEmailModal hr {
  color: lightgrey;
}

.userEmailModal .textField label {
  width: 160px;
  font: bold 12px/16px arial, helvetica, sans-serif !important;
}

.userEmailModal .modalMessage {
  height: 40px;
}

.userEmailModal .textField input {
  margin: 0px;
}

/* detete Template Modal
-----------------------------------------*/
.deleteTemplateModal {
  width: 478px !important;
}

.deleteTemplateModal .grid .bs .ModalClose {
  margin: -23px 0 0 0;
}

.deleteTemplateModal .grid .bnorth {
  padding: 0;
}

.deleteTemplateModal .grid .bnorth .title {
  background: none repeat scroll 0 0 #4684C1;
  color: white;
  font: 16px/24px arial, helvetica, sans-serif;
  height: 25px;
  padding: 3px;
  margin: 3px -2px;
}

.deleteTemplateModal .grid .bnorth .modalContent {
  padding: 3px;
}

.deleteTemplateModal .grid .bnorth .modalQuestion {
  padding: 3px;
}

.deleteTemplateModal .ModalClose button {
  margin: 10px 0 0 10px;
}

.deleteTemplateModal .form label {
  width: 140px;
}

.deleteTemplateModal .form .textField textarea,
.deleteTemplateModal .form .textField input {
  width: 280px;
}

.confirmTrashModal {
  width: 500px !important;
}

.confirmTrashModal .sections {
  border: 1px solid black;
  width: 460px;
  height: 80px;
  overflow: auto;
  padding: 0 5px;
}