/** general properties **/
.dialog_mbox * {
	margin:0;
	padding:0;
	color: #000;
	font-size: 1em !important;
	font-family: Arial, Helvetica, sans-serif !important;
	}
.dialog_mbox fieldset,.dialog_mbox img {
	border:0;
	}
.dialog_mbox ol, .dialog_mbox ul {
	list-style:none;
	}
.dialog_mbox h3 {
	font-size:100%;
	font-weight:normal;
	}
.dialog_mbox { 
	font: 13px arial,helvetica,clean,sans-serif;
	*font-size: small;
	}
.dialog_mbox select, .dialog_mbox input, .dialog_mbox textarea {
	font: 99% arial,helvetica,clean,sans-serif;
	}
.dialog_mbox input[type="text"], 
.dialog_mbox input[type="password"], 
.dialog_mbox select {
	color: #444444;
	padding: 1px;
	border: 1px solid #AAAAAA;
}

.dialog_mbox input[type="text"]:focus, 
.dialog_mbox input[type="password"]:focus {
        outline: none;
        border-color: #666;
}
.dialog_mbox a {
        color: #12609c;
        outline: 0;
	text-decoration: underline;
	}
.dialog_mbox a:hover {
	}
.dialog_mbox a:visited {
        color: #8277A0;
	}
.dialog_mbox p {
	margin-bottom: 1em;
	color: #000;
	}

a.btn_show_page.lang-en,
a.btn_show_page.lang-pl {
	display: inline-block;
	float: left;
	width: 215px;
	height: 33px;
	margin: 0 0.3em 0 7em;
	text-indent: -10000px;
	background: url('../imgs/btn_show_page-en.png') no-repeat 100% 50%;
	}
a.btn_show_page.lang-pl {
	background: url('../imgs/btn_show_page-pl.png') no-repeat 100% 50%;
	}
a.btn_install_extension {
	display: inline-block;
	float: left;
	width: 170px;
	height: 33px;
	margin: 0 0.3em 0 9em;
	text-indent: -10000px;
	background: url('../imgs/btn_install_extension.png') no-repeat 100% 50%;
	}
/* processing loader */
#selection_processing {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 42px;
	height: 42px;
	background: url('../imgs/loader.gif') no-repeat;
	z-index: 200001;
	}

/******************** dialog boxes *********************/
/* default view - can be chnaged everywhere */
.overlay_mbox {
	background: #072653;
	}
