.simple_overlay {
	display:none;
	z-index:10;
	background-color:#d9d9d9;
	font-family: Arial, Calibri, Verdana, Helvetica, sans-serif;
	
	width:auto;	
	min-height:100px;
	/* border:1px solid #666; */
	
	/* CSS3 styling for latest browsers
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
	 */
}

#common_overlay.simple_overlay{
	border-radius: 6px;
	-o-border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.fakeinput {
	border:0;
	background: none;
	height: 20px;
	width: 0px;
	padding: 0;
}

/* close button positioned on upper right corner */
.simple_overlay .close, a.zapp {
	background: transparent url(i/nonstop/icons_nonstop.png) no-repeat 0 -886px;
	position:absolute;
	right:15px;
	top:15px;
	cursor:pointer;
	width:12px;
	height:11px;
	z-index:10;
	opacity:0.5;
}
.simple_overlay .close:hover, a.zapp:hover {
	opacity:1;
}
a.zapp{
	background: url('i/close_dialog.png') 0 0 no-repeat;
	position:relative;
	width:20px;
	height:20px;	
	z-index:10;
	cursor:pointer;
	top:auto;
	right:auto;
	display:inline-block;
	vertical-align:middle;
	opacity:1;
}
.simple_overlay .close:hover, a.zapp:hover { opacity:1; }
.simple_overlay .close:active, a.zapp:active { opacity:1; }

#common_overlay_content{
	position:relative;
	padding:0px;
	margin:15px 25px 25px 25px;
	font-size:14px;
}

#common_overlay_content h1{
	font-size:26px;
	font-weight: bold; 
	margin: 0;
	line-height:1.1;
	padding:0 20px 20px 0;
	color:#333333; 
	text-shadow: #ffffff 0 1px 1px;
}

#common_overlay_content h1 i{
	display:inline-block;
	width:1px;
	height:25px;
	border-left:1px #b1b1b1 solid;
	background:#ffffff;
	font-size:0;
	vertical-align:middle;
	margin:0 10px;
}
#common_overlay_content h1 a{
	color:#979797;
	font-weight:normal;
}
#common_overlay_content h1 a:hover{
	color:#777777;
}

#common_overlay_content #error_message{
	display:none;
	color:#cc0000;
}

/* the large image. we use a gray border around it */
#gallery_overlay #img {
	border:1px solid #666;
}

/* "next image" and "prev image" links */
#gallery_overlay  .next, #gallery_overlay  .prev {
	
	/* absolute positioning relative to the overlay */
	position:absolute;
	top:40%;	
	border:1px solid #666;	
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color:#fff;
	font-size:11px;
	
	/* upcoming CSS3 features */
	-o-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}

#gallery_overlay .prev {
	left:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
}

#gallery_overlay .next {
	right:0;
	border-right:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-top-right-radius:0;	
}

#gallery_overlay .next:hover, #gallery_overlay  .prev:hover {
	text-decoration:underline;
	background-color:#000;
}

/* when there is no next or previous link available this class is added */
#gallery_overlay .disabled {
	visibility:hidden;		
}

/* the "information box" */
#gallery_overlay .info {
	position:absolute;
	bottom:0;
	left:0;	
	padding:10px 15px;
	color:#fff;
	font-size:11px;
	border-top:1px solid #666;
}

#gallery_overlay .info strong {
	display:block;	
}

/* progress indicator (animated gif). should be initially hidden */
#gallery_overlay .progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;
}

/* everybody should know about RGBA colors. */
#gallery_overlay .next, #gallery_overlay .prev, #gallery_overlay .info {
	background:#333 !important;
	background:rgba(0, 0, 0, 0.6) url(i/h80.png) repeat-x;		
}


#common_overlay .select_section{
	width:100%;
}
#common_overlay .select_section label{
	display:block;
	width:100%;
	margin-bottom:4px;
}
#common_overlay .select_section label.checked{
	background:#FAEFBD;
	border:1px #F2C766 solid;
	width:100%;
	padding:10px;
	margin:0 -10px 6px -10px;
}
#common_overlay .select_section label .title{
	display:inline-block;
	font-size: 14px;
	font-weight:bold;
}
#common_overlay .select_section label .about{
	padding-left:37px;
	display:none;
	font-size: 13px;
	opacity:0;
	transition:0.25s linear opacity; 
}
#common_overlay .select_section label.checked .about{
	display:block;
	opacity:1;
	transition:0.25s linear opacity; 
}




#common_overlay_content .registration_form .field{
	width:308px;
	text-align:center;
	float:none;
	margin:0 auto 20px auto;
}
#common_overlay_content .registration_form .field input, #common_overlay_content .registration_form .field div.input{
	width:300px !important;
}

#common_overlay_content .registration_form i.del{
	display:block;
	width:35px;
	height:30px;
	float:left;
	font-size:0; 
}
#common_overlay_content .registration_form .field select{
	width:280px;
}

.registration_form.signin .appearing.signup{
	display:none;
}
.registration_form.signup .appearing.signin{
	display:none;
}
.registration_form button{
	height:45px;
	padding:0 24px;
	color:#ffffff;
	font-size:16.5px;
	text-transform: uppercase;
	border:none;

	border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #E7634A;
	cursor:pointer;
}

