/* common properties */
#orderNumber{
	width:80%;
}
.shopStatusLabels-labelCell{ 
  width: 10em;
  padding-right: 5px; 
  padding-left:1em; 
  text-align:right !important;  
}
#shopOrderStatusForm{
	background-color:#d7d7d7;margin-bottom:4em;
}
#newAdminFooter{ 	
    height:30em;
    position:relative;
    bottom:0;      
    width:100%;     
    overflow-x:hidden; 
    font-size:14px;    
    padding-bottom:2em;       
    overflow:hidden;    
}

.mFootercontainerGap { 
                width:100%; 
                margin:auto;
                display:table; 
                z-idex:2000;
            } 
.mFootercontainerGap  .box-rowGap {
    display:table-row;   
} 
.mFootercontainerGap  .box-cellGap {	
    display:table-cell; 
    width:100%;
    text-align:center;
    padding-top:20px; 
    padding-bottom:30px;     
    cursor: pointer; 
    text-decoration: underline;   
} 

.mFootercontainer { 
                width:70%;                 
                display:table; 
                margin:auto;
                opacity: 0.90;
            } 
.mFootercontainer  .box-row { 
    display:table-row;     
} 
.mFootercontainer  .box-cell { 
    display:table-cell; 
    width:30%;      
    padding-top:10px;     
}

.ftext{
 cursor: pointer;
 width:100%;
 text-align:center;	
}
.holder {
  width:100%;
  text-align:center; 
  margin-top:0.7em;   
  margin-bottom:1em;
}

.holder img {
  display: inline-block;
  margin-left: auto;
  margin-right: auto; 
     
}
tr.order-details td {
  border-bottom: 1px dotted black;   
}
#buttonid123{
	width:6em;
}
#buttonid123456{
	width:6em;
}
#buttonid12345{
	width:6em;
}
#buttonid2122{
	width:6em;
}
.pumposh{
	margin:0;
    padding:0;
    font-family:Times New Roman;
    background-repeat: no-repeat; 
    overflow:hidden;
}
#switchDiv{
	position:absolute !important;	
    left:21em;   
    cursor:pointer;
	top:0.5em;
	z-index:1500;
}

#helpDialog{	  
    width:65em;      
}

#paymentInfoDialog{
	width:40%;	
	margin-top:-20px;
	text-align:center;
}
#contactFormDialog12{
	width:40%;
	border-color:black;
}
#supplierContactFormDialog12{
	width:40%;
	border-color:black;
}
#contactForm{
  background-color:#d7d7d7;margin-left:-3px;width:99%;min-height:24em;	
}
#supplierContactForm{
 background-color:#d7d7d7;margin-left:-3px;width:99%;min-height:24em;		
}
.contactFormFields{
 width:100%;height:2em;margin-top:12px;padding:8px 0px 0px;	
}
#contacttextarea{
 width:100%;height:12em !important;margin-top:2px;padding:8px 0px 0px;	
}
#textareaSupp{
 width:100%;height:12em !important;margin-top:2px;padding:8px 0px 0px;	
}
.icon{	
	vertical-align:middle !important;	
}
#searchButtonShop{
	width:6em;	
}
.delConfirm{
	background-color:#d7d7d7;color:black;width:23em;height:10em;text-align:center;border:1px;font-size:14.5px;font-weight:bold;
}

#adminBtn{	       
    font-weight: bold;    
    width:5.5em;    
}
#pStandby{	
	width: 150px;
    height: 150px;    
    margin: auto;    
    border-spacing: 5px;
    position: relative;
    display: table;
    
}
#pStandby div{	
	margin-top:10.5em;
    width: 125px;
    height: 125px;
    border: 1px solid #000;
    box-sizing: border-box;
    border: 3px solid #000000;
    border-radius: 50%;
    background-color: #000000;       
 }
