﻿h1 {
	font: normal 42px/1.238 'Arial', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #333;
	text-align: center;
	margin-top: 20px;
}

h2 {
	font: Bold 32px 'Arial', Arial;
	color: #333;
	text-align: center;
	margin-bottom: 40px;
}

section {
	width: 1000px;
	margin: 60px auto 80px auto;
}

.group {
	width: 460px;
	float: left;
	margin-right: 40px;
}

section .group:last-of-type {
	margin-right: 0;
}

/* Micro clearfix hack */
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}


input[type=submit]::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.login-form {
   	width: 500px;
	margin-bottom: 60px;
	padding: 20px;
	position: relative;
	display: inline-block;
	zoom: 1; /* ie7 hack for display:inline-block */
	*display: inline;
	border: 1px solid #bbb;
	-moz-border-radius:    10px;
	-webkit-border-radius: 10px;
	border-radius:         10px;
	-moz-box-shadow:    0 1px 2px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.5);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.5);
	box-shadow:         0 1px 2px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.5);
	behavior: url(PIE.htc);
}

.Nat-Box {
   	width: 700px;
	margin-bottom: 50px;
	padding: 20px;
        margin-right:0px;
	position: relative;
	display: inline-block;
	zoom: 1; /* ie7 hack for display:inline-block */
	*display: inline;
	border: 1px solid #bbb;
	-moz-border-radius:    10px;
	-webkit-border-radius: 10px;
	border-radius:         10px;
	-moz-box-shadow:    0 1px 2px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.5);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.5);
	box-shadow:         0 1px 2px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.5);
	behavior: url(PIE.htc);
}


.Header-Banner {
   	width: 75%;
	margin-bottom: 60px;
	background-image:    url('../images/box_banner.jpg'); /* FF3.6 */
	padding: 10px;
	position: relative;
	display: inline-block;
	zoom: 1; /* ie7 hack for display:inline-block */
	*display: inline;
	border: 1px solid #bbb;
	-moz-border-radius:    10px;
	-webkit-border-radius: 10px;
	border-radius:         10px;
	-moz-box-shadow:    0 1px 2px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.5);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.5);
	box-shadow:         0 1px 2px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.5);
	behavior: url(PIE.htc);
}

.Footer-Banner {
   	width: 40%;
	margin-bottom: 5px;
	margin-top: : 300px;
	background-image:    url('../images/box_banner.jpg'); /* FF3.6 */
	padding: 5px;
	position: relative;
	display: inline-block;
	zoom: 1; /* ie7 hack for display:inline-block */
	*display: inline;
	border: 1px solid #bbb;
	-moz-border-radius:    10px;
	-webkit-border-radius: 10px;
	border-radius:         10px;
	-moz-box-shadow:    0 1px 2px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.5);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.5);
	box-shadow:         0 1px 2px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.5);
	behavior: url(PIE.htc);
}


.login-form.nolabel {   /* only requipurple for the demo */
	margin-bottom: 105px;
}

.login-form label {
	color: #444;
	font-weight: bold;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	margin-bottom: 10px;
}

.login-input {
	width: 250px;
	height: 20px;
	padding: 6px 10px;
	margin-bottom: 20px;
	font: 18px 'Arial', Arial, Arial, sans-serif;
	color: #333;
	outline: none;
	background-color: #fff;
	border: 1px solid #ccc;
	position: relative;
	-moz-border-radius:    8px;
	-webkit-border-radius: 8px;
	border-radius:         8px;
	-moz-box-shadow:    inset 0 0 1px rgba(0, 0, 0, 0.5), 0 0 2px rgba(255, 255, 255, 0.7);
	-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5), 0 0 2px rgba(255, 255, 255, 0.7);
	box-shadow:         inset 0 0 1px rgba(0, 0, 0, 0.5), 0 0 2px rgba(255, 255, 255, 0.7);
	-moz-background-clip:    padding;
	-webkit-background-clip: padding-box;
	background-clip:         padding-box;
	-moz-transition:    all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition:      all 0.4s ease-in-out;
	-ms-transition:     all 0.4s ease-in-out;
	transition:         all 0.4s ease-in-out;
	behavior: url(PIE.htc);
}

/* Focus style */
.login-form .login-input:focus {
	border: 1px solid #5eaaf8;
	-moz-box-shadow:    inset 0 0 1px rgba(0, 0, 0, 0.5), 0 0 3px #5eaaf8;
	-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5), 0 0 3px #5eaaf8;
	box-shadow:         inset 0 0 1px rgba(0, 0, 0, 0.5), 0 0 3px #5eaaf8;
}

/* Error style */
.login-form .login-input:-moz-ui-invalid {
	border: 1px solid #e00;
	-moz-box-shadow:    inset 0 0 1px rgba(0, 0, 0, 0.5), 0 0 3px #e00;
	-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5), 0 0 3px #e00;
	box-shadow:         inset 0 0 1px rgba(0, 0, 0, 0.5), 0 0 3px #e00;
}

