/* 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 {
	margin: 0;
	padding: 0;
	font-size: 13px;
	text-align: justify;
	background-color: #;
	color: #;}


body, th, td, input, textarea, select, option {
	font-family:  "Trebuchet MS", "Times New Roman", Arial, Times, serif;
	font-size: 13px;}


form {
	margin: 0;
	padding: 0;}

input, select, textarea, button {
background: #FFFFFF;
color: #;
border: 1px solid #;
padding:3px;
}

input, select, textarea{
background: #FFFFFF;
color: #111111;}

input.none{
background-color: transparent;
border: 0px solid #;
padding:0px;}

.form-button, button{background: url(https://secure.massagezone.biz/public/images/castra/bg_btn.gif) top left #FFFFFF;
color: #111111;}

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



legend{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #;
	letter-spacing: -1px;
	font-size: 2.2em;

} 

strong {font-weight:bold;}

option{color: #;}

input.form-button {
background: url(https://secure.massagezone.biz/public/images/castra/bg_btn.gif) top left #FFFFFF;
color: #111111;
padding:3px;
cursor:pointer;}


h1, h2, h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #;}


h1 {
	letter-spacing: -1px;
	font-size: 2.2em;
	text-align:left;}

h2 {font-size: 1.5em;}

h3 {font-size: 1.2em;padding-top:25px;}

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

blockquote {	padding-left: 1em;}

blockquote p, blockquote ul, blockquote ol {
	line-height: normal;
	font-style: italic;}

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

a:hover {
	text-decoration: underline;}


img{ border:0px}


td {vertical-align:top;}


ol, ul{}


ul li {}



fieldset#promoAlert input.form-button {
	margin:2em 0;
	float:right; }


fieldset#promoAlert {
	padding:18px;
	margin: 0 0 1.5em 0;  }
	
fieldset#promoAlert label{
	text-align: left;
	display: inline;
	margin-left: 1.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 solid #;  }


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






/* ==========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.2em;
	margin:0px;
	color: #;
	width:7em;}

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

.formFields{padding:5px;}

tr.defaultrow td{	padding:5px;	}


.select1{
  color: #;
  background-color:#;
}
.select1 h1, .select1 h2, .select1 h3, .select1 h4, .select1 h5, .select1 h6{
  color: #;
}

.disabled{
	font-style: italic;
	color: #;}


#promoAlert {
	background: #fff4cc;
	border: solid 1px #ffcc66;
	color:#111111;
	padding:8px;
	margin:8px 0px;
    display:block;}
	
	
	

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



/* ============Theme style====================== */

#wrapper { }

/* Sign in */
#signin{
	text-align:right;
	padding:8px;
	height:18px;}


/* Header */

#themeheader {
	width: 980px;
	height: 140px;
	margin: 0 left;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;}

#themeheader img{
    float:right;
    margin-top:15px;
    height:115px;
    width:200px; }

#themeheader h1, #themeheader p {
	margin-left: 90px;
	overflow:hidden; }

#themeheader h1 {
	font-size: 22px;
    padding: 40px 0 0 5px;}

#themeheader p {
	margin-top: -5px;
	font-size: 12px;
	font-weight: bold;
	color: #;
    padding: 0px 0 0 5px;}


#wrapper {
	width: 980px;
	margin: 0;
	padding: 0;}


#headbg{    background:#;
            height:175px;
            position: absolute;
            top: 157px;
            left:0px;
            width:100%;
            z-index:-1000;}

/* Page */

#page {
	width: 980px;
	margin: 0 left;
	padding: 0;}

/* Content */

#content {
	float: right;
	width: 640px;
	margin: 0;
	padding: 175px 0 0 0;}





/* navigation */

#navigation {
	float: left;
	width: 230px;
	margin-bottom: 10px;
	padding-left: 90px;
	top:10px;}



/* Footer */

#footer {
        border-top:5px solid #;
	background:#;
	margin: 0;
	padding: 0 0 0 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #;
	text-align:center;}

#footer p {
	padding: 25px 0 20px 0;}

#footer p a {
	font-size: 10px;
	color:#;}










/*table holding the date in appointment path 1*/

#day{
  width:300px;
}

.listview{
  width:100%;
}


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

	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:  #;
  }




.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: #111111;
  cursor: default;}



.calendar table {
  cursor: default;
  background: #ffffff;
  color: #111111;}



/* 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;
   font-size: 11px;
  }



.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;
  background: #;
  color: #;}





.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:10px 0px;
	padding:0;
	list-style-type:none;	
	border:0px solid #;
	padding:2px;}

.classmod li{
	position:static;
	border:0px solid #;
	background:  #;
	padding:3px 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;	}
	
.classlevel li{ 
	padding:8px 20px;
	line-height:1.2em;
 	background:#;
	border: 1px dashed #;
	color: #;}	

.classlevel li a{ 
color: #;

/* Mod Cart */

table#modcarttotals{
margin-left:30%;}

#modcarttotals{
margin-bottom:20px;
width:50%;}

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

table#modcarttotals tr:last-child {
border-top:1px solid #;
color: #;}


/* 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;
		}