.pumposh .dijitToggleButton .dijitButtonNode{	
    font-size:16px; 
    color: #ffffff; 
    font-weight: bold; 
    background-color:#000000;    
    vertical-align: middle;
    line-height: normal;   
    border:1px;
    font-family: Times New Roman;    
}	
.pumposh .dijitTab{
	font-size:12px; 	
    color: #ffffff; 
    font-weight: bold; 
    background-color:black; 
    left :0px;     
    width:12em;  
}	
.dojoxColorPickerPoint {
	position:absolute;
	width:20px; 
	height:20px;
	border:0;
	z-index:3; 
	cursor:move; 
}
.dojoxHuePickerPoint {
	position:absolute;
	top:0; left:0;
	width:30px;
	height:12px;
	z-index:3; 
	cursor:move;
}
.dojoxHuePickerUnderlay {
	position:relative;
	top:0; left:0;
	height:150px;
	width:30px;
	z-index:1;
	text-align: center;
}

#login{
	width:7em;
}
#resetUser{
	width:9em;
}
#validateCode{
	width:9em;
}
#resetPass{ 
	width:10em;
}
#createShop{ 
	width:9em;
}
#menuDialogue{
	outline:none;width:20em;height:auto;
}
.spanMenu{
	font-size:14px;font-weight:bold;margin-right:-5px;
}
.dijitDialogPaneActionBar{
	text-align:center !important;
}
.dijitTableLayout label {
	        font-size:13px;
			font-weight:bold;			
}

.country{
	width:100%;text-align:left !important;height:1.8em !important; padding: 15px 0px 0px;border-radius: 9px;
}
.countryList{
	width:92%;text-align:left !important;margin-left:-5px;height:1.8em !important; padding: 15px 0px 0px 0px;border-radius: 9px;
}
.ohnohoney{
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        height: 0;
        width: 0;
        z-index: -1;
}
.editButton .dijitButtonNode {
    border: 1px solid #d7d7d7;   
    background-color: #575757;         
}
#catalogueGrid .dgrid-input{
	height:26px;
	padding-left:2px;
	margin-right:3px;
}
#catalogueTypesGrid .dgrid-input{
	height:26px;
	padding-left:2px;
	margin-right:3px;
}
.editButton .dijitButtonText {
    font-size: 12px;
    color: white;
    font-weight:bold; 
    
}

#shopMessage{ 	
   font-size:14px; 
   position:absolute; 
   width:100%;
   top:5px;    
   padding:5px;       
   font-weight:bold;  
   text-align:center !important;  
   z-index:100;       
}





.buttonMargin{
	margin-left:5px;
}
.nonModal_underlay {
    display:none !important;
}
.errorClass {    
    display: table;   
    width:22em;       
    text-align: center;
    overflow:auto;  
}
.errorClass img {
   display: inline-block; 
   vertical-align: middle;    
}
.errorClass p{
	display: inline-block;
	margin-left:8px;  
    text-align: left;         
    vertical-align: middle;    
    color:black;     
}

.waitClass {    
    display: table;
    height:13em;
    width:22em;
    line-height: 13em;
    background-color:#e0e0e0;
    text-align: center;
    overflow:auto;  
}

.waitClass img {
   display: inline-block;
   vertical-align: middle;
   margin-left:8px;
}

.waitClass p { 
	display: inline-block;
	margin-left:8px;
    vertical-align: middle;    
    background-color:#e0e0e0;font-weight:1800;color:black;
    
}



#menu{
	margin:0;padding:0;font-size:14px;font-weight:bold;
}
html, body {
height:100%;
width:100%;
}
.pumposh{
	margin:0;
    padding:0;
    font-family:Times New Roman;
    background-repeat: no-repeat; 
}
.pumposh.admin.header{      
    position:fixed !important; 
    top:0px;
    width:100%;      
   /* background-image: url("../images/header.jpe"); */    
    margin:0px;
    padding:0px;    
    height:7em; 
    z-index:900; /* it just needs 900 since tooltipdailog has z-index of 1000 , so it needs to be less than that*/  
}
.pumposh.header{      
    position:fixed !important; 
    top:0px;
    width:100%;      
   /* background-image: url("../images/header.jpe"); */    
    margin:0px;
    padding:0px;    
    height:7em; 
    z-index:900; /* it just needs 900 since tooltipdailog has z-index of 1000 , so it needs to be less than that*/  
}

.pumposh.footer{     
    height:2.1em;
    position:fixed;  
    width: 100%;
    bottom:0px;
    margin:0;
    padding:0;
    display:block;
   
}

