#popup_containers {
    position: absolute;
}
#popup_containers > .popup-container.popup-show {
    width: 910px;
    height: 500px;
    position: absolute;
    left: 0px;
    top: 0px;
    margin-top: 80px;
    margin-left: 45px;
    padding-right: 10px;
    padding-bottom: 10px;
}

#popup_containers > .popup-container#pagepopup {
    z-index: 7;
}
#popup_containers > .popup-container#uipopup {
    z-index: 7;
}
/* Popup Overlay */
.overlay,
.popup-overlay {
    background-color: rgba(255,255,255, 0.3);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    filter: alpha(opacity=80);
    position: fixed;
    z-index: 5;
}
/* UMUC popup skin*/

.tis-popup{ position: absolute;}

.tis-popup > .header{
	box-shadow: 2px 3px 0px 2px rgba(0,0,0,0.2);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 25px;
}
.tis-popup > .header > .top-left{
	background:url('./images/header_left.png') no-repeat;
	width:11px;
	height:25px;
	display:inline-block;
	float:left;
	border-top-left-radius:10px;
}
.tis-popup > .header > .top-right{
	background:url('./images/header_right.png') no-repeat;	
	width:11px;
	height:25px;
	display:inline-block;
	float:left;
	border-top-right-radius:10px;
}
.tis-popup > .header > .center{
	background:url('./images/header-center.png');
	height:25px;
	float:left;
	display:inline-block;
	width:100%;
	border-top-right-radius:10px;
	border-top-left-radius:10px;
	border: 1px solid #8f8f8f;
}
.tis-popup > .header > .center > p{
	 width: 100%;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    height: 25px;
    position: relative;
    padding-top: 5px;
}

.tis-popup > .content {
    background-color: #ffffff;
    border-right: 1px solid #8f8f8f;
    border-bottom: 2px solid #8f8f8f;
    border-left: 1px solid #8f8f8f;
    display: inline-block;
    width: 100%;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 4px 5px 0px 0px rgba(0,0,0,0.2);
    padding: 20px;
}


.tis-popup > .content  .modal-content {
    /*padding: 10px;*/
    overflow-y: auto;
    height:100%;
}
.tis-popup > .content  #txt_content,
.tis-popup > .content .txt-content {
	    height: 90%;
}
.tis-popup > .content  #txt_title{
padding-bottom:0px !important;
}

.tis-popup > .content  .txt-title {
	padding-bottom:10px !important;
	font-weight: bold;
}
.tis-popup > .btn-close{
	background-position:-597px -20px;
	width: 44px;
	height: 12px;
	position: absolute;
    top: 7px;
    right: 10px;
    background-color: transparent;
    border: none;
    color: #406AB2;
    font-size: 0.75em;
    font-weight: bold;
    padding-right: 11px;
}
.tis-popup > .btn-close.hover{
	background-position:-652px -20px;
}
/*.tis-popup > .btn-close:after {
     content: 'x';
    position: absolute;
    width: 12px;
    height: 12px;
    background: #406AB2;
    border-radius: 6px;
    color: #ffffff;
    right: -5px;
    top: 1px;
    font-size: 11px;
    text-align: center;
    font-weight: normal;
}*/
 /*Popup Headings */
.popup-heading,
.popup-heading:focus {
    font-weight: bold;
    min-height: 30px;
    padding:5px 5px 0 5px;
    outline: none;
}
.popup-heading > #txt_title,
.popup-heading > .popup-title{
    font-size: inherit;
    color: inherit;
    font-weight: bold;
    margin-right: 30px;
}
/* Popup Body */
.popup-body {
    overflow-y: auto;
    padding: 15px;
}


