/* DEFAULTS*/

.pri{color: #;}.bgpri{background-color: #;}.sec{color: #;}.bgsec{background-color: #;}.body{color: #;} .bgbody{background-color: #;} .menu{color: #;} .bgmenu{background-color: #;} .text{color: #;} .footer{color: #;} .bgfooter{background-color: #;} .special{color: #;} .bgspecial{background-color: #;} .heading{color: #;} .bgheading{background-color: #;} .link{color: #;} .bglink{background-color: #;} .border{color: #;} .bgborder{background-color: #;}


/* TYPOGRAPHY*/


*{
	}

	
/** =Resets **/
address, div, blockquote, dl, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, table, td {
margin:0;
padding:0;}

body {
	text-align:center;
	background-color: #;
	padding:0px;
	margin:0px;
	font: normal 13px  Georgia, "Times New Roman", Times, serif;
	color: #;}


form {
	margin: 0;
	padding: 0;}

input, select, textarea, button {
background-color: #fff;
color: #102132;
border: 1px solid #;
padding:3px;
} 
input.none{
background-color: transparent;
color: #102132;
border: 0px solid #;
padding:0px;}

strong {font-weight:bold;}

option{color: #102132;}

input.form-button, .formButton, .back, .next {
background: rgb(226,226,226);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2QxZDFkMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWZlZmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(50%,rgba(219,219,219,1)), color-stop(51%,rgba(209,209,209,1)), color-stop(100%,rgba(254,254,254,1)));
background: -webkit-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
background: -o-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
background: -ms-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
background: linear-gradient(to bottom,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 );
	padding: 5px 15px;
  	color:#000;
  	font-weight:bold;
  	text-align:center;
	height:36px;
	cursor:pointer;
	border:1px solid #999;
	border-radius: 5px ;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px ;}


h1, h2, h3 {
	font-weight: normal;
	color: #;}


h1 {
	margin: 0;
	letter-spacing: -2px;
	font-size: 3em;
	line-height:1em;}

h2 {
	letter-spacing: -1px;
	font-size: 1.8em;
	margin:0px;}


h3 {
	font-size: 1.3em;
	font-weight:bold;
	margin:0px;
	padding-top:20px;}


p, blockquote, ol li, ul li {
	line-height: 1.8em;
	margin:0px 0 10px 0;}
	
p{margin-bottom:1em;}	

a {
	color: #;
	text-decoration: none;}

a:hover {
	text-decoration: underline;}


img{ border:0px}


td {
	font-size: 12px;
	line-height: 1.5em;
	vertical-align:top;}


ol, ul{}


ul li {}


blockquote p, blockquote ul, blockquote ol {
	line-height: normal;
	font-style: italic;}
	
	
	
	
fieldset#promoAlert input.form-button {
	margin:2em 0;
	float:right; }


fieldset#promoAlert {
	padding:18px;
	margin: 0 0 1.5em 0; 
	color:#000; }
	
fieldset#promoAlert label{
	text-align: left;
	display: inline;
	margin-left: 4em;
	display: inline;
 	line-height: 3ex;
	float: none;
	width: auto; 
	clear:both;
	font-weight:bold;}	

fieldset table{width:100%; }
fieldset tr{ line-height:3em; text-align:center;}
fieldset td {border-bottom:1px dashed #; padding:5px;  }


fieldset label{
	text-align: right;
	margin-right: 0.5em;
	display: block;
 	line-height: 3ex;
	float: left;
	width: 120px; 
	clear:both;}

	
fieldset {
	padding:18px;
	float: left;    
	clear: both;    
	width: 100%;    
	margin: 0 0 1.5em 0;
	border:0px;     
	border-top: 1px dashed #;      
	border-bottom: 1px dashed #; }

legend{
	font: normal 2em Tahoma,sans-serif;
	margin-bottom: 4px;
	color: #;
	background:#;} 
	
fieldset textarea{width:25em;}		

	
	
	


/* ==========default style========= */

.contenttable, .contenttable-striped {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  table-layout: fixed;
}
.contenttable > thead > tr > th,
.contenttable > tbody > tr > th,
.contenttable > tfoot > tr > th,
.contenttable > thead > tr > td,
.contenttable > tbody > tr > td,
.contenttable > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
}
.contenttable > thead > tr > th {
  vertical-align: bottom;

}
.contenttable > caption + thead > tr:first-child > th,
.contenttable > colgroup + thead > tr:first-child > th,
.contenttable > thead:first-child > tr:first-child > th,
.contenttable > caption + thead > tr:first-child > td,
.contenttable > colgroup + thead > tr:first-child > td,
.contenttable > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.contenttable table {
  margin-bottom: 20px;
}
.contenttable table > thead > tr > th,
.contenttable table> tbody > tr > th,
.contenttable table> tfoot > tr > th,
.contenttable table> thead > tr > td,
.contenttable table> tbody > tr > td,
.contenttable table> tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
}

	



.subtable{text-align:center;width:500px;margin:0px auto 20px auto;}


tr.formHeaders td, .formHeaders{
	padding:15px 0 0 0;
	letter-spacing: -1px;
	font-size: 1.3em;
	margin:0px;
	color: #;
	width:7EM;}

.formLabels{
	padding:5px;
	font-weight:bold;}

.formFields{padding:5px;}

tr.defaultrow td{	padding:5px;	}


.select1{
font-weight:bold;
color: #;
padding:5px;
background-color:#;
}
.select1 h1, .select1 h2, .select1 h3, .select1 h4, .select1 h5, .select1 h6{
color: #;
}
.disabled{
	font-style: italic;
	color: #;
}

	
#modcarttotals{
border-top: 1px dashed #;
border-bottom: 1px dashed #;
width:70%;
margin:0 auto;
margin-bottom:20px;}



#modcarttotals td{font-weight:bold;
line-height:2em;}