#footerFacebook {	
    position:absolute;   
    right:6.6em;                
    overflow: hidden;      
     
}
#footerTwitter {	
    position:absolute;    
    right:4.5em;        
    overflow: hidden;      
    
}
#footerCopyTable {	
    position:absolute;     
    width:22.7em;  
    margin-top:5.2px; 
    padding-top:2px;
    height:1.5em;      
    left:5.5em;    
    overflow: hidden;  
          
}


#footerLogoImage img{
	width:100%;
    height:100%;
    display:table;	
}
#footerLogoImage{
	position: absolute;	
	bottom:3px !important;
    left:1.8em;	
	width:50px;
	height:28px;	
}

.pumposh.shop.menuDownButtonDiv{ 	
	position:absolute;
    top:4.5em;
    left:5%;   
    margin:0; /* If you want no margin */
    padding:0; /*if your want to padding */	 
    border:0px;       
}

div.menu {	
    font-size:10px; 
    font-family: Times New Roman; 
	letter-spacing:2px; 
    position: relative;
    width: 26em;
    height:1.3em;
    background: #ffffff;
    color: #000000;
    padding:0;
    margin:0;
        
}
 
div.menu:hover {
	font-size:10px; 
	font-family: Times New Roman; 
    cursor: hand;
    cursor: pointer;
	width: 26em;
    opacity: .9;
    background: #464646;
    color: white;    
    letter-spacing:2px; 
}
.dijitTitlePaneTitle {
    font-size:13px; 
    font-family: Times New Roman; 
    color:#ffffff !important; 
    font-weight:500; 
    background-color:#000000 !important; 
    
}
.dijitTitlePaneContentOuter {
    font-size:13px; 
    color: #808080; 
    font-weight: 500;         
}
.dijitTabPaneWrapper, .dijitTabContainerTop-tabs,  .dijitTabContainerBottom-tabs,
	.dijitTabContainerLeft-tabs, .dijitTabContainerRight-tabs
	{
	border-color: #b5bcc7;
}

.dgrid-header {
text-transform: uppercase;
font-size:11px;
text-align:center;
font-weight:bold;	
right:0;
padding-right:14px;
}

.dijitChecked.dijitTab .tabLabel {
    color:#000000;        
}
.dijitButton.mobileAddCartButton{
    display: block;
 }
.dijitButton.mobileAddCartButton .dijitButtonNode{    
    text-align:center; 
    vertical-align:middle; 
    padding-top:7px !important;  
    font-size:14px !important; 
    color: #ffffff; 
    font-weight: bold; 
    background-color:#000000;    
    vertical-align: middle;
    line-height: normal;   
    border:1px;
    width:10em;
    font-family: Times New Roman; 
}

.pumposh .dijitButton .dijitButtonNode {    
    color: #ffffff !important; 
    font-weight: bold; 
    background-color:#000000;    
    vertical-align: middle !important;
    padding-top:3.5px !important;    
    border:1px !important;
    font-family: Times New Roman !important;     
}
.dailogButton .dijitButtonNode {     
    background-color: #000000!important; 
    vertical-align: middle !important;
    padding-top:3px !important;    
    border:1px !important;
    font-family: Times New Roman !important;       
}
.dailogButton .dijitButtonText {    
    font-weight: bold; 
    color: white;
    font-weight:bold;             
}

.pumposh .headerdijitButton .dijitButtonNode {
    font-size:15px; 
    color: black; 
    font-weight: bold; 
    background-color:#c0c0c0;  
    vertical-align: middle;
    line-height: normal;    
    border:1px;
    font-family: Times New Roman; 
}
.pumposh.contentPane.title{   
   font-family: Times New Roman; 
   margin:-2px;
   position:absolute;  
   height:20px;
   width:100%;
   top:42px;    
   color:#ffffff;                   	
}
.pumposh.contentPane.text{    
   font-family: Times New Roman;    
   width:100%;   
   font-size: 17px;   
   letter-spacing:1.5px;  
   font-weight:bold; 
   text-align:center; 
   color:#000000;  
        	
}
#shopOrderStatusGrid123 .dgrid-no-data{
 font-size:2em;	
}
.dgrid-loading {
    color: #9f9f9f;
    font-size:2em;
    padding-top:15rem;         
    text-align: center;    
}
.dgrid-no-data{
    color: #9f9f9f;
    font-size:2em;
    padding-top:12rem;         
    text-align: center;    
}
#homeImage img{
	width:100%;
	height:100%;
	display:table;
}
#homeImage{
	position: absolute;	
	top:0.8em;
    left:1em;	
	width:34px;
	height:34px;	
	cursor: hand;
    cursor: pointer;
    z-index:1000;
}

