body{
			padding: 10px;
			margin: 0px;
			font-family: "Aria", Helvetica, sans-serif;
			font-weight:300;
			font-size: 13px;
			color: #586064;
			}
			
			input:focus {
			outline: none;
			color:#474848;
			}
			
			#mydomain_preview{overflow:hidden;}
			#mydomain_preview, #mydomain_help{margin-top:10px;color:#777;}
			#content{margin-top:5px;}

			.apbutton{
			display:inline-block;width:125px;height:40px;overflow:hidden;border:1px solid #c5c6c8;border-radius:3px;background: #f5f5f5;
			/* Old browsers */background: -moz-linear-gradient(top,  #ffffff 0%, #efefef 100%);
			/* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef));
			/* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #ffffff 0%,#efefef 100%);
			/* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  #ffffff 0%,#efefef 100%);
			/* Opera 11.10+ */background: -ms-linear-gradient(top,  #ffffff 0%,#efefef 100%);
			/* IE10+ */background: linear-gradient(top,  #ffffff 0%,#efefef 100%);
			/* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 );
			/* IE6-9 */margin-bottom: 10px;margin-right:10px;cursor:pointer;
			}

			.communityOptions hr.shade {
			opacity:0.2;display:block;margin-top:0px;padding-top:0px;position: relative;
			width:100%;height: 10px;overflow: hidden;border:0px;background:transparent;
			}
			
			.communityOptions hr.shade:before {
			content: '';width: 85%;height: 5px;left: 5%;position: absolute;z-index: 50;border-radius: 0 0 100% 100% / 0 0 150% 150%;
			box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, .35);background:transparent;top:-5px;
			}

			.communityOptions hr.shade:after {
			content: '';position: absolute;top: 0;left: 0;width: 100%;height: 1px;
			z-index: 100;background: #fff;
			}

			#login{
			padding: 10px;
			margin-left: auto; margin-right: auto; 
			max-width:700px;
			}

			#login_wrapper{
			background-color: #ffffff;
			min-width:730px;
			min-height:417px;   
			margin-left: auto; margin-right: auto; 
			box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.40);
			-moz-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.40);
			-webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.40);    
			background: -ms-linear-gradient(top, #fafafa 0%, #e5e5e5 100%);
			background: -moz-linear-gradient(top, #fafafa 0%, #e5e5e5 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#e5e5e5));
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e5e5e5',GradientType=0 );
			border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
			overflow: hidden;
			}

			#right_side{
			margin-right:0px;
			margin-left: 0px;
			padding:20px;
			}

			#logo_wrapper{
			max-height: 120px;
			overflow:hidden;
			width: 300px;
			margin-left: auto;
			margin-right: auto;
			margin-bottom:10px;
			margin-top:0px;
			line-height:130px;
			text-align:left;
			background-image:url('{!$Resource.PPSup_KeyboardGraphic}');
			}

			#logo{
			margin-left: auto;
			margin-right: auto;
			vertical-align:middle;
			min-height:87px;
			}

			#pwcaps {
			margin-top: 5px;
			margin-bottom: 5px;
			}

			#logo_wrapper img.logo_salesforce{
			width:210px;
			max-width:210px;
			}

			#logo_wrapper img.logo_custom{
			}

			#loginwidget{
			margin-bottom:10px;
			margin-left: auto; margin-right: auto;  
			}

			#pw_error, .loginError{
			color:#f00;
			}

			.loginError{
			text-align:center;
			margin-bottom: 10px;
			margin-top:10px;
			}

			.loginbox_container{
			margin-bottom:0px;
			margin-top:0px;
			}

			.loginbox_container, .loginError{
			width: 280px;
			margin-left:auto; 
			margin-right:auto; 
			}
			
			#marketing {
			margin:0px;
			padding:0px;
			width: 478px;
			height: 397px;
			border: 0px;
			overflow:hidden;
			}

			#user{
			display:none;
			}

			#usrn{
			margin-top:15px;
			padding: 12px 0px 12px 12px;
			background-color:#f3f5f6;
			border: 1px solid #CCC;                     
			-webkit-border-radius: 3px;
			-webkit-border-bottom-right-radius: 0px;
			-webkit-border-bottom-left-radius: 0px;
			-moz-border-radius: 3px;
			-moz-border-radius-bottomright: 0px;
			-moz-border-radius-bottomleft: 0px;
			border-radius: 3px;
			border-bottom-right-radius: 0px;
			border-bottom-left-radius: 0px;
			-moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
			-webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
			box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
			-moz-box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.2);
			-webkit-box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.2);
			box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.2);
			}

			#lock{
			display:none;
			}

			#pswd{
			padding: 12px 0px 12px 12px;
			background-color:#f3f5f6;
			border: 1px solid #CCC;
			margin-top: -1px;
			-webkit-border-radius: 3px;
			-webkit-border-top-right-radius: 0px;
			-webkit-border-top-left-radius: 0px;
			-moz-border-radius: 3px;
			-moz-border-radius-topright: 0px;
			-moz-border-radius-topleft: 0px;
			border-radius: 3px;
			border-top-right-radius: 0px;
			border-top-left-radius: 0px;
			-moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
			-webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
			box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
			-moz-box-shadow: inset 0px 0px 1px 0px rgba(0,0,0,0.2);
			-webkit-box-shadow: inset 0px 0px 1px 0px rgba(0,0,0,0.2);
			box-shadow: inset 0px 0px 1px 0px rgba(0,0,0,0.2);
			}

			.ie_input {
			margin-top: 3px;
			margin-bottom:10px;
			border: 1px solid #CCC;
			font-size: 14px;
			color:#586064;
			width:258px;
			padding: 5px;
			background-color:#fff;
			}

			.input {
			margin-left:0px;
			margin-top: 0px;
			border: 0px solid #f3f5f6;
			-webkit-appearance: none;
			font-size: 12px;
			color:#586064;
			width:230px;
			background-color:#f3f5f6;
			}

			#Login {
			width: 280px;
			margin-top:15px;
			}

			#rem {
			margin-left: 2px;
			margin-top: 18px;
			margin-bottom:15px;
			color: #586064;
			}

			#forgot{
			margin-top: 20px;
			margin-bottom: 15px;
			}

			.center {
			text-align:center;
			}

			#error{
			text-align:center;
			color:red;
			font-size: 12px;
			}

			#footer{
			margin-left:auto; 
			margin-right:auto;
			font-size: 10px;
			line-height: 14px;
			text-align: center;
			margin-left: auto; margin-right: auto;
			margin-top: 6px;
			}

			input.primary, .button, .btnPrimary{
			line-height: 22px;
			display: inline-block;
			padding: 7px 20px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			-webkit-appearance: none;
			}

			.button_up{
			box-shadow: 0 1px 3px rgba(0,0,0,0.3);
			background: -moz-linear-gradient(top,  #3198d8 0%, #2e8ec9 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3198d8), color-stop(100%,#2e8ec9)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #3198d8 0%,#2e8ec9 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #3198d8 0%,#2e8ec9 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #3198d8 0%,#2e8ec9 100%); /* IE10+ */
			background: linear-gradient(top,  #3198d8 0%,#2e8ec9 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3198d8', endColorstr='#2e8ec9',GradientType=0 ); /* IE6-9 */
			}

			.button .label, .button, .btnPrimary{
			color: #fff;
			font-size:  13pt;
			font-family:"Helvetica Neue Regular", "Helvetica Neue", Helvetica, sans-serif;
			text-shadow: 0px -1px 0px rgba(0,0,0,0.3);
			font-weight:300;
			}

			.button:hover, .button:focus, .btnPrimary:hover, .btnPrimary:focus {
			cursor: hand; 
			cursor: pointer;
			box-shadow:inset 0px 2px 1px rgba(0,0,0,0.1);
			}

			img {
			vertical-align: middle;
			border: 0;
			}

			a {
			text-decoration: none;
			}

			a:hover, a:active  {
			text-decoration: underline;
			}

			a:focus {
			outline: thin dotted #333;
			outline: 5px auto -webkit-focus-ring-color;
			outline-offset: -2px;
			}

			.zen-assistiveText {
			position: absolute !important;
			height: 1px;
			width: 1px;
			overflow: hidden;
			clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
			clip: rect(1px, 1px, 1px, 1px);
			}

			.clrField {
			display:none;
			margin-top: 16px;
			margin-right: 3px;
			width: 12px;
			height: 12px;
			float: right;
			text-align: center;
			vertical-align: center;
			font-size: 10pt;
			cursor: hand; 
			cursor: pointer;
			font-family:Arial;
			background-image:url('../img/ico_cancel_clear_sm.png');
			background-repeat:no-repeat;
			opacity:0.8;
			filter:alpha(opacity=80);
			}

			.clrField:hover{
			opacity:1;
			filter:alpha(opacity=100);
			}
			
			::-ms-clear {
			display: none;
			}

			#content{
			margin:20px;
			min-height:250px;
			}

			.apbutton{
			vertical-align:top;
			display:inline-block;
			width:125px;
			height:34px;
			line-height: 26px;
			border: 1px solid #c5c6c8;
			border-radius:3px;
			background: #f5f5f5; /* Old browsers */
			background: -moz-linear-gradient(top,  #ffffff 0%, #efefef 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* IE10+ */
			background: linear-gradient(top,  #ffffff 0%,#efefef 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
			margin-bottom: 9px;
			margin-right:10px;
			cursor:pointer;
			}

			.apbutton .label{
			font-size: 12px;
			font-weight:bold;
			color:#386064;
			text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
			}

			hr.shade {
			margin-top:0px;
			padding-top:0px;
			position: relative;
			width: 100%;
			height: 10px;
			overflow: hidden;
			border:0px;
			background:transparent;
			}

			hr.shade:before {
			content: '';
			width: 85%;
			height: 5px;
			left: 5%;
			position: absolute;
			z-index: 50;
			border-radius: 0 0 100% 100% / 0 0 150% 150%;
			box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, .35);
			background:transparent;
			top:-5px;
			}

			hr.shade:after {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 1px;
			z-index: 100;
			background: #fff;
			}
			
			hr.shadeup {
			transform: rotate(180deg);
			-ms-transform: rotate(180deg); /* IE 9 */
			-webkit-transform: rotate(180deg); /* Safari and Chrome */
			-o-transform: rotate(180deg); /* Opera */
			-moz-transform: rotate(180deg); /* Firefox */
			margin-left:-20px;
			}

			html {
			font-size: 100%;
			-webkit-text-size-adjust: 100%;
			-ms-text-size-adjust: 100%;
			}

			input {
			margin: 0;
			font-size: 100%;
			vertical-align: middle;
			}

			input {
			*overflow: visible;
			line-height: normal;
			}
			
			input::-moz-focus-inner {
			padding: 0;
			border: 0;
			}

			.input-block-level {
			display: block;
			width: 100%;
			min-height: 28px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-ms-box-sizing: border-box;
			box-sizing: border-box;
			}

			#client_name {font-weight:bold; margin-top:5px; margin-bottom:5px;}
			#oauth_img {width:200px;height:125px;overflow: hidden;}
			#client_details{
			text-align: center;
			overflow-x: hidden;
			}

			.oauthRevokeToken{
			clear:both;
			text-align: center;
			}

			.allowBtn, .denyBtn {
			margin-top: 10px;
			}

			#theloginform {
			display:inline;
			}

			.identity {
			height: 28px;
			padding: 8px 0px 8px 8px;
			background-color: #f3f5f6;
			border-top: 1px solid #CCC;                     
			border-left: 1px solid #CCC;                        
			border-right: 1px solid #CCC;
			cursor: pointer; cursor: hand;
			}

			.identityinput { 
			width:206px;
			margin-top:5px;
			float:left;
			}

			#username, #password {
			width:222px;
			}

			#mydomain{
			display:inline;
			width:250px;
			}

			.hinput {
			cursor: pointer;
			cursor: hand;
			}

			.deleteIdentity {
			background-image:url('../new/ico_cancel_clear.png');
			width: 14px;
			height: 14px;
			cursor: hand; 
			cursor: pointer;
			background-repeat:no-repeat;
			opacity:0.8;
			filter:alpha(opacity=80);
			}

			#hinttop {
			margin-bottom: 10px;
			}

			.first {
			-moz-box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.2);
			-webkit-box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.2);
			box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.2);
			-webkit-border-radius: 3px;
			-webkit-border-bottom-right-radius: 0px;
			-webkit-border-bottom-left-radius: 0px;
			-moz-border-radius: 3px;
			-moz-border-radius-bottomright: 0px;
			-moz-border-radius-bottomleft: 0px;
			border-radius: 3px;
			border-bottom-right-radius: 0px;
			border-bottom-left-radius: 0px;
			
			}

			.last {
			border-bottom: 1px solid #CCC;
			-webkit-border-radius: 3px;
			-webkit-border-top-right-radius: 0px;
			-webkit-border-top-left-radius: 0px;
			-moz-border-radius: 3px;
			-moz-border-radius-topright: 0px;
			-moz-border-radius-topleft: 0px;
			border-radius: 3px;
			border-top-right-radius: 0px;
			border-top-left-radius: 0px;
			
			}

			.one {
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			border: 1px solid #CCC;     
			margin-bottom:6px;
			}

			.edit {
			-moz-box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.2);
			-webkit-box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.2);
			box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.2);
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			border: 1px solid #CCC;
			margin-top:10px;
			}

			.thumbnail {
			width:28px;
			height:28px;
			padding-right:4px;
			}

			.t{
			float:left;
			}

			.deleteHint {
			float:right;
			margin-top:8px;
			margin-right:2px;
			width: 14px;
			height: 14px;
			text-align: center;
			vertical-align: center;
			font-size: 10pt;
			cursor: hand; 
			cursor: pointer;
			font-family:Arial;
			background-image:url('../img/ico_cancel_clear.png');
			background-repeat:no-repeat;
			opacity:0.8;
			filter:alpha(opacity=80);
			}

			.select {
			margin-top:2px;
			font-size:22px;
			color: #ccc;
			float:right;
			margin-right:5px;
			}

			.online {
			font-size:22px;
			color: green;
			}

			.loginoption {
			font-size: 12px;
			padding-bottom: 5px;
			}

			.add {
			margin-top:10px;
			-moz-box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.2);
			-webkit-box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.2);
			box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.2);
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			}

			.loginelement {
			border: 0px;
			padding: 0px;
			margin: 0px;
			background-color: #f3f5f6;
			width: 100%;
			font-size: 12px;
			}

			#another, #hint_forgot_pw {
			padding-top:10px;
			display: none;
			}

			#loginwith{display:none;}
			#edit{display:none;float:right;font-size:12px;}
			#hints {
			display: none;
			margin: 0px;
			padding: 0px;
			}

			#idlist {
			max-height: 205px;
			overflow: auto;
			clear:both;
			}

			#idlist_testing:after {
			margin-top: -20px;
			content: '';
			position: fixed;
			height: 30px;
			width: 285px;
			background: linear-gradient(bottom, rgba(229, 229, 229,0), rgba(229, 229, 229, 1)); 
			background: -moz-linear-gradient(bottom, rgba(229, 229, 229,0), rgba(229, 229, 229, 1)); 
			background: -ms-linear-gradient(bottom,rgba(229, 229, 229,0), rgba(229, 229, 229, 1)); 
			background: -webkit-linear-gradient(top, rgba(229, 229, 229,0), rgba(229, 229, 229, 1));
			z-index: 999;
			}

			.info { 
			float: right;
			font-size: 10px;
			margin-top: 10px;
			margin-right: 2px;
			}

			#manageheader {
			display:none;
			margin-top:30px;
			width: 284px;
			}

			#managetitle {
			}

			.order {
			margin-left: 20px;
			margin-top: 10px;
			}

			#mydomainContainer {    
			display: none;
			}

			#mydomainLink {
			display: none;
			margin-top:10px;
			}

			#notMydomain {
			display: none;
			}

			#mydomainContinue {
			width: 270px;
			margin-top: 15px;
			}

			#editscale {   
			margin-bottom: 0px;
			margin-top: 0px;
			margin-left: auto; 
			margin-right: auto; 
			overflow: auto;
			max-height: 320px;
			}

			#idscale {
			width: 285px;
			}