/*HTML*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0; font-size: 100%;vertical-align: auto;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
ol, ul								{list-style: none;}
blockquote, q						{quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after 					{content: '';	content: none;}
table								{border-collapse: collapse;	border-spacing: 0;}
body								{color:#555;font:12px 'Open Sans', Arial, Helvetica, sans-serif;margin:0 auto}
img									{border-style:none;}
p									{text-align:left; line-height:20px; margin-bottom:14px; font: 15px/1.4em "Helvetica","Arial","sans-serif"; text-align:justify}

.fields								{float: left; margin: 12px 0 0 10px}
/* Main HTML */
* 									{margin:0; padding:0;}
#loginFrom label					{color: #666 !important;color: #666666 !important;  font-size: 13px;  line-height: 24px;text-shadow: 0 1px 0px #eeeeee;}
img									{border:none;}
html, body 							{width:100%;height:100%;margin:0px;padding:0px; overflow:hidden}
 .pbxSignupScroll						{width:100%;height:100%;margin:0px;padding:0px; overflow:auto} 

body	{-webkit-background-size: cover;           /* Safari 3.0 */
     -moz-background-size: cover;           /* Gecko 1.9.2 (Firefox 3.6) */
       -o-background-size: cover;           /* Opera 9.5 */
          background-size: cover           /* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */}