#logoImage {
	position:absolute !important; 
	left:7em;   
    top:0.7em;
	/*background-image: url("../images/Pumposh.png"); 	*/
	background-repeat: no-repeat;  
	z-index:1000;
}

#logoMImage {	
    position:absolute !important;
    top:0.7em;
	/*background-image: url("../images/Pumposh.png"); 	*/
	background-repeat: no-repeat; 
	z-index:1000; 	  
}

#logoMImage {
	display:none !important;
}
.logodiv{
	width:12em;	
	margin: auto;
    display: block; 
    text-align: center;    
    vertical-align: middle;
}
.logodiv img{
	object-fit: contain;    
    display: inline-block;
    height: 100%;
    width: 100%;
}
/* company logo and select action start*/
.pumposh.selectAction.dropDownButtonDiv{ 	
	display:inline-block;
    top:4px;
    left:87.5%;	
    margin-left:10px; /* If you want no margin */
    padding:0; /*if your want to padding */
	background-color: #d6d6d6 	  ;  
	outline-style: none !important; 
}

#shopHeaderMenu{
	position:absolute;
	right:7px;
    top:4px;
    display:table;   
    z-index:1000; 
}
#adminHeaderMenu{
	position:absolute;
	right:7px;
    top:4px;
    display:table;
    z-index:1000;
}
#loginUser{ 
	position:relative;
	font-size:14px;	
	text-align:right;
	font-weight:bold;
	vertical-align:middle;
	display:inline-block;
    width:15em !important;	
    margin-left:50px; /* If you want no margin */ 
    margin-bottom:1.2em;   
}


.pumposh.shop.dropDownButtonDiv{ 	
	display:inline-block;
    top:4px;    
    margin-left:10px; /* If you want no margin */
    padding:0; /*if your want to padding */
	background-color: #d6d6d6 	  ;  
	outline-style: none !important; 
}
.pumposh.shop.dropDownButtonDivCS{ 	
	display:inline-block;
    top: 4px;  
    margin:0; /* If you want no margin */
    padding:0; /*if your want to padding */
	background-color: #d6d6d6 	  ;  
	outline-style: none !important; 
}
.pumposh.shop.dropDownButtonDivCart{ 	
	position:absolute;
    top: 3px;
    left:79.8%;	
    margin:0; /* If you want no margin */
    padding:0; /*if your want to padding */
	background-color: #d6d6d6 	  ;  
	outline-style: none !important; 
}

.pumposh.spaceDiv {   
   background-color: #464646; 
   height:10px;  
}

.pumposh.tooltip {
   
   background-color: #464646; 
   height:20px;
   font-size: 14px;
   letter-spacing:1px; 
   font-weight:2600;    
   color:#ffffff; 
   padding:5px 0px 2px 15px;  
   
}


.pumposh.tooltip:hover {
    cursor: hand;
    cursor: pointer;
    opacity: .9;
    background-color: #808080; 
    color: #000000; 
    font-size: 14px;
    letter-spacing:1px; 
    height:20px;
}
.pumposh.passwordforgot {   
   text-align:right;    
   font-size:15px;    
   letter-spacing:1px; 
   font-weight:2600;    
   cursor:pointer; 
   opacity:0.93;
}

.pumposh.passwordforgot:hover {        
    text-align:right; 
    cursor: hand;
    cursor: pointer;    
    opacity: .9;    
    color: #006600; 
    font-size: 15px;    
    letter-spacing:1px; 
    opacity:0.93;    
}

/* this is used to hide the product form */
.pumposh .dijitTabDisabled {
  display: none !important
}




.pumposh.message .dijitDialogTitleBar{
	display:block;
}