.registration_form button.entering:after{
	display:inline-block;
	content:'';
	width:43px;
	height:11px;
	background: transparent url(images/ajax/button-load-red.gif) no-repeat 0 0;
	margin:0 0 1px 11px;
}

.registration_form button:hover{
	background: #FF5B33; 
 }

.registration_form button.gray{
	background: #666666;
}
.registration_form button.gray:hover{
	background: #7E7E7E;
}

#common_overlay.simple_overlay.dialog_login{
	background-color: #F0EFEC;
	border-radius: 3px;
	-o-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.dialog_login #common_overlay_content h1{
	font-family: Ubuntu,Arial,Calibri,Verdana,Helvetica,sans-serif;
	font-size:20.7px;
	text-transform: uppercase;
	text-align:center;	
	padding: 10px 0 20px 0;
	text-shadow: none;
}
#common_overlay.simple_overlay.dialog_login .close{
	background-position:-20px -1290px;
	width:16px;
	height:15px;
	right:20px;
	top:20px;
}
#common_overlay.simple_overlay.dialog_login .socialoginza{
	text-align:center;	
	position:relative;
	height:auto;
	padding:15px 0 0px 0;
	margin:0;
}
#common_overlay.simple_overlay.dialog_login .socialoginza > div.operation{
	padding:0 0 40px 0;
}
#common_overlay.simple_overlay.dialog_login .socialoginza > div.operation .haveaccount{
	display:block;
	padding:0 0 40px 0;
}
#common_overlay.simple_overlay.dialog_login .socialoginza > div.orregister{
	padding:40px 0 0 0;
}
#common_overlay.simple_overlay.dialog_login a.bigsocial{
	display:inline-block;
	width:74px;	
	height:74px;
	background: transparent url(i/nonstop/bigsocial.png) no-repeat 0 0;
	margin:0 13px;
}
#common_overlay.simple_overlay.dialog_login a.bigsocial.google{
	background-position:-200px 0;
}
#common_overlay.simple_overlay.dialog_login a.bigsocial.vk{
	background-position:-100px 0;
}
#common_overlay.simple_overlay.dialog_login #common_overlay_content h1 i{
	opacity:0;
}
.dialog_login #common_overlay_content .field input[type=text],  
.dialog_login #common_overlay_content .field input[type=password],  
.dialog_login #common_overlay_content .field input[type=file],  
.dialog_login #common_overlay_content .field div.input{
	border:none;
	margin:auto;
	font-size: 16px;
}

.dialog_login #common_overlay_content .field label.nicecheck{
	background-position:0 -92px;
	padding: 0 0 0 20px;
	text-transform: uppercase;
	font-size: 10.7px;
	color:#666666;
	max-height: 30px;
	text-align: left;
}
.dialog_login #common_overlay_content .field label.nicecheck.checked{
	background-position:0 -123px;
}
.dialog_login #common_overlay_content .field a#forget{
	color:#666666;
	text-transform: uppercase;
	font-size: 10.7px;
}

.dialog_login #i_agree{
	margin-top:20px;
	display:none;
}

.dialog_login #common_overlay_content .regmessage {
 	font-family: Ubuntu,Arial,Calibri,Verdana,Helvetica,sans-serif;
	font-size:20.7px;
	text-transform: uppercase;
	text-align:center;	
	padding: 40px 0 20px 0;
}



#common_overlay_content a{
	color:#336699;
	text-decoration:none;
}

#common_overlay_content .field{
	display:block;
	float:left;
	margin-bottom:20px;
	position:relative;
}
#common_overlay_content .field .title{
	color:#333333;
	font-size:18px; 
	clear:both;
}

#common_overlay_content .field input[type=text], 
#common_overlay_content .field input[type=password], 
#common_overlay_content .field input[type=file], 
#common_overlay_content .field div.input{
	display:block;
	width:100%;
	height:30px;
	border:1px #c3c3c3 solid;
	margin:5px 0 0 0;
	padding:2px 0 2px 8px;
	background:#ffffff;
	-webkit-user-select: auto;
}
#common_overlay_content .field input.hilited, #common_overlay_content .field div.hilited{
	-moz-box-shadow:inset 0 0 2px 0 #b2b2b2;
	-webkit-box-shadow:inset 0 0 2px #b2b2b2;	
	background:#ffffcc;
}

#common_overlay_content .field input.invalid{
	border:1px #cc0000 solid;
	background-color:#FFEAEA;
}

#common_overlay_content i.del{
	display:block;
	width:30px;
	height:30px;
	float:left;
	font-size:0; 
}
#common_overlay_content .field select{
	border:0;
	/*width:406px;
	margin:8px 5px 0 5px;*/
	color:#464646;
	cursor:pointer;
}
#common_overlay_content .field textarea{
	width:100%;
	border:0;
	background:transparent;
}




