@import url(//fonts.googleapis.com/css?family=PT+Sans:400italic,400,800,300,600,700);
@import url(//fonts.googleapis.com/css?family=PT+Sans+Narrow:400italic,400,800,300,600,700);



html, body.store	{ width:100%;height:100%;margin:0;padding:0 }
body,
.bodyNoPanel
{			
	margin:0;
	padding:0;
	font-size:20px;
	direction:ltr;
    font-family:'PT Sans', sans-serif;
}

html.noScroll{
    overflow:hidden;
}
html.noScroll body{
    overflow:hidden;
    height:100%;
}



.pNarrow{
    font-family:'PT Sans Narrow', sans-serif;
	text-transform: uppercase; 
	letter-spacing:0.08em;
}
body.bodyRTL .pNarrow{
    font-family: 'Open Sans Hebrew Condensed', 'Open Sans Hebrew', sans-serif;
}


.pictimeDialog .pnlDialogBox_Content_dark {
  min-width: 190px;
  min-height: 190px;
    background-color: rgba(255,255,255,0.85);
  border: 1px solid #ddd;
    position: relative;
	color:#888;
	font-size: 16px;
    font-family:'PT Sans', sans-serif;
}

.pnlDialogBox_Content_dark.loading .text{
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 35px;
}

.pnlDialogBox_Content_dark.loading img{
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 26px;
  top: 0;
}


.messagePage .header{
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:80px;
	border-bottom:1px solid #ddd;
}

.messagePage .header img{
    margin-left: 20px;
    margin-top: 5px;
}

.messagePage .title{
	color:#333;
	font-size:24px;
	margin:auto;
	position:absolute;
	left:0;
	top:200px;
	right:0;
	width:350px;
	height:40px;
}

.messagePage .msg{
	color:#888;
	height: 40px;
    font-size: 17px;
	margin:auto;
	position:absolute;
	left:0;
	top:280px;
	right:0;
	width:350px;
    font-family:'PT Sans', sans-serif;
	line-height:30px;
}


.textField{
	text-align: center;
	padding-top: 16px;
	padding-left: 26px;
	padding-bottom: 3px;
	padding-right: 27px;
	height: 50px;
}


.textField input{
    border: 1px solid #dddddd;
	width: 100%;
	height: 100%;
	font-size:15px;
	padding-left: 15px;
	width: calc(100% - 15px);
	text-align:left;
}
.textField input:focus{
    outline:transparent;
	border:1px solid #bbbbbb;
}


.pButton{
    display:inline-block;
    position:relative;
    cursor:pointer;
    text-align:center;
    outline: none;
    border: none;
    color:inherit;
    background-color:inherit;
    font-size:inherit;
	box-sizing: border-box;
}

.pButton > .text{
	margin-left:10px;
}

.p#333333 .pButton:not(.pButtonNaked){
    color: #FFFFFF;
    background-color: #333333;
}
.p#333333 .pButton:not(.pButtonNaked):hover{
    background-color: #888888;
}
.pGray .pButton:not(.pButtonNaked){
    color: #333333;
    background-color: #dddddd;
}
.pGray .pButton:not(.pButtonNaked):hover{
    background-color: #aaaaaa;
}



.pWhite.pButton:not(.pButtonNaked){
    color: #333333;
    background-color: white;
	border:1px solid #333333;
}
.pWhite.pButton:not(.pButtonNaked):hover{
    background-color:#333333;
	color:white;
}

.pWhite .pButton:not(.pButtonNaked){
    color: #333333;
    background-color: white;
	border:1px solid #333333;
}
.pWhite .pButton:not(.pButtonNaked):hover{
    background-color:#333333;
	color:white;
}



.pButtonLarge {
    width:200px;
    height:50px;
    line-height: 50px;
    vertical-align: middle;
    font-size:15px;
    font-weight:400;
}

.pButtonAuto{
	width:100%;
}