/* this is used to make modal dailog */
.dijitDialogUnderlay.white_underlay {
    background: none repeat scroll 0 0 transparent !important;
}
.dijitDialogTitleBar{ 
    background-color: #292929 !important;     
    font-weight:bold !important; 
    font-family: Times New Roman !important;  
    text-align:left !important;  
     
} 
.dijitDialogPaneContent {border-top:0 !important;}
.dijitDialogTitle{ 
    color: #ffffff !important;        
    font-size:14px !important; 
    font-family: Times New Roman !important;  
    text-align:left !important; 
    
} 

.dijitDialogPaneContent {
  background: #d7d7d7 repeat-x top left !important;
  border-top: 1px solid #d7d7d7;
  padding: 0px 0px;
  position: relative;
  font-family: Times New Roman !important; 
}


#loginMessage{	
	position:relative;
	width:100%;
	text-align:center;	
	background-color: #d7d7d7; 	
}
.storeText{
	font-weight:bold;padding:0.8em;letter-spacing:2px;color:black;
}
#headerShopMessage{
	position:relative;
	width:100%;	
	text-align:center;	
	background-color: #d7d7d7; 	
}
#shopCreationMessages{
	width:100%;text-align: center;padding-top:8px;
}

#shopCreationmessage1,#shopCreationmessage2,#shopCreationmessage3,#shopCreationmessage4,#shopCreationmessage5,#shopCreationmessage6,#shopCreationmessage7{
	padding-top:7px;
}
.msg{
	font-family: Times New Roman; 
	font-size: 15px;
	letter-spacing:1.5px; 
	color: #004000;
	opacity:0.80;
	margin-bottom:0.5em;
}
.error{
	font-family: Times New Roman; 
	font-size: 15px;
	letter-spacing:1.5px; 
	color: red;
	margin-bottom:0.5em;	
}
#resetUserMessage{	
	width:100%;	
	text-align:center;	
	background-color: #d7d7d7; 	
}

#resetPasswordMessage{	
	width:100%;	
	text-align:center;	
	background-color: #d7d7d7; 	
}

.fb-like{	
	width:95px;
}
/* This is used to make dailog non modal*/
#errorDailogue123 .dijitDialogUnderlayWrapper{
    
}
/* common for logo and select action end*/

.dijitDialogPaneContentArea {
     background-color: #d3d3d3!important;
   }

/* Phones etc start here ----------- */
.dgrid-page-input {
	    margin-top: 0px;
	    margin-bottom: 3px;
	    text-align: center;
	    width: 2.5em;
	    font-family:Arial, Helvetica, sans-serif;
	   	font-weight: bold;
	    font-size:10px;
	    height:15px;
	}
.dgrid-page-size {
		margin-top: 2px;
	    text-align: center;
	    width: 5.3em;
	    font-family:Verdana;
	   	font-weight: bold;
	    font-size:10px;
	    height:2em;
}

 #adminfooterFacebook {	
    position:absolute; 
    vertical-align:middle;      
    right:6.6em;   
    margin-top:0;             
    overflow: hidden;      
     
}
#adminfooterTwitter {	
    position:absolute;    
    right:4.5em;    
    margin-top:0;       
    overflow: hidden;      
     
}
#adminfooterCopyTable {	
    position:absolute;     
    width:16em;  
    margin-top:5.5px; 
    padding-top:2px;
    height:1.5em;      
    left:5.2em;    
    overflow: hidden;  
    font-size:16px;      
}
.pumposh.adminfooter{      
    height:2.1em !important;
    position:absolute;    
    width:100%;
    bottom:0 !important;
    overflow: hidden;
    padding:0 !important;
    margin:0 !important;
}
.pumposh.loginHeader{      
    position:absolute; 
    top:0;
    width:100%;    
   /* background-image: url("../images/header.jpe"); */    
    color:#FFFFFF;
    text-align:center;    
    background-color: #000000; 
    overflow: hidden;
   
}
.posInputItemnum{
  width:15em;font-size:16px;text-align:left !important;height:1.7em !important;padding-left:3px; padding-top:9px;	
}
.adminFormDespInput{
	width:30em;font-size:16px;text-align:left !important;height:1.7em !important; padding-top:9px;
}
.adminFormInput{
	width:96%;font-size:16px;text-align:left !important;height:1.7em !important;padding-left:3px; padding-top:9px;
}

