@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,700,500);
/* @group global reset */
html, body { padding:0; margin:0; height:100%; }
h1, h2, h3, h4, h5, h6, fieldset, dd, button, form, ul, ul li, ol, ol li, dl, p, input, button, label, td, abbr, article, aside, audio, bb, canvas, datagrid, datalist, details, dialog, eventsource, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, time, video, blockquote, address { margin: 0; padding: 0; }
sup { vertical-align:top; line-height:1; }
ul li, ol li, menu li { list-style-type: none; }
fieldset, dd, button, form, img, a img, iframe { border: none; }
table { border-spacing:0;  *border-collapse:collapse; width:100%; }
header, footer, nav, menu, section, aside, article, details, summary, address { display:block; zoom:1; }
a:hover, a:active, a:focus, input:active, textarea:active, input:focus, textarea:focus{  outline:0; }
/* @end */

/* @group Clearfix */
.clearfix { zoom: 1; }
.clearfix:after {
	clear:both;
	content:'.';
	display:block;
	visibility:hidden;
	height:0;
	font-size: 0;
}
.clearfix { display:block; }
* html .clearfix { height:1%; }
*+html .clearfix { display:inline-block; }
/* @end */

/* @group Default Element Styles */
body{ 
	font: 400 12px/16px 'Roboto', arial, sans-serif;
	color:#7a7a7a;
	background-color: #f8f9f9; 
}
h1, h2, h3{
	font-family: 'Roboto', arial, sans-serif;
	margin-bottom:20px; 
	/*text-transform:uppercase;*/
}
h1 { 
	font-weight: 700; 
	font-size:30px; 
	line-height:40px; 
	color: #4c4c4c; 
}
h2 { 
	font-weight: 500;
	font-size:24px; 
	line-height:30px; 
	color: #122232;
	margin-bottom: 25px;
	
}
h3 { 
	font-size:18px; 
	line-height:22px; 
	text-transform: none; 
	color: #4D4944;
	font-weight: 400;
}
h4 { 
	font: 400 22px/26px 'Roboto', arial, sans-serif; 
	color: #ededed; 
	margin-bottom: 15px;
}
h5 { 
	font: 400 18px/22px 'Roboto', arial, sans-serif;
	color: #fff;
	margin-bottom: 15px; 
}
h6 { font: 500 12px/18px arial; color:#7b7260; }

p { 
	font: 400 16px/28px 'Roboto', arial, sans-serif;  
	color: #868686;
	margin-bottom:10px;
}
p strong{
	display: block;
	font-weight: 500;
	color: #868686;
}
p.last{
	margin-bottom: 0;
	padding-bottom: 0;
}
a {
	text-decoration: none;
	color:#D67E28;
	cursor:pointer;
	outline:0;
	font-weight: 400;
}
hr.mar{ margin: 25px 0;}
/*a:hover { color: #2a3d51;}*/
input[type='text'], input[type='password'], textarea, input[type='number']{
	display:block;
	border:1px solid #d7d1c6;
	font:normal 12px/15px arial;
	color:#757067;
	padding:8px 10px;
	outline:0;
	position: relative;
    padding:8px 10px\9;
    background-color:transparent;	
}
 input[type=number]::-webkit-inner-spin-button, 
    input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
     margin: 0; 
}
/*input[type='file']{
	background: url('../images/sprite/btn-upload.png') no-repeat 345px 6px;
	float: right;
	clear: both;
	text-align: left;
}*/
.custom-file-input::before{
	white-space: nowrap;
  	-webkit-user-select: none;
  	text-align: left;
  	
}
input[type="file"]::-webkit-file-upload-button{
	float: right;
	visibility: hidden;
	text-align: left;
}
input.itl, textarea.itl { color:#b4b2b0; }
.printFoor, .printLogo, .forPrintOrder {
	display:none;
}
.wrap{
	margin: 0 auto;
  	/*width: 91.79%;*/
  	max-width: 960px;
  	position: relative;
}

/* @end */

/* @group Sprite Style */
.icon { background: url('../images/sprite/icons.png') no-repeat left top; }
/* @end */

/* @group Patterns */
.fLt { float:left; }
.textCenter{ text-align: center; }
.fRt { float:right; }
.block { display:block; }
.hide{ display: none; }
.alignCenter { text-align:center; }
.rPos { position: relative; }
.aPos { position: absolute; }
.marB0 { margin-bottom:0px; }
.marB5 { margin-bottom:5px; } 
.marB10 { margin-bottom:10px; }
.marB15 { margin-bottom:15px; }
.marB17 { margin-bottom:17px; }
.marB20 { margin-bottom:20px; }
.marB25 { margin-bottom:25px; }
.marB30 { margin-bottom:30px; }
.marB40 { margin-bottom:40px; }
.marB50 { margin-bottom:50px; }
.marB55 { margin-bottom:55px; }
.marB60 { margin-bottom:60px; }
.marB70 { margin-bottom:70px; }
.marB80 { margin-bottom:80px; }
.marT10 { margin-top: 10px;}
.marT30 { margin-top: 30px;}
.marT40 { margin-top: 40px;}
.marT50 { margin-top: 50px;}
.marR15  { margin-right:15px; }
.marR5  { margin-right:5px; }
.paddT0 { padding-top: 0px;}
.paddB0 { padding-bottom: 0px;}
.marT0 { margin-top: 0px;}
.textNone{
	line-height: 0 !important;
	margin-bottom: 0 !important;
}
.noBorder{
	border: 0 !important;
}
hr{
	border: none;
	border-bottom: 1px solid #d9dbdd;
	/*padding-bottom: 25px;
	margin-bottom: 25px;*/
	margin: 0;
}
a.linkBtn, input.linkBtn{
	width: auto;
	display: inline-block;
	font: 400 11px/13px 'Roboto', arial, sans-serif;
	padding: 7px 30px;
	color: #ffffff;
  	border: none;
  	cursor: pointer;
  	text-align: center;
  	zoom: 1;
  	background-color:#DC8429;
  	border-radius:5px;
  	-moz-border-radius:5px;
  	-webkit-border-radius:5px;
  	box-shadow:0 4px 6px #C3C3C3;
  	-moz-box-shadow:0 4px 6px #C3C3C3;
  	-webkit-box-shadow:0 4px 6px #C3C3C3;
}
.primBtn {
	display: inline-block;
	width: 150px;
  	padding: 12px 0;
  	font: 400 15px/15px 'Roboto', arial, sans-serif;
  	color: #ffffff;
  	border: none;
  	cursor: pointer;
  	text-align: center;
  	zoom: 1;
  	background-color:#DC8429;
  	border-radius:5px;
  	-moz-border-radius:5px;
  	-webkit-border-radius:5px;
  	box-shadow:0 4px 6px #C3C3C3;
  	-moz-box-shadow:0 4px 6px #C3C3C3;
  	-webkit-box-shadow:0 4px 6px #C3C3C3;
}
.greyBtn{
	display: inline-block;
	width: auto;
  	padding: 12px 0;
  	font: 400 15px/15px 'Roboto', arial, sans-serif;
  	color: #ffffff;
  	border: none;
  	cursor: pointer;
  	text-align: center;
  	zoom: 1;
  	background-color:#CDCCCC;
  	border-radius:5px;
  	-moz-border-radius:5px;
  	-webkit-border-radius:5px;
  	box-shadow:0 4px 6px #C3C3C3;
  	-moz-box-shadow:0 4px 6px #C3C3C3;
  	-webkit-box-shadow:0 4px 6px #C3C3C3;
}
.greenBtn {
	display: inline-block;
	width: 135px;
  	padding: 12px 0;
  	font: 400 15px/15px 'Roboto', arial, sans-serif;
  	color: #ffffff;
  	border: none;
  	cursor: pointer;
  	text-align: center;
  	zoom: 1;
  	background-color:#78C14B;
  	border-radius:5px;
  	-moz-border-radius:5px;
  	-webkit-border-radius:5px;
  	box-shadow:0 4px 6px #C3C3C3;
  	-moz-box-shadow:0 4px 6px #C3C3C3;
  	-webkit-box-shadow:0 4px 6px #C3C3C3;
}
.greenBtn:hover {
	background-color: #82cd54 !important;
	color: #fff;
}
.greyBtn:hover{
	background-color: #dadada !important;
	color: #fff;
}
.primBtn:hover { 
	background-color: #E69751;
  	color: #fff;
}
.greyBtnSm{
	width: 83px;
	padding: 5px;
	box-shadow: none;
	font-size: 11px;
	line-height: 14px;	
	box-shadow: none;
}
.primBtnSm{
	width: 90px;
	padding: 5px;
	font-size: 12px;
	line-height: 14px;
}
.connect{
	width: auto;
	padding: 6px 20px;
	font-size: 11px;
	line-height: 13px;
}
#changePassword .primBtnSm{
	width: 108px;
}
.secprimBtn{
	background-color: transparent;
  	border: 1px solid #DC8429;
  	color: #DC8429;
}
.secprimBtnSm{ width: 90px;}

.secprimBtnSm:hover{
	background-color: transparent;
	color: #E69751;
	border-color: #E69751;	
}
.secBtn{
	display: inline-block;
	width: 150px;
  	padding: 12px 0;
  	font: 400 15px/15px 'Roboto', arial, sans-serif;
  	color: #ffffff;
  	border: none;
  	cursor: pointer;
  	text-align: center;
  	zoom: 1;
  	background-color:#4D4944;
  	border-radius:5px;
  	-moz-border-radius:5px;
  	-webkit-border-radius:5px;
  	box-shadow:0 4px 6px #C3C3C3;
  	-moz-box-shadow:0 4px 6px #C3C3C3;
  	-webkit-box-shadow:0 4px 6px #C3C3C3;
}
.secBtn:hover{
	color: #fff;	
	background-color: #696765;
}
.secBtnSm{
	width: 73px;
	padding: 5px;
	/*box-shadow: none;*/
	font-size: 12px;
	line-height: 15px;
	/*box-shadow: none;	*/
}
.btnsubTitle{
	display: block;	
	font: 400 10px/12px 'Roboto', arial, sans-serif;
	color: #FDC898;
	margin-top: 4px;
}
.thirdBtn{
	display: inline-block;
	width: auto;
  	padding: 6px 22px 5px 22px;
  	font: 400 11px/14px 'Roboto', arial, sans-serif;
  	color: #ffffff;
  	border: none;
  	cursor: pointer;
  	text-align: center;
  	zoom: 1;
  	background-color:#c0bfbf;
  	border-radius:5px;
  	-moz-border-radius:5px;
  	-webkit-border-radius:5px;
  	/*box-shadow:0 4px 6px #C3C3C3;
  	-moz-box-shadow:0 4px 6px #C3C3C3;
  	-webkit-box-shadow:0 4px 6px #C3C3C3;*/
}
.thirdBtn:hover{
	color: #fff;	
	background-color: #cecece;
}

