/** popup windows */

div.popup {
	position: absolute;
	display: none;
	xleft: 50%;
	xtop: 250px;

	z-index: 9999;
	
	border: 2px solid #966D1B;
	background-color: #FCF8DD;
	text-align: left;
	
	color: #332C12;
}
div.popup img.popupClose {
	cursor: pointer;
	padding-bottom: 10px;
}
div.popup div.dragHandle { float: left; height: 19px; width: 200px; text-align: left; }
div.popup div.dragHandle img { 
	cursor: move; 
	height: 17px; 
	width: 17px; 
	background-repeat: no-repeat;
	background-image: url( '/img/lyt/edit/grab_move.gif' );
}
div.popup img.fxResizeH {
	display: block;
	background-image: url( '/img/lyt/edit/resize_horiz_handle.gif' );
	cursor: e-resize;
	height: 90%;
	position: absolute;
	right: 0;
	top: 10px;
	width: 5px;
}



div.popup > div.layouter {
	clear: both;
	
	overflow-x: hidden;   /** all three overflow lines are Mozilla focus fix - can be removed later on */
	overflow-y: hidden;
	overflow: auto;
}
div.popup > div.layouter > div.spacer {
	padding: 0px 10px 10px 10px;
}
div.popup > div.layouter > div.additional {
	border-top: 2px solid #966D1B;
	background-color: #F4E4B1;
	padding: 10px;
}










div#backgroundSilencer {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	xxheight: 100%;
	display: none;
	background-color: black;
	
	opacity: 0.5;
	filter: alpha(opacity=50);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.5;
	
}
body.fxBgSilenced { xxoverflow: hidden; }
body.fxBgSilenced div#backgroundSilencer { display: block; }




div#modalityEnforcer {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: none;
	background-color: white;
	
	opacity: 0.5;
	filter: alpha(opacity=50);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.5;
	
	z-index: 99;
}
body.fxModalityEnforced { xxoverflow: hidden; }
body.fxModalityEnforced div#modalityEnforcer { display: block; }









/** #jajah - popup for jajah call/send sms */
/** #contactConnections - contact connections preview popup */
/** #addrBook - popup for address book */
/** #message - popup for messages */

div#importPop {
	margin-top: 160px;
	margin-left: 130px;
	width: 630px;
	height: 510px;
}

div#contactConnections {
	margin-top: 260px;
	margin-left: 160px;
	width: 380px;
}

div#jajah {
	margin-top: 180px;
	margin-left: 167px;
	width: 365px;
}

div#jajah div.scroller {
	height: 160px;
	overflow: hidden;
	overflow-y: auto;
	padding-left: 15px;
}

div#addrBook {
	margin-top: 100px;
	margin-left: 110px;
	width: 480px;
}
body.wide div#addrBook { margin-left: 210px; }
body.guestList div#addrBook { margin-left: 55px; width: 850px; }

div#message,
div#groupMessage,
div#invitation2EK,
div#defineHost,
div#reuseEvent {
	margin-top: 260px;
	margin-left: 125px;
	width: 450px;
}

div#reuseEvent {
	margin-top: 200px;
}

div#envelopeSelector {
	margin-top: 200px;
	margin-left: 250px;
	width: 525px;
}
div#envelopeSelector div.scroller { height: 300px; overflow: auto; overflow-x: hidden; }


div#confirmation, div#dynaConfirmation, div#removeConfirmation, div#resendConfirmation,
div#basic, div#dissmissableMessage,
div#group, div#enableInviteConfirm {
	margin-top: 160px;
	margin-left: 175px;
	width: 350px;
}

div#pwdRemind {
	width: 340px;
	margin-top: 235px;
	margin-left: 40%;
} 
div#pwdRemind .sButtonC input { width: 80px; }


div#makeRequest { width: 530px; margin-left: 200px; }


div.popup.confirmation, div#dissmissableMessage,
div#confirmation, div#dynaConfirmation, div#removeConfirmation, div#enableInviteConfirm, div#resendConfirmation {
	background-color: #F49100;
	color: white;
}

div.popup.confirmation div.panelTitle,
div#confirmation div.panelTitle, div#removeConfirmation div.panelTitle,
div.popup.confirmation strong, div#enableInviteConfirm strong,
div#confirmation strong, div#dynaConfirmation strong, div#removeConfirmation strong, div#resendConfirmation strong {
	color: black;
}
body.wide div#removeConfirmation,
body.wide div#enableInviteConfirm,
body.wide div#defineHost,
body.wide div#confirmation,
body.wide div#dynaConfirmation,
body.wide div#resendConfirmation {
	margin-left: 270px;
}