.adminFormInputSmall{
	width:50%;font-size:16px;text-align:left !important;height:1.7em; padding-top:9px;
}
.adminFormInputTextArea{
	width:95.6%;font-size:16px;text-align:left !important;height:5em;
}
.adminFormInputLabel{
	font-size:13px;width:14% !important;text-align:right !important;height:1.7em; padding: 9px;
}
.adminFormInputLabelSmall{
	font-size:13px;width:7% !important;text-align:right !important;height:1.7em; padding: 9px;
}
.dijitCurrencyTextBox input.dijitInputInner{
	text-align: left;
}
.pumposh .dijitTabContainerTop-tabs .dijitTab {
  /* unselected (and not hovered/pressed)   , got rid of space that displayed background color*/

  top: 2px;
 
}

.pumposh .dijitTabContainerTop-tabs .dijitTabChecked {
  /* selected tab */

  padding-bottom: 4px;
  padding-top: 12px;
  background-image: url("../images/tabTopSelected.png");
  background-image: -moz-linear-gradient(top, #d7d7d7 0px, #d7d7d7 1px, rgba(255, 255, 255, 0) 2px, #d7d7d7 8px);
  background-image: -ms-linear-gradient(top, #d7d7d7 0px, #d7d7d7 1px, rgba(255, 255, 255, 0) 2px, #d7d7d7 8px);
  background-image: -webkit-linear-gradient(top, #d7d7d7 0px, #d7d7d7 1px, rgba(255, 255, 255, 0) 2px, #d7d7d7 8px);
  background-image: -o-linear-gradient(top, #d7d7d7 0px, #d7d7d7 1px, rgba(255, 255, 255, 0) 2px, #d7d7d7 8px);
  background-image: linear-gradient(top, #d7d7d7 0px, #d7d7d7 1px, rgba(255, 255, 255, 0) 2px, #d7d7d7 8px);
  -webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.05);
  
}

#loginPane{  
  width:30%;border-color:black;background-color:#d7d7d7;
}
#createShopPane{   
  width:30%;border-color:black;background-color:#d7d7d7;
}

#resetUserPane{  
  width:30%;border-color:black;background-color:#d7d7d7;
}
#validateUserBtn,#validateCode,#changePassBtn,#createShop,#login{
	font-size:15px;
	width:10em;	
}

#resetPasswordPane{  
 width:30%;border-color:black;background-color:#d7d7d7;
}

/* common Responsive design properties starts here*/

@media only screen  and (max-width:1280px){

#paymentInfoDialog{
	width:45%;
	text-align:center;
}
.adminFormDespInput{
	width:23em;font-size:16px;text-align:left !important;height:1.7em !important; padding-top:9px;
}
.pumposh.shop.menuDownButtonDiv{ 	
	position:absolute;
    top:4.5em !important;
    left:3% !important;
    margin:0; /* If you want no margin */
    padding:0; /*if your want to padding */	 
    border:0px;   
    font-size:14px;    
}
}
@media only screen  and (max-width:1155px){

#paymentInfoDialog{
	width:80%;
	text-align:center;
}
#contactFormDialog12{
	width:50%;	
}
#supplierContactFormDialog12{
	width:50%;
	
}	
.adminFormDespInput{
	width:19em;font-size:16px;text-align:left !important;height:1.7em !important; padding-top:9px;
}
.pumposh .dijitTab{
	font-size:11px; 
    color: #ffffff; 
    font-weight: bold; 
    background-color:black; 
    left :0px;   
    padding-top:6px !important;   
    width:13em; 
    
}
#logoImage {
	
    left:5em;		
    
}

}

@media only screen  and (max-width:1080px) and (orientation:portrait){
.pumposh.header{   
    height:6.5em;      
}
#loginUser{ 
	margin-bottom:9px;
}
.dailogButton .dijitButtonText {    
    font-size: 14px;              
}	
#helpDialog{
	width:55em; 
	   
}