.pButtonSmall {
    padding:0 25px;
    height:40px;
    line-height: 40px;
    vertical-align: middle;
    font-size:15px;
    font-weight:400;
}
.pButtonExtraSmall {
    width: 132px;
	height: 36px;
	line-height: 37px;
	vertical-align: middle;
	font-size: 14px;
	font-weight: 400;
}


.pButtonInRow{
    display:inline-block;
    margin:5px;
}

.pButtonSmall.pButtonNaked{
    font-size:13px;
    line-height: 40px;
    vertical-align: middle;
}

.pButtonLarge.pButtonNaked {
    line-height: 40px;
    vertical-align: middle;
}

.pButtonNaked{
    padding:0 5px;
}

.pButtonLink{
    text-decoration:underline;
}

.pButton.selecting:after{
    content:' ';
    position:absolute;
    right:5px;
    top:10px;
    width:20px;
    height:20px;
    background-image:url(resources/sprites/phtsprite.png?r=r41.1);
    background-position:0 -180px;
}


.pTopPanel .pButton{
    margin:0 10px;
}

.pTopPanel .pButton.p#333333 {
    margin:0 5px;
}

.pTopPanel .fwButtons{
    position:absolute;
    top:0;
    right:30px;
    line-height: 70px;
}


.validationError {
color: #FF232B;
font-size: 11px;
padding-top: 4px;
text-align: left;
line-height: 16px;
margin-bottom: 10px;
}

.fieldInvalid.fieldInvalid input{
	border:1px solid #FF232B;
}


/************ Selection Dialogs *****************/


.dialog
{
    display: block;
    z-index: 10002;
    position: absolute;
    background-color: white;
    color: #333333;
}

.dialogOverlay{
	position: fixed;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.90;
    background-color: #BCBCBC;
	z-index:3;
}

.dialogCloseIcon
{
    position:fixed;
    right:24px;
    top:18px;
    width:40px;
    height:40px;
	cursor:pointer;
    background-image:url(./resources/sprites/client.svg?r=27);
    background-repeat:no-repeat;
    background-position:-40px -720px;
}

.dialogClose:hover .dialogCloseIcon
{
    background-position:-80px -720px;
    color:#000000;
}

.dialogContent{
    width: 100%;
    height: 100%;
    position: relative;
}

.dialogContent > .title{
	height:80px;
	line-height:105px;
    border-bottom:1px solid #e5e5e5;
	padding-left: 24px;
	text-align:left;
}

/* new base */
.icon4{
    background-image:url('./resources/sprites/client.svg?r=r41.1');
    background-repeat:no-repeat;
    width:40px;
    height:40px;
    display:block;
}
.icon4Before, .icon4After{
	position:relative;
}
.icon4Before:before, .icon4After:after{
    content:'';
    display:block;
    background-image:url('./resources/sprites/client.svg?r=r41.1');
    background-repeat:no-repeat;
    position:absolute;
    top:0;
    bottom:0;
    margin:auto 0;
    height:100%;
    width:40px;
	height:40px;
}

.icon4Before:before{
    left:0;
}
.icon4After:after{
    right:0;
}

.icon4Before{
    position:relative;
    padding-left:40px;
}

.vAlignWrapper:before{
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}
.vAlignContainer{
    display: inline-block;
    vertical-align: middle;
}



/* gallery selection*/