#modcarttotals .formLabels {font-weight:normal;}
	

/* shows active theme */
.ActiveShell{border:3px solid #;}






/* Theme style*/

/* signin*/

#signin {
	text-align:right;
	padding:0px 8px 8px 8px;
	background-color:#;}


#signin a {color:#;}



#headerImage {
	width: 960px;
	height: 280px;
	margin: 0 auto;}

#headerImage h1, #headerImage p {
	margin: 0;
	color:  #;
	margin-left:200px;
	text-align:left;}




#headerImage h1 {padding-top: 100px;}

#headerImage img {
margin: 0px;
margin-left:0px;
padding-top: 90px;
float:left;}



#customheaderImage {
	width: 960px;
	margin: 0 auto;
	position:relative;}



#shell { }


#wrapper {
	width: 960px;
	margin: 0 auto;
	}

/* Content */

#content {
	float:right;
	width: 700px;
	text-align:left;}





/* Navigation */
#navigation {
	float: left;
	width: 240px;}





/* Footer */

#footer {
	clear: both;
	padding: 30px 0;
	background: #;
	text-align: center;}


#footer p{ font-size:11px;}













/***********************************************************************

	Calendar CSS - EDIT THIS SECTION "backgrounds & colors"

 **********************************************************************/



.calendar thead .title { /* Top Month & Year (ie. July, 2004) */
  	font-weight: normal;
	font-size:1.4em;
  	padding: 1px 1px 10px 1px;
  	 color: #;
  	text-align: center;}



.calendar thead .daynames { /* Row <TR> containing the day names */
 color: #;
 }



.calendar thead .name { /* Cells <TD> containing the day names */
  padding: 2px;
  text-align: center;
 border-top: 2px solid #;
 border-bottom: 2px solid #;
  }



.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #;  }



.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #;  }



.calendar tbody td.today { /* Cell showing today date */
  font-weight: bold;
  color: #000000;
  }




.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  padding: 1px;
  border-top: 1px solid #;
  border-bottom: 1px solid #;
  color: #;
  text-align: center;
  }








/* The main calendar widget.  DIV containing a table. */





/***********************************************************************

	ONLY EDIT SPECIFIED SECTIONS BELOW!!

 **********************************************************************/
/* Header part -- controls month and year april 2009 */
#calendar-container .title{font-size:14px;}
#day .formHeaders {font-size:14px;}




.calendar {
   position: relative;
  display: none;
  font-size: 11px;
  color: #;
  cursor: default;}



.calendar table {
  cursor: default;
  background: #;}



/* Header part -- contains navigation buttons and day names. */



.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  padding: 2px; }



.calendar .nav { }





.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background-color:#;
   color: #;}



.calendar thead .active { /* Active (pressed) buttons in header */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  background-color: #;

}



/* The body part -- contains all the days in month. */



.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: center;
  padding: 2px 4px 2px 2px;
  }



.calendar table .wn {
  border-right: 1px solid #000;
  background: #e8f4f0;}





.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #;
  color: #;
  }



.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #;
  color: #;
  }



.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  border:  0px solid;
  border-color: #;
  background: #;}





.calendar tbody .disabled { color: #999; }


.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;}