.login-form .login-input.invalid {
	border: 1px solid #e00;
	-moz-box-shadow:    inset 0 0 1px rgba(0, 0, 0, 0.5), 0 0 3px #e00;
	-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5), 0 0 3px #e00;
	box-shadow:         inset 0 0 1px rgba(0, 0, 0, 0.5), 0 0 3px #e00;
}

/* Placeholder style */
.nolabel ::-webkit-input-placeholder {
	color: #fff;
}

.nolabel input:-moz-placeholder {
	color: #fff;
}

.login-btn {
	width: 100px;
	height: 30px;
	color: #fff;
	font: bold 18px 'Arial', Arial, Arial, sans-serif;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
	letter-spacing: 1px;
	text-align: center;
	border: 1px solid #1972c4;
	outline: none;
	cursor: pointer;
	position: relative;
	background-color: #1d83e2;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#77b5ee), to(#1972c4)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #77b5ee, #1972c4); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #77b5ee, #1972c4); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #77b5ee, #1972c4); /* IE10 */
	background-image:      -o-linear-gradient(top, #77b5ee, #1972c4); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #77b5ee, #1972c4);
	-pie-background:          linear-gradient(top, #77b5ee, #1972c4); /* IE6-IE9 */
    -moz-box-shadow:    inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.5);
	box-shadow:         inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.5);
	-moz-border-radius:    18px;
	-webkit-border-radius: 18px;
	border-radius:         18px;
	-moz-background-clip:    padding;
	-webkit-background-clip: padding-box;
	background-clip:         padding-box;
	behavior: url(PIE.htc);
}

.login-btn:active {
	border: 1px solid #77b5ee;
	background-color: #1972c4;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#1972c4), to(#77b5ee)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #1972c4, #77b5ee); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #1972c4, #77b5ee); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #1972c4, #77b5ee); /* IE10 */
	background-image:      -o-linear-gradient(top, #1972c4, #77b5ee); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #1972c4, #77b5ee);
	-pie-background:          linear-gradient(top, #1972c4, #77b5ee); /* IE6-IE9 */
	-moz-box-shadow:    inset 0 0 5px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5);
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5);
	box-shadow:         inset 0 0 5px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5);
}

.forgot {
	color: #555;
	font-style: italic;
	font-size: 18px;
	display: block;
	margin-bottom: 20px;
}

.BoxFooter {
	color: #555;
	font-size: 18px;
	display: block;
	margin-bottom: 20px;
}

.NatBoxFooter {
	color: #555;
	font-size: 18px;
	display: block;
	margin-bottom: 0px;
	text-align: center
}


.forgot a {
	color: #3a3a3a;
	-moz-transition:    all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition:      all 0.4s ease-in-out;
	-ms-transition:     all 0.4s ease-in-out;
	transition:         all 0.4s ease-in-out;	
}

.forgot a:hover {
	color: #fff;
}

.BoxFooter a:hover {
	color: #fff;
}