#paymentInfoDialog{
	width:95%;
	text-align:center;
}
.adminFormDespInput{
	width:19em;font-size:16px;text-align:left !important;height:1.7em !important; padding-top:9px;
}
#searchButtonShop{
	width:5em;	
}	
#loginPane{  
  width:50%;border-color:black;background-color:#d7d7d7;
}
#createShopPane{  
  width:50%;border-color:black;background-color:#d7d7d7;
}
#resetUserPane{  
  width:50%;border-color:black;background-color:#d7d7d7;
}
#resetPasswordPane{  
  width:50%;border-color:black;background-color:#d7d7d7;
}
#switchDiv {	
	left:14em; 
	padding-top:2px;   
}
#homeImage{	
    left:1em;
}
.logodiv{
	width:10em;	
	margin: auto;
    display: block; 
    text-align: center;    
    vertical-align: middle;
}	
#logoImage {
	position:absolute !important; 
    top:0.5em;
    left:5em;		
    margin:0; /* If you want no margin */
    padding:2; /*if your want to padding */
	/*background-image: url("../images/Pumposh.png"); 	*/
	background-repeat: no-repeat;  	  
}

.pumposh .dijitTab{
	font-size:11px; 
    color: #ffffff; 
    font-weight: bold; 
    background-color:black; 
    left :0px;     
    width:11.5em;       
}
	
.errorClass { 
	font-size:14px;
    
}	
.dojoxColorPickerPoint {
	position:absolute;
	width:30px; 
	height:30px;
	border:0;
	z-index:3; 
	cursor:move; 
}
.dojoxHuePickerUnderlay {
	position:relative;
	top:0; left:0;	
	width:30px;
	z-index:1;
	text-align: center;
}
.dojoxHuePickerPoint {
	position:absolute;
	top:0; left:0;
	width:30px;
	height:12px;
	z-index:3; 
	cursor:move;
}	
.pumposh .dijitButton .dijitButtonNode {
    font-size:13px;  
    padding-top:5px;      
}
#shopOrderStatusGrid123 .dgrid-no-data{
 font-size:1.5em;	
}
	

.pumposh.adminfooter{      
   
    position:fixed !important;   
    
}


}

@media only screen  and (max-width:1080px) and (orientation:landscape){
.pumposh.header{   
    height:6.5em;      
}	
.logodiv{
	width:10em;	
	margin: auto;
    display: block; 
    text-align: center;    
    vertical-align: middle;
}	
#loginUser{ 
	margin-bottom:9px;
}
.dailogButton .dijitButtonText {    
    font-size: 14px;              
}	
#helpDialog{
	width:55em;		
}

#paymentInfoDialog{
	width:70%;
	text-align:center;
}
#searchButtonShop{
	width:5em;	
}
#loginPane{  
  width:50%;border-color:black;background-color:#d7d7d7;
}
#createShopPane{  
  width:50%;border-color:black;background-color:#d7d7d7;
}
#resetUserPane{  
  width:50%;border-color:black;background-color:#d7d7d7;
}
#resetPasswordPane{  
  width:50%;border-color:black;background-color:#d7d7d7;
}

#switchDiv {	
	left:15em;
	padding-top:2px;    
}
#homeImage{	
    left:1em;	
}

#logoImage{
	position:absolute !important; 
    top:0.5em;
    left:7%;		
    margin:0; /* If you want no margin */
    padding:2; /*if your want to padding */
	/*background-image: url("../images/Pumposh.png"); 	*/
	background-repeat: no-repeat;  	  
}	

.pumposh .dijitTab{
	font-size:11px; 
    color: #ffffff; 
    font-weight: bold; 
    background-color:black;       
    width:13em;  
}
.errorClass { 
	font-size:14px;
    
}		
.dojoxColorPickerPoint {
	position:absolute;
	width:30px; 
	height:30px;
	border:0;
	z-index:3; 
	cursor:move; 
}	
.dojoxHuePickerUnderlay {
	position:relative;
	top:0; left:0;	
	width:30px;
	z-index:1;
	text-align: center;
}
.dojoxHuePickerPoint {
	position:absolute;
	top:0; left:0;
	width:30px;
	height:12px;
	z-index:3; 
	cursor:move;
}
.pumposh .dijitButton .dijitButtonNode {
    font-size:13px;
    padding-top:5px;        
}	
#shopOrderStatusGrid123 .dgrid-no-data{
 font-size:1.5em;	
}

