.boxy-wrapper { position: absolute; font-family: Arial, Helvetica, Verdana, Sans-Serif; font-weight:bold; font-size: 10pt; width: 400px; overflow: hidden;
	scrollbar-face-color: #484848;
	scrollbar-highlight-color: #7e7e7e;
	scrollbar-shadow-color: #2c2c2c;
	scrollbar-3dlight-color: #404040;
	scrollbar-arrow-color: #000000;
	scrollbar-track-color: #757575;
	scrollbar-darkshadow-color: #000000;
	border: 1px solid #000;
}
.boxy-wrapper.fixed { position: fixed; }

.message-popup, .message-popup-success, .message-popup-error
{
    display: none;
    background: #000;
    color: #555;
    font-size: 14px;
    padding: 45px;
}
  /* Modal */

  .boxy-modal-blackout { position: absolute; background-color: gray; left: 0; top: 0; }

  /* Border */

  .boxy-wrapper { empty-cells: show; -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.75); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.75); box-shadow: 0px 0px 10px rgba(0,0,0,.75) }

	/* Title bar */

	.boxy-wrapper .title-bar { margin: 0; padding: 10px 10px 10px; 10px; position: relative; background: #eee; border-bottom: 1px solid #bbb; }
	  .boxy-wrapper .title-bar.dragging { cursor: move; }
	    .boxy-wrapper .title-bar h2 { font-size: 1.2em; color: #555; line-height: 1; margin: 0; padding: 0; font-weight: bold; text-shadow: 0px 1px 1px #fff; }
	    .boxy-wrapper .title-bar a.close { color: black; position: absolute; top: 10px; right: 10px; font-size: 90%; line-height: 1; }
		 .boxy-wrapper .title-bar a.close img { border: none; }

	/* Content Region */
	.boxy-wrapper .close
	{
	    padding: 8px;
        background: url("../img/closeIcon.png") no-repeat center right;
    }

	.boxy-inner {
		padding: 0;
		background: url('../img/boxy-content-bg.jpg') repeat-x top left #c4c4c4;
		-moz-border-radius: 4px;
		border-top: 1px solid #fff;
		border-right: 1px solid #e3e3e3;
		border-bottom: 1px solid #e3e3e3;
		border-left: 1px solid #e3e3e3;
		}

	.boxy-content {
		padding: 10px;
		color: #555;
	/* 	background: red; */
		text-shadow: 0px 1px 1px #fff;

		/*float: left;*/
		border-top: 1px solid #eee;
		}

		.boxy-content p {
			margin: 0;
			padding: 0;
			}

			p.text {
				padding: 5px 0 16px 42px;
				}

				.warning p.text {
					background: url('../img/warning-32.png') no-repeat top left;
					}

				.error p.text {
					background: url('../img/error-32.png') no-repeat top left;
					}

				.success p.text {
					background: url('../img/check-32.png') no-repeat top left;
					}

				.plwait p.text {
					background: url('../img/loading.gif') no-repeat top left;
					}

					.information p.text
					{
					    background: url('../img/information-32.png') no-repeat top left;
					}

					.prompt p.text
					{
					    background: url('../img/question_mark-32.png') no-repeat top left;
					}





	/* Question Boxes */

    .boxy-wrapper .question { width: 350px; min-height: 80px; }
    .boxy-wrapper .answers { text-align: right; }

	.boxy-content div {
		position: relative;
		}

	.boxy-content .details-toolbar {
		list-style: none;
		margin: 0;
		padding: 0;
		}

		.boxy-content .details-toolbar li {
			display: inline;
			padding: 0 5px;

			}

			.boxy-content div div {
				padding: 5px;
				height: 100px;
				overflow: auto;
				border: 1px solid #999;
				color: #555;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				border-radius: 4px;
				background: #fff;
				}

			.boxy-content ul.answer-buttons {
				margin: 0;
				padding: 5px 0 0 0;
				list-style: none;
				float: right;
				}

				.boxy-content ul.answer-buttons li {
					margin: 0;
					/* padding: 0 0 0 5px; */
					display: inline;
					}



 a.dlgbutton {
    background: transparent url('../img/bg_button_a.png') no-repeat scroll top right;
    color: #7a7a7a;
    display: block;
    float: left;
    height: 20px;
  /*   margin-right: 6px; */
  margin-left: 6px;
    padding-right: 15px; /* sliding doors padding */
    text-decoration: none;
	font-size: 10px;
	text-shadow: 1px 1px 1px #fff;
	}

a.dlgbutton span {
    background: transparent url('../img/bg_button_span.png') no-repeat;
    display: block;
    line-height: 12px;
    padding: 4px 0 4px 15px;
	}

a.dlgbutton:hover {
	color: #00508C;
   }

.boxy-wrapper .clearfix:after
{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.prompt-gantter-team-logo .title-bar h2 {
   background: url(../figmints/img/gantter-popup-logo-whitebg.png) no-repeat;
    text-align: left;
    vertical-align: middle;
    font-size: 13px;
	padding: 8px 0px 0px 132px;
    width: 185px;
    height: 33px;
	background-repeat: no-repeat !important;
    background-size: contain !important;
}
.prompt-gantter-logo .title-bar h2 {
   background: url(../figmints/img/gantter-popup-logo-whitebg.png) no-repeat;
    text-align: left;
    vertical-align: middle;
    height: 33px;
    font-size: 13px;
    width: 185px;
    padding: 5px 0px 0px 130px;
	background-repeat: no-repeat !important;
    background-size: contain !important;
}
.prompt-gantter-global-logo .title-bar h2 {
   background: url(../figmints/img/email-logo.png) no-repeat;
   text-align: left;
   vertical-align: middle;
   height: 36px;
   font-size: 13px;
   width: 200px;
   padding: 5px 0px 0px 130px;
   background-size: contain;
}
td.boxy-inner.prompt-gantter-team-logo .title-bar h2 {
    padding: 8px 0px 0px 132px;
    width: 185px;
    height: 33px;
}
.prompt-gantter-team-logo.gantter-cloud-prompt-logo .title-bar h2 {
   background: url(../figmints/img/gantter-cloud-popup-logo.png) no-repeat !important;
}
/*
Note: After getting the yellow and green images, we have to uncomment these css
a.dlgbutton.yellow {
       background: transparent url('../img/yellow_bg_button_a.png') no-repeat scroll top right !important;
}
a.dlgbutton.yellow span{
    background: transparent url('../img/yellow_bg_button_span.png') no-repeat !important;
}
a.dlgbutton.green {
       background: transparent url('../img/green_bg_button_a.png') no-repeat scroll top right !important;
       color : rgba(255,255,255,.85);
}
a.dlgbutton.green span{
    background: transparent url('../img/green_bg_button_span.png') no-repeat !important;
}
a.dlgbutton.green:hover {
	color: #fff;
}
*/


/*
Note: SAXPOPUP button Onclick event was not triggering, because of this code. so commented these active code as of now.
a.dlgbutton:active {
   background-position: top left;
    color: #000;
    outline: none; // hide dotted outline in Firefox
}

a.dlgbutton:active span {
    background: none transparent !important;
    padding: 0;
}
*/

/*Clearing Floats
------------------------------------------------------------------

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

// Hides from IE-mac
* html .clearfix {height: 1%;}
.clearfix {display: block;}
// End hide from IE-mac */