/* @override http://www.novusweb.com/StyleSheets/buttons.css */

/* -------------------------------------------------------------- 
  
   buttons.css
   * Gives you some great CSS-only buttons.
   
   Created by Kevin Hale [particletree.com]
   * particletree.com/features/rediscovering-the-button-element

   See Readme.txt in this folder for instructions.

-------------------------------------------------------------- */

a.button, button {
  display:inline-block;
  margin: 0.7em 0.5em 0.7em 0;
  padding:5px 10px 5px 7px;   /* Links */
  
  border:1px solid #dedede;
  border-top:1px solid #eee;
  border-left:1px solid #eee;

  background-color:#f5f5f5;
  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:100%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#565656;
  cursor:pointer;
}
span.button	{	/* Use for in-line buttons */
	display:inline-block;
  margin: 0.7em 0.5em;
  padding:5px 10px 5px 7px;   /* Links */
  
  border:1px solid #dedede;
  border-top:1px solid #eee;
  border-left:1px solid #eee;

  background-color:#f5f5f5;
  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:100%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#565656;
  cursor:pointer;
}
span.button a	{
	text-decoration:none;
}
button {
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px;   /* IE6 */
}
button[type] {
  padding:4px 10px 4px 7px;   /* Firefox */
  line-height:17px;           /* Safari */
}
*:first-child+html button[type] {
  padding:4px 10px 3px 7px;   /* IE7 */
}
button img, a.button img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
  float:none;
}

img .left {
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
}

/* @group Button Colors */



/* @end */

/* Standard */
button:hover, a.button:hover, button[value]:hover{
  background-color: #fcf3b6;
  border: 1px solid #edbb5e;
  color:#336699;
}
a.button:active{
  background-color: #edbb5e;
  border: 1px solid #edbb5e;
  color:#fff;
}

/* Positive */
body .positive {
  color:#529214;
}
a.positive:hover, button.positive:hover {
  background-color:#E6EFC2;
  border:1px solid #C6D880;
  color:#529214;
}
a.positive:active {
  background-color:#529214;
  border:1px solid #529214;
  color:#fff;
}

/* Negative */
body .negative {
  color:#d12f19;
}
a.negative:hover, button.negative:hover {
  background-color:#fbe3e4;
  border:1px solid #fbc2c4;
  color:#d12f19;
}
a.negative:active {
  background-color:#d12f19;
  border:1px solid #d12f19;
  color:#fff;
}

/* @group Preset Buttons */

button.submit,button.subscribe {
	background: transparent url(/Media/Media-Icons/Media-Icons-Large/24x24/accept.png) no-repeat 4px;
	padding-left: 32px;
	padding-top: 8px;
	padding-bottom: 8px;
}

button.login {
	background: transparent url(/Media/Media-Icons/Media-Icons-Large/24x24/lock.png) no-repeat 4px;
	padding-left: 32px;
	padding-top: 8px;
	padding-bottom: 8px;
}

button.search, button.search:hover {
	background: transparent url(/Media/Media-Icons/Media-Icons-Small/icons_led/find.png) no-repeat 0 center;
	border-style: hidden;
	margin-left: 4px;
	float: none;
	border-width: 1px;
}

a.StartNow {
	background: transparent url(/Media/Media-Icons/Media-Icons-Large/24x24/up.png) no-repeat 4px;
	padding-left: 32px;
	padding-top: 8px;
	padding-bottom: 8px;	
}



/* @end */