.dialog_mbox {
	display: none;
	float: left;
	position: fixed;
	top: 20%;
	left: 50%;
	margin-left: -315px;
	width: 630px;
	height: auto;
	z-index: 200001 !important;
	text-align: left;
	}
	.dialog_mbox * > form {
		position: static;
		display: inline-block;
		padding: 0;
		margin: 0;
		color: #000;
		}
	.dialog_mbox .body_mbox {
		position: relative;
		float: left;
		width: 630px;
		line-height: 1.22em;
		background: url('../imgs/dialog.png') 0 0;
		color: #000;
		}
		.dialog_mbox .body_mbox a.back-to-zazna {
			position: absolute;
			top: -15px;
			left: 20px;
			width: 65px;
			height: 26px;
			background: url('../imgs/logo_zazna_dialog.png') no-repeat 0 0;
			}
		.dialog_mbox .body_mbox .content_mbox {
			float: left;
			padding: 40px 25px 20px;
			/*margin: 0 20px;*/
			/*overflow: auto;*/
			max-height: 900px;
			/*background: #fff;*/
			width: 580px;
			}
			.dialog_mbox h3 {
				margin: 0 0.5em 1em;
				font-size: 145% !important;
				color: #333;
				background: none;
				text-align:left;
				}
			.dialog_mbox h3.link {
				margin: 1em 0.5em;
				}
				
			/*.dialog_mbox h4 {
				font-size: 126%;
				font-weight: bold;
				}*/
			
			/* main definition list */
			.dialog_mbox dl.form-data_mbox {
				float: left;
				padding: 0.5em 0 0 0.5em;
				*padding: 0.5em 0 0.5em 0.5em;
				margin: 0 0 0.5em 0.5em;
				}
				.dialog_mbox dl.form-data_mbox dt,
				.dialog_mbox dl.form-data_mbox dd {
					display: block;
					float: left;
					margin: 0;
					padding: 0.5em;
					*padding: 0.2em 0.5em;
					}
				.dialog_mbox dl.form-data_mbox dt {
					clear: both;
					/*width: 130px;*/
					text-align: right;
					margin-top: 0.2em;
					}
				.dialog_mbox dl.form-data_mbox dd {
					*float: none;
					}
					.dialog_mbox dl.form-data_mbox dd input {
						padding: 0.2em;
						font-size: 1em;
						*padding: 0.15em !important;
						}
					.dialog_mbox input.text-message {
						width: 33em;
						}
					.dialog_mbox dl.form-data_mbox dd input.text-long {
						width: 24em;
						}
					.dialog_mbox dl.form-data_mbox dd input.text-short {
						width: 18.2em;
						}
					.dialog_mbox dl.form-data_mbox dd input.agreement-check {
						position: relative;
						top: 0.1em;
						*margin: 0 0 0 -0.2em;
						}
					.dialog_mbox dl.form-data_mbox dd.share-message_mbox textarea.text-area { 
						width:24em;
						}
			.dialog_mbox .submit-area_mbox {
				clear: both;
				padding: 1em 0 3em 0;
				*padding: 0.5em 0 2.5em 0;
				}
				.dialog_mbox .submit-area_mbox input.submit {
					float: right;
					margin: 0 3.7em 0 0;
					*margin: 0 4.6em 0 0;
					}
	/* dialog`s footer */
	.dialog_mbox .foot_mbox {
		float: left;
		width: 630px;
		height: 33px;
		background: url('../imgs/dialog.png') 0 100%;
		}
		.dialog_mbox .foot_mbox a {
			display: block;
			width: 24px;
			height: 24px;
			position: absolute;
			top: 2px;
			right: 2px;
			background: url('../imgs/icons/dialog_close.png') no-repeat;
			text-indent: -2000em;
			text-decoration: none;
			} /* end: default view */