/* Feedback Popups */
/* Heading */
#feedback.correct .popup-heading {
    background-color : rgba(160, 230, 97, 0.8);
    border-radius : 9px 9px 0px 0px;
    -moz-border-radius : 9px 9px 0px 0px;
    -webkit-border-radius : 9px 9px 0px 0px;
}
#feedback.incorrect .popup-heading {
    background-color: rgba(255, 189, 183, 0.8);
    border-radius: 9px 9px 0px 0px;
    -moz-border-radius: 9px 9px 0px 0px;
    -webkit-border-radius: 9px 9px 0px 0px;
}
/* Content Wrapper */
#feedback.correct > .popup-wrapper {
    background : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjY3Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4zOSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background : -moz-linear-gradient(top,  rgba(160, 230, 97,0.67) 0%, rgba(160, 230, 97,0.39) 100%);/* FF3.6+ */
    background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(160, 230, 97,0.67)), color-stop(100%,rgba(160, 230, 97,0.39)));/* Chrome,Safari4+ */
    background : -webkit-linear-gradient(top,  rgba(160, 230, 97,0.67) 0%,rgba(160, 230, 97,0.39) 100%);/* Chrome10+,Safari5.1+ */
    background : -o-linear-gradient(top,  rgba(160, 230, 97,0.67) 0%,rgba(160, 230, 97,0.39) 100%);/* Opera 11.10+ */
    background : -ms-linear-gradient(top,  rgba(160, 230, 97,0.67) 0%,rgba(160, 230, 97,0.39) 100%);/* IE10+ */
    background : linear-gradient(to bottom,  rgba(160, 230, 97,0.67) 0%,rgba(160, 230, 97,0.39) 100%);/* W3C */
    filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#abffffff', endColorstr='#63ffffff',GradientType=0 );/* IE6-8 */
    border-radius : 9px 9px 9px 9px;
    -moz-border-radius : 9px 9px 9px 9px;
    -webkit-border-radius : 9px 9px 9px 9px;
}
#feedback.incorrect > .popup-wrapper {
    border-radius : 9px 9px 9px 9px;
    -moz-border-radius : 9px 9px 9px 9px;
    -webkit-border-radius : 9px 9px 9px 9px;
    background : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjY3Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4zOSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background : -moz-linear-gradient(top,  rgba(255, 189, 183,0.67) 0%, rgba(255, 189, 183,0.39) 100%);/* FF3.6+ */
    background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255, 189, 183,0.67)), color-stop(100%,rgba(255, 189, 183,0.39)));/* Chrome,Safari4+ */
    background : -webkit-linear-gradient(top,  rgba(255, 189, 183,0.67) 0%,rgba(255, 189, 183,0.39) 100%);/* Chrome10+,Safari5.1+ */
    background : -o-linear-gradient(top,  rgba(255, 189, 183,0.67) 0%,rgba(255, 189, 183,0.39) 100%);/* Opera 11.10+ */
    background : -ms-linear-gradient(top,  rgba(255, 189, 183,0.67) 0%,rgba(255, 189, 183,0.39) 100%);/* IE10+ */
    background : linear-gradient(to bottom,  rgba(255, 189, 183,0.67) 0%,rgba(255, 189, 183,0.39) 100%);/* W3C */
    filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#abffffff', endColorstr='#63ffffff',GradientType=0 );/* IE6-8 */
}


/** popup width styles */

.tis-popup.col1 { width: 8.33%;}
.tis-popup.col2 { width: 16.66%;}
.tis-popup.col3 { width: 25%;}
.tis-popup.col4 { width: 33.33%;}
.tis-popup.col5 { width: 41.66%;}
.tis-popup.col6 { width: 50%;}
.tis-popup.col7 { width: 58.33%;}
.tis-popup.col8 { width: 66.66%;}
.tis-popup.col9 { width: 74.99%;}
.tis-popup.col10 { width: 83.32%;}
.tis-popup.col11 { width: 91.65%;}
.tis-popup.col12 { width: 100%;}

.tis-popup.row1 { height: 8.33%;}
.tis-popup.row2 { height: 16.66%;}
.tis-popup.row3 { height: 25%;}
.tis-popup.row4 { height: 33.33%;}
.tis-popup.row5 { height: 41.66%;}
.tis-popup.row6 { height: 50%;}
.tis-popup.row7 { height: 58.33%;}
.tis-popup.row8 { height: 66.66%;}
.tis-popup.row9 { height: 74.99%;}
.tis-popup.row10 { height: 83.32%;}
.tis-popup.row11 { height: 91.65%;}
.tis-popup.row12 { height: 100%;}