/*.secBtn{
	display: inline-block;
	width: 105px;
	padding: 6px 0;
	font: 400 15px/15px 'Roboto', arial, sans-serif;
	color: #4D4944;
	border: none;
	cursor: pointer;
	text-align: center;
	zoom: 1;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 2px solid #67615B;
}
.secBtn:hover{
	color: #fff;	
	background-color: #67615B;
}*/
.disabledBtn, .disabledBtn:hover{
	cursor: default;
	background-color: #E7E8E9;
	color: #8C8C8C;
}
.shownatSec .disabledBtn, .shownatSec .disabledBtn:hover{
	background-color: transparent;
}
.button-wrap, .button-wrap-One{	
  width: 50px;
  cursor: pointer;
}
.button-bg {
  width: 100%;
  height: 100%;
  background-color: #f1f1f2;
  border-radius: 40px;
  color:#fff;
  transition:all 0.2s ease;
  border: 1px solid #D0D0D0
}

.button-switch {
  position:relative;
  left:0px;
  width: 25px;
  height: 25px;
  border:solid 1px #D0D0D0;
  border-radius: 36px;
  transition:all 0.2s ease;
  box-shadow:-2px 2px 5px #ccc;
  -moz-box-shadow:-2px 2px 5px #ccc;
  -webkit-box-shadow:-2px 2px 5px #ccc;
  background: #f1f1f2 url('../images/sprite/icons.png') no-repeat;
  background-position: -28px -302px;
}
.button-active .button-switch { 
	left:23px;
	box-shadow:none;
	border-color:#ed1c24;
	background-color: #f1f1f2;
  	background-position: -2px -302px;
}
.button-in, 
.button-out {
  position:absolute; 
  transition:all 0.2s ease;
  padding-top:15px;
  font-size:0.8em;
  text-transform:uppercase;
  font-weight:bold;
}
.button-in { margin-left:76px; }
.button-out { margin-left:18px; }
.button-active .button-out {  }
.button-active .button-in {  }
.button-active .button-bg { background-color:#ed1c24;}


.btnfileUpload{
	display: inline-block;
	width: 100%;
  	padding: 6px 0;
  	font: 300 14px/18px 'Roboto', arial, sans-serif;
  	color: #8C8C8C;
  	background-color: #D1D3D4;
  	border: none;
  	cursor: pointer;
  	text-align: center;
  	zoom: 1;
  	border-radius: 3px;
  	-moz-border-radius: 3px;
  	-webkit-border-radius: 3px;
}
.btnfileUpload:hover,.btnfileUpload:active{ background-color: #DEDEDD; color: #807F7F;}


.uldlinksIco, .jpgpdfIco{
	display: inline-block;	
	width: 15px;
	height: 20px;
	padding-right: 6px;
	background: url('../images/sprite/attachIco.png') no-repeat left top;
}
.btnfileUpload:hover .jpgpdfIco{ background: url('../images/sprite/attachIco-hover.png') no-repeat left top;}
.uldlinksIco{
	height: 21px;
	background: url('../images/sprite/link-attach-icon.png') no-repeat left top;
}
.btnfileUpload:hover .uldlinksIco{ background: url('../images/sprite/link-attach-icon-hover.png') no-repeat left top;}
.defltbtnUpload{
	opacity: 0.5;
	cursor: default;
}
.defltbtnUpload:hover{	
	opacity: 0.5;
	cursor: default;
	background-color: #D1D3D4;
}
.fileUploadblock .fileupLoader{
	display: block;
	width: 35%;
	height: 3px;
	margin-left: 3px;
  	-webkit-border-radius: 3px;
  		-moz-border-radius: 3px;
  			-ms-border-radius: 3px;
  				border-radius: 3px;
  	background-color: #e78d2a;
}
.fileUploadblock .lblupLoader{
	display: block;
	font: 300 10px/14px 'Roboto', arial, sans-serif;
	color: #E88E2B;
	margin: 0 0 2px 3px;
	text-transform: uppercase;
}
.loader{
	background: #DC8429 url("../images/loader.gif") center center no-repeat;
	text-indent: -9999px;
}
.widgetLoader{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 999;
	background: rgba(000,000,000,0.8) url('/users/images/ajax-loader-black.gif') no-repeat 50% 50%;
}
::-webkit-input-placeholder {
 	font: 300 16px/20px 'Open Sans', sans-serif;
 	color: #BCBEC0; 
}
::-moz-placeholder{
	font: 300 16px/20px 'Open Sans', sans-serif;
 	color: #BCBEC0; 
}
:-ms-input-placeholder{
	font: 300 16px/20px 'Open Sans', sans-serif;
 	color: #BCBEC0; 
}
.dfltcursor{ cursor: default;}
/* @end */
/* @group Header */
.header{
	position: relative; 
	background-color: #e78d2a;;
	/*padding: 15px 0;*/
	min-height: 30px;
	z-index: 999;
}
.leftHrCol{
	width: 33%;
	display: block;
	float: left;
}
.userLinkBlock{
	display: block;
	float: right;
}
.mainNav{
	float: left;
}
.mainNav li{float: left;}
.mainNav li:last-child{margin-right: 0;}
.mainNav li a, .userLinkBlock a.userLink{
	font: normal 16px/16px 'Roboto', arial, sans-serif;
  	color: #fff;
  	display: block;
}
.userLinkBlock a.userLink{padding: 7px 0;}
.mainNav li a{padding: 20px 15px; position: relative;}
.mainNav li a.mailAlert{padding: 20px 40px 20px 15px;}
.mainNav li a .alertIco{
	display: block;
	position: absolute;
	font: 600 10px/14px 'Open Sans', sans-serif;
	padding: 1px 5px;
	background-color: #f3f5f7;
	color: #4c4844;
	border-radius: 4px;
	top: 20px;
	right: 15px;
	-webkit-box-shadow: 1px 1px 6px #C3C3C3;
	-moz-box-shadow: 1px 1px 6px #C3C3C3;
	box-shadow: 1px 1px 6px #C3C3C3;
}
.userLinkBox{
	position: relative;
	z-index: 999;
}
.userLinkBlock .userLinkBox{
	margin-right: 20px;
	position: absolute;
	right: 0;
	height: 45px;
	display: block;
	margin-top: 10px;
}
.mainNav li a:hover{
	background-color: #f3c089;
}
.mainNav li a.active{
	background-color: #f3c089;
}
.userLinkBlock a.userLink span{
	display: inline-block;
	width: 20px;
	margin-left: 10px;
	background-position: left 2px;
}
.userLinkBlock a.userLink:hover span{
	background-position: -18px 2px;
}
.logoBlock{
	margin: 12px 25px 0 0;
}
.logoBlock a{display: block;}
.logoBlock a img{max-width: 100%;}
/*.globalSearch{width:70%;}*/
.globalSearch .searchBtn{
	float: left;
	width: 30px;
	display: block;
	background-color: #fff;
	border: none;
	height: 30px;
	border-radius: 10px 0 0 10px;
	background-position: 7px -44px;
	box-shadow:1px 0 1px #D67E28 inset;
	-moz-box-shadow:1px 0 1px #D67E28 inset;
	-webkit-box-shadow:1px 0 1px #D67E28 inset;
	cursor: pointer;
}
.globalSearch input.searchField{
	width: 82%;
	border-color: #8C847D;
	border-radius: 0 10px 10px 0;
	-moz-border-radius: 0 10px 10px 0;
	-webkit-border-radius: 0 10px 10px 0;
	padding: 8px 3% 7px 0;
	color: #D67E28;
	float: left;
	height: 15px;
	box-shadow:-1px 0 1px #D67E28 inset;
	-moz-box-shadow:-1px 0 1px #D67E28 inset;
	-webkit-box-shadow:-1px 0 1px #D67E28 inset;
	background-color: #fff;
	border: none;
	font: 400 14px/14px 'Roboto', arial, sans-serif;
}
.globalSearch input.searchField::-webkit-input-placeholder {color: #F8BA8E;}

.globalSearch input.searchField:-moz-placeholder { color: #F8BA8E;}

.globalSearch input.searchField::-moz-placeholder { color: #F8BA8E;}

.globalSearch input.searchField:-ms-input-placeholder { color: #F8BA8E;}

.addContainer .selAddblock{
	display: inline-block;
	width: 214px;
	float: left;
	margin: 0 70px 0 0;
}
.addContainer .selAddblock span{
	position: relative;
	bottom: 30px;
	display:block;
	margin: 0 auto;	
}
.addContainer .selAddblock:last-child{
	margin-right: 0;
}
.typesAdd{text-align: center;}
.typesAdd h3{
	font: 600 24px/28px 'Open Sans', sans-serif;
	color:#4D4944;
	margin-bottom: 10px
}
.typesAdd p{font: 600 19px/23px 'Open Sans', sans-serif; color: #4D4944; margin-bottom: 30px}
.addContainer{
	width: 500px;
	height: 100%;
	padding:0;
	margin: 0 auto;
}
.setUppass p{
	font-size: 14px;
	line-height: 18px;
}
.setUppass .addContainer{ width: 425px;}
.greyBg{background-color: #F4F4F4;}
.addContPad{padding: 50px 20px;}


.userLinkContent{
	display: none;
	position: absolute;
	background-color: #FFFFFF;
	right: 0;
	top: 56px;
	width: 330px;
	z-index: 999;
	box-shadow: 0 0 10px rgba(0, 0, 0, .2);
	padding: 12px 0;
}
.noteWrap .galPrivateNote{
	font: 300 11px/18px 'Open Sans', sans-serif;
	color: #BCBEC0;
	background-color: #FFF3EA;
	padding: 6px 12px;
	letter-spacing: .3px;
	margin-top: 5px;
}
.noteWrap .btmBdr{
	margin-top: 13px;
	height: 1px;
}
.userLinkContent ul{
	margin: 0;
	padding: 0;
}
.userLinkContent li{
	display: block;
	padding: 0 20px;
	position: relative;
	margin-top: -1px;
}
.userLinkContent li:hover{
	background-color: #E88E2B;
}
.userLinkContent li.noteWrap:hover{
	background-color: #fff;
}
.userLinkContent li:hover a{
	color: #FFFFFF;
	border-color: #E88E2B;
}
.gallSettingsBtn{
	position: absolute;
	right: 25px;
	top: 8px;
	z-index: 1;
	width: 45px;
}
.gallSettingsBtn .button-switch{
	width: 20px;
	height: 20px;
	background: #f1f1f2 url('../images/sprite/icons.png') no-repeat;	
	background-position: -15px -250px;
	box-shadow: none;
}
.gallSettingsBtn.button-active .button-switch{
	background-position: 5px -250px;
}
.userLinkContent li a, .userLinkContent li span{
	display: block;
	font: 400 16px/19px 'Roboto', arial, sans-serif;
	color: #BCBEC0;
	padding:10px 0;
}
.topBdr{border-top: 1px solid #dddddd;}
.btmBdr{border-bottom: 1px solid #dddddd;}
.btmBdr > div{border-bottom: 1px solid #dddddd;}

.topLinks > li{
	float: left;
}
.topLinks > li > a{
	padding: 18px 15px;
	display: block;
}
.topLinks > li > a:hover{
	background-color: #f3c089;
}
.topLinksActive{
	background-color: #f3c089;
}
.topLinks >li > a > span{
	width: 20px;
	height: 20px;
	display: block;
}
.topLinks li a span.userLink{background-position: -119px 1px;}
.topLinks li a span.addIcon{background-position: -90px 0px;}
.topLinks li a span.msgIcon{background-position: -141px 0px; width: 27px; height: 20px;}
.topLinks li a span.conIcon{ background-position: -15px -365px; width: 23px; height: 20px;}
.massagePage .topLinks .addIcon{ display: none;}
.massagePage .topLinks .msgIcon{ display: block;}
.connectionPage .topLinks .addIcon{ display: none;}
.connectionPage .topLinks .conIcon{ display: block;}

.userLinkContent .galSetting:hover{background-color: #fff;}
.msgIconBlock{display: none;}
.conIconBlock{ display: none;}
.connectionPage .addIconBlock{display: none;}
.connectionPage .conIconBlock{ display: block;}
.msgBox .msgIconBlock{display: block;}
.msgBox .addIconBlock{display: none;}

/* @end */


/* @group AddPiece section*/
.privacyHead{
	border-bottom: 1px solid #838585;
	padding-bottom: 25px;
	margin-bottom: 25px;	
}
.alwHidden .bigLockico{
	float: left;
	display: block;
	width: 20px;
	height: 28px;
	background-position: -140px -25px;
}
.lblPrivate{
	float: left;
	margin: 3px 30px 0 0;
}
.privacyBtn{ float: left;}
.alwHidden .lblPrivate{margin-top: 10px;}
.alwHidden h3{line-height: 18px;}
.pieceLink{
	font-size: 14px;
	line-height: 14px;
	float: right;
	margin: 9px 5px 0 0;
}
/* @end*/
/* @group uploadPic*/
.uploadLink a{
	float: left;
	margin-right: 10px;
}
.cusFileinput { 
	float: left;
	width: 205px;
	height: 32px;
	margin-right: 15px;
	color: transparent;
	background-color: #D1D3D4;
	cursor: pointer;
}
.lblMaxfive{
	float: left;
	display: inline-block;
	margin-top: 18px;
}
.cusFileinput::-webkit-file-upload-button { visibility: hidden;}
.cusFileinput::before {
	content: 'Jpegs/Pngs';
  	display: inline-block;
  	float: left;
  	width: 189px;
  	font: 300 15px/18px 'Roboto', arial, sans-serif;
  	color: rgb(140, 140, 140);
  	text-align: center;
  	padding: 7px 8px;
  	outline: none;
  	background: #D1D3D4 url('../images/sprite/attachIco.png') no-repeat;
  	background-position: 40px 5px;
  	-webkit-border-radius: 3px;
  	-moz-border-radius: 3px;
  	-ms-border-radius: 3px;
  	border-radius: 3px;
}
.cusFileinput:hover::before { background-color: #DEDEDD;}
.cusFileinput:active { outline: 0;}
.cusFileinput:active::before { background-color: #DEDEDD;}

.fileUploadblock .cusFileinput{ width: 100%;}
.fileUploadblock .cusFileinput::before{
	width: 408px;
	background-position: 150px 5px;
}
.uploadImgList{
	padding: 5px 0 25px;
	border-bottom: 1px solid #A9A8A9;
}
.uploadImgList li{
	position: relative;	
	float: left;
	/*border: 1px solid #f0f0f0;*/
	margin: 15px 8px 0 0;
	overflow: hidden;
	min-height: 95px;
	min-width: 50px;
	background-color: #D1D3D4;
}
.uploadImgList li a{ display: inline-block;}
.uploadImgList li .removeIco{
	position: absolute;
	top: 5px;
	right: 5px;
	width: 11px;
	height: 11px;
	background: url('../images/sprite/file-upload-bullet.png') no-repeat;
}
.uploadImgList li .uplInfo{
	position: absolute;  	
  	font: 400 9px/13px 'Roboto', arial, sans-serif;
  	padding: 3px 0 6px 15px;
  	color: #E88E2B;
  	display: inline-block;
  	background: url('../images/sprite/file-upload-bullet.png') no-repeat left 3px;
}
.uploadImgList li:last-child{ margin-right: 0;}

.uploadImgList li img{
	display: block;
	max-width: 100%;	
}
.uploadImgList li .progBar{
	height: 10px;
	position: absolute;
	background-color: #F4F4F4;
	width: 100%;
	/*width: 96%;*/
	bottom: 0;
	left: 0;
	/*top: 40px;*/
	margin: 0 2;
	/*left: 1%;*/
	/*border-radius: 50px;*/
}
.uploadImgList li .progBarInner{
	height: 4px;
	width: 41%;
	display: block;
	background-color: #D67E28;
}
.uploadImgList li .removeIcon{
	background: url('../images/sprite/file-upload-bullet.png') no-repeat left 0;
	background-size: 15px 15px;
	width: 15px;
	height: 15px;
	position: absolute;
	right: 5px;
	top: 5px;
	display: block;
	cursor: pointer;
}
.addPiece .uploadImgList li img{ margin-bottom: 0; max-height: 90px;}

.inpUpload{ position: relative;}
.inpUpload input[type='text'], .inpUpload input[type='number']{
	padding: 6px 10px;
	color: #4D4944;
}
.inpUpload .btnUpload{
	position: absolute;
	right: 4px;
	top: 4px;
	width: 53px;
	display: inline-block;
	font: 300 11px/12px 'Roboto', arial, sans-serif;
	color: #8C8C8C;
	background-color: #D1D3D4;
	padding: 4px 6px;
}
.inpUpload .btnUpload:hover{background-color: #DEDEDD;}
.dtpikBlock .inpUpload .btnUpload{
	top: 3px;
	right: 3px;
	padding: 1px 6px;
}
.attachIco{
	display: inline-block;
  	width: 12px;
  	height: 16px;
  	background-position: -50px 0;
  	float: left;
  	padding-right: 5px;
}
.inpUpload .btnUpload:hover .attachIco{background-position: -70px 0;}
.lblupload{
	display: inline-block;
  	font: 300 11px/12px 'Roboto', arial, sans-serif;
  	color: #8C8C8C;
  	margin-top: 3px;
}
.inpUpload ::-webkit-input-placeholder{
	text-align: left;
	font-size: 13px;
	line-height: 17px;
	color: #D1D3D4;
}
.datepickIco{
	width: 20px;
  	height: 20px;
  	background-position: -90px 0;
  	display: inline-block;
}
.fleUplcontent{
	padding-top: 10px;
}
.fleUplcontent li{
	font: 400 9px/13px 'Roboto', arial, sans-serif;
  	padding: 0px 0 6px 15px;
  	color: #E88E2B;
	background: url('../images/sprite/file-upload-bullet.png') no-repeat left top;	
}
.dtpikBlock .datepicker{
	display: inline-block;
	width: ;
	height: ;
	
}
/* @end*/

/* @group Form Section*/
.defaultForm dt{
	font-size: 14px;
	line-height: 19px;
	color: #838484;
	margin-bottom: 3px;
}
.proDtlblock .defaultForm{ width: 625px;}
.defaultForm dl{ margin-bottom: 25px;}
/*.addLinkbock .defaultForm dl:first-child{margin-bottom: 15px;}*/
.defaultForm dl:last-child, .defaultForm dl.marB0{ margin-bottom: 0;}
.defaultForm input[type="text"], .defaultForm textarea, .defaultForm input[type="number"], .defaultForm input[type="password"]{
	position: relative;
	font-size: 16px;
	line-height: 16px;
  	display: block;
  	width: 95%;
  	border: 1px solid #A9A8A9;
  	-webkit-border-radius: 5px;
  	-moz-border-radius: 5px;
  	border-radius: 5px;
}
.proDtlblock .defaultForm input[type="text"], .proDtlblock .defaultForm textarea, .proDtlblock .defaultForm input[type="number"], .defaultForm input[type="password"]{ width: 94.055%;}
.defaultForm input[type="text"]:hover, .defaultForm textarea:hover, .defaultForm input[type="number"]:hover, .custom-combobox .custom-combobox-input[type="text"]:hover{ border: 1px solid #8C8C8C; }
.defaultForm input[type="text"]:focus, .defaultForm textarea:focus, .defaultForm input[type="number"]:focus, .custom-combobox .custom-combobox-input[type="text"]:focus{
	outline: none;
	border:1px solid #E78D2A
}
.mandatory{
	display: inline-block;
	width: 6px;
	height: 6px;
	padding-top: 0px;
	margin-left: 2px;
	background-position: right top;
}
.error input[type="text"], .error textarea, .error input[type="number"], .error input[type="password"]{ border-color: #CC2027 !important;}
.error .errorText{
	display: block;
	font-size: 13px;
	line-height: 17px;
	color: #ED1C24;	
	margin-top: 5px;
}
.twoColinp dl, .threeColinp dl{
	float: left;
	width: 146px;
	margin-right: 10px;
}
.threeColinp.marB0 dl{margin-bottom: 0;}
.twoColinp dl:last-child, .threeColinp dl:last-child{ margin-right: 0;}
.threeColinp input[type="text"], .threeColinp input[type="number"]{ width: 85%;}
.twoColinp dl{
	width: 222px;
}
.twoColinp dl{ margin-right: 15px;}
.twoColinp input[type="text"], .twoColinp input[type="number"]{ width: 90%;}
.twoInpblock input[type="text"], .threeInpblock input[type="text"], .twoInpblock input[type="number"], .threeInpblock input[type="number"]{
	float: left;
	width: 26.59%;
	margin-right: 10px;
}
.twoInpblock input[type="text"]:last-child, .threeInpblock input[type="text"]:last-child{ margin-right: 0;}
.twoInpblock input[type="text"], .twoInpblock input[type="number"]{
	width: 43.59%;
}
::-webkit-input-placeholder {
   /*text-align: center;*/
}
::-moz-input-placeholder {
  /* text-align: center;*/
}
/*.dtpikBlock .inpUpload { 
 	float: left;
  	width: 48.827%;
  	margin-right: 10px;
}*/
/*.dtpikBlock .inpUpload input[type="text"]{ width: 90%;}
.dtpikBlock .inpUpload:last-child{ margin-right: 0;}*/
.tabContblock hr{ margin-bottom: 20px; }
.measurementBlock{ position: relative;} 
.measurementBlock input[type="text"]{
	width: 57.6%;
	padding-right: 50px;
}
.measurementBlock .measurementFld{
	display: inline-block;	
	position: absolute;
	top: 0px;
  	right: 0px; 
  	width: 26.03%;
  	font: 400 16px/20px 'Roboto', arial, sans-serif;
  	color: #D1D3D4;
  	padding: 8px 0;
  	border-left: 1px solid #A9A8A8;
  	text-align: center;
}
.privateField{
	display: inline-block;
	font: 400 10px/10px 'Open Sans', sans-serif;
	color: #D1D3D4;
}
.privateField .icopriFld{
	width: 6px;
  	height: 8px;
  	display: inline-block;
  	background-position: 0 -326px;
  	margin: 0 3px 0 6px;
}
/* @end*/
/*@group stepThree*/
.tabBlock{
	float: left;
	/*width: 240px;*/
	width:215px;
	padding-top: 0;
	padding-top: 45px;
}
.tabBlock ul{margin-bottom: 40px;}
.tabBlock .artTab{
	display: block;
	font-size: 18px;
	line-height: 18px;
	color: #4D4944;
	padding: 10px 0 10px 35px; 
	text-transform: uppercase; 
}
.tabBlock li{
	position: relative;
}
.tabBlock li:last-child{ border-bottom: 0; padding-bottom: 0;}
.tabBlock li a{
	text-transform: uppercase;
	font-size: 18px;
	line-height: 18px;
	color: #4D4944;
	padding: 10px 0 10px 35px;
	display: block;
}
.tabBlock li span.lockIcon{
	width: 13px;
	height: 18px;
	background-position: right -25px;
	padding-left: 20px;
	display:none;
}
.tabBlock li a:hover, .tabBlock li a.active{color: #D67E28;}
.tabBlock li a.active{
	background-color: #F4F4F4;
	text-shadow: 2px 2px 3px #CBCBCB;
}
.tabBlock li a.active span.lockIcon{display: inline-block;}
.tabContblock .defaultForm{ border-bottom: 1px solid #A9A8A9;}
.tabContblock .defaultForm:last-child{ border-bottom: 0;}
.tabContblock .addContPad{padding: 50px 20px 100px;/*padding: 20px 0 20px 0;*/}
.pStepThree .addContainer{
	margin: 0;
	float: left;	
}
/*@end*/

/* @group selectBox */
.ui-multiselect {  
	position: relative;
	display:inline-block;
  	width: 100% !important;
  	font: 12px/15px 'Roboto', arial, sans-serif;
  	color: #757067;
  	padding: 8px 10px;
  	border: 1px solid #A9A8A9;
    outline: none;
    vertical-align: middle;
    text-align: left;
    background-color:#E7E8E9;
    cursor: default;
    zoom:1;
    -webkit-border-radius: 5px;
  	-moz-border-radius: 5px;
  	border-radius: 5px;
}
#resellersTabsInfo .ui-multiselect:last-child{
	display: none;
}
.ui-multiselect span {
	display: block;
	font: 16px/16px 'Roboto', arial, sans-serif;
	color:#4D4944;
    white-space: nowrap;
    overflow: hidden;
    cursor:pointer;
}
.defaultstate .ui-multiselect span{ color: #cdcdcd;}
.ui-multiselect span.ui-icon { 
	display: block;
  	width: 18px;
  	height: 10px;
  	padding: 0;
  	background: url(../images/sprite/drop-down.png) left top no-repeat;
  	cursor: pointer;
  	position: absolute;
  	right: 10px;
  	top: 12px;
}
.ui-multiselect-single .ui-multiselect-checkboxes input { position:absolute !important; top: auto !important; left:-9999px; }
.ui-multiselect-single .ui-multiselect-checkboxes label {  }

.ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 4px }
.ui-multiselect-header ul { font-size:0.9em }
.ui-multiselect-header ul li { float:left; padding:0 }
.ui-multiselect-header a { text-decoration:none }
.ui-multiselect-header a:hover { text-decoration:underline }
.ui-multiselect-header span.ui-icon { float:left }
.ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0 }

.ui-multiselect-menu { 
	display:none; 
	padding:0; 
	position:absolute; 
	z-index:10000; 
	text-align: left;
	border: solid 1px #A9A8A9; /* should be the same border width as .selectBox-dropdown */
    background: #ffffff;
    /*-moz-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
    box-shadow:0 4px 5px rgba(0, 0, 0, 0.15);*/
    border-radius:5px;
    overflow: auto;
    -webkit-overflow-scrolling: touch; 
}
.ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 ; overflow-y:scroll;*/ padding: 0; height:auto !important; max-height:200px;}
.ui-multiselect-checkboxes label { 
	cursor:pointer; 
	display:block; 
	border-bottom:0; 
	padding:6px 10px 6px 25px;
	margin-bottom: 5px;
	border-radius:0;
 }
.ui-multiselect-checkboxes label:hover,
.ui-multiselect-checkboxes label.ui-state-active {
	color:#fff;
	background: #E88E2B url('../images/sprite/check-ico.png')no-repeat 5px 8px;
}
.ui-multiselect-checkboxes label input { position:relative; top:1px }
.ui-multiselect-checkboxes li { 
	clear:both;
	font:normal 14px/16px arial;
	color:#757575;
    list-style: none;
    display: block;
    cursor: default;
    padding: 0;
    margin: 5px;
    border-bottom: 1px solid #A9A8A9;
}
.ui-multiselect-checkboxes li:last-child{
	margin-bottom: 0;
	border-bottom: 0;
}
.ui-multiselect-checkboxes li:before{
	width: 0;
	height: 0;
}
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none }

/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label { border:none }
/*@end*/

/* @group addLink Block*/
.addLinkbock, .likepopUp{
	width: 370px;
	background-color: #ECEAE9;
	/*margin-top: 20px;*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.addLinkbock, .likepopUpPad{ padding: 15px 15px;}
#doublers-like .likepopUpPad{ padding: 0;}
#doublers-like .likepopUpPad .dataTables_scrollHead{ padding: 15px 15px 0 15px;}
#doublers-like .likepopUpPad .dataTables_scrollBody{ padding: 0 0 15px 15px;}
.addLinkbock, .likepopUpPad{ padding: 15px 15px;}
.addLinkbock h3, .likepopUp h3{
	color: #4D4944;
	padding-bottom: 0;
	margin-bottom: 10px;
}
.addLinkbock .defaultForm{ padding-bottom: 0;}
.addLinkbock .defaultForm dd{ position: relative;}
.addLinkbock input[type="text"], .addLinkbock textarea{
	font-size: 13px;
	line-height: 15px;
	color: #4D4944;	
	border: 1px solid #d1d3d4;
	background-color: #fff;
	width: 92%;
	padding-right: 20px;
}
.addLinkbock .multiple_emails-input{
	width: 100% !important;
	padding: 8px 10px;
	height: 33px;
	margin: 0;
}
.addLinkbock ::-webkit-input-placeholder{
	font-size: 13px;
	line-height: 17px;
	color: #D1D3D4;
	text-align: left;
}
.addLinkbock .linkIco{
	position: absolute;
	top: 12px;
	right: 5px;
	width: 11px;
	height: 11px;
	background: url('../images/sprite/file-upload-bullet.png') no-repeat;
}
.addLinkbock .btnBlock{
	text-align: center;
}
.popup .twoColbtn a:last-child{ margin-left: 12px;}
.addLinkbock .btnBlock a{ 
	margin-right: 12px;
  	padding: 6px 0;
  	margin: 0;
}
.addLinkbock .btnBlock a:last-child{ margin-right: 0;}
.footSec{
	background-color: rgba( 255, 255, 255, 0.8); 
	height: 70px;
	position: fixed;
	width: 100%;
	left: 0;
	bottom: 0;
	border-top: 1px solid #ccc;	
	z-index: 9;	
}
.pwdPage .footSec{background-color: #F3F5F7;}
.footSec a.crossLink{
	margin: 18px 20px;
	display: block;
	width: 28px;
	height: 28px;
	/*width: 36px;
	height: 36px;*/
	float: left;
	background-position: -30px -270px;
	/*background-position: -49px -24px;*/
}
.footSec a.crossLink:hover{/*background-position: -88px -24px;*/ background-position: 0px -270px;}
.stepBlock{
	float: left;
}
.stepBlock li{
	float: left;
	width: 40px;
	padding: 22px 0 18px;
	font-size: 30px;
	line-height: 30px;
	color: #4D4944;
	text-align: center;
}
.footSec .addContainer{padding-top: 17px;}
.stepBlock li.selected{background-color: #757067; color: #fff;}
/* @end*/

/* @group Gallery Section */
.galleryBg{
	background-color: #f4f6f7;
}
.userviewSec{
	background-color: #4D4944;
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	-ms-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
	margin-top: 20px;
}
.userImgblock{
	float: left;
	width: 120px;
	height: 75px;
	border-radius: 8px 0 0 0;
	border: 0;
  	box-shadow: none;
  	margin: 0 15px 0 0; 
}
.userImgblock a{
	display: block;
}
.userImgblock .userPic{ position: relative; }
.userImgblock .userPic .changePicfld{
	position: absolute;
	bottom: 0;
	left: 0;
	display: none;
	width: 100%;
	font: 400 13px/18px 'Roboto', arial, sans-serif;
	color: #4D4944;
	padding: 6px 5px 6px 4px;
	background-color: #D1D1D1;
	opacity: 0.9;
}
.userPic .changePicfld .camIco{
	display: block;
	float: left;
	width: 23px;
	height: 18px;
	margin-right: 5px;
	background-position: -40px -395px;
}
.userImgblock .userPic:hover .changePicfld{ display: block;}
.userImgblock img{
	display: block;
	border-radius: 8px 0 0 0; 
	max-width: 120px;
	max-height: 75px;
}
.userInfoblock{
	float: left;
	padding-top: 14px;
	padding-bottom: 14px;
}
.userBtnblock{
	float: right;
	margin: 25px 25px 0 0;
}
.userBtnblock .primBtnSm, .userBtnblock .greyBtnSm{ 
	width: 82px;
	padding: 0;
	margin: 0 auto;
	text-align: center;
	box-shadow: none;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-ms-box-sizing:content-box;
}
.userBtnblock .primBtnSm{
	color: #E88E2B;
	border: 1px solid #E88E2B;
	background-color: #fff;
	text-align: left;
}
.userBtnblock .greyBtnSm{
	border: 1px solid transparent;
}
.userBtnblock .userBtntext{
	display: inline-block;
	font: 400 11px/11px 'Roboto', arial, sans-serif;
	padding: 7px 0;
	
}
.userBtnblock .primBtnSm .chkIco{
	float: left;
    display: inline-block;
    width: 12px;
    height: 10px;
    margin: 8px 8px 8px 8px;
    background-position: -70px -395px;
}
.userInfoblock strong{
	display: block;
	font: 400 17px/20px 'Roboto', arial, sans-serif;
	color: #FFFFFF;
	text-transform: uppercase;	
	margin-bottom: 5px;
}
.userInfoblock .userViews li{
	float: left;
	font: normal 15px/15px 'Roboto', arial, sans-serif;
	color: #FFFFFF;
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #fff;
}
.userInfoblock .userViews li:last-child{
	border-right: 0;
	margin-right: 0;
	padding-right: 0;	
}

.userInfoblock .userViews li a{
	display: inline-block;
	cursor: pointer;
}
.userInfoblock .userViews li span{ color: #fff;}
.userInfoblock .userViews li a:hover em, .userInfoblock .userViews li a:hover span{
	color: #F0F0F0;
}
.userViews li em{
	font-weight: normal;
	display: inline-block;
	margin-right: 5px;
	font-style: normal;
	color: #fff;
}
.userViews li:last-child{ margin-right: 0;}
.galleryBlock{ border: 1px solid #D1D1D1;}
.proDtlblock{ 
	padding: 30px 0 30px 20px;
	border: 1px solid #D1D1D1;
	border-top: 0;
}
.conHead{
	position: relative;
	background-color: #F5F6F7;	
	border-bottom: 1px solid #d8dadc;
	-webkit-box-shadow: -0 4px 6px 0px #e5e4e4;
  	-moz-box-shadow: 0 4px 6px 0px #e5e4e4;
 	box-shadow: 0	 4px 6px 0px #e5e4e4;
}
.artiewsBlock{
 	position: relative;
}
.artiewsBlock ul{ padding: 0 22px 10px 22px;}
.artiewsBlock li.allArts, .artiewsBlock li.collecArts, .artiewsBlock li.looksArts{
	float: left;
	width: 33.333%;
	text-align: left;
}
.artiewsBlock li.collecArts{ text-align: center;}
.artiewsBlock li.looksArts{ text-align: right;}
.artiewsBlock li:last-child{ margin-right: 0;}
.artiewsBlock li a{
	font: 300 37px/37px 'Open Sans', sans-serif;
	color: #D1D1D1;
	text-transform: uppercase;
	float: left;
}
.artiewsBlock li a:hover{ color: #e1e1e1;}
.artiewsBlock li span{
	display: inline-block;
	font: 300 18px/18px 'Roboto', arial, sans-serif;
	color: #D1D1D1;
	margin: 15px 0 0 5px;
	float: left;
}
.artiewsBlock li.active a{ color: #E88E2B;}
.artiewsBlock li.active span{ color: #D67E28;} 
.gallerListing{ 
	padding: 28px 22px; 
	background-color: #F5F6F7;
	/*border-right: 1px solid #d2d3d5;
  	border-left: 1px solid #d2d3d5;*/
  	height: 100%;
}
.artsListing{
	position: relative;	
	width: 168px;
	margin-bottom: 15px;
	z-index: 5;
	cursor: pointer;
}
.artsListing:last-child{ margin-right: 0;}
.artsImgBlock{
	position: relative;
  	text-align: center;
  	padding: 0 2px;
}
.artsImgBlock a{ display: block;}
.artsImgBlock img{
	display: block;
	max-width: 100%;
	margin: 0 auto;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	-ms-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}
.attachBlock .artsListing{
	float: left;
	margin: 0 10px 10px 0;
} 
.attachBlock .artsListing:last-child{ margin-right: 0;}

.msgSpeakerContent .artsImgBlock .conImg{
	display: block;
	max-width: 100%;
	height: 104px;
	margin: 0 auto;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	-ms-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	background-position: top center !important;
}
.artInfoTextblk{
	margin: 0 auto;
	background-color: #FFFFFF;
	border: 1px solid #CDCCCC;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0px 1px 3px 0px #CDCCCC;
	-moz-box-shadow: 0px 1px 3px 0px #CDCCCC;
 	box-shadow: 0px 1px 3px 0px #CDCCCC;
}
.artInfoText{ padding: 8px 10px;}
.artInfoTextblk .artName{
	display: block;
	font: 700 14px/18px 'Open Sans', sans-serif;
	color: #4D4944;
}
.coleartwork .artInfoTextblk .artName{
	border-bottom: 1px solid #e6e7e8;
	padding-bottom: 8px;
	margin-bottom: 10px;	
}
.artInfoTextblk .artistName{
	display: block;
	font: 600 10px/14px 'Open Sans', sans-serif;
	color: #4D4944;
	margin-bottom: 5px;
}
.artInfoTextblk .artLink{
	display: block;
	font: normal 9px/13px 'Roboto', arial, sans-serif;
	color: #bfbebe;
}
.artLikesBlk{
	padding: 5px 10px 5px;
	border-top: 1px solid #e6e7e8;
}
.artLikesBlk li.artLikes, .artLikesBlk li.artComment, .artLikesBlk li.artPrivacy{ 
	float: left;
	width: 33%;
	text-align: left;
	display: table-cell;
	vertical-align: middle;
}
.artLikesBlk li.artLikes{ /*margin-top: 2px;*/}
.artLikesBlk li.artComment{ text-align: center;}
.artLikesBlk li.artPrivacy{ text-align: right;}
.artLikesBlk li a{ display: inline-block; vertical-align: middle;}
.artLikesBlk li a:hover{opacity: .7;}
.artLikesBlk li .artLikes{
	font: normal 12px/12px 'Roboto', arial, sans-serif;
	color: #C0BFBF;
}
.artLikesBlk li:last-child{ margin-right: 0;}	
.likesIcon{
	float: left;
	margin: 2px 4px 0 0; 
	width: 15px;
  	height: 13px;
}
.likesIcon .likeIco{
	display: block;
	width: 14px;
  	height: 12px;
	background-position: -0px -66px;
}
.likesIcon.likes .likeIco{
	background-position: -170px -50px;
}
.commentIco{ 
	width: 15px;
	height: 15px;
	background-position: -20px -66px
}
.lockIco{ 
	width: 11px;
	height: 15px;
	background-position: -40px -66px;
}
.lockIco.unlockIco{
	background-position: right -50px;
}
.addanotherArt{
	border: 1px solid #CDCCCC;
	margin: 0 auto;
	text-align: center;
	height: 225px;
}
.addanotherArt:hover{ border-color: #dadada;}
.addanotherArt a{
	display: block;
	padding: 70px 0;
}
.addanotherArt .addIco{
	display: block;	
	width: 54px;
	height: 54px;
	margin: 0 auto 5px;
	background-position: 0 -85px;
}
.addanotherArt .lblAdd{
	font: normal 14px/18px 'Roboto', arial, sans-serif;
	color: #CDCCCC;
}
.addanotherArt:hover .lblAdd{ color: #dadada;}
.artSelblock{padding: 20px 0 0 0; text-align: center; width: auto; margin: 0 auto;}
.artSelblock h2{
	font: 24px/28px 'Roboto', arial, sans-serif;
	color: #4D4944;
	margin-bottom: 0;
	display: inline-block;
}
.artSelblock .selectedArts{
	display: inline-block;
	float: right;
	text-align: right;
	font: 28px/32px 'Roboto', arial, sans-serif;
	color: #E78D2A;
	position: absolute;
	right: 25px;
	top: 20px;
}
.selBlock{
	position: absolute;
  	top: 8px;
  	left: 10px;
  	display: block;
  	width: 37px;
  	height: 37px;
  	border: 2px solid #CECECD;
  	border-radius: 50px;
  	cursor: pointer;
}
.selBlock .SelectIco{
	display: block;	
  	width: 17px;
  	height: 13px;
  	margin: 12px auto;
  	background-position: -146px -100px;
}
.selectedArt .selBlock{
	border: 2px solid #DC8429;
	background-color: #DC8429;
}
/* @end */

/* @group FancyBox*/
.popup	h4{
	font: 700 16px/20px 'Open Sans', sans-serif;
	color: #4D4944;
	margin-bottom: 0;
}
.popup	h5{
	font: 400 12px/17px 'Open Sans', sans-serif;
	color: #4D4944;
	margin-bottom: 10px;
}
.privacyBlock{
	border-top: 1px solid #4D4944;
  	padding-top: 20px;
  	text-align: center;
  	margin: 0 auto;
}
.privacyBlock strong{
	display: inline-block;
	font: 400 14px/18px 'Open Sans', sans-serif;
	color: #4D4944;
}
.deletText span, .privacyBlock span{
	font: 400 14px/18px 'Open Sans', sans-serif;
	color: #E88E2B;
}
.privacyBlock .privacyBtn{ float: none;}
.privacyBlock .privacyBtn .button-wrap,  .privacyBlock .privacyBtn .button-wrap-One{
	width: 90px;
  	cursor: pointer;
  	margin: 25px auto 30px;
}
.privacyBlock .privacyBtn .button-bg{ background-color: #f1f1f2;}
.privacyBlock .privacyBtn .button-switch{
	width: 43px;
	height: 43px;
	background: #f1f1f2 url('../images/sprite/icons.png') no-repeat;
	background-position:  -104px -92px;
}
.privacyBlock .privacyBtn .button-active .button-bg{ background-color: #ed1c24;}
.privacyBlock .privacyBtn .button-active .button-switch{
	left: 45px;
	background-color: #f1f1f2;
	background-position: -61px -92px;
}
.likepopUp h4{
	margin-bottom: 0px;
	padding-bottom: 10px;
	border-bottom: 1px solid #4D4944;
}
.conPopup h4{
	margin-bottom: 20px;
}
.emailFild{
	border: 1px solid #d1d3d4;
	background-color: #fff;
	border-radius: 5px;		
}
.emailFild:hover{ border: 1px solid #8C8C8C;}
.emailFild:focus{
	outline: 0;
	border: 1px solid #E78D2A !important;
}
.emailFild:focus{
	outline: 0;
	border: 1px solid #E78D2A !important;
}
.conPopup .emailFild .multiple_emails-input{ border: 0; outline: 0;}
.likepopUp .connectList article:last-child{ border: 0;}
.likepopUp .connectImgBlock{ margin: 10px; width: 42px; height: 42px;}
.likepopUp .connectImgBlock .conImg{
	width: 36px;
	height: 36px;
	background-size: 36px 36px
}
.likepopUp .conUserInfo{
	margin-top: 15px;
}
.likepopUp .conUserInfo h3{
	font: 400 15px/15px 'Open Sans', sans-serif;
	color: #4D4944;
	border-bottom: 0px;
	margin-bottom: 0;
	text-transform: capitalize;
}
.likepopUp .addLinkbock .conTypes{
	font: 400 12px/16px 'Open Sans', sans-serif;	
	color: #4D4944;
}
.likepopUp .conUserData .primBtn{
	margin-top: 20px;
}
.noresultfoundsec{
	/*position: relative;
	width: auto;	
	height: 100%;*/
	margin: 0 auto;
	text-align: center;
	min-height: 800px;
}
.noresultfoundsec .noresultblock{
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
}
.noresultfoundsec .noResultfoundText{
	font: 300 14px/18px 'Roboto', arial, sans-serif;
	color: #D1D3D4;
	margin-bottom: 0;
}
.noresultfoundsec .noResultfoundText span{
	display: block;
}
/* @end*/

/* @group SearchBlock */
.searchBlock{ 
	padding: 12px 8px 12px; 
	position: relative; 
	background-color: #F5F6F7;	
}
.galleryBlock .bottomShadow{
	-webkit-box-shadow: -0 4px 6px 0px #D1D1D1;
  	-moz-box-shadow: 0 4px 6px 0px #D1D1D1;
 	box-shadow: 0	 4px 6px 0px #D1D1D1;
}
.msgAsideHead .searchBlock{padding: 0; background: transparent;}
.searchBlock .srchInput{
	width: 100%;	/*width: 96.314%;*/
  	padding: 5px 15px;
  	color: #BCBEC0;
  	font: 300 15px/15px 'Open Sans', sans-serif;
  	border: 1px solid #DEDEDD;
  	border-radius: 8px;
}
.searchBlock input.searchBtn{
	width: 16px;
  	height: 16px;
  	display: block;
  	position: absolute;
  	right: 25px;
  	top: 20px;
  	background-position: -0px -145px;
  	cursor: pointer;
  	border: 0;
}
.serResulttext{
	font: 300 15px/15px 'Open Sans', sans-serif;
	color: #BCBEC0;
	border-top: 1px solid #DEDEDD;
	padding: 15px 15px;
}
.seaResultblock .lblyourGallery{
	display: block;
	font: 400 13px/17px 'Roboto', arial, sans-serif; 
	padding: 5px 0px 5px 25px; 
	color: #fff;
	background-color: #D1D3D4;
	z-index: 1;
	text-transform: uppercase;
}
.artInfoTextblk .colleDtl{
	border-top: 1px solid #e6e7e8;
	padding: 10px;
} 
.artInfoTextblk .colleDtl .colViewlink{
	font: 400 10px/14px 'Open Sans', sans-serif;
	color: #E88E2B;
}
.artInfoTextblk .otherColdtl{
	border-top: 1px solid #e6e7e8;
	padding: 5px 10px;
}
.artInfoTextblk .otherColdtl .colViewlink{
	display: block;
	font: 400 10px/14px 'Open Sans', sans-serif;
	color: #E88E2B;
}
.otherColdtl .outerimgSec{
	width: 30px;
	float: left;
}
.otherColdtl .imgSec{
	width: 30px;
	height: 40px;
	text-align: center;
	font: 0/0 a;
}
.otherColdtl .imgSec:before{
	content: ' ';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
.otherColdtl .otherImgblock{
	position: relative;
	width: 28px;
	height: 28px;
	border: 1px solid #D8D8D8;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	overflow: hidden;
	  margin: 0 auto;
  display: inline-block !important;
  vertical-align: middle;
}
.otherColdtl .otherImgblock .userImg{
	display: block;
	position: absolute;
	left: 1px;
	top: 1px;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	overflow: hidden;
	background-size: 100%;
	margin: 0 auto;
	display: inline-block !important;
	vertical-align: middle;
}
.otherColdtl .othInfoblock{
	float: none;	
	padding: 0 0 0 35px;
  	text-align: left;
}
.othInfoblock .othInfo{
	display: block;
	width: auto;
	height: 40px;
	text-align: left;
	font: 0/0 a;
}
.othInfoblock .othInfo:before{
	content: ' ';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
.othInfoblock .othInfo .othdtl{
	width: auto;
	max-height: 40px;
	display: inline-block !important;
  	vertical-align: middle;
}
.otherColdtl .othInfoblock .userName{
  	font: 400 10px/14px 'Open Sans', sans-serif;
  	color: #C0BFBF;
  	
}
.attachBlock .artInfoTextblk .otherColdtl{ padding: 0 8px;}
/* @end */

/* @group filter */
.filterBlock{
	padding: 8px 20px 6px 20px;
	border-top: solid 1px #edeff0;
}
.filterBlock li{ float: left; text-align: left}
.filterBlock li a{  
	/*width: 75px;*/
	font: 300 15px/19px 'Roboto', arial, sans-serif; 
	margin-right: 45px;
	color: #BCBEC0;
	display: inline-block;
}
.filterBlock li a:hover{ color: #cbccce;}	
.filterBlock li:last-child{ margin-right: 0;}
.filterBlock li.newestFiltr a, .filterBlock li.oldestFiltr a{
	/*width: 158px;*/
	font: 400 15px/19px 'Roboto', arial, sans-serif; 
	color: #E88E2B;
	text-align: left;
}
.filterBlock li.newestFiltr a i{
	font-weight: 300;
}
.filterBlock li.titleFiltr a{ /*width: 65px;*/}
.filterBlock li.artistFiltr a{ /*width: 75px;*/}
.filterBlock li.privacyFiltr a{ width: auto;}
.filterBlock li .newestIco, .filterBlock li .oldestIco, .filterBlock li .newestIco2, .filterBlock li .oldestIco2{
	width: 9px;
	height: 16px;
	display: inline-block;
	margin-left: 8px;
}
.filterBlock li .newestIco.active { background-position: -52px -145px;}
.filterBlock li .newestIco{ background-position: -40px -145px;}

.filterBlock li .oldestIco.active{ background-position: -64px -145px;}
.filterBlock li .oldestIco{ background-position: -78px -145px;}
/* @end*/

/* @group navigation*/
 .mcdActive{
	/*background-color: #E6E7E7;*/
}
 .navIcon{
	background-position:-0px -174px;
}

/* @end */

/* @group connection */

.msgAsideHead .searchconnetField, .msgAsideHead .searchBlock .srchInput{
  width: 98%;
  background-color: #3D3935;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border: 0;
  font: 300 15px/18px 'Open Sans', sans-serif;
  color: #DEDEDD;
  padding: 5px 10px;
  box-shadow: 0 0 6px rgba(255, 255, 255, .2);
  border: solid 1px #3D3935;
}
.msgBox .msgAsideHead .searchBlock .srchInput{
	max-width: 93.5%;
}
.connectList .inputPad{margin:31px 0 25px 29px; position: relative;}
.checkbox > input{
  /*display: none;*/
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  z-index: 1;
}
.checkbox label span{
  display          : block;
  width            : 19px;
  height           : 19px;
  background       : #FFFFFF;
  border: solid 1px #333333;
  position: relative;
}

.selectedCon.checkbox label span:after{
  content     : ' ';
  display     : block;
  width:19px;
  height: 19px;
  border: solid 1px #FF9933 ;
  background: url("../images/checkboxclick.png") no-repeat center center;
  position: absolute;
  left: -1px;
  top: -1px;
}

input[type=radio]:not(old):checked +  label > span > span{
  display          : block;
  width            : 0.5em;
  height           : 0.5em;
  margin           : 0.125em;
}
.connectContent .addContainer{padding-top: 17px; padding-bottom:17px;}
.messageConnection{border: solid 1px #CCCCCC;height:100%;}
.msgCount .connectNo{
	color:#D67E28;
	height: 28px;
	font: 600 28px/20px 'Open Sans', sans-serif;
	}	
.container .newMessage{display:block;}	
.newMessage .userHead{
	padding: 81px 20px 12px 23px;
	border-bottom:1px solid #a5a19f;	
}

.messageAside .asideHeight{height:730px;}
.fwdMsgContent .newMsgContentHeadTop{border: 0;}
.newMsgHeight{/*height:479px;*/ overflow: hidden;}
 .messageTextArea{
	margin: 0px;
    height: 100%;
    width: 75%;
}	
.fwdMsgContent textarea{
	font: 400 13px/22px 'Open Sans', sans-serif;
	border: 0;	
	color: #4D4944;
	background-color: transparent;
}
.newMessage .fwdMsgContent textarea{
	background-color: #F7F9FA;
}
.newMessage .fwdMsgContent{
	box-shadow:0px 0px 7px rgba(0, 0, 0, .3);
	-moz-box-shadow:0px 0px 7px rgba(0, 0, 0, .3);
	-webkit-box-shadow:0px 0px 7px rgba(0, 0, 0, .3);
}
/* @end */

/* @group deletBlock*/
.deletBlock{
	width: 237px;
	height:100px;
	background-color:#ECEAE9 ;
	padding:10px 10px 10px 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.deletText{
	font: 400 17px/21px 'Open Sans', sans-serif;
	color: #000000;
}

.deletBoxText{
	text-align:center;	
	padding: 10px 10px 10px 10px ;
}
.mainWrap .newMessage{background: #8e867e; width: 96.5%; height: 100%; margin: 0 0 0 10px;}
.newMessage .poopEditColor{background-color:#FFFFFF;}
.mesageHeading h2{color:#fff !important;margin-bottom:0px;}
.messageBorder{border:1px solid #ccc;}
.addMessageBlock{float: left;}
.crossImage{
	width: 34px;
	height: 34px;
	background-position: -146px -175px;
	display:block;
	cursor: pointer;
}
.addmessagePad{padding: 81px 30px 11px 29px;}
.msagBlockBorder{border-bottom: 1px solid #CCCCCC;}
.imagePadding{padding: 20px 20px 20px 45px;}
/* @end */

/* @group add message form */

.messageForm{
	padding:30px 0  0 20px;
	border-right:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	height: 100%;
	margin-bottom: -200px;
	padding-bottom: 200px;
}
.messageForm form{margin-bottom:42px;}
.messageForm dl{margin-bottom:21px;}
.messageForm dd{float: left;width: 480px;}
.proDtlblock dt, .messageForm dt{
	float:left;
	font: 400 16px/20px 'Open Sans', sans-serif;
	color:#838484;
	width: 140px;
	padding: 10px 0 0 0 ;
}
.proDtlblock dt{ margin-bottom: 0;}
.proDtlblock dd{
	padding-left: 140px;
	width: 77.6%;/**/ 
}
.proDtlblock .btnBlock{
	width: 100%;
	padding-left: 0;
}
.btnBlock .btnLcol{
	float: left;
	display: table-cell;
}
.btnBlock .resetLink{
	vertical-align: bottom;
	margin-left: 10px;
}
.deleteLink{
	display: inline-block;
	float: right;
	margin-top: 22px;
	color: #E88E2B;
	
}
.formStyle{
	display: inline-block;
	float: left;
	font-size: 18px;
	color: red;
}
.messageForm input[type='text']{
	display:inline-block;
	border: 2px solid #CCCCCC;
	width: 464px;
	border-radius:5px;
	font:400 16px/20px 'Open Sans', sans-serif;
	color:#000000;
	padding: 6px 8px;
}
.proDtlblock .defaultForm .mobnoFld .codeFld{
	float: left;
	width: 6.6%;
	margin-right: 5px;
}
.proDtlblock .defaultForm .mobnoFld .mobFld{
	width:83.30%;
	float: left;
}
.passwordFld{
	position: relative;
	display: block;
}
.passwordFld .changStyle{
	position: absolute;	
	display: inline-block;
	right: 15px;
	top: 10px;
	font-size:12px;
	color:#e78d2a;	
}
.messageForm span .inputPswd{width: 464px;}
.mainWrap{height: 100%;}
.wrap{min-height: 100%;}
.width768{height: 100%;}
.addMsghead{box-shadow:none;}
.addmsdWidth{max-width: 100% !important;}
.changPswd{
	width: 395px;
	background-color:#ECEAE9;	
	padding:14px 12px;
	border-radius:10px;
}
/*.changPswd input[type='text'],input[type='password']{
	display:inline-block;
	border: 2px solid #CCCCCC;
	width: 365px;
	border-radius:5px;
	font:400 16px/20px 'Open Sans', sans-serif;
	color:#000000;
	padding: 6px 8px;
	background:transparent;
	background-color: #fff;
}*/
.changPswd dl{margin-bottom:14px;}
.pswdHead{
	font:400 17px/24px 'Open Sans', sans-serif;
	color:#000;
	text-align:center;
}
.popupHeading{
	padding: 10px 10px 10px 0px;
	border-bottom:1px solid #000;
	margin-bottom:15px;
}
.centerButtn{padding:0 140px 0 120px;}
.successNote{
	font:400 12px/21px 'Open Sans', sans-serif;
	color:#33CC33;
}
.successNote .successIco{
	display: inline-block;	
	width: 12px;
	height: 10px;
	margin-right: 5px;
	background-position: -8px -326px;
}

/* @end */

/* @group linked account */
.linkBlock{padding: 10px 1px 5px 20px;}
.linkBorder{
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
.linkInfo{
	padding: 30px 0 0 20px;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
.linkBlock span{
	font: 400 16px/20px 'Open Sans', sans-serif;
	color:#CCCCCC;
}
.linkdaccount{
	width: 70px;
	height: 70px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border: 1px solid #D8D8D8;
	position: relative;
	float: left;
	margin: 5px 20px;
	overflow: hidden;
}

.linkImgBlock{
  width: 70px;
  height: 70px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border: 1px solid #D8D8D8;
  position: relative;
  float: left;
  margin: 5px 20px;
  overflow: hidden;
}
/* @end */

/* @group My Group */
.rightsideBlock{
	width:50%;
	float: left;
	padding:0 0 0 0;
}
.leftsideBlock{
	width:50%;
	float: left;
	padding:0 0 0 0;
	
}
.connectContent article{border-bottom:1px solid #ccc;}
.rightsideBlock article{border-right:1px solid #ccc;}
.imgPadding{ margin: 10px 28px !important;}
/* @end */
.PositionDiv{
	position:absolute;
	top: -1000px;
	width: 100%;
	z-index: 999;
}

/* @group Registration */
.regWrap{
	width: 350px;
	float: left;
	background-color: rgba(225, 225, 225, 0.9);
}
.regWrapPad{
	padding: 100px 30px 30px;
	position: relative;	
}
.signUpForm{
	position: absolute;
	top: 0;
}
.dblRegLogo{
	display: inline-block;
	margin-bottom: 10px;
}
.loginLinkList li{margin-bottom: 10px;}
.loginLinkList li.signInEmail{
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #DB8735;	
}
.loginLinkList li:last-child{margin-bottom: 0;}
.loginLinkList li a{
	display: block;
	background-color: #3B589E;
	border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 4px 6px #C3C3C3;
	-moz-box-shadow: 0 4px 6px #C3C3C3;
	-webkit-box-shadow: 0 4px 6px #C3C3C3;
}
.loginLinkList li a.twLinkBox{
	background-color: #4BB3E6;	
}
.loginLinkList li a.emailLinkBox{
	background-color: #8C847D;	
}
.loginLinkList li a.signupLinkBox{
	background-color: #DC8429;
	text-align: center;
	padding: 15px;
	font: 600 15px/15px 'Open Sans', sans-serif;
	color: #fff;
}
.loginLinkList li span.logLinkPad{
	padding: 5px 10px;
	display: block;
}
.loginLinkList li span.icon{
	width: 22px;
	height: 22px;
	float: left;
	display: block;	
	margin: 5px 8px 0 0;
}
.loginLinkList li span.fbLogIcon{background-position: -120px -215px;}
.loginLinkList li span.twLogIcon{background-position: -145px -215px;}
.loginLinkList li span.emailLogIcon{background-position: -170px -215px;}
.loginLinkList li span.logLinkTxt{
	font: 600  15px/15px 'Open Sans', sans-serif;
	color: #fff;
	display: block;
	float: left;
	padding: 10px;
	border-left: 1px solid #2E418E;		
}
.loginLinkList li a.twLinkBox span.logLinkTxt{ border-color: #3EA2D3;}
.loginLinkList li a.emailLinkBox span.logLinkTxt{ border-color: #79726B;}
.loginLinkList li a:hover{background-color: #50679D;}
.loginLinkList li a.twLinkBox:hover{background-color: #72BEE4;}
.loginLinkList li a.emailLinkBox:hover{background-color: #989695;}
.loginLinkList li a.signupLinkBox:hover{background-color: #E69751;}	
.regPage{
	/*background: url("../images/register-bg.jpg") no-repeat;*/
	background-size:cover;
}
.regForm dl{margin-bottom: 15px;}
.regForm dl:last-child{margin-bottom: 0;}
.regForm label{
	font: 400 14px/14px 'Open Sans', sans-serif;
	color: #58595B;
	margin-bottom: 3px;
}
.regForm input[type='text'], .regForm input[type='password'], .regForm textarea, .regForm input[type='number']{
	font: 400 19px/19px 'Roboto', arial, sans-serif;
	border: 1px solid #939496;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	width: 268px;
	padding: 8px 10px;
	background: transparent;
	color: #484742;
}
.regForm .pwdBlock input[type='password'], .regForm .pwdBlock input[type='text']{
	width: 198px;
	padding-right: 80px;
}
.regForm input[type='text']:focus, .socialAccForm input:focus, .regForm input[type='password']:focus, .regForm textarea:focus, .regForm input[type='number']:focus, .mobField:focus input[type='number']{
	border-color: #E78D27 !important;
}
.mobField input[type='number'].areaCode{
	width: 25px; 
	float: left;
	border-radius:5px 0 0 5px;
	-moz-border-radius:5px 0 0 5px;
	-webkit-border-radius:5px 0 0 5px;
	padding-left: 30px;
	background: url('../images/plus-icon.png') no-repeat 9px 14px;
	position: relative;
	z-index: 0;
}
.mobField input[type='text'].mobNo{
	width: 201px; 
	float: left;
	border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	position: relative;
	z-index: 0;
	margin-left: -1px;
}
.mobField input[type='number'].areaCode:focus, .mobField input[type='number'].mobNo:focus{z-index: 1;}
.bigOrgBut{	
	background-color: #DC8429;
	text-align: center;
	padding: 15px;
	font: 600 15px/15px 'Open Sans', sans-serif;
	color: #fff;
	border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 4px 6px #C3C3C3;
	-moz-box-shadow: 0 4px 6px #C3C3C3;
	-webkit-box-shadow: 0 4px 6px #C3C3C3;
	border: none;
	display: block;
	width: 100%;
	cursor: pointer;
}
.signUpForm{
	position: relative;
}
.signUpForm a.closeBtn{
	position: absolute;
	width: 27px;
	height: 27px;
	display: block;
	background-color: #BCBEC0;
	background-position: -57px -232px;
	border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	right: 0;
	top: -140px;
}
.signUpForm a.closeBtn:hover{background-color: #4d4944;}
.bigOrgBut:hover{background-color: #E69751;}
.pwdBlock{
	position: relative;
}
.pwdBlock .showpwd{
	position: absolute;
	right: 10px;
	top: 10px;
}
.showpwd input[type='checkbox']{
	/*display: none;*/
	opacity: 0;
	width: 60px;
	height: 20px;
	position: absolute;
	right: 0;
	top: 4px;
	z-index: 1;
}
.showpwd label{
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 30px;
	padding-left: 10px\9;
	line-height: 20px;
	color: #939598;
}	
.showpwd label:before{
	content: "";
	display: inline-block;
	width: 9px;
	height: 9px;
	margin-right: 10px;
	position: absolute;
	left: 0;
	display: none\9;
	width: 19px;
	height: 19px;
	color: #cecfd9;
	font-size: 19px;
	text-align: center;
	line-height: 9px;
	border: 1px solid #939496;	
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
}
.showpwd input[type=checkbox]:checked + label:before {  
    content: "";
    background:  url('../images/sprite/check-ico-hover.png')no-repeat 5px 5px; 
    color: #f3f3f3;  
    text-align: center;  
    line-height: 12px;  
}
.verifyTxt{margin-bottom: 30px;text-align: center;}
.verifyTxt strong{
	font: 400 14px/14px 'Open Sans', sans-serif;
	color: #4D4944;
}
.verifyTxt strong span{color: #E78D27;}
.verifyTxt.error strong{color: #ED1C24}
.codeBlock{text-align: center;}
.verSendLink a{
	font: 400 14px/14px 'Open Sans', sans-serif;
	color: #E78D27;
}
.verSendLink a:hover{color: #2a3d51;}
.codeBlock .formContainer{
	width: 415px;
	margin: 0 auto 35px;
}
.codeBlock input[type=number], .codeBlock input[type=text]{
	float: left;
	margin-right: 15px;
}
.codeBlock input[type=number]:last-child, .codeBlock input[type=text]:last-child{margin-right: 0;}
.codeBlock input[type=number], .codeBlock input[type=text]{
	font: 400 45px/45px 'Roboto', arial, sans-serif;
	padding: 40px 0;	
	width: 90px;
	background-color: #ECEAE9;
	color: #4D4944;
	text-align: center;
	border: 0;
}
/* @end */

/* @group SocialInfo block*/
.socialInfoblock{
	position: absolute;
	right: 19%;
	top: 0px;
	width: 223px;
  	height: 27px;
	background-color: #C0BFBF;
	padding: 16px 25px;
	z-index: 1;
	opacity: 1;
}
.socialInfoblock .socialInfologo{
	display: block;
	float: left;
  	width: 70px;
  	height: 20px;
  	margin-top: 3px;
  	margin-right: 20px;
}
.socialInfoblock .socialsBlock	.socialsItem{
	float: left;
	margin-right: 26px;
}
.socialInfoblock .socialsBlock{
	float: right;
}
.socialInfoblock .socialsBlock	.socialsItem:last-child{ margin-right: 0;}
.socialsBlock .socialsItem .socialsLink{	
	width: 27px;
	height: 27px;
	display: block;
	border-radius: 50%;
	text-indent: -9999px;
	background-color: #C0BFBF;
}
.socialsBlock .socialsItem .socialsLink:hover{
	background-color: #DEDEDD;
}
.socialsBlock .socialsItem .socialsLink.icofacebook{
	background-position: -70px -270px;
}
.socialsBlock .socialsItem .socialsLink.icotwitter{
	background-position: -105px -270px;
}
.socialsBlock .socialsItem .socialsLink.icoemail{
	background-position: -140px -270px;
}
/* @end*/

/* @group Linked Account */

.borderWrap{
	border-right: 1px solid #eeeeef;
  	border-left: 1px solid #eeeeef;
  	background-color: #fff;
}
.addActSearch{
	position: relative;
	border-bottom: 1px solid #eeeeef;
}
.addActSearch input{
	border: none;
	width: 97.916666666666%;
	padding: 7px 1.041666666667% 4px 1.041666666667%;
	font: 400 16px/19px 'Open Sans', sans-serif;
 	color: #BCBEC0; 
}
.addActSearch .fwdUserIcon{
	position: absolute;
	margin: 0;
	position:absolute;
	right: 15px;
	top: 4px;
}

.linkedAccBlock{
	width: 168px;
	height: 168px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border: 1px solid #D8D8D8;
	position: relative;
	overflow: hidden;
	margin: auto;
}
.linkedAccBlock .conImg{
	display: block;
	width: 154px;
	height: 154px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	overflow: hidden;
	position: absolute;
	left: 7px;
	top: 7px;
	background-position: left top;
}
.linkedAccContent{
	padding: 35px 64px;
}
.linkedAccount{
	float: left;
	margin-right: 50px;
	margin-bottom: 50px;
	text-align: center;
}
.linkedAccount:nth-child(4n+4){
	margin-right: 0;
}
.linkedAccount strong{
	font: 600 16px/22px 'Open Sans', arial, sans-serif;
	color: #4D4944;
	display: block;
	margin-top: 10px;
}
.linkedAccount span{
	font: 400 13px/16px 'Open Sans', arial, sans-serif;
	color: #4D4944;
	display: block;
}
.accountLink{
	display: block;
	margin: auto;
	width: 32px;
	height: 15px;
	background-position: -120px -305px;
}
.accountLink:hover{
	opacity: .8;
}
.conUserData .accountLink{
	margin: 23px 0 0 10px;
}
.linkAccNote {
	text-align: center;
	max-width: 500px;
	width: 100%;
	margin: 20% auto 0 auto;
}
.linkAccNote strong{
	font: 600 13px/16px 'Open Sans', arial, sans-serif;
	color: #4D4944;
}
.linkAccNote p{
	font: 300 13px/19px 'Open Sans', arial, sans-serif;
	color: #4D4944;
}
.facebookIcon{
	background-position: -67px -326px;
	width: 62px;
	height: 61px;
	display: block;
	margin: auto;
}
.twitterIcon{
	background-position: -137px -326px;
	width: 62px;
	height: 61px;
	display: block;
	margin: auto;
}
.tweeterForm, .facebookForm{
	display: none;	
}
.currentLink .tweeterForm, .currentLink .facebookForm{
	display: block;
}
.socialBlock{
	float: left;
	width: 43.5%;
	padding: 25px 0 30px;
}
.facebookBlock{
	border-right: solid 1px #e5e7e9;	
	padding-right: 6%;
}
.facebookIconBlock > span, .twitterIconBlock > span{
	font: 400 16px/19px 'Roboto', arial, sans-serif;
	display: block;
	color: #4D4944;
	text-align: center;
	margin-top: 10px;
}
.twitterBlock{
	/*padding: 25px 0 30px 70px;*/
	padding-left: 6%;
}
.socialAccounts{
	margin-top: 45px;
}
.socialAccForm dl dt > label{
	font: 300 16px/19px 'Roboto', arial, sans-serif;
	color: #838484;
}
.socialAccForm dl{
	margin-bottom: 20px;
}
.socialAccForm dl dt {
	margin-bottom: 5px;
}
.currentLink .twitterIconBlock, .currentLink .facebookIconBlock{
	display: none;
}
.socialAccForm input[type='text'], .socialAccForm input[type='password']{
	display:inline-block;
	border: 1px solid #d1d3d4;
	width: 275px;
	border-radius:5px;
	font:400 16px/21px 'Open Sans', sans-serif;
	color:#000000;
	padding: 6px 8px;
	background:transparent;
}

.facebookBlock .greyBtn{
	box-shadow: none;
	font: 400 11px/13px 'Roboto', arial, sans-serif;
	padding: 7px 30px;
	width: auto;
	float: right;
	clear: right;
	margin-right: 5px;
}
.twitterBlock .greyBtn{
	box-shadow: none;
	font: 400 11px/13px 'Roboto', arial, sans-serif;
	padding: 7px 30px;
	float: left;
	clear: left;
	margin-left: 6px;
	
}
.facebookIconBlock, .twitterIconBlock{
	width: 100px;
	text-align: center;
}

.deleteArtwork{
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #d9dbdd;
}
.deleteArtwork a{
	display: inline-block;
}
.deleteArtwork span{
	font: 400 18px/22px 'Roboto', arial, sans-serif;
  	color: #868686;
  	display: block;
  	padding: 4px 6px 4px 35px;
}
.deleteArtwork a:hover i, .deleteArtwork a:hover span{
	opacity: .7;
}
/* @end*/


/* @group Universal Error */

	.universalError{
		border-style: solid;
		border-color: #ED1C24;
		border-width: 12px 2px 2px 2px;
		background-color: #fbfcfc;
		-webkit-border-bottom-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
		width: 435px;
		height: 80px;
		margin: auto;
		text-align: center;
		padding: 25px 0 28px 0;
		position: absolute;
		left: 0;
		right: 0;
		top: 56px;
		bottom: auto;
		z-index: 1;
		display: none;
	}
	.universalError h5{
		font:600 18px/21px 'Open Sans', sans-serif;
		color: #ED1C24;
		text-align: center;
		margin-bottom: 20px;
	}
	.universalError a{
		margin: auto;
	}

/* @end*/

/*@group password screen*/
.passwordScreen .typesAdd{
	position: relative;
	height: 340px;
}
.passwordScreen .typesAdd .addContainer{
	position: absolute;
	left: 0;
	right: 0;
	top: 20%;
}
.pwdPage{background-color:#FFFFFF;}
.passHead{
	padding: 65px 0 25px;
	border-bottom: 1px solid #BBBDBF;
	background-color: #F3F5F7;
	text-align: center;
}
.passHead h2{
	font: 600 35px/39px 'Open Sans', sans-serif;
	color: #4D4944;
	margin-bottom: 5px;
}
.passHead p{
	font: 600 12px/16px 'Open Sans', sans-serif;
	color: #4D4944;
	margin-bottom: 0;
}
.passwordScreen .addContainer{
	width: 360px;
	margin: 0 auto;
	text-align: center;
}
.passwordScreen .addContainer p{
	font: 300 11px/18px 'Open Sans', sans-serif;
	color: #BCBDC0;
	margin-bottom: 0;
}
.passwordScreen .addContainer .passSetp, .passwordScreen .addContainer .galpvtSetting{
	width: 200px;
	margin: 0 auto 55px;
}
.passwordScreen .addContainer .galpvtSetting{ margin-bottom: 10px;}
.passwordScreen .defaultForm input[type="text"], .passwordScreen .defaultForm textarea, .passwordScreen .defaultForm input[type="number"], .passwordScreen .defaultForm input[type="password"]{
	width: 89.9%;
	border: 1px solid #D1D3D4;
	text-align: center;
}
.passwordScreen .addContainer h6{
	font: 14px/18px 'Open Sans', sans-serif;
	color: #4D4944;
	margin-bottom: 12px;
}
.passwordScreen .privacyBlock{
	padding: 0;
	border: 0;
}
.passwordScreen .privacyBlock .privacyBtn .privacyLbls{
	float: left;
	width: 45px;
	display: block;
}
.passwordScreen .privacyBtn  .privacyLbls span{ color: #C0BFBF;font-size: 12px;line-height: 12px;}
.passwordScreen .privacyBlock .privacyBtn .lblPublic{ width: 42px; margin: 15px 10px 0 0; }
.passwordScreen .privacyBlock .privacyBtn .lblPrivate{ width: 45px; margin: 15px 0 0 10px;}
.passwordScreen .privacyBlock .privacyBtn .button-wrap{ float: left; margin: 0;} 
.passwordScreen .privacyBlock .privacyBtn .button-bg{ background-color: #67BD59;}
.passwordScreen .privacyBlock .privacyBtn .button-active .button-bg{ background-color: #ed1c24;}
/*@end*/