.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;}



/* The footer part -- status bar and "Close" button */
.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}


.calendar tfoot .hilite { /* Hover style for buttons in footer */
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  padding: 1px;
  background: #d8e0e4;}



.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;}



/* Combo boxes (menus that display months/years for direct selection) */

.combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  background: #e4e4e4;
  font-size: smaller;
  color:#000000;
  padding: 1px;}



.combo .label, .combo .label-IEfix {
  text-align: center;
  padding: 1px;}



.combo .label-IEfix {
  width: 4em;}



.combo .active {
  background: #c8d0d4;
  padding: 0px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  }



.combo .hilite {
  background: #;
  color: #;}






/* class module front end  */	
.classmod h2{margin-top:20px;margin-bottom:0px;}	

.classmod ul{
	margin:20px;
	padding:0;
	list-style-type:none;
	background:#ffffff;
	border:1px solid #; 
	padding:2px;}

.classmod li{
	position:static;
	border:1px solid #;
	background: url(https://secure.massagezone.biz/public/images/default_pages/common/trans80.png) #;
	padding:3px 10px;
	margin:0px;
	font-weight:bold;
	color: #;}
	
.classmod li img{padding-right:10px;}	

.classmod ul#indivtable{
	margin:5px 0 0 0;
	padding:0px;
	border:0px;
	padding:0px;
	border-bottom:1px solid #; }



.classmod ul#indivtable li{
	border:0px;
	margin:0px;
	font-weight:normal;	}



/* Gift Card Module Front End  */	

    #giftcardform{
        width:100%;
    }
    
    #giftcardform h3{
        padding: 0;
    }
	
/* Depreciated Styling */
    
    .formnote{font-style: italic;}



/* Calendar */

	.calendar .button {
		height: 1.5em;
		line-height: 1.5em;
		display: table-cell;
		border-radius: 0;
	}
	
	.calendar table {
		table-layout: fixed;
		width: 100%;
		border-collapse: separate;
        border-spacing: 0;
	}	
	
		.calendar table tr td { 
			text-align: center;
			padding: 0.75em 0.75em;
		}
	
		.calendar table tbody tr:nth-child(2n + 1) {
			background-color: rgba(144, 144, 144, 0.075);
		}		
	
		.calendar table tbody tr td {
			border: solid 1px #e5e5e5;
			border-left-width: 0;
			border-top-width: 0;
		}

			.calendar table tbody tr td:first-child {
				border-left-width: 1px;
			}

		.calendar table tbody tr:first-child td {
			border-top-width: 1px;
		}		
        
		.calendar table tbody tr.emptyrow td { 
			border: 0;
		}	   
        
		.calendar table tbody tr.daynames td { 
			cursor: default;
		}	              
	
	.calendar .title {
		font-size: 1.25em;
    	line-height: 1em;
	}    
    
	.calendar .ttip { 
		opacity: 0.75;
	}
	
	.calendar .disabled {
		opacity: 0.25;
	}
	
	.calendar tr td.selected {
		background: #;
		color: #fff;
		font-weight: 400;
	}		
	
	.calendar .day {
		cursor: pointer;
        padding: 0.75em !important;
	}
	
		.calendar .day:hover {
			background-color: rgba(144, 144, 144, 0.15);
			color: #5e5e5e !important;
		}		
		
	table.listview {
		margin-left: 2em;
        border-collapse: collapse;
    	border-spacing: 0;
	}	
		
		table.listview tbody tr {
			cursor: pointer;
			border: solid 1px #e5e5e5;
			border-left: 0;
			border-right: 0;			
		}
			
			table.listview tbody tr:hover {
				background-color: rgba(144, 144, 144, 0.15);
				color: #5e5e5e !important;
			}	
			
			table.listview tbody tr:nth-child(2n) {
				background-color: rgba(144, 144, 144, 0.075);
			}		
			
				table.listview tbody tr:nth-child(2n):hover {
					background-color: rgba(144, 144, 144, 0.15);
				}				
			
				table.listview tbody tr td {
					padding: 0.75em 0.75em;
				}	
	
		table.listview tr.formHeaders {
			background-color: inherit !important;
            border: 0;
            font-size: 1.25em;
    		line-height: 1em;
		}	               
    
/* Box Model */

	*, *:before, *:after {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}    
    
/* Basic */

	hr {
		border: 0;
		border-bottom: solid 1px #;
		margin: 1em 0;
	}

		hr.major {
			margin: 3em 0;
		}

	.align-left {
		text-align: left;
	}

	.align-center {
		text-align: center;
	}

	.align-right {
		text-align: right;
	}