.tis-popup.l1 { left: 0px;}
.tis-popup.l2 { left: 8.33%;}
.tis-popup.l3 { left: 16.66%;}
.tis-popup.l4 { left: 25%;}
.tis-popup.l5 { left: 33.33%;}
.tis-popup.l6 { left: 41.66%;}
.tis-popup.l7 { left: 50%;}
.tis-popup.l8 { left: 58.33%;}
.tis-popup.l9 { left: 66.66%;}
.tis-popup.l10 { left: 74.99%;}
.tis-popup.l11 { left: 83.32%;}
.tis-popup.l12 { left: 91.65%;}

.tis-popup.t1 { top: 0px;}
.tis-popup.t2 { top: 8.33%;}
.tis-popup.t3 { top: 16.66%;}
.tis-popup.t4 { top: 25%;}
.tis-popup.t5 { top: 33.33%;}
.tis-popup.t6 { top: 41.66%;}
.tis-popup.t7 { top: 50%;}
.tis-popup.t8 { top: 58.33%;}
.tis-popup.t9 { top: 66.66%;}
.tis-popup.t10 { top: 74.99%;}
.tis-popup.t11 { top: 83.32%;}
.tis-popup.t12 { top: 91.65%;}


	
/*.tis-popup.col1 > .header > .center { width: 70.55%;}
.tis-popup.col2 > .header > .center { width: 85.45%;}
.tis-popup.col3 > .header > .center { width: 90.3%;}
.tis-popup.col4 > .header > .center { width: 92.7%;}
.tis-popup.col5 > .header > .center { width: 94.3%;}
.tis-popup.col6 > .header > .center { width: 95.15%;}
.tis-popup.col7 > .header > .center { width: 95.85%;}
.tis-popup.col8 > .header > .center { width: 96.35%;}
.tis-popup.col9 > .header > .center { width: 96.75%;}
.tis-popup.col10 > .header > .center { width: 97.05%;}
.tis-popup.col11 > .header > .center { width: 97%;}
.tis-popup.col12 > .header > .center { width: 97.55%;}*/
.tis-popup.row1 > .content { height: 70.55%;}
.tis-popup.row2 > .content { height: 85.55%;}
.tis-popup.row3 > .content { height: 90.54%;}
.tis-popup.row4 > .content { height: 92.8%;}
.tis-popup.row5 > .content { height: 94.3%;}
.tis-popup.row6 > .content { height: 95.2%;}
.tis-popup.row7 > .content { height: 95.9%;}
.tis-popup.row8 > .content { height: 96.4%;}
.tis-popup.row9 > .content { height: 96.8%;}
.tis-popup.row10 > .content { height: 97.16%;}
.tis-popup.row11 > .content { height: 97.4%;}
.tis-popup.row12 > .content { height: 97.63%;}





#popup_scenario #btn_close{
    position:absolute;
	left:730px;
    top:450px;
    line-height:26px;
}
#popup_scenario #btn_close .hover{
	background-position:-527px -92px !important;
}

/** speech bubble **/
.tis-popup .callout{
	/*background:url('../../../images/speechBubble.png') no-repeat;*/
	position:absolute;
	display:inline-block;
} 	
.callout.tis-popup > .content{
	border-top: 1px solid #8f8f8f;
	box-shadow:none;
	background-color:#fff9bf;
	border:1px solid #fdb00c;
	border-radius: 10px;
}
.callout.tis-popup > .content .modal-content{
	background-color:transparent;
}

/* top pointer Long Short */
.callout.tis-popup.callout-top .callout{top:-21px;}
.callout.tis-popup.callout-top .callout{background-position: -63px -560px;	width: 21px;height: 22px;}