.login-form.tbbar {
	background-color: #f6f6f6;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#d4d4d4)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #fefefe, #d4d4d4); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #fefefe, #d4d4d4); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #fefefe, #d4d4d4); /* IE10 */
	background-image:      -o-linear-gradient(top, #fefefe, #d4d4d4); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #fefefe, #d4d4d4);
	-pie-background:          linear-gradient(top, #fefefe, #d4d4d4); /* IE6-IE9 */
}

/* Title bar */
.tbar {
	font: bold 22px/1.5 'Arial', Arial, Arial, sans-serif;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
	padding: 15px;
	margin: -20px -20px 20px -20px;
	position: relative;
	-moz-border-radius:    8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;
	border-radius:         8px 8px 0 0;
	-moz-box-shadow:    inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 1px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 1px rgba(0, 0, 0, 0.3);
	box-shadow:         inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 1px rgba(0, 0, 0, 0.3);
	behavior: url(PIE.htc);
}


/* Bottom bar */
.bbar {
	margin: 20px -20px -20px -20px;
	padding: 10px;
       	height: 25px; 
	overflow: hidden;
	position: relative;
	border-top: 1px solid #aaa;
	background: #ddd;
	-moz-border-radius:    0 0 8px 8px;
	-webkit-border-radius: 0 0 8px 8px;
	border-radius:         0 0 8px 8px;
	-moz-box-shadow:    inset 0 1px 0 rgba(255, 255, 255, 0.7);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
	box-shadow:         inset 0 1px 0 rgba(255, 255, 255, 0.7);
	behavior: url(PIE.htc);
}

.bbar .forgot {
   	font-size: 10px;
	float: left;
	margin-bottom: 0;
}

.bbar .BoxFooter {
	float: left;
	margin-bottom: 0;
}


.bbar .login-btn {
	float: right;
}


.login-form.vlgray {
	border: 1px solid #d2d1d0;
	background-color: #ededed;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#d2d1d0)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #f6f6f6, #d2d1d0); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #f6f6f6, #d2d1d0); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #f6f6f6, #d2d1d0); /* IE10 */
	background-image:      -o-linear-gradient(top, #f6f6f6, #d2d1d0); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #f6f6f6, #d2d1d0);
	-pie-background:          linear-gradient(top, #f6f6f6, #d2d1d0); /* IE6-IE9 */
}

.vlgray .login-input {
	border: 1px solid #d2d1d0;
}




.login-form.vlblue {	
	border: 1px solid #5abcd1;
	background-color: #c4e7ef;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#c4e7ef), to(#5abcd1)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #c4e7ef, #5abcd1); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #c4e7ef, #5abcd1); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #c4e7ef, #5abcd1); /* IE10 */
	background-image:      -o-linear-gradient(top, #c4e7ef, #5abcd1); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #c4e7ef, #5abcd1);
	-pie-background:          linear-gradient(top, #c4e7ef, #5abcd1); /* IE6-IE9 */	
}

.vlblue .login-input {
	border: 1px solid #5abcd1;
}



.login-form.hlblue {	
	border: 1px solid #5abcd1;
	background-color: #5abcd1;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5abcd1), color-stop(50%, #c4e7ef), color-stop(100%, #5abcd1)); 
	background-image: -webkit-linear-gradient(left, #5abcd1, #c4e7ef, #5abcd1); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(left, #5abcd1, #c4e7ef, #5abcd1); /* FF3.6 */
	background-image:     -ms-linear-gradient(left, #5abcd1, #c4e7ef, #5abcd1); /* IE10 */
	background-image:      -o-linear-gradient(left, #5abcd1, #c4e7ef, #5abcd1); /* Opera 11.10+ */
	background-image:         linear-gradient(left, #5abcd1, #c4e7ef, #5abcd1);
	-pie-background:          linear-gradient(left, #5abcd1, #c4e7ef, #5abcd1); /* IE6-IE9 */	
}

.hlblue .login-input {
	border: 1px solid #5abcd1;
}



.lblue .tbar {
	background-color: #3096E0;
	background-image:    url('../images/box_banner.jpg'); /* FF3.6 */
}




.login-form.form3d {
	background-color: #ebebeb;
	background-image: -webkit-gradient(linear, left top, left bottom, from(0, #cdcdcd), to(50px, #ebebeb)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #cdcdcd 0, #ebebeb 50px); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #cdcdcd 0, #ebebeb 50px); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #cdcdcd 0, #ebebeb 50px); /* IE10 */
	background-image:      -o-linear-gradient(top, #cdcdcd 0, #ebebeb 50px); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #cdcdcd 0, #ebebeb 50px);
	-pie-background:          linear-gradient(top, #cdcdcd 0, #ebebeb 50px); /* IE6-IE9 */
	-moz-box-shadow:    0 1px 0 #aaa, 0 2px 0 #fff, 0 3px 0 #aaa, 0 4px 0 #fff, 0 5px 0 #aaa, 0 6px 0 #fff, 0 7px 0 #aaa, 0 8px 0 #fff, inset 0 1px 1px rgba(255, 255, 255, 0.7), 0 8px 2px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 0 1px 0 #aaa, 0 2px 0 #fff, 0 3px 0 #aaa, 0 4px 0 #fff, 0 5px 0 #aaa, 0 6px 0 #fff, 0 7px 0 #aaa, 0 8px 0 #fff, inset 0 1px 1px rgba(255, 255, 255, 0.7), 0 8px 2px rgba(0, 0, 0, 0.7);
	box-shadow:         0 1px 0 #aaa, 0 2px 0 #fff, 0 3px 0 #aaa, 0 4px 0 #fff, 0 5px 0 #aaa, 0 6px 0 #fff, 0 7px 0 #aaa, 0 8px 0 #fff, inset 0 1px 1px rgba(255, 255, 255, 0.7), 0 8px 2px rgba(0, 0, 0, 0.7);
}



.login-form.bar {
	display: block;
	width: 480px;
	padding: 10px;
	margin: 0 auto;
	border: 1px solid #ccc;
	background-color: #ededed;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#d2d1d0)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #f6f6f6, #d2d1d0); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #f6f6f6, #d2d1d0); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #f6f6f6, #d2d1d0); /* IE10 */
	background-image:      -o-linear-gradient(top, #f6f6f6, #d2d1d0); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #f6f6f6, #d2d1d0);
	-pie-background:          linear-gradient(top, #f6f6f6, #d2d1d0); /* IE6-IE9 */
	-moz-box-shadow:    0 1px 1px rgba(0, 0, 0, 0.5), inset 0 1px 1px rgba(255, 255, 255, 0.7);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 1px 1px rgba(255, 255, 255, 0.7);
	box-shadow:         0 1px 1px rgba(0, 0, 0, 0.5), inset 0 1px 1px rgba(255, 255, 255, 0.7);
}

.login-form.bar .login-input {
	width: 173px;
	height: 20px;
	padding: 6px 10px 6px 35px;
	margin: 0 5px 0 0;
	border: 1px solid #ccc;
	float: left;
	-moz-box-shadow:    inset 0 0 1px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5);
	-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5);
	box-shadow:         inset 0 0 1px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5);
}

.login-form.bar input[type=text] {
	background: #fff url(user.png) 10px center no-repeat;
	-moz-border-radius:    8px 0 0 8px;
	-webkit-border-radius: 8px 0 0 8px;
	border-radius:         8px 0 0 8px;
}

.login-form.bar input[type=password] {
	background: #fff url(key.png) 10px center no-repeat;
	margin-right: 0;
	padding-right: 45px;
	-moz-border-radius:    0 8px 8px 0;
	-webkit-border-radius: 0 8px 8px 0;
	border-radius:         0 8px 8px 0;
}

.login-form.bar .login-btn {
	width: 32px;
	height: 32px;
	position: absolute;
	top: 11px;
	right: 11px;
	border: 1px solid #b9b9b9;
	background-color: #ededed;
	background: url(login.png) center center no-repeat, -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#a9a9a9)); /* Saf4+, Chrome */
	background: url(login.png) center center no-repeat, -webkit-linear-gradient(top, #f6f6f6, #a9a9a9); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background: url(login.png) center center no-repeat,    -moz-linear-gradient(top, #f6f6f6, #a9a9a9); /* FF3.6 */
	background: url(login.png) center center no-repeat,     -ms-linear-gradient(top, #f6f6f6, #a9a9a9); /* IE10 */
	background: url(login.png) center center no-repeat,      -o-linear-gradient(top, #f6f6f6, #a9a9a9); /* Opera 11.10+ */
	background: url(login.png) center center no-repeat,         linear-gradient(top, #f6f6f6, #a9a9a9);
	-pie-background: url(login.png) center center no-repeat,    linear-gradient(top, #f6f6f6, #a9a9a9); /* IE6-IE9 */
	-moz-border-radius:    0 8px 8px 0;
	-webkit-border-radius: 0 8px 8px 0;
	border-radius:         0 8px 8px 0;
	-moz-box-shadow:    inset 0 1px 0 rgba(255, 255, 255, 0.5);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
	box-shadow:         inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

.login-form.bar .login-btn:active {
	background-color: #ccc;
	background: url(login.png) center center no-repeat, -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#f6f6f6)); /* Saf4+, Chrome */
	background: url(login.png) center center no-repeat, -webkit-linear-gradient(top, #a9a9a9, #f6f6f6); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background: url(login.png) center center no-repeat,    -moz-linear-gradient(top, #a9a9a9, #f6f6f6); /* FF3.6 */
	background: url(login.png) center center no-repeat,     -ms-linear-gradient(top, #a9a9a9, #f6f6f6); /* IE10 */
	background: url(login.png) center center no-repeat,      -o-linear-gradient(top, #a9a9a9, #f6f6f6); /* Opera 11.10+ */
	background: url(login.png) center center no-repeat,         linear-gradient(top, #a9a9a9, #f6f6f6);
	-pie-background: url(login.png) center center no-repeat,    linear-gradient(top, #a9a9a9, #f6f6f6); /* IE6-IE9 */
	-moz-box-shadow:    inset 0 0 2px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5);
	box-shadow:         inset 0 0 2px rgba(0, 0, 0, 0.5);
}


.box {
 width: 300px;
 padding: 15px 15px;
 margin-bottom: 50px;
 font: bold 15px/18px arial, arial, sans-serif;
/* border radius */
 -webkit-border-radius: 4px;  
 -moz-border-radius: 4px;  
 border-radius: 4px;
}

.box strong {
margin-left: 50px;
text-align: right 
}



.error {
/* background */
 background: url(../images/error.png), #fccac2;
 background-position: 10px center;
 background-repeat: no-repeat;
 background-color: #fccac2; /* for IE */
/* shadows and highlights */
 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15),
0 2px 1px rgba(255, 255, 255, 0.5) inset,
0 -2px 2px #fcb7ac inset;  
 -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15),
0 2px 1px rgba(255, 255, 255, 0.5) inset,
0 -2px 2px #fcb7ac inset;  
 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15),
0 2px 1px rgba(255, 255, 255, 0.5) inset,
0 -2px 2px #fcb7ac inset;
/* border */
 border: 1px solid #eb5339;
}