.button {
	position:relative;
    display: inline-block;
    cursor: pointer;
    margin: 0.5em;
    padding:0 5px 0 0;
    position: relative;
    text-align: center;
    vertical-align:middle;
	font: 1em/100% Arial, Helvetica, sans-serif;
    text-decoration: none;
	vertical-align: baseline;
	outline: none;	
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
}

/* ----------------------------------- a ------------------------------------------ */
.black {
	background-position: 0% 0%;
    -moz-box-shadow: 0px 1px 0 				rgba(255,255,255,.3);
	-webkit-box-shadow: 0px 1px 0 			rgba(255,255,255,.3);
	box-shadow: 0px 1px 0 					rgba(255,255,255,.3);
	border: 1px solid 		#222 /*{a-bup-border}*/;
	font-weight: bold;
	color: 					#fff /*{a-bup-color}*/;
	text-shadow: 0 /*{a-bup-shadow-x}*/ -1px /*{a-bup-shadow-y}*/ 1px /*{a-bup-shadow-radius}*/ #000 /*{a-bup-shadow-color}*/;
	background-image: linear-gradient(#555 /*{a-bup-background-start}*/, #333 /*{a-bup-background-end}*/) /*{a-bup-background-start}*/ /*{a-bup-background-end}*/; /* Saf4+, Chrome */
	/* Chrome 10+, Saf5.1+ */
	/* FF3.6 */
	/* IE10 */
	/* Opera 11.10+ */
	background-color: #333333;
    background-repeat: repeat;
    background-attachment: scroll;
}
.black:hover {
	background-position: 0% 0%;
    border: 1px solid #000;
    font-weight: bold;
	color: 					#fff /*{a-bhover-color}*/;
	text-shadow: 0 /*{a-bhover-shadow-x}*/ -1px /*{a-bhover-shadow-y}*/ 1px /*{a-bhover-shadow-radius}*/ #000 /*{a-bhover-shadow-color}*/;
	background-image: linear-gradient(#666 /*{a-bhover-background-start}*/, #444 /*{a-bhover-background-end}*/) /*{a-bhover-background-start}*/ /*{a-bhover-background-end}*/; /* Saf4+, Chrome */
	/* Chrome 10+, Saf5.1+ */
	/* FF3.6 */
	/* IE10 */
	/* Opera 11.10+ */
	background-color: #444444;
    background-repeat: repeat;
    background-attachment: scroll;
}
.black:active {
	background-position: 0% 0%;
    border: 1px solid #000;
    font-weight: bold;
	color: 					#fff /*{a-bdown-color}*/;
	text-shadow: 0 /*{a-bdown-shadow-x}*/ -1px /*{a-bdown-shadow-y}*/ 1px /*{a-bdown-shadow-radius}*/ #000 /*{a-bdown-shadow-color}*/;
	background-image: linear-gradient(#333 /*{a-bdown-background-start}*/, #5a5a5a /*{a-bdown-background-end}*/) /*{a-bdown-background-start}*/ /*{a-bdown-background-end}*/; /* Saf4+, Chrome */
	/* Chrome 10+, Saf5.1+ */
	/* FF3.6 */
	/* IE10 */
	/* Opera 11.10+ */
	background-color: #3d3d3d;
    background-repeat: repeat;
    background-attachment: scroll;
}

/* ----------------------------------- b ------------------------------------------ */
.blue {
	background-position: 0% 0%;
    -moz-box-shadow: 0px 1px 0 				rgba(255,255,255,.3);
	-webkit-box-shadow: 0px 1px 0 			rgba(255,255,255,.3);
	box-shadow: 0px 1px 0 					rgba(255,255,255,.3);
	border: 1px solid 		#145072 /*{b-bup-border}*/;
	font-weight: bold;
	color: 					#fff /*{b-bup-color}*/;
	text-shadow: 0 /*{b-bup-shadow-x}*/ -1px /*{b-bup-shadow-y}*/ 1px /*{b-bup-shadow-radius}*/ #145072 /*{b-bup-shadow-color}*/;
	background-image: linear-gradient(#5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/) /*{b-bup-background-start}*/ /*{b-bup-background-end}*/; /* Saf4+, Chrome */
	/* Chrome 10+, Saf5.1+ */
	/* FF3.6 */
	/* IE10 */
	/* Opera 11.10+ */
	background-color: #2567ab;
    background-repeat: repeat;
    background-attachment: scroll;
}
.blue:hover {
	background-position: 0% 0%;
    border: 1px solid #00516e;
    font-weight: bold;
	color: 					#fff /*{b-bhover-color}*/;
	text-shadow: 0 /*{b-bhover-shadow-x}*/ -1px /*{b-bhover-shadow-y}*/ 1px /*{b-bhover-shadow-radius}*/ #014D68 /*{b-bhover-shadow-color}*/;
	background-image: linear-gradient(#72b0d4 /*{b-bhover-background-start}*/, #4b88b6 /*{b-bhover-background-end}*/) /*{b-bhover-background-start}*/ /*{b-bhover-background-end}*/; /* Saf4+, Chrome */
	/* Chrome 10+, Saf5.1+ */
	/* FF3.6 */
	/* IE10 */
	/* Opera 11.10+ */
	background-color: #4b88b6;
    background-repeat: repeat;
    background-attachment: scroll;
}
.blue:active {
	background-position: 0% 0%;
    border: 1px solid #225377;
    font-weight: bold;
	color: 					#fff /*{b-bdown-color}*/;
	text-shadow: 0 /*{b-bdown-shadow-x}*/ -1px /*{b-bdown-shadow-y}*/ 1px /*{b-bdown-shadow-radius}*/ #225377 /*{b-bdown-shadow-color}*/;
	background-image: linear-gradient(#396b9e /*{b-bdown-background-start}*/, #4e89c5 /*{b-bdown-background-end}*/) /*{b-bdown-background-start}*/ /*{b-bdown-background-end}*/; /* Saf4+, Chrome */
	/* Chrome 10+, Saf5.1+ */
	/* FF3.6 */
	/* IE10 */
	/* Opera 11.10+ */
	background-color: #4e89c5;
    background-repeat: repeat;
    background-attachment: scroll;
}


/* ----------------------------------- c ------------------------------------------ */
.gray { /* c */
	background-position: 0% 0%;
    -moz-box-shadow: 0px 1px 0 				rgba(255,255,255,.3);
	-webkit-box-shadow: 0px 1px 0 			rgba(255,255,255,.3);
	box-shadow: 0px 1px 0 					rgba(255,255,255,.3);
	border: 1px solid 		#ccc /*{c-bup-border}*/;
	font-weight: bold;
	color: 					#444 /*{c-bup-color}*/;
	text-shadow: 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/ 1px /*{c-bup-shadow-radius}*/ #f6f6f6 /*{c-bup-shadow-color}*/;
	background-image: linear-gradient(#fdfdfd /*{c-bup-background-start}*/, #eee /*{c-bup-background-end}*/) /*{c-bup-background-start}*/ /*{c-bup-background-end}*/; /* Saf4+, Chrome */
	/* Chrome 10+, Saf5.1+ */
	/* FF3.6 */
	/* IE10 */
	/* Opera 11.10+ */
	background-color: #eee;
    background-repeat: repeat;
    background-attachment: scroll;
}
.gray:hover { 
	background-position: 0% 0%;
    border: 1px solid #bbbbbb;
    font-weight: bold;
	color: 					#101010 /*{c-bhover-color}*/;
	text-shadow: 0 /*{c-bhover-shadow-x}*/ 1px /*{c-bhover-shadow-y}*/ 1px /*{c-bhover-shadow-radius}*/ #fff /*{c-bhover-shadow-color}*/;
	background-image: linear-gradient(#ededed /*{c-bhover-background-start}*/, #dadada /*{c-bhover-background-end}*/) /*{c-bhover-background-start}*/ /*{c-bhover-background-end}*/; /* Saf4+, Chrome */
	/* Chrome 10+, Saf5.1+ */
	/* FF3.6 */
	/* IE10 */
	/* Opera 11.10+ */
	background-color: #dadada;
    background-repeat: repeat;
    background-attachment: scroll;
}

.gray:active {
	background-position: 0% 0%;
    border: 1px solid #808080;
    font-weight: bold;
	color: 					#111111 /*{c-bdown-color}*/;
	text-shadow: 0 /*{c-bdown-shadow-x}*/ 1px /*{c-bdown-shadow-y}*/ 1px /*{c-bdown-shadow-radius}*/ #ffffff /*{c-bdown-shadow-color}*/;
	background-image: linear-gradient(#eee /*{c-bdown-background-start}*/, #fdfdfd /*{c-bdown-background-end}*/) /*{c-bdown-background-start}*/ /*{c-bdown-background-end}*/; /* Saf4+, Chrome */
	/* Chrome 10+, Saf5.1+ */
	/* FF3.6 */
	/* IE10 */
	/* Opera 11.10+ */
	background-color: #fdfdfd;
    background-repeat: repeat;
    background-attachment: scroll;
}


/* ----------------------------------- d ------------------------------------------ */
.white {
	background-position: 0% 0%;
    -moz-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ 			rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
	-webkit-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ 		rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
	box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ 				rgba(0,0,0,.3) /*{global-box-shadow-color}*/;	
	border: 1px solid 		#ccc /*{d-bup-border}*/;
	font-weight: bold;
	color: 					#444 /*{d-bup-color}*/;
	text-shadow: 0 /*{d-bup-shadow-x}*/ 1px /*{d-bup-shadow-y}*/ 1px /*{d-bup-shadow-radius}*/ #fff /*{d-bup-shadow-color}*/;
	background-image: linear-gradient(#fff /*{d-bup-background-start}*/, #fff /*{d-bup-background-end}*/) /*{d-bup-background-end}*/; /* Saf4+, Chrome */
	/* Chrome 10+, Saf5.1+ */
	/* FF3.6 */
	/* IE10 */
	/* Opera 11.10+ */
	background-color: #fff;
    background-repeat: repeat;
    background-attachment: scroll;
}
.white:hover {
	background-position: 0% 0%;
    border: 1px solid #aaa;
    font-weight: bold;
	color: 					#222 /*{d-bhover-color}*/;
	cursor: pointer;
	text-shadow: 0 /*{d-bhover-shadow-x}*/ 1px /*{d-bhover-shadow-y}*/ 1px /*{d-bhover-shadow-radius}*/ 	#fff /*{d-bhover-shadow-color}*/;
	background-image: linear-gradient(#fdfdfd /*{d-bhover-background-start}*/, #eee /*{d-bhover-background-end}*/) /*{d-bhover-background-end}*/; /* Saf4+, Chrome */
	/* Chrome 10+, Saf5.1+ */
	/* FF3.6 */
	/* IE10 */
	/* Opera 11.10+ */
	background-color: #eeeeee;
    background-repeat: repeat;
    background-attachment: scroll;
}
.white:active {
	background-position: 0% 0%;
    border: 1px solid #aaaaaa;
    font-weight: bold;
	color: 					#111 /*{d-bdown-color}*/;
	text-shadow: 0 /*{d-bdown-shadow-x}*/ 1px /*{d-bdown-shadow-y}*/ 1px /*{d-bdown-shadow-radius}*/ 	#ffffff /*{d-bdown-shadow-color}*/;
	background-image: linear-gradient(#eee /*{d-bdown-background-start}*/, #fff /*{d-bdown-background-end}*/) /*{d-bdown-background-start}*/ /*{d-bdown-background-end}*/; /* Saf4+, Chrome */
	/* Chrome 10+, Saf5.1+ */
	/* FF3.6 */
	/* IE10 */
	/* Opera 11.10+ */
	background-color: #ffffff;
    background-repeat: repeat;
    background-attachment: scroll;
}

/* ----------------------------------- e ------------------------------------------ */
.yellow {
	background-position: 0% 0%;
    -moz-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ 			rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
	-webkit-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ 		rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
	box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ 				rgba(0,0,0,.3) /*{global-box-shadow-color}*/;	
	border: 1px solid 		#F7C942 /*{e-bup-border}*/;
	font-weight: bold;
	color: 					#333 /*{e-bup-color}*/;
	text-shadow: 0 /*{e-bup-shadow-x}*/ 1px /*{e-bup-shadow-y}*/ 0 /*{e-bup-shadow-radius}*/ 	#fff /*{e-bup-shadow-color}*/;
	background-image: linear-gradient(#fceda7 /*{e-bup-background-start}*/, #fadb4e /*{e-bup-background-end}*/) /*{e-bup-background-start}*/ /*{e-bup-background-end}*/; /* Saf4+, Chrome */
	/* Chrome 10+, Saf5.1+ */
	/* FF3.6 */
	/* IE10 */
	/* Opera 11.10+ */
	background-color: #fadb4e;
    background-repeat: repeat;
    background-attachment: scroll;
}
.yellow:hover {
	background-position: 0% 0%;
    border: 1px solid #e79952;
    font-weight: bold;
	color: 					#111 /*{e-bhover-color}*/;
	text-shadow: 0 /*{e-bhover-shadow-x}*/ 1px /*{e-bhover-shadow-y}*/ 1px /*{e-bhover-shadow-radius}*/ 	#fff /*{e-bhover-shadow-color}*/;
	background-image: linear-gradient(#fcf0b5 /*{e-bhover-background-start}*/, #fbe26f /*{e-bhover-background-end}*/) /*{e-bhover-background-start}*/ /*{e-bhover-background-end}*/; /* Saf4+, Chrome */
	/* Chrome 10+, Saf5.1+ */
	/* FF3.6 */
	/* IE10 */
	/* Opera 11.10+ */
	background-color: #fbe26f;
    background-repeat: repeat;
    background-attachment: scroll;
}
.yellow:active {
	background-position: 0% 0%;
    border: 1px solid #F7C942;
    font-weight: bold;
	color: 					#111 /*{e-bdown-color}*/;
	text-shadow: 0 /*{e-bdown-shadow-x}*/ 1px /*{e-bdown-shadow-y}*/ 1px /*{e-bdown-shadow-radius}*/ 	#ffffff /*{e-bdown-shadow-color}*/;
	background-image: linear-gradient(#fadb4e /*{e-bdown-background-start}*/, #fceda7 /*{e-bdown-background-end}*/) /*{e-bdown-background-start}*/ /*{e-bdown-background-end}*/; /* Saf4+, Chrome */
	/* Chrome 10+, Saf5.1+ */
	/* FF3.6 */
	/* IE10 */
	/* Opera 11.10+ */
	background-color: #fceda7;
    background-repeat: repeat;
    background-attachment: scroll;
}



/* plus minus */
.button .icon-plus {
	background-position: 	-0 50%;
}
.button .icon-minus {
	background-position: 	-36px 50%;
}

/* delete/close */
.button .icon-delete {
	background-position: 	-72px 50%;
}

/* arrows */
.button .icon-arrow-r {
	background-position: 	-108px 50%;
}
.button .icon-arrow-l {
	background-position: 	-144px 50%;
}
.button .icon-arrow-u {
	background-position: 	-180px 50%;
}
.button .icon-arrow-d {
	background-position: 	-216px 50%;
}

/* misc */
.button .icon-check {
	background-position: 	-252px 50%;
}
.button .icon-gear {
	background-position: 	-288px 50%;
}
.button .icon-refresh {
	background-position: 	-324px 50%;
}
.button .icon-forward {
	background-position: 	-360px 50%;
}
.button .icon-back {
	background-position: 	-396px 50%;
}
.button .icon-grid {
	background-position: 	-432px 50%;
}
.button .icon-star {
	background-position: 	-468px 50%;
}
.button .icon-alert {
	background-position: 	-504px 50%;
}
.button .icon-info {
	background-position: 	-540px 50%;
}
.button .icon-home {
	background-position: 	-576px 50%;
}
.button .icon-search,
.button .icon-searchfield {
	background-position: 	-612px 50%;
}
.button .icon-checkbox-off {
	background-position: 	-684px 50%;
}
.button .icon-checkbox-on {
	background-position: 	-648px 50%;
}
.button .icon-radio-off {
	background-position: 	-756px 50%;
}
.button .icon-radio-on {
	background-position: 	-720px 50%;
}

/* checks,radios */
.button .checkbox .icon {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.button .icon-checkbox-off,
.button .icon-radio-off {
	background-color: transparent;	
}
.button .checkbox-on .icon,
.button .radio-on .icon {
	background-color: #4596ce /*{global-active-background-color}*/; /* NOTE: this hex should match the active state color. It's repeated here for cascade */
}


/* radius clip workaround for cleaning up corner trapping */
.corner-tl,
.corner-tr,
.corner-bl, 
.corner-br,
.corner-top,
.corner-bottom, 
.corner-right,
.corner-left,
.corner-all,
.btn-corner-tl,
.btn-corner-tr,
.btn-corner-bl, 
.btn-corner-br,
.btn-corner-top,
.btn-corner-bottom, 
.btn-corner-right,
.btn-corner-left,
.btn-corner-all {
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
}


.black.ajax__calendar_container {
    width: 190px;
    background-color: #000000;
    border: solid 1px #666666;
    -moz-border-radius-topleft: 8px;
    -webkit-border-top-left-radius: 8px;
    -khtml-border-top-left-radius: 8px;
    border-top-left-radius: 8px;
    -moz-border-radius-topright: 8px;
    -webkit-border-top-right-radius: 8px;
    -khtml-border-top-right-radius: 8px;
    border-top-right-radius: 8px;
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -khtml-border-bottom-left-radius: 8px;
    border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -khtml-border-bottom-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.black .ajax__calendar_body {
    width: 180px;
    height: 150px;
    background-color: #000000;
    border: solid 1px #666666;
}

.black .ajax__calendar_header {
    background - color: #626262;
    margin-bottom: 8px;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -khtml-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -khtml-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -khtml-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -khtml-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.black .ajax__calendar_title {
    color: #ffffff;
    padding-top: 3px;
}

.black .ajax__calendar_next,
.black .ajax__calendar_prev {
    border: solid 4px #ffffff;
    background-color: #ffffff;
    -moz-border-radius-topleft: 18px;
    -webkit-border-top-left-radius: 18px;
    -khtml-border-top-left-radius: 18px;
    border-top-left-radius: 18px;
    -moz-border-radius-topright: 18px;
    -webkit-border-top-right-radius: 18px;
    -khtml-border-top-right-radius: 18px;
    border-top-right-radius: 18px;
    -moz-border-radius-bottomleft: 18px;
    -webkit-border-bottom-left-radius: 18px;
    -khtml-border-bottom-left-radius: 18px;
    border-bottom-left-radius: 18px;
    -moz-border-radius-bottomright: 18px;
    -webkit-border-bottom-right-radius: 18px;
    -khtml-border-bottom-right-radius: 18px;
    border-bottom-right-radius: 18px;
}

.black .ajax__calendar_hover .ajax__calendar_next,
.black .ajax__calendar_hover .ajax__calendar_prev {
    border: solid 4px #328BC8;
    background-color: #ffffff;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -khtml-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -khtml-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -khtml-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -khtml-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.black .ajax__calendar_dayname {
    text - align: center;
    margin-bottom: 4px;
    margin-top: 2px;
    color: #ffffff;
    background-color: #000000;
}

.black .ajax__calendar_day,
.black .ajax__calendar_month,
.black .ajax__calendar_year {
    margin: 1px 1px 1px 1px;
    text-align: center;
    border: solid 1px #000000;
    color: #ffffff;
    background-color: #626262;
}

.black .ajax__calendar_hover .ajax__calendar_day,
.black .ajax__calendar_hover .ajax__calendar_month,
.black .ajax__calendar_hover .ajax__calendar_year {
    color: #ffffff;
    font-weight: bold;
    background-color: #328BC8;
    border: solid 1px #328BC8;
}

.black .ajax__calendar_active .ajax__calendar_day,
.black .ajax__calendar_active .ajax__calendar_month,
.black .ajax__calendar_active .ajax__calendar_year {
    color: #ffffff;
    font-weight: bold;
    background-color: #F7B64A;
}

.black .ajax__calendar_today .ajax__calendar_day {
    color: #ffffff;
    font-weight: bold;
    background-color: #F7B64A;
}

.black .ajax__calendar_other,
.black .ajax__calendar_hover .ajax__calendar_today {
    color: #ffffff;
    font-weight: bold;
}

.black .ajax__calendar_days {
    background - color: #000000;
}