.callout.tis-popup.callout-top.callout-x0 .callout{left:15px;}
.callout.tis-popup.callout-top.callout-x1 .callout{left:10%;}
.callout.tis-popup.callout-top.callout-x2 .callout{left:20%;}
.callout.tis-popup.callout-top.callout-x3 .callout{left:30%;}
.callout.tis-popup.callout-top.callout-x4 .callout{left:40%;}
.callout.tis-popup.callout-top.callout-x5 .callout{left:50%;}
.callout.tis-popup.callout-top.callout-x6 .callout{left:60%;}
.callout.tis-popup.callout-top.callout-x7 .callout{left:70%;}
.callout.tis-popup.callout-top.callout-x8 .callout{left:80%;}
.callout.tis-popup.callout-top.callout-x9 .callout{left:90%;}
.callout.tis-popup.callout-top.callout-x10 .callout{right:15px;}



/* bottom pointer Long Short */
.callout.tis-popup.callout-long.callout-bottom .callout{bottom:-31px;}
.callout.tis-popup.callout-short.callout-bottom .callout{bottom:-15px;}

.callout.tis-popup.callout-long.callout-bottom.callout-point-right .callout{background-position: -11px -395px;
	width: 34px;
	height: 45px;}
.callout.tis-popup.callout-long.callout-bottom.callout-point-left .callout{background-position:-47px -395px;
	width: 34px;
	height: 45px;}

.callout.tis-popup.callout-short.callout-bottom.callout-point-right .callout{background-position:  -88px -395px;
	width: 26px;
	height: 28px;}
.callout.tis-popup.callout-short.callout-bottom.callout-point-left .callout{background-position:-119px -395px;
	width: 26px;
	height: 28px;}


.callout.tis-popup.callout-bottom.callout-x0 .callout{left:15px;}
.callout.tis-popup.callout-bottom.callout-x1 .callout{left:10%;}
.callout.tis-popup.callout-bottom.callout-x2 .callout{left:20%;}
.callout.tis-popup.callout-bottom.callout-x3 .callout{left:30%;}
.callout.tis-popup.callout-bottom.callout-x4 .callout{left:40%;}
.callout.tis-popup.callout-bottom.callout-x5 .callout{left:50%;}
.callout.tis-popup.callout-bottom.callout-x6 .callout{left:60%;}
.callout.tis-popup.callout-bottom.callout-x7 .callout{left:70%;}
.callout.tis-popup.callout-bottom.callout-x8 .callout{left:80%;}
.callout.tis-popup.callout-bottom.callout-x9 .callout{left:90%;}
.callout.tis-popup.callout-bottom.callout-x10 .callout{right:15px;}


/* Left pointer Long Short */
.callout.tis-popup.callout-long.callout-left .callout{left:-50px;}
.callout.tis-popup.callout-short.callout-left .callout{left:-34px;}
.callout.tis-popup.callout-short.callout-left.callout-point-flat .callout{left:-21px;}

.callout.tis-popup.callout-long.callout-left.callout-point-up .callout{background-position:-91px -547px;
	width: 51px;
	height: 36px;}
.callout.tis-popup.callout-long.callout-left.callout-point-down .callout{background-position:-91px -508px;
	width: 51px;
	height: 36px;}

.callout.tis-popup.callout-short.callout-left.callout-point-up .callout{background-position:-107px -477px;
	width: 35px;
	height: 30px;}
.callout.tis-popup.callout-short.callout-left.callout-point-down .callout{background-position:-107px -442px;
	width: 35px;
	height: 30px;}

.callout.tis-popup.callout-short.callout-left.callout-point-flat .callout{background-position:  -64px -484px;
	width: 22px;
	height: 21px;}

.callout.tis-popup.callout-left.callout-y0 .callout{top:15px;}
.callout.tis-popup.callout-left.callout-y1 .callout{top:10%;}
.callout.tis-popup.callout-left.callout-y2 .callout{top:20%;}
.callout.tis-popup.callout-left.callout-y3 .callout{top:30%;}
.callout.tis-popup.callout-left.callout-y4 .callout{top:40%;}
.callout.tis-popup.callout-left.callout-y5 .callout{top:50%;}
.callout.tis-popup.callout-left.callout-y6 .callout{top:60%;}
.callout.tis-popup.callout-left.callout-y7 .callout{top:70%;}
.callout.tis-popup.callout-left.callout-y8 .callout{top:80%;}
.callout.tis-popup.callout-left.callout-y9 .callout{top:90%;}
.callout.tis-popup.callout-left.callout-y10 .callout{top:15px;}