/* Image */

	.image {
		border-radius: 2px;
		border: 0;
		display: inline-block;
		position: relative;
	}

		.image img {
			border-radius: 2px;
			display: block;
		}

		.image.left, .image.right {
			max-width: 40%;
		}

			.image.left img, .image.right img {
				width: 100%;
			}

		.image.left {
			float: left;
			padding: 0 1.5em 1em 0;
			top: 0.25em;
		}

		.image.right {
			float: right;
			padding: 0 0 1em 1.5em;
			top: 0.25em;
		}

		.image.fit {
			display: block;
			margin: 0 0 2em 0;
			width: 100%;
		}

			.image.fit img {
				width: 100%;
			}

		.image.main {
			display: block;
			margin: 0 0 3em 0;
			width: 100%;
		}

			.image.main img {
				width: 100%;
			}

/* List */

	ol {
		list-style: decimal;
		margin: 0 0 2em 0;
		padding-left: 1.25em;
	}

		ol li {
			padding-left: 0.25em;
		}

	ul {
		list-style: disc;
		margin: 0 0 2em 0;
		padding-left: 1em;
	}

		ul li {
			padding-left: 0.5em;
		}

		ul.alt {
			list-style: none;
			padding-left: 0;
		}

			ul.alt li {
				border-top: solid 1px #e5e5e5;
				padding: 0.5em 0;
			}

				ul.alt li:first-child {
					border-top: 0;
					padding-top: 0;
				}

		ul.icons {
			cursor: default;
			list-style: none;
			padding-left: 0;
		}

			ul.icons li {
				display: inline-block;
				padding: 0 1.25em 0 0;
			}

				ul.icons li:last-child {
					padding-right: 0;
				}

				ul.icons li .icon {
					color: inherit;
				}

					ul.icons li .icon:before {
						font-size: 1.75em;
					}

		ul.actions {
			cursor: default;
			list-style: none;
			padding-left: 0;
		}

			ul.actions li {
				display: inline-block;
				padding: 0 1em 0 0;
				vertical-align: middle;
			}

				ul.actions li:last-child {
					padding-right: 0;
				}

			ul.actions.small li {
				padding: 0 0.5em 0 0;
			}

			ul.actions.vertical li {
				display: block;
				padding: 1em 0 0 0;
			}

				ul.actions.vertical li:first-child {
					padding-top: 0;
				}

				ul.actions.vertical li > * {
					margin-bottom: 0;
				}

			ul.actions.vertical.small li {
				padding: 0.5em 0 0 0;
			}

				ul.actions.vertical.small li:first-child {
					padding-top: 0;
				}

			ul.actions.fit {
				display: table;
				margin-left: -1em;
				padding: 0;
				table-layout: fixed;
				width: calc(100% + 1em);
			}

				ul.actions.fit li {
					display: table-cell;
					padding: 0 0 0 1em;
				}

					ul.actions.fit li > * {
						margin-bottom: 0;
					}

				ul.actions.fit.small {
					margin-left: -0.5em;
					width: calc(100% + 0.5em);
				}

					ul.actions.fit.small li {
						padding: 0 0 0 0.5em;
					}

	dl {
		margin: 0 0 2em 0;
	}
    
/* Form */

	form {
		margin: 0 0 2em 0;
	}

	label {
		display: block;
		font-size: 0.9em;
		margin: 0 0 1em 0;
	}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	select,
	textarea {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;   
        background: rgba(144, 144, 144, 0.075);
        border: solid 1px #; 
        border-radius: 2px;
		color: inherit;
		display: block;
		outline: 0;
		padding: 0 1em;
		text-decoration: none;
		width: 100%;
	}

		input[type="text"]:invalid,
		input[type="password"]:invalid,
		input[type="email"]:invalid,
		select:invalid,
		textarea:invalid {
			box-shadow: none;
		}

		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		select:focus,
		textarea:focus {
			border-color: #;
			box-shadow: 0 0 0 2px #;
		}

	.select-wrapper {
		text-decoration: none;
		display: block;
		position: relative;
	}

		.select-wrapper:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

		.select-wrapper:before {
			color: #;
			content: '\f078';
			display: block;
			height: 3em;
			line-height: 3em;
			pointer-events: none;
			position: absolute;
			right: 0;
			text-align: center;
			top: 0;
			width: 3em;
		}

		.select-wrapper select::-ms-expand {
			display: none;
		}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	select {
		height: 3em;
	}

	textarea {
		padding: 0.75em 1em;
	}                

	.form-search {
		position: relative;
	}	
	
        .form-search input {
            padding-left: 2.5em;
        }
        
        .form-search::before {
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased;
            font-family: FontAwesome;
            font-style: normal;
            font-weight: normal;
            text-transform: none !important;
            content: "\f002";
      		left: 1em;
            top: 1em;
            position: absolute;
        }		
	
	.form-date {
		position: relative;
	}	
	
        .form-date input {
            padding-left: 2.5em;
        }
        
        .form-date::before {
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased;
            font-family: FontAwesome;
            font-style: normal;
            font-weight: normal;
            text-transform: none !important;
            content: "\f073";
      		left: 1em;
            top: 1em;
            position: absolute;
        }	  
        
	.form-dollar {
		position: relative;
	}	
	
        .form-dollar input {
            padding-left: 2.5em;
        }
        
        .form-dollar::before {
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased;
            font-family: FontAwesome;
            font-style: normal;
            font-weight: normal;
            text-transform: none !important;
            content: "\f155";
      		left: 1em;
            top: 1em;
            position: absolute;
        }	          