.loginTextboxBg						{width:431px;height:96px;background: url(../images/login.png) no-repeat;margin:0 auto;margin-top:18%}
/* .euloginTextboxBg					{width:296px;height:260px;background: url(../images/eu_login.png) no-repeat;margin:0 auto;margin-top:10%} */
.euloginTextbox					{font-size:13px;float:left;color:black;width:300px;height:413px;border-radius:12px}
.pbxloginTextboxBg						{width:276px;height:610px;background: url(../images/pbx_signup.png) no-repeat;margin:0 auto;margin-top:18%;border-radius: 10px;}
.clear								{clear:both}
.login-header						{padding:14px;width: 160px;margin: 0 auto}
.login-header img					{position: absolute;top:30%}
.logo								{float:left}
.Login-Title						{font-size:16px;float:right;padding:10px;font-weight:bold;color:#999;line-height:27px}
.login-textbox						{width:431px;margin:10px;}
.pbxlogin-textbox						{width:257px;margin-left:10px;margin-right:10px;}
.login-textbox-enduser				{font-size:13px;float:left;color:black;width:431px;height:580px;border-radius:12px}

.loginTextBoxenduser				{width:200px;padding:7px;font-size:13px;color:#999;background:#FFF;border:1px solid #ababab;-moz-border-radius:4px;

-webkit-border-radius:4px; border-radius:4px;text-shadow: 0 -1px 1px #FFF;}

.loginTextBox						{width:150px;padding:7px;font-size:13px;color:#999;background:#FFF;border:1px solid #ababab;-moz-border-radius:4px;

-webkit-border-radius:4px; border-radius:4px;text-shadow: 0 -1px 1px #FFF;}
.loginTextBox:focus,
.loginTextBox:hover,
.loginTextBox:active				{border:1px solid #666;outline:0px;-webkit-box-shadow: inset 0 0 5px 2px #F7F7F7, 0 1px 0 #F7F7F7;
    box-shadow: inset 0 0 5px 2px #F7F7F7, 0 1px 0 #F7F7F7;}
#Loader	,#Loader1							{background:#000;width:100%;height:100%;position:absolute;z-index:99999999999}
#Loader								{background:#000;width:100%;height:100%;position:absolute;z-index:99999999999}

.loaders							{background:#fff;-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px;border-radius: 4px;margin-left:48%;padding:10px;margin-top:20%}
#Loader,#Loader1 {
	/* Required for IE 5, 6, 7 */
	/* ...or something to trigger hasLayout, like zoom: 1; */
	width: 100%; 
		
	/* Theoretically for IE 8 & 9 (more valid) */	
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=50);
	
	/* Older than Firefox 0.9 */
	-moz-opacity:0.5;
	
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.5;
    
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.5;
}

/* shiny blue (inspired by rdio iphone interface)
*******************************************************************************/
input.shiny-blue {
  background-color: #759ae9;margin:0 auto;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #759ae9), color-stop(50%, #376fe0), color-stop(50%, #1a5ad9), color-stop(100%, #2463de));
  background-image: -webkit-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
  background-image: -moz-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
  background-image: -ms-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
  background-image: -o-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
  background-image: linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
  border-top: 1px solid #1f58cc;
  border-right: 1px solid #1b4db3;
  border-bottom: 1px solid #174299;
  border-left: 1px solid #1b4db3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8);
  box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8);
  color: #fff;
  font: bold 12px/1 "helvetica neue", helvetica, arial, sans-serif;
  padding: 6px 0;
  text-shadow: 0 -1px 1px #1a5ad9;
  width: 55px;line-height:16px}
  input.shiny-blue:hover {
    background-color: #5d89e8;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5d89e8), color-stop(50%, #2261e0), color-stop(50%, #044bd9), color-stop(100%, #0d53de));
    background-image: -webkit-linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
    background-image: -moz-linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
    background-image: -ms-linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
    background-image: -o-linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
    background-image: linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
    cursor: pointer; }
  input.shiny-blue:active {
    border-top: 1px solid #1b4db3;
    border-right: 1px solid #174299;
    border-bottom: 1px solid #133780;
    border-left: 1px solid #174299;
    -webkit-box-shadow: inset 0 0 5px 2px #1a47a0, 0 1px 0 #eeeeee;
    box-shadow: inset 0 0 5px 2px #1a47a0, 0 1px 0 #eeeeee; }

	
	/***** 28. NOTIFICATION MESSAGES *****/
/*************************************/


.notibar { 
	height: 51px; overflow: hidden; position: relative; margin-bottom: 20px; -moz-border-radius: 2px; 
	-webkit-border-radius: 2px; border-radius: 2px; line-height: 21px; -moz-box-shadow: inset 0 1px 0 rgba(250, 250, 250, 0.8); 
	-webkit-box-shadow: inset 0 1px 0 rgba(250, 250, 250, 0.8); box-shadow: inset 0 1px 0 rgba(250, 250, 250, 0.8);
}
.notibar p { margin: 15px 10px 0 55px; font-size: 13px; color: #333; }
.notibar a.close { 
	position: absolute; width: 14px; height: 14px; top: 5px; right: 5px; background-image: url(../images/close.png); background-repeat: no-repeat; }
.notibar a.close:hover { cursor: pointer; }
.msgalert a.close { background-position: -14px 0; }
.msgalert a.close:hover { background-position: -14px -14px; }
.msginfo a.close { background-position: -42px 0; }
.msginfo a.close:hover { background-position: -42px -14px; }
.msgsuccess a.close { background-position: -28px 0; }
.msgsuccess a.close:hover { background-position: -28px -14px; }
.msgerror a.close { background-position: 0 0; }
.msgerror a.close:hover { background-position: 0 -14px; }
.announcement a.close { background-position: -56px 0; }
.announcement a.close:hover { background-position: -56px -14px; }

.msgalert { border: 1px solid #eac572; background: #ffe9ad url(../images/notifications.png) no-repeat 0 -52px; }
.msginfo { border: 1px solid #99c4ea; background: #d1e4f3 url(../images/notifications.png) no-repeat 0 -156px; }
.msgsuccess { border: 1px solid #c1d779; background: #effeb9 url(../images/notifications.png) no-repeat 0 -104px; }
.msgerror { border: 1px solid #e18b7c; background: #fad5cf url(../images/notifications.png) no-repeat 0 0; }
.announcement { 
	border: 1px solid #fbe187; background: #ffffdf url(../images/icons/blogperfume/Advertisment/advertisment-32.png) no-repeat 10px 10px; 
	color: #95673f; height: auto;
}
.announcement h3 { margin: 15px 10px 10px 55px; }
.announcement p { margin: 15px 10px 15px 55px; }