.logininput {
	height: 28px;
	padding: 4px;
	font-size: 13px;
	line-height: 19px;
	width: 200px;
	color: #555
	margin: 0 auto;
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-family: "Open Sans", "lucida grande", "Segoe UI", arial, verdana;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-webkit-transition: border linear 0.2s,box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s,box-shadow linear 0.2s;
	-ms-transition: border linear 0.2s,box-shadow linear 0.2s;
	transition: border linear 0.2s,box-shadow linear 0.2s;
}
input:focus, textarea:focus {
	border-color: rgba(82, 168, 236, 0.8);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
	outline: 0;
}
.signinbutton {
	color: white;
	border-top: 1px #2270AB solid;
	border-right: 1px #18639A solid;
	border-bottom: 1px #0F568B solid;
	border-left: 1px #18639A solid;
	background: #2180CE;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33a0e8', endColorstr='#2180ce');
	background: -webkit-gradient(linear, left top, left bottom, from(#33A0E8), to(#2180CE));
	background: -moz-linear-gradient(top, #33A0E8, #2180CE);
	text-shadow: #355782 0 1px 2px;
	-webkit-text-shadow: #355782 0 1px 2px;
	-moz-text-shadow: #355782 0 1px 2px;
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .3), inset 0 1px 0 #83c5f1;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .3), inset 0 1px 0 #83c5f1;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .3), inset 0 1px 0 #83c5f1;
	font-family: "Trebuchet MS", Helvetica, Arial;
	font-size: 16px;
}
/* ribbon style */

.h2 h2 {
	color: #fff;
	font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
	font-size: 20px;
	padding: 5px 5px 5px 15px
}

.ribbon-red .ribbon-front,
.ribbon-red .ribbon-back-right,
.ribbon-red .ribbon-back-left{
	background: -moz-linear-gradient(100% 100% 90deg, #E21B25, #ee7b81);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E21B25), to(#ee7b81));
}

.ribbon-blue .ribbon-front,
.ribbon-blue .ribbon-back-right,
.ribbon-blue .ribbon-back-left{
	background: #2180ce;
}


 .h2.ribbon-wrapper {
	position: relative;
	border-bottom: 0px solid #ccc;
	border-top: 0px solid #ccc;
	-moz-border-bottom-colors: rgba(0, 0, 0, 0.02) rgba(0, 0, 0, 0.04) rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.18) rgba(0, 0, 0, 0.20);
	-webkit-border-bottom-colors: rgba(0, 0, 0, 0.02) rgba(0, 0, 0, 0.04) rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.18) rgba(0, 0, 0, 0.20);
	-moz-border-top-colors: rgba(0, 0, 0, 0.02) rgba(0, 0, 0, 0.04) rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.18) rgba(0, 0, 0, 0.20);
	-webkit-border-top-colors: rgba(0, 0, 0, 0.02) rgba(0, 0, 0, 0.04) rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.18) rgba(0, 0, 0, 0.20);
}
 .h2 .ribbon-front {
	background-color: #2180CE;
	height: 40px;
	width: 250px;
	position: relative;
	left:-10px;
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-o-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	z-index: 2;
}

 .h2 .ribbon-edge-topleft,
 .h2 .ribbon-edge-topright,
 .h2 .ribbon-edge-bottomleft,
 .h2 .ribbon-edge-bottomright {
	position: absolute;
	z-index: 1;
	border-style:solid;
	height:0px;
	width:0px;
}

 .h2 .ribbon-edge-topleft,
 .h2 .ribbon-edge-topright {
}

 .h2 .ribbon-edge-bottomleft,
 .h2 .ribbon-edge-bottomright {
	top: 40px;
}

 .h2 .ribbon-edge-topleft,
 .h2 .ribbon-edge-bottomleft {
	left: -10px;
	border-color: transparent #2180CE transparent transparent;
}

 .h2 .ribbon-edge-topleft {
	top: -0px;
	border-width: 0px 10px 0 0;
}
 .h2 .ribbon-edge-bottomleft {
	border-width: 0 10px 10px 0;
}

 .h2 .ribbon-edge-topright,
 .h2 .ribbon-edge-bottomright {
	left: 180px;
	border-color: transparent transparent transparent #2180CE;
}

 .h2 .ribbon-edge-topright {
	top: -0px;
	border-width: 0px 0 0 0px;
}
 .h2 .ribbon-edge-bottomright {
	border-width: 0 0 0px 0px;
}

 .h2 .ribbon-back-left {
	position: absolute;
	top: 10px;
	left: -20px;
	width: 20px;
	height: 40px;
	background-color: #2180CE;
	z-index: 0;
}