.toolbaritem {
	    display: inline-block;
	    padding: 10px;
	    border: solid 3px grey;
	    border-radius: 6px;
	    margin: 2px;
   		-moz-box-shadow:    inset 0 0 10px #000000;
		-webkit-box-shadow: inset 0 0 10px #000000;
		box-shadow:         inset 0 0 10px #000000;
	}
	
	.toolbarcontainer {
		margin: auto;	
		text-align: center;
		max-width: 100%;
	}
	
	#LoadingStatus {
		width: 350px;
		max-width: 95%;
	    height: 100px;
	    margin: auto;
	    left: 0;
	    right: 0;
	    text-align: center;
	    top: 0;
	    border: 1px solid black;
	    border-radius: 10px;
	    padding: 30px;
	    position: fixed;
	    bottom: 0;
	    background-color: white;
	    display: inline-block;
	    z-index: 100;
		-moz-box-shadow:    inset 0 0 10px #000000;
		-webkit-box-shadow: inset 0 0 10px #000000;
		box-shadow:         inset 0 0 10px #000000;
		}

	.centeredbuttondiv {
		
		
	}

	.doregisteronlyform {
		
		float: none;
	}

	.regcompletewrapper {
		margin-top: 100px;
		
	}


/* New code 27 Nov */

	#registerbutton {
	    padding: 13px;
	    margin: 10px;
		}

	#registerbutton a {
		    color: white;
		    padding: 20px;
		    margin: 22px;
		    border: solid 1px #B6B6BD;
		    border-radius: 6px;
		    background-color: red;
		    font-size: larger;
	    }