.pumposh.adminfooter{      
   
    position:fixed !important;   
    
}



}
@media only screen  and (max-width:977px){
	
.pumposh .dijitTab{
	font-size:11px; 
    color: #ffffff; 
    font-weight: bold; 
    background-color:black; 
    left :0px;     
    width:10.7em;  
   
}
.logodiv{
	width:9em;	
	margin: auto;
    display: block; 
    text-align: center;    
    vertical-align: middle;
}
.shopStatusLabels-labelCell { 
  width: 10em;
  padding-right: 5px; 
  padding-left:5px; 
  text-align:right !important;  
}	
}
@media only screen  and (max-width:840px){
.pumposh .dijitTab{
	font-size:10px; 
    color: #ffffff; 
    font-weight: bold; 
    background-color:black; 
    left :0px;   
    width:10.7em;  
    
}
.dijitMenuItem{
    font-size:12px;
}
#logoImage {
	
    left:4em;		
    
}	
}
@media only screen  and (max-width:759px){
.pumposh .dijitTab{
	font-size:9.8px;    
    width:9.9em; 
    padding-top:8px !important; 
}

}
@media only screen  and (max-width:699px){

#shopCreationMessages{
	font-size:14px;width:100%;text-align: center;padding-top:8px;
}
#loginPane{  
  width:65%;border-color:black;background-color:#d7d7d7;
}
#createShopPane{  
  width:65%;border-color:black;background-color:#d7d7d7;
}
#resetUserPane{  
  width:65%;border-color:black;background-color:#d7d7d7;
}
#resetPasswordPane{  
  width:65%;border-color:black;background-color:#d7d7d7;
}
.pumposh.passwordforgot {      
   font-size:14px;  
}

.pumposh.passwordforgot:hover {   
    font-size: 14px;     
}
#contactFormDialog12{
	width:85%;
}
#supplierContactFormDialog12{
	width:85%;
}
#helpDialog{
	width:37em;	
	font-size:14px;
	
}

#paymentInfoDialog{
	width:100%;
	text-align:center;
	font-size:14px;
}

}
@media only screen  and (max-width:630px){
#helpDialog{
	width:33em;	
	font-size:14px;
	
 }
}
@media only screen  and (max-width:555px){
#helpDialog{
	width:31em;	
	font-size:14px;
	
}	
#loginPane{  
  width:75%;border-color:black;background-color:#d7d7d7;
}
#createShopPane{  
  width:75%;border-color:black;background-color:#d7d7d7;
}
#resetUserPane{  
  width:75%;border-color:black;background-color:#d7d7d7;
}
#resetPasswordPane{  
  width:75%;border-color:black;background-color:#d7d7d7;
}
#shopCreationMessages{
	font-size:13px;width:100%;text-align: center;padding-top:11px;
}
}
@media only screen  and (max-width:530px){
#helpDialog{
	width:30em;	
	font-size:14px;
	
}
}
@media only screen  and (max-width:511px){
#helpDialog{
	width:28em;	
	font-size:14px;
	
}
}
@media only screen  and (max-width:490px){
#helpDialog{
	width:27em;	
	font-size:14px;
	
}	
#loginPane{  
  width:80%;border-color:black;background-color:#d7d7d7;
}
#createShopPane{  
  width:80%;border-color:black;background-color:#d7d7d7;
}
#resetUserPane{  
  width:80% !important;border-color:black;background-color:#d7d7d7;
}
#resetPasswordPane{  
  width:80% !important;border-color:black;background-color:#d7d7d7;
}
#shopCreationMessages{
	font-size:12px;width:100%;text-align: center;padding-top:14px;
}
}
@media only screen  and (max-height:600px){
#pStandby div{	
	margin-top:7em;    
 }
 
 
}
@media only screen  and (max-height:560px){

#pStandby div{	
	margin-top:6em;    
 }
}
@media only screen  and (max-height:500px){

#pStandby div{	
	margin-top:5em;    
 }
}
@media only screen  and (max-height:475px){

#pStandby div{	
	margin-top:4em;    
 }

}