.gallerySelection .thumbPanel{
    position:absolute;
    top:81px;
    bottom:0;
    right:0;
    left:300px;	
    border-left:1px solid #dddddd;
}
.gallerySelection .thumbPanel.loading,.gallerySelection .thumbPanel.done li{
	pointer-events: none;
}
.gallerySelection .thumbPanel.loading,.gallerySelection .thumbPanel.done .selectionAddLikes{
	pointer-events: none;
}
.gallerySelection .thumbPanel.loading,.gallerySelection .thumbPanel.done .selectionDiscard{
	pointer-events: none;
}
.gallerySelection .thumbPanel .selectionButtons{
    z-index: 1;
    position: relative;
    height:40px;
    font-size:13px;
    font-weight:300;
    color:#aaaaaa;
    border-bottom:1px solid #dddddd;
	padding-left: 5px;
	text-align:left;

}
.gallerySelection .thumbPanel .selectionButtons > a:not(.largeSize):not(.normalSize){
	padding-right:20px;
	line-height: 40px;
}
.gallerySelection .thumbPanel .selectionButtons > a:hover{
	color:#333333;
}
.gallerySelection .thumbPanel .selectionButtons .normalSize{
	background-position:-40px -520px;
    height:40px;
    width:40px;
	position: absolute;
	right: 40px;
	top: 0;
}
.gallerySelection .thumbPanel .selectionButtons .normalSize:hover{
	background-position:-120px -520px;
}
.gallerySelection .thumbPanel .selectionButtons .largeSize{
	background-position:-40px -560px;
    height:40px;
    width:40px;
	position: absolute;
	right: 10px;
	top: 0;
}
.gallerySelection .thumbPanel .selectionButtons .largeSize:hover{
	background-position:-120px -560px;
}


.gallerySelection .thumbPanel .selectionAddLikes:before,
.gallerySelection .thumbPanel .selectionAddScenes:before{
    background-position:-40px -240px;
    height:40px;
    width:40px;
	margin-top: -11px;
}

.gallerySelection .thumbPanel .selectionAddScenes:before{
    background-position: -40px -200px;
}
.gallerySelection .thumbPanel .selectionAddLikes:hover:before{
    background-position:-120px -240px;
}

.gallerySelection .thumbPanel .selectionAddScenes:hover:before{
    background-position:-120px -200px;
}

.gallerySelection .thumbPanel .selectionAll:before{
	background-position: -40px -962px;
    height:40px;
    width:40px;
	margin-top: -11px;
}
.gallerySelection .thumbPanel .selectionAll:hover:before{
    background-position:-120px -962px;
}

.gallerySelection .thumbPanel .selectionDiscard:before{
    background-position:-40px -480px;
    height:40px;
    width:40px;
	margin-top: -11px;
}
.gallerySelection .thumbPanel .selectionDiscard:hover:before{
    background-position:-120px -480px;
}
.gallerySelection .thumbPanel .selectPhotos{
    position:absolute;
    top:52px;
    bottom:10px;
    left:10px;
    right:10px;
}
.gallerySelection .thumbPanel .noLikesMsg{
  padding: 22px;
  color: #aaa;
}
.gallerySelection .thumbPanel .noLikesMsg.hide{
	display:none;
}
.gallerySelection .selectPhotos .pnlLeft .photoList{
    padding:0;
}


.gallerySelection .thumbPanel .helpPanel {
	padding-left:10px;
	overflow:hidden;
}
.gallerySelection .thumbPanel .longText {
	width:300px;
}
.gallerySelection .thumbPanel .addPhotoPanel .longText {
	width:auto;
}
.gallerySelection .thumbPanel .helpPanel .titleHeader{
padding-bottom: 10px
}
.gallerySelection .thumbPanel .helpPanel .buttons {
	display:block;
	width:100%;
	text-align:left;
	padding:0;
	padding-top:15px;
}
.gallerySelection .thumbPanel .helpPanel p{
	line-height:8px;
}
.gallerySelection .thumbPanel .helpPanel .buttons > .pButton{
	margin-right:10px;
	box-sizing:border-box;
}

.gallerySelection .thumbPanel .helpPanel.addPhotoPanel .buttons {
	margin-top:22px;
}


.gallerySelection .thumbPanel .helpPanel .buttons .cancelButton {
	margin-left:10px;
}



body.store .login .loginCnt,
body.gallery .login .loginCnt {
    overflow-y: hidden;
    overflow-x: hidden;
	height: 620px;
}
body.store .login .loginCnt .logo,
body.gallery .login .loginCnt .logo{
	display:none;
}