/*********************************************
 * POPUP
 *********************************************/
 
.overlay-layer {
	position: absolute; 
	top: 0; 
	left: 0; 
	background: #333333; 
	width: 100%; 
	height: 100%; 
	z-index: 1000; 
	opacity: 0.8; 
	filter: alpha(opacity=8);	
}

.popup-base-panel {
	padding: 2px;
	position: absolute; 
	z-index: 1001;
	background: #909090;
	border: 0.063em solid #A0A0A0;
	border-radius: 0.313em;
	-moz-border-radius: 0.313em;
	-webkit-border-radius: 0.313em;
	top:0;
	left:0;
}

.popup-title {
	padding: 0.5em;
	
    background-color: #644C02;
	background-image: -moz-linear-gradient(top, #FFEFC4, #644C02);
	background-image: -ms-linear-gradient(top, #FFEFC4, #644C02);
	background-image: -o-linear-gradient(top, #FFEFC4, #644C02);
	background-image: linear-gradient(top, #FFEFC4, #644C02);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFEFC4), to(#644C02));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#FFEFC4', EndColorStr='#644C02', GradientType=0);
    
	border: 0.063em solid #505050;
	
	border-radius: 0.313em;
	-moz-border-radius: 0.313em;
	-webkit-border-top: 0.313em;
	
	height: 0.8em;
}

.popup-title-content {
	text-align: left;
	font-size: 0.8em;
	font-weight: bold;
	float: left;
}

.popup-cancel-button {
	margin-top: -3px;
	float: right;
	height: 18px;
	width: 18px;
	background: url('/assets/cancel-button-normal-over-3.png');
}

.popup-cancel-button:hover {
	background-position: -18px;
	cursor: pointer;
}

.popup-content {
	margin-top: 0.1em;
	border: 0.063em solid #808080;
	border-radius: 0.313em;
	-moz-border-radius: 0.313em;
	-webkit-border-top: 0.313em;
	background: #C0C0C0;
	width: 100%;
	padding: 0 0 0.5em 0; 
}

.rowDataInput {
	display: inline-block;
	width: 98%;
	padding-top: 0.5em; 
	color: #222222;
}

.rowLabelRequired {
	font-size: 0.8em;
	font-weight: bold;
	color: #FF0000;
}

.rowLabelInput {
	float:left;
	text-align: right;
	font-size: 0.8em;
	width: 20%;
	display: table-cell;
	vertical-align: middle;
}

.rowInputContainer {
	float:left;
	width: 80%;
	display: table-cell;
	vertical-align: middle;
}

.rowInputComponent {
	width: 98%;
}

.rowTextInput {
	font-family: Verdana, Tahoma, Arial;
	background: #EEEEEE;
	border-width: 1px;
	font-size: 0.8em;
	color: #222222;
	background: #DEDEDE;
}

.rowTextInput:focus {
	outline: none;
	border-color: #002E72;
	box-shadow: 0 0 0.2em #002E72;
	-moz-box-shadow: 0 0 0.2em #002E72;
	-webkit-box-shadow: 0 0 0.2em #002E72;	
	background: #FFFFFF;
}

.rowTextAreaInput {
	font-family: Verdana, Tahoma, Arial;
	background: #EEEEEE;
	border-width: 1px;
	font-size: 0.8em;
	color: #222222;
	height: 12em;
	background: #DEDEDE;
	resize: none;
}

.rowTextAreaInput:focus {
	outline: none;
	border-color: #002E72;
	box-shadow: 0 0 0.2em #002E72;
	-moz-box-shadow: 0 0 0.2em #002E72;
	-webkit-box-shadow: 0 0 0.2em #002E72;	
	background: #FFFFFF;
}

.rowDataLabel {
	font-family: Verdana, Tahoma, Arial;
	font-size: 0.825em;
	text-align: justify;
	padding: 1em;
}

.popup-button-bar {
}

.popup-button {
	font-size: 0.7em;

	margin-right: 0.3em;
	
	padding: 0.35em;
	padding-left: 2.375em;
	padding-right: 0.5em;
	float: right;
	margin-top: 0.1em;

	border: 0.063em solid #505050;
	border-radius: 0.313em;
	-moz-border-radius: 0.313em;
	-webkit-border-top: 0.313em;
	
    background-color: #606060;
    background-repeat: no-repeat;
    background-position: 0.5em, left center;
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#BBBBBB', EndColorStr='#606060', GradientType=0);
	background-image: -moz-linear-gradient(top, #BBBBBB, #606060);
	background-image: -ms-linear-gradient(top, #BBBBBB, #606060);
	background-image: -o-linear-gradient(top, #BBBBBB, #606060);
	background-image: linear-gradient(top, #BBBBBB, #606060);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#BBBBBB), to(#606060));
}

.popup-button:hover {
	outline: none;
	border-color: #2D3775;
	box-shadow: 0 0 0.2em #2D3775;
	-moz-box-shadow: 0 0 0.2em #2D3775;
	-webkit-box-shadow: 0 0 0.2em #2D3775;	
	cursor: pointer;
	color: #EEDDA8;
    background-color: #707070;
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#CCCCCC', EndColorStr='#707070', GradientType=0);
	background-image: -moz-linear-gradient(top, #CCCCCC, #707070);
	background-image: -ms-linear-gradient(top, #CCCCCC, #707070);
	background-image: -o-linear-gradient(top, #CCCCCC, #707070);
	background-image: linear-gradient(top, #CCCCCC, #707070);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#CCCCCC), to(#707070));
}

.popup-button:active {
	outline: none;
	border-color: #2D3775;
	box-shadow: 0 0 0.2em #2D3775;
	-moz-box-shadow: 0 0 0.2em #2D3775;
	-webkit-box-shadow: 0 0 0.2em #2D3775;	
	background-color: #CCCCCC;
	background-image: -moz-linear-gradient(top, #707070, #CCCCCC);
	background-image: -ms-linear-gradient(top, #707070, #CCCCCC);
	background-image: -o-linear-gradient(top, #707070, #CCCCCC);
	background-image: linear-gradient(top, #707070, #CCCCCC);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#707070), to(#CCCCCC));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#707070', EndColorStr='#CCCCCC', GradientType=0);
}

.popup-button:focus {
	outline: none;
	border-color: #2D3775;
	box-shadow: 0 0 0.2em #2D3775;
	-moz-box-shadow: 0 0 0.2em #2D3775;
	-webkit-box-shadow: 0 0 0.2em #2D3775;	
	cursor: pointer;
	color: #EEDDA8;
    background-color: #707070;
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#CCCCCC', EndColorStr='#707070', GradientType=0);
	background-image: -moz-linear-gradient(top, #CCCCCC, #707070);
	background-image: -ms-linear-gradient(top, #CCCCCC, #707070);
	background-image: -o-linear-gradient(top, #CCCCCC, #707070);
	background-image: linear-gradient(top, #CCCCCC, #707070);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#CCCCCC), to(#707070));
}

.mark-as-invalid {
	outline: none;
	border-color: #EE1302;
	box-shadow: 0 0 0.5em #EE1302;
	-moz-box-shadow: 0 0 0.5em #EE1302;
	-webkit-box-shadow: 0 0 0.5em #EE1302;	
}

/*********************************************
 * POPUP - Custom image buttons
 *********************************************/

.popup-button-ok {
	background-image: url('/assets/ok.png'), -moz-linear-gradient(top, #BBBBBB, #606060);
	background-image: url('/assets/ok.png'), -ms-linear-gradient(top, #BBBBBB, #606060);
	background-image: url('/assets/ok.png'), -o-linear-gradient(top, #BBBBBB, #606060);
	background-image: url('/assets/ok.png'), linear-gradient(top, #BBBBBB, #606060);
	background-image: url('/assets/ok.png'), -webkit-gradient(linear, left top, left bottom, from(#BBBBBB), to(#606060));
}

.popup-button-ok:hover {
	background-image: url('/assets/ok.png'), -moz-linear-gradient(top, #CCCCCC, #707070);
	background-image: url('/assets/ok.png'), -ms-linear-gradient(top, #CCCCCC, #707070);
	background-image: url('/assets/ok.png'), -o-linear-gradient(top, #CCCCCC, #707070);
	background-image: url('/assets/ok.png'), linear-gradient(top, #CCCCCC, #707070);
	background-image: url('/assets/ok.png'), -webkit-gradient(linear, left top, left bottom, from(#CCCCCC), to(#707070));
}

.popup-button-ok:active {
	background-image: url('/assets/ok.png'), -moz-linear-gradient(top, #707070, #CCCCCC);
	background-image: url('/assets/ok.png'), -ms-linear-gradient(top, #707070, #CCCCCC);
	background-image: url('/assets/ok.png'), -o-linear-gradient(top, #707070, #CCCCCC);
	background-image: url('/assets/ok.png'), linear-gradient(top, #707070, #CCCCCC);
	background-image: url('/assets/ok.png'), -webkit-gradient(linear, left top, left bottom, from(#707070), to(#CCCCCC));
}

.popup-button-ok:focus {
	background-image: url('/assets/ok.png'), -moz-linear-gradient(top, #CCCCCC, #707070);
	background-image: url('/assets/ok.png'), -ms-linear-gradient(top, #CCCCCC, #707070);
	background-image: url('/assets/ok.png'), -o-linear-gradient(top, #CCCCCC, #707070);
	background-image: url('/assets/ok.png'), linear-gradient(top, #CCCCCC, #707070);
	background-image: url('/assets/ok.png'), -webkit-gradient(linear, left top, left bottom, from(#CCCCCC), to(#707070));
}

.popup-button-cancel {
	background-image: url('/assets/close.png'), -moz-linear-gradient(top, #BBBBBB, #606060);
	background-image: url('/assets/close.png'), -ms-linear-gradient(top, #BBBBBB, #606060);
	background-image: url('/assets/close.png'), -o-linear-gradient(top, #BBBBBB, #606060);
	background-image: url('/assets/close.png'), linear-gradient(top, #BBBBBB, #606060);
	background-image: url('/assets/close.png'), -webkit-gradient(linear, left top, left bottom, from(#BBBBBB), to(#606060));
}

.popup-button-cancel:hover {
	background-image: url('/assets/close.png'), -moz-linear-gradient(top, #CCCCCC, #707070);
	background-image: url('/assets/close.png'), -ms-linear-gradient(top, #CCCCCC, #707070);
	background-image: url('/assets/close.png'), -o-linear-gradient(top, #CCCCCC, #707070);
	background-image: url('/assets/close.png'), linear-gradient(top, #CCCCCC, #707070);
	background-image: url('/assets/close.png'), -webkit-gradient(linear, left top, left bottom, from(#CCCCCC), to(#707070));
}

.popup-button-cancel:active {
	background-image: url('/assets/close.png'), -moz-linear-gradient(top, #707070, #CCCCCC);
	background-image: url('/assets/close.png'), -ms-linear-gradient(top, #707070, #CCCCCC);
	background-image: url('/assets/close.png'), -o-linear-gradient(top, #707070, #CCCCCC);
	background-image: url('/assets/close.png'), linear-gradient(top, #707070, #CCCCCC);
	background-image: url('/assets/close.png'), -webkit-gradient(linear, left top, left bottom, from(#707070), to(#CCCCCC));
}

.popup-button-cancel:focus {
	background-image: url('/assets/close.png'), -moz-linear-gradient(top, #CCCCCC, #707070);
	background-image: url('/assets/close.png'), -ms-linear-gradient(top, #CCCCCC, #707070);
	background-image: url('/assets/close.png'), -o-linear-gradient(top, #CCCCCC, #707070);
	background-image: url('/assets/close.png'), linear-gradient(top, #CCCCCC, #707070);
	background-image: url('/assets/close.png'), -webkit-gradient(linear, left top, left bottom, from(#CCCCCC), to(#707070));
}

/*********************************************
 * POPUP - Tooltip
 *********************************************/
 
.fail-tooltip {
	z-index: 1002;
	display: none;
	position: absolute;
	border: 0.063em solid #333333;
	background-color: #720B00;
	border-radius: 0.313em;
	padding: 0.625em;
	color: #fff;
	font-size: 0.8em;
}