/********* common stuff for dialog`s Share stuff **********/
#share-selection {
	/*display: none;*/
	}
	#share-selection div.take-url_mbox {
		display: inline-block;
		padding: 1em;
		margin: 0 0 1em 0.5em;
		width: 92%;
		background: #f3f3f3;
		}
		#share-selection div.take-url_mbox p {
			font-size: 1.1em;
			}
		#share-selection div.take-url_mbox input.text-message {
			float: left;
			width: 26.8em;
			*width: 26em;
			padding: 0.2em 0.15em;
			margin: 0.1em 0 0.1em 0;
			font-size: 1.3em;
			font-weight: bold;
			}
		#share-selection div.take-url_mbox input#selection_link {
			width: 22.8em;
			*width: 23em;
			}
		#share-selection div.take-url_mbox a.mail-link {
			float: right;
			margin: 3px 0;
			}
		/* copy to clipboard button */
		/*div.take-url input.btn_cpy_clipboard {
			float: right;
			width: 140px;
			height: 33px;
			margin: 0 0 0 0;
			*margin: 0;
			}*/
	#share-selection form input.btn_send_email {
			float: left;
			margin: 9px 0 0 0;
			*margin: 6px 0 0 0;
			font-size: 0;
			}
	/* subscribe to social portals */
	#share-selection .subscribe-post_mbox {
		display: inline-block;
		width: 92%;
		margin: 1em 0 0 0.5em;
		padding: 1em;
		background: #f5f5f3;
		text-align: center;
		}
	#share-selection .subscribe-post_mbox p {
		float: left;
		line-height: 1em;
		margin: 1em 0 0 0;
		}
		/*#share-selection .subscribe-post_mbox ul {
			float: right;
			}
			#share-selection .subscribe-post_mbox ul li {
				float: left;
				padding: 0.25em;
				}*/
				
				
				
		#share-selection .subscribe-post_mbox ul {
			position: relative;
			float: right;
			width: 300px; 
			height: 32px;
			/*background: url('../imgs/icons/bookmark_sprite.png');*/
			margin: 0; 
			padding: 0;
			}

		#share-selection .subscribe-post_mbox ul li {
			position: absolute;
			display: block;
			width: 32px;
			height: 32px;
			top: 0; 
			background: url('../imgs/icons/bookmark_sprite.png') no-repeat 0 0; 
			display: block;
			}
			#share-selection .subscribe-post_mbox ul li a {
				display: block;
				width: 32px;
				height: 32px;
				}
		/* sprites */
		#share-selection .subscribe-post_mbox ul #digg-bookmark_mbox {left: 0;}
		#share-selection .subscribe-post_mbox ul #google-bookmark_mbox {left: 36px; background-position: -42px 0;}
		#share-selection .subscribe-post_mbox ul #delicious-bookmark_mbox {left: 76px; background-position: -90px 0;}
		#share-selection .subscribe-post_mbox ul #facebook-bookmark_mbox {left: 114px; background-position: -134px 0;}
		#share-selection .subscribe-post_mbox ul #reddit-bookmark_mbox {left: 152px; background-position: -178px 0;}
		#share-selection .subscribe-post_mbox ul #stumble-bookmark_mbox {left: 190px; background-position: -223px 0;}
		#share-selection .subscribe-post_mbox ul #twitter-bookmark_mbox {left: 228px; background-position: -268px 0;}
		#share-selection .subscribe-post_mbox ul #myspace-bookmark_mbox {left: 266px; background-position: -312px 0;}
		
		ul.bookmarks li.last {
			margin: 0;
			}
			
/********* common stuff for dialog`s Sign in/Join forms **********/
#account-action {
	/*text-align: center;*/
	/*padding: 2em 0 3em;
	*padding: 1em 0;*/
	}

	/* modal Sign in form */
	#account-action dl.form-data_mbox dt {
		width: 120px;
		font-weight: bold;
		}
	#account-action dl.form-data_mbox dd input.text-long {
		width: 20em;
		}
	#account-action .submit-area_mbox {
		clear: both;
		padding: 1em 0 3em 0;
		*padding: 0.5em 0 2.5em 0;
		}
		#account-action .submit-area_mbox input.submit {
			margin: 0;
			*margin: 0;
			}
		
		.dialog_mbox #save-selection {
			position: static;
			display: inline-block;
			padding: 0;
			margin: 0;
			}

/************************ modal warning *************************/
#warning-dialog {
	}
	#warning-dialog .msg-content_mbox {
		padding: 0 0 0 0.5em;
		}
		#warning-dialog .msg-content_mbox p.info-msg_mbox {
			display: inline-block;
			margin: 0 0 0 1em;
			padding: 0 0 0 1.9em;
			font-size: 92%;
			background: url('../imgs/icons/information_frame.png') no-repeat 0 0;
			}