body.wide div#basic { margin-left: 260px; }

div#dissmissableMessage.popup {
	width: 500px;
	margin-left: 245px;
	font-size: 12px;
	color: black;
	z-index: 10001;
	background-color: #fa9800;
}
div#dissmissableMessage.popup .dissmissRow { text-align: center; color: white; margin-top: 15px; }
div#dissmissableMessage.popup .title { color: white; font-weight: bold; margin-bottom: 10px; font-size: 14px; }
div#dissmissableMessage.popup ul { margin: 8px 0 10px 0; }
div#dissmissableMessage.popup ul li { margin: 0; padding: 0; }




/** additional styles for elements displayed inside popup windows */

div.popup .h1_text {
	padding-bottom: 10px;
} 
div.popup .h2_text {
	padding-top: 5px;
	padding-bottom: 2px;
}




div#basic input.text { width: 305px; }
div#basic textarea { width: 305px; }



/** contacts import popup and its iframe */
#importPop iframe {
	width: 600px;
	height: 470px;
}





/**List of DataObjects showed in popup */
div#objectsListPopup {
	margin-top: 200px;
	margin-left: 275px;
	width: 350px;
}

div#objectsListPopup div.contents {
	margin: 20px;
}
div#objectsListPopup div.contents .scroller {
	height: 210px;
    overflow: hidden;
	overflow-y: auto;
}







div#addrBook iframe#fileUploadIF {
	width: 340px;
	height: 120px;
}



/** photo upload with preview popup */

div#uploadPPPopup,
div#uploadFPopup {
	left: 50%;
	margin-top: 250px;
	width: 500px;
	margin-left: -250px;
	overflow: hidden;
}
div#uploadFPopup { margin-top: 200px; margin-left: 0; left: 155px; width: 830px; } /** 500px is because ie resets percentage left pos when drag is inited */
div#uploadPPPopup h2, div#uploadFPopup h2 { line-height: normal; font-size: 14pt; margin: 0; }
div#uploadPPPopup iframe,
div#uploadFPopup iframe {
	display: block;
	width: 100%;
	height: 70px;
	margin-top: 5px;
	margin-bottom: 5px;
}
div#uploadFPopup iframe { height: 50px; }
div#uploadPPPopup input.file, div#uploadFPopup input.file { height: auto; }
div#uploadPPPopup div.spacer, div#uploadFPopup div.spacer { padding: 0; }
div#uploadPPPopup div.insideSpacer,
div#uploadFPopup div.insideSpacer {
	padding: 0 10px 10px;
	width: 320px;
}
div#uploadPPPopup div.maxW, div#uploadFPopup div.maxW { width: 470px; }
div#uploadPPPopup div.tabber,
div#uploadFPopup div.tabber {
	background-color: #F4E4B1;
	width: 150px;
	float: left;
	height: 280px;
	border-right: 1px solid #966D1B;
	border-top: 1px solid #966D1B;
}
div#uploadPPPopup div.tabber div, div#uploadFPopup div.tabber div { padding: 10px; color: #888; }
div#uploadPPPopup div.tabber div.tab,
div#uploadFPopup div.tabber div.tab {
	margin-left: 10px;
	padding: 10px;
	color: #966D1B;
}
div#uploadPPPopup div.tabber div.tab a, div#uploadFPopup div.tabber div.tab a { text-decoration: none; }
div#uploadPPPopup div.tabber div.tab a:hover, div#uploadFPopup div.tabber div.tab a:hover { text-decoration: underline; }
div#uploadPPPopup div.tabber div.tabActive,
div#uploadFPopup div.tabber div.tabActive {
	font-weight: bold;
	background-color: #FCF8DD;
	margin-right: -1px;
	border-top: 1px solid #966D1B;
	border-left: 1px solid #966D1B;
	border-bottom: 1px solid #966D1B;
	color: black;
}

div#uploadPPPopup div.adjustCrop {
	overflow: hidden;
	margin: 15px 10px;
}
div#uploadPPPopup div.adjustCrop img,
div#uploadPPPopup div.adjustCrop div { position: absolute; }
div#uploadPPPopup div.adjustCrop img { margin-left: 0; }
div#uploadPPPopup div.adjustCrop div.cropFilter {
	background-color: #FFF;
	opacity: 0.7;
	filter: alpha(opacity=70);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-moz-opacity: 0.7;
}
div#uploadPPPopup div.adjustCrop div.cropper img { margin-left: 0px; }
div#uploadPPPopup div.adjustCrop div.cropper {
	border: 2px solid #333;
	margin-top: -2px;
	margin-left: -2px;
	overflow: hidden;
	cursor: move;
}