/* Right pointer Long Short */
.callout.tis-popup.callout-long.callout-right .callout{right:-42px;}
.callout.tis-popup.callout-short.callout-right .callout{right:-24px;}
.callout.tis-popup.callout-short.callout-right.callout-point-flat .callout{right:-18px;}

.callout.tis-popup.callout-long.callout-right.callout-point-up .callout{background-position: -15px -549px;
	width: 43px;
	height: 30px;}
.callout.tis-popup.callout-long.callout-right.callout-point-down .callout{background-position: -15px -514px;
	width: 43px;
	height: 30px;}

.callout.tis-popup.callout-short.callout-right.callout-point-up .callout{background-position:-15px -478px;
	width: 25px;
	height: 21px;}
.callout.tis-popup.callout-short.callout-right.callout-point-down .callout{background-position: -15px -450px;
	width: 25px;
	height: 21px;}

.callout.tis-popup.callout-short.callout-right.callout-point-flat .callout{background-position: -66px -454px;
	width: 20px;
	height: 19px;}

.callout.tis-popup.callout-right.callout-y0 .callout{top:15px;}
.callout.tis-popup.callout-right.callout-y1 .callout{top:10%;}
.callout.tis-popup.callout-right.callout-y2 .callout{top:20%;}
.callout.tis-popup.callout-right.callout-y3 .callout{top:30%;}
.callout.tis-popup.callout-right.callout-y4 .callout{top:40%;}
.callout.tis-popup.callout-right.callout-y5 .callout{top:50%;}
.callout.tis-popup.callout-right.callout-y6 .callout{top:60%;}
.callout.tis-popup.callout-right.callout-y7 .callout{top:70%;}
.callout.tis-popup.callout-right.callout-y8 .callout{top:80%;}
.callout.tis-popup.callout-right.callout-y9 .callout{top:90%;}
.callout.tis-popup.callout-right.callout-y10 .callout{bottom:30px;}

/* END */

/* page popups */
#page1.tis-popup .header,
#page1.tis-popup .popup-heading,
#page1.tis-popup .txt-title,
#page2.tis-popup .header,
#page2.tis-popup .popup-heading,
#page2.tis-popup .txt-title{
	display:none;
}
/* page2 popup is a custom skin popup for pages */

#page2.tis-popup .popup-body {
        overflow: visible;
    width: auto;
    height: auto;
    display: inline-block;
    width: 1px;
    height: 1px;
    padding: 0;
}
/* Exit  and Resume Popup */
#resume.tis-popup,
#exit.tis-popup {
    top: 120px;
    left: 270px;	
}
#resume.ui-popup .header,
#exit.ui-popup .header {
	display: none;
}

.resume-bg,
.exit-bg{
	background-position:-153px -488px;
	width: 383px;
	height: 239px;
}
#resume.tis-popup .modal-dialog,
#exit.tis-popup .modal-dialog{
	border-radius:0;
	border: none;
	text-align:center;
	margin: 63px 0 30px;
}
#resume.tis-popup .modal-content,
#exit.tis-popup .modal-content{
	color:#000000;
	margin: 60px 0 ;
	background:none;
}
#resume.tis-popup #btn_no,
#exit.tis-popup #btn_no {
    position: absolute;
    left: 200px;
    top: 210px;
 }
#resume.tis-popup #btn_yes,
#exit.tis-popup #btn_yes {
    position: absolute;
    left: 100px;
    top: 210px;
}
/* End */
/* static popup */

#popup_containers > #staticpopup.popup-container.popup-show{
	margin-left:37px;
	margin-top:45px;
	width:930px;
}
/* End