/* ajax modal dialog styles */

.modalBox.container{width:380px;}
.modalBox.container.pnRegistration{width:600px;}
.modalBox.container.pnUser {width: 800px;}
.modalBox.container.pnExtraRanges{width:500px;}


.modalBox .col-xs-1, .modalBox .col-sm-1, .modalBox .col-md-1, .modalBox .col-lg-1, .modalBox .col-xs-2, .modalBox .col-sm-2, .modalBox .col-md-2, .modalBox .col-lg-2, .modalBox .col-xs-3, .modalBox .col-sm-3, .modalBox .col-md-3, .modalBox .col-lg-3, .modalBox .col-xs-4, .modalBox .col-sm-4, .modalBox .col-md-4, .modalBox .col-lg-4, .modalBox .col-xs-5, .modalBox .col-sm-5, .modalBox .col-md-5, .modalBox .col-lg-5, .modalBox .col-xs-6, .modalBox .col-sm-6, .modalBox .col-md-6, .modalBox .col-lg-6, .modalBox .col-xs-7, .modalBox .col-sm-7, .modalBox .col-md-7, .modalBox .col-lg-7, .modalBox .col-xs-8, .modalBox .col-sm-8, .modalBox .col-md-8, .modalBox .col-lg-8, .modalBox .col-xs-9, .modalBox .col-sm-9, .modalBox .col-md-9, .modalBox .col-lg-9, .modalBox .col-xs-10, .modalBox .col-sm-10, .modalBox .col-md-10, .modalBox .col-lg-10, .modalBox .col-xs-11, .modalBox .col-sm-11, .modalBox .col-md-11, .modalBox .col-lg-11, .modalBox .col-xs-12, .modalBox .col-sm-12, .modalBox .col-md-12, .modalBox .col-lg-12 {
    padding-right: 5px;
    padding-left: 5px;
}


.modalBackground {
	background-color: black;
	filter: alpha(opacity=60);
	opacity: 0.60;
}
.modalBox {
	background-color : #f0f0f0;
	border-width: 3px;
	border-style: solid;
	border-color: white;
	padding: 0px 0px 0px 0px;
}

.modalBox .caption {
	background:#337ab7;
	color:White;
	font-size:22px;
	font-weight:bold;
	margin: 0 0 0 0;
	cursor: pointer;
}

.modalBox .caption h4 {
    font-size:22px !important;
    margin-top: 10px;
    margin-bottom: 10px;
}

.modalBox .caption .fa
{
    font-size:22px;
    padding: 0px 8px 0px 20px;
}

.modalBox .formpart {
 padding: 30px;
 max-height:500px;
 overflow:auto;
 margin-bottom:25px;
}


    .modalBox.container fieldset{padding: 0px 30px 0px 30px;}
.modalBox.container fieldset legend {padding-top: 15px;}
.modalBox.container .input-group-addon {background-color:#fff;}
.modalBox.container fieldset .row {margin-bottom:7px;}
.modalBox.container fieldset hr {border-top: 1px solid #c7c7c7;}

.modal-inputs-container
{
 padding:0px 15px 15px 15px;
 text-align:right;
}


/* tweb modal dialog styles */
.modalPanelTitle td {
	padding: 3px;
	font-weight: bold;
	font-size: 0.9em;
	background-image: url(images/window_titlebg.gif);
	cursor: pointer;
	color: black;
	font-family: Verdana;
	width: 100%;
	height: 30px;
	background-color: #6f90dc;
}

.modalPanel {
	z-index: 500;
	width: 500px;
	border: solid 1px #275473;
	position: absolute;
	border-collapse: collapse;
	background-color: #f0faff;
}

.modalPanel fieldset {
 text-align : left;
}

.modalBox td {
	vertical-align: top;
	text-align:left;
}

.titleIcon {
	padding-right: 20px;
}