#uploadPPPopup div#ML { margin-top: 15px; }
#uploadPPPopup div#ML div.scroller {
	height: 176px;
	overflow: hidden;
	overflow-y: auto;
	border-top: 1px solid #966D1B;
	border-bottom: 1px solid #966D1B;
}

#uploadPPPopup div#ML div.imageItem {
	height: 20px;
	border-bottom: 1px solid #E0DFC3;
	overflow: hidden;
	cursor: pointer;
	white-space: nowrap;
	line-heigh: 19px;
}
#uploadPPPopup div#ML div.imageItem:hover {
	background-color: #F4E4B1;
}
#uploadPPPopup div#ML div.activeImg {
	background-color: #966D1B;
	color: white; 
}
#uploadPPPopup div#ML div.imageItem div.preview {
	width: 24px;
	height: 17px;
	overflow: hidden;
	background-color: #E0DFC3;
	margin: 1px 5px 1px 5px;
}
#uploadPPPopup div#ML div.imageItem div.preview img {
	width: 24px;
}
#uploadPPPopup div#ML div.imageItem div.text { padding-top: 2px; }
#uploadPPPopup div#ML div.imageItem div.fileSize { width: 50px; overflow: hidden; }
#uploadPPPopup div#ML div.imageItem div.fileName { width: 175px; overflow: hidden; }





/** contacts importing layouting */
div.popup .importMatrixC { margin: 10px 3px 5px 3px; }

div.popup .importMatrixC .messagesBox { text-align: center; color: #760; font-weight: bold; margin: 15px; }

div.popup .importMatrixC h2 { margin-left: 10px; }
div.popup .importMatrixC div.note { margin: 10px; }
div.popup .importMatrixC div.buttons .sButtonC input { width: 100px; }

div.popup .importMatrixC .tagsPanel {
	width: 370px;
	float: right; 
	background-color: #ECE8CD; 
	border: 1px solid #CCC8AD;
	margin-top: 5px;
}
div.popup .importMatrixC .tagsPanel div { margin-top: 7px; margin-left: 5px; }

div.popup .importMatrix div.note { margin-left: 10px; }
div.popup .importSummary { margin-left: 20px; margin-right: 20px; }
div.popup .importSummary div.note { font-size: 13px; }
div.popup .importSummary .header { font-size: 16px; font-weight: bold; }
div.popup .importMatrix {
	max-height: 370px;
	padding: 20px 0px;
	overflow-y: hidden;
	border-bottom: 1px solid #555;
}
div.popup .matrixHeader { border-bottom: 3px double #555; }
div.popup .matrixHeader td:first-child div { width: 59px; text-align: right; }
div.popup .importMatrix .fxImportRow {
	border-bottom: 1px solid #888; 
	margin: 2px 0px;
}
div.popup .importMatrix table.fixedLCol { width: 55px; }
div.popup .importMatrix .fxImportRow input.text { margin: 2px 0 2px 2px; }
div.popup .importMatrix .fxNotImported {}
div.popup .importMatrix .validationError { color: #e30000; font-weight: bold; }
div.popup .importMatrix .validationError .positionCell { background-color: #e30000; color: white; }
div.popup .importMatrix .invalidCell { background-color: #e30000; }
div.popup .importMatrix .positionCell { width: 35px; text-align: right; }
div.popup .importMatrix .positionCell img.question { margin: 0px; }
div.popup .importMatrix .invalidCell img.question { margin: 1px; }
div.popup .importMatrix .selectCell { width: 20px; text-align: center; }
div.popup .importMatrix .fieldCell { width: 150px; }
div.popup .importMatrix .fxNotImported input.text { text-decoration: line-through !important; }



div.popup #importPaginator { width: 100%; border: 0px; margin-top: 10px; margin-bottom: 10px; }
div.popup #importPaginator .label { text-align: center; font-weight: bold; margin-bottom: 8px; }
div.popup #importPaginator .diagram { width: 820px; height: 15px; border: 1px solid black; border-collapse: collapse; }
div.popup #importPaginator .diagram .done { background-color: green; }
div.popup #importPaginator .diagram .current { background-color: red; }
div.popup #importPaginator .diagram .todo { background-color: yellow; }