/*  dialog_form.css  */
#common_overlay_content .loading{
	display:inline-block;
	height:30px;
	padding:10px 0 0 38px;
	margin-left:20px;
	vertical-align:middle;
	font-weight:bold;
	background: url(images/ajax/squares-circle.gif) 0 5px no-repeat;
}
#common_overlay_content .loading.screenshot{
	background: url(images/ajax/indicator_medium.gif) 0 5px no-repeat;
	margin-left: 5px;
}

input.biginput{
	font-size:18px; 
	font-family:Verdana,Tahoma,Arial,Arial Cyr,Geneva,Helvetica,sans-serif; 
	color:#333333;
}

#common_overlay_content	.l{
		width:400px;
		float:left;
	}	
	
#common_overlay_content	.r{
		width:300px;
		float:left;
		margin-top:20px;
		margin-left:20px;
	}


#common_overlay_content .field .zap{
	position:absolute;
	right: 2px;
	top: 5px;
	cursor:pointer;
}
#common_overlay_content .field.undefined{
}
#common_overlay_content .field .nsicon.help{
	position:absolute;
	right: 23px;
	top: 5px;
	cursor:pointer;
}

#signup_form .social{
	position:relative;
	margin-top:5px;
}

#signup_form .social .help{
	position:absolute;
	right:0;
	top:3px;
}
#signup_form .social .nsicon.help i{
	width:300px;
}
#signup_form .social .nsicon.help:hover i{
	left:auto;
	right:10px;
}
#common_overlay.dialog_portfolio-constructorConfirm{
	background-color: #fff;
}
#common_overlay.dialog_portfolio-constructorConfirm #common_overlay_content{
	margin:0;
}
#common_overlay.dialog_portfolio-constructorConfirm h1{
	text-align: center;
	background-color: #e53935;
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
	padding: 20px 0;
	text-shadow:none;
	border-radius: 6px 6px 0 0;
}
#common_overlay.dialog_portfolio-constructorConfirm #dialog_content{
	text-align: center;
	padding: 24px;
	font-size: 16px;
}
#common_overlay.dialog_portfolio-constructorConfirm .close {
    background: none;
    height: 30px;
    width: 30px;
}
#common_overlay.dialog_portfolio-constructorConfirm .close:before, 
#common_overlay.dialog_portfolio-constructorConfirm .close:after {
  position: absolute;
  left: 14px;
  top: 7px;
  content: '';
  height: 17px;
  width: 3px;
  background-color: #ffffff;
  transition:0.25s linear background-color; 
}
#common_overlay.dialog_portfolio-constructorConfirm .close:before {
  transform: rotate(45deg);
}
#common_overlay.dialog_portfolio-constructorConfirm .close:after {
  transform: rotate(-45deg);
}
#common_overlay.dialog_portfolio-constructorConfirm a.baton {
	margin: 40px 10px 0;
    font-weight: normal;
}
#common_overlay.dialog_portfolio-constructorConfirm a.baton.grey {
	background-color: #d0d0d0;
	color: #4a4a4a;
}
#common_overlay a.baton.red {
	background-color: #e53935;
	color: #fff;
}
#common_overlay.dialog_portfolio-constructorConfirm .selectDestination {
	padding-top: 20px;
}
#common_overlay.dialog_portfolio-constructorConfirm .selectDestination .selector{
    max-width: 484px;
}
#common_overlay.dialog_portfolio-constructorConfirm .selectDestination .selector span{
    max-width: 460px;
	text-align: left;
}
#common_overlay.dialog_portfolio-constructorConfirm .selectDestination option {
	max-width: 400px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;	
}


#common_overlay.dialog_nonstop-givePro{
	background: #fff;
}
#common_overlay.dialog_nonstop-givePro .upgrade > div{
	width: 40%;
}
#common_overlay.dialog_nonstop-givePro .upgrade h3{
	padding-top:10px;
	line-height: 22px;
}
#common_overlay.dialog_nonstop-givePro .upgrade h3.features span{
	cursor: help;
	border-bottom: 1px dashed #666666;
	display:inline-block;
	position:relative;
}
#common_overlay.dialog_nonstop-givePro .upgrade h3.features span:hover i
{
	left:0;
	top:21px;
}


#common_overlay_content .field .inputs.hidden {
    display: none !important;
}

.dialog_avatar .left{
	float: left;
	width:261px; 
	font-size:11px;
}
.dialog_avatar .left img{
	max-width: 250px;
}
.dialog_avatar .right{
	float: right;
	width:360px; 
	color:#333333; 
	font-size:13px;
}
.dialog_avatar .left a.editavatar{
	display: inline-block;
	position: relative;
	margin-right: 15px;
}
.dialog_avatar .left a.editavatar::after{
	display:inline-block;
	content:'';
	position: absolute;
	width:1px;
	height:11px;
	background: #b1b1b1;
	right: -10px;
	top: 3px;
}	


.dialog_cropavatar .left{
	float: left;
	width:auto; 
	font-size:11px;
}
.dialog_cropavatar .right{
	float: right;
	margin-left:20px; 
	width:261px; 
	color:#333333; 
	font-size:13px;
}
.dialog_cropavatar .right .avatarpreview{
	width:261px;
	height:261px;
	overflow:hidden;
}