/************************ save selection modal *************************/
	.dialog_mbox dl.form-data_mbox dt,
	.dialog_mbox dl.form-data_mbox dd,
	.dialog_mbox #login_form dl.form-data_mbox dt,
	.dialog_mbox #login_form dl.form-data_mbox dd,
	.dialog_mbox #save-selection dl.form-data_mbox dt,
	.dialog_mbox #save-selection dl.form-data_mbox dd {
		display: block;
		float: left;
		margin: 0;
		padding: 0.5em;
		*padding: 0.2em 0.5em;
		}
	.dialog_mbox dl.form-data_mbox dt {
		clear: both;
		text-align: right;
		margin-top: 0.2em;
		}
	 /* specific */
	.dialog_mbox #account-action dl.form-data_mbox dt {
		width: 170px;
		text-align: right;
		}
	
	.dialog_mbox #save-selection-action dl.form-data_mbox dt {
		width: 70px;
		text-align: right;
		}
	
	.dialog_mbox dl.form-data_mbox dd {
		*float: none;
		}
		.dialog_mbox dl.form-data_mbox dd input {
			float: left;
			padding: 0.2em;
			font-size: 1em;
			*padding: 0.15em !important;
			}
		.dialog_mbox #save-selection-action dl.form-data_mbox dd span#url {
			font-size: 1.3em;
			}
		.dialog_mbox #save-selection-action dl.form-data_mbox dd input.text-long {
			width: 32em;
			}
		.dialog_mbox #account-action dl.form-data_mbox dd input.text-short {
			width: 18.2em;
			}
		.dialog_mbox #save-selection-action dl.form-data_mbox dd label.checkitem {
			position: relative;
			float: left;
			top: -2px;
			margin:0 0 0 0.5em;
			*margin:0.2em 0 0 0.4em;
			padding:0 0 0 0.7em;
			
			}
		/*  specific submit area specific */
		.dialog_mbox #save-selection-action .submit-area_mbox {
			width: 530px;
			*width: 540px;
			padding:0;
			margin: 0;
			}
			.dialog_mbox #save-selection-action .submit-area_mbox input.submit {
				float: right;
				padding:0;
				margin: 0;
				/*margin: 0 2em 0 0;*/
				}
		.dialog_mbox #account-action .submit-area_mbox {
			width: 450px;
			*width: 460px;
			}
			.dialog_mbox #account-action .submit-area_mbox input.submit {
				float: right;
				/*margin: 0 2em 0 0;*/
				}
					
					/* inputs */
					input.submit {
						/*width: 110px;*/
						height: 33px;
						border: none;
						font-size: 0;
						color: transparent;
						text-transform: capitalize;
						cursor: pointer;
						text-indent: -10000px;
						border: none;
						}
					input.btn_signin_sm.lang-en,
					input.btn_signin_sm.lang-pl {
						width: 130px;
						background: url('../imgs/btn_signin_sm-en.png') no-repeat 100% 50%;
						}
					input.btn_signin_sm.lang-pl {
						background: url('../imgs/btn_signin_sm-pl.png') no-repeat 100% 50%;
						}
					input.btn_save.lang-en,
					input.btn_save.lang-pl {
						width: 60px;
						background: url('../imgs/btn_save-en.png') no-repeat 100% 50%;
						}
					input.btn_save.lang-pl {
						background: url('../imgs/btn_save-pl.png') no-repeat 100% 50%;
						}
				/* error message */
					.error-message {
						display:block;
						margin-top: 0.5em;
						*margin-top: 0.2em;
						*padding-left: 36.7%;
						color: #B50B05;
						}
						
/************************ install extension *************************/
	.overlay_window {
		position: absolute;
		top: 0;
		right: 0;
		width: 400px;
		height: auto;
		z-index: 200001 !important;
		text-align: left;
		background: #072653;
		color: #fff;
		font-weight: bold;
		-moz-border-radius-bottomleft:7px;
		-moz-border-radius-bottomright:7px;
		-moz-border-radius-topleft:7px;
		-moz-border-radius-topright:7px;
		}
		.overlay_window h2 {
			padding: 1em 0 0.1em 20px;
			font-size: 142%;
			width: 280px;
			}
		.overlay_window ol {
			font-size: 1.2em;
			}
			.overlay_window ol li {
				margin: 0 0 4px 20px;
				}
				.overlay_window ol li.current {
					color: #f7d90d;
					}
		.overlay_window img {
			position: absolute;
			top: 10px;
			right: 50px;
			}