/* New code 27 Nov */

	.portalform {
		    width: 100%;
			max-width: 100%;
			border-radius: 20px;
			padding: 20px;
			margin-left: auto;
			margin-right: auto;
			float: left;
			display: block;
	
	}

	.portalownerform {
	
	}
	
	.supportticketform {
	
	}


	.formheader {
			max-width: 100% ; 	
			text-align: center; 
			background: CornFlowerBlue; color: white;
			border-top-width: 5px; border-radius: 10px; 
			padding-right: 10px; padding-bottom: 20px; padding-top: 20px; padding-left: 10px; 
			margin-left: auto; margin-right: auto; margin-bottom: 40px;
			-moz-box-shadow:    inset 0 0 5px #000000;
			-webkit-box-shadow: inset 0 0 5px #000000;
			box-shadow:         inset 0 0 5px #000000;
				
	}	
		
	.supportformheader {
			width: 90% ; 	
	}	
		
	.supportticketheading {
			font-weight: bold;
	}	

	.tablediv {
			
		
	}

	.portalownertablediv {
			
		
	}
	
	.supporttickettablediv {
			
		
	}

	.feidirtable {
			    border: none;
		
	}

	.portalownertable {
			
		
	}
	
	.supporttickettable {
			border: none;
		
	}


	.feidirtablerow {
			    border: none;
		
	}

	.portalownertablerow {
			
		
	}
	
	.supporttickettablerow {
			
		
	}

	.feidirtablecell {
			    border: none;
		
	}

	.portalownertablecell {
			
		
	}
	
	.supporttickettablecell {
			
		
	}
	
	portallabel {
		
	}
	
	supportticketlabel {
			text-align: left;
			font-size: larger;
	}


	.admindashboard {
		
		}

	.feidirplugindashboardsubheadingdiv {
		border: solid 2px;
		border-radius: 10px;
		background-color: #D6D2CE;
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: center;
		}

	.feidirplugindashboardheadingdiv {
		border: solid 2px;
		border-radius: 10px;
		background-color: darkgrey;
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: center;
		color: #1C09AD;
		font-size: larger;
		}	


	

	.toast-container{
			max-width: 100%;
			
		}

	#accountpin_input{
			display: block;	
		}


	.portalfooter_p{
			text-align: justify;
		}



	.submitupdatedataform {
			border: 2px solid cornflowerblue; 
			border-radius: 20px ;
			padding: 20px ;
			float: left;
			max-width: 500px;
    		margin-left: auto;
    		margin-right: auto;
		}

	#manuallinkrequestform {
			max-width: 510px;
    		margin-left: auto;
    		margin-right: auto;
		}

	.buttonwrapper {
    		text-align: center;
		}

	.paymentform {
			width: 500px; 
			max-width: 95%;
			text-align: center;
			display: block;
			background-color: #c4e8f3 ; color: #000 ;
			border: 2px solid #00f ; border-radius: 20px ;
			padding: 20px ;
			margin-left: auto; margin-right: auto;
		}

	.paymentformdsiformsfieldset { 
		width: 500px; 
		max-width: 95%;
		text-align: center;
		display: block;
		background-color: #c4e8f3 ; color: #000 ;
		border: 2px solid #00f ; border-radius: 20px ;
		padding: 20px ;
		margin-left: auto; margin-right: auto;
		}


	.accountdatasubmittedform {
			width: 500px; 
			max-width: 95%;
			text-align: center;
			display: block;
			background-color: #c4e8f3 ; color: #000 ;
			border: 2px solid #00f ; border-radius: 20px ;
			padding: 20px ;
			margin-left: auto; margin-right: auto;
		}



	#hiddenfields {
		display: none;
		}


	/* Standard Shared Styling   */



		



	.request_textarea {
		display: block;
		width:90%;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		margin-left: auto;
		margin-right: auto;
		margin-bottom:20px;
		border-radius: 4px;
		}
					


	.portal_request_button {
		width: auto;
		margin-top: 5px;
		float:right;
		}

	legend {
		font-size:  1.4em;
		font-weight:  bold;
		position:  relative;
		top:  -.4em;
	}
			
	#update_account_container {
		margin-bottom: auto;
		float: left;
		}
		
	#update_account_label {
		display: inline-block;
		width: 200px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 2px;
		padding-bottom: 2px;
		text-align: right;
		margin-left: auto;
		}

	#update_account_input {
		width: 200px;
		padding-top: 2px;
		padding-bottom: 2px;
		-webkit-transition: all 0.30s ease-in-out;
		-moz-transition: all 0.30s ease-in-out;
		-ms-transition: all 0.30s ease-in-out;
		-o-transition: all 0.30s ease-in-out;
		}

	#update_account_input[type=text]:focus {
		box-shadow: 0 0 5px rgba(81, 203, 238, 1);
		padding: 3px 0px 3px 3px;
		border: 1px solid rgba(81, 203, 238, 1);
	}


	.closemoreinfoimg {
		position: absolute;
		left: 0px;
		top: 0px;
		}
		
	input:required:invalid, input:focus:invalid {
		background-image: url(../images/invalid.png);
		background-position: right top;
		background-repeat: no-repeat;
		-moz-box-shadow: none;  /* prevent Firefox 4 Beta from adding it's default red border*/
		}

	input:required:valid {
		background-image: url(../images/valid.png);
		background-position: right top;
		background-repeat: no-repeat;
	  }

	input[type=number]::-webkit-inner-spin-button, 
	input[type=number]::-webkit-outer-spin-button  {
		-webkit-appearance: none; 
		margin:0;
		} 

	textarea:required:invalid, textarea:focus:invalid {
		background-image: url(../images/invalid.png);
		background-position: right top;
		background-repeat: no-repeat;
		-moz-box-shadow: none;  /* prevent Firefox 4 Beta from adding it's default red border*/
		}

	textarea:required:valid {
		background-image: url(../images/valid.png);
		background-position: right top;
		background-repeat: no-repeat;
	  }

	#black_overlay{
		display: none;
		position: absolute;
		top: 0%;
		left: 0%;
		width: 100%;
		height: 100%;	
		background-color: black;
		z-index:1001;
		-moz-opacity: 0.8;
		opacity:.80;
		filter: alpha(opacity=80);
		}
	.black_help_overlay{
			position: fixed;
		top: 0%;
		left: 0%;
		width: 100%;
		height: 100%;
	}	
	.lightbox {
		display: none;
		position: absolute;
		top: 5%;
		left: 25%;
		width: 60%;
		height: 90%; 
		padding: 16px;
		border: 16px solid orange;
		background-color: white;
		z-index:1002;
		overflow: auto;
		}	
	.help_lightbox{
		position: fixed;
		top: 0%;
		left: 0%;
		width: 100%;
		height: 100%;
	}

	#lightbox_service_image {				border: 0px;		-moz-box-shadow:    inset 0 0 0px #000000;		-webkit-box-shadow: inset 0 0 0px #000000;		box-shadow:         inset 0 0 0px #000000;			}

	#lightbox_item_name {
		
		}		

	#lightbox_item_detail {
		margin-left: 20px;	
		}
		
	#service_bin_details {
		}
			
	.service_lightbox_details {
		width: 50%;	
		text-align: left;	
		margin: 20px 5px 20px 5px;	
		padding-top: 20px;	
		padding-bottom: 20px;	
		border: 2px solid cornflowerblue ; 
		border-radius: 10px ;		
		-moz-box-shadow:    inset 0 0 5px #000000;	
		-webkit-box-shadow: inset 0 0 5px #000000;	
		box-shadow:         inset 0 0 5px #000000;
		}

	#lightbox_row {	    
		width: 100%;		
		margin: auto;	
		float: left;	
		display: flex;		
		}
		
	#service_lightbox_payment_options {
		
		}
			
	#servicenamelabel {
		font-size: x-large;	
		color: black;	 
		font-weight: normal;		
		}		

	#servicedurationlabel {
		
		}	

	#servicepricelabel {
		font-family: 'Open Sans', Arial, sans-serif; font-size: 24px; line-height: 1.7em;
		}


	#arealocalitylisting {
		margin-left: auto; 
		margin-right: auto; 
		margin-bottom: 0px;
		}			

	.arealocalitylistinglabel {
		padding-right: 8px; padding-bottom: 2px; padding-top: 2px; padding-left: 8px; 
		margin-left: 25px; margin-right: 8px;		
		font-weight: bold;
		}

	.arealocalitylistingbutton {
		padding-right: 10px; padding-bottom: 6px; padding-top: 6px; padding-left: 10px; 
		margin-left: 25px; margin-right: 8px; margin-top: 8px; margin-bottom: 8px;
		text-align: center;
		background-color : #787F81; 
		color : white;
		border : 2px solid #ccc;  border-radius: 10px ; 
		font-family: 'Open Sans', Arial, sans-serif; font-size: 20px; line-height: 1.7em;
		cursor:pointer;
		}
		
	#serviceformhead {
		width: 90% ; 	
		text-align: center; 
		background: CornFlowerBlue;		
		color: white;
		border-top-width: 5px; border-radius: 10px; 
		padding-right: 10px; padding-bottom: 20px; padding-top: 20px; padding-left: 10px; 
		margin-left: auto; margin-right: auto; margin-bottom: 40px;
		-moz-box-shadow:    inset 0 0 5px #000000;
		-webkit-box-shadow: inset 0 0 5px #000000;
		box-shadow:         inset 0 0 5px #000000;
		}		

	#serviceformhead h1 {		
		color: white;		
		}
		
	#serviceformhead p {	
		margin-bottom: 5px;	
		margin-left:1px;		
		}
			


		
	.moreinfolabel{	    
		margin-top: 20px;	
		}	

	/*
	.moreinfolabel:hover ~#black_overlay {
		display: block;
		}

	.moreinfolabel:hover ~#lightbox {
		display: block;
		}
	*/
		
	#services_container {
		margin: auto;
		float: left;
		display: block;
		
		}
	#servicenamediv {
		width: 166px;
		height: 80px;
		margin-left: auto;
	margin-right: auto;
		}

	#service_display {
		width: 210px; 
		text-align: center;
		display: inline-block; 
		float: none;
		background-color: #E1F0F7 ; color: #000;
		border: 2px solid cornflowerblue ; border-radius: 10px ;	
		-moz-box-shadow:    inset 0 0 5px #000000;	
		-webkit-box-shadow: inset 0 0 5px #000000;	
		box-shadow:         inset 0 0 5px #000000;
		padding: 20px ;	
		margin-left: 7px; margin-right: 7px; margin-top:10px;
		}

	#dsiminiformsfieldset { 
		width: 300px; 
		text-align: center;
		display: block;
		background-color: #c4e8f3 ; color: #000 ;
		border: 2px solid #00f ; border-radius: 20px ;
		padding: 20px ;
		margin-left: auto; margin-right: auto;
		}
		
	#miniservicesform_button  { 
		width: 85%;
		text-align: center;
		background-color : #6495ED; color : white;
		border : 2px solid #ccc;  border-radius: 10px ;
		padding: 10px 10px;    
		margin-left: auto; margin-right: auto; margin-top: 40px;  
		font-family: 'Open Sans', Arial, sans-serif; font-size: 20px; line-height: 1.7em;
		cursor:pointer;
		}

	#dsiminiformsfieldset p {
		margin-bottom: 5px;
		margin-left:1px;	
		}		

	#dsiminiform h1 {
		margin-bottom: 2px;
		margin-left:1px;	
		}	

	#miniformhead { 
		width: 95% ; 	
		text-align: center; 
		background: CornFlowerBlue; color: white;
		border-top-width: 5px; border-radius: 10px; 
		padding-right: 10px; padding-bottom: 10px; padding-top: 10px; padding-left: 10px; 
		margin-left: auto; margin-right: auto; margin-bottom: 10px;
		-moz-box-shadow:    inset 0 0 5px #000000;
		-webkit-box-shadow: inset 0 0 5px #000000;
		box-shadow:         inset 0 0 5px #000000;
		}
				
	#dsiformsfieldset { 
		width: 500px; 
		max-width: 95%;
		text-align: center;
		display: block;
		/* background-color: #c4e8f3 ; color: #000 ; */
		/* border: 2px solid #00f ; border-radius: 20px ; */
		padding: 5px ;
		margin-left: auto; margin-right: auto;
		}

	.dsiformsfieldgroup {
		display: block;
		/* background-color: #c4e8f3 ; color: #000 ; */
		/* border: 2px solid #00f ; border-radius: 20px ; */
		padding: 4px ;
		margin-left: auto; margin-right: auto;
		}		
	#SettingsSection { 
		width: 500px; 
		text-align: left;
		display: inline;
		float: left;
		margin-left: auto; margin-right: auto;
		}
		
	#BizSpaceAPIStatus { 
		text-align: left;  font-size: larger; color: #ff0000;
		display: inline;
		padding: 5px 10px;
		float: left;
		margin-left: auto; margin-right: auto;
		}	

	#BizSpaceAPIKey_input { 
		text-align: left;  font-size: larger;
		display: inline;
		padding: 5px 10px;
		float: left;
		margin-left: auto; margin-right: auto;
		}	



	




	#int_portal_button  { 
		width: 260px;
		text-align: center;
		background-color : #8EA2A8; color : white;
		border : 2px solid #ccc;  border-radius: 10px ;
		padding: 10px 10px;    
		margin-left: 5px; margin-right: 5px; margin-top: 2px;  
		font-family: 'Open Sans', Arial, sans-serif; font-size: 24px; line-height: 1.7em;
		cursor:pointer;
		float:right;
		}

	#int_portal_button_subdued  { 
		width: 260px;
		text-align: center;
		background-color : CornFlowerBlue; color : white;
		border : 2px solid #ccc;  border-radius: 10px ;
		padding: 10px 10px;    
		margin-left: 5px; margin-right: 5px; margin-top: 2px;  
		font-family: 'Open Sans', Arial, sans-serif; font-size: 24px; line-height: 1.7em;
		cursor:pointer;
		float:right;
		}



	/*		
	#loginform { 
		width: 30%;
		text-align: center;
		background-color: #ffffff ; color: #000 ;
		border: 2px solid #6495ed ; border-radius: 20px ;
		padding: 20px ;
		margin-left: auto; margin-right: auto;
		-moz-box-shadow:    inset 0 0 5px #000000;
		-webkit-box-shadow: inset 0 0 5px #000000;
		box-shadow:         inset 0 0 5px #000000;
		}
	*/

	#loginform input { 
		text-align: center; 
		-webkit-transition: all 0.30s ease-in-out;
		-moz-transition: all 0.30s ease-in-out;
		-ms-transition: all 0.30s ease-in-out;
		-o-transition: all 0.30s ease-in-out;
		outline: none;
		padding: 5px 10px 3px 3px;
		margin-left: auto; margin-right: auto;
		border: 1px solid #DDDDDD;}

	#loginform label { 
		text-align: center;  font-size: larger;
		display: block;
		padding: 5px 10px;}
			
	#wp-submit  { 
		width: 200px;
		background-color : CornFlowerBlue; color : white;
		border : 2px solid #ccc;  border-radius: 7px ;
		padding: 10px 10px;    
		margin-top: 40px;  
		font-family: 'Open Sans', Arial, sans-serif; font-size: 24px; line-height: 1.7em;
		}

	#dsisectionhead {
		margin-top: 5px;
		padding: 8px 8px;
		text-align: left;
		border-radius: 10px;
		-moz-box-shadow:    inset 0 0 10px #000000;
		-webkit-box-shadow: inset 0 0 10px #000000;
		box-shadow:         inset 0 0 10px #000000;
	   }

	#dsisectionhead p {
		margin-bottom: 10px;
		margin-left:4px;	
		}	

	#dsisectionhead:hover ~#dsiaccountdetailsitem {
		display: block;
	}
		
	.dsiaccountdetailssection {
		border-radius: 10px;
		margin-top: 20px;
		padding: 5px 5px;
		text-align: left;
		float: left;
		width: 100%;
		clear: left;
		-moz-box-shadow:    inset 0 0 5px #000000;
		-webkit-box-shadow: inset 0 0 5px #000000;
		box-shadow:         inset 0 0 5px #000000;
		}
		
	.dsiaccountdetailssection h1 {
		padding: 2px 2px; 	
		margin-left: 1px;
		}

	.dsiaccountdetailshalfsection {
		border-radius: 10px;
		margin-top: 20px;
		padding: 5px 5px;
		text-align: left;
		float: left;
		width: 48%;
		clear: left;
		-moz-box-shadow:    inset 0 0 5px #000000;
		-webkit-box-shadow: inset 0 0 5px #000000;
		box-shadow:         inset 0 0 5px #000000;
		}
		
	#dsiaccountdetailsitem {
		width: 100%;
		padding: 5px 5px; 	
		margin-left: 1px;
		display: block;
		text-align: justify;
		float: left;
		}



	.portalpagefooter {
		float:left;
		text-align: center;
		font:smaller;
		}
		
	.portalpagefooter p{
		text-align: center;
		font:smaller;
		}
		

	.portalpagenotice {
		float:left;
		text-align: center;
		font:smaller;
		}
		
	.portalpagenotice p{
		text-align: center;
		font:smaller;
		}

	#portalpagenoticehead {
		background-color: #FF0000; 
		border:2px solid #565e53;
		color: #FFFFFF;
		margin-top: 5px;
		padding: 8px 8px;
		text-align: center;
		border-radius: 10px;
		-moz-box-shadow:    inset 0 0 10px #000000;
		-webkit-box-shadow: inset 0 0 10px #000000;
		box-shadow:         inset 0 0 10px #000000;
		/*
		-webkit-keyframes pulse {
			 0% {background-color: #45CEEF;} 
			 25% {background-color: #FFF5A5;} 
			 50% {background-color: #FFD4DA;} 
			 75% {background-color: #99D2E4;} 
			 100% {background-color: #D8CAB4;} 
		}  
		-webkit-animation: pulse 20s infinite alternate; 
		*/
	   }	

			
	#dsiaccountpageheaderssection {
	/*	position: fixed;
		top: 95px;  
	*/
		float:left;
		clear: right;
		border-radius: 10px;
		margin-top: 20px;
		margin-left: 500px;
		padding: 5px 5px;
		text-align: left;
		-moz-box-shadow:    inset 0 0 5px #000000;
		-webkit-box-shadow: inset 0 0 5px #000000;
		box-shadow:         inset 0 0 5px #000000;
		}
		

			
	#accountdetails_disclaimer_label { 	
		float: none;
		width: auto;
		border: 0 none #FFF;
		padding-left: 12em;
		text-align: center;
	}

	#listdetails_label { 
		text-align: left;  font-size: larger; font-weight: bold;
		padding: 5px 10px;
		float: left;
		width: 180px;
		margin-right: 5px;
		margin-left: 15px;
	}

	#listdetails_data_label { 
		text-align: left;  
		font-size: larger; 
		float: left;
		width: 180px;
		padding: 5px 10px;
		margin-right: 5px;
		margin-left: 15px;
	}	

	#accountlink_label { 
		text-align: center;  font-size: larger;
		display: block;
		padding: 5px 10px;}
		
		
	#accountlink_input { 
		text-align: center; 
		-webkit-transition: all 0.30s ease-in-out;
		-moz-transition: all 0.30s ease-in-out;
		-ms-transition: all 0.30s ease-in-out;
		-o-transition: all 0.30s ease-in-out;
		outline: none;
		padding: 5px 10px 3px 3px;
		margin-left: auto; margin-right: auto;
		border: 1px solid #DDDDDD;
		background-color: #ffffff;
		}

	#accountsearch_input { 
		text-align: center; 
		-webkit-transition: all 0.30s ease-in-out;
		-moz-transition: all 0.30s ease-in-out;
		-ms-transition: all 0.30s ease-in-out;
		-o-transition: all 0.30s ease-in-out;
		outline: none;
		padding: 5px 10px 3px 3px;
		margin-top: 10px;
		border: 1px solid #DDDDDD;
		background-color: #ffffff;
		}


	#accountloginhead { 
		width: 90% ; 	
		text-align: center; 
		background: CornFlowerBlue; color: white;
		border-top-width: 5px; border-radius: 10px; 
		padding-right: 10px; padding-bottom: 20px; padding-top: 20px; padding-left: 10px; 
		margin-left: auto; margin-right: auto; margin-bottom: 40px;
		-moz-box-shadow:    inset 0 0 5px #000000;
		-webkit-box-shadow: inset 0 0 5px #000000;
		box-shadow:         inset 0 0 5px #000000;
		}
			
	#accountlink_disabled_input { 
		background-color: #9fabae;
		text-align: center; 
		-webkit-transition: all 0.30s ease-in-out;
		-moz-transition: all 0.30s ease-in-out;
		-ms-transition: all 0.30s ease-in-out;
		-o-transition: all 0.30s ease-in-out;
		outline: none;
		padding: 5px 10px 3px 3px;
		margin-left: auto; margin-right: auto;
		border: 1px solid #DDDDDD;
		background-color: #ffffff;
		}
		
	#accountlink_input[type=text]:focus {
		box-shadow: 0 0 5px rgba(81, 203, 238, 1);
		padding: 3px 0px 3px 3px;
		border: 1px solid rgba(81, 203, 238, 1);
	}

	.passwordhint{
		width: 80%
	}

	.passworderrormessage{
		color:#ff0000;
		font-weight: bold;
	}

	#manual_link_pending_message {
		color:red;
		text-align:center;
		font-size: larger;
		font-weight: bold;
			
	}


	input[readonly]	{
	    background-color:rgba(129, 126, 126, 0.23) !important;
	    cursor: no-drop;
	}

	.initiallyhiddendiv{
		display: none;	
	}
	
	.managerusersbutton {
		border-radius: 8px;
		padding: 6px;
		width: 120px;
		}	
		
	.relinkaccountoption {
		border-radius: 8px;
		padding: 6px;
		width: 120px;
		margin: 5px;
		}	
		
	.updatepasswordoption {
		border-radius: 8px;
		padding: 6px;
		width: 120px;
		margin: 5px;
		}	
					
	.relinkaccountbutton {

		width: 85%;
		text-align: center;
		background-color : #4aaa1e !important; color : white ;
		border : 2px solid #ccc;  border-radius: 10px ;
		padding: 10px 10px;    
		margin-left: auto; margin-right: auto; margin-top: 40px;  
		font-family: 'Open Sans', Arial, sans-serif; font-size: 20px; line-height: 1.7em;
		cursor:pointer;		
		}

	.relinkaccountbutton[disabled=disabled], .relinkaccountbutton:disabled {
	    cursor: not-allowed;
	}