html {			 	background:url(img/background.gif); 
				font-family:"lucida grande",tahoma,verdana,arial,sans-serif; 
				margin:0 auto; 
				-webkit-font-smoothing:antialiased; 
				overflow:hidden scroll; /* for the sake of a consistant behavior and centering */
}
body 				{ position:relative; width:1000px; margin:0 auto; padding-bottom:30px; padding-top:45px;}

.ie6 *, .ie7 *, .ie8 * 		{ zoom:1; } /* fix a lot of the weird stuff, triggers hasLayout thingy */
h1, h2 				{ line-height:1.5em; font-family:Arial,sans-serif; }

.no-js .hasScript		{ visibility:hidden; }
.js .hasScript			{ visibility:visible; }

#wrapper			{ box-shadow:0 10px 21px #000; }
#logo				{ position:absolute; left:50%; top:25%; width:120px; height:123px; text-indent:-9000px; }
#logo_header			{ position:absolute; height:32px; width:36px; top:10px; left:20px; text-indent:-9000px; background:url(img/logo-small.gif) no-repeat; }

/*.svg #logo			{ background:url(img/logo.svg) no-repeat; } */
#logo				{ background:url(img/logo.gif) no-repeat; }
.login-regular .asia		{ background:#fff url(img/asia.jpg) top left no-repeat;}
.login-shanghai .asia		{ background:#fff url(img/shanghai.jpg) top left no-repeat; }
.login-shanghai form		{ color:#fff; }
.login-shanghai #catch		{ text-indent:-9000px; background:url(img/shanghai-opening.jpg); }


/* Links color & behavior */
a, a:link, a:visited, a:hover, a:active 	{ text-decoration:none; color:#333;}
a:hover, a:focus, a:active { color:#666; }

.male, .male:link 		{ color:#06f; }
.female, .female:link 		{ color:#f3c; }
#header a, #menu a 		{ color:#666; }
#header a:hover, #menu a:hover, #header a:focus, #menu a:focus, #header .selected a, #menu .selected a { color:#fff; }

.article 			{ border-bottom:1px solid #666; position:relative; }
.no-B				{ border:0; }
#social				{ display:block; position:absolute; right:0px; bottom:10px; overflow:hidden; }
#social li 			{ display:block; overflow:hidden; background-image:url(img/social-icons.png); margin-left:5px; }
#social a 			{ width:16px; height:16px; display:block;  }
	#social1		{  }
	#social2		{ background-position:0 -16px; }
	#google			{ background-position:0 -32px; }
	#msn			{ background-position:0 -48px; }
	#social3		{ background-position:0 -64px; }
	#social4		{ background-position:0 -80px; }
	#social5		{ background-position:0 -96px; }
	#mail			{ background-position:0 -112px; }
	#yahoo			{ background-position:0 -128px; }

#header 			{ height:45px; position:relative; }
#mobile 			{ background:transparent url(img/mobile.png) 0 0 no-repeat; width:93px; 
					height:30px; border:0; float:right; margin:5px 30px 0 0; text-indent:-9000px; }
#back 				{ background:url(img/back.gif) 0 0 no-repeat; margin:7px 0 0 30px; float:left; 
					width:100px; height:30px; color:#fff; padding:6px 0 0 30px; }
.form 				{ border-top:1px solid #000; border-bottom:1px solid #000;  }		
.midH  				{ height:230px; position:relative;} /* fixed height for the central elements of the login and mobile pages */
.login-regular #login-box 	{ background:url(img/form.jpg) no-repeat;} /* The login form on the login page */
.login-regular #login-box a { color:#fff; }
.login-shanghai #login-box 	{ background:url(img/shanghai-login.jpg) 73px -1px no-repeat;}
#submit-wrap			{ overflow:visible; }
#submit-wrap .floatL a	{ color:#666; }
#login-box #errorLogin		{ color:#f00; font-size:13px; position:absolute; bottom:5px; }

.submenu 			{ background:#ddd; border-bottom:1px solid #c6c6c6; }
.submenu a 			{ color:#666; }
.submenu a:hover, .submenu a:active, .submenu a:focus, .submenu .selected { color:#06c; }

#remember 						{ margin:1px 5px 0 0; }
.ie8 #remember, .ie7 #remember, .ie6 #remember		{ margin:-2px 5px 0 0; }

/* specific styles for the catchphrase and about footer on login and mobile pages */

#catch				{ border-top:1px solid #373634;}
#aboutp1			{ background:#fff; background-color:#fff; }
	.aboutp1-bL		{ border-left:1px solid #ccc; height:141px; }
	.aboutp1-a 		{ position: absolute; bottom: 20px; right: 20px; }
	#aboutp1 h2 		{ height:30px; }
	.aboutp1-180		{ height:180px; position:relative; } /* fixed height for the "footer" on login and mobile pages */
	#aboutp1 h2 		{ background:url(img/login-img.png) no-repeat; }
	#invit h2		{ background-position:0 -93px; text-indent:35px;}
	#inquiry h2		{ background-position:0 -2px; text-indent:40px; }
	#sharing h2		{ background-position:0 3px; text-indent:40px; }
	#press h2 		{ background-position:0 -30px; text-indent:40px; }
	#lifestyle h2 		{ background-position:0 -60px; text-indent:25px; }
	#galleries h2 		{ background-position:0 -120px; text-indent:30px; }

	#apps 			{ padding-top:35px; background:url(img/iphone-shad.png) no-repeat 0 21px; }

	#apps a 		{ width:162px; height:53px; display:block; margin:10px 0 0 23px; }
	#appstore 		{ background:url(img/appstore.png); }
	#android 		{ background:url(img/android.png); }

	#content 		{ background:#fff; }



/* Mobile page specific */

#iphone 			{ width:210px; height:397px; position:absolute; background:url(img/iphone.png); right:65px; top:53px; }
.ie6 #iphone 			{ background:url(ie/iphone.gif); }
#iphone img 			{ top:70px; left:17px; position:absolute}


/* Activation styles */
#activation h1 			{ text-indent:-9000px; height:32px; width:26px; background:url(img/logo.svg); }
#activation #content, 
.activation #aside, #aside ol, 
#form 				{ height:630px; position:relative; }
#activation #aside 		{ background:#f9f9f9; }
#aside, label 			{ font-family:Arial,sans-serif; }
.inscr_input 			{ height:30px; outline:0; }
.activ_submit			{ background:url(img/buttons-blue.png) no-repeat; height:31px; width:130px; border:0; color:#fff; bottom:6px; font-weight:bold; text-shadow:0 0 2px #000;}
.activ_submit:hover		{ background-position:0 -33px; }
.activ_submit:active		{ background-position:0 -66px; }

/* header et sub-header */
#invited 			{ position:relative; }
#invited img 			{ display:block; position:absolute; top:-25px; right:10px; }
#invited p 			{ padding-right:75px; }

/* content */
/* first page */
#intro 				{ border-bottom:1px solid #ccc; padding-bottom:1px; }
#intro h2 			{ font-weight:bold; font-size:14px; color:#000; }
#footer 			{ position:absolute; bottom:0; width:100%; background:rgba(255,255,255,0.8); }
#nav 				{ border-top:1px solid #ccc;  padding:40px 20px; overflow:hidden; }
#skip, #terms			{ margin-top:8px; line-height:1.5em; }
#terms a 			{ color:#000; }
#terms a:hover, #terms a:focus, #terms a:active { color:#06c; }


/* invite your friends */
#friendlist 			{ overflow-x:hidden; overflow-y:auto; height:405px; }
table 				{ width:100%; }
.ie6 table			{ width:96%; }
thead				{ background:#f7f7f7; }
td 				{ height:32px; vertical-align:middle; border-bottom:1px solid #ccc; }
thead td 			{ border:0; }

#nav 				{ overflow:hidden; }

#nav-2 				{ padding:10px 0 ; }
#nav-2 ul 			{ width:60px; margin:0 auto; }
#nav-2 a 			{ text-indent:-9000px; display:block; width:10px; height:10px; margin:0 5px; }

.borderradius #nav-2 a 		{ background:#ccc; }
.borderradius #nav-2 .selected 	{ background:#3d88d9; }

.no-borderradius #nav-2 a	{ background:url(ie/step2-nav.gif) no-repeat; overflow:hidden; } 
.no-borderradius #nav-2 .selected { background-position:0 -10px; } 

.ie6 #friendlist li, .ie7 #friendlist li { height:170px; }
#friendlist a 			{ width:100px; margin-left:25px; margin-right:15px; margin-top:15px; }
#friendlist .selected 		{ background:url(img/f-selected.png) 19px 9px no-repeat; }


/* aside */
#aside ol			{ background:no-repeat 0 -201px; border-right:1px solid #ccc; }
#aside .step2			{ background-position:0 -134px; }
#aside .step3			{ background-position:0 -67px; }
#aside .step4			{ background-position:0 0; }
#aside li 			{ border-bottom:1px solid #ccc; }
.ie6 #aside li, .ie7 #aside li	{ border:0; } /* weird border bug */
#aside a 			{ display:block; text-indent:20px; padding:26px 0; color:#fff; font-size:14px;   }
#aside a:before 		{ margin-right:20px; background:#444; padding:5px 10px; border-radius:3px; }
#aside .inactive a:before 	{ background:#bbb; color:#ddd; }
#aside #welcome:before 		{ content:'1'; }
#aside #connect:before 		{ content:'2'; }
#aside #you:before 		{ content:'3'; }
#aside #picture:before		{ content:'4'; }
#aside .inactive a		{ color:#aaa; }

#aside .completed a		{ color:#000; background:url(ie/ie6-completed.gif) no-repeat 95% 50%; }
#aside .skipped a		{ background-image:url(ie/ie6-warning.gif); }
#aside .completed a:before 	{ color:#fff; }

.no-borderradius #aside a:before 		{ background:url(ie/ie8-stepper-back.png); } /* ie8 and old browsers, 1 image needed */
.no-borderradius #aside .inactive a:before	{ background-position-x:-29px; }

/* really old browsers, 2 big images needed!! Who, in his right mind, still uses these ? */
.ie6 #aside a, 	.ie7 #aside a			{ text-indent:60px; }
.ie6 #aside li,  .ie7 #aside li			{ background:url(ie/stepper-active.png) no-repeat 20px 21px; } 
.ie6 #aside .inactive, 	.ie7 #aside .inactive 	{ background:#eee url(ie/stepper-inactive.png) no-repeat 20px 21px; }

.ie6 #aside #two, 	.ie7 #aside #two	{ background-position:20px -47px; }
.ie6 #aside #three, 	.ie7 #aside #three	{ background-position:20px -115px; }
.ie6 #aside #four, 	.ie7 #aside #four	{ background-position:20px -183px; }

.ie6 #aside a	{ font-weight:600; }

.csstransitions #aside ol {
	transition:0.3s ease background-position;
	-webkit-transition:0.3s ease background-position; 
	-o-transition:0.3s ease background-position; 
	-moz-transition:0.3s ease background-position;
	-ms-transition:0.3s ease background-position;
	-khtml-transition:0.3s ease background-position;
}

.cssgradients #aside ol { /* it's big, but less so than an image ! */
	background-image: -webkit-gradient( 
    		linear,
    		left top,
    		left bottom,
    		color-stop(0, rgb(246,246,246)),
    		color-stop(0.25, rgb(235,235,235)),
    		color-stop(0.25, rgb(246,246,246)),
    		color-stop(0.5, rgb(235,235,235)),
    		color-stop(0.5, rgb(246,246,246)),
    		color-stop(0.75, rgb(235,235,235)),
    		color-stop(0.75, rgb(96,170,238)),
    		color-stop(1, rgb(79,142,217))
	); /* legacy webkit syntax */
	background-image: -webkit-linear-gradient(
    		center bottom,
		rgb(246,246,246) 0%,
		rgb(235,235,235) 25%,
		rgb(246,246,246) 25%,
		rgb(235,235,235) 50%,
		rgb(246,246,246) 50%,
		rgb(235,235,235) 75%,
    		rgb(96,170,238) 75%,
    		rgb(67,120,184) 100%
	);
	background-image: -moz-linear-gradient(
    		center top,
		rgb(246,246,246) 0%,
		rgb(235,235,235) 25%,
		rgb(246,246,246) 25%,
		rgb(235,235,235) 50%,
		rgb(246,246,246) 50%,
		rgb(235,235,235) 75%,
    		rgb(96,170,238) 75%,
    		rgb(67,120,184) 100%
	);
	background-image: -ms-linear-gradient(
    		center top,
		rgb(246,246,246) 0%,
		rgb(235,235,235) 25%,
		rgb(246,246,246) 25%,
		rgb(235,235,235) 50%,
		rgb(246,246,246) 50%,
		rgb(235,235,235) 75%,
    		rgb(96,170,238) 75%,
    		rgb(67,120,184) 100%
	);
	background-image: -o-linear-gradient(
    		center top,
		rgb(246,246,246) 0%,
		rgb(235,235,235) 25%,
		rgb(246,246,246) 25%,
		rgb(235,235,235) 50%,
		rgb(246,246,246) 50%,
		rgb(235,235,235) 75%,
    		rgb(96,170,238) 75%,
    		rgb(67,120,184) 100%
	);
	background-image: linear-gradient(
    		center top,
		rgb(246,246,246) 0%,
		rgb(235,235,235) 25%,
		rgb(246,246,246) 25%,
		rgb(235,235,235) 50%,
		rgb(246,246,246) 50%,
		rgb(235,235,235) 75%,
    		rgb(96,170,238) 75%,
    		rgb(67,120,184) 100%
	);
	-webkit-background-size:100% 268px;
	-moz-background-size:100% 268px;
	-ms-background-size:100% 268px;
	-o-background-size:100% 268px;
	background-size:100% 268px;
}
.no-cssgradients #aside ol { background-image:url(ie/stepper.png); } 

.boxshadow #aside li {
	transition:0.3s ease box-shadow;
	-webkit-transition:0.3s ease -webkit-box-shadow; 
	-o-transition:0.3s ease -o-box-shadow; 
	-moz-transition:0.3s ease -moz-box-shadow;
	-ms-transition:0.3s ease -ms-box-shadow;
}

.boxshadow #aside .selected {
	-webkit-box-shadow:inset 0 1px 3px #333; 
	-moz-box-shadow:inset 0 1px 3px #333; 
	-ms-box-shadow:inset 0 1px 3px #333; 
	-o-box-shadow:inset 0 1px 3px #333; 
	box-shadow:inset 0 1px 3px #333; 

}

.cssgradients #aside .inactive, .css-gradients #aside .completed {
	background-image: -webkit-gradient(
    		linear,
    		left top,
    		left bottom,
    		color-stop(0, rgb(246,246,246)),
    		color-stop(1, rgb(235,235,235))
	);
	background-image: -webkit-linear-gradient(
    		center top,
    		rgb(246,246,246) 0%,
    		rgb(235,235,235) 100%
	);
	background-image: -moz-linear-gradient(
    		center top,
    		rgb(246,246,246) 0%,
    		rgb(235,235,235) 100%
	);
	background-image: -ms-linear-gradient(
    		center top,
    		rgb(246,246,246) 0%,
    		rgb(235,235,235) 100%
	);
	background-image: -o-linear-gradient(
    		center top,
    		rgb(246,246,246) 0%,
    		rgb(235,235,235) 100%
	);
	background-image: linear-gradient(
    		center top,
    		rgb(246,246,246) 0%,
    		rgb(235,235,235) 100%
	);
}

.no-cssgradients #aside .inactive, .no-cssgradients #aside .completed { background:url(ie/stepper-2.png) repeat-x; } 

/* Generic styles */

.cssgradients #header, .cssgradients #menu {  
	background-image: -webkit-gradient(
    		linear,
    		left bottom,
    		left top,
    		color-stop(0, rgba(0,0,0,0.6)),
    		color-stop(0.5, rgba(0,0,0,0.6)),
		color-stop(0.51, rgba(21,21,21,0.6)),
    		color-stop(1, rgba(71,71,71,0.6))
	);
	background-image: -webkit-linear-gradient(
    		center bottom,
    		rgba(0,0,0,0.6) 0%,
    		rgba(0,0,0,0.6) 50%,
		rgba(21,21,21,0.6) 51%,
    		rgba(71,71,71,0.6) 100%
	);
	background-image: -moz-linear-gradient(
    		center bottom,
    		rgba(0,0,0,0.6) 0%,
    		rgba(0,0,0,0.6) 50%,
		rgba(21,21,21,0.6) 51%,
    		rgba(71,71,71,0.6) 100%
	);
	background-image: -ms-linear-gradient(
    		center bottom,
    		rgba(0,0,0,0.6) 0%,
    		rgba(0,0,0,0.6) 50%,
		rgba(21,21,21,0.6) 51%,
    		rgba(71,71,71,0.6) 100%
	);
	background-image: -o-linear-gradient(
    		center bottom,
    		rgba(0,0,0,0.6) 0%,
    		rgba(0,0,0,0.6) 50%,
		rgba(21,21,21,0.6) 51%,
    		rgba(71,71,71,0.6) 100%
	);
	background-image: linear-gradient(
    		center bottom,
    		rgba(0,0,0,0.6) 0%,
    		rgba(0,0,0,0.6) 50%,
		rgba(21,21,21,0.6) 51%,
    		rgba(71,71,71,0.6) 100%
	);
}
.no-cssgradients .asia #header, .no-js .asia #header 	{ background-image:url(ie/header.jpg); }
.no-cssgradients #menu, .no-js #menu, .no-cssgradients #header, .no-js #header	{ background-image:url(ie/header-2.jpg); }
.no-cssgradients .login-shanghai #header 		{ background-image:url(ie/header-shanghai.jpg); }

/* Error styles */
#error { text-indent:3em; }

.cssgradients .warning {
	background-image: -webkit-gradient(
    		linear,
    		left top,
    		left bottom,
    		color-stop(0, rgba(255,236,161,1)),
    		color-stop(1, rgba(255,220,139,1))
	);
	background-image: -webkit-linear-gradient(
    		center top,
    		rgba(255,236,161,1) 0%,
    		rgba(255,220,139,1) 100%
	);
	background-image: -moz-linear-gradient(
    		center top,
    		rgba(255,236,161,1) 0%,
    		rgba(255,220,139,1) 100%
	);
	background-image: -ms-linear-gradient(
    		center top,
    		rgba(255,236,161,1) 0%,
    		rgba(255,220,139,1) 100%
	);
	background-image: -o-linear-gradient(
    		center top,
    		rgba(255,236,161,1) 0%,
    		rgba(255,220,139,1) 100%
	);
	background-image: linear-gradient(
    		center top,
    		rgba(255,236,161,1) 0%,
    		rgba(255,220,139,1) 100%
	);
}
.no-cssgradients .warning, .no-js .warning { background:url(ie/warning.gif); }
.cssgradients .error {
	background-image: -webkit-gradient(
    		linear,
    		left top,
    		left bottom,
    		color-stop(0, rgba(255,127,107,1)),
    		color-stop(1, rgba(255,85,76,1))
	);
	background-image: -webkit-linear-gradient(
    		center top,
    		rgba(255,127,107,1) 0%,
    		rgba(255,85,76,1) 100%
	);
	background-image: -moz-linear-gradient(
    		center top,
    		rgba(255,127,107,1) 0%,
    		rgba(255,85,76,1) 100%
	);
	background-image: -ms-linear-gradient(
    		center top,
    		rgba(255,127,107,1) 0%,
    		rgba(255,85,76,1) 100%
	);
	background-image: -o-linear-gradient(
    		center top,
    		rgba(255,127,107,1) 0%,
    		rgba(255,85,76,1) 100%
	);
	background-image: linear-gradient(
    		center top,
    		rgba(255,127,107,1) 0%,
    		rgba(255,85,76,1) 100%
	);
}
.no-cssgradients .error, .no-js .error { background:url(ie/error.gif); }
.warning { border-bottom:1px solid #e8d191 }
.error { border-bottom:1px solid #ff4637; color:#000; }


#error { margin-top:-39px;  }
#error p { text-indent:50px;  }
.error p { background:url(ie/ie6-error.gif) 25px 0 no-repeat; }
.warning p { background:url(ie/ie6-security.gif) 25px 0 no-repeat; }

/* text & fonts */
.txt-18 { font-size:18px; }
.txt-16 { font-size:16px; }
.txt-14 { font-size:14px; }
.txt-12 { font-size:12px; }
.txt-10 { font-size:10px; }
.txt-white { color:#fff; }
.txt-grey { color:#666; }
.txt-black { color:#000; }
.lh-15 { line-height:1.5em; }

.id-20 { text-indent:15px; }
.id-20 { text-indent:20px; }
.id-25 { text-indent:25px; }
.id-30 { text-indent:30px; }
.id-35 { text-indent:35px; }

.txt-N { font-weight:300; }
.txt-I { font-style:italic; }
.txt-R { text-align:right; }
.txt-L { text-align:left;}
.txt-C { text-align:center; }
/* borders */

/* box model */
.floatL {float:left;}
.floatR { float:right; }
.block { display:block; overflow:hidden;  }
.clear { clear:both; }

/* paddings */
.p-20 { padding:20px; }
.pV-20 { padding-top:20px; padding-bottom:20px; }
.pH-20 { padding-left:20px; padding-right:20px; }
.pR-20 { padding-right:20px; }
.pL-20 { padding-left:20px; }
.pT-20 { padding-top:20px; }
.pB-20 { padding-bottom:20px; }

.p-15 { padding:15px; }
.pV-15 { padding-top:15px; padding-bottom:15px; }
.pH-15 { padding-left:15px; padding-right:15px; }
.pR-15 { padding-right:15px; }
.pL-15 { padding-left:15px; }
.pT-15 { padding-top:15px; }

.p-10 { padding:10px; }
.pV-10 { padding-top:10px; padding-bottom:10px; }
.pH-10 { padding-left:10px; padding-right:10px; }
.pR-10 { padding-right:10px; }
.pL-10 { padding-left:10px; }
.pB-10 { padding-bottom:10px; }

.p-5 { padding:5px; }
.pV-5 { padding-top:5px; padding-bottom:5px; }
.pH-5 { padding-left:5px; padding-right:5px; }
.pR-5 { padding-right:5px; }
.pL-5 { padding-left:5px; }
.pT-5 { padding-top:5px; }


/* margins */

.m-20 { margin:20px; }
.mV-20 { margin-top:20px; margin-bottom:20px; }
.mH-20 { margin-left:20px; margin-right:20px; }
.mR-20 { margin-right:20px; }
.mB-20 { margin-bottom:20px; }
.mL-20 { margin-left:20px; }
.mT-20 { margin-top:20px; }

.m-10 { margin:10px; }
.mV-10 { margin-top:10px; margin-bottom:10px; }
.mH-10 { margin-left:10px; margin-right:10px; }
.mT-10 { margin-top:10px; }
.mB-10 { margin-bottom:10px; }
.mR-10 { margin-right:10px; }
.mL-10 { margin-left:10px; }

.mB-5 { margin-bottom:5px; }
.mT-5 {margin-top:5px; }

/* forms & buttons */
.input { border:0; outline:0; padding:5px; }

.btn-white, .btn-black, .btn-black-small { font-size:11px; ; display:block; text-align:center; padding:7px 0; border:0; outline:0;  background:url(img/buttons.png);}
.btn-black-small { padding:6px 0 5px 0; }
.btn-white { color:#000; width:161px; }
.btn-black { color:#fff !important;  width:161px; }
.btn-black-small { color:#fff; width:94px; }

.btn-white				{ background-position:-161px 0; }
.btn-white:hover, .btn-white:focus	{ background-position:-161px -25px; }
.btn-white:active			{ background-position:-161px -50px; }

.btn-black				{ background-position:0 0; }
.btn-black:hover, .btn-black:focus	{ background-position:0 -25px; }
.btn-black:active			{ background-position:0 -50px; }

.btn-black-small			{ background-position:-322px 0; }
.btn-black-small:hover, .btn-black-small:focus	{ background-position:-322px -25px; }
.btn-black-small:active			{ background-position:-322px -50px; }


.btn-white:hover, .btn-white:focus, .btn-white:active { color:#333; }
.btn-black:hover, .btn-black:focus, .btn-black:active { color:#bbb; }
.btn-black-small:hover, .btn-black-small:focus, .btn-black-small:active { color:#bbb; }

/* cosmetic stuff */


input { border-radius:3px; 
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	-ms-border-radius:3px;
	-khtml-border-radius:3px;
}
input:hover, .lightShadow:hover {
	box-shadow:0 0 5px #abf;
	-webkit-box-shadow:0 0 5px #abf;
	-moz-box-shadow:0 0 5px #abf;
	-o-box-shadow:0 0 5px #abf;
	-ms-box-shadow:0 0 5px #abf;
	-khtml-box-shadow:0 0 5px #abf;
}
input:focus, input:active, .lightShadow:focus, .lightShadow:active {
	box-shadow:0 0 8px #abf;
	-webkit-box-shadow:0 0 8px #abf;
	-moz-box-shadow:0 0 8px #abf;
	-o-box-shadow:0 0 8px #abf;
	-ms-box-shadow:0 0 8px #abf;
	-khtml-box-shadow:0 0 8px #abf;
}

.darkShadow:hover {
	box-shadow:0 0 5px #760;
	-webkit-box-shadow:0 0 5px #760;
	-moz-box-shadow:0 0 5px #760;
	-o-box-shadow:0 0 5px #760;
	-ms-box-shadow:0 0 5px #760;
	-khtml-box-shadow:0 0 5px #760;
}

.darkShadow:focus, .darkShadow:active {
	box-shadow:0 0 8px #760;
	-webkit-box-shadow:0 0 8px #760;
	-moz-box-shadow:0 0 8px #760;
	-o-box-shadow:0 0 8px #760;
	-ms-box-shadow:0 0 8px #760;
	-khtml-box-shadow:0 0 8px #760;
}

.brBL { border-bottom-left-radius:5px; 
	-webkit-border-bottom-left-radius:5px;
	-moz-border-bottom-left-radius:5px; 
	-o-border-bottom-left-radius:5px; 
	-ms-border-bottom-left-radius:5px;
	-khtml-border-bottom-left-radius:5px;
}
.brBR {	border-bottom-right-radius:5px; 
	-webkit-border-bottom-right-radius:5px;
	-moz-border-bottom-right-radius:5px;
	-o-border-bottom-right-radius:5px; 
	-ms-border-bottom-right-radius:5px; 
	-khtml-border-bottom-right-radius:5px;
}
.brTR {	border-top-right-radius:5px; 
	-webkit-border-top-right-radius:5px;
	-moz-border-top-right-radius:5px;
	-o-border-top-right-radius:5px;
	-ms-border-top-right-radius:5px;
	-khtml-border-top-right-radius:5px;
}
.brTL {	border-top-left-radius:5px; 
	-webkit-border-top-left-radius:5px;
	-moz-border-top-left-radius:5px;
	-o-border-top-left-radius:5px;
	-ms-border-top-left-radius:5px;
	-khtml-border-top-left-radius:5px;
}

a, input, .trans {
	-webkit-transition:0.3s ease all; 
	-o-transition:0.3s ease all; 
	-moz-transition:0.3s ease all;
	-ms-transition:0.3s ease all;
	-khtml-transition:0.3s ease all;
	transition:0.3s ease all;
}

input, .transBoxShadow {
	-webkit-transition-property: -webkit-box-shadow; 
	-o-transition-property: -o-box-shadow; 
	-moz-transition-property: -moz-box-shadow;
	-ms-transition-property: -ms-box-shadow;
	-khtml-transition-property: -khtml-box-shadow;
	transition-property: box-shadow;
}

a, .transColor {
	-webkit-transition-property: color; 
	-o-transition-property: color; 
	-moz-transition-property: color;
	-ms-transition-property: color;
	-khtml-transition-property: color;
	transition-property: color;
}
.transOpacity {
	-webkit-transition-property: opacity; 
	-o-transition-property: opacity; 
	-moz-transition-property: opacity;
	-ms-transition-property: opacity;
	-khtml-transition-property: opacity;
	transition-property: opacity;
}
.transPosition {
	-webkit-transition-property: top, bottom, right, left; 
	-o-transition-property: top, bottom, right, left; 
	-moz-transition-property: top, bottom, right, left;
	-ms-transition-property: top, bottom, right, left;
	-khtml-transition-property: top, bottom, right, left;
	transition-property: top, bottom, right, left;
}
.transBackground {
	-webkit-transition-property: background; 
	-o-transition-property: background; 
	-moz-transition-property: background;
	-ms-transition-property: background;
	-khtml-transition-property: background;
	transition-property: background;
}
.transSize {
	-webkit-transition-property: height, width; 
	-o-transition-property: height, width; 
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-khtml-transition-property: height, width;
	transition-property: height, width;
}
.transMargin {
	-webkit-transition-property: margin; 
	-o-transition-property: margin; 
	-moz-transition-property: margin;
	-ms-transition-property: margin;
	-khtml-transition-property: margin;
	transition-property: margin;
}

/* ie and legacy browsers cosmetic stuff  */
.no-js #links, .no-boxshadow #links { background:url(ie/shadow-bottom.jpg) no-repeat; }
.no-js #shadow, .no-boxshadow #shadow { width:940px; background:url(ie/shadow-sides.png); margin:0 auto; position:relative; }
.no-js #shadow-top-left, .no-boxshadow #shadow-top-left { position: absolute; top: 0; left: 0; height: 40px; width: 20px; background:#fff url(ie/shadow-top-left.jpg);}
.no-js #shadow-top-right, .no-boxshadow #shadow-top-right { position: absolute; top: 0; right: 0; height: 40px; width: 20px; background:#fff url(ie/shadow-top-right.jpg);}
.ie6 #shadow, .ie7 #shadow { overflow:hidden; zoom:1; }

/* keyAdv  */
.keyAdvA{width:610px; height:227px;  position:absolute; top:45px; left:0px; z-index:1;}
.keyAdvB{padding:0px; height:55px;}
.keyAdvC{margin-top:-289px;}
.headerBg{ background:url(/img/login/header.jpg) no-repeat;}