/* CSS file */

.blueBtn {

	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;

	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;

	box-shadow:inset 0px 1px 0px 0px #bbdaf7;

	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );

	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');

	background-color:#79bbff;

	-moz-border-radius:6px;

	-webkit-border-radius:6px;

	border-radius:6px;

	border:1px solid #84bbf3;

	display:inline-block;

	color:#ffffff;

	font-family:arial;

	font-size:15px;

	font-weight:bold;

	padding:6px 24px;

	text-decoration:none;

	text-shadow:1px 1px 0px #528ecc;

}.blueBtn:hover {

	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );

	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');

	background-color:#378de5;

}.blueBtn:active {

	position:relative;

	top:1px;

}



input.rounded {

	

	border: 1px solid #ccc;

	

	/* Safari 5, Chrome support border-radius without vendor prefix.

	* FF 3.0/3.5/3.6, Mobile Safari 4.0.4 require vendor prefix.

	* No support in Safari 3/4, IE 6/7/8, Opera 10.0.

	*/

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	border-radius: 10px;

	

	/* Chrome, FF 4.0 support box-shadow without vendor prefix.

	* Safari 3/4/5 and FF 3.5/3.6 require vendor prefix.

	* No support in FF 3.0, IE 6/7/8, Opera 10.0, iPhone 3.

	* change the offsets, blur and color to suit your design.

	*/

	-moz-box-shadow: 2px 2px 3px #666;

	-webkit-box-shadow: 2px 2px 3px #666;

	box-shadow: 2px 2px 3px #666;

	

	/* using a bigger font for demo purposes so the box isn't too small */

	font-size: 20px;

	

	/* with a big radius/font there needs to be padding left and right

	* otherwise the text is too close to the radius.

	* on a smaller radius/font it may not be necessary

	*/

	padding: 4px 7px;

	

	/* only needed for webkit browsers which show a rectangular outline;

	* others do not do outline when radius used.

	* android browser still displays a big outline

	*/

	outline: 0;

	

	/* this is needed for iOS devices otherwise a shadow/line appears at the

	* top of the input. depending on the ratio of radius to height it will

	* go all the way across the full width of the input and look really messy.

	* ensure the radius is no more than half the full height of the input, 

	* and the following is set, and everything will render well in iOS.

	*/

	-webkit-appearance: none;

	

}



input.rounded:focus {

	

	/* supported IE8+ and all other browsers tested.

	* optional, but gives the input focues when selected.

	* change to a color that suits your design.

	*/

	border-color: #339933;

	

}



/* This imageless css button was generated by CSSButtonGenerator.com */