/* Button */

	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	.button {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		background-color: #666;
		border-radius: 2px;
		border: 0;
		color: #ffffff;
		cursor: pointer;
		display: inline-block;
		font-weight: 400;
		height: 3em;
		line-height: 3em;
		padding: 0 2em;
		text-align: center;
		text-decoration: none;
		white-space: nowrap;
	}

		input[type="submit"]:hover,
		input[type="reset"]:hover,
		input[type="button"]:hover,
		.button:hover {
			background-color: #737373;
		}

		input[type="submit"]:active,
		input[type="reset"]:active,
		input[type="button"]:active,
		.button:active {
			background-color: #595959;
		}

		input[type="submit"].icon,
		input[type="reset"].icon,
		input[type="button"].icon,
		.button.icon {
			padding-left: 1.35em;
		}

			input[type="submit"].icon:before,
			input[type="reset"].icon:before,
			input[type="button"].icon:before,
			.button.icon:before {
				margin-right: 0.5em;
			}

		input[type="submit"].fit,
		input[type="reset"].fit,
		input[type="button"].fit,
		.button.fit {
			display: block;
			margin: 0 0 1em 0;
			width: 100%;
		}

		input[type="submit"].small,
		input[type="reset"].small,
		input[type="button"].small,
		.button.small {
			font-size: 0.8em;
			height: 2.7em;
			line-height: 2.7em;
		}

		input[type="submit"].big,
		input[type="reset"].big,
		input[type="button"].big,
		.button.big {
			font-size: 1.25em;
			height: 2.7em;
			line-height: 2.7em;
		}

		input[type="submit"].alt,
		input[type="reset"].alt,
		input[type="button"].alt,
		.button.alt {
			background-color: transparent;
			box-shadow: inset 0 0 0 1px #;
			color: #777;
		}

			input[type="submit"].alt:hover,
			input[type="reset"].alt:hover,
			input[type="button"].alt:hover,
			.button.alt:hover {
				background-color: #f8f8f8;
			}

			input[type="submit"].alt:active,
			input[type="reset"].alt:active,
			input[type="button"].alt:active,
			.button.alt:active {
				background-color: #f0f0f0;
			}

			input[type="submit"].alt.icon:before,
			input[type="reset"].alt.icon:before,
			input[type="button"].alt.icon:before,
			.button.alt.icon:before {
				color: #999;
			}

		input[type="submit"].special,
		input[type="reset"].special,
		input[type="button"].special,
		.button.special {
			background-color: #;
			color: #ffffff !important;
		}

			input[type="submit"].special:hover,
			input[type="reset"].special:hover,
			input[type="button"].special:hover,
			.button.special:hover {
				background-color: #;
			}

			input[type="submit"].special:active,
			input[type="reset"].special:active,
			input[type="button"].special:active,
			.button.special:active {
				background-color: #;
			}

		input[type="submit"].disabled, input[type="submit"]:disabled,
		input[type="reset"].disabled,
		input[type="reset"]:disabled,
		input[type="button"].disabled,
		input[type="button"]:disabled,
		.button.disabled,
		.button:disabled {
			background-color: #ccc !important;
			box-shadow: inset 0 -0.15em 0 0 rgba(0, 0, 0, 0.15);
			color: #f5f5f5 !important;
			cursor: default;
			opacity: 0.25;
		}